:root{--accent:#4f46e5;--bg:#ffffff;--fg:#0f172a;--muted:#64748b;--card:#f8fafc;--border:#e2e8f0}
@media(prefers-color-scheme:dark){:root{--bg:#0b1120;--fg:#e2e8f0;--muted:#94a3b8;--card:#111a2e;--border:#1e293b}}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--fg);line-height:1.6}
a{color:var(--accent)}
.wrap{max-width:960px;margin:0 auto;padding:0 20px}
header.hero{padding:96px 0 64px;text-align:center}
header.hero h1{font-size:clamp(2rem,6vw,3.5rem);margin:0 0 12px}
header.hero p.tagline{font-size:1.25rem;color:var(--muted);margin:0 auto;max-width:40ch}
.store-badges{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:28px}
.store-badge{display:inline-flex;flex-direction:column;align-items:flex-start;text-decoration:none;background:var(--fg);color:var(--bg);border-radius:10px;padding:8px 18px;line-height:1.2}
.store-badge-sub{font-size:.7rem;opacity:.8}
.store-badge-name{font-size:1.05rem;font-weight:600}
.features{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));padding:32px 0 64px}
.feature{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:24px}
.feature .icon{font-size:1.75rem}
.feature h3{margin:12px 0 6px}
.feature p{margin:0;color:var(--muted)}
footer{border-top:1px solid var(--border);padding:32px 0;text-align:center;color:var(--muted)}
footer nav a{margin:0 10px}
main.legal{padding:64px 0;max-width:720px}
main.legal h1{margin-top:0}
main.legal .meta{color:var(--muted);font-size:.9rem;margin-bottom:32px}
main.legal p{margin:0 0 16px}