.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:520svh;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.is-active{pointer-events:auto}.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.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:440svh}.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-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{animation:none}.hx-panel,.hx__canvas{transition:none}.hx-panel.is-open .hx-panel__points li{opacity:1;animation:none;transform:none}}