@font-face{font-family:Archivo;src:url('/assets/archivo.woff2') format('woff2');font-display:swap;font-weight:100 900}

:root{color-scheme:light;--navy:#0b1e43;--blue:#176cbd;--pale:#eaf5fc;--copy:#435472;--line:#c7d9e7}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--navy);background:#fff;font:17px/1.58 Archivo,Arial,sans-serif}
img{display:block;max-width:100%}
a{color:inherit;text-underline-offset:.2em}
:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
::selection{background:#b9e0f9;color:var(--navy)}
.skip{position:absolute;left:-999px}
.skip:focus{left:10px;top:10px;z-index:99;background:#fff;padding:10px}
.sale{display:flex;justify-content:space-between;gap:16px;padding:10px clamp(20px,4vw,72px);background:var(--navy);color:#fff;font-size:13px}
.sale a{color:#fff}
.sale>a{font-weight:700}
.shell{padding:0 clamp(20px,4vw,72px)}
.masthead .shell{display:flex;align-items:center;gap:34px;min-height:86px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:23px;line-height:1.05;font-weight:800;letter-spacing:-.025em}
.brand-mark{display:grid;place-items:center;width:43px;height:43px;border:5px solid var(--blue);border-bottom:0;color:var(--blue);font-size:32px;line-height:1}
.masthead nav{display:flex;gap:32px;margin-left:auto;font-size:15px}
.masthead nav a{text-decoration:none}
.masthead nav a:hover{text-decoration:underline}
.nav-cta,.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:15px 22px;border-radius:6px;background:var(--blue);color:#fff;text-decoration:none;font-weight:750;white-space:nowrap}
.nav-cta:hover,.button:hover{background:#0b5598}
.hero{display:grid;grid-template-columns:38% 62%;min-height:575px;background:#fafdff}
.hero-copy{padding:45px clamp(24px,4vw,70px);align-self:center}
.hero h1{font-size:clamp(3rem,4.3vw,5rem);line-height:1.04;letter-spacing:-.038em;margin:0 0 20px;font-weight:850}
.hero-copy>p{max-width:40ch;color:var(--copy);font-size:19px;margin:0 0 26px}
.hero-image{width:100%;height:100%;object-fit:cover;object-position:center}
.hero-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:29px}
.hero-steps div{text-align:center}
.hero-steps span{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;margin:0 auto 8px;background:#e3f2fb;color:var(--blue);font-size:22px;font-weight:800}
.hero-steps strong,.hero-steps small{display:block;line-height:1.25}
.hero-steps small{font-size:14px;color:var(--copy);margin-top:3px}
.questions{padding:42px clamp(20px,4vw,72px) 62px;background:var(--pale)}
.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:20px}
.section-head h2,.details h2,.contact h2{font-size:clamp(2rem,2.8vw,3rem);line-height:1.13;letter-spacing:-.03em;margin:0 0 20px}
.section-head a{color:var(--blue);font-weight:700}
.question-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.question-grid article{min-height:170px;background:#fff;padding:23px 20px;border-radius:4px}
.question-grid h3{font-size:17px;line-height:1.22;margin:0 0 14px}
.question-grid p{margin:0;font-size:14px;color:var(--copy)}
.details{display:grid;grid-template-columns:1fr 1.2fr;gap:9vw;padding:100px clamp(20px,4vw,72px)}
.details>div{max-width:500px}
.details p{color:var(--copy);margin:0}
.details ul{margin:0;padding:0;list-style:none}
.details li{display:grid;grid-template-columns:140px 1fr;gap:20px;border-top:1px solid var(--line);padding:21px 0}
.details li strong{color:var(--blue)}
.contact{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:70px clamp(20px,4vw,72px);background:var(--navy);color:#fff}
.contact>div{max-width:770px}
.contact p{margin:0;color:#e5edf9}
.contact .button{background:#fff;color:var(--navy);white-space:nowrap}
footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:15px;padding:28px clamp(20px,4vw,72px);background:#08142d;color:#dce8f7;font-size:13px}
footer a{color:#fff}
@media(max-width:1130px){.masthead nav{display:none}
.nav-cta{margin-left:auto}
.hero{grid-template-columns:43% 57%}
.hero h1{font-size:clamp(2.6rem,4.7vw,4rem)}
}
@media(max-width:750px){body{font-size:16px}
.sale{display:block}
.sale>a{display:block}
.masthead .shell{min-height:70px}
.brand{font-size:18px}
.brand-mark{width:32px;height:32px;font-size:24px;border-width:4px}
.nav-cta{font-size:12px;padding:10px}
.hero{display:flex;flex-direction:column-reverse}
.hero-image{height:290px}
.hero-copy{padding:35px 22px}
.hero h1{font-size:clamp(2.7rem,10vw,4.2rem)}
.hero-copy>p{font-size:18px}
.hero-steps{max-width:460px}
.questions{padding:40px 22px}
.question-grid{grid-template-columns:repeat(2,1fr)}
.section-head{display:block}
.details{display:block;padding:65px 22px}
.details>div{margin-bottom:28px}
.details li{grid-template-columns:1fr;gap:4px}
.contact{display:block;padding:50px 22px}
.contact .button{margin-top:25px;white-space:normal}
footer{display:block;padding:25px 22px}
footer>*{display:block;margin:0 0 11px}
}
@media(max-width:420px){.nav-cta{font-size:11px;padding:8px}
.question-grid{grid-template-columns:1fr}
.question-grid article{min-height:0}
.hero-steps small{font-size:14px}
.hero-steps span{width:40px;height:40px}
}
