/* One navigation surface for the landing page, its live React tree and A2A. */
header > .max-w-7xl { max-width: 1760px; width: 100%; gap: 16px; }
header > div > a:first-child { flex-shrink: 0; }
header .font-display { white-space: nowrap; }
header nav { margin-left: 0; }
header nav.hidden { flex: 1; min-width: 0; justify-content: center; flex-wrap: wrap; }
header nav a { white-space: nowrap; }
header nav a[aria-current="page"] { color: #67e8f9; }
header div.hidden.xl\:flex { flex-shrink: 0; }
header div.hidden > a { white-space: nowrap; }
header [data-zjsuo-entry="navdl"] { display: inline-flex; }
header button { flex-shrink: 0; min-width:44px; min-height:44px; }
header [code-path="src/sections/Navbar.tsx:109:11"] > a { min-width:44px; min-height:44px; display:inline-flex; align-items:center; justify-content:center; }
header [data-lang-switch] { flex-shrink: 0; }
header .xl\:hidden nav, header nav.xl\:hidden, #a2a-mobile-panel nav {
  max-height: calc(100dvh - 105px); overflow-y: auto; margin: 12px 20px; padding: 0;
}
header nav.xl\:hidden a, #a2a-mobile-panel nav a {
  display: block; padding: 12px 16px; border-radius: 12px;
  font-size: 16px; font-weight: 600; color: #e2e8f0; white-space: normal;
}
header nav.xl\:hidden a:hover, #a2a-mobile-panel nav a:hover { background: rgba(255,255,255,.06); }
header nav.xl\:hidden a[href*="#contact"], #a2a-mobile-panel nav a[href*="#contact"],
header nav.xl\:hidden [data-zjsuo-entry^="navreg"], #a2a-mobile-panel [data-zjsuo-entry^="navreg"],
header nav.xl\:hidden [data-zjsuo-entry^="navdl"], #a2a-mobile-panel [data-zjsuo-entry^="navdl"] {
  display: flex; align-items: center; gap: 8px; margin-top: 8px; font-size: 16px;
}
header nav.xl\:hidden a[href*="#contact"], #a2a-mobile-panel nav a[href*="#contact"] {
  background: linear-gradient(to right, #2563eb, #3b82f6); color: white;
}
header nav.xl\:hidden [data-zjsuo-entry^="navdl"], #a2a-mobile-panel [data-zjsuo-entry^="navdl"] {
  background: transparent; border: 1px solid rgba(255,255,255,.12);
}
header [hidden] { display: none !important; }
.a2a-lang-menu {
  position: absolute; top: calc(100% + 8px); right: 0; min-width: 100%;
  padding: 6px; border: 1px solid rgba(255,255,255,.1); border-radius: 12px;
  background: rgba(7,18,48,.96); box-shadow: 0 16px 40px -12px rgba(2,12,40,.6);
}
.a2a-lang-item { display: block; padding: 8px 10px; color: #cbd5e1; font-size: 13px; white-space: nowrap; }
.a2a-lang-item[aria-current="page"] { color: #67e8f9; }
.a2a-lang-item:hover { background: rgba(255,255,255,.06); }
.zjsuo-page-nav { display: flex; justify-content: center; flex-wrap: wrap; gap: 24px; padding: 16px 24px; background: #0b1632; color: #67e8f9; }
@media (max-width:359px) { header [code-path="src/components/Logo.tsx:20:7"] { display:none; } }
@media (max-width: 1279px) {
  header nav.hidden, header div.hidden.xl\:flex { display: none; }
  header [code-path="src/sections/Navbar.tsx:107:9"], header nav.xl\:hidden { display: flex; }
  header nav.xl\:hidden { flex-direction: column; }
  #a2a-mobile-panel:not([hidden]) { display: block; }
}
@media (min-width: 1280px) {
  header nav.hidden, header div.hidden.xl\:flex { display: flex; }
  header [code-path="src/sections/Navbar.tsx:107:9"], header nav.xl\:hidden, #a2a-mobile-panel { display: none; }
}