/* V71 — Neon active navigation state for every marketing page.
   Loaded last so it overrides older active/nav rules without changing layout. */
:root{
  --envia-nav-cyan:#58eaff;
  --envia-nav-blue:#42a5ff;
  --envia-nav-violet:#a85cff;
  --envia-nav-text:#f7fbff;
}

.site-header .desktop-nav a,
.mobile-menu a{
  position:relative!important;
  isolation:isolate!important;
  border-radius:999px!important;
  transition:color .22s ease, text-shadow .22s ease, background .22s ease, box-shadow .22s ease!important;
}

.site-header .desktop-nav a.active,
.site-header .desktop-nav a[aria-current="page"],
.site-header .desktop-nav a.is-neon-active,
.mobile-menu a.active,
.mobile-menu a[aria-current="page"],
.mobile-menu a.is-neon-active{
  color:var(--envia-nav-text)!important;
  text-shadow:
    0 0 8px rgba(88,234,255,.95),
    0 0 18px rgba(168,92,255,.82),
    0 0 32px rgba(66,165,255,.46)!important;
  background:linear-gradient(90deg,rgba(88,234,255,.10),rgba(168,92,255,.16),rgba(88,234,255,.08))!important;
  box-shadow:
    inset 0 0 0 1px rgba(88,234,255,.20),
    0 0 18px rgba(88,234,255,.16),
    0 0 30px rgba(168,92,255,.12)!important;
}

.site-header .desktop-nav a.active::before,
.site-header .desktop-nav a[aria-current="page"]::before,
.site-header .desktop-nav a.is-neon-active::before,
.mobile-menu a.active::before,
.mobile-menu a[aria-current="page"]::before,
.mobile-menu a.is-neon-active::before{
  content:""!important;
  position:absolute!important;
  left:12px!important;
  right:12px!important;
  bottom:-9px!important;
  height:2px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,var(--envia-nav-cyan),var(--envia-nav-violet),var(--envia-nav-cyan))!important;
  box-shadow:0 0 10px rgba(88,234,255,.95),0 0 22px rgba(168,92,255,.72)!important;
  opacity:1!important;
  transform:none!important;
  pointer-events:none!important;
  z-index:2!important;
}

.site-header .desktop-nav a.active::after,
.site-header .desktop-nav a[aria-current="page"]::after,
.site-header .desktop-nav a.is-neon-active::after,
.mobile-menu a.active::after,
.mobile-menu a[aria-current="page"]::after,
.mobile-menu a.is-neon-active::after{
  content:""!important;
  position:absolute!important;
  inset:-8px -10px!important;
  border-radius:999px!important;
  background:radial-gradient(circle at 50% 50%,rgba(88,234,255,.18),rgba(168,92,255,.10) 42%,transparent 70%)!important;
  filter:blur(8px)!important;
  opacity:.86!important;
  pointer-events:none!important;
  z-index:-1!important;
}

.site-header .desktop-nav a:hover:not(.active):not([aria-current="page"]):not(.is-neon-active){
  color:#ffffff!important;
  text-shadow:0 0 8px rgba(88,234,255,.45)!important;
}

.site-header .desktop-nav a{padding:9px 10px!important;}
.mobile-menu a{padding:11px 14px!important;}
.mobile-menu a.active::before,
.mobile-menu a[aria-current="page"]::before,
.mobile-menu a.is-neon-active::before{bottom:4px!important;left:16px!important;right:16px!important;}

/* Keep CTA buttons visually separate from nav highlighting. */
.site-header .header-actions a.active,
.site-header .header-actions a[aria-current="page"],
.site-header .header-actions a.is-neon-active{
  text-shadow:none!important;
}
.site-header .header-actions a.active::before,
.site-header .header-actions a[aria-current="page"]::before,
.site-header .header-actions a.is-neon-active::before,
.site-header .header-actions a.active::after,
.site-header .header-actions a[aria-current="page"]::after,
.site-header .header-actions a.is-neon-active::after{display:none!important;content:none!important;}