/* Accent is the app's info blue, darkened one step in light mode: #0071ed
   measures 4.21:1 on the card background — below WCAG AA. #0066cc holds the
   hue at 5.11:1 (card) / 5.57:1 (white). Dark accent matches the app exactly
   (#64b5ff: 7.77:1 on card). Measured, not assumed — 2026-08-04. */
:root { --bg:#ffffff; --fg:#1d1d1f; --muted:#6e6e73; --accent:#0066cc; --card:#f5f5f7; }
@media (prefers-color-scheme: dark) {
  :root { --bg:#000000; --fg:#f5f5f7; --muted:#a1a1a6; --accent:#64b5ff; --card:#1c1c1e; }
}
* { margin:0; padding:0; box-sizing:border-box; }
body { background:var(--bg); color:var(--fg);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  line-height:1.6; -webkit-font-smoothing:antialiased; }
.wrap { max-width:640px; margin:0 auto; padding:4rem 1.5rem 2rem; }
.hero { text-align:center; padding-top:3rem; }
h1 { font-size:3rem; letter-spacing:-0.02em; }
h2 { font-size:1.4rem; margin:2.5rem 0 0.75rem; }
.tagline { font-size:1.35rem; color:var(--muted); margin:0.75rem 0 1.5rem; }
p { margin:0.75rem 0; }
/* Links stay underlined: color alone fails WCAG 1.4.1 (Lighthouse
   link-in-text-block) — the same use-of-color rule the app itself follows. */
a { color:var(--accent); text-decoration:underline; text-underline-offset:2px; }
.badge { display:inline-block; margin:2rem 0 0.5rem; }
.badge img { height:54px; width:auto; }
.badge[aria-disabled="true"] { opacity:0.45; pointer-events:none; }
.badge-caption { color:var(--muted); font-size:0.9rem; }
.support-line { background:var(--card); border-radius:12px; padding:1rem 1.25rem; margin:1.5rem 0; }
.faq dt { font-weight:600; margin-top:1.25rem; }
.faq dd { color:var(--muted); margin-top:0.25rem; }
ul { padding-left:1.25rem; }
footer { margin-top:4rem; padding-top:1.5rem; border-top:1px solid var(--card);
  color:var(--muted); font-size:0.9rem; text-align:center; }