:root { color-scheme: light dark; }
html, body { margin: 0; padding: 0; }
body {
  margin: 2rem auto;
  max-width: 980px;
  padding: 0 1rem;
  line-height: 1.6;
  font: 16px/1.6 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
main { display: block; }
a { color: inherit; }
section { margin: 2rem 0; }
table { width: 100%; border-collapse: collapse; margin: 1rem 0; }
th, td { border: 1px solid #999; padding: .55rem .65rem; text-align: left; vertical-align: top; }
th { white-space: nowrap; width: 12rem; }
.hero-box { min-height: 55vh; display: grid; align-content: center; text-align: center; }
.eyebrow { margin: 0 0 .5rem; }
.hero-title {
  font-size: clamp(3rem, 10vw, 6rem);
  line-height: 1;
  margin: 0;
  letter-spacing: .04em;
}
.hero-copy { max-width: 44rem; margin: 1rem auto 1.5rem; }
ul { padding-left: 1.25rem; }