:root { --navy:#102a43; --blue:#176b87; --teal:#2b8a8a; --ink:#172b3a; --muted:#587084; --line:#dce6eb; --mist:#f3f8f9; --white:#fff; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--white); font:400 16px/1.65 Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
a { color:#075e78; text-underline-offset:3px; }
a:hover { color:#03475d; }
.shell { max-width:1120px; margin:auto; padding:0 28px; }
header { border-top:5px solid var(--teal); border-bottom:1px solid var(--line); background:#fff; }
.header-inner { min-height:86px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.brand { color:var(--navy); text-decoration:none; font-weight:750; letter-spacing:-.02em; line-height:1.1; }
.brand small { display:block; margin-top:5px; color:var(--muted); font-size:.78rem; font-weight:600; letter-spacing:.02em; }
nav { display:flex; gap:22px; font-size:.94rem; font-weight:650; }
nav a { color:var(--navy); text-decoration:none; }
nav a[aria-current="page"] { color:var(--blue); border-bottom:2px solid var(--teal); padding-bottom:3px; }
main { min-height:calc(100vh - 184px); }
.hero { padding:86px 0 104px; background:linear-gradient(125deg,#f7fbfc 0%,#eef7f7 100%); border-bottom:1px solid var(--line); }
.eyebrow { color:#176b87; text-transform:uppercase; letter-spacing:.12em; font-size:.78rem; font-weight:800; margin:0 0 18px; }
h1 { max-width:740px; margin:0; color:var(--navy); font:700 clamp(2.55rem,6vw,4.7rem)/1.03 Georgia, "Times New Roman", serif; letter-spacing:-.035em; }
.org { margin:23px 0 0; color:var(--blue); font-size:1.08rem; font-weight:750; }
.intro { max-width:720px; margin:39px 0 0; font-size:1.12rem; line-height:1.75; }
.intro p { margin:0 0 20px; }
.links { display:flex; flex-wrap:wrap; gap:12px; margin-top:34px; }
.button { display:inline-flex; align-items:center; min-height:46px; padding:0 20px; border:1px solid #0c637d; border-radius:3px; background:#0c637d; color:#fff; font-weight:720; text-decoration:none; }
.button.secondary { background:#fff; color:#075e78; }
.legal { max-width:820px; padding:64px 0 86px; }
.legal h1 { font-size:clamp(2.15rem,5vw,3.45rem); }
.effective { margin:16px 0 35px; color:var(--muted); font-weight:650; }
.legal h2 { margin:44px 0 12px; color:var(--navy); font:700 1.45rem/1.25 Georgia, "Times New Roman", serif; }
.legal p { margin:0 0 18px; }
.legal ul { margin:0 0 19px; padding-left:25px; }
.legal li { margin:7px 0; }
footer { border-top:1px solid var(--line); background:var(--mist); }
.footer-inner { min-height:98px; display:flex; align-items:center; justify-content:space-between; gap:20px; color:#486273; font-size:.9rem; }
.footer-links { display:flex; gap:18px; }
@media (max-width:620px) { .shell { padding:0 20px; } .header-inner { padding:18px 0; align-items:flex-start; flex-direction:column; } .hero { padding:60px 0 72px; } .legal { padding:44px 0 64px; } .footer-inner { padding:22px 0; align-items:flex-start; flex-direction:column; } }