/* ============================================
   NEURALIVO — Responsive Breakpoints
   ============================================ */

/* ── Tablet (max 1024px) ── */
@media (max-width: 1024px) {
    :root {
        --header-height: 70px;
    }

    .grid--4 {
        grid-template-columns: repeat(2, 1fr);
    }

    .grid--5 {
        grid-template-columns: repeat(3, 1fr);
    }

    .hero__content {
        max-width: 650px;
    }

    .pricing-card--featured {
        transform: scale(1);
    }

    .pricing-card--featured:hover {
        transform: translateY(-4px);
    }
}

/* ── Tablet Portrait / Large Phone (max 768px) ── */
@media (max-width: 768px) {
    :root {
        --section-padding: clamp(3rem, 6vw, 5rem);
    }

    .container {
        padding: 0 var(--space-lg);
    }

    .grid--2,
    .grid--3 {
        grid-template-columns: 1fr;
    }

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

    .grid--5 {
        grid-template-columns: repeat(2, 1fr);
    }

    .section__header {
        margin-bottom: var(--space-2xl);
    }

    .section__title {
        font-size: clamp(1.5rem, 5vw, 2rem);
    }

    /* Hero */
    .hero {
        min-height: auto;
        padding: calc(var(--header-height) + var(--space-3xl)) 0 var(--space-3xl);
    }

    .hero__title {
        font-size: clamp(1.75rem, 6vw, 2.5rem);
    }

    .hero__cta {
        flex-direction: column;
        align-items: center;
    }

    .hero__cta .btn {
        width: 100%;
        max-width: 300px;
    }

    .hero__badge {
        font-size: 0.65rem;
        padding: var(--space-xs) var(--space-md);
    }

    /* Page Hero */
    .page-hero {
        min-height: 260px;
    }

    /* Stats */
    .stats-bar {
        grid-template-columns: repeat(2, 1fr);
    }

    /* Header */
    .header__nav {
        display: none;
    }

    .header__nav.active {
        display: flex;
        flex-direction: column;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background: rgba(10, 14, 23, 0.98);
        backdrop-filter: blur(20px);
        justify-content: center;
        align-items: center;
        gap: var(--space-xl);
        z-index: var(--z-overlay);
        animation: menu-slide-in 0.3s ease-out;
    }

    @keyframes menu-slide-in {
        from { opacity: 0; transform: translateY(-10px); }
        to { opacity: 1; transform: translateY(0); }
    }

    .header__nav.active .nav__link {
        font-size: var(--fs-xl);
    }

    .header__hamburger {
        display: flex !important;
    }

    .header__cta-btn {
        display: none;
    }

    /* Pricing */
    .pricing-grid {
        grid-template-columns: 1fr;
        max-width: 400px;
        margin: 0 auto;
    }

    /* Advantage Cards */
    .advantage-card {
        flex-direction: column;
        text-align: center;
        align-items: center;
    }

    /* Chat Mockup */
    .chat-bubble {
        max-width: 85%;
    }

    /* Footer */
    .footer__grid {
        grid-template-columns: 1fr;
        text-align: center;
        gap: var(--space-2xl);
    }

    .footer__links {
        justify-content: center;
    }
}

/* ── Phone (max 480px) ── */
@media (max-width: 480px) {
    .container {
        padding: 0 var(--space-md);
    }

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

    .stats-bar {
        grid-template-columns: 1fr;
    }

    .card {
        padding: var(--space-xl);
    }

    .pricing-card {
        padding: var(--space-xl) var(--space-lg);
    }

    .hero__glow--primary,
    .hero__glow--secondary {
        width: 300px;
        height: 300px;
    }

    .btn--lg {
        padding: 14px 28px;
        font-size: var(--fs-base);
    }

    .section__label {
        font-size: 0.65rem;
    }
}

/* ── Desktop Large (min 1440px) ── */
@media (min-width: 1440px) {
    .container {
        padding: 0 var(--space-3xl);
    }
}