:root{
--hh:clamp(66px, 5.943vw, 124px);
--hdr-bg:linear-gradient(90deg,#00287d 0%,#0459bd 42%,#0358bc 48%,
#02459e 62%,#013887 75%,#002f7a 88%,#002d76 100%);
--hdr-edge:rgba(0,8,26,.55);
--hdr-cast:0 3px 4px rgba(0,10,35,.42), 0 14px 26px rgba(0,16,50,.30);
--hdr-bar-bg:linear-gradient(90deg,#013a86 0%,#0a6ec9 46%,#0a6ec9 54%,#013a86 100%);
--hdr-menu-bg:#fff;
--hdr-menu-ink:#0b1f3f;
--hdr-menu-rule:rgba(4,24,64,.13);
--hdr-cta-bg:#ffde17;
--hdr-cta-ink:#0b1f3f;
--hdr-cta-cast:0 3px 9px rgba(0,10,40,.40);
}
.hdr{
position:fixed; left:0; right:0; top:0; z-index:9000;
height:var(--hh);
background:var(--hdr-bg);
border-bottom:2px solid var(--hdr-edge);
box-shadow:var(--hdr-cast);
font-family:"Be Vietnam Pro","Helvetica Neue",Arial,sans-serif;
transform:translateY(0);
transition:transform .28s cubic-bezier(.3,.7,.3,1),
background-image .9s linear, border-color .9s linear, box-shadow .9s linear;
will-change:transform;
}
.hdr[data-hide="1"]{ transform:translateY(calc(-1 * var(--hh) - 20px)) }
.hdr-in{ position:relative; height:100% }
.hdr .mode-switch{
position:absolute; left:5.82%; top:50%; translate:-50% -50%;
width:calc(var(--hh) * .62); height:calc(var(--hh) * .62);
background:none; box-shadow:none; padding:0;
backdrop-filter:none; -webkit-backdrop-filter:none;
}
.hdr .mode-switch:hover{ background:none; transform:scale(1.07) }
.hdr .mode-switch img,
.hdr .mode-switch svg{ width:100%; height:100%; overflow:visible }
.hdr-logo{ position:absolute; left:17.94%; top:0; height:100%;
text-decoration:none; display:flex; flex-direction:column;
justify-content:center; align-items:center; text-align:center;
line-height:1 }
.hdr-lock{ display:block; white-space:nowrap; color:#fff;
font-weight:900; letter-spacing:.005em; font-size:calc(var(--hh) * .265); }
.hdr-lock i{ font-style:normal; color:#29abe2; font-size:calc(var(--hh) * .313);
margin:0 .14em }
.hdr-rule{ display:block; width:100%;
height:max(1px, calc(var(--hh) * .0126));
background:#29abe2; margin:calc(var(--hh) * .075) 0 calc(var(--hh) * .06) }
.hdr-tag{ display:block; white-space:nowrap; color:#fff;
font-weight:600; font-size:calc(var(--hh) * .1135); letter-spacing:.055em;
text-transform:uppercase }
.hdr-shield{ position:absolute; left:50%; top:calc(var(--hh) * .06);
translate:-50% 0; height:calc(var(--hh) * 1.14); width:auto;
filter:drop-shadow(0 4px 9px rgba(0,10,35,.55)); pointer-events:none }
.hdr-nav{ position:absolute; left:56.66%; top:50%; translate:0 -50%;
display:flex; gap:3.2vw; white-space:nowrap }
.hdr-nav a{ color:#fff; text-decoration:none;
font-weight:500; font-size:calc(var(--hh) * .1847);
opacity:.94; transition:opacity .18s linear }
.hdr-nav a:hover,.hdr-nav a:focus-visible{ opacity:1; text-decoration:underline;
text-underline-offset:.4em; text-decoration-thickness:.08em;
text-decoration-color:#29abe2 }
.hdr-cta{
position:absolute; left:81.6%; top:50%; translate:0 -50%;
display:flex; align-items:center; gap:.6em;
background:var(--hdr-cta-bg); color:var(--hdr-cta-ink); text-decoration:none;
font-weight:900; font-size:calc(var(--hh) * .1412); letter-spacing:.045em;
text-transform:uppercase; white-space:nowrap;
padding:calc(var(--hh) * .125) calc(var(--hh) * .20)
calc(var(--hh) * .125) calc(var(--hh) * .125);
border-radius:calc(var(--hh) * .075);
box-shadow:var(--hdr-cta-cast);
transition:transform .18s ease, box-shadow .18s ease,
background-color .9s linear, color .9s linear;
}
.hdr-cta:hover{ transform:translateY(-1px) scale(1.015);
box-shadow:0 5px 16px rgba(0,10,40,.5) }
.hdr-cta img{ width:calc(var(--hh) * .225); height:auto; display:block }
.hdr-cta-g{ display:none }
:root{ --hbar:0px }
.hdr-bar,.hdr-menu{ display:none }
body{ padding-top:calc(var(--hh) + var(--hbar)) }
@media (max-width:900px){
:root{ --hh:76px; --hbar:26px }
.hdr{ height:auto }
.hdr-in{ height:var(--hh) }
.hdr[data-hide="1"]{ transform:translateY(calc(-100% - 4px)) }
.hdr-nav,.hdr-shield{ display:none }
.hdr .mode-switch{ left:7.5%; width:calc(var(--hh) * .50); height:calc(var(--hh) * .50) }
.hdr-logo{ left:50%; right:auto; translate:-50% 0;
align-items:center; text-align:center; max-width:62vw }
.hdr-lock{ font-size:min(calc(var(--hh) * .258), 5.02vw);
letter-spacing:0; margin-left:0 }
.hdr-rule{ display:block; width:100%; max-width:none;
margin:calc(var(--hh) * .055) auto calc(var(--hh) * .05);
height:max(1px, calc(var(--hh) * .018)) }
.hdr-tag{ display:block; font-size:min(calc(var(--hh) * .092), 1.80vw);
letter-spacing:.028em }
.hdr-cta-t{ display:none }
.hdr-cta{ left:auto; right:4%; gap:0;
width:calc(var(--hh) * .50); height:calc(var(--hh) * .50);
padding:0; display:grid; place-items:center;
border-radius:calc(var(--hh) * .125) }
.hdr-cta img.hdr-cta-i{ display:none }
.hdr-cta-g{ display:block; height:56%; width:auto }
.hdr-bar{
display:grid; place-items:center;
width:100%; height:var(--hbar); padding:0; border:0;
border-top:1px solid rgba(0,6,20,.55);
background:var(--hdr-bar-bg); cursor:pointer;
transition:background-image .9s linear;
}
.hdr-bar:focus-visible{ outline:2px solid #ffde17; outline-offset:-3px }
.hdr-burger{
display:block; position:relative;
width:34px; height:3px; border-radius:2px; background:#fff;
box-shadow:0 -7px 0 #fff, 0 7px 0 #fff;
transition:transform .22s cubic-bezier(.3,.7,.3,1), box-shadow .18s linear;
}
.hdr-bar[aria-expanded="true"] .hdr-burger{
box-shadow:0 0 0 #fff, 0 0 0 #fff; transform:rotate(45deg);
}
.hdr-bar[aria-expanded="true"] .hdr-burger::after{
content:""; position:absolute; inset:0;
border-radius:2px; background:#fff; transform:rotate(90deg);
}
.hdr-menu{
display:grid; position:absolute; left:0; right:0; top:100%;
background:var(--hdr-menu-bg);
grid-template-rows:0fr; overflow:hidden;
transition:grid-template-rows .26s cubic-bezier(.3,.7,.3,1);
}
.hdr-menu-in{ min-height:0; overflow:hidden }
.hdr-menu-in a:last-child{
border-bottom:2px solid var(--hdr-edge);
box-shadow:var(--hdr-cast);
}
.hdr-menu[hidden]{ display:grid }
.hdr-menu.is-open{ grid-template-rows:1fr }
.hdr-menu a{
display:block; color:var(--hdr-menu-ink); text-decoration:none;
font-weight:700; font-size:calc(var(--hh) * .175); letter-spacing:.01em;
padding:calc(var(--hh) * .29) 7vw;
border-top:1px solid var(--hdr-menu-rule);
}
.hdr-menu-in a:first-child{ border-top:0 }
.hdr-menu a:active{ background:var(--hdr-menu-rule) }
.hdr-menu:not(.is-open) a{ visibility:hidden }
}
section[id]{ scroll-margin-top:calc(var(--hh) + var(--hbar) + 8px) }
html{ scroll-behavior:smooth }
@media (prefers-reduced-motion:reduce){ html{ scroll-behavior:auto } }
.skip{
position:fixed; left:12px; top:0; z-index:10100;
translate:0 -140%;
padding:.7em 1.2em; border-radius:0 0 8px 8px;
background:#ffc72c; color:#0b2247;
font-family:inherit; font-weight:800; font-size:.95rem; text-decoration:none;
box-shadow:0 6px 18px rgba(2,12,28,.4);
transition:translate .16s ease;
}
.skip:focus{ translate:0 0; outline:3px solid #0b2247; outline-offset:2px }
@media (prefers-reduced-motion: reduce){ .skip{ transition:none } }