:root { --max: 1100px; --pad: 18px; }
* { box-sizing: border-box; }
body {
  margin: 0;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  line-height: 1.5;
}
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }
.container { max-width: var(--max); margin: 0 auto; padding: 0 var(--pad); }
.section { padding: 64px 0; }
.section--alt { background: #f6f7f9; }
h1 { font-size: 42px; line-height: 1.1; margin: 0 0 12px; }
h2 { font-size: 28px; margin: 0 0 18px; }
h3 { font-size: 18px; margin: 0 0 8px; }
p { margin: 0 0 14px; }
small { opacity: .8; }