:root {
  --mch-padding: 4rem 1.5rem;
  --mch-min-height: 400px;
  --mch-bg-color: #ffffff;
  --mch-text-color: #4b5563;
  --mch-headline-color: #111827;
  --mch-cta-bg: #111827;
  --mch-cta-hover-bg: #374151;
  --mch-cta-text-color: #ffffff;
  --mch-content-max: 650px;
}

body {
  margin: 0;
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
}

/* Scoped exclusively to the first <section> inside <main> */
main > section:first-of-type {
  min-height: var(--mch-min-height);
  padding: var(--mch-padding);
  background-color: var(--mch-bg-color);

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

/* Constrain *all* content */
main > section:first-of-type h1,
main > section:first-of-type p,
main > section:first-of-type a {
  max-width: var(--mch-content-max);
  margin-left: auto;
  margin-right: auto;
}

main > section:first-of-type h1 {
  color: var(--mch-headline-color);
  margin: 0 0 1rem;
  font-size: clamp(2.5rem, 5vw, 4rem);
  font-weight: 800;
  line-height: 1.2;
}

main > section:first-of-type p {
  color: var(--mch-text-color);
  line-height: 1.6;
  font-size: 1.15rem;
  margin: 0 0 2.5rem;
}

main > section:first-of-type a {
  display: inline-block;
  background-color: var(--mch-cta-bg);
  color: var(--mch-cta-text-color);
  padding: 1rem 2.5rem;
  border-radius: 8px;
  font-size: 1.05rem;
  font-weight: 600;
  text-decoration: none;
  transition: background-color 0.3s ease;
}

main > section:first-of-type a:hover {
  background-color: var(--mch-cta-hover-bg);
}