:root{--ink:#0b1220;--text:#1f2937;--muted:#586a80;--line:#e5e7eb;--bg:#f6f7f9;--card:#fff;
--jev:#047857;--jev-bg:#ecfdf5;--oj:#475569;--oj-bg:#f1f5f9;--focus:#1d4ed8;--content-width:1160px;--route-accent:var(--code);--code:#334155;--code-bg:#f1f5f9;--human:#b45309;--human-bg:#fffbeb;
--pend:#b45309;--pend-bg:#fef3c7;--claim:#be123c;--claim-bg:#fff1f2;--r:14px;
--font:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}

*{box-sizing:border-box}

[hidden]{display:none!important}

html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:76px}

body{margin:0;font:16px/1.55 var(--font);color:var(--text);background:var(--bg);overflow-wrap:break-word}

a{color:var(--oj)}

:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:6px}

.wrap{width:100%;max-width:var(--content-width);margin:0 auto;padding:0 20px}

.skip{position:absolute;left:-999px;top:8px;background:#fff;padding:8px 12px;border-radius:8px;z-index:9}

.skip:focus{left:8px}

code{font-family:var(--mono);font-size:.88em;background:var(--code-bg);padding:.1em .35em;border-radius:5px}

pre{font:12.5px/1.5 var(--mono);background:#0f172a;color:#e2e8f0;padding:14px;border-radius:10px;overflow-x:auto;margin:10px 0}

pre code{background:none;padding:0;color:inherit;font-size:inherit}

/* header */
.top{background:var(--ink);color:#fff;position:sticky;top:0;z-index:5;border-bottom:1px solid #1e293b}

.top .wrap{display:flex;align-items:center;justify-content:space-between;height:56px}

.brand{display:flex;align-items:center;gap:10px;min-height:44px;flex:none;color:#fff;text-decoration:none;font-weight:700;letter-spacing:-.01em}

.logo{width:28px;height:28px;border-radius:8px;background:#111c33;color:#dbe5f3;display:grid;place-items:center;font-weight:800;border:1px solid #23304d}

.top nav{display:flex;align-items:center;gap:18px;white-space:nowrap}

.top nav a{display:inline-flex;align-items:center;min-height:44px;color:#cbd5e1;text-decoration:none;font-size:14px;font-weight:500}

.top nav a:hover{color:#fff}

/* hero */
.hero{background:radial-gradient(1200px 400px at 80% -10%,#10324a 0,transparent 60%),var(--ink);color:#fff;padding:44px 0 36px}

.eyebrow{margin:0 0 10px;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:#dbe5f3;font-weight:650}

.hero h1{margin:0;font-size:clamp(28px,6.4vw,50px);line-height:1.1;letter-spacing:-.025em;max-width:820px;font-weight:750}

.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:28px 0 20px;max-width:820px}

.stat{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 14px}

.stat b{display:block;font-size:26px;font-variant-numeric:tabular-nums;letter-spacing:-.02em;line-height:1.15}

.stat span{font-size:13px;color:#94a3b8}