:root { --ink: #3b2a1e; --bg: #f4ead8; --accent: #c4572f; --muted: #8a7a6a; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--ink); font: 17px/1.6 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
main { max-width: 680px; margin: 0 auto; padding: 32px 16px 64px; }
h1 { color: var(--accent); line-height: 1.2; }
h2 { margin-top: 2em; font-size: 1.15em; }
a { color: var(--accent); }
.updated, .back { opacity: .75; }
.hero { text-align: center; }
.hero img { border-radius: 22px; }
.hero h1 { margin: .3em 0 0; font-size: 2.4em; }
.tagline { margin-top: .2em; font-size: 1.1em; }
.feature { width: 100%; height: auto; border-radius: 14px; margin: 16px 0; }
.soon { font-weight: 600; }
footer { margin-top: 48px; color: var(--muted); font-size: .95em; text-align: center; }