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

@media (max-width: 968px) {
    /* Split Section */
    .split-section {
        grid-template-columns: 1fr;
    }
    
    .split-section__video {
        min-height: 50vh;
    }
    
    .split-section__content {
        padding: 3rem 2rem;
    }
    
    /* Solution Section */
    .solution-section {
        padding: 5rem 5% 4rem;
    }
    
    .solution-section__header {
        margin-bottom: 3rem;
    }
    
    .solution-cards {
        grid-template-columns: 1fr;
        gap: 2rem;
        margin-bottom: 3rem;
    }
    
    .solution-card__image {
        height: 280px;
    }
    
    .solution-card__content {
        padding: 2rem 1.5rem 2.5rem;
    }
    
    .solution-features {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.5rem;
    }
    
    /* Demo Section */
    .demo-section {
        height: 70vh;
        min-height: 500px;
    }
    
    /* Hero Section */
    .hero-video__title {
        font-size: 2rem;
    }
    
    .hero-video__subtitle {
        font-size: 1rem;
    }
}

@media (max-width: 640px) {
    .solution-features {
        grid-template-columns: 1fr;
    }
    
    .solution-card__image {
        height: 240px;
    }
}