:root{--navy:#021a3e;--blue:#0a4fd6;--ink:#1c2b44;--muted:#3d4f6a}
*{box-sizing:border-box}
html,body{margin:0;overflow-x:hidden}
body{background:var(--navy);color:var(--ink);font:17px/1.55 Arial,Helvetica,sans-serif}
a{color:inherit}
a:focus-visible{outline:3px solid #d28a00;outline-offset:4px}
img{max-width:100%;height:auto;display:block}
.skip{position:absolute;left:12px;top:-80px;background:#fff;padding:10px 12px;z-index:30}
.skip:focus{top:12px}
header{background:#fff}
.bar{width:min(1180px,92%);margin:0 auto;min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 0}
.brand{flex:0 0 160px;line-height:0}
.brand img{width:160px}
.button{display:inline-block;background:var(--blue);color:#fff;text-decoration:none;border-radius:8px;font-weight:700;border:0}
.button:hover{background:#083ea9;text-decoration:none}
.hero{background:var(--navy);color:#fff;padding:34px 0 48px;position:relative;z-index:0;overflow:visible}
.hero-inner{width:min(1180px,92%);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(180px,260px);gap:28px;align-items:center;min-height:280px}
.hero-copy{position:relative;z-index:1;padding:18px 0 8px}
.eyebrow-logo{margin:0 0 16px}
.hero-logo{width:min(260px,72%);max-width:100%;height:auto;filter:brightness(0) invert(1)}
h1{margin:0;font-size:clamp(30px,3.6vw,46px);letter-spacing:.5px;line-height:1;font-weight:800}
h1::after{content:"";display:block;width:min(160px,48%);height:5px;margin-top:12px;background:var(--blue);border-radius:4px}
.hero-art{justify-self:end;width:min(240px,100%);position:relative;z-index:2;margin:0}
.hero-art img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:center top;border-radius:26px;box-shadow:0 14px 34px rgba(0,0,0,.25);background:#0a2f63}
.panel-wrap{width:min(1180px,92%);margin:-28px auto 0;position:relative;z-index:1;padding-bottom:40px}
.panel{background:#fff;border:1px solid #d7deea;border-radius:28px;padding:48px 48px 36px;box-shadow:0 18px 50px rgba(0,0,0,.18);position:relative;z-index:1}
.accent{width:72px;height:7px;background:var(--blue);border-radius:4px;margin-bottom:26px}
.panel p{margin:0 0 20px;color:var(--muted);font-size:clamp(16px,1.35vw,22px);line-height:1.55}
.panel hr{border:0;border-top:1px solid #d9e0ec;margin:10px 0 28px}
.agree{padding:14px 34px;font-size:18px;letter-spacing:.3px}
.agree-wrap{margin:0}
footer{background:var(--navy);color:#d5e2f8;text-align:center;padding:18px 16px 28px;font-size:13px}
footer .copy{margin:0 0 10px;color:#b7c7e0}
footer .regions{margin:0 auto 14px;color:#9ec0ff;line-height:1.6;max-width:900px}
footer .legal{margin:0;display:flex;justify-content:center;gap:28px;flex-wrap:wrap}
footer .legal a{color:#fff;font-weight:800;text-decoration:none;letter-spacing:.3px}
footer .legal a:hover{text-decoration:underline}
@media (max-width:1100px){
 .hero-inner{grid-template-columns:minmax(0,1fr) 210px;min-height:250px}
 .hero-art{width:200px}
 .panel{padding:42px 36px 32px}
 .hero-logo{width:min(220px,70%)}
}
@media (max-width:800px){
 .hero{padding:28px 0 36px}
 .hero-inner{grid-template-columns:minmax(0,1fr) 150px;gap:16px;align-items:start;min-height:0}
 .hero-copy{padding-top:8px}
 .hero-art{width:140px;margin-top:4px}
 .hero-logo{width:min(180px,85%)}
 h1{font-size:clamp(26px,7vw,34px)}
 h1::after{width:min(120px,50%);height:4px;margin-top:10px}
 .panel-wrap{margin-top:-18px}
 .panel{padding:34px 24px 26px;border-radius:22px}
 .panel p{font-size:16px}
}
@media (max-width:520px){
 .bar{width:94%;min-height:64px}
 .brand,.brand img{width:140px;flex-basis:140px}
 .hero-inner{width:94%;display:flex;flex-direction:column;align-items:flex-start;gap:16px}
 .hero-art{order:-1;align-self:flex-end;width:112px;margin:0}
 .hero-copy{width:100%;padding:0}
 .hero-logo{width:min(170px,90%)}
 .panel-wrap{width:94%;margin-top:18px}
 .panel{padding:26px 18px 22px;border-radius:18px}
 .agree{width:100%;text-align:center}
 footer .regions{font-size:12px}
}