.hx,.hx-panel{--bg:#121417;--surface:#23282d;--surface-2:#2b3036;--ink:#e7e9ea;--ink-2:#b0b6ba;--ink-3:#9aa1a7;--line:#30363c;--line-strong:#434a51;--edge:#ffffff12;--accent:#c98a5c;--accent-ink:#17191c;--steel:#98a3ab;color:var(--ink);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.hx{background:radial-gradient(90% 60% at 50% 38%, #1d2226 0%, transparent 70%), var(--bg);height:320svh;position:relative}.hx__sticky{height:100svh;position:sticky;top:0;overflow:hidden}.hx__canvas{touch-action:pan-y;opacity:0;width:100%;height:100%;transition:opacity 1.2s;display:block;position:absolute;inset:0}.hx.has-3d .hx__canvas{opacity:1}.hx.is-live .hx__canvas{cursor:grab}.hx__canvas.is-hover{cursor:pointer}.hx__canvas.is-dragging{cursor:grabbing}.hx__vignette{pointer-events:none;background:linear-gradient(180deg, transparent 62%, var(--bg) 100%), radial-gradient(120% 80% at 50% 40%, transparent 55%, #00000073 100%);position:absolute;inset:0}.hx__hud{top:calc(64px + var(--sp-4));font-family:var(--font-mono);letter-spacing:.16em;color:var(--ink-3);pointer-events:none;align-items:center;gap:.6rem;font-size:.68rem;display:flex;position:absolute}.hx__hud--tl{left:max(var(--sp-4), calc((100vw - 1200px) / 2))}.hx__hud--tr{right:max(var(--sp-4), calc((100vw - 1200px) / 2))}.hx__hud-val{color:var(--ink);font-variant-numeric:tabular-nums}.hx__led{background:#5b636b;border-radius:50%;width:7px;height:7px;transition:background .4s,box-shadow .4s}.hx.is-live .hx__led{background:var(--accent);box-shadow:0 0 10px var(--accent)}.hx__stage{width:min(760px, calc(100% - 2 * var(--sp-4)));text-align:center;pointer-events:none;will-change:opacity, transform;position:absolute;left:50%}.hx__stage--hero{transform:translate(-50%, calc(-50% + var(--y,0px)));width:min(900px, calc(100% - 2 * var(--sp-4)));top:50%}.hx__stage--hero .st-kicker{justify-content:center}.hx__stage--hero .st-kicker:after{content:"";background:linear-gradient(270deg, var(--accent), transparent);width:34px;height:1px}.hx__stage--hero h1{margin:0 auto var(--sp-5);background:linear-gradient(#fff 0%,#d9dee2 38%,#9aa3ab 62%,#e7e9ea 100%);max-width:16ch;color:var(--ink);-webkit-text-fill-color:transparent;text-shadow:none;-webkit-background-clip:text;background-clip:text;font-size:clamp(2.6rem,1.6rem + 4.6vw,5.6rem);line-height:1.02}.hx__sub{color:var(--ink-2);font-size:var(--step-1);max-width:46ch;margin:0 auto}.hx__stage--hero .st-hero__actions{justify-content:center}.hx__stage--cap{transform:translate(-50%, var(--y,0px));bottom:max(7svh,40px)}.hx__eyebrow{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin:0 0 var(--sp-3);font-size:.72rem}.hx__cap-title{margin:0 0 var(--sp-3);font-size:clamp(1.9rem,1.3rem + 2.6vw,3.4rem);line-height:1.05}.hx__cap-body{color:var(--ink-2);max-width:52ch;margin:0 auto}.hx__stage--cap .hx__eyebrow,.hx__stage--cap .hx__cap-title,.hx__stage--cap .hx__cap-body{transition:opacity .35s}.hx.has-selection .hx__stage--cap .hx__eyebrow,.hx.has-selection .hx__stage--cap .hx__cap-title,.hx.has-selection .hx__stage--cap .hx__cap-body{opacity:0}.hx__parts{justify-content:center;gap:var(--sp-2);margin-top:var(--sp-5);flex-wrap:wrap;display:flex}.hx__part{border:1px solid var(--line-strong);border-radius:var(--radius);background:linear-gradient(180deg, var(--surface-2), var(--surface));min-height:40px;box-shadow:inset 0 1px 0 var(--edge);color:var(--ink);font:inherit;cursor:pointer;align-items:center;gap:.55rem;padding:.45rem .85rem;font-size:.88rem;transition:border-color .2s,transform .2s,background .2s;display:inline-flex}.hx__part:hover,.hx__part.is-hot{border-color:var(--accent);transform:translateY(-2px)}.hx__part[aria-pressed=true]{border-color:var(--accent);background:linear-gradient(#3a2f27,#2a241f)}.hx__part-n{font-family:var(--font-mono);color:var(--accent);letter-spacing:.08em;font-size:.68rem}.hx__drag{margin:var(--sp-3) 0 0;font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-size:.66rem}.hx__next{border:1px solid var(--line-strong);background:linear-gradient(180deg, var(--surface-2), var(--surface));width:40px;height:40px;box-shadow:inset 0 1px 0 var(--edge);color:var(--accent);cursor:pointer;border-radius:50%;place-items:center;padding:0;transition:border-color .2s,box-shadow .2s;display:grid;position:absolute;top:calc(100% + 10px);left:50%;translate:-50%}.hx__next svg{animation:2.2s ease-in-out infinite hx-nudge}.hx__next:hover{border-color:var(--accent);box-shadow:inset 0 1px 0 var(--edge), 0 0 14px #c98a5c59}@keyframes hx-nudge{0%,to{transform:translateY(-2px)}50%{transform:translateY(3px)}}.hx.no-3d .hx__drag{display:none}.hx__dots{right:var(--sp-5);flex-direction:column;gap:8px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.hx__dots span{background:#ffffff47;border-radius:3px;width:5px;height:5px;transition:height .4s,background .4s}.hx__dots span.on{background:var(--accent);height:22px}.hx__hint{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);pointer-events:none;flex-direction:column;align-items:center;gap:.6rem;font-size:.66rem;display:flex;position:absolute;bottom:max(4svh,24px);left:50%;transform:translate(-50%)}.hx__hint i{background:linear-gradient(180deg, var(--accent), transparent);transform-origin:top;width:1px;height:36px;animation:2.2s ease-in-out infinite hx-drip}@keyframes hx-drip{0%{opacity:1;transform:scaleY(0)}60%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}.hx__tip{z-index:3;border:1px solid var(--line-strong);border-left:2px solid var(--accent);border-radius:var(--radius);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;opacity:0;white-space:nowrap;background:#121417eb;gap:2px;padding:.55rem .8rem;font-size:.85rem;transition:opacity .15s;display:grid;position:absolute;transform:translate(-50%,calc(-100% - 6px))}.hx__tip.is-on{opacity:1}.hx__tip span{font-family:var(--font-mono);letter-spacing:.12em;color:var(--ink-3);font-size:.64rem}.hx__tip span:first-child{color:var(--accent)}.hx__fallback{display:none}.hx.no-3d .hx__fallback{top:calc(64px + var(--sp-7));width:min(520px, calc(100% - 2 * var(--sp-4)));text-align:center;color:var(--ink-3);font-size:.85rem;display:block;position:absolute;left:50%;transform:translate(-50%)}.hx-fade{pointer-events:none;background:linear-gradient(#121417 0%,#12141799 45%,#0000 100%);height:clamp(140px,26vh,300px);margin-bottom:calc(-1*clamp(70px,13vh,150px))}.hx-intro{position:relative}.hx-intro h2{font-size:var(--step-5);max-width:18ch;margin-bottom:var(--sp-5)}.hx-scrim{z-index:55;opacity:0;pointer-events:none;background:#08090b59;transition:opacity .3s;position:fixed;inset:0}.hx-scrim.is-open{opacity:1;pointer-events:auto}@media (min-width:761px){.hx-scrim{display:none}.hx__stage--cap{transition:left .45s cubic-bezier(.2,.8,.2,1)}.hx.has-selection .hx__stage--cap{width:min(760px, calc(100% - min(420px, 100%) - 2 * var(--sp-4)));left:calc(50% - min(420px,100%)/2)}}.hx-panel{z-index:60;border-left:1px solid var(--line-strong);visibility:hidden;background:linear-gradient(#ffffff08,#0000 30%),#181b1f;flex-direction:column;width:min(420px,100%);transition:transform .45s cubic-bezier(.2,.8,.2,1);display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(104%);box-shadow:-24px 0 60px #00000073}.hx-panel.is-open{visibility:visible;transform:none}.hx-panel:before{content:"";background:linear-gradient(180deg, var(--accent), transparent 60%);width:2px;position:absolute;top:0;bottom:0;left:0}.hx-panel__head{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--line);display:flex}.hx-panel__tag{font-family:var(--font-mono);letter-spacing:.16em;color:var(--accent);margin:0;font-size:.7rem}.hx-panel__close{border:1px solid var(--line-strong);border-radius:var(--radius);width:40px;height:40px;color:var(--ink);cursor:pointer;background:0 0;place-items:center;display:grid}.hx-panel__close:hover{border-color:var(--accent)}.hx-panel__body{padding:var(--sp-6) var(--sp-5);flex:1;overflow-y:auto}.hx-panel__count{margin:0 0 var(--sp-2);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);font-size:.68rem}.hx-panel__title{font-size:var(--step-4);margin:0 0 var(--sp-4);outline:none;line-height:1.05}.hx-panel__lead{color:var(--ink-2);margin:0 0 var(--sp-5)}.hx-panel__points{margin:0 0 var(--sp-6);gap:var(--sp-3);padding:0;list-style:none;display:grid}.hx-panel__points li{gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg, var(--surface-2), var(--surface));box-shadow:inset 0 1px 0 var(--edge);opacity:0;grid-template-columns:10px 1fr;align-items:baseline;font-size:.95rem;display:grid;transform:translateY(8px)}.hx-panel.is-open .hx-panel__points li{animation:.45s cubic-bezier(.2,.8,.2,1) forwards hx-in;animation-delay:calc(.12s + var(--i,0) * 60ms)}@keyframes hx-in{to{opacity:1;transform:none}}.hx-panel__led{background:var(--accent);width:7px;height:7px;box-shadow:0 0 8px var(--accent);border-radius:50%;transform:translateY(-1px)}.hx-panel__more{color:var(--accent);font-size:.92rem}.hx-panel__foot{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);border-top:1px solid var(--line);display:flex}.hx-panel__foot .btn{min-width:48px;padding-inline:var(--sp-4)}.hx-panel__pips{gap:6px;display:flex}.hx-panel__pips i{background:var(--line-strong);border-radius:3px;width:6px;height:6px;transition:width .3s,background .3s}.hx-panel__pips i.on{background:var(--accent);width:20px}@media (max-width:760px){.hx{height:240svh}.hx__hud{top:calc(56px + var(--sp-3))}.hx__stage--hero .st-kicker{max-width:30ch;margin-inline:auto;line-height:1.6}.hx__stage--hero .st-kicker:before,.hx__stage--hero .st-kicker:after{display:none}.hx__dots{right:var(--sp-3)}.hx__stage--cap{bottom:max(4svh,20px)}.hx__cap-body{font-size:.95rem}.hx__parts{margin-top:var(--sp-4);gap:6px}.hx__part{min-height:44px;padding:.4rem .65rem;font-size:.8rem}.hx__next{width:44px;height:44px;margin:var(--sp-3) auto 0;position:static;translate:none}.hx-panel{border-left:0;border-top:1px solid var(--line-strong);border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-height:78svh;top:auto;transform:translateY(104%)}.hx-panel:before{background:linear-gradient(90deg, var(--accent), transparent 70%);width:auto;height:2px;bottom:auto;right:0}.hx-panel__body{padding:var(--sp-5) var(--sp-4)}}@media (prefers-reduced-motion:reduce){.hx__hint i,.hx__next svg{animation:none}.hx-panel,.hx__canvas{transition:none}.hx-panel.is-open .hx-panel__points li{opacity:1;animation:none;transform:none}}:root{--head-h:64px}.hx{height:320vh;height:320svh}.hx__sticky{top:var(--head-h);height:calc(100vh - var(--head-h));height:calc(100svh - var(--head-h))}.hx__stage.is-active{pointer-events:none}.hx__stage a,.hx__stage button{pointer-events:auto}.hx__hud{top:var(--sp-4)}.hx__stage--cap{bottom:max(7vh,40px);bottom:max(7svh,40px)}.hx__hint{bottom:max(4vh,24px);bottom:max(4svh,24px)}.hx.no-3d .hx__fallback{top:var(--sp-7)}@media (min-width:761px){.hx-panel{top:var(--head-h)}}.site-head,.hx__tip{-webkit-backdrop-filter:blur(10px)}.hx__tip{-webkit-backdrop-filter:blur(6px)}.hx__next{transform:translate(-50%)translate(0,0)}.hx__mode{z-index:3;top:var(--sp-4);border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);min-height:32px;color:var(--ink-2);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;cursor:pointer;background:#121417b3;border-radius:999px;padding:.3rem .8rem;font-size:.66rem;transition:border-color .2s,color .2s;position:absolute;left:50%;transform:translate(-50%)}.hx__mode[hidden]{display:none}.hx__mode:hover{border-color:var(--accent);color:var(--ink)}.hx__lite{display:none}.hx.is-lite{height:auto}.hx.is-lite .hx__sticky{justify-items:center;gap:var(--sp-6);height:auto;padding:var(--sp-8) 0 var(--sp-7);display:grid;position:relative;top:auto;overflow:visible}.hx.is-lite .hx__stage,.hx.is-lite.has-selection .hx__stage--cap{width:min(760px, calc(100% - 2 * var(--sp-4)));pointer-events:auto;position:relative;inset:auto;opacity:1!important;transform:none!important}.hx.is-lite .hx__stage--hero{width:min(900px, calc(100% - 2 * var(--sp-4)))}.hx.is-lite .hx__stage--hero h1{font-size:clamp(2.4rem,1.5rem + 4vw,4.6rem)}.hx.is-lite .hx__stage[data-stage=c1],.hx.is-lite .hx__stage[data-stage=c2],.hx.is-lite .hx__canvas,.hx.is-lite .hx__vignette,.hx.is-lite .hx__hud,.hx.is-lite .hx__dots,.hx.is-lite .hx__hint,.hx.is-lite .hx__tip,.hx.is-lite .hx__fallback,.hx.is-lite .hx__drag{display:none}.hx.is-lite .hx__stage--cap .hx__eyebrow,.hx.is-lite .hx__stage--cap .hx__cap-title,.hx.is-lite .hx__stage--cap .hx__cap-body,.hx.is-lite.has-selection .hx__stage--cap .hx__eyebrow,.hx.is-lite.has-selection .hx__stage--cap .hx__cap-title,.hx.is-lite.has-selection .hx__stage--cap .hx__cap-body{opacity:1}.hx.is-lite .hx__next{margin:var(--sp-5) auto 0;position:static;transform:none}.hx.is-lite .hx__mode{top:var(--sp-4)}.hx.is-lite .hx__lite{width:min(520px, calc(100% - 2 * var(--sp-4)));display:block}.hx__lite-svg{width:100%;height:auto;display:block;overflow:visible}@media (min-width:1000px){.hx.is-lite .hx__sticky{align-items:center;column-gap:var(--sp-6);width:min(1200px, calc(100% - 2 * var(--sp-5)));padding-top:var(--sp-7);grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);grid-template-areas:"head fig""cap cap";margin-inline:auto}.hx.is-lite .hx__stage--hero{text-align:left;grid-area:head;width:auto}.hx.is-lite .hx__stage--hero .st-kicker,.hx.is-lite .hx__stage--hero .st-hero__actions{justify-content:flex-start}.hx.is-lite .hx__stage--hero .st-kicker:after{display:none}.hx.is-lite .hx__stage--hero h1,.hx.is-lite .hx__stage--hero .hx__sub{margin-inline:0}.hx.is-lite .hx__lite{grid-area:fig;width:min(500px,100%)}.hx.is-lite .hx__stage--cap{grid-area:cap}}@media (min-width:761px){.hx.is-lite .hx__sticky{transition:padding-right .45s cubic-bezier(.2,.8,.2,1)}.hx.is-lite.has-selection .hx__sticky{padding-right:min(420px,100%)}}.lite-face--dark{fill:#3a4148}.lite-face--steel{fill:#c3cad0}.lite-face--screen{fill:#1d2125;stroke:#434a51;stroke-width:1px}.lite-edge{fill:#1a1d21}.lite-block{fill:#949ea6}.lite-steel{fill:#d9dfe4}.lite-screen{fill:#1d2125}.lite-copper{fill:#c98a5c}.lite-vent{fill:#121518}.lite-dark{fill:#3a4148}.lite-dim{fill:#8f98a0}.lite-ink{fill:#e7e9ea}.lite-accent{fill:#c98a5c}.lite-faint{fill:#5b636b}.lite-bold{font-weight:700}.lite-mono{font-family:ui-monospace,SF Mono,JetBrains Mono,Menlo,Consolas,monospace;font-size:13px;font-weight:500}.lite-ring-track{fill:none;stroke:#2a2f34;stroke-width:5px}.lite-ring{fill:none;stroke:#c98a5c;stroke-width:5px;stroke-linecap:round}.lite-badge circle{fill:#23282d;stroke:#c98a5c;stroke-width:1px}.lite-badge text{fill:#c98a5c;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:9.5px;font-weight:600}.lite-part{cursor:pointer;transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .3s,filter .3s}.lite-part.is-hot{transform:translateY(-9px)}.lite-part.is-picked{filter:drop-shadow(0 0 10px #c98a5c8c);transform:translateY(-14px)}.has-pick .lite-part:not(.is-picked){opacity:.55}@media (hover:hover){.lite-part:hover{transform:translateY(-9px)}.lite-part.is-picked:hover{transform:translateY(-14px)}}@media (max-width:760px){.hx{height:240vh;height:240svh}.hx__hud,.hx__mode{top:var(--sp-3)}.hx__stage--cap{bottom:max(4vh,20px);bottom:max(4svh,20px)}.hx__next{transform:none}.hx-panel{max-height:50vh;max-height:50svh}.hx-scrim{background:linear-gradient(#0000 45%,#08090b8c);pointer-events:none!important}.hx.is-lite .hx__sticky{padding-top:var(--sp-7);gap:var(--sp-5)}}@media (prefers-reduced-motion:reduce){.lite-part,.hx.is-lite .hx__sticky{transition:none}}