/* ============================================================
   NOVASMP — responsive.css
   ============================================================ */

@media (max-width:1024px){
  .about-grid{grid-template-columns:repeat(2,1fr)}
  .grid{grid-template-columns:repeat(2,1fr)}
}

@media (max-width:860px){
  section{padding:90px 0}
  .nav-links{display:none}
  .head-cta .btn-ghost,.head-cta .btn-outline{display:none}
  .burger{display:flex}
  .hero{padding:140px 0 70px;min-height:auto}
  .join-grid{grid-template-columns:1fr}
  .stats{grid-template-columns:repeat(2,1fr)}
  .cta-banner{flex-direction:column;text-align:center;padding:44px 30px}
  .cta-text p{margin:0 auto}
  .eyebrow{justify-content:center !important}
  .to-top{right:18px;bottom:18px}
}

@media (max-width:620px){
  .wrap{padding:0 20px}
  .about-grid{grid-template-columns:1fr}
  .grid{grid-template-columns:1fr}
  .hero-cta{flex-direction:column;width:100%}
  .hero-cta .btn{width:100%}
  .ip-pill{width:100%;flex-wrap:wrap;justify-content:center;text-align:center}
  .foot-inner{flex-direction:column;gap:28px}
  .card,.join-card,.about-card{padding:26px 22px}
  .logo-orbit{width:130px;height:130px}
  .hero-logo{height:100px}
  .ring-2{inset:12px}
  .marquee-track span{font-size:.92rem}
}