/* Exact home-page header UI for all inner pages.
   High specificity so legacy page CSS cannot override. */

.site-header{
  position:fixed;top:0;left:0;right:0;z-index:200;color:#fff;
  background:rgba(11,30,50,0.28);
  border-bottom:1px solid rgba(255,255,255,0.1);
  backdrop-filter:blur(14px) saturate(1.2);
  -webkit-backdrop-filter:blur(14px) saturate(1.2);
  transition:background-color var(--std) var(--ease),border-color var(--std) var(--ease),color var(--std) var(--ease),box-shadow var(--std) var(--ease);
}
.site-header.is-solid,
.site-header.is-open{
  background:rgba(255,255,255,0.96);
  color:var(--ink);
  border-bottom-color:var(--n-200);
  box-shadow:0 8px 24px rgba(11,30,50,0.06);
}

.site-header .nav{
  display:flex;align-items:center;justify-content:space-between;
  gap:var(--s5);height:72px;
}
.site-header .logo{
  display:flex;align-items:center;color:inherit;text-decoration:none;
  flex:none;transition:opacity var(--fast) var(--ease);
}
.site-header .logo:hover{opacity:0.85;}
.site-header .logo svg{display:block;height:28px;width:auto;}

.site-header .nav-primary{flex:1;display:flex;justify-content:center;min-width:0;}
.site-header .nav-primary ul{
  display:flex !important;align-items:center;gap:4px;
  list-style:none;flex-wrap:nowrap;margin:0;padding:0;
}
.site-header .nav-primary a{
  position:relative;display:inline-flex;align-items:center;
  height:36px;padding:0 12px;
  color:rgba(255,255,255,0.82) !important;
  text-decoration:none !important;
  font:500 13px/18px Inter,sans-serif;
  letter-spacing:-0.01em;border-radius:4px;white-space:nowrap;
  background:transparent;
  transition:color var(--fast) var(--ease),background-color var(--fast) var(--ease);
}
.site-header .nav-primary a:hover{
  color:#fff !important;background:rgba(255,255,255,0.08);
}
.site-header .nav-primary a[aria-current="page"]{
  color:#fff !important;background:rgba(255,255,255,0.12);
}
.site-header .nav-primary a::after{
  content:"";position:absolute;left:12px;right:12px;bottom:4px;height:2px;
  background:var(--blue-300);transform:scaleX(0);transform-origin:left;
  transition:transform var(--fast) var(--ease);width:auto;
}
.site-header .nav-primary a:hover::after,
.site-header .nav-primary a[aria-current="page"]::after{transform:scaleX(1);}

.site-header.is-solid .nav-primary a,
.site-header.is-open .nav-primary a{
  color:var(--n-700) !important;
}
.site-header.is-solid .nav-primary a:hover,
.site-header.is-open .nav-primary a:hover{
  color:var(--ink) !important;background:var(--n-50);
}
.site-header.is-solid .nav-primary a[aria-current="page"],
.site-header.is-open .nav-primary a[aria-current="page"]{
  color:var(--ink) !important;background:var(--blue-50);
}
.site-header.is-solid .nav-primary a::after,
.site-header.is-open .nav-primary a::after{background:var(--blue-600);}

.site-header .nav-actions{display:flex;align-items:center;gap:var(--s3);flex:none;}
.site-header .nav-actions .btn{height:40px;padding:0 18px;font-size:13px;}
.site-header:not(.is-solid):not(.is-open) .nav-actions .btn{
  box-shadow:0 0 0 1px rgba(255,255,255,0.12);
}

.site-header .menu-btn{
  display:none;width:40px;height:40px;background:transparent;
  border:1px solid rgba(255,255,255,0.28);border-radius:4px;cursor:pointer;
  align-items:center;justify-content:center;color:inherit;
  transition:background-color var(--fast) var(--ease),border-color var(--fast) var(--ease);
}
.site-header .menu-btn:hover{background:rgba(255,255,255,0.08);}
.site-header.is-solid .menu-btn,
.site-header.is-open .menu-btn{border-color:var(--n-300);}
.site-header.is-solid .menu-btn:hover,
.site-header.is-open .menu-btn:hover{background:var(--n-50);}
.site-header .menu-btn svg{display:block;stroke:currentColor;}

.site-header .mnav{
  display:none;background:var(--white);border-top:1px solid var(--n-100);border-bottom:0;
}
.site-header .mnav.open{display:block;}
.site-header .mnav ul{list-style:none;padding:var(--s3) var(--s4) var(--s2);margin:0;}
.site-header .mnav a{
  display:block;padding:14px 0;font:500 15px/22px Inter,sans-serif;
  color:var(--ink) !important;text-decoration:none !important;
  border-top:1px solid var(--n-100);
}
.site-header .mnav li:first-child a{border-top:0;}
.site-header .mnav a[aria-current="page"]{color:var(--blue-600) !important;}
.site-header .mnav .btn{
  display:flex;margin:var(--s3) var(--s4) var(--s5);width:calc(100% - var(--s8));
}

@media(max-width:1100px){
  .site-header .nav-primary{display:none !important;}
  .site-header .menu-btn{display:inline-flex !important;}
  .site-header .nav-actions .btn{display:none !important;}
}
@media(max-width:1279px){
  .site-header .nav-primary a{padding:0 10px;font-size:12.5px;}
  .site-header .nav-primary a::after{left:10px;right:10px;}
}

/* Clear fixed header over navy heroes */
.hero > .container,
.hero .container{
  padding-top:calc(72px + var(--s8));
}
.pillbar{top:72px !important;}
[id]{scroll-margin-top:144px;}
