html.is-paused .aura i,html.is-paused .band__light i,html.is-paused .glow i{animation-play-state:paused}.hero{padding-top:var(--space-xl);position:relative}.hero__inner{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center;display:grid}.hero h1{max-width:16ch;margin-top:var(--space-sm);font-size:clamp(2.875rem,5vw + .75rem,5.75rem)}.hero__lead{max-width:54ch;margin-top:var(--space-lg)}.hero__actions{justify-content:center;gap:var(--space-sm);margin-top:var(--space-xl);flex-wrap:wrap;display:flex}.hero__stores{margin-top:var(--space-lg);animation:rise var(--dur-long) var(--ease-out) .28s both}.hero__inner>:not(.demo){animation:rise var(--dur-long) var(--ease-out) both}.hero__inner>:nth-child(2){animation-delay:70ms}.hero__inner>:nth-child(3){animation-delay:.14s}.hero__inner>:nth-child(4){animation-delay:.21s}@keyframes rise{0%{opacity:0;transform:translateY(18px)}}.demo{justify-items:center;gap:var(--space-md);width:100%;margin-top:var(--space-md);grid-template-columns:minmax(0,1fr);display:grid;position:relative}.demo__try{z-index:2;justify-items:center;gap:10px;width:100%;display:grid;position:relative}.paste{border:1px solid var(--rule);border-radius:var(--radius-pill);background:var(--surface);align-items:center;gap:8px;width:min(100%,470px);padding:6px 6px 6px 20px;display:flex;box-shadow:0 1px 2px #0b0d120d,0 18px 40px -26px #0b0d1259}.paste:focus-within{border-color:color-mix(in oklab, var(--ink) 60%, transparent)}.paste input{width:100%;min-width:0;color:var(--ink-2);font-family:var(--font-mono);font-size:var(--text-sm);text-overflow:ellipsis;background:0 0;border:0;flex:1}.paste input:focus-visible{outline:none}.demo__note{z-index:2;color:var(--muted);font-size:var(--text-xs);position:relative}.demo__stage{width:100%;padding-block:var(--space-lg) var(--space-xl);place-items:center;display:grid;position:relative}.aura{z-index:0;pointer-events:none;position:absolute;inset:-12% -30%}.aura i{opacity:.8;will-change:transform;border-radius:50%;position:absolute}.aura i:first-child{aspect-ratio:1.5;background:radial-gradient(closest-side, var(--light-1), transparent);width:42%;animation:drift-a 17s var(--ease-in-out) infinite alternate;top:14%;left:20%}.aura i:nth-child(2){aspect-ratio:1.35;background:radial-gradient(closest-side, var(--light-2), transparent);width:40%;animation:drift-b 21s var(--ease-in-out) infinite alternate;top:26%;right:18%}.aura i:nth-child(3){aspect-ratio:1.3;background:radial-gradient(closest-side, var(--light-3), transparent);width:36%;animation:drift-c 24s var(--ease-in-out) infinite alternate;bottom:4%;left:33%}@keyframes drift-a{to{transform:translate(6%,5%)scale(1.08)}}@keyframes drift-b{to{transform:translate(-7%,-4%)scale(1.1)}}@keyframes drift-c{to{transform:translate(4%,-6%)scale(.94)}}.demo__phone{z-index:1;--phone-w:clamp(320px, 52vw, 680px);--ry:-12deg;--rx:6deg;transform:perspective(1800px) rotateY(var(--ry)) rotateX(var(--rx)) rotate(-2deg);transition:transform .7s var(--ease-out);position:relative}.demo__phone .phone{box-shadow:inset 0 0 0 .25cqw #ffffff52,inset 0 0 0 .5cqw #00000073,.3cqw .15cqw #6d7075,.6cqw .3cqw #5e6066,.9cqw .45cqw #505257,1.2cqw .6cqw #44464b,1.5cqw .75cqw #393b40,3cqw 9cqw 14cqw -5cqw #0b0d128c}.demo__screens{grid-template-columns:minmax(0,1fr);display:grid}.demo__screen{opacity:0;visibility:hidden;grid-area:1/1;min-width:0;transition:opacity .36s linear,visibility 0s linear .36s}.demo[data-state=add] [data-screen=add],.demo[data-state=loading] [data-screen=loading],.demo[data-state=playing] [data-screen=playing]{opacity:1;visibility:visible;transition:opacity .36s linear}.remote{z-index:2;flex-wrap:wrap;justify-content:center;gap:8px;display:flex;position:relative}.remote__key{border:1px solid var(--rule);border-radius:var(--radius-pill);background:var(--surface-veil);min-height:44px;color:var(--ink-2);font-size:var(--text-sm);cursor:pointer;transition:border-color var(--dur-short) linear, color var(--dur-short) linear;align-items:center;gap:10px;padding:0 16px 0 6px;font-weight:500;display:inline-flex}.remote__key:hover{border-color:color-mix(in oklab, var(--ink) 40%, transparent)}.remote__key kbd{background:var(--paper-2);width:32px;height:32px;color:var(--ink);font-family:var(--font-mono);font-size:var(--text-xs);border-radius:50%;place-items:center;display:grid}.remote__key[aria-pressed=true]{border-color:var(--ink);color:var(--ink)}.remote__key[aria-pressed=true] kbd{background:linear-gradient(135deg, var(--light-1), var(--light-2) 60%, var(--light-3))}.statement__grid{gap:var(--space-2xl);margin-bottom:var(--space-3xl);grid-template-columns:minmax(0,7fr) minmax(0,4fr);align-items:end;display:grid}.statement h2{font-size:clamp(2.5rem,4.4vw + .5rem,5rem)}.statement .lead{color:var(--ink-2)}.trio{gap:var(--space-xl);grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;display:grid}.trio li{align-content:start;gap:var(--space-xs);padding-top:var(--space-md);border-top:1px solid var(--rule);display:grid}.trio p{color:var(--muted);font-size:var(--text-sm)}.glow--statement{height:70%;bottom:-45%;left:-10%;right:-10%}.glow--statement i{opacity:.32}.glow--statement i:first-child{width:45%;height:80%;top:20%;left:0}.glow--statement i:nth-child(2){width:45%;height:90%;top:0;left:30%}.glow--statement i:nth-child(3){width:40%;height:75%;top:25%;right:0}.section-band{padding-top:var(--section-gap)}.band{padding-block:var(--space-4xl);background:var(--midnight);color:#eef1ff;position:relative;overflow:hidden}.band:after{content:"";opacity:.08;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.band__light{pointer-events:none;position:absolute;inset:0}.band__light i{border-radius:50%;position:absolute}.band__light i:first-child{aspect-ratio:1.1;background:radial-gradient(closest-side, var(--light-1), transparent);opacity:.6;width:62%;animation:drift-b 20s var(--ease-in-out) infinite alternate;top:-30%;right:-12%}.band__light i:nth-child(2){aspect-ratio:1.2;background:radial-gradient(closest-side, var(--light-2), transparent);opacity:.55;width:48%;animation:drift-a 24s var(--ease-in-out) infinite alternate;top:20%;right:8%}.band__light i:nth-child(3){aspect-ratio:1.3;background:radial-gradient(closest-side, var(--light-3), transparent);opacity:.32;width:54%;animation:drift-c 26s var(--ease-in-out) infinite alternate;bottom:-50%;left:18%}.band__grid{z-index:1;gap:var(--space-2xl);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;display:grid;position:relative}.band__copy{justify-items:start;gap:var(--space-md);display:grid}.band .label{color:#eef1ffb3}.band h2{color:#fff;font-size:clamp(2.25rem,3.2vw + 1rem,4.25rem)}.band__copy>p:not(.label){color:#eef1ffd9;max-width:44ch;font-size:var(--text-lead)}.band__facts{margin-top:var(--space-xs);flex-wrap:wrap;gap:8px;list-style:none;display:flex}.band__facts li{border-radius:var(--radius-pill);color:#fff;font-size:var(--text-sm);background:#ffffff0f;border:1px solid #ffffff38;padding:8px 14px}.steps{gap:var(--space-xl);grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;display:grid}.step{align-content:start;gap:var(--space-xs);grid-template-rows:auto auto auto 1fr;display:grid}.step__shot{isolation:isolate;margin-bottom:var(--space-md);--phone-w:100%;place-items:end start;display:grid;position:relative}.step__glow{z-index:-1;background:radial-gradient(closest-side, var(--light-2), transparent);opacity:.3;border-radius:50%;height:42%;position:absolute;bottom:-4%;left:0;right:0}.step__num{letter-spacing:var(--tracking-display);font-variant-numeric:tabular-nums;font-size:2.25rem;font-weight:640;line-height:1}.step>p:last-child{max-width:34ch;color:var(--muted)}.spec{gap:var(--space-2xl);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;display:grid}.spec__copy{justify-items:start;gap:var(--space-md);display:grid}.spec__list{width:100%;margin-top:var(--space-md);border-top:1px solid var(--rule)}.spec__list div{gap:var(--space-md);border-bottom:1px solid var(--rule);grid-template-columns:8.5rem minmax(0,1fr);padding-block:14px;display:grid}.spec__list dt{color:var(--muted);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.06em;text-transform:uppercase;padding-top:.3em}.spec__list dd{color:var(--ink-2)}.hood-photo{isolation:isolate;justify-self:center;width:100%;max-width:36rem;margin:0;position:relative}.hood-photo:before{content:"";z-index:-1;background:radial-gradient(closest-side, var(--light-2), transparent);opacity:.35;pointer-events:none;border-radius:50%;position:absolute;inset:8% -6% -10%}.hood-photo img{aspect-ratio:5/4;object-fit:cover;object-position:50% 74%;border:1px solid var(--rule);border-radius:var(--radius-lg);background:var(--screen-ink);width:100%;height:auto;box-shadow:0 40px 80px -48px #0b0d1299}.hood-photo__tag{border-radius:var(--radius-pill);color:#f2f4f8cc;font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.06em;text-transform:uppercase;background:#05070c8c;padding:4px 10px;position:absolute;bottom:16px;left:18px}.activate .container{gap:var(--space-3xl);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;display:grid}.activate__head{justify-items:start;gap:var(--space-md);display:grid}.activate h2{font-size:clamp(2.5rem,4.4vw + .5rem,5rem)}.activate .btn{margin-top:var(--space-sm)}.glow--activate{width:60%;height:90%;top:10%;left:-15%}.glow--activate i{opacity:.3}.glow--activate i:first-child{width:70%;height:70%;top:0;left:10%}.glow--activate i:nth-child(2){width:60%;height:60%;top:30%;left:35%}.glow--activate i:nth-child(3){width:55%;height:55%;top:45%;left:0}@media (width<=64rem){.statement__grid,.band__grid,.spec,.activate .container{gap:var(--space-xl);grid-template-columns:minmax(0,1fr)}.steps{gap:var(--space-2xl);grid-template-columns:minmax(0,1fr);max-width:40rem;margin-inline:auto}}@media (width<=40rem){.hero{padding-top:var(--space-xl)}.hero__actions .btn{flex:100%}.demo{margin-top:var(--space-sm)}.demo__phone{--phone-w:min(94vw, 560px);--ry:-8deg}.remote__key{padding-right:12px}.trio{gap:var(--space-lg);grid-template-columns:minmax(0,1fr)}.steps{gap:var(--space-2xl);grid-template-columns:minmax(0,1fr)}.step__shot{justify-items:center}.spec__list div{grid-template-columns:minmax(0,1fr);gap:2px}.band{padding-block:var(--space-3xl)}}.devices{justify-items:center;gap:var(--space-md);width:100%;display:grid}.devices__stage{aspect-ratio:16/11;place-items:center;width:100%;display:grid;position:relative;container-type:inline-size}.device{--w:86cqw;--h:39.7cqw;--band:1.15cqw;--bezel:1cqw;--radius:6.8cqw;--lift:0cqw;width:var(--w);height:var(--h);padding:var(--band);border-radius:var(--radius);box-shadow:0 6cqw 10cqw -4cqw #000000bf, 0 0 16cqw -4cqw var(--light-2);transform:translateY(var(--lift));transition:width .7s var(--ease-in-out), height .7s var(--ease-in-out), padding .7s var(--ease-in-out), border-radius .7s var(--ease-in-out), transform .7s var(--ease-in-out);background:#16181c;position:relative}.device:before,.device:after{content:"";border-radius:inherit;transition:opacity .7s var(--ease-in-out);position:absolute;inset:0}.device:before{background:linear-gradient(135deg,#a7a9ae 0%,#4a4c51 12%,#7d8086 34%,#3b3d42 58%,#8e9196 82%,#54565b 100%);box-shadow:inset 0 0 0 .2cqw #ffffff4d,inset 0 0 0 .45cqw #00000073}.device:after{opacity:0;background:linear-gradient(160deg,#e6e7ea 0%,#b9bcc2 30%,#d5d7db 60%,#9fa2a8 100%);box-shadow:inset 0 0 0 .15cqw #fff9}.device__bezel{z-index:1;height:100%;padding:var(--bezel);border-radius:calc(var(--radius) - var(--band));transition:padding .7s var(--ease-in-out), border-radius .7s var(--ease-in-out);background:#000;position:relative}.device__picture{border-radius:calc(var(--radius) - var(--band) - var(--bezel));height:100%;transition:border-radius .7s var(--ease-in-out);overflow:hidden}.device__picture .tv{aspect-ratio:auto;height:100%}.device__glare{inset:var(--bezel);z-index:3;border-radius:calc(var(--radius) - var(--band) - var(--bezel));pointer-events:none;transition:inset .7s var(--ease-in-out), border-radius .7s var(--ease-in-out);background:linear-gradient(160deg,#ffffff24 0%,#ffffff0a 22%,#0000 34%);position:absolute}.device__cam{top:50%;left:calc(var(--bezel) + 1cqw);z-index:2;width:3.6cqw;height:12cqw;transition:all .7s var(--ease-in-out);background:#000;border-radius:999px;position:absolute;transform:translateY(-50%)}.device__cam:after{content:"";aspect-ratio:1;width:1.5cqw;transition:all .7s var(--ease-in-out);background:radial-gradient(circle at 35% 35%,#3c4a6b,#10141f 55%,#05070b);border-radius:50%;position:absolute;bottom:1.4cqw;left:50%;transform:translate(-50%)}.device__key{z-index:0;background:linear-gradient(#3e4045,#b0b2b7 45%,#5a5c61);border-radius:.3cqw;height:.55cqw;transition:opacity .4s linear;position:absolute}.device__key--a,.device__key--b,.device__key--c{bottom:-.45cqw}.device__key--a{width:4cqw;right:74cqw}.device__key--b{width:7.4cqw;right:62cqw}.device__key--c{width:7.4cqw;right:52cqw}.device__key--top{width:11cqw;top:-.45cqw;left:24cqw}.device__airplay{top:calc(var(--bezel) + 1.4cqw);right:calc(var(--bezel) + 1.4cqw);z-index:4;color:#fff;font-family:var(--font-mono);letter-spacing:.04em;opacity:0;background:#0009;border-radius:999px;padding:.5cqw 1.1cqw;font-size:max(10px,1.3cqw);transition:opacity .4s linear;position:absolute}.device__stand{opacity:0;width:30cqw;height:6.4cqw;transition:opacity .5s linear;position:absolute;top:100%;left:50%;transform:translate(-50%)}.device__stand:before{content:"";background:linear-gradient(90deg,#1b1d21,#3a3c41 50%,#1b1d21);width:3.4cqw;height:4.6cqw;position:absolute;top:0;left:50%;transform:translate(-50%)}.device__stand:after{content:"";background:linear-gradient(#3a3c41,#16181c);border-radius:1cqw 1cqw .4cqw .4cqw;width:100%;height:1.9cqw;position:absolute;bottom:0;left:0;box-shadow:0 1.6cqw 3cqw -.6cqw #000c}.devices[data-device=ipad] .device{--w:74cqw;--h:51.7cqw;--band:.55cqw;--bezel:2.6cqw;--radius:3.6cqw}.devices[data-device=ipad] .device:before{opacity:0}.devices[data-device=ipad] .device:after{opacity:1}.devices[data-device=ipad] .device__cam{top:calc(var(--bezel) / 2);background:#10141f;width:.9cqw;height:.9cqw;left:50%;transform:translate(-50%,-50%)}.devices[data-device=ipad] .device__cam:after{width:.6cqw;bottom:.15cqw}.devices[data-device=ipad] .device__key--a,.devices[data-device=ipad] .device__key--b,.devices[data-device=ipad] .device__key--c{opacity:0}.devices[data-device=tv] .device{--w:94cqw;--h:53.6cqw;--band:.35cqw;--bezel:.6cqw;--radius:.8cqw;--lift:-3.6cqw}.devices[data-device=tv] .device:before,.devices[data-device=tv] .device__cam,.devices[data-device=tv] .device__key{opacity:0}.devices[data-device=tv] .device__airplay,.devices[data-device=tv] .device__stand{opacity:1}.devices__switch{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.devices__switch button{color:#fff;min-height:40px;font-size:var(--text-sm);cursor:pointer;transition:background-color var(--dur-short) linear, color var(--dur-short) linear;background:#ffffff0f;border:1px solid #ffffff3d;border-radius:999px;padding:0 18px;font-weight:500}.devices__switch button:hover{background:#ffffff24}.devices__switch button[aria-pressed=true]{color:#0b0d12;background:#fff;border-color:#fff}.devices__caption{color:#eef1ffbf;font-size:var(--text-sm);text-align:center}