.phone{width:var(--w,300px);aspect-ratio:9/19;flex:none;position:relative;container-type:inline-size}.phone__body{border:1px solid var(--line-strong);background:#070608;border-radius:14.5cqw;position:absolute;inset:0}.phone__screen{isolation:isolate;background:#0b0b0c;border-radius:12.3cqw;position:absolute;inset:2.3cqw;overflow:hidden}.phone__cam{z-index:6;aspect-ratio:1;background:#000;border:.4cqw solid #17151a;border-radius:50%;width:3.6cqw;margin-left:-1.8cqw;position:absolute;top:5.2cqw;left:50%}.scr{color:#fff;font-family:var(--f-body);flex-direction:column;font-size:3.5cqw;line-height:1.3;display:flex;position:absolute;inset:0;overflow:hidden}.sb{flex:none;justify-content:space-between;align-items:center;height:11.5cqw;padding:3.2cqw 7.5cqw 0 8.5cqw;font-size:3.3cqw;font-weight:500;display:flex}.sb__r{align-items:center;gap:1.5cqw;display:flex}.sb .i{width:3.9cqw;height:3.9cqw}.clock{padding:5cqw 8.5cqw 0}.clock b{font:300 21cqw / 1 var(--f-body);letter-spacing:-.05em;display:block}.clock span{color:#9a9698;margin-top:1.6cqw;font-size:3.6cqw;display:block}.widget{aspect-ratio:1;background:#17181b;border-radius:6.7cqw;width:61cqw;margin:8cqw 0 0 8.5cqw;position:relative;overflow:hidden}.widget__img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.widget__name{color:#fff;font:500 4.2cqw / 1.2 Roboto, var(--f-body), system-ui, sans-serif;padding:3.3cqw;position:absolute;bottom:0;left:0}.dock{grid-template-columns:repeat(4,1fr);gap:3.6cqw;margin-top:auto;padding:0 8.5cqw 7cqw;display:grid}.app{aspect-ratio:1;background:#f3efe617;border-radius:4.2cqw;display:block;overflow:hidden}.app--e{background:0 0}.app--e img{width:100%;height:100%}
.hero{--hero-lift:4.5svh;min-height:100svh;padding:calc(var(--nav-h) + 24px) var(--gutter) calc(var(--nav-h) + 24px + 2 * var(--hero-lift));isolation:isolate;text-align:center;place-items:center;display:grid;position:relative;overflow:clip}.hero:before{content:"";z-index:-1;background:radial-gradient(ellipse at center, #0e0d0fad, #0e0d0fdb 85%), linear-gradient(to bottom, #0e0d0f59, #0e0d0f00 30%, #0e0d0f8c 78%, var(--ink));position:absolute;inset:0}.hero__in{grid-template-rows:1fr auto 1fr;justify-items:center;max-width:920px;display:grid}.hero__icon{border:1px solid var(--line);border-radius:18px;align-self:end;width:72px;height:72px;margin-bottom:30px}.h1{font-size:min(6.6rem, calc((100vw - 2 * var(--gutter)) / 8.2));letter-spacing:-.05em;white-space:nowrap;line-height:1}.hero .lead{color:#f3efe6db;align-self:start;max-width:30ch;margin-top:24px}.rot{--shift:1.4em;vertical-align:baseline;justify-items:start;display:inline-grid}.rot__word{white-space:nowrap;grid-area:1/1;align-items:baseline;margin:-.04em -.06em -.18em;padding:.04em .06em .18em;display:flex;overflow:hidden}.rot__c{display:inline-block}.rot__word:not(.rot__word--first){visibility:hidden}.js .rot__word:not(.rot__word--first){visibility:visible}.js .rot__word[data-s=in] .rot__c{transition:transform .95s var(--ease-out);transition-delay:calc(var(--i,0) * 42ms + .18s)}.js .rot__word[data-s=out] .rot__c{transform:translateY(calc(var(--shift) * -1));transition:transform .6s cubic-bezier(.5,0,.75,0);transition-delay:calc(var(--i,0) * 26ms)}.js .rot__word[data-s=idle] .rot__c{transform:translateY(var(--shift));transition:none}.rot__word--first .rot__c{animation:rot-up 1.2s var(--ease-out) backwards;animation-delay:calc(var(--i,0) * 70ms + .38s)}@keyframes rot-up{0%{transform:translateY(var(--shift))}}@media (prefers-reduced-motion:reduce){.rot__word--first .rot__c{animation:none}.js .rot__word .rot__c{transition:none}}.wall{z-index:-2;transform:rotate(-9deg);translate:calc(var(--px,0) * -16px) calc(var(--py,0) * -12px);justify-content:center;gap:16px;display:flex;position:absolute;inset:-25% -12%}.wall__col{translate:0 calc(var(--px,0) * var(--depth,0) * 1px);flex-direction:column;flex:0 0 clamp(150px,19vw,300px);gap:16px;animation:90s ease-in-out infinite alternate drift;display:flex}.wall__col--0{--depth:14}.wall__col--1{--depth:-10;margin-top:-9%;animation-duration:104s;animation-direction:alternate-reverse}.wall__col--2{--depth:18;margin-top:-3%;animation-duration:96s}.wall__col--3{--depth:-14;margin-top:-13%;animation-duration:112s;animation-direction:alternate-reverse}@keyframes drift{0%{transform:translateY(-3%)}to{transform:translateY(6%)}}.wall__tile{background:var(--graphite);border-radius:18px;overflow:hidden}.wall__tile img{width:100%;height:auto}@media (prefers-reduced-motion:reduce){.wall__col{animation:none}}.feat{padding:clamp(96px, 14vw, 200px) var(--gutter)}.feat__in{grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;column-gap:clamp(12px,2vw,32px);max-width:1180px;margin-inline:auto;display:grid}.feat__phone{--w:clamp(230px, 24vw, 320px);grid-column:2/span 4;justify-self:center}.feat__text{grid-column:7/span 5}.feat .h2{margin-top:0}.feat p{max-width:32ch;color:var(--ash);margin-top:24px;font-size:clamp(1.1rem,1rem + .4vw,1.3rem);line-height:1.5}.feat--solo{text-align:center;padding-top:0}.feat--solo .feat__in{display:block}.feat--solo p{margin-inline:auto}.feat--solo .play{margin-top:40px}@media (max-width:899px){.feat__phone,.feat__text{grid-column:1/-1}.feat__phone{--w:min(64vw, 300px);margin-bottom:48px}}