:root{--bg: #0b0c0a;--bg-2: #111310;--panel: #151713;--panel-2: #1b1e19;--line: rgba(236, 234, 224, .09);--line-2: rgba(236, 234, 224, .18);--ink: #eceae2;--dim: #a3a197;--faint: #6b6a62;--accent: #ff5a36;--accent-ink: #0b0c0a;--amber: #ffb347;--cool: #84c8ff;--ok: #7ee081;--pen: #ff6b6b;--glow: 0 0 .9rem color-mix(in srgb, var(--accent) 55%, transparent);--l0: #1d201b;--l1: color-mix(in srgb, var(--accent) 30%, #1d201b);--l2: color-mix(in srgb, var(--accent) 55%, #1d201b);--l3: color-mix(in srgb, var(--accent) 80%, #1d201b);--l4: color-mix(in srgb, var(--accent) 70%, #ffd7b0);--font-display: "IBM Plex Sans Condensed", "Arial Narrow", system-ui, sans-serif;--font-body: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--font-hand: "Caveat", "Segoe Print", "Bradley Hand", cursive;--wrap: 1200px;--gutter: clamp(16px, 4vw, 48px);--radius: 14px;color-scheme:dark}@media(prefers-color-scheme:light){:root{--bg: #f3f1e9;--bg-2: #ebe8dd;--panel: #fbfaf5;--panel-2: #f1efe6;--line: rgba(22, 21, 18, .1);--line-2: rgba(22, 21, 18, .2);--ink: #161512;--dim: #57554d;--faint: #8f8c81;--accent: #e4401b;--accent-ink: #fff;--amber: #b86e00;--cool: #1d5fd8;--ok: #1f8a3b;--pen: #c8102e;--l0: #e2dfd3;--l1: color-mix(in srgb, var(--accent) 28%, #e2dfd3);--l2: color-mix(in srgb, var(--accent) 52%, #e2dfd3);--l3: color-mix(in srgb, var(--accent) 78%, #e2dfd3);--l4: color-mix(in srgb, var(--accent) 85%, #3a0d00);color-scheme:light}}*,*:before,*:after{box-sizing:border-box;margin:0}html{background:var(--bg);color:var(--ink);font:400 16px/1.6 var(--font-body);-webkit-font-smoothing:antialiased;text-size-adjust:100%;scroll-behavior:smooth}body{min-height:100vh;background:var(--bg);overflow-x:hidden}::selection{background:var(--accent);color:var(--accent-ink)}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}img,svg,canvas{display:block;max-width:100%}h1,h2,h3{font-family:var(--font-display);font-weight:700;line-height:1.02;letter-spacing:-.015em;text-wrap:balance}p{text-wrap:pretty}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.wrap{width:100%;max-width:calc(var(--wrap) + 2 * var(--gutter));margin-inline:auto;padding-inline:var(--gutter)}.mono{font-family:var(--font-mono)}.label{font:500 .72rem/1.3 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}.dot{display:inline-block;width:.5rem;height:.5rem;border-radius:50%;background:var(--ok);box-shadow:0 0 color-mix(in srgb,var(--ok) 60%,transparent);animation:ping 2.4s infinite;vertical-align:.05em}@keyframes ping{70%{box-shadow:0 0 0 .5rem transparent}}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.72rem 1.05rem;border:1px solid var(--line-2);border-radius:999px;font:500 .88rem/1 var(--font-mono);text-decoration:none;color:var(--ink);background:transparent;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}.btn:hover{border-color:var(--ink);transform:translateY(-1px)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);box-shadow:var(--glow)}.btn.primary:hover{background:color-mix(in srgb,var(--accent) 88%,#fff)}.chips{display:flex;flex-wrap:wrap;gap:.4rem;padding:0;list-style:none}.chip{padding:.28rem .6rem;border:1px solid var(--line-2);border-radius:999px;font:.74rem/1.2 var(--font-mono);color:var(--dim)}.topbar{position:sticky;top:0;z-index:50;backdrop-filter:blur(12px) saturate(1.2);background:color-mix(in srgb,var(--bg) 78%,transparent);border-bottom:1px solid var(--line)}.topbar .wrap{display:flex;align-items:center;gap:1.25rem;height:3.6rem}.brand{display:flex;align-items:center;gap:.6rem;font:600 .95rem/1 var(--font-mono);text-decoration:none;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:1.9rem;height:1.9rem;border-radius:6px;background:var(--accent);color:var(--accent-ink);font:700 .8rem/1 var(--font-mono)}.topnav{display:flex;gap:.25rem;margin-left:auto}.topnav a{padding:.45rem .7rem;border-radius:8px;font:.85rem/1 var(--font-mono);color:var(--dim);text-decoration:none}.topnav a:hover,.topnav a[aria-current=page]{color:var(--ink);background:var(--panel-2)}.status{display:flex;align-items:center;gap:.5rem;font:.78rem/1 var(--font-mono);color:var(--dim);white-space:nowrap}.status a{color:var(--ink);text-decoration:none}@media(max-width:980px){.status{display:none}}@media(max-width:560px){.brand-name{display:none}.topnav a{padding:.45rem .5rem}}.section{padding-block:clamp(4rem,9vw,7.5rem);border-top:1px solid var(--line)}.section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:1rem 3rem;align-items:end;margin-bottom:clamp(2rem,5vw,3.5rem)}.section-head h2{font-size:clamp(2.2rem,5vw,3.8rem)}.section-head .num{color:var(--accent)}.section-head p{color:var(--dim);max-width:36rem}@media(max-width:760px){.section-head{grid-template-columns:1fr}}.panel{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.tile{display:grid;gap:.3rem;align-content:start;padding:1rem 1.1rem;border-radius:var(--radius);background:var(--panel);border:1px solid var(--line)}.tile b{font:700 clamp(1.7rem,3vw,2.4rem) / 1 var(--font-display)}.tile:first-child b{color:var(--accent)}.note{display:inline-block;color:var(--pen);font:600 1.45rem/1.05 var(--font-hand);transform:rotate(var(--tilt, -3deg))}.fx .rise{opacity:0;transform:translateY(1.25rem);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d, 0s)}.fx .rise.seen{opacity:1;transform:none}.footer{padding-block:2.5rem 3rem;border-top:1px solid var(--line);color:var(--faint);font:.8rem/1.6 var(--font-mono)}.footer .wrap{display:flex;flex-wrap:wrap;gap:.75rem 2rem;justify-content:space-between}.footer a{color:var(--dim)}.prose{max-width:44rem;color:var(--dim);font-size:1.05rem}.prose>*+*{margin-top:1.1em}.prose a,.prose strong{color:var(--ink)}.prose ul{padding-left:1.2rem}.prose li+li{margin-top:.4em}.prose .shots{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.prose .shots img{width:100%;height:auto;border-radius:8px;border:1px solid var(--line)}.prose pre,.spec pre{position:relative;overflow-x:auto;padding:1.25rem 1.4rem;border-radius:10px;background:var(--panel-2);border:1px solid var(--line);color:var(--ink);font:.86rem/1.4 var(--font-mono);white-space:pre}.prose .caption{margin-top:.6rem;text-align:center;font:.8rem var(--font-mono);color:var(--faint)}.pkt{position:absolute;top:0;left:0;width:.6em;height:.6em;margin:-.3em 0 0 -.3em;border-radius:50%;background:var(--accent);box-shadow:0 0 .7em var(--accent);opacity:0;pointer-events:none;will-change:transform}.pkt:after{content:"";position:absolute;top:50%;width:2.4em;height:2px;margin-top:-1px;opacity:.55}.pkt.r:after{right:50%;background:linear-gradient(to left,var(--accent),transparent)}.pkt.l:after{left:50%;background:linear-gradient(to right,var(--accent),transparent)}.pkt.land{animation:land .5s ease-out}@keyframes land{50%{box-shadow:0 0 0 .5em color-mix(in srgb,var(--accent) 30%,transparent)}}.fx-ctl{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem 1rem;margin-top:.8rem;font:.8rem var(--font-mono);color:var(--dim)}.fx-ctl input{accent-color:var(--accent);width:12rem}.fx-ctl output{min-width:7ch;color:var(--ink)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.dot{animation:none}}