@font-face{font-family:"Geist";src:url("/landing/Geist-Variable.woff2") format("woff2");font-weight:100 900;font-display:swap}
:root{--bg:#0c0e11;--surface:#14171c;--line:#262b33;--ink:#f3f4f6;--ink-2:#c3c8d0;--muted:#8b929c;--accent:#f5b83d;
  --sans:"Geist",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);line-height:1.55}
.top,.foot,main{max-width:1040px;margin:0 auto;padding:20px 24px}
.top{display:flex;justify-content:space-between;align-items:center}
.brand{font-weight:700;letter-spacing:-.01em}
.hero{padding:56px 0 40px}
.tag{display:inline-block;margin:0 0 16px;padding:4px 12px;border:1px solid var(--line);border-radius:999px;color:var(--accent);font-size:.85rem}
h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.1;letter-spacing:-.03em;margin:0 0 16px;max-width:16ch}
.lead{color:var(--ink-2);font-size:1.15rem;max-width:60ch;margin:0 0 28px}
.btn{display:inline-block;padding:12px 22px;border-radius:999px;background:var(--accent);color:#111;font-weight:600;text-decoration:none}
.btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--line);padding:8px 16px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.grid article{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:20px}
.grid h2{font-size:1.05rem;margin:0 0 8px}
.grid p,.note,.foot{color:var(--muted)}
.note{font-size:.9rem;margin-top:32px;max-width:70ch}
.foot{font-size:.85rem;border-top:1px solid var(--line)}