:root{--bg:#0b0906;--bg-alt:#120e09;--surface:#16120b;--surface-2:#1c160e;--text:#f2ece1;--dim:#a89a83;--faint:#6f6555;--border:#251f15;--border-strong:#362c1c;--accent:#e0a54f;--accent-bright:#f2ba5f;--accent-soft:#241a0f;--ink:#140f08;--font-display:"Instrument Sans","Public Sans",sans-serif;--font-body:"Public Sans",-apple-system,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 var(--font-body)}a{color:inherit}a:hover{color:var(--accent-bright)}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}.narrow{width:min(780px,100%);margin:auto}.site-header{position:sticky;top:0;z-index:10;background:rgba(11,9,6,.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.nav{height:68px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{font:700 22px/1 var(--font-display);text-decoration:none;letter-spacing:-.05em}.brand span{color:var(--accent)}.nav-links{display:flex;gap:20px;align-items:center;font-size:14px}.nav-links a{text-decoration:none;color:var(--dim)}.nav-links a:hover{color:var(--text)}.nav-cta,.button{display:inline-flex;align-items:center;justify-content:center;padding:10px 15px;border:1px solid var(--accent);border-radius:7px;background:var(--accent);color:var(--ink)!important;font-weight:700;text-decoration:none}.nav-cta:hover,.button:hover{background:var(--accent-bright)}main{overflow:hidden}.hero{padding:110px 0 78px;background:radial-gradient(ellipse 80% 55% at 50% -10%,#352310 0%,transparent 70%);border-bottom:1px solid var(--border)}.eyebrow{display:block;margin-bottom:16px;color:var(--accent);font:600 12px/1 var(--font-mono);letter-spacing:.13em;text-transform:uppercase}.hero h1{max-width:900px;margin:0;font:700 clamp(42px,7vw,78px)/.98 var(--font-display);letter-spacing:-.065em}.hero p{max-width:690px;margin:27px 0 0;color:var(--dim);font-size:20px;line-height:1.55}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.button.ghost{background:transparent;color:var(--text)!important;border-color:var(--border-strong)}.button.ghost:hover{border-color:var(--accent);background:var(--accent-soft)}.proof{margin-top:38px;color:var(--faint);font-size:14px}.section{padding:84px 0;border-bottom:1px solid var(--border)}.section.alt{background:var(--bg-alt)}h2{margin:0 0 20px;font:700 clamp(30px,4vw,48px)/1.06 var(--font-display);letter-spacing:-.05em}h3{margin:0 0 10px;font:700 23px/1.15 var(--font-display);letter-spacing:-.035em}.intro{max-width:730px;margin:0;color:var(--dim);font-size:18px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px}.card{padding:25px;background:var(--surface);border:1px solid var(--border);border-radius:10px}.card p,.prose p,.prose li{color:var(--dim)}.card a{font-weight:700;text-decoration:none}.prose{font-size:17px}.prose h2{margin-top:62px}.prose h3{margin-top:34px}.prose a{color:var(--accent-bright)}.prose ul,.prose ol{padding-left:24px}.callout{margin:30px 0;padding:20px 22px;border:1px solid #65451c;border-radius:9px;background:var(--accent-soft);color:#dfd0b8}.code{margin:25px 0;padding:21px;overflow:auto;border:1px solid var(--border-strong);border-radius:9px;background:#070604;color:#e8dfd2;font:13px/1.65 var(--font-mono);white-space:pre}.toc{margin:34px 0;padding:20px 22px;border:1px solid var(--border);border-radius:9px;background:var(--surface)}.toc strong{display:block;margin-bottom:8px}.toc a{display:block;color:var(--dim);text-decoration:none;padding:3px 0}.crumbs{padding:22px 0 0;color:var(--faint);font-size:14px}.crumbs a{text-decoration:none}.related{margin-top:44px}.site-footer{padding:50px 0;color:var(--dim);font-size:14px}.footer-grid{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}.footer-links{display:flex;gap:18px;flex-wrap:wrap}.footer-links a{text-decoration:none}.small{font-size:14px;color:var(--faint)}@media(max-width:720px){.nav{height:auto;min-height:64px;padding:14px 0}.nav-links{gap:12px;font-size:12px}.nav-links a:not(.nav-cta){display:none}.hero{padding:74px 0 58px}.hero p{font-size:18px}.section{padding:58px 0}.grid{grid-template-columns:1fr}.code{font-size:11px}.wrap{width:min(100% - 30px,1160px)}}
