/* Inner pages only: About, Help, Privacy, Terms — banner background (network) */

.page-header--network-bg.page-header--oae.page-header--mobility {
  background-image: linear-gradient(128deg, #061b3a 0%, #082b63 48%, #051528 100%) !important;
  background-color: #061b3a !important;
}

.page-header--network-bg.page-header--oae::before,
.page-header--network-bg.page-header--oae.page-header--mobility::before {
  background: linear-gradient(
    135deg,
    rgba(6, 27, 58, 0.62) 0%,
    rgba(8, 43, 99, 0.48) 45%,
    rgba(5, 21, 40, 0.55) 100%
  ) !important;
}

.page-header--network-bg .page-header__scene-art,
.page-header--network-bg .page-header__road-lines,
.page-header--network-bg .page-header__map-grid,
.page-header--network-bg .page-header__ambient,
.page-header--network-bg .page-header__float {
  display: none !important;
}

.page-header--network-bg .page-header__scene {
  overflow: hidden;
}

.page-header--network-bg .page-header__network-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
}

.page-header--network-bg .page-header__network-svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  opacity: 0.92;
}

.page-header--network-bg .page-header__network-particles {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  overflow: hidden;
}

.page-header--network-bg .page-header__network-particle {
  position: absolute;
  border-radius: 50%;
  background: #5eb8ff;
  box-shadow: 0 0 8px rgba(30, 136, 255, 0.55);
  opacity: 0.38;
  animation: page-hero-net-particle-drift 7s ease-in-out infinite;
}

.page-header--network-bg .page-header__network-particle:nth-child(1)  { left: 8%;  top: 12%; width: 3px; height: 3px; }
.page-header--network-bg .page-header__network-particle:nth-child(2)  { left: 18%; top: 28%; width: 2px; height: 2px; animation-delay: 0.7s; }
.page-header--network-bg .page-header__network-particle:nth-child(3)  { left: 28%; top: 8%;  width: 3px; height: 3px; animation-delay: 1.2s; }
.page-header--network-bg .page-header__network-particle:nth-child(4)  { left: 42%; top: 22%; width: 2px; height: 2px; animation-delay: 0.3s; }
.page-header--network-bg .page-header__network-particle:nth-child(5)  { left: 55%; top: 14%; width: 3px; height: 3px; animation-delay: 1.8s; }
.page-header--network-bg .page-header__network-particle:nth-child(6)  { left: 68%; top: 32%; width: 2px; height: 2px; animation-delay: 0.9s; }
.page-header--network-bg .page-header__network-particle:nth-child(7)  { left: 78%; top: 10%; width: 3px; height: 3px; animation-delay: 2.1s; }
.page-header--network-bg .page-header__network-particle:nth-child(8)  { left: 88%; top: 26%; width: 2px; height: 2px; animation-delay: 1.4s; }
.page-header--network-bg .page-header__network-particle:nth-child(9)  { left: 12%; top: 58%; width: 3px; height: 3px; animation-delay: 0.5s; }
.page-header--network-bg .page-header__network-particle:nth-child(10) { left: 35%; top: 72%; width: 2px; height: 2px; animation-delay: 2.4s; }
.page-header--network-bg .page-header__network-particle:nth-child(11) { left: 62%; top: 65%; width: 3px; height: 3px; animation-delay: 1.1s; }
.page-header--network-bg .page-header__network-particle:nth-child(12) { left: 82%; top: 78%; width: 2px; height: 2px; animation-delay: 1.7s; }

.page-header--network-bg .page-header__network-svg .nk-network-link {
  animation: page-hero-net-link-pulse 4.5s ease-in-out infinite;
}

.page-header--network-bg .page-header__network-svg .nk-network-link:nth-child(odd) {
  animation-delay: 0.8s;
}

.page-header--network-bg .page-header__network-svg .nk-network-spark {
  animation: page-hero-net-spark 3.2s ease-in-out infinite;
}

.page-header--network-bg .page-header__network-svg .nk-network-person {
  animation: page-hero-net-person-pulse 5s ease-in-out infinite;
}

.page-header--network-bg .page-header__network-svg .nk-traveler {
  filter: drop-shadow(0 0 10px rgba(30, 136, 255, 0.55));
}

.page-header--network-bg .page-header__network-svg .nk-network-node {
  transition: fill 0.22s ease, filter 0.22s ease;
}

.page-header--network-bg .page-header__network-svg .nk-network-node:hover {
  fill: #42b4ff;
  filter: drop-shadow(0 0 14px rgba(66, 180, 255, 0.95));
}

@keyframes page-hero-net-particle-drift {
  0%, 100% {
    transform: translate(0, 0);
    opacity: 0.32;
  }
  50% {
    transform: translate(-4px, 6px);
    opacity: 0.62;
  }
}

@keyframes page-hero-net-link-pulse {
  0%, 100% { opacity: 0.18; }
  50% { opacity: 0.42; }
}

@keyframes page-hero-net-spark {
  0%, 100% { opacity: 0.35; }
  50% { opacity: 0.8; }
}

@keyframes page-hero-net-person-pulse {
  0%, 100% { opacity: 0.82; }
  50% { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
  .page-header--network-bg .page-header__network-particle,
  .page-header--network-bg .page-header__network-svg .nk-network-link,
  .page-header--network-bg .page-header__network-svg .nk-network-spark,
  .page-header--network-bg .page-header__network-svg .nk-network-person {
    animation: none !important;
  }

  .page-header--network-bg .page-header__network-svg .nk-network-travelers {
    display: none;
  }
}