/* ============================================
   DIGITAL LAVROS — RESPONSIVE BREAKPOINTS
   ============================================ */

/* --- Tablet: 992px --- */
@media (max-width: 992px) {
    .services-grid {
        grid-template-columns: repeat(2, 1fr);
    }

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

    .pricing-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: var(--gap-sm);
    }

    .demo-content {
        grid-template-columns: 1fr;
        gap: var(--gap-md);
    }

    .demo-text { text-align: center; }
}

/* --- Mobile Large: 768px --- */
@media (max-width: 768px) {
    /* Cursor: disable on small/touch viewports */
    body, a, button, input, .magnetic-btn-wrapper { cursor: auto !important; }
    .cursor, .cursor-ring { display: none !important; }

    /* Nav */
    .nav-links { display: none; }
    .nav-cta { display: none; }
    .nav-hamburger { display: flex; }

    /* Hero */
    .hero-content {
        padding-top: 6rem;
    }

    .hero-title {
        font-size: clamp(2rem, 10vw, 4rem);
    }

    .hero-subtitle {
        font-size: 1rem;
    }

    .hero-metrics {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 1.5rem;
        justify-content: center;
    }

    .metric-number {
        font-size: 1.8rem;
    }

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

    .hero-badge {
        font-size: 0.65rem;
        letter-spacing: 2px;
    }

    /* Services */
    .services-grid {
        grid-template-columns: 1fr;
    }

    /* Benefits */
    .benefits-grid {
        grid-template-columns: 1fr;
    }

    /* Process: stack vertically instead of horizontal scroll */
    .process-track { overflow: visible; }

    .process-steps {
        flex-direction: column;
        width: 100%;
        padding: 0 var(--section-px);
    }

    .step {
        width: 100%;
    }

    .step-line { display: none; }

    /* Tech */
    .tech-grid {
        grid-template-columns: 1fr 1fr;
    }

    /* Methodology */
    .method-line-svg { left: 20px; }

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

    /* Demo */
    .demo-content {
        grid-template-columns: 1fr;
        text-align: center;
    }

    /* Footer */
    .footer-contacts {
        flex-direction: column;
        gap: 1rem;
    }

    .footer-bottom {
        flex-direction: column;
        align-items: center;
        gap: 0.5rem;
    }
}

/* --- Mobile Small: 480px --- */
@media (max-width: 480px) {
    .hero-title {
        font-size: clamp(1.8rem, 9vw, 3rem);
    }

    .hero-content {
        padding-top: 5rem;
    }

    .hero-metrics {
        gap: 1rem;
    }

    .metric-number {
        font-size: 1.5rem;
    }

    .metric-label {
        font-size: 0.65rem;
    }

    .text-scrub {
        font-size: clamp(1.3rem, 5vw, 2rem);
    }

    .section-title {
        font-size: clamp(1.5rem, 6vw, 2.5rem);
    }

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

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

    .magnetic-btn.dark {
        width: 140px;
        height: 140px;
        font-size: 0.75rem;
    }

    .plan-features li {
        font-size: var(--fs-small);
    }

}

/* --- Voice Demo Responsive --- */
@media (max-width: 768px) {
    .voice-demo-grid {
        grid-template-columns: 1fr;
        gap: var(--gap-md);
    }

    .voice-demo-text {
        text-align: center;
    }
}