:root {
  color-scheme: dark;
  font-family:
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
  color: #e9e7ee;
  background: #12121a;
  line-height: 1.85;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
}

main {
  width: min(100% - 2.5rem, 46rem);
  margin: 0 auto;
  padding: clamp(3rem, 9vw, 7rem) 0;
}

.eyebrow {
  color: #b4afc5;
  font-size: 0.85rem;
  letter-spacing: 0.06em;
}

h1 {
  font-size: clamp(1.8rem, 5vw, 3rem);
  line-height: 1.35;
  letter-spacing: -0.025em;
  overflow-wrap: anywhere;
}

.lead {
  color: #cbc6dc;
  font-size: 1.1rem;
}

a {
  color: #c1b2ff;
  text-underline-offset: 0.2em;
  overflow-wrap: anywhere;
}

a:hover {
  color: #e1d9ff;
}

a:focus-visible {
  outline: 2px solid #e1d9ff;
  outline-offset: 4px;
}

footer {
  margin-top: 4rem;
  padding-top: 1rem;
  border-top: 1px solid #373342;
  color: #b4afc5;
  font-size: 0.85rem;
}