:root{--bg:#0e0f13;--bg-deep:#191b23;--surface:#1d1f29;--ink:#fff;--muted:#b9bccb;--accent:#dafa9c;--accent-strong:#c8f070;--accent-ink:#0f0f0f;--pop:#ff6b4a;--pop-strong:#ff8466;--sky:#9ad7ff;--paper:#fff8ec;--paper-ink:#0f0f0f;--paper-muted:#5c5750;--edge:#0f0f0f;--c-dl:var(--accent);--c-ss:var(--pop);--c-api:var(--sky);--step-small:clamp(.8125rem, .79rem + .1vw, .875rem);--step-body:clamp(1.0625rem, 1rem + .25vw, 1.1875rem);--step-lead:clamp(1.25rem, 1.1rem + .7vw, 1.625rem);--step-head:clamp(2.25rem, 1.4rem + 3.4vw, 4.25rem);--step-display:clamp(3rem, 1rem + 7vw, 6.75rem);--margin:clamp(16px, 2.2vw, 32px);--gap-section:clamp(96px, 12vw, 200px);--radius:14px;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.76, 0, .24, 1);--ease-soft:cubic-bezier(.33, 1, .68, 1);--t-press:.14s;--t-hover:.18s;--t-ui:.24s;--t-reveal:.8s;--face:"Chillax", ui-sans-serif, system-ui, sans-serif;--loud:"Cabinet Grotesk", "Chillax", ui-sans-serif, system-ui, sans-serif;--code:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--pi-cut:polygon(0 0, 100% 0, 100% 100%, 78% 100%, 78% 74%, 26% 74%, 26% 100%, 0 100%)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;color-scheme:dark}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--bg);color:var(--ink);font-family:var(--face);font-size:var(--step-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;font-weight:400;line-height:1.5}img,video,svg{max-width:100%;display:block}h1,h2,h3,h4,p,ol,ul,figure,blockquote{margin:0}h1,h2,h3,h4{font-family:var(--loud);letter-spacing:-.02em;text-wrap:balance;font-weight:800;line-height:1}p{text-wrap:pretty}a{color:inherit}button,input,textarea{font:inherit;color:inherit}code,pre,kbd{font-family:var(--code)}::selection{background:var(--accent);color:var(--accent-ink)}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.on-light :focus-visible,.on-light:focus-visible{outline-color:var(--bg)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip{left:var(--margin);z-index:50;background:var(--accent);color:var(--accent-ink);padding:12px 18px;text-decoration:none;position:absolute;top:-100px}.skip:focus{top:12px}.tname{font-family:var(--loud);letter-spacing:-.02em;color:var(--tc,var(--accent));-webkit-text-stroke:.045em var(--edge);paint-order:stroke fill;text-shadow:.06em .06em 0 var(--edge);font-weight:800;line-height:.95}.badges{flex-wrap:wrap;gap:6px;display:flex}.badge{font-size:var(--step-small);font-variant-numeric:tabular-nums;color:var(--ink);background:#2a2d3a;border-radius:6px;align-items:center;gap:5px;padding:3px 9px;font-weight:600;line-height:1.3;display:inline-flex}.badge.tag{background:var(--tc,var(--accent));color:var(--edge)}.badge.ver{background:var(--paper);color:var(--edge)}.prose a,.link-under{text-underline-offset:.2em;text-decoration:underline .07em}.button{background:var(--pop);min-height:60px;color:var(--edge);font-weight:600;font-size:var(--step-body);cursor:pointer;clip-path:var(--pi-cut);transition:transform var(--t-press) var(--ease-out), background-color var(--t-hover) ease, clip-path var(--t-ui) var(--ease-out);border:0;justify-content:center;align-items:flex-start;padding:13px 30px 0;line-height:1.2;text-decoration:none;display:inline-flex}.button:active{transform:scale(.97)}.button.dark{background:var(--edge);color:var(--ink)}.button.lime{background:var(--accent)}@media (hover:hover) and (pointer:fine){.button:hover{background:var(--pop-strong);clip-path:polygon(0 0,100% 0,100% 100%,78% 100%,78% 84%,26% 84%,26% 100%,0 100%)}.button.dark:hover{background:#2b2b2b}.button.lime:hover{background:var(--accent-strong)}}@keyframes rise{to{opacity:1;transform:none}}@keyframes line-up{to{transform:none}}@keyframes bob{50%{transform:translateY(-10px) rotate(var(--tilt,0deg))}}@keyframes twinkle{50%{opacity:.6;transform:scale(.6)rotate(20deg)}}@media (prefers-reduced-motion:no-preference){.js [data-rise]{opacity:0;animation:rise var(--t-reveal) var(--ease-out) forwards;animation-delay:calc(var(--i,0) * 90ms + .12s);transform:translateY(20px)}.js [data-reveal]{opacity:0;transition:opacity .7s var(--ease-out), transform .9s var(--ease-out);transition-delay:calc(var(--i,0) * 75ms);transform:translateY(24px)}.js [data-reveal].is-in{opacity:1;transform:none}}.site-head{z-index:10;padding:22px var(--margin);justify-content:space-between;align-items:center;gap:16px;display:flex;position:absolute;inset:0 0 auto}.wordmark{font-family:var(--loud);font-weight:800;font-size:var(--step-lead);letter-spacing:-.03em;align-items:center;gap:10px;line-height:1;text-decoration:none;display:inline-flex}.wordmark svg{width:30px;height:25px;fill:var(--accent)}.site-nav{font-size:var(--step-body);align-items:center;gap:clamp(16px,2.4vw,36px);font-weight:500;display:flex}.site-nav a{text-decoration:none}.site-nav [aria-current=page]{text-underline-offset:.2em;text-decoration:underline}.nav-star{font-variant-numeric:tabular-nums;transition:background-color var(--t-hover) ease;background:#2a2d3a;border-radius:999px;padding:8px 14px}@media (width<=760px){.nav-tool{display:none}}.foot{margin-top:var(--gap-section);padding:72px var(--margin) 28px;background:var(--paper);color:var(--paper-ink)}.foot-pi{width:100%;height:auto;fill:var(--bg)}.foot-grid{gap:24px var(--margin);font-size:var(--step-small);grid-template-columns:repeat(12,1fr);margin-top:56px;display:grid}.foot-grid h2{font-family:var(--face);font-size:var(--step-small);letter-spacing:0;color:var(--paper-muted);margin-bottom:10px;font-weight:600}.foot-grid ul{gap:6px;padding:0;list-style:none;display:grid}.foot-grid a{text-decoration:none}.foot-col{grid-column:span 2}.foot-contact{grid-column:9/span 4;align-content:start;gap:6px;display:grid}.foot-last{font-size:var(--step-small);color:var(--paper-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:64px;display:flex}.foot-last .button{min-height:48px;font-size:var(--step-small);padding:11px 22px 0}.credits{font-size:var(--step-small);color:var(--paper-muted);max-width:70ch;margin-top:20px}.foot :focus-visible{outline-color:var(--bg)}@media (width<=760px){.foot-col{grid-column:span 6}.foot-contact{grid-column:1/-1}}@media (hover:hover) and (pointer:fine){.foot-grid a:hover,.site-nav a:not(.nav-star):hover{text-underline-offset:.2em;text-decoration:underline}.nav-star:hover{background:#383c4d}}