:root { --navy:#071d4d; --teal:#087f78; --ink:#102044; --muted:#526078; --line:#d8e3ea; --soft:#f3f9fa; --sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; }
* { box-sizing:border-box; }
body { margin:0; background:#fff; color:var(--ink); font-family:var(--sans); line-height:1.55; -webkit-font-smoothing:antialiased; }
a { color:inherit; }
.wrap { width:min(900px,calc(100% - 40px)); margin:0 auto; }
header { border-bottom:1px solid var(--line); }
.header-inner { min-height:72px; display:flex; align-items:center; justify-content:space-between; gap:22px; }
.brand-lockup { display:inline-flex; align-items:center; gap:10px; color:var(--navy); text-decoration:none; white-space:nowrap; }
.brand-tile { width:38px; height:38px; border-radius:11px; display:grid; place-items:center; flex:none; background:var(--navy); }
.brand-tile svg { width:23px; height:20px; display:block; }
.brand-copy { display:flex; flex-direction:column; line-height:1.05; }
.brand-name { font-size:1.22rem; font-weight:850; letter-spacing:-.025em; }
.brand-name .k { color:var(--teal); }
.brand-name sup { font-size:.42em; margin-left:.12em; vertical-align:super; }
.brand-descriptor { margin-top:5px; color:var(--muted); font-size:.64rem; font-weight:750; letter-spacing:.12em; }
nav { display:flex; align-items:center; gap:22px; }
nav a { color:var(--navy); font-size:.9rem; font-weight:750; text-decoration:none; }
nav .cta { padding:9px 15px; border-radius:8px; background:var(--teal); color:var(--on-interactive); }
:focus-visible { outline:3px solid #1bb5aa; outline-offset:4px; border-radius:4px; }
main { padding:54px 0 64px; }
.eyebrow { margin:0 0 8px; color:var(--teal); font-size:.8rem; font-weight:850; letter-spacing:.11em; text-transform:uppercase; }
h1 { margin:0 0 12px; color:var(--navy); font-size:clamp(2.4rem,6vw,4rem); line-height:1.04; letter-spacing:-.052em; }
.lede { max-width:650px; margin:0 0 34px; color:var(--muted); font-size:1.1rem; }
.faq { border-top:1px solid var(--line); }
details { padding:20px 2px; border-bottom:1px solid var(--line); }
summary { cursor:pointer; color:var(--navy); font-size:1.05rem; font-weight:800; }
details p { max-width:760px; margin:12px 0 0; color:var(--muted); }
.cta-panel { margin-top:38px; padding:28px; border-radius:14px; background:linear-gradient(115deg,#071d4d,#084574); color:#fff; text-align:center; }
.cta-panel h2 { margin:0 0 7px; font-size:1.45rem; }
.cta-panel p { margin:0 0 15px; color:#d9edf2; }
.button { display:inline-flex; min-width:240px; min-height:48px; align-items:center; justify-content:center; padding:11px 20px; border-radius:8px; background:#14a99f; color:#fff; font-weight:850; text-decoration:none; }
.secondary { display:block; width:max-content; margin:14px auto 0; color:#d9edf2; font-size:.87rem; font-weight:750; }
@media (max-width:620px) { .wrap { width:min(100% - 28px,900px); } .brand-descriptor { display:none; } nav a:not(.cta) { display:none; } main { padding-top:38px; } .cta-panel { padding:25px 18px; } .button { width:100%; min-width:0; } }