/* ==========================================================================
   Responsive breakpoints — 1920 / 1440 / 1200 / 992 / 768 / 425 / 375 / 320
   ========================================================================== */

/* ----- 1440px and below: tighten hero art scale slightly ----- */
@media (max-width:1440px){
  .hero-inner{ gap:30px; }
}

/* ----- 1200px: nav gap tightening ----- */
@media (max-width:1200px){
  .nav-links{ gap:22px; }
  .services-grid{ grid-template-columns:repeat(3,1fr); }
}

/* ----- 992px: switch to tablet layouts ----- */
@media (max-width:992px){
  .hero-inner{ grid-template-columns:1fr; text-align:center; }
  .hero-copy{ order:1; }
  .hero-art{ order:0; margin-bottom:10px; }
  .hero-sub{ margin-inline:auto; }
  .hero-actions,.hero-trust{ justify-content:center; }

  .plans-grid{ grid-template-columns:repeat(3,1fr); }
  .plan-card.featured{ transform:scale(1); }
  .plan-card.featured:hover{ transform:translateY(-8px); }

  .offers-grid,.why-grid{ grid-template-columns:repeat(2,1fr); }
  .stats-grid{ grid-template-columns:repeat(2,1fr); row-gap:36px; }
  .testimonial-track{ grid-template-columns:1fr; }
  .contact-grid{ grid-template-columns:1fr; }
  .footer-grid{ grid-template-columns:1fr 1fr; row-gap:36px; }

  .nav-links{
    position:fixed; top:0; right:0; height:100vh; width:min(320px,80%);
    background:#05142a; flex-direction:column; align-items:flex-start;
    padding:100px 32px 40px; gap:24px;
    box-shadow:-10px 0 40px rgba(10,102,255,0.12);
    transform:translateX(100%); transition:transform .35s var(--ease);
    z-index:-2;
  }
  .nav-links.open{ transform:translateX(0); }
  .nav-auth{ flex-direction:column; align-items:stretch; width:100%; margin-left:0; margin-top:10px; }
  .nav-link::after{ display:none; }
  .hamburger{ display:flex; }
}

/* ----- 768px: tablet portrait / large phone ----- */
@media (max-width:768px){
  .services-grid{ grid-template-columns:repeat(2,1fr); }
  .plans-grid{ grid-template-columns:1fr; max-width:400px; margin-inline:auto; }
  .form-grid{ grid-template-columns:1fr; }
  .recharge-card{ padding:32px 22px; margin-top:-40px; }
  .hero{ padding:130px 0 70px; }
  .section-head{ margin-bottom:40px; }
  .services-section,.plans-section,.offers-section,.why-section,.testimonials-section,.faq-section,.contact-section{ padding:70px 0; }
}

/* ----- 425px: mobile ----- */
@media (max-width:425px){
  .offers-grid,.why-grid{ grid-template-columns:1fr; }
  .stats-grid{ grid-template-columns:1fr 1fr; }
  .hero-actions{ flex-direction:column; width:100%; }
  .hero-actions .btn{ width:100%; }
  .footer-grid{ grid-template-columns:1fr; }
  .newsletter-form{ flex-direction:column; }
  .newsletter-card{ padding:40px 24px; }
}

/* ----- 375px ----- */
@media (max-width:375px){
  .services-grid{ grid-template-columns:1fr; }
  .container{ width:92%; }
  .recharge-card{ padding:26px 16px; }
  .hero-copy h1{ font-size:2rem; }
}

/* ----- 320px: smallest supported ----- */
@media (max-width:320px){
  .nav-inner{ width:94%; }
  .logo-text{ font-size:1.05rem; }
  .btn-lg{ padding:14px 22px; font-size:0.92rem; }
  .modal-card{ padding:30px 22px; }
}