:root { color-scheme: light dark; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
body { margin: 0; background: #f4f6f8; color: #17202a; line-height: 1.6; }
.wrap { max-width: 760px; margin: 0 auto; padding: 8vh 24px 48px; }
.eyebrow { color: #607d8b; text-transform: uppercase; letter-spacing: .12em; font-size: .78rem; font-weight: 700; }
h1 { font-size: clamp(2.2rem, 6vw, 4rem); line-height: 1.1; margin: 0 0 12px; }
h2 { margin-top: 0; font-size: 1.25rem; }
.lead { font-size: 1.25rem; color: #52616b; margin-bottom: 32px; }
.card { background: white; border: 1px solid #dfe5e9; border-radius: 16px; padding: 24px; margin: 18px 0; box-shadow: 0 8px 24px rgba(23,32,42,.05); }
.muted { color: #607d8b; }
a { color: #1769aa; }
.footer { margin-top: 28px; }
@media (prefers-color-scheme: dark) {
  body { background: #11161a; color: #edf2f4; }
  .lead, .muted { color: #b2c0c7; }
  .card { background: #1b2328; border-color: #334149; box-shadow: none; }
  a { color: #8cc8ff; }
}