body{font-family:system-ui,-apple-system,sans-serif}h1,h2,h3,h4{font-family:system-ui,-apple-system,sans-serif;font-weight:900}
/* Performance: reduce animation for users who prefer reduced motion */
@media (prefers-reduced-motion: reduce) {
  .ticker-track { animation: none; }
  .btn-red:hover, .btn-ghost:hover, .pc:hover, .svc-card:hover, .city-card:hover, .wi:hover { transform: none; }
  * { transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; }
}

/* Content visibility for below-fold sections */
.sec:not(#pricing):not(#home) { content-visibility: auto; contain-intrinsic-size: 0 600px; }

/* Will-change only on animated elements */
.ticker-track { will-change: transform; }
.btn-red, .pc, .city-card, .svc-card { will-change: auto; }



/* === FINAL FIX: clean service-area dropdown and city SEO polish === */
nav{z-index:10000!important;}
.nav-wrap{position:relative;}
.has-dropdown .dropdown{
  display:flex!important;
  visibility:hidden;
  opacity:0;
  pointer-events:none;
  top:calc(100% + 12px)!important;
  left:50%!important;
  transform:translateX(-50%) translateY(8px);
  min-width:0!important;
  width:max-content!important;
  max-width:min(92vw, 520px)!important;
  padding:0!important;
  border-radius:14px!important;
  border:1px solid var(--border)!important;
  border-top:4px solid var(--red)!important;
  box-shadow:0 22px 60px rgba(7,20,53,.18)!important;
  overflow:hidden!important;
  z-index:10050!important;
  transition:opacity .18s ease, transform .18s ease, visibility .18s ease!important;
}
.has-dropdown:hover .dropdown,
.has-dropdown:focus-within .dropdown{
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  transform:translateX(-50%) translateY(0)!important;
}
.has-dropdown .dropdown-col{min-width:210px!important;background:#fff!important;border-right:1px solid var(--border)!important;}
.has-dropdown .dropdown-col:last-child{border-right:none!important;}
.has-dropdown .dropdown-col-title{display:block!important;padding:12px 18px!important;background:#0B1F4B!important;color:#fff!important;font-size:14px!important;line-height:1.2!important;white-space:nowrap!important;}
.has-dropdown .dropdown-col a{display:block!important;padding:13px 18px!important;background:#fff!important;color:#111827!important;font-size:14px!important;line-height:1.15!important;border-bottom:1px solid #e2e8f0!important;white-space:nowrap!important;}
.has-dropdown .dropdown-col a:hover{background:#F8FAFC!important;color:#2563EB!important;padding-left:24px!important;}
.breadcrumb{position:relative;z-index:1;}
.hero{position:relative;z-index:0;}
@media(max-width:1024px){
  .nav-center{display:none!important;}
  .has-dropdown .dropdown{display:none!important;}
}


/* === CRITICAL FIX 2026-06-01: clean compact service area dropdown === */
nav{z-index:999999!important;}
.nav-wrap{position:relative!important;}
.has-dropdown{position:relative!important;}
.has-dropdown .dropdown{
  display:flex!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
  position:absolute!important;
  top:100%!important;
  left:50%!important;
  transform:translateX(-50%) translateY(8px)!important;
  margin:0!important;
  padding:0!important;
  min-width:0!important;
  width:max-content!important;
  max-width:min(92vw,520px)!important;
  background:#fff!important;
  border:1px solid #E2E8F0!important;
  border-top:4px solid #2563EB!important;
  border-radius:0 0 12px 12px!important;
  box-shadow:0 22px 55px rgba(7,20,53,.20)!important;
  overflow:hidden!important;
  z-index:1000000!important;
  transition:opacity .16s ease, transform .16s ease, visibility .16s ease!important;
}
.has-dropdown:hover .dropdown,
.has-dropdown:focus-within .dropdown,
.has-dropdown .dropdown:hover{
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  transform:translateX(-50%) translateY(0)!important;
}
.has-dropdown::after{content:''!important;position:absolute!important;left:0!important;right:0!important;bottom:-12px!important;height:12px!important;background:transparent!important;}
.dropdown-col{min-width:210px!important;background:#fff!important;border-right:1px solid #E2E8F0!important;}
.dropdown-col:last-child{border-right:0!important;}
.dropdown-col-title{display:block!important;background:#0B1F4B!important;color:#fff!important;padding:12px 18px!important;margin:0!important;font-size:14px!important;line-height:1.2!important;font-weight:900!important;letter-spacing:.8px!important;text-transform:uppercase!important;white-space:nowrap!important;}
.dropdown-col a,.service-area-group a{display:block!important;background:#fff!important;color:#111827!important;padding:12px 18px!important;border-bottom:1px solid #E2E8F0!important;font-size:14px!important;line-height:1.15!important;font-weight:800!important;white-space:nowrap!important;}
.dropdown-col a:hover,.service-area-group a:hover{background:#F8FAFC!important;color:#2563EB!important;padding-left:24px!important;}
.service-areas-menu .service-areas-dropdown{
  display:block!important;
  width:320px!important;
  max-width:calc(100vw - 32px)!important;
  left:50%!important;
  padding:0!important;
  border-radius:0 0 12px 12px!important;
}
.service-area-group{display:block!important;background:#fff!important;margin:0!important;padding:0!important;}
.service-area-group + .service-area-group{border-top:1px solid #E2E8F0!important;}
.service-area-group .dropdown-col-title{background:#0B1F4B!important;color:#fff!important;}
.breadcrumb{position:relative!important;z-index:1!important;}
.hero{position:relative!important;z-index:0!important;}
@media(max-width:1024px){
  .nav-center{display:none!important;}
  .has-dropdown .dropdown{display:none!important;}
}



/* FINAL Service Areas dropdown fix - forces clean visible menu above hero/breadcrumb */
nav, .nav-wrap, .nav-center, .nav-center > li, .has-dropdown {
  overflow: visible !important;
}
nav {
  position: sticky !important;
  top: 0 !important;
  z-index: 2147483000 !important;
  isolation: isolate !important;
}
.nav-wrap { z-index: 2147483001 !important; }
.nav-center { z-index: 2147483002 !important; }
.has-dropdown { position: relative !important; z-index: 2147483003 !important; }
.has-dropdown::after {
  content: '' !important;
  position: absolute !important;
  left: -10px !important;
  right: -10px !important;
  top: 100% !important;
  height: 14px !important;
  background: transparent !important;
}
.nav-center > li.service-areas-menu > .dropdown.service-areas-dropdown {
  position: absolute !important;
  top: calc(100% + 10px) !important;
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) translateY(8px) !important;
  display: block !important;
  width: 320px !important;
  min-width: 320px !important;
  max-width: calc(100vw - 28px) !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #ffffff !important;
  border: 1px solid #dbe4f0 !important;
  border-top: 4px solid #2563EB !important;
  border-radius: 0 0 12px 12px !important;
  box-shadow: 0 24px 60px rgba(7,20,53,.22) !important;
  overflow: hidden !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  z-index: 2147483004 !important;
  transition: opacity .16s ease, transform .16s ease, visibility .16s ease !important;
}
.nav-center > li.service-areas-menu:hover > .dropdown.service-areas-dropdown,
.nav-center > li.service-areas-menu:focus-within > .dropdown.service-areas-dropdown,
.nav-center > li.service-areas-menu > .dropdown.service-areas-dropdown:hover {
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: translateX(-50%) translateY(0) !important;
}
.nav-center > li.service-areas-menu > .dropdown.service-areas-dropdown .service-area-group {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #fff !important;
  border: 0 !important;
}
.nav-center > li.service-areas-menu > .dropdown.service-areas-dropdown .service-area-group + .service-area-group {
  border-top: 1px solid #dbe4f0 !important;
}
.nav-center > li.service-areas-menu > .dropdown.service-areas-dropdown .dropdown-col-title {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 13px 18px !important;
  background: #0B1F4B !important;
  color: #fff !important;
  font-family: 'Barlow Condensed', system-ui, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.1 !important;
  font-weight: 900 !important;
  letter-spacing: .8px !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}
.nav-center > li.service-areas-menu > .dropdown.service-areas-dropdown .service-area-group a {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 13px 18px !important;
  background: #fff !important;
  color: #111827 !important;
  border: 0 !important;
  border-bottom: 1px solid #e2e8f0 !important;
  font-family: 'Barlow', system-ui, sans-serif !important;
  font-size: 15px !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  text-align: left !important;
  white-space: nowrap !important;
}
.nav-center > li.service-areas-menu > .dropdown.service-areas-dropdown .service-area-group a:last-child { border-bottom: 0 !important; }
.nav-center > li.service-areas-menu > .dropdown.service-areas-dropdown .service-area-group a:hover {
  background: #F8FAFC !important;
  color: #2563EB !important;
  padding-left: 24px !important;
}
.breadcrumb, .hero, main, section { position: relative; z-index: 0 !important; }
@media (max-width: 1024px) {
  .nav-center > li.service-areas-menu > .dropdown.service-areas-dropdown { display: none !important; }
}