:root{--bg:#fff;--fg:#111827;--muted:#6b7280;--border:#e5e7eb;--surface:#f9fafb;--accent:#4f46e5;--accent-fg:#fff;--max:960px}@media (prefers-color-scheme:dark){:root{--bg:#0b0d12;--fg:#e5e7eb;--muted:#9ca3af;--border:#1f2937;--surface:#111827;--accent:#818cf8;--accent-fg:#0b0d12}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--fg);flex-direction:column;min-height:100vh;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.6;display:flex}main{flex:1}a{color:var(--accent)}.container{max-width:var(--max);margin:0 auto;padding:0 16px}.site-header{border-bottom:1px solid var(--border)}.nav{justify-content:space-between;align-items:center;gap:16px;height:64px;display:flex}.nav nav,.footer-inner nav{flex-wrap:wrap;gap:20px;display:flex}.nav nav a,.footer-inner a{color:var(--muted);text-decoration:none}.nav nav a:hover,.footer-inner a:hover{color:var(--fg)}.brand{color:var(--fg);font-size:1.2rem;font-weight:700;text-decoration:none}.hero{text-align:center;padding:96px 0 64px}.hero h1{margin:0 0 16px;font-size:clamp(2rem,6vw,3.25rem);line-height:1.15}.hero p{color:var(--muted);max-width:600px;margin:0 auto 32px;font-size:1.15rem}.button{background:var(--accent);color:var(--accent-fg);border-radius:10px;padding:12px 24px;font-weight:600;text-decoration:none;display:inline-block}.features{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;padding-bottom:96px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:24px}.card h3{margin:0 0 8px}.card p{color:var(--muted);margin:0}.prose{max-width:720px;padding-top:48px;padding-bottom:96px}.prose h1{margin-bottom:4px}.prose .meta{color:var(--muted);margin-top:0}.prose h2{margin-top:40px;font-size:1.3rem}.prose li{margin-bottom:6px}.callout{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px 20px}.site-footer{border-top:1px solid var(--border);color:var(--muted);padding:24px 0;font-size:.9rem}.footer-inner{flex-wrap:wrap;justify-content:space-between;gap:16px;display:flex}