@media (max-width: 980px) {
    .header-inner {
        flex-wrap: wrap;
        padding: 12px 0;
    }

    .main-nav {
        order: 3;
        width: 100%;
    }

    .hero-grid {
        grid-template-columns: 1fr;
        row-gap: 24px;
    }

    .cards-grid,
    .cta-box {
        display: grid;
        grid-template-columns: 1fr;
    }

    .hero-cards {
        grid-template-columns: 1fr 1fr;
    }

    .cta-actions {
        justify-content: flex-start;
    }
}

@media (max-width: 640px) {
    .container {
        width: min(var(--container-width), calc(100% - 24px));
    }

    .hero {
        padding-top: 32px;
    }

    .hero-cards {
        grid-template-columns: 1fr;
    }

    .feature-item {
        grid-template-columns: 1fr;
    }

    .feature-icon {
        width: 56px;
        height: 56px;
        border-radius: 14px;
    }

    .header-actions {
        width: 100%;
    }

    .header-actions .btn {
        width: 100%;
    }

    .footer-inner {
        flex-direction: column;
        align-items: flex-start;
    }

    .error404-shell {
        padding: 28px 18px;
    }

    .error404-subtitle {
        font-size: 0.96rem;
    }

    .error404-actions {
        flex-direction: column;
    }

    .error404-actions.is-home-centered .btn-home-main {
        transform: translateX(0);
    }
}