:root{--paper:#e6e8e2;--surface:#f6f7f4;--surface-sunk:#dee1da;--ink:#14171c;--ink-soft:#5c6169;--ink-faint:#8b9098;--rule:#c8ccc2;--signal:#1b34ff;--signal-ink:#0d1a94;--signal-wash:#1b34ff14;--mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, "Cascadia Mono", "Roboto Mono", Consolas, monospace;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--gutter:clamp(1.25rem, 4vw, 3.5rem);--measure:1120px;--radius:3px}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--sans);background-image:linear-gradient(90deg,#14171c09 1px,#0000 1px),linear-gradient(#14171c09 1px,#0000 1px);background-size:64px 64px;margin:0;font-size:16px;line-height:1.55;overflow-x:hidden}:focus-visible{outline:2px solid var(--signal);outline-offset:3px}.shell{max-width:var(--measure);padding-inline:var(--gutter);margin:0 auto}.label{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);margin:0;font-size:11px}.num{font-family:var(--mono);font-variant-numeric:tabular-nums}.rule{border:0;border-top:1px solid var(--rule);margin:0}.panel{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius)}.code{font-family:var(--mono);color:var(--ink);background:var(--surface);border:1px solid var(--rule);border-left:2px solid var(--signal);border-radius:var(--radius);white-space:pre;tab-size:2;margin:0;padding:.85rem 1rem;font-size:12.5px;line-height:1.7;overflow-x:auto}.code b{color:var(--signal-ink);font-weight:600}.progress-rail{background:var(--surface-sunk);z-index:50;height:3px;position:fixed;inset:0 0 auto}.progress-rail__fill{background:var(--signal);transform-origin:0;height:100%;scale:var(--progress,0) 1}.hero{padding-block:clamp(4rem,14vh,9rem) clamp(3rem,8vh,5rem)}.hero__eyebrow{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:2.25rem;display:flex}.hero__title{font-family:var(--mono);letter-spacing:-.045em;max-width:16ch;margin:0 0 1.5rem;font-size:clamp(2.4rem,8vw,5.2rem);font-weight:600;line-height:.98}.hero__title em{color:var(--signal);font-style:normal}.hero__lede{color:var(--ink-soft);max-width:54ch;margin:0 0 2.5rem;font-size:clamp(1.05rem,2.2vw,1.3rem);line-height:1.5}.hero__lede strong{color:var(--ink);font-weight:600}.hero__actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.install{background:var(--ink);color:var(--paper);font-family:var(--mono);border-radius:var(--radius);cursor:pointer;border:0;align-items:center;gap:.9rem;padding:.7rem .9rem;font-size:13px;display:inline-flex}.install:hover{background:var(--signal-ink)}.install__hint{color:#e6e8e28c;letter-spacing:.1em;text-transform:uppercase;font-size:11px}.link-btn{border:1px solid var(--rule);border-radius:var(--radius);font-family:var(--mono);color:var(--ink);background:var(--surface);align-items:center;padding:.7rem .9rem;font-size:13px;text-decoration:none;display:inline-flex}.link-btn:hover{border-color:var(--signal);color:var(--signal-ink)}.badge{border:1px solid var(--rule);background:var(--surface);font-family:var(--mono);letter-spacing:.06em;color:var(--ink-soft);border-radius:999px;align-items:center;gap:.55rem;padding:.3rem .75rem .3rem .55rem;font-size:11.5px;display:inline-flex}.badge__dot{background:var(--ink-faint);border-radius:50%;width:7px;height:7px}.badge--native .badge__dot{background:var(--signal);box-shadow:0 0 0 3px var(--signal-wash)}.badge--fallback .badge__dot{background:#b8791f;box-shadow:0 0 0 3px #b8791f1f}.section{border-top:1px solid var(--rule);padding-block:clamp(3.5rem,10vh,7rem)}.section__head{gap:.6rem;max-width:60ch;margin-bottom:clamp(2rem,5vh,3.25rem);display:grid}.section__hook{font-family:var(--mono);letter-spacing:-.03em;margin:0;font-size:clamp(1.35rem,3.2vw,1.9rem);font-weight:600}.section__note{color:var(--ink-soft);margin:0;font-size:1rem}.section__range{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--signal-ink);background:var(--signal-wash);border-radius:var(--radius);align-items:center;gap:.4rem;width:fit-content;padding:.25rem .5rem;font-size:11px;display:inline-flex}.lab{min-height:320vh}.lab__sticky{grid-template-columns:minmax(0,1fr);gap:1.25rem;display:grid;position:sticky;top:6vh}@media (min-width:900px){.lab__sticky{grid-template-columns:minmax(0,1fr) 300px}}.lab__stage{border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface);height:78vh;min-height:380px;position:relative;overflow:hidden}@media (max-width:899px){.lab{min-height:260vh}.lab__sticky{top:4vh}.lab__stage{height:40vh;min-height:240px}.lab__readouts .code{display:none}}.lab__frame-label{z-index:2;position:absolute;top:.6rem;left:.75rem}.lab__ruler{border-right:1px solid var(--rule);background:repeating-linear-gradient(to bottom, var(--rule) 0 1px, transparent 1px 24px);opacity:.7;width:56px;position:absolute;inset:0 auto 0 0}.lab__marker{background:var(--signal);opacity:.35;height:1px;position:absolute;left:56px;right:0}.lab__marker span{font-family:var(--mono);letter-spacing:.1em;color:var(--signal-ink);text-transform:uppercase;font-size:10px;position:absolute;top:-.95rem;left:.5rem}.lab__subject{left:calc(56px + 1.5rem);right:1.5rem;top:calc(var(--lab,0) * (100% - 128px));border-radius:var(--radius);background:var(--ink);height:128px;color:var(--paper);text-align:center;place-content:center;gap:.3rem;display:grid;position:absolute}.lab__subject-value{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.04em;font-size:clamp(2rem,6vw,3rem);line-height:1}.lab__readouts{gap:.75rem;display:grid}.readout{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);gap:.4rem;padding:.85rem 1rem;display:grid}.readout__top{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.readout__value{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--ink);font-size:15px}.readout__track{background:var(--surface-sunk);border-radius:2px;height:4px;overflow:hidden}.readout__fill{background:var(--signal);transform-origin:0;height:100%;scale:var(--progress,0) 1}.reveals{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1rem;display:grid}.reveal-card{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);align-content:space-between;gap:1rem;min-height:148px;padding:1.1rem;display:grid}.reveal-card__name{font-family:var(--mono);margin:0;font-size:15px;font-weight:600}.reveal-card__desc{color:var(--ink-soft);margin:0;font-size:13.5px}.parallax{border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface);place-items:center;min-height:78vh;padding:clamp(2rem,6vw,4rem);display:grid;position:relative;overflow:hidden}.parallax__layer{border-radius:var(--radius);position:absolute}.parallax__layer--back{aspect-ratio:3/4;background:var(--surface-sunk);width:min(46%,320px);inset:12% 8% auto auto}.parallax__layer--mid{aspect-ratio:1;border:1px solid var(--signal);background:var(--signal-wash);width:min(38%,260px);inset:auto auto 10% 6%}.parallax__front{z-index:1;text-align:center;max-width:34ch;position:relative}.parallax__front h3{font-family:var(--mono);letter-spacing:-.04em;margin:0 0 .75rem;font-size:clamp(1.5rem,4vw,2.4rem)}.parallax__front p{color:var(--ink-soft);margin:0}.progress-grid{grid-template-columns:minmax(0,1fr);gap:1.5rem;display:grid}@media (min-width:780px){.progress-grid{grid-template-columns:260px minmax(0,1fr);align-items:center}}.dial{--progress:0;background:conic-gradient(var(--signal) calc(var(--progress) * 360deg), var(--surface-sunk) 0);border-radius:50%;place-items:center;width:220px;height:220px;margin-inline:auto;display:grid}.dial__inner{background:var(--paper);border:1px solid var(--rule);text-align:center;border-radius:50%;place-content:center;gap:.2rem;width:76%;height:76%;display:grid}.dial__value{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-size:30px}.dial__label{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);font-size:10px}.strip{border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface);scroll-snap-type:x proximity;overflow:auto hidden}.strip__track{gap:1rem;width:max-content;padding:1.25rem;display:flex}.strip__card{scroll-snap-align:center;border:1px solid var(--rule);border-radius:var(--radius);background:var(--paper);width:220px;height:260px;font-family:var(--mono);color:var(--ink-soft);flex:none;place-content:center;font-size:13px;display:grid}.strip__meter{background:var(--surface-sunk);border-radius:2px;height:3px;margin-top:.75rem;overflow:hidden}.strip__meter-fill{background:var(--signal);transform-origin:0;height:100%;scale:var(--progress,0) 1}.stack{gap:42vh;display:grid}.stack__card{border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface);min-height:260px;box-shadow:0 -1px 0 var(--paper);align-content:center;gap:.75rem;padding:clamp(1.5rem,4vw,2.5rem);display:grid;position:sticky;top:12vh}.stack__card h3{font-family:var(--mono);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,3vw,1.6rem)}.stack__card p{color:var(--ink-soft);max-width:58ch;margin:0}.stack__spacer{height:30vh}.footer{border-top:1px solid var(--rule);padding-block:3rem 4rem}.footer__grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;display:grid}.footer__list{gap:.4rem;margin:.75rem 0 0;padding:0;list-style:none;display:grid}.footer__list a{color:var(--ink);border-bottom:1px solid var(--rule);font-size:14px;text-decoration:none}.footer__list a:hover{color:var(--signal-ink);border-color:var(--signal)}.footer__note{color:var(--ink-faint);margin-top:2.5rem;font-size:13px}.specs{border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:0;display:grid;overflow:hidden}.spec{border-right:1px solid var(--rule);padding:1rem 1.1rem}.spec:last-child{border-right:0}.spec__value{font-family:var(--mono);letter-spacing:-.03em;margin:.35rem 0 0;font-size:20px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.explain{border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface);gap:0;margin:0 0 1.75rem;display:grid;overflow:hidden}.explain__row{border-bottom:1px solid var(--rule);grid-template-columns:minmax(0,1fr);gap:.15rem;padding:.85rem 1rem;display:grid}.explain__row:last-child{border-bottom:0}@media (min-width:720px){.explain__row{grid-template-columns:176px minmax(0,1fr);gap:1rem}}.explain__term{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--signal-ink);padding-top:.15rem;font-size:11px}.explain__body{color:var(--ink);margin:0;font-size:14.5px}.explain__body code{font-family:var(--mono);background:var(--paper);border:1px solid var(--rule);border-radius:2px;padding:.05rem .3rem;font-size:.9em}.slots{grid-template-columns:minmax(0,1fr);gap:26vh;display:grid}@media (min-width:820px){.slots{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1.5rem}}.slot{align-content:start;gap:.6rem;display:grid}.slot__card{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);align-content:space-between;gap:.75rem;min-height:168px;padding:1.25rem;display:grid}.slot__name{font-family:var(--mono);margin:0;font-size:15px;font-weight:600}.slot__desc{color:var(--ink-soft);margin:0;font-size:13.5px}.slot__meta{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.slot__value{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--signal-ink);font-size:12px}.meter{background:var(--surface-sunk);border-radius:2px;height:4px;overflow:hidden}.meter__fill{background:var(--signal);transform-origin:0;height:100%;scale:var(--progress,0) 1}.depth{border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface);place-items:center;min-height:120vh;padding:2rem;display:grid;position:relative;overflow:hidden}.depth__centre{border-top:1px dashed var(--rule);height:0;position:absolute;top:50%;left:0;right:0}.depth__centre span{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);font-size:10px;position:absolute;top:-1.4rem;right:.75rem}.depth__layer{border-radius:var(--radius);text-align:center;font-family:var(--mono);place-content:center;gap:.2rem;font-size:12px;display:grid;position:absolute}.depth__layer b{letter-spacing:-.02em;font-size:15px;font-weight:600}.depth__layer--back{background:var(--surface-sunk);width:min(30%,210px);height:220px;color:var(--ink-soft);margin-top:-110px;top:50%;left:6%}.depth__layer--mid{border:1px solid var(--signal);background:var(--signal-wash);width:min(28%,190px);height:180px;color:var(--signal-ink);margin-top:-90px;top:50%;right:6%}.depth__layer--front{background:var(--ink);width:180px;height:140px;color:var(--paper);margin:-70px 0 0 -90px;top:50%;left:50%}.depth__hud{z-index:2;background:var(--paper);border:1px solid var(--rule);border-radius:var(--radius);font-family:var(--mono);font-variant-numeric:tabular-nums;place-self:start end;gap:.35rem;min-width:190px;padding:.75rem .9rem;font-size:12px;display:grid;position:sticky;top:12vh}.depth__hud div{justify-content:space-between;gap:1rem;display:flex}.notice{border-radius:var(--radius);background:#fdf6e9;border:1px solid #b8791f;border-left-width:3px;max-width:74ch;margin-top:1.75rem;padding:1rem 1.25rem}.notice__title{font-family:var(--mono);margin:0 0 .4rem;font-size:14px}.notice p{color:#6b5220;margin:0;font-size:14px}.notice code{font-family:var(--mono);font-size:.9em}.footer__note .footer__link{color:var(--ink);border-bottom:1px solid var(--signal);text-decoration:none}.footer__note .footer__link:hover{color:var(--signal-ink)}
