:root{
  --navy:#103966;--navy-deep:#0a2342;--ink:#0f2544;--body:#48566e;
  --blue:#1e40af;--blue-2:#2563eb;--line-d:rgba(255,255,255,.14);--card-d:rgba(255,255,255,.07);
  --line-l:#e4e9f1;--radius:8px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
@font-face{font-family:'Azo Sans';font-style:normal;font-weight:100;font-display:swap;src:url('/fonts/AzoSans-Thin.woff2') format('woff2');}
@font-face{font-family:'Azo Sans';font-style:normal;font-weight:300;font-display:swap;src:url('/fonts/AzoSans-Light.woff2') format('woff2');}
@font-face{font-family:'Azo Sans';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/AzoSans-Regular.woff2') format('woff2');}
@font-face{font-family:'Azo Sans';font-style:normal;font-weight:500;font-display:swap;src:url('/fonts/AzoSans-Medium.woff2') format('woff2');}
@font-face{font-family:'Azo Sans';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/AzoSans-Bold.woff2') format('woff2');}
@font-face{font-family:'Azo Sans';font-style:normal;font-weight:900;font-display:swap;src:url('/fonts/AzoSans-Black.woff2') format('woff2');}
@font-face{font-family:'Azo Sans';font-style:italic;font-weight:400;font-display:swap;src:url('/fonts/AzoSans-Italic.woff2') format('woff2');}
@font-face{font-family:'Azo Sans';font-style:italic;font-weight:700;font-display:swap;src:url('/fonts/AzoSans-BoldItalic.woff2') format('woff2');}
body{font-family:'Azo Sans',system-ui,sans-serif;color:var(--ink);background:#fff;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.wrap{max-width:900px;margin:0 auto;padding:0 22px}

/* Section bands */
.band{padding:56px 0}
.band-navy{background:linear-gradient(160deg,#103966 0%,#0d2d52 48%,#0a2342 100%);color:#fff}
.band-white{background:#ffffff;color:var(--ink)}
.band-alt{background:linear-gradient(180deg,#f7f9fc 0%,#eef2f8 100%);color:var(--ink)}

h1{font-size:40px;font-weight:800;line-height:1.12;letter-spacing:-.02em;margin-bottom:16px}
h1 .accent{background:linear-gradient(90deg,#93c5fd,#fff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
h2{font-size:26px;font-weight:800;letter-spacing:-.01em;margin:22px 0 12px}
h3{font-size:19px;font-weight:700;margin:16px 0 6px}
.band-navy p{color:#dbe6f5}
.band-white p,.band-alt p{color:var(--body)}
p{margin-bottom:14px;font-size:17px}

/* eyebrow: plain label, not a pill */
.eyebrow{display:block;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#9fc0e8;margin-bottom:16px}
.band-white .eyebrow,.band-alt .eyebrow{color:#5f78a6}

/* buttons: squared */
.btn{display:inline-block;font-weight:700;font-size:16px;padding:13px 28px;border-radius:var(--radius);transition:transform .15s ease}
.btn:hover{transform:translateY(-2px)}
.btn-light{background:#fff;color:var(--navy);box-shadow:0 8px 22px rgba(9,30,60,.22)}
.btn-navy{background:var(--navy);color:#fff;box-shadow:0 8px 22px rgba(9,30,60,.22)}
.btn-navy:hover{background:#0c2f57}

.lede{font-size:19px;max-width:700px;margin:0 auto 24px}
.band-navy .lede{color:#e6edf7}
header.ph{padding:56px 0 30px;text-align:center}
.section-head{text-align:center;max-width:660px;margin:0 auto 30px}

/* hero stat cards (glassmorphic, navy) */
.stats{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin:28px 0 6px}
.stat{background:var(--card-d);border:1px solid var(--line-d);border-radius:8px;padding:16px 20px;min-width:150px;text-align:center;backdrop-filter:blur(8px)}
.stat .n{font-size:24px;font-weight:800;color:#fff}
.stat .l{font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:#c3d3e8;margin-top:4px}
.disc-note{font-size:12px;color:#9fb6d4;text-align:center;max-width:720px;margin:10px auto 0}
.band-white .disc-note,.band-alt .disc-note{color:#7387a6}

/* body content on light */
ul.check{list-style:none;margin:10px 0 18px}
ul.check li{padding:8px 0 8px 30px;position:relative;color:#33415c}
ul.check li::before{content:"\2713";position:absolute;left:0;color:var(--blue-2);font-weight:700}
.card{background:#fff;border:1px solid var(--line-l);border-radius:8px;padding:24px;margin:16px 0;box-shadow:0 8px 26px rgba(15,37,68,.06)}
table.cmp{width:100%;border-collapse:collapse;margin:16px 0;font-size:15px}
table.cmp th,table.cmp td{border:1px solid var(--line-l);padding:10px 12px;text-align:left;color:#33415c}
table.cmp th{background:#eef2f8;font-weight:700;color:var(--ink)}

/* FAQ (light) */
.faq{max-width:820px;margin:0 auto}
.faq details{background:#fff;border:1px solid var(--line-l);border-radius:10px;padding:0 20px;margin-bottom:10px;box-shadow:0 4px 16px rgba(15,37,68,.04)}
.faq summary{cursor:pointer;list-style:none;padding:16px 0;font-weight:700;font-size:17px;color:var(--ink);display:flex;justify-content:space-between;gap:14px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--blue-2);font-size:22px}
.faq details[open] summary::after{content:"\2013"}
.faq details p{padding:0 0 16px;color:var(--body)}

/* chips */
.related,.chips{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:16px 0}
.related a,.chip{background:#fff;border:1px solid var(--line-l);border-radius:var(--radius);padding:11px 16px;font-size:14px;font-weight:600;color:var(--navy);box-shadow:0 2px 8px rgba(15,37,68,.05);transition:border-color .15s,transform .15s}
.related a:hover,.chip:hover{border-color:var(--blue-2);transform:translateY(-1px)}

/* CTA band (navy strip) */
.cta-band{text-align:center}
.cta-band h2{margin-top:0;color:#fff}
.cta-band p{color:#dbe6f5}

/* footer (navy) */
footer{padding:40px 0 56px}
footer .eho{font-weight:700;color:#fff}
footer p{font-size:13px;margin-bottom:10px;color:#b9c9e0}
footer a{color:#cfe0f5;font-weight:600}
.foot-links{display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:center;margin:16px 0}

/* nav */
nav.top{border-bottom:1px solid var(--line-d);background:rgba(10,35,66,.72);backdrop-filter:blur(8px);position:sticky;top:0;z-index:30}
nav.top .row{max-width:1080px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 22px;flex-wrap:wrap}
nav.top .brand{font-weight:800;font-size:16px;color:#fff}
nav.top .links{display:flex;gap:20px;flex-wrap:wrap;font-size:14px;font-weight:600}
nav.top .links a{color:#cfe0f5}
nav.top .nav-cta{background:#fff;color:var(--navy);padding:9px 16px;border-radius:var(--radius);font-weight:700;font-size:14px}
nav.top .nav-toggle{display:none;background:none;border:0;color:#fff;font-size:22px;line-height:1;cursor:pointer;padding:4px 8px}

@media(max-width:720px){
  h1{font-size:30px}h2{font-size:22px}table.cmp{font-size:13px}.band{padding:44px 0}
  nav.top .row{display:grid;grid-template-columns:1fr auto 1fr;grid-template-areas:"brand cta toggle" "links links links";gap:6px 8px;padding:10px 14px}
  nav.top .brand{grid-area:brand;justify-self:start;min-width:0;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  nav.top .brand span{display:none}
  nav.top .nav-cta{grid-area:cta;justify-self:center;margin:0;padding:7px 12px;font-size:12px;white-space:nowrap}
  nav.top .nav-toggle{display:inline-flex;grid-area:toggle;justify-self:end;padding:4px 2px}
  nav.top .links{grid-area:links;display:none;flex-direction:column;gap:0;margin-top:4px}
  nav.top.open .links{display:flex}
  nav.top .links a{padding:12px 2px;border-top:1px solid var(--line-d)}
}