:root {
  color-scheme: light;
  --cream: #faf6eb;
  --navy: #1a2b40;
  --gold: #c7963d;
  --sage: #4e7a67;
  --ink: #27384a;
  --muted: #66717d;
  --card: #ffffff;
}

* { box-sizing: border-box; }
body {
  margin: 0;
  color: var(--ink);
  background: linear-gradient(180deg, var(--cream), #fff 60%);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.65;
}
a { color: var(--sage); }
.shell { width: min(760px, calc(100% - 40px)); margin: 0 auto; }
header { padding: 64px 0 32px; }
.eyebrow { color: var(--gold); font-size: .8rem; font-weight: 800; letter-spacing: .18em; }
h1, h2 { color: var(--navy); line-height: 1.15; }
h1 { margin: 10px 0; font-size: clamp(2.2rem, 7vw, 4rem); }
h2 { margin-top: 2rem; }
.lede { max-width: 640px; color: var(--muted); font-size: 1.12rem; }
main { padding-bottom: 72px; }
.card {
  margin: 18px 0;
  padding: 24px;
  border: 1px solid rgba(26, 43, 64, .08);
  border-radius: 22px;
  background: var(--card);
  box-shadow: 0 14px 36px rgba(26, 43, 64, .07);
}
.button {
  display: inline-block;
  padding: 12px 18px;
  color: #fff;
  background: var(--navy);
  border-radius: 12px;
  font-weight: 700;
  text-decoration: none;
}
footer { padding: 26px 0; border-top: 1px solid rgba(26, 43, 64, .1); color: var(--muted); font-size: .9rem; }
ul { padding-left: 1.25rem; }
:focus-visible { outline: 3px solid var(--gold); outline-offset: 3px; }