/* ==========================================================================
   DrWeb — responsive.css
   ========================================================================== */

@media (max-width: 1080px){
  .app-grid{ grid-template-columns:repeat(3,1fr); }
  .hero__grid{ gap:40px; }
  .why__grid{ grid-template-columns:repeat(2,1fr); }
}

@media (max-width: 960px){
  .nav__links{ display:none; }
  .nav__burger{ display:flex; }
  .nav.is-open .nav__links{
    display:flex; flex-direction:column; position:absolute; top:100%; left:0; right:0;
    background:rgba(5,15,39,.97); backdrop-filter:blur(16px); padding:24px; gap:18px;
    border-bottom:1px solid var(--glass-border);
  }

  .hero{ padding-top:120px; }
  .hero__grid{ grid-template-columns:1fr; }
  .hero__visual{ height:360px; margin-top:20px; }
  .device--laptop{ max-width:100%; }
  .device--tablet{ display:none; }

  .ia__grid{ grid-template-columns:1fr; }
  .ia__visual{ order:-1; }

  .hosting__grid{ grid-template-columns:1fr; }
  .hosting__visual{ order:-1; max-width:360px; margin:0 auto; }

  .contact__grid{ grid-template-columns:1fr; }

  .plans__grid{ grid-template-columns:1fr; }
  .plan-card--featured{ transform:none; order:-1; }
  .plan-card--featured:hover{ transform:translateY(-6px); }

  .timeline{ grid-template-columns:repeat(3,1fr); row-gap:34px; }
  .timeline__line{ display:none; }
}

@media (max-width: 720px){
  .app-grid{ grid-template-columns:repeat(2,1fr); }
  .why__grid{ grid-template-columns:1fr; }
  .domain-grid{ grid-template-columns:1fr; }
  .contact__form{ grid-template-columns:1fr; padding:28px; }
  .section{ padding:84px 0; }
  .hero__proof{ gap:26px; flex-wrap:wrap; }
  .timeline{ grid-template-columns:repeat(2,1fr); }
}

@media (max-width: 480px){
  .app-grid{ grid-template-columns:1fr; }
  .hero__title{ font-size:2.1rem; }
  .hero__cta{ flex-direction:column; align-items:stretch; }
  .hero__cta .btn{ width:100%; }
  .cursor-glow{ display:none; }
  .whatsapp-fab{ width:50px; height:50px; bottom:18px; right:18px; }
}