:root { color-scheme: dark; }
body {
  margin: 0;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  background: radial-gradient(circle at top, #1d3557, #0b1020 60%);
  color: #f5f7fb;
}
.wrap {
  max-width: 780px;
  margin: 0 auto;
  padding: 6rem 1.5rem;
}
.eyebrow {
  text-transform: uppercase;
  letter-spacing: .18em;
  color: #8ecae6;
  font-size: .85rem;
}
h1 {
  font-size: clamp(2.5rem, 6vw, 4.5rem);
  line-height: 1.05;
  margin: .4rem 0 1rem;
}
.lede {
  font-size: 1.2rem;
  line-height: 1.7;
  color: #d7e3f4;
}
code {
  background: rgba(255,255,255,.08);
  padding: .15rem .35rem;
  border-radius: .35rem;
}
ul { line-height: 1.9; }