/* EnrollIQ shared site CSS. Managed chrome, hero, navigation, and reveal rules used across every page. */

main section[data-section-reveal="true"] > :not(style) {
  opacity: 1;
  transform: none;
}
/* Enhanced mode: hold not-yet-revealed sections hidden from first paint so they
   fade UP cleanly on entry instead of flashing visible first. The first section
   (hero, data-reveal-index="0") is excluded so it stays instant — protects LCP
   and keeps the hero from fading on every load. */
html.eiq-reveal-enhanced main section[data-section-reveal="true"]:not(.is-reveal-visible):not([data-reveal-index="0"]) > :not(style) {
  opacity: 0;
  transform: translate3d(0, 40px, 0);
}
html.eiq-reveal-enhanced main section[data-section-reveal="true"].is-reveal-visible > :not(style) {
  animation: eiq-section-fade-up 720ms ease-out both;
}
@keyframes eiq-section-fade-up {
  from {
    opacity: 0;
    transform: translate3d(0, 40px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@media (prefers-reduced-motion: reduce) {
  main section[data-section-reveal="true"] > :not(style) {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
}

@media (min-width:769px){
  header .mobile-nav, header nav.mobile-nav, header [class*="mobile-nav"]{display:none!important}
  header [data-nav-intelligence]{display:flex;align-items:center;gap:clamp(16px,2vw,28px);flex-wrap:nowrap;white-space:nowrap;min-width:0}
  header [data-nav-intelligence] li{position:relative;list-style:none;white-space:nowrap}
  header [data-nav-intelligence] a{white-space:nowrap;text-decoration:none}
  header [data-nav-intelligence] .nav-dropdown{position:absolute;top:calc(100% + 8px);left:50%;z-index:50;display:none;min-width:220px;margin:0;padding:10px;transform:translateX(-50%);background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:8px;box-shadow:0 16px 40px rgba(0,0,0,.14)}
  header [data-nav-intelligence] .nav-dropdown::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
  header [data-nav-intelligence] [data-nav-dropdown]:hover>.nav-dropdown,header [data-nav-intelligence] [data-nav-dropdown]:focus-within>.nav-dropdown{display:grid;gap:4px}
  header [data-nav-intelligence] .nav-dropdown a{display:block;padding:9px 10px;border-radius:6px;color:inherit}
  header [data-nav-intelligence] .nav-dropdown a:hover,header [data-nav-intelligence] .nav-dropdown a:focus-visible{background:rgba(0,0,0,.06)}
  header [data-nav-intelligence] .nav-cta{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:10px 16px;border-radius:999px;background:var(--brand-primary,#1f5f4a);color:#fff}
}
@media (max-width:768px){
  header [data-nav-intelligence] .nav-dropdown{position:static;display:grid;margin:4px 0 8px 12px;padding:0;transform:none;box-shadow:none;border:0;background:transparent}
  header [data-nav-intelligence] .nav-dropdown::before{content:none}
  header [data-nav-intelligence] .nav-dropdown a{padding:8px 0}
  header [data-nav-intelligence] .nav-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border-radius:999px;background:var(--brand-primary,#1f5f4a);color:#fff}
}