:root,:root[data-theme=dark]{--bg: #0c0e11;--surface: #12161b;--surface-2: #1a1f27;--border: #232a33;--border-strong: #33404c;--text: #e8eaed;--muted: #9aa1ab;--faint: #7d8794;--orange: #ff7a2f;--pink: #ff3d67;--rose: #d97b83;--cyan: #2fd4c4;--violet: #9b87ff;--green: #58d68d;--amber: #ffb14d;--accent: var(--orange);--shadow: 0 1px 0 rgba(255,255,255,.02) inset, 0 24px 60px -30px rgba(0,0,0,.8);--mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--maxw: 1180px;--grad: linear-gradient(120deg, var(--orange), var(--pink));--grad-cta: var(--grad);--cta-ink: #16090b;--step--1: clamp(.78rem, .76rem + .1vw, .84rem);--step-0: clamp(.95rem, .92rem + .18vw, 1.05rem);--step-1: clamp(1.1rem, 1rem + .5vw, 1.35rem);--step-2: clamp(1.5rem, 1.2rem + 1.4vw, 2.3rem);--step-3: clamp(2.1rem, 1.5rem + 3vw, 4rem);--code-bg: #0f1318;--mark: color-mix(in srgb, var(--amber) 18%, transparent)}:root[data-theme=light]{--bg: #f7f7f5;--surface: #ffffff;--surface-2: #f1f2ef;--border: #e3e4df;--border-strong: #cfd1ca;--text: #16191c;--muted: #55606a;--faint: #666f78;--orange: #e0641c;--pink: #e02a54;--rose: #b35a63;--cyan: #0b7d72;--violet: #6d4ae0;--green: #1f9d57;--amber: #c07d16;--shadow: 0 1px 0 rgba(255,255,255,.6) inset, 0 20px 50px -30px rgba(20,30,45,.28);--code-bg: #fbfbf9;--grad-cta: linear-gradient(120deg, #c2500f, #c01f45);--cta-ink: #fff}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:var(--step-0);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;min-height:100vh;display:flex;flex-direction:column}body>main{flex:1}.wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:clamp(1.1rem,4vw,2.5rem)}a{color:var(--cyan);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}:focus-visible{outline:2px solid var(--orange);outline-offset:3px;border-radius:2px}img,svg,video{max-width:100%;height:auto}h1,h2,h3{font-family:var(--mono);font-weight:700;letter-spacing:-.02em;line-height:1.1;text-wrap:balance}.grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.eyebrow{font-family:var(--mono);font-size:var(--step--1);letter-spacing:.22em;text-transform:uppercase;color:var(--hue, var(--orange));display:inline-flex;align-items:center;gap:.7em}.eyebrow:before{content:"";width:2.4em;height:2px;background:var(--hue, var(--orange));opacity:.7}.btn{font-family:var(--mono);font-weight:700;font-size:var(--step--1);padding:.85rem 1.4rem;border-radius:9px;border:1px solid transparent;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:transform .15s,border-color .15s,color .15s,filter .15s}.btn-primary{background:var(--grad-cta);color:var(--cta-ink)}.btn-primary:hover{text-decoration:none;filter:brightness(1.07);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--text);border-color:var(--border-strong)}.btn-ghost:hover{text-decoration:none;border-color:var(--violet);color:var(--violet)}.cta-note{font-family:var(--mono);font-size:.72rem;color:var(--faint)}header.nav{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:1.4rem;height:64px}.brand{display:flex;align-items:center;gap:.6rem;font-family:var(--mono);font-weight:700;font-size:1.15rem;color:var(--text)}.brand:hover{text-decoration:none}.brand .dot{width:12px;height:12px;border-radius:50%;background:var(--grad);flex:none}.nav-links{display:flex;align-items:center;gap:1.25rem}.nav-links a,.nav-cta{white-space:nowrap}.nav-links a{color:var(--muted);font-family:var(--mono);font-size:var(--step--1)}.nav-links a:hover{color:var(--text);text-decoration:none}.nav-links a[aria-current=page]{color:var(--text)}.nav-cta{font-family:var(--mono);font-weight:700;font-size:var(--step--1);color:var(--cta-ink);background:var(--grad-cta);padding:.55rem 1rem;border-radius:8px}.nav-links .nav-cta,.nav-links .nav-cta:hover{color:var(--cta-ink)}.nav-cta:hover{text-decoration:none;filter:brightness(1.07)}.nav-menu{position:relative}.nav-trigger{display:inline-flex;align-items:center;gap:.35rem;background:transparent;border:0;cursor:pointer;color:var(--muted);font-family:var(--mono);font-size:var(--step--1);white-space:nowrap;padding:0}.nav-trigger:after{content:"▾";font-size:.95em;line-height:1;opacity:.7;transition:transform .15s}.nav-trigger:hover,.nav-menu.open .nav-trigger,.nav-trigger[data-current]{color:var(--text)}.nav-menu.open .nav-trigger:after{transform:rotate(180deg)}.nav-panel{display:none;position:absolute;top:calc(100% + .7rem);left:-.7rem;min-width:13.5rem;padding:.4rem;background:var(--surface);border:1px solid var(--border-strong);border-radius:11px;box-shadow:var(--shadow)}.nav-menu.open .nav-panel{display:block}.nav-panel a{display:block;padding:.5rem .65rem;border-radius:7px;line-height:1.35}.nav-panel a:hover{color:var(--text);background:var(--surface-2)}.nav-panel .narrow-only{display:none}@media(max-width:820px){.nav-links{gap:.95rem}.nav-bench{display:none}.nav-panel .narrow-only{display:block}}.theme-toggle{background:transparent;border:1px solid var(--border-strong);color:var(--muted);font-family:var(--mono);font-size:.72rem;padding:.35rem .55rem;border-radius:6px;cursor:pointer;letter-spacing:.05em}.theme-toggle:hover{color:var(--orange);border-color:var(--orange)}.nav-gh{display:inline-flex;align-items:center;color:var(--faint)}.nav-gh:hover{color:var(--text)}.nav-gh svg{width:16px;height:16px;fill:currentColor;flex:0 0 auto}.nav-burger{display:none}.nav-burger .nav-trigger{color:var(--text);padding-inline:.1rem}.nav-burger .nav-trigger:after{content:none}.nav-burger .bars{position:relative}.nav-burger .bars,.nav-burger .bars:before,.nav-burger .bars:after{display:block;width:18px;height:2px;border-radius:2px;background:currentColor;transition:transform .18s ease,top .18s ease,background-color .18s ease}.nav-burger .bars:before{content:"";position:absolute;top:-6px}.nav-burger .bars:after{content:"";position:absolute;top:6px}.nav-burger.open .bars{background:transparent}.nav-burger.open .bars:before{top:0;transform:rotate(45deg)}.nav-burger.open .bars:after{top:0;transform:rotate(-45deg)}.nav-burger .nav-panel{left:auto;right:-.6rem;width:min(15.5rem,calc(100vw - 2rem));max-height:calc(100vh - 5.5rem);overflow-y:auto}.nav-burger .nav-group{font-family:var(--mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);padding:.5rem .65rem .25rem}.nav-burger .nav-group:not(:first-child){border-top:1px solid var(--border);margin-top:.35rem;padding-top:.6rem}.nav-cta .cta-narrow{display:none}@media(max-width:620px){.nav-inner{gap:.8rem}.nav-links{gap:.85rem}.nav-links>a:not(.nav-cta),.nav-menu:not(.nav-burger){display:none}.nav-burger{display:block}.nav-cta .cta-wide{display:none}.nav-cta .cta-narrow{display:inline}.nav-cta{padding-inline:.75rem}}@media(pointer:coarse){.theme-toggle,.nav-cta,.nav-trigger{min-height:44px;display:inline-flex;align-items:center}.nav-links a{padding-block:.6rem}.nav-panel a{padding-block:.7rem}}footer{border-top:1px solid var(--border);padding-block:2.5rem}.foot{display:flex;flex-wrap:wrap;gap:1rem 2rem;align-items:center;justify-content:space-between;font-family:var(--mono);font-size:var(--step--1);color:var(--faint)}.foot a{color:var(--muted)}.foot .fl{display:flex;gap:1.4rem;flex-wrap:wrap}.foot .gh{display:inline-flex;align-items:center;gap:.4rem;color:var(--text)}.foot .gh svg{width:15px;height:15px;fill:currentColor}.tag-pill{font-family:var(--mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--violet);border:1px solid color-mix(in srgb,var(--violet) 45%,var(--border));border-radius:20px;padding:.2rem .55rem;white-space:nowrap}a.tag-pill:hover{text-decoration:none;border-color:var(--violet);background:color-mix(in srgb,var(--violet) 12%,transparent)}.meta-line{font-family:var(--mono);font-size:var(--step--1);color:var(--faint);display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}