/* Navigation — hudled landing */

  nav {
    position: fixed;
    top: 0; left: 0; right: 0;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 48px;
    background: linear-gradient(to bottom, rgba(8,10,13,.95), transparent);
    backdrop-filter: blur(4px);
  }

  .nav-logo {
    font-family: var(--display);
    font-size: 28px;
    letter-spacing: 4px;
    color: var(--led);
    text-shadow: 0 0 20px var(--led), 0 0 60px rgba(0,255,224,.2);
  }

  .nav-links {
    display: flex;
    gap: 36px;
    list-style: none;
  }

  .nav-links a {
    font-family: var(--mono);
    font-size: 12px;
    letter-spacing: 2px;
    color: var(--muted);
    text-decoration: none;
    text-transform: uppercase;
    transition: color .2s;
  }

  .nav-links a:hover { color: var(--led); }

  .nav-cta {
    font-family: var(--mono);
    font-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--black);
    background: var(--led);
    border: none;
    padding: 10px 24px;
    cursor: pointer;
    clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px));
    transition: box-shadow .2s, transform .2s;
  }
  .nav-cta:hover {
    box-shadow: 0 0 24px var(--led);
    transform: translateY(-1px);
  }