/* =========================================================
   Speedx Services — responsive.css
   ========================================================= */

/* Large tablet / small desktop */
@media (max-width: 1080px) {
    .sx-grid--services, .sx-grid--features { grid-template-columns: repeat(2, 1fr); }
    .sx-grid--games, .sx-grid--benefits, .sx-grid--industries { grid-template-columns: repeat(3, 1fr); }
    .sx-hero__stats { grid-template-columns: repeat(3, 1fr); row-gap: 22px; }
    .sx-footer__grid { grid-template-columns: 1fr 1fr; }
    .sx-docs { grid-template-columns: 1fr; }
}

/* Tablet */
@media (max-width: 900px) {
    .sx-navbar__links { display: none; }
    .sx-navbar__cta { display: none; }
    .sx-navbar__burger { display: flex; }

    .sx-hero__inner { grid-template-columns: 1fr; text-align: center; }
    .sx-hero__lead { margin-left: auto; margin-right: auto; }
    .sx-hero__actions { justify-content: center; }
    .sx-hero__trust { max-width: 480px; margin: 0 auto; }
    .sx-hero__visual { order: -1; max-width: 480px; margin: 0 auto; }

    .sx-about, .sx-integrations, .sx-security, .sx-london { grid-template-columns: 1fr; }
    .sx-about__media, .sx-security__media { order: -1; }
    .sx-grid--pricing { grid-template-columns: 1fr; }
    .sx-contact { grid-template-columns: 1fr; }
    .sx-section { padding: 72px 0; }
}

/* Landscape phone / small tablet */
@media (max-width: 640px) {
    .sx-container { padding: 0 18px; }
    .sx-grid--services, .sx-grid--features, .sx-grid--games,
    .sx-grid--benefits, .sx-grid--industries, .sx-grid--security { grid-template-columns: 1fr 1fr; }
    .sx-hero { padding: 130px 0 40px; }
    .sx-hero__trust { grid-template-columns: 1fr 1fr; }
    .sx-hero__stats { grid-template-columns: 1fr 1fr; padding: 20px; }
    .sx-footer__grid { grid-template-columns: 1fr; }
    .sx-footer__bar { flex-direction: column; }
    .sx-step { flex-direction: column; gap: 10px; }

    /* Sticky mobile CTA appears on phones */
    .sx-sticky-cta {
        display: inline-flex; align-items: center; gap: 8px;
        position: fixed; left: 16px; right: 16px; bottom: 16px; z-index: 820;
        justify-content: center; padding: 15px; border-radius: 14px;
        background: var(--sx-gradient); color: #fff; font-family: var(--sx-font-head);
        font-weight: 600; box-shadow: var(--sx-shadow-glow);
    }
    .sx-back-to-top { bottom: 78px; }
}

/* Small phone */
@media (max-width: 420px) {
    .sx-grid--services, .sx-grid--features, .sx-grid--games,
    .sx-grid--benefits, .sx-grid--industries, .sx-grid--security { grid-template-columns: 1fr; }
    .sx-hero__title { font-size: 2rem; }
    .sx-btn--lg { width: 100%; }
    .sx-hero__actions { flex-direction: column; }
}

/* Large screens */
@media (min-width: 1500px) {
    :root { --sx-maxw: 1320px; }
}