@property --rx{syntax:"<angle>";inherits:true;initial-value:0deg}@property --ry{syntax:"<angle>";inherits:true;initial-value:0deg}@property --rz{syntax:"<angle>";inherits:true;initial-value:0deg}@property --tx{syntax:"<angle>";inherits:true;initial-value:0deg}@property --ty{syntax:"<angle>";inherits:true;initial-value:0deg}.finish-orange{--f-hi:#ffc39a;--f-base:#e9772f;--f-lo:#a2441a}.finish-blue{--f-hi:#93a5c9;--f-base:#3a4d74;--f-lo:#19223a}.finish-silver{--f-hi:#fff;--f-base:#dfe0e3;--f-lo:#a3a5aa}.finish-graphite{--f-hi:#a3a3a8;--f-base:#414145;--f-lo:#1a1a1c}.finish-sand{--f-hi:#f6e8d4;--f-base:#cdb291;--f-lo:#8e7254}.phone{--phone-depth:11.2cqw;--phone-r:16.4cqw;aspect-ratio:780/1634;position:relative;container-type:inline-size}.phone-body{position:absolute;inset:0}.phone-front{border-radius:var(--phone-r);background:conic-gradient(from 215deg, var(--f-hi), var(--f-base) 9%, var(--f-lo) 22%, var(--f-base) 34%, var(--f-hi) 44%, var(--f-base) 55%, var(--f-lo) 70%, var(--f-base) 84%, var(--f-hi));padding:1.1cqw;position:absolute;inset:0}.phone-bezel{background:#050506;border-radius:15.3cqw;width:100%;height:100%;padding:2.3cqw;position:relative;box-shadow:inset 0 0 0 .22cqw #ffffff12}.phone-screen{background:#000;border-radius:13cqw;width:100%;height:100%;position:relative;overflow:hidden;container-type:inline-size}.phone-island{z-index:30;background:#000;border-radius:4.3cqw;width:30cqw;height:8.6cqw;position:absolute;top:2.7cqw;left:50%;translate:-50%}.phone-island:after{content:"";aspect-ratio:1;background:radial-gradient(circle at 38% 34%,#26263a,#07070a 62%);border-radius:50%;width:3.3cqw;position:absolute;top:50%;right:2.6cqw;translate:0 -50%}.phone-glare{z-index:35;pointer-events:none;background:linear-gradient(116deg,#ffffff1c 0%,#ffffff08 24%,#0000 40%);position:absolute;inset:0}.phone-dark{z-index:34;pointer-events:none;opacity:calc(1 - var(--wake,1));background:#000;position:absolute;inset:0}.phone-rail{pointer-events:none;position:absolute;inset:0}.phone-btn{background:linear-gradient(90deg, var(--f-lo), var(--f-hi) 45%, var(--f-base) 70%, var(--f-lo));border-radius:.65cqw;width:1.3cqw;position:absolute}.phone-btn[data-side=l]{left:-.75cqw}.phone-btn[data-side=r]{right:-.75cqw}.phone-btn[data-key=action]{height:5.4%;top:17.4%}.phone-btn[data-key=up]{height:8.6%;top:25.4%}.phone-btn[data-key=down]{height:8.6%;top:35.8%}.phone-btn[data-key=side]{height:12%;top:26%}.phone-btn[data-key=camera]{background:linear-gradient(90deg,#0b0b0c,#45454a 55%,#0b0b0c);width:.8cqw;height:9.2%;top:58%;right:-.35cqw}.phone-shadow{filter:blur(2cqw);background:radial-gradient(closest-side,#0000004d,#0000);border-radius:50%;height:6%;position:absolute;bottom:-3.5%;left:12%;right:12%}.phone-3d .phone-body{transform-style:preserve-3d;transform:perspective(430cqw) rotateX(calc(var(--rx) + var(--tx))) rotateY(calc(var(--ry) + var(--ty))) rotateZ(var(--rz));will-change:transform}.phone-3d .phone-front{backface-visibility:hidden;transform:translateZ(.02cqw)}.phone-3d .phone-rail{transform:translateZ(calc(var(--phone-depth) * -.5))}.phone-edge{border-radius:var(--phone-r);transform:translateZ(calc(var(--phone-depth) * var(--z) * -1));position:absolute;inset:.15cqw}.phone-back{border-radius:var(--phone-r);transform:translateZ(calc(var(--phone-depth) * -1)) rotateY(180deg);backface-visibility:hidden;background:radial-gradient(120% 55% at 18% 0%, color-mix(in oklab, var(--f-hi) 45%, transparent), transparent 62%), linear-gradient(168deg, var(--f-base), color-mix(in oklab, var(--f-base) 72%, var(--f-lo)) 58%, var(--f-lo));box-shadow:inset 0 0 0 .8cqw color-mix(in oklab, var(--f-hi) 30%, transparent);position:absolute;inset:0;overflow:hidden}.phone-plateau{border-radius:var(--phone-r) var(--phone-r) 6cqw 6cqw;background:linear-gradient(180deg, color-mix(in oklab, var(--f-hi) 32%, var(--f-base)), var(--f-base) 50%, color-mix(in oklab, var(--f-base) 70%, var(--f-lo)));height:47cqw;box-shadow:0 .7cqw 0 color-mix(in oklab, var(--f-lo) 70%, #000), inset 0 -.35cqw 0 color-mix(in oklab, var(--f-hi) 45%, transparent);position:absolute;inset:0 0 auto}.phone-lens{aspect-ratio:1;background:radial-gradient(circle, #06070a 0 29%, #161b27 30% 39%, #040507 40% 55%, #2b2b30 56% 60%, color-mix(in oklab, var(--f-lo) 60%, #000) 61% 77%, color-mix(in oklab, var(--f-hi) 70%, var(--f-base)) 78% 83%, color-mix(in oklab, var(--f-lo) 80%, #000) 84%);border-radius:50%;width:18.5cqw;position:absolute;box-shadow:0 .6cqw 1.2cqw #00000059}.phone-lens:after{content:"";background:radial-gradient(circle at 34% 30%,#aab4ff99 0 5%,#0000 16%),radial-gradient(circle at 64% 68%,#5ac8be40 0 7%,#0000 20%),radial-gradient(circle,#2834608c,#0000 72%);border-radius:50%;position:absolute;inset:24%}.phone-flash,.phone-lidar{aspect-ratio:1;border-radius:50%;width:6.8cqw;position:absolute}.phone-flash{background:radial-gradient(circle,#fbf7ea 0 30%,#d9d0b6 34% 58%,#8f8877 62%)}.phone-lidar{background:radial-gradient(circle,#101014 0 48%,#2c2c32 52% 64%,#0a0a0c 68%)}.phone-window{background:linear-gradient(180deg, color-mix(in oklab, var(--f-base) 90%, #fff), color-mix(in oklab, var(--f-base) 86%, var(--f-lo)));box-shadow:inset 0 0 0 .25cqw color-mix(in oklab, var(--f-lo) 45%, transparent);color:color-mix(in oklab, var(--f-lo) 55%, var(--f-base));border-radius:9cqw;justify-content:center;align-items:flex-start;padding-top:38cqw;display:flex;position:absolute;inset:60cqw 8cqw 9cqw}.phone-window svg{width:13cqw;height:auto}@keyframes phone-enter{0%{--rx:16deg;--ry:-30deg;--rz:3deg;translate:0 10%}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.phone-enter{animation:linear both phone-enter;animation-timeline:view();animation-range:entry cover 45%}}}
.launch{height:240vh;position:relative}.launch-pin{height:100svh;position:sticky;top:0;overflow:clip}.launch-head{z-index:20;position:absolute;inset:0 0 auto}.launch-stage{pointer-events:none;justify-content:center;align-items:center;padding-top:3.5rem;display:flex;position:absolute;inset:0}.launch-anchor{width:min(35svh,60vw,400px);position:relative}@media (max-width:639px){.launch-anchor[data-twin=left]{translate:16%}.launch-anchor[data-twin=right]{translate:-16%}}.launch-main,.launch-twin{translate:var(--x,0) var(--y,0);scale:var(--s,1)}.launch-main{z-index:2;position:relative}.launch-twin{z-index:1;opacity:var(--o,0);position:absolute;inset:0}.launch-next{opacity:0;transition:opacity .55s var(--ease-out-expo), scale .7s var(--ease-out-expo);scale:1.03}.launch-main[data-moment] .launch-next{opacity:1;scale:1}.launch-card{z-index:3;opacity:var(--c,0);translate:0 calc((1 - var(--c,0)) * 28px);scale:calc(.9 + var(--c,0) * .1);position:absolute}.launch-glow{background:radial-gradient(closest-side, color-mix(in oklab, var(--f-base) 30%, transparent), transparent);opacity:calc(var(--glow,0) * .85);border-radius:50%;position:absolute;inset:-20% -95%}@keyframes launch-in{0%{opacity:0;translate:0 8svh}}.launch-stage{animation:launch-in 1.1s var(--ease-out-expo) .25s both}@media (prefers-reduced-motion:reduce){.launch{height:auto}.launch-pin{height:auto;position:static;overflow:visible}.launch-head{position:relative;opacity:1!important;visibility:visible!important;translate:none!important}.launch-stage{height:92svh;position:relative}}.island-activity{z-index:40;color:#fff;clip-path:inset(0 30cqw 10.4cqw round 4.3cqw);height:19cqw;transition:clip-path .5s var(--ease-out-expo);background:#000;border-radius:9.5cqw;align-items:center;gap:3.2cqw;padding-inline:4.5cqw;display:flex;position:absolute;top:2.7cqw;left:5cqw;right:5cqw}.island-activity.is-open{clip-path:inset(0 round 9.5cqw);transition-duration:.75s}.island-activity>*{opacity:0;transition:opacity .2s}.island-activity.is-open>*{opacity:1;transition:opacity .35s .25s}.island-icon{aspect-ratio:1;background:#1c1c1e;border-radius:3cqw;flex-shrink:0;place-items:center;width:10.5cqw;display:grid}.island-icon svg{width:5cqw;height:auto}.island-text{flex-direction:column;gap:.6cqw;min-width:0;font-size:3.5cqw;line-height:1.2;display:flex}.island-text b{font-size:3.9cqw;font-weight:600}.island-text span{white-space:nowrap;text-overflow:ellipsis;color:#ffffff9e;overflow:hidden}