:root{--bg:#0b1020;--fg:#e8ecf5;--muted:#a3adc2;--accent:#8b5cf6;--accent2:#34d399;--card:#141a2e;--max:68rem}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;font:1.0625rem/1.65 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:var(--bg);color:var(--fg)}
a{color:var(--accent2)}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--accent2);outline-offset:2px}
.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:#fff;color:#000;padding:.5rem;z-index:9}
header,main,footer{max-width:var(--max);margin:0 auto;padding:1rem 1.25rem}
nav{display:flex;gap:1.25rem;align-items:center;flex-wrap:wrap}nav .brand{font-weight:800;color:var(--fg);text-decoration:none;margin-right:auto}
.hero{padding:3rem 0}.hero h1{font-size:clamp(2rem,5vw,3.2rem);line-height:1.15;margin:.2em 0}
.lead{color:var(--muted);font-size:1.2rem;max-width:44rem}
.btn{display:inline-block;background:var(--accent);color:#fff;padding:.8rem 1.3rem;border-radius:.6rem;font-weight:700;text-decoration:none;border:0;cursor:pointer;font-size:1rem}
.btn.alt{background:transparent;border:2px solid var(--accent)}
.grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr))}
.card{background:var(--card);border-radius:.8rem;padding:1.25rem}
code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em}pre{background:#060912;padding:1rem;border-radius:.6rem;overflow:auto}
form.signup{display:flex;gap:.5rem;flex-wrap:wrap}form.signup input{flex:1 1 16rem;padding:.75rem;border-radius:.5rem;border:1px solid #334;background:#0f1528;color:var(--fg);font-size:1rem}
.price{font-size:2rem;font-weight:800}.muted{color:var(--muted)}
footer{color:var(--muted);border-top:1px solid #1f2740;margin-top:3rem}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}