/* =========================================
   RESPONSIVE
   ========================================= */

/* ---- Tablet (≤900px) ---- */
@media (max-width: 900px) {
    .hero-inner {
        grid-template-columns: 1fr;
        gap: 3rem;
        text-align: center;
        padding: 3rem 1.5rem 4rem;
    }
    .hero-badge { justify-content: center; }
    .hero-subtitle { margin-left: auto; margin-right: auto; }
    .hero-ctas { justify-content: center; }
    .hero-trust { text-align: center; }

    .hero-visual {
        justify-content: center;
        order: -1;
    }
    .chat-mockup {
        max-width: 340px;
        transform: none !important;
    }
    .float-speed { top: -5%; right: -4%; }
    .float-rating { bottom: -5%; left: -4%; }

    .footer-inner {
        grid-template-columns: 1fr 1fr;
        gap: 2rem;
    }
    .footer-brand { grid-column: 1 / -1; }
    .footer-cols { display: contents; }

    .stat-divider { display: none; }
    .stats-inner { gap: 0; }
    .stat-item { min-width: 130px; }
}

/* ---- Mobile (≤640px) ---- */
@media (max-width: 640px) {
    /* Navbar */
    .navbar-menu { display: none; }
    .navbar-actions { display: none; }
    .hamburger { display: flex; }

    .navbar-menu.open {
        display: flex;
        flex-direction: column;
        position: fixed;
        top: 64px; left: 0; right: 0; bottom: 0;
        background: rgba(10,26,21,.97);
        backdrop-filter: blur(16px);
        padding: 2rem;
        gap: 1.5rem;
        z-index: 998;
    }
    .navbar-menu.open .nav-link {
        font-size: 1.1rem;
        color: var(--text);
    }
    .navbar-menu.open ~ .navbar-actions {
        display: flex;
        flex-direction: column;
        position: fixed;
        bottom: 2rem; left: 2rem; right: 2rem;
        z-index: 999;
        gap: .75rem;
    }

    /* Hero */
    .hero { padding-top: 4.5rem; }
    .hero-inner { padding: 2rem 1rem 3rem; gap: 2rem; }
    .hero-title { font-size: 1.9rem; }
    .hero-subtitle { font-size: .92rem; }
    .hero-ctas .btn { width: 100%; justify-content: center; }
    .hero-ctas { flex-direction: column; }

    .chat-mockup { max-width: 300px; }
    .float-speed, .float-rating { display: none; }

    /* Channels */
    .channels-row { gap: .5rem; }
    .channel-pill { padding: .4rem .75rem; font-size: .75rem; }

    /* Features */
    .features { padding: 4rem 0; }
    .features-grid { grid-template-columns: 1fr; }
    .feat-card { padding: 1.5rem; }

    /* Planes */
    .planes { padding: 4rem 0; }
    .planes-grid { grid-template-columns: 1fr; }
    .plan-featured { transform: none !important; }

    /* Stats */
    .stats-section { padding: 2.5rem 1rem; }
    .stats-inner { flex-wrap: wrap; }
    .stat-item { min-width: 45%; }

    /* CTA */
    .cta-final { padding: 4rem 0; }
    .cta-btns { flex-direction: column; align-items: center; }
    .cta-btns .btn { width: 100%; max-width: 320px; justify-content: center; }
    .cta-contact-row { flex-direction: column; gap: .4rem; }

    /* Footer */
    .footer-inner { grid-template-columns: 1fr; gap: 1.75rem; }
    .footer-brand { grid-column: auto; }

    /* Section spacing */
    section.section-inner { padding: 0 1rem; }
    .section-header { margin-bottom: 2.5rem; }
}

/* ---- Large screens (≥1280px) ---- */
@media (min-width: 1280px) {
    .hero-title { font-size: 4rem; }
    .chat-mockup { max-width: 420px; }
}