:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0c0c0e;--surface:#131316;--line:#26262b;--text:#e9e9ec;--text-dim:#a2a2ab;--text-faint:#6d6d76;--accent:#34d399;--accent-dim:#269a73;--danger:#e08080;--font-sans:"Segoe UI", system-ui, -apple-system, sans-serif;--font-mono:ui-monospace, "Cascadia Mono", Consolas, monospace}*{box-sizing:border-box}body{background:var(--bg);min-height:100dvh;color:var(--text);font-family:var(--font-sans);margin:0;line-height:1.6}#app{flex-direction:column;max-width:72rem;min-height:100dvh;margin:0 auto;padding:0 1.5rem 4rem;display:flex}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;padding:1.5rem 0;display:flex}.wordmark{letter-spacing:-.02em;color:var(--text);font-size:1.125rem;font-weight:650;text-decoration:none}.site-nav{gap:1.5rem;display:flex}.site-nav a{color:var(--text-dim);font-size:.9375rem;text-decoration:none;transition:color .2s}.site-nav a:hover{color:var(--text)}.site-footer{border-top:1px solid var(--line);color:var(--text-faint);font-size:.8125rem;font-family:var(--font-mono);flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-top:auto;padding-top:2rem;display:flex}.hero{max-width:44rem;padding:5rem 0 3rem}.kicker{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0 0 1rem;font-size:.8125rem}h1{letter-spacing:-.03em;margin:0 0 1.25rem;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:650;line-height:1.15}.lede{color:var(--text-dim);max-width:38rem;margin:0;font-size:1.0625rem}.panel-grid{grid-template-columns:1fr;gap:1.25rem;padding-bottom:3rem;display:grid}@media (width>=768px){.panel-grid{grid-template-columns:3fr 2fr}}.panel{background:var(--surface);border:1px solid var(--line);color:inherit;border-radius:.5rem;flex-direction:column;gap:.75rem;padding:1.75rem;text-decoration:none;transition:border-color .2s,transform .15s;display:flex}a.panel:hover{border-color:var(--accent-dim)}a.panel:active{transform:translateY(1px)}.panel-muted{color:var(--text-dim)}.panel-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);font-size:.75rem}.panel h2{letter-spacing:-.02em;color:var(--text);margin:0;font-size:1.25rem;font-weight:600}.panel p{color:var(--text-dim);margin:0;font-size:.9375rem}.panel-cta{color:var(--accent);margin-top:auto;padding-top:.5rem;font-size:.9375rem}.panel-muted .panel-cta{color:var(--text-faint)}.btn{font-size:1rem;font-weight:600;font-family:var(--font-sans);cursor:pointer;border:1px solid #0000;border-radius:.375rem;align-items:center;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:background .2s,transform .15s;display:inline-flex}.btn:active:not(:disabled){transform:translateY(1px)}.btn-primary{background:var(--accent);color:#0c1210}.btn-primary:hover:not(:disabled){background:var(--accent-dim)}.btn:disabled{background:var(--surface);border-color:var(--line);color:var(--text-faint);cursor:not-allowed}.download-section{flex-direction:column;align-items:flex-start;gap:1rem;padding:0 0 3rem;display:flex}.fine{color:var(--text-faint);max-width:36rem;margin:0;font-size:.875rem}.fine strong{color:var(--text-dim);font-weight:600}.docs-section{border-top:1px solid var(--line);max-width:44rem;padding:2.5rem 0}.docs-section h2{letter-spacing:-.02em;margin:0 0 1.5rem;font-size:1.25rem;font-weight:600}.steps{color:var(--text-dim);flex-direction:column;gap:1rem;margin:0;padding-left:1.5rem;display:flex}.steps li::marker{font-family:var(--font-mono);color:var(--accent)}.steps strong{color:var(--text);font-weight:600}.steps a,.notes a{color:var(--accent)}code{font-family:var(--font-mono);background:var(--surface);border:1px solid var(--line);border-radius:.25rem;padding:.1em .35em;font-size:.875em}.matrix{border-collapse:collapse;width:100%;font-size:.9375rem}.matrix th,.matrix td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:.75rem 1rem .75rem 0}.matrix th{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);font-size:.75rem;font-weight:500}.matrix td{color:var(--text-dim)}.matrix td:first-child{color:var(--text)}.tone-ok{color:var(--accent)}.tone-bad{color:var(--danger)}.tone-muted{color:var(--text-faint)}.notes{color:var(--text-dim);flex-direction:column;gap:.75rem;margin:0;padding-left:1.25rem;display:flex}
