/* Shared navigation: five destinations and one primary contact action. */
/* Keep the link and its flex gap hidden until the CMS confirms visibility. */
html:not(.careers-enabled) .nav a[href$="careers.html"],
html:not(.careers-enabled) .nav li:has(> a[href$="careers.html"]) {
  display: none !important;
}

@media (min-width: 769px) {
  .nav .nav-links { width: auto; gap: clamp(8px, 1.5vw, 28px); }
  .nav .nav-links a { white-space: nowrap; }
  .nav .nav-links .nav-cta { margin-left: 12px; }
}
.nav .nav-links .nav-cta {
  --button-cut: 12px;
  padding: 12px 21px 12px 15px !important;
  color: #fff !important;
  background: linear-gradient(135deg, #1f8ed6 0%, #45baff 100%) !important;
  border: 0 !important;
  font-weight: 400 !important;
  clip-path: polygon(0 0, calc(100% - var(--button-cut)) 0, 100% var(--button-cut), 100% calc(100% - var(--button-cut)), calc(100% - var(--button-cut)) 100%, 0 100%);
  box-shadow: inset 0 0 18px rgba(255,255,255,.34), 0 0 18px rgba(60,184,255,.28) !important;
  transform: translateY(0) scale(1);
  transition: transform .18s cubic-bezier(.2,.8,.2,1), filter .2s ease, box-shadow .22s ease, background .22s ease;
  white-space: nowrap;
}
.nav .nav-links .nav-cta:hover,
.nav .nav-links .nav-cta:focus-visible {
  background: linear-gradient(135deg, #35aef8 0%, #72d2ff 100%) !important;
  filter: brightness(1.1);
  box-shadow: inset 0 0 22px rgba(255,255,255,.48), 0 12px 30px rgba(60,184,255,.38) !important;
  transform: translateY(-2px) scale(1.035);
}
.nav .nav-links .nav-cta:active {
  filter: brightness(.82);
  box-shadow: inset 0 0 16px rgba(255,255,255,.28), 0 4px 14px rgba(60,184,255,.22) !important;
  transform: translateY(1px) scale(.97);
}
.nav .nav-links a:focus-visible { outline: 2px solid #5bbdff; outline-offset: 4px; }
@media (max-width: 768px) {
  .nav .nav-links .nav-cta { display: inline-block; margin-top: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .nav .nav-links .nav-cta { transition: none; }
  .nav .nav-links .nav-cta:hover, .nav .nav-links .nav-cta:focus-visible, .nav .nav-links .nav-cta:active { transform: none; }
}