/* Site nav on every page: links left, logo centred (as on flightpathair.com), Support + Get the app right. */
.site-nav { background: #131E29; color: #fff; font-family: Montserrat, system-ui, sans-serif; }
.site-nav .in { max-width: 1100px; margin: 0 auto; display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); gap: 16px; align-items: center; padding: 16px 24px; font-size: 13px; font-weight: 600; }
.site-nav .links { display: flex; align-items: center; gap: 24px; }
.site-nav .links.r { justify-content: flex-end; }
.site-nav .links a, .site-nav .links span { color: inherit; text-decoration: none; opacity: .85; }
.site-nav .links a:hover, .site-nav .links a[aria-current] { opacity: 1; color: #d3bc8d; }
.site-nav .site-logo img { height: 40px; width: auto; display: block; }
.site-nav .cta { border: 1px solid rgba(255,255,255,.55); padding: 8px 16px; border-radius: 999px; opacity: 1 !important; white-space: nowrap; }
.site-nav .links a.cta:hover { color: #fff; border-color: #d3bc8d; }
/* Homepage: transparent over the hero photo */
.site-nav.overlay { position: absolute; top: 0; left: 0; right: 0; z-index: 10; background: transparent; } /* above the hero text (z-index 3) */
.site-nav.overlay .in { max-width: none; padding: 20px 40px; }
.site-nav.overlay .cta { background: #131E29; box-shadow: 0 6px 16px rgba(0,0,0,.35); }
@media (max-width: 620px) {
  .site-nav .links .opt { display: none; }
  .site-nav .site-logo img { height: 30px; }
  .site-nav .in, .site-nav.overlay .in { padding: 14px 16px; gap: 10px; font-size: 12px; }
  .site-nav .cta { padding: 7px 12px; }
}
@media (max-width: 380px) { .site-nav .site-logo img { height: 24px; } }