/* ===== V13.2 GLOBAL SITE SHELL: NAVIGATION + FOOTER ===== */
.site-header{
  position:sticky !important;
  top:0;
  z-index:1000;
  background:rgba(5,10,14,.92) !important;
  border-bottom:1px solid #1f3540 !important;
  backdrop-filter:blur(16px);
}
.site-header .nav{
  position:relative;
  display:flex !important;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:10px 0 !important;
}
.site-header .brand{
  display:block;
  flex:0 1 390px;
  width:min(390px,52vw) !important;
  min-width:0;
}
.site-header .brand img{
  display:block;
  width:100%;
  height:auto;
  border-radius:6px;
}
.site-header nav{
  display:flex !important;
  align-items:center;
  justify-content:flex-end;
  gap:15px;
  margin-left:auto;
}
.site-header nav a{
  display:inline-flex !important;
  align-items:center;
  min-height:40px;
  text-decoration:none;
  color:#a9bec8 !important;
  font-size:.84rem;
  font-weight:850;
  white-space:nowrap;
}
.site-header nav a:hover,
.site-header nav a[aria-current="page"]{
  color:#eefaff !important;
}
.site-header nav a[aria-current="page"]{
  text-shadow:0 0 12px rgba(85,245,223,.18);
}
.site-header .nav-cta{
  padding:0 14px !important;
  border:1px solid #3a7254 !important;
  border-radius:9px !important;
  background:linear-gradient(90deg,rgba(121,255,108,.09),rgba(85,245,223,.07)) !important;
  color:#dfffe9 !important;
}
.menu-toggle{
  display:none;
  width:44px;
  height:44px;
  flex:0 0 44px;
  border:1px solid #294752;
  border-radius:10px;
  background:#0b171e;
  cursor:pointer;
  padding:0;
  align-items:center;
  justify-content:center;
  position:relative;
}
.menu-toggle span{
  position:absolute;
  width:21px;
  height:2px;
  border-radius:99px;
  background:#dff9f3;
  transition:transform .18s ease, opacity .18s ease, top .18s ease;
}
.menu-toggle span:nth-child(1){top:13px}
.menu-toggle span:nth-child(2){top:20px}
.menu-toggle span:nth-child(3){top:27px}
.site-header.nav-open .menu-toggle span:nth-child(1){top:20px;transform:rotate(45deg)}
.site-header.nav-open .menu-toggle span:nth-child(2){opacity:0}
.site-header.nav-open .menu-toggle span:nth-child(3){top:20px;transform:rotate(-45deg)}

.site-footer{
  margin-top:0;
  padding:34px 0 42px;
  border-top:1px solid #1c303a;
  background:linear-gradient(180deg,rgba(6,12,16,.82),rgba(4,9,12,.96));
}
.site-footer .footer-grid{
  display:grid;
  grid-template-columns:.7fr 1.3fr;
  gap:28px;
  align-items:start;
}
.site-footer strong{color:#eef9fd}
.site-footer p{
  margin:.28rem 0;
  color:#758e99;
  font-size:.8rem;
}
.site-footer .footer-right{text-align:right}
.site-footer .legal-links{
  display:flex;
  justify-content:flex-end;
  gap:14px;
  flex-wrap:wrap;
  margin-bottom:9px;
}
.site-footer .legal-links a{
  color:#9bb3be;
  font-size:.8rem;
  font-weight:800;
  text-decoration:none;
}
.site-footer .legal-links a:hover{color:#dffcf5}

@media(max-width:900px){
  .site-header .nav{
    flex-wrap:wrap;
    gap:10px;
  }
  .site-header .brand{
    width:min(330px,76vw) !important;
    flex:1 1 auto;
  }
  .menu-toggle{
    display:inline-flex;
  }
  .site-header nav{
    display:none !important;
    order:3;
    width:100%;
    margin:0;
    padding:10px;
    flex-direction:column;
    align-items:stretch;
    gap:4px;
    border:1px solid #223b46;
    border-radius:14px;
    background:linear-gradient(180deg,#0c1920,#081117);
    box-shadow:0 18px 34px rgba(0,0,0,.34);
  }
  .site-header.nav-open nav{
    display:flex !important;
  }
  .site-header nav a,
  .site-header nav a:not(.nav-cta){
    display:flex !important;
    width:100%;
    min-height:44px;
    padding:0 12px !important;
    border-radius:9px;
  }
  .site-header nav a:hover,
  .site-header nav a[aria-current="page"]{
    background:#10212a;
  }
  .site-header .nav-cta{
    justify-content:center;
    margin-top:5px;
  }
  .site-footer .footer-grid{
    grid-template-columns:1fr;
  }
  .site-footer .footer-right{text-align:left}
  .site-footer .legal-links{justify-content:flex-start}
}
@media(max-width:480px){
  .site-header .brand{width:min(275px,72vw) !important}
  .site-header .nav{padding:8px 0 !important}
}
@media(prefers-reduced-motion:reduce){
  .menu-toggle span{transition:none}
}


/* ===== V13.4 COMPACT MOBILE HEADER ===== */
@media(max-width:900px){
  .site-header .nav{
    min-height:54px;
    padding:5px 0 !important;
    gap:8px;
  }
  .site-header .brand{
    width:190px !important;
    max-width:190px !important;
    flex:0 1 190px !important;
  }
  .site-header .brand img{
    max-height:44px;
    object-fit:contain;
    object-position:left center;
  }
  .menu-toggle{
    width:38px;
    height:38px;
    flex-basis:38px;
    border-radius:9px;
  }
  .menu-toggle span{width:18px}
  .menu-toggle span:nth-child(1){top:11px}
  .menu-toggle span:nth-child(2){top:17px}
  .menu-toggle span:nth-child(3){top:23px}
  .site-header.nav-open .menu-toggle span:nth-child(1),
  .site-header.nav-open .menu-toggle span:nth-child(3){top:17px}
  .site-header nav{
    padding:7px;
    gap:2px;
  }
  .site-header nav a,
  .site-header nav a:not(.nav-cta){
    min-height:40px;
    font-size:.82rem;
  }
}
@media(max-width:480px){
  .site-header .brand{
    width:165px !important;
    max-width:165px !important;
    flex-basis:165px !important;
  }
  .site-header .brand img{max-height:38px}
}

/* V13.6 anchor behavior */
html{scroll-behavior:smooth}
#scanner,#example,#services,#process,#contact{scroll-margin-top:72px}