/* ===== 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}


/* ===== V14.0 GLOBAL POLISH ===== */
.accent-green{color:#75ff8d;text-shadow:0 0 18px rgba(117,255,141,.16)}
.accent-cyan{color:#55f5df;text-shadow:0 0 18px rgba(85,245,223,.14)}

.button,.service-card,.tier,.scan-choice,.compare-card{
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,filter .18s ease,background .18s ease;
}
.button:hover{transform:translateY(-2px);filter:brightness(1.08)}
.button:focus-visible,.site-header a:focus-visible,.language-select:focus-visible{
  outline:2px solid #76ff91;outline-offset:3px;
}
.service-card:hover,.tier:hover,.scan-choice:hover{
  transform:translateY(-5px);border-color:#4a737e!important;
  box-shadow:0 20px 42px rgba(0,0,0,.26),0 0 24px rgba(85,245,223,.06);
}
.service-card.tier-single:hover,.tier.tier-single:hover{border-color:#48dff7!important;box-shadow:0 18px 38px rgba(38,203,239,.12)}
.service-card.tier-batch:hover,.tier.tier-batch:hover{border-color:#77ff8d!important;box-shadow:0 18px 38px rgba(98,255,128,.13)}
.service-card.tier-enterprise:hover,.tier.tier-enterprise:hover{border-color:#ffc96b!important;box-shadow:0 18px 38px rgba(255,194,89,.10)}

.language-control{display:flex;align-items:center;margin-left:2px}
.language-select{
  min-height:38px;border:1px solid #294752;border-radius:9px;background:#09161d;color:#a9bec8;
  padding:0 28px 0 9px;font:inherit;font-size:.76rem;font-weight:800;cursor:pointer
}
.footer-email{color:#79929d;font-size:.8rem;font-weight:800}
@media(min-width:901px){
  .site-header .nav,.site-header .brand,.site-header .brand img,.site-header nav a,.language-select{transition:all .2s ease}
  .site-header.is-compact .nav{padding:4px 0!important}
  .site-header.is-compact .brand{width:250px!important;flex-basis:250px!important}
  .site-header.is-compact .brand img{max-height:48px;object-fit:contain;object-position:left center}
  .site-header.is-compact nav a{min-height:34px;font-size:.78rem}
  .site-header.is-compact .language-select{min-height:34px;font-size:.72rem}
}
@media(max-width:900px){
  .language-control{width:100%;margin:4px 0 0}
  .language-select{width:100%;min-height:42px}
}


/* ===== V16.0 LISTING FIDELITY REBRAND ===== */
.site-header .brand{
  flex:0 1 360px;
  width:min(360px,48vw)!important;
}
.site-header .brand img{
  width:100%;
  height:52px;
  object-fit:contain;
  object-position:left center;
  border-radius:0;
}
@media(min-width:901px){
  .site-header.is-compact .brand{width:280px!important;flex-basis:280px!important}
  .site-header.is-compact .brand img{height:40px;max-height:40px}
}
@media(max-width:900px){
  .site-header .brand{width:220px!important;max-width:220px!important;flex-basis:220px!important}
  .site-header .brand img{height:42px;max-height:42px}
}
@media(max-width:480px){
  .site-header .brand{width:188px!important;max-width:188px!important;flex-basis:188px!important}
  .site-header .brand img{height:36px;max-height:36px}
}