/* Responsive Global Styles */
@media (max-width: 1024px) {
    .hero h1 {
        font-size: 3.5rem;
    }

    .hero-benefits {
        flex-direction: column;
        gap: 24px;
        margin-bottom: 40px;
    }

    .benefit-item {
        max-width: 300px;
        margin: 0 auto;
    }

    .feature-block {
        grid-template-columns: 1fr;
        gap: 40px;
        margin-bottom: 80px;
    }

    .feature-block.reversed {
        direction: ltr;
    }

    .grid-layout {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
    }

    .grid-card.large {
        grid-column: span 1;
    }

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

    .column-layout {
        grid-template-columns: 1fr;
        gap: 40px;
    }

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

    .footer-content {
        grid-template-columns: 1fr;
    }

    /* Mobile Navigation rules moved to 768px in base.css */
    .nav-links {
        gap: 20px;
        /* Reduce gap to fit on tablet */
    }
}