/* ==========================================================================
   START-ROOT — Responsive
   ========================================================================== */

@media (max-width: 1080px){
  .card-grid{ grid-template-columns:repeat(2,1fr); }
  .plan-grid{ grid-template-columns:repeat(2,1fr); }
  .team-grid{ grid-template-columns:repeat(2,1fr); }
  .location-list{ grid-template-columns:repeat(2,1fr); }
  .tld-grid{ grid-template-columns:repeat(3,1fr); }
  .footer-top{ grid-template-columns:1.2fr 1fr 1fr; row-gap:36px; }
  .values-grid{ grid-template-columns:repeat(2,1fr); }
}

@media (max-width: 900px){
  .hero .wrap{ grid-template-columns:1fr; }
  .hero-rack-visual{ order:-1; max-width:320px; margin:0 auto; }
  .contact-cards{ grid-template-columns:1fr; }
  .form-grid{ grid-template-columns:1fr; }
  .cta-band{ padding:40px 28px; }
}

@media (max-width: 760px){
  .wrap{ padding:0 18px; }
  .section{ padding:64px 0; }

  .status-bar .wrap{ font-size:11px; gap:10px; }
  .status-bar .status-item span.long{ display:none; }

  .nav-links{
    position:fixed; top:0; right:0; height:100vh; width:min(300px,80vw);
    background:var(--bg-alt); border-left:1px solid var(--border);
    flex-direction:column; align-items:stretch; padding:88px 20px 20px;
    transform:translateX(100%); transition:transform .25s ease; z-index:90;
    gap:4px;
  }
  .nav-links.is-open{ transform:translateX(0); }
  .nav-links a{ padding:14px 12px; font-size:16px; }
  .nav-toggle{ display:flex; }
  .nav-actions .btn-secondary{ display:none; }

  .nav-overlay{ display:none; position:fixed; inset:0; background:rgba(0,0,0,.55); z-index:80; }
  .nav-overlay.is-open{ display:block; }

  .card-grid, .card-grid.cols-3, .plan-grid, .plan-grid.cols-3{ grid-template-columns:1fr; }
  .team-grid{ grid-template-columns:1fr; }
  .location-list{ grid-template-columns:1fr; }
  .tld-grid{ grid-template-columns:repeat(2,1fr); }
  .values-grid{ grid-template-columns:1fr; }

  .footer-top{ grid-template-columns:1fr; row-gap:32px; }
  .footer-bottom{ flex-direction:column; align-items:flex-start; }

  .cta-band{ flex-direction:column; align-items:flex-start; }

  .timeline-item{ grid-template-columns:1fr; gap:8px; }

  .hero-stats{ gap:24px; }
  .hero-cta{ flex-direction:column; align-items:stretch; }
  .hero-cta .btn{ width:100%; }

  .domain-checker{ padding:24px 20px; }
  .domain-form{ flex-direction:column; }

  .form-panel{ padding:24px 20px; }
}

@media (max-width: 480px){
  .hero{ padding:48px 0 64px; }
  .terminal-body{ font-size:12px; min-height:220px; }
  .section-head h2{ font-size:26px; }
  .tld-grid{ grid-template-columns:repeat(2,1fr); }
  .trust-strip .wrap{ justify-content:flex-start; gap:16px; }
}