:root {
  --max-width: 980px;
  --border: #e5e7eb;
  --text: #1f2937;
  --muted: #6b7280;
  --bg: #ffffff;
  --soft: #f9fafb;
}
* { box-sizing: border-box; }
body { margin: 0; font-family: Arial, Helvetica, sans-serif; line-height: 1.6; color: var(--text); background: var(--bg); }
header { background: var(--soft); border-bottom: 1px solid var(--border); }
.container { max-width: var(--max-width); margin: 0 auto; padding: 28px 20px; }
.hero { padding: 48px 20px; }
h1, h2, h3 { line-height: 1.25; }
h1 { font-size: 2.2rem; margin: 0 0 12px; }
h2 { font-size: 1.55rem; margin-top: 36px; }
p { font-size: 1.05rem; }
.lead { font-size: 1.2rem; color: var(--muted); }
nav a, .button { display: inline-block; margin: 8px 10px 8px 0; padding: 10px 16px; border: 1px solid var(--border); border-radius: 8px; text-decoration: none; color: var(--text); background: #fff; }
.button.primary { background: #1f2937; color: #fff; }
footer { border-top: 1px solid var(--border); background: var(--soft); margin-top: 40px; }
.small { font-size: 0.95rem; color: var(--muted); }