nav {
  position:fixed; top:0; left:0; right:0; z-index:200;
  height:66px; padding:0 6%;
  display:flex; align-items:center; justify-content:space-between;
  background:rgba(5,8,16,0.82); backdrop-filter:blur(18px);
  border-bottom:1px solid var(--border); transition:background .3s;
}
nav.sc { background:rgba(5,8,16,0.97); }

.nl { font-size:19px; font-weight:700; color:#fff; text-decoration:none; letter-spacing:-.5px; display:flex; align-items:center; gap:9px; }
.ndot { width:8px; height:8px; border-radius:50%; background:linear-gradient(135deg,var(--blue),var(--teal)); animation:breathe 3s ease-in-out infinite; }

.nlinks { display:flex; gap:4px; list-style:none; align-items:center; }
.nlinks a { color:var(--text-2); text-decoration:none; font-size:14px; font-weight:500; padding:7px 14px; border-radius:8px; transition:all .2s; }
.nlinks a:hover, .nlinks a.active { color:#fff; background:rgba(255,255,255,0.06); }

.res-wrap { position:relative; }
.res-trigger {
  color:var(--text-2); text-decoration:none; font-size:14px; font-weight:500;
  padding:7px 14px; border-radius:8px; transition:all .2s;
  background:transparent; border:0; font-family:var(--font); cursor:pointer;
}
.res-trigger:hover, .res-wrap.open .res-trigger { color:#fff; background:rgba(255,255,255,0.06); }

.mega {
  position:absolute; top:42px; left:50%; transform:translateX(-50%);
  width:360px; background:#fff; color:#111; border-radius:8px;
  box-shadow:0 20px 80px rgba(0,0,0,.35); padding:24px;
  display:none; z-index:999;
}
.res-wrap:hover .mega, .res-wrap.open .mega { display:block; }
.mega h4 { font-size:12px; letter-spacing:1.6px; text-transform:uppercase; color:#666; margin-bottom:16px; }
.mega a { display:block; color:#111!important; background:transparent!important; padding:0!important; margin-bottom:18px; text-decoration:none; }
.mega a:last-child { margin-bottom:0; }
.mega strong { display:block; font-size:18px; line-height:1.2; margin-bottom:4px; }
.mega span { display:block; font-size:14px; color:#666; line-height:1.45; }

.mobile-menu-btn {
  display:none; background:rgba(255,255,255,.05); border:1px solid var(--border);
  color:#fff; border-radius:10px; padding:9px 12px;
  font-family:var(--font); font-weight:700; cursor:pointer;
}
.mobile-panel {
  display:none; position:fixed; top:66px; left:0; right:0; z-index:199;
  background:rgba(5,8,16,.97); border-bottom:1px solid var(--border);
  padding:18px 6%; box-shadow:0 20px 60px rgba(0,0,0,.35);
}
.mobile-panel a { display:block; color:var(--text); text-decoration:none; padding:12px 0; border-bottom:1px solid rgba(255,255,255,.06); font-size:15px; font-weight:600; }
.mobile-panel a:last-child { border-bottom:0; }
.mobile-panel.open { display:block; }

.ncta {
  background:linear-gradient(135deg,var(--blue-v),#3182ce); color:#fff;
  padding:9px 22px; border-radius:8px; text-decoration:none;
  font-size:14px; font-weight:600; transition:all .2s;
  box-shadow:0 0 22px rgba(99,179,237,.2);
}
.ncta:hover { transform:translateY(-1px); box-shadow:0 0 32px rgba(99,179,237,.38); }

@media(max-width:768px) {
  .nlinks { display:none; }
  .mobile-menu-btn { display:block; }
  .ncta { display:none; }
}