:root {
  color-scheme: light dark;
  font-family:
    Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
    sans-serif;
  color: #18241d;
  background: #f3f7f4;
  font-synthesis: none;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  min-width: 320px;
}

main,
footer {
  width: min(100% - 40px, 760px);
  margin-inline: auto;
}

main {
  padding: 72px 0 40px;
}

.hero {
  padding-bottom: 32px;
}

.hero.compact {
  padding-top: 32px;
}

.eyebrow {
  margin: 0 0 12px;
  color: #28724a;
  font-size: 0.78rem;
  font-weight: 750;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

h1,
h2 {
  letter-spacing: -0.035em;
}

h1 {
  max-width: 13ch;
  margin: 0;
  font-size: clamp(2.8rem, 10vw, 5.4rem);
  line-height: 0.96;
}

h2 {
  margin: 0 0 12px;
  font-size: 1.35rem;
}

.lede {
  max-width: 620px;
  margin: 24px 0 0;
  color: #3f5146;
  font-size: clamp(1.15rem, 3vw, 1.4rem);
  line-height: 1.55;
}

section {
  margin: 0 0 20px;
  padding: 24px;
  border: 1px solid #d6e1d9;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 12px 36px rgb(21 54 33 / 7%);
}

p {
  line-height: 1.7;
}

section p:last-child {
  margin-bottom: 0;
}

a {
  color: #17683b;
  text-underline-offset: 0.18em;
}

.button {
  display: inline-block;
  padding: 11px 16px;
  border-radius: 10px;
  color: #fff;
  background: #17683b;
  font-weight: 700;
  text-decoration: none;
}

code {
  overflow-wrap: anywhere;
  font-size: 0.9em;
}

nav {
  margin-bottom: 8px;
}

footer {
  padding: 0 0 48px;
  color: #637168;
  font-size: 0.9rem;
}

@media (max-width: 520px) {
  main,
  footer {
    width: min(100% - 28px, 760px);
  }

  main {
    padding-top: 42px;
  }

  section {
    padding: 20px;
  }
}

@media (prefers-color-scheme: dark) {
  :root {
    color: #edf5ef;
    background: #101713;
  }

  .eyebrow,
  a {
    color: #7adba1;
  }

  .lede,
  footer {
    color: #b9c9bd;
  }

  section {
    border-color: #2e4135;
    background: #18221c;
    box-shadow: none;
  }

  .button {
    color: #102016;
    background: #7adba1;
  }
}