:root {
  color-scheme: dark;
  --night: #07111f;
  --void: #050b12;
  --bone: #f7f4ec;
  --muted: #b8c5cf;
  --mint: #73e3b8;
  --gold: #e6c36b;
}
* { box-sizing: border-box; }
html { background: var(--void); }
body {
  margin: 0;
  color: var(--bone);
  background: radial-gradient(circle at 85% 5%,#12362f,transparent 32rem),var(--void);
  font-family: "DM Sans",Arial,Helvetica,sans-serif;
  line-height: 1.65;
}
header,footer,main { width: min(100% - 2.5rem,62rem); margin-inline: auto; }
header { display:flex; align-items:center; justify-content:space-between; gap:1.5rem; padding:2rem 0; border-bottom:1px solid #e6c36b44; }
.brand { font:850 1.7rem Manrope,sans-serif; letter-spacing:.1em; text-decoration:none; }
nav { display:flex; flex-wrap:wrap; gap:1.2rem; }
nav a,footer a { color:var(--gold); font-weight:700; text-underline-offset:.25em; }
nav a[aria-current=page] { color:var(--mint); }
main { padding:clamp(3rem,8vw,6rem) 0; }
h1,h2 { font-family:Manrope,sans-serif; letter-spacing:-.025em; }
h1 { max-width:12ch; margin:.2rem 0 1.5rem; font-size:clamp(3rem,8vw,6rem); line-height:.95; text-transform:uppercase; }
h2 { margin:0 0 .4rem; color:var(--mint); font-size:1.45rem; }
.eyebrow,.effective { color:var(--gold); font-family:ui-monospace,monospace; font-size:.78rem; font-weight:800; letter-spacing:.18em; text-transform:uppercase; }
.lede { max-width:48rem; color:var(--muted); font-size:clamp(1.15rem,2.5vw,1.45rem); }
section { margin-top:2rem; padding:1.5rem; border:1px solid #e6c36b38; background:#07111fcc; }
section p { margin:0; color:var(--muted); }
section a { color:var(--mint); }
.effective { margin-top:3rem; }
footer { padding:1.5rem 0 2.5rem; border-top:1px solid #e6c36b44; }
a:focus-visible { outline:3px solid var(--mint); outline-offset:4px; }
@media(max-width:640px) { header { align-items:flex-start; flex-direction:column; } nav { gap:.85rem; } section { padding:1.15rem; } }
@media(prefers-reduced-motion:reduce) { * { scroll-behavior:auto!important; } }