:root { --bg: #FFF8EE; --card: #FFFFFF; --text: #3B2A1E; --muted: #7A6A5C; --accent: #6B3F1D; --link: #C2571A; }
@media (prefers-color-scheme: dark) {
  :root { --bg: #1E1712; --card: #2A211A; --text: #F3E9DD; --muted: #BBA996; --accent: #F0C49B; --link: #F29B5C; }
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--text); font: 17px/1.6 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
main { max-width: 720px; margin: 0 auto; padding: 32px 16px 48px; }
.logo { height: 72px; width: auto; }
.logo.big { height: 160px; display: block; margin: 24px auto; }
h1 { color: var(--accent); line-height: 1.2; margin: 16px 0 8px; }
h2 { color: var(--accent); margin-top: 32px; }
h3 { margin: 20px 0 4px; font-size: 1.05em; }
a { color: var(--link); }
.muted { color: var(--muted); }
.home { text-align: center; }
.lead { font-size: 1.25em; }
.features { text-align: left; display: inline-block; background: var(--card); border-radius: 16px; padding: 20px 28px 20px 40px; }
footer { margin-top: 48px; color: var(--muted); font-size: 0.9em; }

.cta { display: inline-block; margin: 24px 0 8px; padding: 14px 32px; border-radius: 14px; background: #B4520A; color: #fff; font-weight: 600; text-decoration: none; box-shadow: 0 6px 16px rgba(94,43,8,.22); }
.cta:hover { background: #8C3F09; }