/* ── NAV BASE ── */
    nav {
      position: fixed; top: 0; left: 0; right: 0; z-index: 100;
      background: rgba(0,0,0,0.88);
      backdrop-filter: blur(16px);
      -webkit-backdrop-filter: blur(16px);
      border-bottom: 1px solid var(--border);
    }
    .nav-bar {
      display: flex; align-items: center; justify-content: space-between;
      padding: .9rem 2rem;
      max-width: 1100px; margin: 0 auto;
    }
    .nav-logo {
      font-size: 1.3rem; font-weight: 900; letter-spacing: -1px;
      color: var(--text); flex-shrink: 0;
      text-decoration: none;
    }
    .nav-logo img{
      width: 150px;
      height: 50px;
      object-fit:cover;
    }
    .nav-logo span { color: var(--accent); }
    .nav-links { display: flex; gap: 1.5rem; list-style: none; }
    .nav-links a {
      color: rgba(255,255,255,0.6); text-decoration: none;
      font-size: .88rem; font-weight: 500;
      transition: color .2s;
      position: relative; padding-bottom: 3px;
    }
    .nav-links a::after {
      content: '';
      position: absolute; bottom: 0; left: 0; right: 0;
      height: 1.5px; background: var(--accent);
      transform: scaleX(0); transform-origin: left;
      transition: transform .25s ease;
    }
    .nav-links a:hover { color: var(--accent); }
    .nav-links a:hover::after { transform: scaleX(1); }
    .nav-cta {
      background: var(--accent); color: #000; border: none; border-radius: 8px;
      padding: .5rem 1.25rem; font-weight: 700; font-size: .85rem;
      cursor: pointer; text-decoration: none;
      transition: background .2s, transform .15s, box-shadow .2s;
      flex-shrink: 0;
    }
    .nav-cta:hover {
      background: var(--accent2); transform: translateY(-1px);
      box-shadow: 0 4px 16px rgba(6,235,212,0.4);
    }

    /* ── HAMBURGER ── */
    .nav-hamburger {
      display: none; flex-direction: column; justify-content: center;
      gap: 5px; cursor: pointer; padding: 4px;
      background: none; border: none; flex-shrink: 0;
    }
    .nav-hamburger span {
      display: block; width: 24px; height: 2px;
      background: var(--text); border-radius: 2px;
      transition: transform .3s, opacity .3s;
      transform-origin: center;
    }
    nav.menu-open .nav-hamburger span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
    nav.menu-open .nav-hamburger span:nth-child(2) { opacity: 0; transform: scaleX(0); }
    nav.menu-open .nav-hamburger span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

    /* ── MOBILE MENU ── */
    .nav-mobile-menu {
      display: none; flex-direction: column;
      padding: 1rem 1.5rem 1.5rem;
      border-top: 1px solid var(--border);
      gap: .25rem;
    }
    nav.menu-open .nav-mobile-menu { display: flex; }
    .nav-mobile-menu a {
      color: rgba(255,255,255,0.8); text-decoration: none;
      font-size: 1rem; font-weight: 500; padding: .75rem .5rem;
      border-bottom: 1px solid rgba(255,255,255,0.07);
      transition: color .2s;
    }
    .nav-mobile-menu a:last-of-type { border-bottom: none; }
    .nav-mobile-menu a:hover { color: var(--accent); }
    .nav-mobile-cta {
      margin-top: .75rem;
      background: var(--accent); color: #000 !important;
      text-align: center; border-radius: 10px;
      font-weight: 800 !important; padding: .85rem !important;
      border-bottom: none !important;
    }
    .nav-mobile-cta:hover { background: var(--accent2); }

    /* ── RESPONSIVE ── */
    @media (max-width: 640px) {
      .nav-bar { padding: .75rem 1.25rem; }
      .nav-links { display: none; }
      .nav-cta { display: none; }
      .nav-hamburger { display: flex; }
    }