/* Desktop navigation stays typographic; menu artwork is mobile-only. */
.main-nav{gap:38px}
.main-nav>.nav-link,.main-nav>.nav-link:nth-child(3){position:relative;display:flex;min-height:56px;font-size:13px;font-weight:500;text-decoration:none;color:#a9bdcc}
.main-nav>.nav-link::after{content:"";position:absolute;bottom:5px;left:50%;width:40px;height:2px;background:#72d4ff;border-radius:2px;transform:translateX(-50%) scaleX(0);transition:transform .2s}
.main-nav>.nav-link:hover,.main-nav>.nav-link[aria-current]{color:#f0f7ff;text-decoration:none}
.main-nav>.nav-link:hover::after,.main-nav>.nav-link[aria-current]::after{transform:translateX(-50%) scaleX(1)}
.nav-icon,.nav-copy small,.nav-chevron,.main-nav .mobile-launch{display:none}
.companion{position:relative;isolation:isolate}
.companion::before{content:"";position:absolute;inset:0;z-index:-1;background:url("assets/companion-routes.svg") center/cover no-repeat;opacity:.65;pointer-events:none}
.companion .companion-inner{position:relative}
@media(max-width:800px){
  .network-showcase{min-height:0}
  .network-intro{min-height:0;padding-bottom:10px}
  .network-map{min-height:310px}
}
@media(max-width:600px){
  body.menu-open{overflow:hidden}
  body.menu-open::after{content:"";position:fixed;inset:66px 0 0;background:#050e19f5;z-index:40}
  .site-header{z-index:50}
  .main-nav{position:fixed;top:86px;left:10px;right:10px;max-height:calc(100dvh - 108px);overflow-y:auto;flex-direction:column;gap:0;padding:18px 26px 28px;background:linear-gradient(130deg,#0b2032,#071522);border:1px solid #28506a;border-radius:18px;box-shadow:0 20px 60px #0005}
  .main-nav.is-open{display:flex}
  .main-nav>.nav-link,.main-nav>.nav-link:nth-child(3){width:100%;min-height:106px;gap:20px;padding:20px 0;font-size:17px;color:#e8f2fb}
  .main-nav>.nav-link+.nav-link{border-top:1px solid #29475d66}
  .main-nav>.nav-link::after{display:none}
  .nav-icon{display:grid;place-items:center;flex-shrink:0;width:48px;height:48px;border-radius:50%;border:1px solid #24475f66;background:#0c273b80;color:#a5d7f3}
  .nav-icon .icon{width:23px;height:23px}
  .nav-copy small{display:block;margin-top:6px;font-size:12px;font-weight:400;color:#7e9eb6}
  .nav-chevron{display:block;margin-left:auto;font-size:26px;font-weight:400;color:#8baabe}
  .main-nav .mobile-launch{display:flex;justify-content:center;width:100%;min-height:58px;margin-top:22px;border-radius:99px}
  .menu-button[aria-expanded="true"] .menu-icon path{d:path("M5 5L19 19M5 19L19 5")}
  .network-intro{padding-top:30px}
  .network-intro h2{margin-top:10px}
  .network-map{min-height:280px}
  .companion::before{background-position:35% center;opacity:.5}
}

/* Fluid colour stays behind the orb and text and cannot intercept clicks. */
.companion-fluid{position:absolute;inset:0;display:block;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.72}
.companion .companion-inner{z-index:1}
@media(any-hover:none){.companion-fluid{display:none}}