/* Header "Services" dropdown (CSS only). Lives outside /css/ because vercel.json
   caches /css/* as immutable, so changes here reach visitors on the next deploy. */
.nav-dd { position: relative; }
.nav-dd-trigger { display: inline-flex; align-items: center; gap: 6px; }
.nav-dd-chev { width: 12px; height: 12px; transition: rotate 150ms cubic-bezier(0.23, 1, 0.32, 1); }
.nav-dd:hover .nav-dd-chev,
.nav-dd:focus-within .nav-dd-chev { rotate: 180deg; }
.nav-dd:hover .nav-dd-trigger,
.nav-dd:focus-within .nav-dd-trigger { color: #fff; }

.nav-dd-panel {
  position: absolute;
  top: 100%;
  left: 50%;
  translate: -50% 4px;
  padding-top: 16px; /* bridges the gap so the pointer can travel into the menu */
  opacity: 0;
  visibility: hidden;
  transition: opacity 150ms cubic-bezier(0.23, 1, 0.32, 1), translate 150ms cubic-bezier(0.23, 1, 0.32, 1), visibility 0s linear 150ms;
  z-index: 60;
}
.nav-dd:hover .nav-dd-panel,
.nav-dd:focus-within .nav-dd-panel {
  opacity: 1;
  visibility: visible;
  translate: -50% 0;
  transition-delay: 0s;
}
.nav-dd-list {
  width: 300px;
  margin: 0;
  padding: 8px;
  list-style: none;
  background: #152E26;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.45);
}
.nav-dd-item {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 10px 12px;
  border-radius: 8px;
  text-decoration: none;
  transition: background-color 150ms cubic-bezier(0.23, 1, 0.32, 1);
}
.nav-dd-item:hover,
.nav-dd-item:focus-visible { background: rgba(255, 255, 255, 0.06); outline: none; }
.nav-dd-item:focus-visible { box-shadow: inset 0 0 0 2px #8FB5A6; }
.nav-dd-title {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
}
.nav-dd-ext { width: 12px; height: 12px; color: #8FB5A6; }
.nav-dd-desc { font-size: 13px; line-height: 1.4; color: #A3B2AB; }

@media (prefers-reduced-motion: reduce) {
  .nav-dd-chev { transition: none; }
  .nav-dd-panel { transition: opacity 150ms linear, visibility 0s linear 150ms; translate: -50% 0; }
  .nav-dd:hover .nav-dd-panel, .nav-dd:focus-within .nav-dd-panel { transition-delay: 0s; }
}