.navdrop{display:inline-flex!important;align-items:center;gap:.35rem}.chevron{width:17px;height:17px;transition:.2s}.navdrop[aria-expanded="true"] .chevron{transform:rotate(180deg)}.mega-services{right:auto;left:50%;transform:translateX(-50%);top:3.1rem;width:min(1120px,calc(100vw - 40px));padding:0;grid-template-columns:1fr!important;gap:0;overflow:hidden;max-height:calc(100vh - 100px);overflow-y:auto}.mega-intro{display:grid;grid-template-columns:auto 1fr;gap:1rem;padding:1.35rem 1.5rem;border-bottom:1px solid var(--line);background:linear-gradient(135deg,color-mix(in srgb,var(--teal) 10%,var(--surface)),var(--surface))}.mega-intro h2{font-size:1.5rem}.mega-intro p{margin:.2rem 0}.mega-mark,.mega-icon{display:grid;place-items:center;color:var(--teal);border-radius:14px;background:color-mix(in srgb,var(--teal) 12%,transparent)}.mega-mark{width:54px;height:54px}.mega-mark svg{width:28px;height:28px}.mega-service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.65rem;padding:1.2rem}.mega-service{display:grid!important;grid-template-columns:auto 1fr auto;gap:.8rem;align-items:start;padding:1rem!important;border:1px solid transparent}.mega-service:hover{border-color:color-mix(in srgb,var(--teal) 35%,transparent)}.mega-icon{width:42px;height:42px}.mega-icon svg{width:21px;height:21px}.mega-service small,.mega-service strong,.mega-service em{display:block}.mega-service small{font-size:.65rem;letter-spacing:.12em;color:var(--teal);font-weight:800}.mega-service strong{font-size:.95rem}.mega-service em{font-size:.75rem;color:var(--muted);font-style:normal;line-height:1.35;margin-top:.25rem}.mega-service>b{color:var(--teal)}.mega-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.4rem;background:color-mix(in srgb,var(--teal) 7%,var(--surface));border-top:1px solid var(--line)}.mega-footer>span{display:flex;flex-direction:column}.mega-footer small{color:var(--muted)}.nav>a.active{color:var(--teal);background:color-mix(in srgb,var(--teal) 10%,transparent);border-radius:10px}.why-hero{padding:clamp(5rem,9vw,8rem) 0;background:radial-gradient(circle at 12% 18%,color-mix(in srgb,var(--teal) 18%,transparent),transparent 30%)}.why-hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:4rem;align-items:center}.why-hero h1{font-size:clamp(3rem,7vw,5.2rem)}.why-hero h1 em{font-style:normal;color:var(--teal)}.why-photo{position:relative;overflow:hidden;border-radius:30px;box-shadow:var(--shadow)}.why-photo img{display:block;width:100%;min-height:500px;object-fit:cover;transition:.6s}.why-photo:hover img{transform:scale(1.04)}.why-photo figcaption{position:absolute;left:1rem;right:1rem;bottom:1rem;padding:1rem 1.2rem;border-radius:16px;background:#071112c9;color:white;backdrop-filter:blur(10px)}.why-photo figcaption b,.why-photo figcaption span{display:block}.why-photo figcaption span{color:#c4d1d2}.why-proof{border-block:1px solid var(--line);background:var(--surface)}.proof-grid{display:grid;grid-template-columns:repeat(4,1fr)}.proof-grid div{padding:1.5rem;border-right:1px solid var(--line)}.proof-grid b,.proof-grid span{display:block}.proof-grid b{color:var(--teal);font-size:1.1rem}.proof-grid span{color:var(--muted)}.why-bento{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.why-card{position:relative;border:1px solid var(--line);background:var(--surface);border-radius:22px;padding:1.5rem;transition:.25s}.why-card:hover{transform:translateY(-7px);border-color:var(--teal);box-shadow:var(--shadow)}.why-card>span{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;color:var(--teal);background:color-mix(in srgb,var(--teal) 12%,transparent)}.why-card h3{font-size:1.35rem;margin-top:1.3rem}.why-card a{color:var(--teal);font-weight:800}.why-large{grid-row:span 2;background:linear-gradient(145deg,color-mix(in srgb,var(--teal) 12%,var(--surface)),var(--surface))}.why-process{padding:clamp(4.5rem,8vw,7rem) 0;background:#0c2023;color:white}.why-process p{color:#b8cdcf}.why-steps{display:grid;gap:.8rem}.why-steps article{display:grid;grid-template-columns:auto 1fr;gap:1rem;padding:1rem;border:1px solid #ffffff1f;border-radius:16px;transition:.2s}.why-steps article:hover{transform:translateX(7px);background:#ffffff0b}.why-steps article>b{color:#f4a33c}.why-steps h3{font-size:1.2rem}.why-steps p{margin:.25rem 0}.actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.8rem}@media(max-width:1050px){.mega-service-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:950px){.mega-services{position:static;transform:none;width:100%;max-height:none}.mega-intro{display:none}.mega-footer{align-items:flex-start;flex-direction:column}.why-hero-grid{grid-template-columns:1fr}.proof-grid{grid-template-columns:1fr 1fr}.why-bento{grid-template-columns:1fr 1fr}.why-large{grid-row:auto}}@media(max-width:600px){.mega-service-grid,.proof-grid,.why-bento{grid-template-columns:1fr}.mega-service em{display:none}}

/* Industries nav dropdown - moved from industries.css so that file can be
   page-specific (industry.php + location.php only) while this one, which
   already holds the Services dropdown, stays the global home for both of
   the nav's mega-menus. */
.mega-industry {
  right: -320px;
  top: 3.1rem;
  width: min(880px, calc(100vw - 40px));
  padding: 0;
  grid-template-columns: 1fr !important;
  gap: 0;
  overflow: hidden;
}

.industry-menu-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .5rem;
  padding: 1rem;
}

.industry-menu-grid > a {
  display: grid !important;
  grid-template-columns: auto 1fr auto;
  align-items: start;
  gap: .8rem;
  padding: 1rem !important;
  border: 1px solid transparent;
}

.industry-menu-grid > a:hover {
  border-color: color-mix(in srgb, var(--teal) 35%, transparent);
}

.industry-menu-grid > a > span {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 13px;
  background: color-mix(in srgb, var(--teal) 12%, transparent);
  color: var(--teal);
}

.industry-menu-grid svg {
  width: 21px;
  height: 21px;
}

.industry-menu-grid strong, .industry-menu-grid small {
  display: block;
}

.industry-menu-grid small {
  font-size: .75rem;
  color: var(--muted);
  line-height: 1.35;
  margin-top: .25rem;
}

.industry-menu-grid > a > b {
  color: var(--teal);
}

@media (max-width: 1050px) {
  .industry-menu-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 950px) {
  .mega-industry {
    position: static;
    transform: none;
    width: 100%;
    max-height: none;
  }
}

@media (max-width: 650px) {
  .industry-menu-grid small {
    display: none;
  }
}