@media (max-width: 768px) {
    .hero__grid,
    .features-grid,
    .category-grid,
    .b2b-grid,
    .reasons-grid,
    .cta-form__grid {
        grid-template-columns: 1fr;
    }
    
    .navbar {
        flex-direction: column;
        gap: 0.8rem;
    }
    
    .nav {
        gap: 1.5rem;
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .container {
        padding: 0 1.2rem;
    }
    
    .b2b-block {
        padding: 2.5rem 1.5rem;
    }
    
    .hero__badges {
        flex-direction: column;
        gap: 0.5rem;
    }
}