*{box-sizing:border-box;margin:0;padding:0}:root{--sr-bg:#f5f3ef;--sr-text:#1a1a1a;--sr-border:#c8c3b9;--sr-keyword-text:#f5f3ef;--sr-keyword-bg:#1a1a1a;--sr-highlight-bg:220,215,205}@media (prefers-color-scheme:dark){:root{--sr-bg:#1a1a1a;--sr-text:#e8e5e0;--sr-border:#3c3a37;--sr-keyword-text:#1a1a1a;--sr-keyword-bg:#e8e5e0;--sr-highlight-bg:50,48,44}}body{font-family:var(--font-dm-sans),sans-serif;background-color:var(--sr-bg)}section{width:100%;height:100svh;padding:18px;position:relative;overflow:hidden}.copy-container{text-align:center;border-radius:2rem;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.copy-container h1{color:#fff;width:70%;font-size:clamp(2rem,6vw,5rem);font-weight:900;line-height:1}.hero .copy-container{background:#3d5afe}.cta .copy-container{background:#2ebd6e}.outro .copy-container{background:#e85d3a}.about .copy-container,.features .copy-container{border:.15rem dashed var(--sr-border)}.anime-text{width:clamp(85%,50vw,60%)}.anime-text p{color:var(--sr-text);text-align:center;margin-bottom:clamp(1.2rem,2vw,2rem);font-size:clamp(1.1rem,2.5vw,2rem);font-weight:900;line-height:1.3}.anime-text .word{will-change:background-color,opacity;border-radius:2rem;margin-bottom:.2rem;margin-right:.2rem;padding:.1rem .2rem;display:inline-block;position:relative}.anime-text .word.keyword-wrapper{margin:0 .4rem .2rem .2rem}.anime-text .word span{position:relative}.anime-text .word span.keyword{width:100%;height:100%;color:var(--sr-keyword-text);border-radius:2rem;padding:.1rem 0;display:inline-block}.anime-text .word span.keyword:before{content:"";background-color:var(--sr-keyword-bg);z-index:-1;border-radius:2rem;width:calc(100% + 1rem);height:calc(100% - .1rem);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.anime-text .word span.keyword.fluid:before,.anime-text .word span.keyword.structure:before,.anime-text .word span.keyword.responsive:before{background-color:#3d5afe}.anime-text .word span.keyword.seamless:before,.anime-text .word span.keyword.rhythm:before,.anime-text .word span.keyword.dynamic:before{background-color:#e85d3a}.anime-text .word span.keyword.precision:before,.anime-text .word span.keyword.adaptive:before,.anime-text .word span.keyword.craft:before{background-color:#2ebd6e}.anime-text .word,.anime-text .word span{opacity:0}@media (max-width:768px){section{padding:6px 12px}section:first-child{padding-top:12px}section:last-child{padding-bottom:12px}.copy-container{border-radius:1.2rem}.copy-container h1{width:90%}.anime-text .word{border-radius:1rem;margin-bottom:.1rem;margin-right:.1rem;padding:.05rem .15rem}.anime-text .word.keyword-wrapper{margin:0 .15rem .1rem .05rem}.anime-text .word span.keyword:before{border-radius:1rem;width:calc(100% + .8rem);height:calc(100% - .1rem)}}