:root { --canvas:#F7F7F8; --text:#14151A; --muted:#6B6F76; --accent:#5B4BDB; --accent-lit:#7C6FE6; --stroke:#E4E4E8; --surface:#FFFFFF; }
@media (prefers-color-scheme: dark) {
  :root { --canvas:#101114; --text:#F2F3F5; --muted:#9BA0A8; --accent:#8B7FF0; --accent-lit:#A79EF5; --stroke:#2A2C34; --surface:#1A1B21; }
}
* { box-sizing: border-box; }
body { margin:0; background:var(--canvas); color:var(--text); font:16px/1.55 -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif; -webkit-text-size-adjust:100%; }
.home { max-width:720px; margin:0 auto; padding:72px 16px 64px; }
.app { color:var(--muted); font-size:15px; font-weight:500; margin:0 0 10px; }
.hero { font:800 clamp(44px, 9vw, 72px)/1.02 ui-rounded, "SF Pro Rounded", -apple-system, system-ui, sans-serif; letter-spacing:-.02em; margin:0 0 18px;
  background:linear-gradient(135deg, var(--text) 35%, var(--accent)); -webkit-background-clip:text; background-clip:text; color:transparent; }
.lede { font-size:19px; color:var(--muted); max-width:34em; margin:0 0 40px; }
.points { display:grid; gap:14px; grid-template-columns:repeat(auto-fit, minmax(210px, 1fr)); margin:0 0 36px; }
.points div { background:var(--surface); border:1px solid var(--stroke); border-radius:18px; padding:18px; }
.points h2 { font-size:16px; margin:0 0 6px; }
.points p { font-size:14.5px; color:var(--muted); margin:0; }
.soon { font-weight:600; margin:0 0 40px; }
.links { font-size:14px; color:var(--muted); }
a { color:var(--accent); }