:root{
  --navy:#10233f;
  --blue:#1e5f8f;
  --teal:#0f7b78;
  --ink:#1c2734;
  --muted:#627080;
  --line:#dfe6ec;
  --soft:#f6f9fb;
  --white:#fff;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  color:var(--ink);
  background:var(--white);
  line-height:1.58;
}
a{color:var(--blue);text-decoration:none}
a:hover{text-decoration:underline}
header{
  border-bottom:1px solid var(--line);
  background:rgba(255,255,255,.98);
  position:sticky;
  top:0;
  z-index:10;
}
.wrap{max-width:1120px;margin:0 auto;padding:0 24px}
.nav{display:flex;align-items:center;justify-content:space-between;min-height:72px;gap:24px}
.brand{font-weight:800;color:var(--navy);letter-spacing:-.02em}
nav{display:flex;gap:20px;flex-wrap:wrap}
nav a{font-size:14px;color:var(--ink)}
.hero{padding:82px 0 64px;background:linear-gradient(180deg,#f7fbfd 0%,#fff 100%)}
.eyebrow{font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--teal)}
h1{font-size:52px;line-height:1.06;letter-spacing:-.04em;margin:16px 0 20px;color:var(--navy);max-width:900px}
h2{font-size:34px;line-height:1.16;letter-spacing:-.025em;color:var(--navy);margin-top:0}
h3{color:var(--navy);margin-top:0}
.lead{font-size:20px;color:var(--muted);max-width:850px}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.btn{display:inline-block;padding:12px 18px;border-radius:9px;border:1px solid var(--navy);font-weight:700}
.btn.primary{background:var(--navy);color:#fff}
.btn.secondary{color:var(--navy);background:#fff}
.notice{margin-top:28px;padding:16px 18px;border-left:4px solid var(--teal);background:#eef8f7;color:#2e4c51}
section{padding:62px 0}
section.alt{background:var(--soft)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{border:1px solid var(--line);border-radius:14px;padding:24px;background:#fff}
.card p:last-child{margin-bottom:0}
.kicker{font-size:13px;font-weight:800;color:var(--teal);text-transform:uppercase;letter-spacing:.06em}
.list{padding-left:20px}
.list li{margin:8px 0}
.callout{padding:26px;border:1px solid #b9d8d5;background:#f2fbfa;border-radius:14px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.small{font-size:14px;color:var(--muted)}
footer{border-top:1px solid var(--line);padding:36px 0;color:var(--muted);font-size:14px}
.footer-grid{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}
table{width:100%;border-collapse:collapse}
th,td{text-align:left;border-bottom:1px solid var(--line);padding:12px;vertical-align:top}
th{color:var(--navy)}
code{background:#eef2f5;padding:2px 5px;border-radius:4px}
.badge{display:inline-block;padding:5px 9px;border:1px solid var(--line);border-radius:999px;font-size:12px;color:var(--muted);background:#fff}
@media (max-width:800px){
  h1{font-size:39px}
  .grid,.two{grid-template-columns:1fr}
  .nav{align-items:flex-start;padding:18px 0;flex-direction:column}
  header{position:static}
}