*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }


:root {
  --navy:   #0B1F3A;
  --navy2:  #0F2847;
  --navy3:  #162F50;
  --blue:   #3B8FE0;
  --cream:  #F5F2EC;
  --muted:  rgba(245,242,236,.55);
  --dim:    rgba(245,242,236,.18);
  --dimmer: rgba(245,242,236,.07);
  --max:    1100px;
}


html { scroll-behavior: smooth; }
body { font-family: 'Outfit', sans-serif; background: var(--navy); color: var(--cream); min-height: 100vh; overflow-x: hidden; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }


/* CANVAS — full window, behind everything */
#networkBg {
  position: fixed;
  top: 0; left: 0;
  width: 100vw !important;
  height: 100vh !important;
  pointer-events: none;
  z-index: 0;
}


/* NAV */
.nav {
  display: flex; align-items: center; justify-content: space-between;
  padding: 0 48px; height: 60px;
  border-bottom: 1px solid var(--dimmer);