html {
  background: #0b0f14;
  color: #f4f4f5;
  color-scheme: dark;
  font: 16px/1.75 system-ui, sans-serif;
}

* { box-sizing: border-box; }
body { max-width: 52rem; margin: 0 auto; padding: 32px 24px; }
a { color: inherit; text-underline-offset: 4px; }
a:hover { color: #cbd5e1; }
a:focus-visible { outline: 2px solid #93c5fd; outline-offset: 4px; }
header { margin-bottom: 48px; }
h1 { margin: 0 0 40px; font-size: clamp(2rem, 5vw, 3rem); line-height: 1.15; }
h2 { margin: 0 0 12px; font-size: 1.35rem; line-height: 1.4; }
section { margin-bottom: 32px; }
p, ul { margin: 0 0 16px; color: #d1d5db; }
ul { padding-left: 24px; }
li + li { margin-top: 8px; }
address { font-style: normal; color: #d1d5db; }
footer {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 32px;
  padding: 24px 0;
  border-top: 1px solid #46515e;
}

@media (max-width: 640px) {
  body { padding: 24px 16px; }
  header { margin-bottom: 32px; }
}