html{overflow-anchor:none}.stages{--gap:clamp(.75rem, 1.4vw, 1.25rem);--r:0;gap:clamp(2.2rem, 5vh, 4rem) var(--gap);padding:clamp(2rem, 6vh, 5rem) var(--gutter) 0;grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.stage{flex-direction:column;grid-column:span 6;min-width:0;display:flex;position:relative}.stage--hero .stage__card{aspect-ratio:16/9}.stage--full .stage__card{aspect-ratio:21/9}.stage--wide{grid-column:span 4}.stage--wide .stage__card{aspect-ratio:3/2}.stage--half{grid-column:span 3}.stage--half .stage__card{aspect-ratio:4/3}.stage--third{grid-column:span 2;container-type:inline-size}.stage--third .stage__card{height:calc(133.333cqw + var(--gap) * 2 / 3)}.stage--square{grid-column:span 2}.stage--square .stage__card{aspect-ratio:1}.stage--story{grid-template-columns:minmax(0,2fr) minmax(0,4fr);align-items:center;column-gap:clamp(2rem,5vw,6rem);padding:clamp(1rem,3vh,2.5rem) 0;display:grid}.stage--story.stage--flip{grid-template-columns:minmax(0,4fr) minmax(0,2fr)}.stage--story.stage--flip .stage__card{order:-1}.stage--story .stage__card{aspect-ratio:4/3}.stage--story .stage__cap{margin:0;padding:0}.stage--story .stage__title{font-size:var(--fs-h2);font-variation-settings:"opsz" 96}.stage--story .stage__cap p{max-width:34ch;font-size:var(--fs-lead)}.stage__card{isolation:isolate;width:100%;position:relative;container-type:size}.stage__field{display:none}.stage__field:before{content:"";background:var(--f-wash);position:absolute;inset:0}.stage__field:after{content:"";mix-blend-mode:overlay;opacity:.7;background: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%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.stage__orb{filter:blur(16cqw);opacity:1;will-change:transform;border-radius:50%;width:80cqw;height:80cqw;animation:26s ease-in-out infinite alternate orb-a;position:absolute}.stage__orb--1{background:var(--f-orb-1);top:-40%;left:-30%}.stage__orb--2{background:var(--f-orb-2);animation-name:orb-b;animation-duration:32s;bottom:-45%;right:-30%}@keyframes orb-a{to{transform:translate(12%,14%)scale(1.1)}}@keyframes orb-b{to{transform:translate(-10%,-12%)scale(.94)}}.stage__field--grid:before{background-image:linear-gradient(var(--f-line) 1px, transparent 1px), linear-gradient(90deg, var(--f-line) 1px, transparent 1px), var(--f-wash);background-size:33.3333% 33.3333%,33.3333% 33.3333%,100% 100%}.field-ink,.field-ember,.field-coral,.field-dusk{--f-base:#17140f;--f-wash:radial-gradient(120% 80% at 50% 110%, #262118 0%, #1a1612 55%, #120f0c 100%);--f-orb-1:#ff783c1a;--f-orb-2:#0000004d;--f-line:#e9e2d40f}.field-graphite,.field-slate,.field-sky,.field-teal{--f-base:#16181d;--f-wash:radial-gradient(120% 80% at 50% 110%, #262a33 0%, #191c22 55%, #0f1114 100%);--f-orb-1:#8caadc1f;--f-orb-2:#00000059;--f-line:#e9e2d40f}.field-navy,.field-indigo{--f-base:#0e1320;--f-wash:radial-gradient(120% 80% at 50% 110%, #1a2440 0%, #111828 55%, #0a0e18 100%);--f-orb-1:#5a82dc24;--f-orb-2:#00000a66;--f-line:#e9e2d40f}.field-bone,.field-sand,.field-lime{--f-base:#ebe5d9;--f-wash:radial-gradient(120% 80% at 50% -10%, #f6f1e8 0%, #ebe5d9 60%, #ddd5c6 100%);--f-orb-1:#ffffffb3;--f-orb-2:#785a3c1a;--f-line:#14110d12}.field-fog,.field-mint{--f-base:#e6e8ec;--f-wash:radial-gradient(120% 80% at 50% -10%, #f3f4f7 0%, #e6e8ec 60%, #d6d9df 100%);--f-orb-1:#fffc;--f-orb-2:#3c507814;--f-line:#14110d12}.stage__scene{z-index:1;perspective:2400px;perspective-origin:50% 45%;place-items:center;padding:5cqh 4cqw;display:grid;position:absolute;inset:0}.dev-float{transform:translate(var(--px,0%), var(--py,0%));will-change:transform;position:relative}.dev{width:min(var(--dw,74cqw), calc(88cqh * var(--ar,1.6)));transform-style:preserve-3d;transform:rotateX(calc(var(--rx,0deg) + var(--tx,0deg))) rotateY(calc(var(--ry,0deg) + var(--ty,0deg))) rotate(var(--rz,0deg)) scale(var(--s,1));transition:transform var(--duration-cinema) var(--ease-out);will-change:transform;position:relative}.dev__media{pointer-events:none;-webkit-user-select:none;user-select:none;content-visibility:auto;background:#f4f5f7;position:absolute;inset:0;overflow:hidden;transform:translateZ(0)}.dev__media>.block-shell,.dev__media>.dev__video,.dev__media>.dev__poster{position:absolute;inset:0}.dev__video,.dev__poster{object-fit:cover;object-position:var(--focus,50% 50%);width:100%;height:100%;transform:scale(var(--zoom,1));transform-origin:var(--focus,50% 50%)}.dev__frame{transform-origin:0 0;opacity:0;transition:opacity var(--duration-scene) ease .2s;background:#fff;border:0;position:absolute;top:0;left:0}.dev.is-live .dev__frame{opacity:1}.dev__video{opacity:0;transition:opacity var(--duration-scene) ease}.dev.is-playing .dev__video{opacity:1}.dev__glare{z-index:4;pointer-events:none;border-radius:inherit;background:radial-gradient(70% 70% at var(--gx,30%) var(--gy,20%), #ffffff12, transparent 70%);opacity:0;transition:opacity var(--duration-layout);position:absolute;inset:0}.stage__card:hover .dev__glare{opacity:1}.dev--screen{--ar:1.6;width:var(--dw,100cqw);aspect-ratio:16/10;border-radius:var(--r);overflow:hidden;box-shadow:0 0 0 1px #e9e2d41a,0 30px 80px -40px #000c}.dev--screen .dev__media{border-radius:inherit}.stage__scene{padding:0}.block-scroll{scrollbar-width:none}.block-scroll::-webkit-scrollbar{display:none}.dev--laptop{--ar:1.5}.dev--laptop .dev__screen{aspect-ratio:16/10;background:#0b0b0d;border-radius:1.1cqw 1.1cqw .3cqw .3cqw;padding:1.1%;position:relative;box-shadow:inset 0 0 0 1px #ffffff1a,0 .5px #ffffff40,0 40px 90px -30px #000c,0 10px 24px -14px #0009}.dev--laptop .dev__screen:before{content:"";z-index:5;background:#141418;border-radius:50%;width:.45cqw;height:.45cqw;position:absolute;top:.45%;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 1px #2a2a30}.dev--laptop .dev__media{border-radius:.5cqw .5cqw 0 0;inset:1.1%}.dev--laptop .dev__base{background:linear-gradient(#3a3a40 0%,#202024 40%,#121215 100%);border-radius:0 0 .9cqw .9cqw;height:1.3cqw;margin:0 -3%;position:relative;box-shadow:inset 0 1px #ffffff47,0 24px 50px -16px #000c}.dev--laptop .dev__base:before{content:"";background:#0b0b0d;border-radius:0 0 .5cqw .5cqw;width:12%;height:40%;position:absolute;top:0;left:50%;transform:translate(-50%)}.dev--laptop .dev__base:after{content:"";filter:blur(.9cqw);background:#0006;border-radius:50%;height:1.2cqw;position:absolute;bottom:-1.2cqw;left:4%;right:4%}.dev--phone{--ar:.462;width:var(--dw,100cqw);aspect-ratio:390/844;border-radius:calc(var(--dw,100cqw) * .12);background:#000;overflow:hidden;box-shadow:0 0 0 1px #e9e2d41a,0 30px 80px -40px #000c}.dev--phone .dev__media{border-radius:inherit;background:#000;position:absolute;inset:0}.dev--phone .dev__glare{display:none}.dev--window{--ar:1.6;width:min(var(--dw,70cqw), calc(88cqh * var(--ar)));aspect-ratio:16/10;background:#ececef;border-radius:.9cqw;overflow:hidden;box-shadow:inset 0 0 0 1px #fff9,0 0 0 1px #00000059,0 40px 90px -30px #000000bf,0 10px 24px -12px #00000080}.dev--window .dev__bar{z-index:5;background:linear-gradient(#f4f4f6,#e8e8ec);border-bottom:1px solid #0000001a;align-items:center;gap:.6cqw;height:2.8cqw;padding:0 1.1cqw;display:flex;position:absolute;inset:0 0 auto}.dev--window .dev__bar i{background:#ff5f57;border-radius:50%;width:.85cqw;height:.85cqw;box-shadow:inset 0 0 0 1px #0000001f}.dev--window .dev__bar i:nth-child(2){background:#febc2e}.dev--window .dev__bar i:nth-child(3){background:#28c840}.dev--window.dev--dark{background:#1d1d21;box-shadow:inset 0 0 0 1px #ffffff1a,0 0 0 1px #0009,0 40px 90px -30px #000c}.dev--window.dev--dark .dev__bar{background:linear-gradient(#2a2a2f,#202024);border-bottom-color:#ffffff14}.dev--window .dev__media{top:2.8cqw}.dev--bare{--ar:1.6;width:var(--dw,60cqw);aspect-ratio:var(--da,16 / 10);border-radius:var(--r);box-shadow:0 0 0 1px #00000014,0 40px 90px -30px #0000008c,0 10px 24px -14px #0006}.dev--bare .dev__media{border-radius:inherit}.dev--bare.dev--flat{box-shadow:none;border-radius:0}.dev--bare.dev--flat .dev__media{background:0 0}.dev-float--fill{position:absolute;inset:0;transform:none}.dev--fill{width:auto;position:absolute;inset:0;transform:none}.dev--fill .dev__media{border-radius:var(--r);background:0 0;-webkit-mask-image:linear-gradient(#000 0% 50%,#0000 100%);mask-image:linear-gradient(#000 0% 50%,#0000 100%)}.stage--mask-none .dev--fill .dev__media{-webkit-mask-image:none;mask-image:none}.dev--panel{aspect-ratio:auto;border-radius:var(--r);width:auto;height:auto;position:absolute;inset:0;overflow:hidden;box-shadow:0 0 0 1px #e9e2d41a,0 30px 80px -40px #000c}.dev--panel .dev__media{border-radius:inherit;background:#fafafa}.stage--guide{--spot-ring:var(--accent);--spot-dim:#0e0c0975}.stage--guide>.stage__cap{margin:0 0 clamp(1.5rem,4vh,2.5rem)}.guide{grid-template-columns:minmax(14rem,21rem) minmax(0,1fr);align-items:start;gap:clamp(1.5rem,4vw,4rem);display:grid}.guide__screen{position:sticky;top:clamp(1.5rem,14vh,8rem)}.guide__notes{margin:0;padding:18vh 0 38vh;list-style:none}.guide__note{opacity:.3;min-height:46vh;transition:opacity var(--duration-layout) var(--ease-out);grid-template-columns:2.4rem 1fr;column-gap:.4rem;display:grid}.guide__note.is-active{opacity:1}.guide__num{color:var(--accent);font-size:var(--fs-micro);padding-top:.45rem}.guide__title{font-family:var(--serif);font-variation-settings:"opsz" 60;font-weight:400;font-size:var(--fs-h5);letter-spacing:-.02em;text-wrap:balance;line-height:1.15}.guide__note p{color:var(--ink-2);font-size:var(--fs-body);text-wrap:pretty;margin-top:.55rem;line-height:1.55}@media (width<=900px){.guide{grid-template-columns:minmax(0,1fr);gap:0}.guide__screen{z-index:2;order:-1;top:.75rem}.guide__notes{padding:2rem 0 30vh}.guide__note{min-height:34vh}}.guide--story{--sw:62%;--shift:61.3%;grid-template-columns:minmax(0,1fr);gap:0}.guide--story>.guide__screen,.guide--story>.guide__notes{grid-area:1/1}.guide--story>.guide__screen{top:max(4.5rem, calc(50vh - (100vw - 2 * var(--gutter)) * .194));z-index:1;width:var(--sw);transition:transform var(--duration-cinema) var(--ease-out)}.guide--story[data-side=left]>.guide__screen{transform:translateX(var(--shift))}.stage--dev-phone .guide--story{--pw:min(60rem, 100%);--sw:38%;--shift:163.2%;max-width:60rem;margin-inline:auto}.stage--dev-phone .guide--story>.guide__screen{top:max(4.5rem, calc(50vh - min(60rem, 100vw - 2 * var(--gutter)) * .411))}.guide--story>.guide__notes{z-index:2;padding:0;position:relative}.guide--story .guide__note{width:calc(100% - var(--sw) - clamp(1.5rem, 4vw, 4rem));align-content:center;min-height:92vh}.guide--story .guide__note[data-side=right]{margin-left:auto}.guide--story .guide__note:first-child{align-content:start;min-height:70vh;padding-top:12vh}.guide--story .guide__title{font-size:var(--fs-h3)}@media (width<=900px){.guide--story>.guide__screen,.guide--story>.guide__notes{grid-area:auto}.guide--story>.guide__screen{z-index:3;background:var(--bg);box-shadow:0 1rem 1.5rem -.5rem var(--bg);padding-bottom:1rem;top:.75rem}.stage--dev-phone .guide--story>.guide__screen{padding-top:.75rem;top:0}.stage--dev-phone .guide--story>.guide__screen .stage__card{width:min(62vw,46vh);margin-inline:auto}.guide--story>.guide__screen{width:100%;transform:none!important}.guide--story .guide__note,.guide--story .guide__note:first-child{align-content:start;width:100%;min-height:60vh;padding-top:2rem}}.stage--tour{--ph:min(76vh, 46rem);padding-block:clamp(.5rem,3vh,2rem)}.tour{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;column-gap:clamp(2rem,6vw,7rem);display:grid}.tour__stage{top:max(4.5rem, calc(50vh - var(--ph) / 2));place-self:start center;position:sticky}.tour__phone{height:var(--ph);aspect-ratio:390/844;position:relative;container-type:size}.tour__phone:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#ff6e3217,#0000 75%);position:absolute;inset:8% -30% -6%}.tour .dev--phone{aspect-ratio:auto;border-radius:12cqw;width:100%;height:100%;box-shadow:0 0 0 1px #e9e2d424,0 0 0 .9cqw #050403,0 0 0 calc(.9cqw + 1px) #e9e2d414,0 50px 100px -40px #000000e6}.tour__screen{position:absolute;inset:0}.tour__tabs{border-top:1px solid var(--line);justify-self:start;width:100%;max-width:36rem;margin:0;padding:0;list-style:none}.tour__tab{border-bottom:1px solid var(--line);position:relative}.tour__btn{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:2.4rem minmax(0,1fr);column-gap:.4rem;padding:1.05rem .25rem 1.1rem;display:grid;position:static}.tour__btn:focus-visible{outline-offset:2px}.tour__num{color:var(--ink-3);font-size:var(--fs-micro);transition:color var(--duration-layout) var(--ease-out);padding-top:.42rem}.tour__title{font-family:var(--serif);font-variation-settings:"opsz" 60;font-weight:400;font-size:var(--fs-h5);letter-spacing:-.02em;color:var(--ink-3);text-wrap:balance;transition:color var(--duration-layout) var(--ease-out);line-height:1.15;display:block}.tour__btn:hover .tour__title{color:var(--ink-2)}.tour__cap{transition:grid-template-rows var(--duration-layout) var(--ease-out);grid-template-rows:0fr;display:grid}.tour__cap>span{min-height:0;overflow:hidden}.tour__p{max-width:46ch;color:var(--ink-2);font-size:var(--fs-body);text-wrap:pretty;opacity:0;transition:opacity var(--duration-card) ease;padding-top:.55rem;line-height:1.5;display:block}.tour__tab.is-active .tour__num{color:var(--accent)}.tour__tab.is-active .tour__title{color:var(--ink)}.tour__tab.is-active .tour__cap{grid-template-rows:1fr}.tour__tab.is-active .tour__p{opacity:1;transition-delay:.12s}.tour__bar{pointer-events:none;height:1px;position:absolute;bottom:-1px;left:0;right:0;overflow:hidden}.tour__bar i{background:var(--accent);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.tour__tab:not(.is-active) .tour__bar i{transform:scaleX(0)!important}@media (width<=760px){.stage--tour{--ph:min(60svh, 33rem)}.tour{grid-template-columns:minmax(0,1fr);row-gap:1.6rem}.tour__stage{order:-1;position:relative;top:0}.tour__tabs{max-width:none;margin-inline:calc(-1 * var(--gutter));width:calc(100% + 2 * var(--gutter));padding:0 var(--gutter) .25rem;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);scrollbar-width:none;border-top:0;gap:.6rem;display:flex;position:relative;overflow-x:auto}.tour__tabs::-webkit-scrollbar{display:none}.tour__tab{scroll-snap-align:start;border:1px solid var(--line);opacity:.55;transition:opacity var(--duration-layout) var(--ease-out);flex:0 0 min(78%,19rem)}.tour__tab.is-active{opacity:1}.tour__btn{align-content:start;height:100%;padding:.95rem .95rem 1.05rem .7rem}.tour__cap{grid-template-rows:1fr}.tour__p{opacity:1;font-size:var(--fs-sm)}.tour__tab:not(.is-active) .tour__title{color:var(--ink-2)}}@media (prefers-reduced-motion:reduce){.tour__cap,.tour__p,.tour__title,.tour__num{transition:none}}.stage__cap{grid-template-columns:2.4rem 1fr;column-gap:.4rem;margin-top:1.1rem;padding:0 .25rem;display:grid}.stage__num{color:var(--accent-ink);font-size:var(--fs-micro);padding-top:.5rem}.stage__title{font-family:var(--serif);font-variation-settings:"opsz" 60;font-weight:400;font-size:var(--fs-h5);letter-spacing:-.02em;text-wrap:balance;line-height:1.12}.stage__cap p{max-width:52ch;color:var(--ink-2);font-size:var(--fs-body);text-wrap:pretty;margin-top:.55rem;line-height:1.5}.stage--overlay .stage__cap{z-index:3;pointer-events:none;color:var(--cap-ink,#fff);background:linear-gradient(to top, var(--cap-shade,#00000073), transparent);grid-template-columns:2.4rem minmax(0,40ch);margin:0;padding:clamp(1.2rem,3cqw,2.4rem) clamp(1.2rem,3cqw,2.6rem);position:absolute;bottom:0;left:0;right:0}.stage--overlay .stage__cap p,.stage--overlay .stage__num{color:inherit;opacity:.82}.stage--overlay .stage__cap .stage__num{opacity:1;color:var(--accent)}.stage--overlay.stage--dark-cap .stage__cap{--cap-ink:#14110d;--cap-shade:#ffffff59}@media (width<=900px){.stage--wide,.stage--half,.stage--third,.stage--square{grid-column:span 3}.stage--wide .stage__card,.stage--third .stage__card,.stage--square .stage__card{aspect-ratio:4/3;height:auto}.stage--story,.stage--story.stage--flip{grid-template-columns:1fr;row-gap:1.2rem}.stage--story.stage--flip .stage__card{order:0}}@media (width<=640px){.stages{gap:2.2rem var(--gap)}.stage--wide,.stage--half,.stage--third,.stage--square{grid-column:span 6}.stage--hero .stage__card,.stage--full .stage__card,.stage--wide .stage__card,.stage--half .stage__card,.stage--story .stage__card{aspect-ratio:4/3}.stage--third .stage__card,.stage--square .stage__card{aspect-ratio:4/5}.stage--dev-laptop .stage__card,.stage--dev-window .stage__card{aspect-ratio:16/11}.stage--dev-laptop .dev,.stage--dev-window .dev{--dw:94cqw!important}.stage--dev-phone .dev{--dw:100cqw!important}.stage--overlay .stage__cap{color:inherit;background:0 0;grid-template-columns:2.4rem 1fr;margin-top:1.1rem;padding:0 .25rem;position:static}.stage--overlay .stage__cap p{color:var(--ink-2);opacity:1}.stage__scene{perspective:1200px}}@media (prefers-reduced-motion:reduce){.stage__orb{animation:none}.dev{transition:none}}.stage--dev-screen .stage__card{aspect-ratio:16/10!important}.stage--dev-phone .stage__card{aspect-ratio:390/844!important}.stages{row-gap:clamp(5rem,16vh,11rem)}.stages>.stage:not(.stage--tour):not(.stage--guide){grid-column:1/-1;grid-template-columns:minmax(0,4fr) minmax(0,8fr);align-items:start;column-gap:clamp(2rem,5vw,6rem);padding:0;display:grid}.stages>.stage:not(.stage--tour):not(.stage--guide)>.stage__cap{color:inherit;background:0 0;grid-area:1/1;margin:0;padding:0;position:sticky;top:clamp(5.5rem,28vh,15rem)}.stages>.stage:not(.stage--tour):not(.stage--guide)>.stage__card{aspect-ratio:16/10;order:0;grid-area:1/2;height:auto}.stages>.stage:not(:has(>.stage__cap))>.stage__card{grid-column:1/-1}.stages>.stage:not(.stage--tour):not(.stage--guide) .stage__title{font-size:var(--fs-h3);font-variation-settings:"opsz" 96}.stages>.stage:not(.stage--tour):not(.stage--guide) .stage__cap p{max-width:34ch;color:var(--ink-2);opacity:1;font-size:var(--fs-lead)}.stages>.stage:not(.stage--tour):not(.stage--guide) .stage__num{color:var(--accent-ink)}.stages>.stage--dev-phone:not(.stage--tour):not(.stage--guide)>.stage__card{justify-self:start;width:auto;height:min(78vh,46rem);aspect-ratio:390/844!important}@media (width<=900px){.stages{row-gap:clamp(3.5rem,10vh,5rem)}.stages>.stage:not(.stage--tour):not(.stage--guide){grid-template-columns:minmax(0,1fr);row-gap:1.2rem}.stages>.stage:not(.stage--tour):not(.stage--guide)>.stage__cap{position:static}.stages>.stage:not(.stage--tour):not(.stage--guide)>.stage__card{grid-area:2/1}.stages>.stage--dev-phone:not(.stage--tour):not(.stage--guide)>.stage__card{justify-self:center;height:min(70svh,36rem)}}.hub{padding-top:clamp(2.5rem,7vh,5rem)}.hub__head{padding:0 var(--gutter) clamp(1.2rem, 3vh, 2rem);justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.hub__h{font-family:var(--serif);font-variation-settings:"opsz" 80;font-weight:400;font-size:var(--fs-h2);letter-spacing:-.03em;line-height:1}.hub__h i{color:var(--ink-2);font-style:italic;font-weight:300}.hub__count{color:var(--ink-3)}@media (width<=640px){.hub__head{align-items:flex-end}.hub__h i{display:block}}