/* V31: fixed glass header — always visible, readable, and stable */
:root{--envia-header-offset:118px;}
html{scroll-padding-top:calc(var(--envia-header-offset) + 18px)!important;}
body{overflow-x:hidden!important;}
main{padding-top:var(--envia-header-offset)!important;}

.site-header{
  position:fixed!important;
  top:22px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  z-index:5000!important;
  width:min(1240px, calc(100vw - 72px))!important;
  max-width:1240px!important;
  margin:0!important;
  padding:18px 26px!important;
  border-radius:28px!important;
  background:
    linear-gradient(180deg,rgba(6,14,31,.54),rgba(3,8,19,.38))!important;
  border:1px solid rgba(155,210,255,.16)!important;
  box-shadow:
    0 24px 70px rgba(0,0,0,.32),
    inset 0 1px 0 rgba(255,255,255,.10),
    0 0 0 1px rgba(84,238,254,.035)!important;
  backdrop-filter:blur(22px) saturate(1.35)!important;
  -webkit-backdrop-filter:blur(22px) saturate(1.35)!important;
  isolation:isolate!important;
}
.site-header:before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  border-radius:inherit!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at 12% 0%,rgba(84,238,254,.13),transparent 42%),
    radial-gradient(circle at 94% 0%,rgba(157,85,255,.13),transparent 45%)!important;
  opacity:1!important;
  z-index:-1!important;
}
.site-header:after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:18px!important;
  right:18px!important;
  bottom:0!important;
  height:1px!important;
  background:linear-gradient(90deg,transparent,rgba(84,238,254,.26),rgba(157,85,255,.22),transparent)!important;
  pointer-events:none!important;
}
.site-header.scrolled{
  position:fixed!important;
  background:linear-gradient(180deg,rgba(6,14,31,.62),rgba(3,8,19,.44))!important;
  backdrop-filter:blur(24px) saturate(1.4)!important;
  -webkit-backdrop-filter:blur(24px) saturate(1.4)!important;
  border:1px solid rgba(155,210,255,.18)!important;
  box-shadow:0 26px 76px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.11)!important;
}
.brand{min-width:150px!important;}
.brand-logo{width:152px!important;filter:drop-shadow(0 10px 18px rgba(0,0,0,.42))!important;}
.desktop-nav{gap:27px!important;}
.desktop-nav a{
  font-size:13px!important;
  color:rgba(235,244,255,.88)!important;
  text-shadow:0 2px 14px rgba(0,0,0,.7)!important;
}
.desktop-nav a.active,.desktop-nav a:hover{
  color:#fff!important;
  text-shadow:0 0 18px rgba(84,238,254,.46),0 2px 16px rgba(0,0,0,.78)!important;
}
.header-actions{gap:12px!important;}
.header-actions .btn{padding:12px 18px!important;}
.header-actions .btn-ghost{
  background:rgba(2,7,18,.22)!important;
  border-color:rgba(230,242,255,.24)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
}
.header-actions .btn-primary{
  box-shadow:0 16px 38px rgba(31,150,255,.27),inset 0 0 18px rgba(255,255,255,.16)!important;
}
.mobile-menu{
  position:fixed!important;
  top:94px!important;
  left:24px!important;
  right:24px!important;
  z-index:4999!important;
  background:rgba(4,11,26,.78)!important;
  border:1px solid rgba(155,210,255,.18)!important;
  border-radius:24px!important;
  backdrop-filter:blur(20px) saturate(1.3)!important;
  -webkit-backdrop-filter:blur(20px) saturate(1.3)!important;
}

/* Keep page heroes from becoming too low now the fixed glass header owns the top space */
.hero,.page-hero{padding-top:34px!important;}
.page-hero-split.platform-hero-v30{padding-top:34px!important;}

@media(max-width:980px){
  :root{--envia-header-offset:106px;}
  .site-header{top:16px!important;width:calc(100vw - 32px)!important;padding:16px 18px!important;border-radius:24px!important;}
  .desktop-nav,.header-actions{display:none!important;}
  .mobile-toggle{display:flex!important;margin-left:auto!important;}
  .brand-logo{width:140px!important;}
  .mobile-menu{top:82px!important;left:16px!important;right:16px!important;}
}
@media(max-width:620px){
  :root{--envia-header-offset:96px;}
  .site-header{top:12px!important;width:calc(100vw - 24px)!important;padding:14px 16px!important;border-radius:22px!important;}
  .brand-logo{width:128px!important;}
  .page-hero,.hero{padding-top:24px!important;}
}