.hero{isolation:isolate;min-height:max(34rem,min(100vh,62rem));background:var(--scene-void);min-height:max(34rem,min(100svh,62rem));position:relative;overflow:hidden}.hero__stage,.hero__scene{position:absolute;inset:0}.hero__scene canvas{display:block}.hero__still,.hero__blueprint,.hero__video{width:100%;height:100%;position:absolute;inset:0}.hero__still img{object-fit:cover;object-position:50% 30%;width:100%;height:100%;display:block}.hero__blueprint,.hero__video{display:none}.hero__video{object-fit:cover}.hero__loader{right:var(--gutter);bottom:var(--sp-5);z-index:3;background:color-mix(in srgb, var(--scene-void) 75%, transparent);font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb, var(--scene-screen) 70%, transparent);white-space:nowrap;pointer-events:none;margin:0;padding:2px 8px;transition:opacity .6s;position:absolute}.hero__loader-pct{text-align:right;font-variant-numeric:tabular-nums;min-width:4ch;display:inline-block}.hero__hotspots{z-index:2;pointer-events:none;position:absolute;inset:0}.hero__hotspot{pointer-events:auto;cursor:zoom-in;outline-offset:2px;background:0 0;border:0;border-radius:4px;transition:box-shadow .2s;position:absolute;top:0;left:0}.hero__hotspot:hover{box-shadow:0 0 0 2px color-mix(in srgb, var(--scene-screen) 55%, transparent)}.hero__hotspot:focus-visible{outline:var(--focus)}.hero__hotspot-tip{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;color:var(--c-text);background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--radius-sm);opacity:0;pointer-events:none;padding:2px 8px;font-size:.75rem;transition:opacity .2s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.hero__hotspot:hover .hero__hotspot-tip,.hero__hotspot:focus-visible .hero__hotspot-tip{opacity:1}.hero__screens{z-index:3;pointer-events:none;position:absolute;inset:0;overflow:hidden}.scr{transform-origin:0 0;color:var(--scene-screen);font-family:var(--font-mono);opacity:0;pointer-events:auto;background:#05080c;transition:opacity .35s;position:absolute;top:0;left:0;overflow:hidden;container-type:inline-size}.scr.is-on{opacity:1}.scr__inner{padding:4.2cqw 5cqw;font-size:2.5cqw;line-height:1.45}.scr__cmd{color:var(--c-muted);margin:0 0 1.2cqw}.scr__title{font-family:var(--font-display);font-weight:var(--display-weight);color:var(--c-text);margin:0 0 2.4cqw;font-size:5cqw;line-height:1.1}.scr__title:after{content:"";background:var(--c-accent);width:9cqw;height:.5cqw;margin-top:1.4cqw;display:block}.scr__list,.scr__grid{gap:1.8cqw;margin:0;padding:0;list-style:none;display:grid}.scr__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:4cqw}.scr a{color:var(--scene-screen);border-radius:3px;text-decoration:none}.scr a b{color:var(--c-text);font-weight:500}.scr a span{color:var(--c-muted);margin-left:1cqw}.scr__grid a{justify-items:start;gap:.5cqw;display:grid}.scr__grid a span{white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-left:0;font-size:2.2cqw;overflow:hidden}.scr a:hover b,.scr a:focus-visible b{color:var(--c-accent);text-decoration:underline}.scr li p,.scr__lede{color:color-mix(in srgb, var(--scene-screen) 80%, var(--c-muted));margin:.4cqw 0 0;font-size:2.3cqw}.scr__code{border-left:.5cqw solid var(--c-accent);white-space:pre-wrap;color:var(--c-text);background:#0b1118;margin:2.4cqw 0;padding:2cqw 2.4cqw;font-family:inherit;font-size:2.2cqw}.scr__code code{font-family:inherit}.scr__links{flex-wrap:wrap;gap:1cqw 3cqw;margin:0;display:flex}.scr__links a{color:var(--c-accent);text-underline-offset:.3em;text-decoration:underline}.hero__back{z-index:4;left:var(--gutter);top:var(--sp-5);background:var(--c-surface);position:absolute}.hero__back kbd{font-family:var(--font-mono);color:var(--c-muted);border:1px solid var(--c-line);border-radius:4px;margin-left:.5em;padding:0 .35em;font-size:.75em}.hero__motion{z-index:3;right:var(--gutter);bottom:var(--sp-4);padding:var(--sp-1) var(--sp-3);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--c-muted);background:color-mix(in srgb, var(--c-surface) 80%, transparent);border:1px solid var(--c-line);border-radius:var(--radius-sm);cursor:pointer;font-size:.75rem;position:absolute}.hero__motion:hover{color:var(--c-text)}.hero__chrome{z-index:4;right:max(var(--gutter), env(safe-area-inset-right,0px));top:max(var(--sp-4), env(safe-area-inset-top,0px));gap:var(--sp-2);display:flex;position:absolute}.hero__chrome .btn,.hero__panel-toggle{background:color-mix(in srgb, var(--c-surface) 88%, transparent)}.hero__panel-toggle{display:none}.pv{z-index:3;right:max(var(--gutter), env(safe-area-inset-right,0px));top:calc(var(--sp-5) + 3rem);width:min(22rem, calc(100% - 2 * var(--gutter)));gap:var(--sp-2);padding:var(--sp-4) var(--sp-5);background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--radius);opacity:0;transition:opacity .35s;display:grid;position:absolute;box-shadow:0 18px 48px #00000059}.pv.is-on{opacity:1}.pv__kicker{font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:.08em;text-transform:uppercase;color:var(--c-muted);margin:0}.pv__kicker span{color:var(--c-accent);margin-left:.5em}.pv__name{font-family:var(--font-display);font-weight:var(--display-weight);font-size:var(--step-2);margin:0;line-height:1.15}.pv__name a{color:var(--c-text);text-decoration:underline;-webkit-text-decoration-color:var(--c-accent);text-decoration-color:var(--c-accent);text-underline-offset:.18em}.pv__facts{gap:2px;margin:0;font-size:.875rem;display:grid}.pv__facts div{justify-content:space-between;gap:var(--sp-3);display:flex}.pv__facts dt{color:var(--c-muted)}.pv__facts dd{font-family:var(--font-mono);margin:0}.pv__hint,.pv__note{color:var(--c-muted);margin:0;font-size:.8125rem}.hero.is-focus-printer .hero__stage{cursor:grab;touch-action:none}@media (max-aspect-ratio:11/10){.pv{top:auto;bottom:max(var(--sp-4), env(safe-area-inset-bottom,0px));left:max(var(--gutter), env(safe-area-inset-left,0px));width:calc(100% - 2 * var(--gutter));right:auto}}.hero__panel{z-index:2;left:var(--gutter);bottom:var(--gutter);width:min(32rem, calc(100% - 2 * var(--gutter)));gap:var(--sp-4);padding:var(--sp-5) var(--sp-6) var(--sp-6);background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--radius);display:grid;position:absolute;box-shadow:0 24px 60px #00000059}.hero__tagline{font-family:var(--font-display);font-weight:var(--display-weight);letter-spacing:var(--display-tracking);font-size:var(--step-4);text-wrap:balance;line-height:1.2}.hero__status{color:var(--c-muted);max-width:46ch;font-size:.9375rem}.hero__panel .actions{margin-top:var(--sp-2)}@media (max-width:47.99rem){.hero{flex-direction:column;min-height:0;display:flex}.hero__stage{height:min(55vh,30rem);height:min(55svh,30rem);min-height:20rem;position:relative}.hero__panel{width:auto;margin:calc(-1 * var(--sp-7)) var(--gutter) var(--sp-6);padding:var(--sp-5);position:relative;bottom:auto;left:auto}.hero__loader,.hero__motion{bottom:calc(var(--sp-7) + var(--sp-3))}.hero:not(.is-immersive) .pv{top:calc(100% + var(--sp-3));bottom:auto;left:var(--gutter);width:calc(100% - 2 * var(--gutter));right:auto}.hero.is-focus:not(.is-immersive){height:100vh;height:100svh;height:100dvh;overflow:hidden}.hero.is-focus:not(.is-immersive) .hero__panel{margin:0;position:absolute}.hero.is-focus-screen:not(.is-immersive) .hero__stage{flex:auto;height:auto;min-height:0}.hero.is-focus-printer:not(.is-immersive) .hero__stage{height:calc(100vh - var(--pv-h,16rem) - var(--sp-3));height:calc(100svh - var(--pv-h,16rem) - var(--sp-3));height:calc(100dvh - var(--pv-h,16rem) - var(--sp-3));flex:none;min-height:0}.hero:not(.is-focus):not(.is-immersive) .hero__chrome{top:auto;left:var(--gutter);right:auto;bottom:calc(var(--sp-7) + var(--sp-3))}}@media (orientation:landscape) and (max-height:500px) and (pointer:coarse){.hero{min-height:max(18rem,100vh);min-height:max(18rem,100svh);display:block}.hero__stage{height:auto;min-height:0;position:absolute;inset:0}.hero__panel{left:var(--gutter);right:var(--gutter);bottom:max(var(--sp-4), env(safe-area-inset-bottom,0px));gap:var(--sp-2);width:auto;padding:var(--sp-4) var(--sp-5);margin:0;position:absolute}.hero__tagline{font-size:var(--step-1)}.hero__status{max-width:none}.hero__panel .actions{margin-top:var(--sp-1)}}.x3d .hero__still,.xphone .hero__still{display:none}.x3d .hero__blueprint,.xphone .hero__blueprint{transition:opacity .8s;display:block}.is-built .hero__blueprint{opacity:0}.x3d .hero__scene,.xphone.is-golive .hero__scene{display:block}.hero__loader{opacity:0}.is-drafting .hero__loader{opacity:1}.is-built .hero__loader{opacity:0}.xphone .hero__video{opacity:0;display:block}.xphone.is-built .hero__video{opacity:1;-webkit-mask-image:linear-gradient(0deg, #000 0 var(--fill,0%), transparent calc(var(--fill,0%) + 8%));-webkit-mask-image:linear-gradient(0deg, #000 0 var(--fill,0%), transparent calc(var(--fill,0%) + 8%));mask-image:linear-gradient(0deg, #000 0 var(--fill,0%), transparent calc(var(--fill,0%) + 8%))}.xphone.is-live .hero__video{opacity:0;transition:opacity .8s}.x3d .hero__panel,.xphone .hero__panel{opacity:0;animation:.6s 9s forwards hero-panel-failsafe;transform:translateY(10px)}.x3d.is-panel .hero__panel,.xphone.is-panel .hero__panel,.hero__panel:focus-within{opacity:1;transition:opacity .7s ease, transform .7s var(--ease-out);animation:none;transform:none}@keyframes hero-panel-failsafe{to{opacity:1;transform:none}}.hero.is-focus .hero__panel{opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s .3s}.hero.is-focus .hero__hotspots,.hero.is-focus .hero__motion{visibility:hidden}.hero [hidden]{display:none!important}.hero.is-immersive{height:100vh;min-height:0;height:100svh;height:100dvh;display:block}.hero.is-immersive .hero__stage{height:auto;min-height:0;position:absolute;inset:0}.hero.is-immersive .hero__panel{left:max(var(--gutter), env(safe-area-inset-left,0px));right:auto;bottom:calc(max(var(--sp-4), env(safe-area-inset-bottom,0px)) + 3rem);width:min(26rem, calc(100% - 2 * var(--gutter)));gap:var(--sp-2);padding:var(--sp-4) var(--sp-5);max-height:calc(100% - 6rem);margin:0;display:none;position:absolute;overflow:auto}.hero.is-immersive.is-panel-open .hero__panel{opacity:1;animation:none;display:grid;transform:none}.hero.is-immersive .hero__panel-toggle{z-index:4;left:max(var(--gutter), env(safe-area-inset-left,0px));bottom:max(var(--sp-4), env(safe-area-inset-bottom,0px));display:inline-flex;position:absolute}.hero.is-immersive .hero__chrome{top:auto;bottom:max(var(--sp-4), env(safe-area-inset-bottom,0px))}.hero.is-immersive .hero__motion{right:max(var(--gutter), env(safe-area-inset-right,0px));bottom:auto;top:max(var(--sp-4), env(safe-area-inset-top,0px))}.hero.is-immersive .hero__loader{bottom:calc(max(var(--sp-4), env(safe-area-inset-bottom,0px)) + 2.5rem)}.hero.is-immersive.is-focus .hero__panel-toggle{visibility:hidden}.hero:fullscreen{width:100%;height:100%}.hero.is-immersive.is-focus .hero__chrome{top:max(var(--sp-4), env(safe-area-inset-top,0px));bottom:auto}