:root { --bg:#fbf6ef; --ink:#33261f; --accent:#c76138; --muted:#7a6a5e; }
@media (prefers-color-scheme: dark) { :root { --bg:#171412; --ink:#f5efe7; --muted:#ad9e90; --accent:#e58a5c; } }
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--ink); font: 17px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
main { max-width: 720px; margin: 0 auto; padding: 24px 16px 60px; }
h1, h2 { font-family: "New York", Georgia, serif; }
h2 { margin-top: 2em; }
a { color: var(--accent); }
.muted { color: var(--muted); font-size: 14px; }
.hero { text-align:center; padding: 64px 16px 48px; color:#fff; background: linear-gradient(160deg, #db7840, #5c3324); }
.hero h1 { font-size: 48px; margin: 8px 0; }
.hero p { max-width: 560px; margin: 12px auto; }
.hero img { width: 96px; height: 96px; border-radius: 22px; box-shadow: 0 8px 24px rgba(0,0,0,.25); }
ul.features li { margin: .5em 0; }