/* ============================================================
   Growth Galaxy — responsive.css
   Breakpoints: 900px (tablet), 820px (nav collapse), 600px (mobile)
   ============================================================ */

@media(max-width:900px){
  .growth-chip,.hud-corner{display:none;}
  .pricing-row{grid-template-columns:1fr;}
  .price-card.pop{transform:none;}
  .grid3,.grid4{grid-template-columns:1fr 1fr;}
  .prod-grid{grid-template-columns:1fr 1fr;}
  .contact-grid{grid-template-columns:1fr;}
}

@media(max-width:820px){
  .nav-links{display:none;}
}

@media(max-width:600px){
  .grid3,.grid4{grid-template-columns:1fr;}
  .prod-grid{grid-template-columns:1fr;}
  section{padding:90px 20px;}
  .hero{padding-top:100px;}
}