/* Hide desktop nav on phones; show the hamburger */
@media (max-width:980px){
  #primaryNav{ display:none !important; }
  .hamb{ display:inline-flex !important; }
  header{ position:fixed; top:0; left:0; right:0; z-index:60 }
  body{ padding-top:64px; }
}
/* Hide hamburger on desktop */
@media (min-width:981px){
  .hamb{ display:none !important; }
}

/* Mobile menu overlay */
#mobileNav{
  position:fixed; inset:0; display:none;
  background:rgba(6,10,18,.55); backdrop-filter:blur(8px);
  z-index:80;
}
#mobileNav.open{ display:block; }

#mobileNav .sheet{
  position:absolute; top:0; right:0; left:0;
  background:linear-gradient(180deg,#0f1628,#0b1220);
  border-bottom:1px solid rgba(255,255,255,.1);
  box-shadow:0 10px 30px rgba(0,0,0,.45);
  padding:16px 20px 12px;
  transform:translateY(-12px); opacity:0;
  animation:slideIn .18s ease forwards;
}
@keyframes slideIn{ to{ transform:none; opacity:1 } }

#mobileNav a{
  display:block; padding:12px 2px; color:#e5e7eb; text-decoration:none;
  font-weight:600;
}
#mobileNav a.cta{
  margin-top:6px;
  display:inline-flex; padding:10px 14px; border-radius:12px;
  background:var(--brand); color:#fff; font-weight:800;
}
#mobileNav .muted{ color:#94a3b8; font-size:14px; margin-top:8px }