:root{--navy:#002060;--ink:#0e1629;--muted:#5b6780;--line:#dfe4ee;--bg:#ffffff;--soft:#f3f5f9;--f:"Barlow",system-ui,-apple-system,"Segoe UI",sans-serif;--fd:"Barlow Condensed","Barlow",system-ui,sans-serif}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.55 var(--f)}
a{color:var(--navy)}
.wrap{max-width:960px;margin:0 auto;padding:0 20px}
header.top{border-bottom:1px solid var(--line)}
header.top .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:64px;flex-wrap:wrap}
.brand{font:700 20px var(--fd);letter-spacing:.06em;text-transform:uppercase;color:var(--navy);text-decoration:none}
nav.links{display:flex;gap:18px;font-size:15px}
nav.links a{text-decoration:none;color:var(--muted)}
nav.links a:hover{color:var(--navy)}
.hero{background:var(--navy);color:#fff}
.hero .wrap{padding:72px 20px 64px;display:grid;gap:18px}
.eyebrow{font:600 13px var(--f);letter-spacing:.14em;text-transform:uppercase;opacity:.75}
h1{font:700 clamp(36px,6vw,58px)/1.02 var(--fd);margin:0;letter-spacing:.01em;text-wrap:balance;max-width:16ch}
.hero p{margin:0;max-width:56ch;font-size:19px;opacity:.9}
.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:6px}
.btn{display:inline-block;padding:12px 18px;border-radius:8px;font-weight:700;text-decoration:none;border:2px solid #fff}
.btn.solid{background:#fff;color:var(--navy)}
.btn.line{color:#fff}
section{padding:56px 0;border-bottom:1px solid var(--line)}
h2{font:700 28px var(--fd);text-transform:uppercase;letter-spacing:.04em;margin:0 0 18px;color:var(--navy)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.card{background:var(--soft);border-radius:12px;padding:20px}
.card h3{margin:0 0 6px;font-size:18px}
.card p{margin:0;color:var(--muted);font-size:16px}
.contact{display:grid;gap:6px;font-size:18px}
.contact b{font-weight:700}
footer{padding:28px 0 40px;color:var(--muted);font-size:14px}
footer .wrap{display:grid;gap:8px}
.doc{padding:48px 0 64px}
.doc h1{color:var(--navy);font-size:44px;max-width:none;margin-bottom:6px}
.doc h2{font-size:22px;margin:32px 0 8px}
.doc p,.doc li{max-width:70ch}
.updated{color:var(--muted);font-size:15px;margin-top:0}
@media (max-width:560px){.hero .wrap{padding:52px 20px 48px}nav.links{gap:14px}}