.hero{isolation:isolate;background:var(--bg);height:100svh;min-height:600px;position:relative;overflow:hidden}.hero-stage{z-index:0;position:absolute;inset:0}.hero-stage canvas{touch-action:pan-y;-webkit-tap-highlight-color:transparent;opacity:0;width:100%;height:100%;transition:opacity 1s var(--ease-out);display:block;position:absolute;inset:0}.hero.is-live .hero-stage canvas{opacity:1}.hero-fallback{transition:opacity 1s var(--ease-out);background:radial-gradient(60% 38% at 50% 58%,#ff5a1f33,#0000 70%),linear-gradient(#030304,#0c0604 70%,#030304);position:absolute;inset:0}.hero.is-live .hero-fallback{opacity:0}.hero-ft{left:50%;top:calc(var(--header-h) + 3%);flex-direction:column;gap:4px;width:min(52vw,300px);height:56%;display:flex;position:absolute;transform:translate(-50%)}.hero-ft i{background:repeating-linear-gradient(90deg,#17171a 0 22px,#0e0e10 22px 26px,#1f1f22 26px 40px),#141416;border-top:1px solid #ffffff0f;flex:1}.hero-ft i.r{border-top:3px solid var(--orange);border-bottom:3px solid var(--orange);background:radial-gradient(40% 70% at 50% 60%,#ff783cd9,#ff5a1f1f 60%,#0000),#0c0a09;flex:1.4;margin:0 -14%;box-shadow:0 0 30px #ff5a1f8c,inset 0 0 20px #ff5a1f59}.hero-ft i.b{flex:.6;margin:0 -20%}.hero-scrim{z-index:1;pointer-events:none;transition:opacity .8s var(--ease);background:linear-gradient(#030304b3 0,#03030400 120px),linear-gradient(0deg,#030304f7 0,#030304db 30%,#0303044d 50%,#03030400 62%);position:absolute;inset:0}.hero[data-state=open] .hero-scrim{opacity:.3}.hero-copy{z-index:2;left:var(--gutter);right:var(--gutter);bottom:calc(92px + env(safe-area-inset-bottom,0px));pointer-events:none;transition:opacity .6s var(--ease), transform .8s var(--ease), visibility 0s linear 0s;position:absolute}.hero-copy a{pointer-events:auto}.hero[data-state=open] .hero-copy{opacity:0;visibility:hidden;transition:opacity .45s var(--ease), transform .6s var(--ease), visibility 0s linear .6s;transform:translateY(24px)}.hero-copy .kicker{color:var(--ink)}.hero-title{font:800 clamp(3rem, 13.2vw, 8.4rem) / .86 var(--display);letter-spacing:-.005em;text-transform:uppercase;max-width:10ch;margin-top:14px;font-stretch:70%}.hero-title em{color:var(--orange);text-shadow:0 0 24px #ff5a1f73,0 0 60px #ff4a1240;font-style:normal}.hero-line{color:#cfc9bf;max-width:36ch;margin-top:14px;font-size:.95rem;line-height:1.45}.hero-ctas{gap:8px;margin-top:18px;display:flex}.hero-ctas .btn{flex:auto;min-height:46px;padding:0 14px;font-size:.88rem}.hero-ctas .btn-primary{order:-1}.hero-ctas .btn-ghost{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#08080a8c}.hero-caps{z-index:3;padding:10px 12px calc(12px + env(safe-area-inset-bottom,0px));position:absolute;bottom:0;left:0;right:0}.hero-caps ol{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.hero-caps a{border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0e0e10bd;border-radius:16px;align-items:center;gap:10px;min-height:56px;padding:8px 12px;text-decoration:none;transition:border-color .4s,background .4s,color .4s;display:flex}.hero-cap-ico,.hero-cap-long{display:none}.hero-cap-num{width:30px;height:30px;font:600 .8rem/1 var(--mono);border:1.5px solid var(--orange);color:var(--orange);border-radius:50%;flex:none;place-items:center;transition:background .4s,color .4s,box-shadow .4s;display:grid}.hero-cap-short{font:600 .9rem/1.1 var(--sans)}.hero-caps a[aria-pressed=true]{background:#280e04c7;border-color:#ff5a1fb3}.hero-caps a[aria-pressed=true] .hero-cap-num{background:var(--orange);color:#140803;box-shadow:var(--glow)}.hero-panel{z-index:3;pointer-events:none;visibility:hidden;transition:visibility 0s linear .6s;position:absolute;inset:0}.hero[data-state=open] .hero-panel{visibility:visible;transition:none}.hero-panel-head{top:calc(var(--header-h) + env(safe-area-inset-top,0px) + 4px);-webkit-backdrop-filter:blur(14px)saturate(.6);backdrop-filter:blur(14px)saturate(.6);opacity:0;transition:opacity .4s var(--ease), transform .6s var(--ease);background:#09090bdb;border:1px solid #ffffff14;border-radius:18px;padding:14px 16px 16px;position:absolute;left:12px;right:12px;transform:translateY(-14px)}.hero-panel-actions{left:12px;right:12px;bottom:calc(86px + env(safe-area-inset-bottom,0px));opacity:0;transition:opacity .4s var(--ease), transform .6s var(--ease);gap:10px;display:flex;position:absolute;transform:translateY(14px)}.hero-panel-actions>*{pointer-events:auto}.hero-panel-actions .btn-primary{flex:1}.hero-panel-actions .btn-ghost{background:#0a0a0ce0}.hero[data-state=open] .hero-panel-head,.hero[data-state=open] .hero-panel-actions{opacity:1;transition-delay:.35s;transform:none}.hero-panel-meta{font:500 .7rem/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);align-items:center;gap:10px;display:flex}.hero-panel-num{background:var(--orange);color:#140803;letter-spacing:0;width:26px;height:26px;box-shadow:var(--glow);border-radius:50%;place-items:center;font-weight:700;display:grid}.hero-panel-title{font:800 clamp(2.2rem, 10.5vw, 3rem) / .92 var(--display);text-transform:uppercase;margin-top:8px;font-stretch:70%}.hero-panel-line{color:#cfc9bf;max-width:40ch;margin-top:8px;font-size:.92rem;line-height:1.4}@media (min-width:900px) and (min-aspect-ratio:17/20){.hero-scrim{background:linear-gradient(90deg,#030304eb 0,#0303048c 32%,#03030400 54%),linear-gradient(#03030499 0,#03030400 150px),linear-gradient(0deg,#030304bf 0,#03030400 160px)}.hero[data-state=open] .hero-scrim{opacity:.85}.hero-copy{width:min(560px,38vw);top:50%;bottom:auto;right:auto;transform:translateY(-44%)}.hero[data-state=open] .hero-copy{transform:translateY(-40%)}.hero-title{font-size:clamp(4.6rem,7.4vw,8.4rem)}.hero-line{margin-top:22px;font-size:1.12rem}.hero-ctas{gap:10px;margin-top:30px}.hero-ctas .btn{flex:none;min-height:48px;padding:0 22px;font-size:.95rem}.hero-ctas .btn-primary{order:0}.hero-caps{left:calc(var(--gutter) + min(560px, 38vw) + 32px);width:250px;transition:left .9s var(--ease), top .9s var(--ease);padding:0;top:calc(50% - 90px);bottom:auto;right:auto}.hero[data-state=open] .hero-caps{left:calc(var(--gutter) - 8px);top:calc(100% - 214px)}.hero-caps ol{flex-direction:column;gap:6px;display:flex}.hero-caps a{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-color:#0000;border-radius:999px;gap:14px;min-height:54px;padding:6px 14px 6px 8px}.hero-caps a:hover{background:#ffffff0d}.hero-cap-ico{border:1.5px solid var(--orange);border-radius:50%;flex:none;place-items:center;width:42px;height:42px;transition:background .4s,box-shadow .4s;display:grid;box-shadow:0 0 16px #ff5a1f73,inset 0 0 10px #ff5a1f4d}.hero-cap-ico svg{fill:none;width:20px;height:20px;stroke:var(--orange);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.hero-cap-num,.hero-cap-short{display:none}.hero-cap-long{font:500 .78rem/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;display:inline}.hero-caps a[aria-pressed=true]{background:#ff5a1f14;border-color:#ff5a1f59}.hero-caps a[aria-pressed=true] .hero-cap-ico{background:var(--orange);box-shadow:0 0 26px #ff5a1fcc}.hero-caps a[aria-pressed=true] .hero-cap-ico svg{stroke:#140803}.hero-caps a[aria-pressed=true] .hero-cap-long{color:var(--orange-hot)}.hero-panel-head,.hero-panel-actions{left:var(--gutter);width:min(440px,31vw);right:auto}.hero-panel-head{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;padding:0;top:auto;bottom:calc(50% + 10px)}.hero-panel-actions{top:calc(50% + 30px);bottom:auto}.hero-panel-actions .btn-primary{flex:none}.hero-panel-title{margin-top:16px;font-size:clamp(3.4rem,5.4vw,5.6rem)}.hero-panel-line{margin-top:16px;font-size:1.05rem}.hero-ft{width:22vw;height:76%;top:12%;left:70%}}html[data-motion=reduced] .hero-copy,html[data-motion=reduced] .hero-panel-head,html[data-motion=reduced] .hero-panel-actions,html[data-motion=reduced] .hero-caps,html[data-motion=reduced] .hero-stage canvas{transition-duration:.15s!important;transition-delay:0s!important}.hero-title .hl{white-space:nowrap;display:block}.hero-fallback{background:radial-gradient(120% 60% at 50% 100%,#030304 20%,#0000 60%),url(/hero-poster-d.jpg) 50%/cover no-repeat,#030304}@media (max-aspect-ratio:4/5){.hero-fallback{background:radial-gradient(120% 50% at 50% 100%,#030304 25%,#0000 62%),url(/hero-poster-m.jpg) top/cover no-repeat,#030304}}.hero-ft{display:none}.build-head .h2{max-width:14ch;margin-top:18px}.build-head .lede{margin-top:20px}.build-ui{margin-top:clamp(40px,6vw,72px)}.build-tabs{display:none}.build-rail{margin:0 calc(var(--gutter) * -1);padding:0 var(--gutter) 6px;scroll-snap-type:x mandatory;scroll-padding:0 var(--gutter);overscroll-behavior-x:contain;scrollbar-width:none;grid-auto-columns:84%;grid-auto-flow:column;gap:14px;display:grid;overflow-x:auto}.build-rail::-webkit-scrollbar{display:none}.build-item{scroll-snap-align:start;flex-direction:column;min-width:0;display:flex}.build-num{font:500 .72rem/1 var(--mono);letter-spacing:.14em;color:var(--orange)}.build-meta .h3{margin-top:10px}.build-meta p:last-child{color:var(--muted);min-height:4.3em;margin-top:8px;font-size:.95rem;line-height:1.45}.build-device{border:1px solid var(--line-2);background:linear-gradient(#17171b,#0d0d10);border-radius:22px;margin:16px 0 0;padding:10px;box-shadow:0 30px 60px #0000008c,inset 0 0 0 1px #0009,0 0 50px #ff5a1f14}.build-device-bar{justify-content:space-between;align-items:center;gap:10px;padding:2px 4px 10px;display:flex}.build-hint{font:500 .68rem/1.2 var(--mono);letter-spacing:.06em;color:var(--muted);text-align:right}.build-canvas{aspect-ratio:960/1280;touch-action:pan-x pan-y;cursor:default;background:#0b0b0d;border-radius:14px;width:100%;height:auto;display:block}.build-canvas:focus-visible{outline-offset:2px}.build-link{min-height:44px;font:600 .92rem/1 var(--sans);color:var(--ink);align-self:flex-start;align-items:center;gap:8px;margin-top:8px;text-decoration:none;display:inline-flex}.build-link span{color:var(--orange);transition:transform .3s var(--ease-out)}.build-link:hover span{transform:translate(4px)}.build-counter{font:500 .78rem/1 var(--mono);letter-spacing:.12em;color:var(--muted);align-items:center;gap:8px;margin-top:14px;display:flex}.build-counter [data-build-count]{color:var(--ink)}.build-swipe{color:var(--orange);margin-left:auto}@media (min-width:900px){.build-ui{grid-template-columns:minmax(260px,.36fr) minmax(0,1fr);align-items:start;gap:clamp(28px,4vw,64px);display:grid}.build-tabs{border-top:1px solid var(--line);flex-direction:column;display:flex}.build-tab{border-bottom:1px solid var(--line);text-align:left;color:var(--muted);grid-template-columns:auto 1fr;gap:6px 16px;padding:22px 8px 22px 0;transition:color .3s;display:grid;position:relative}.build-tab:before{content:"";background:var(--orange);width:0;height:2px;transition:width .5s var(--ease-out);position:absolute;top:-1px;left:0}.build-tab[aria-pressed=true]:before{width:100%}.build-tab:hover,.build-tab[aria-pressed=true]{color:var(--ink)}.build-tab-num{font:500 .75rem/1 var(--mono);letter-spacing:.12em;color:var(--orange);grid-row:span 2;padding-top:6px}.build-tab-title{font:800 clamp(1.5rem, 2.3vw, 2.1rem) / 1 var(--display);text-transform:uppercase;font-stretch:82%}.build-tab-line{color:var(--muted);opacity:0;max-height:0;transition:max-height .5s var(--ease-out), opacity .4s;font-size:.95rem;line-height:1.45;overflow:hidden}.build-tab[aria-pressed=true] .build-tab-line{opacity:1;max-height:6em}.build-rail{margin:0;padding:0;display:block;overflow:visible}.build-item:not(.is-active){display:none}.build-item.is-active{animation:build-in .6s var(--ease-out)}@keyframes build-in{0%{opacity:0;transform:translateY(14px)}}.build-meta{display:none}.build-device{border-radius:28px;margin:0;padding:14px}.build-canvas{aspect-ratio:1600/1000;border-radius:16px}.build-counter{display:none}}html[data-motion=reduced] .build-item.is-active{animation:none}