:root { color-scheme: light dark; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
* { box-sizing: border-box; }
body { margin: 0; background: #f7f7fb; color: #17171c; line-height: 1.6; }
main { width: min(760px, calc(100% - 40px)); margin: 0 auto; padding: 64px 0 88px; }
h1 { font-size: clamp(2rem, 7vw, 3.25rem); line-height: 1.05; margin: 0 0 12px; }
h2 { font-size: 1.25rem; margin: 38px 0 8px; }
p, li { color: #4f4f5b; }
a { color: #4664ed; }
.eyebrow { color: #4664ed; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.card { background: #fff; border: 1px solid #e3e3ec; border-radius: 20px; padding: 24px; margin-top: 28px; }
.meta { color: #777783; font-size: .9rem; }
nav { display: flex; gap: 18px; margin-top: 32px; }
@media (prefers-color-scheme: dark) {
  body { background: #0d0d10; color: #f5f5f7; }
  p, li, .meta { color: #aaaab5; }
  .card { background: #19191f; border-color: #303038; }
  a { color: #8297ff; }
}