@media (max-width: 1200px) {
    .site-header {
        padding: 0 32px;
    }

    .site-nav {
        gap: 24px;
    }

    .home-hero {
        grid-template-columns: 56% 44%;
        padding-inline: 48px;
    }

    .home-features,
    .home-stats,
    .pricing-section {
        width: min(100% - 64px, 1200px);
    }
}

@media (max-width: 1024px) {
    .site-header {
        padding: 0 var(--space-3);
    }

    .site-logo img {
        height: 30px;
    }

    .site-nav {
        gap: var(--space-2);
    }

    .home-hero {
        grid-template-columns: 1fr;
        padding: 64px 40px 100px;
    }

    .home-hero-card {
        justify-self: start;
        margin: 20px 0 0;
    }

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

    .home-stats {
        grid-template-columns: repeat(3, 1fr);
        row-gap: 28px;
    }

    .stat {
        border-right: 0;
        padding-right: 0;
    }

    .pricing-grid {
        grid-template-columns: 1fr;
        max-width: 560px;
        margin: 0 auto;
    }
}