@media (max-width: 1000px) {

    .desktop-nav {
        display: none;
    }

    .header-button {
        display: none;
    }

    .mobile-menu-button {
        display: flex;
    }

    .hero-container {
        grid-template-columns: 1fr;

        gap: 50px;
    }

    .hero-content {
        text-align: center;
    }

    .hero-content > p {
        margin-inline: auto;
    }

    .hero-actions,
    .hero-trust {
        justify-content: center;
    }

    .hero-visual {
        min-height: 390px;
    }

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

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

    .article-card.large {
        grid-column: 1 / -1;
    }

    .calculator-banner {
        grid-template-columns: 1fr;
    }

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

    .footer-brand {
        grid-column: 1 / -1;
    }

}

@media (max-width: 700px) {

    .container {
        width:
            min(
                calc(100% - 28px),
                var(--container)
            );
    }

    .section {
        padding: 65px 0;
    }

    .hero {
        padding:
            75px 0
            65px;
    }

    .hero h1 {
        font-size: 43px;

        letter-spacing: -1.8px;
    }

    .hero-content > p {
        font-size: 16px;
    }

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

    .primary-button,
    .secondary-button {
        width: 100%;
    }

    .hero-trust {
        gap: 15px;
    }

    .hero-trust span {
        font-size: 9px;
    }

    .money-card {
        width: 290px;

        padding: 22px;
    }

    .floating-one {
        right: -5px;
        top: 20px;
    }

    .floating-two {
        left: -5px;
        bottom: 20px;
    }

    .floating-card {
        padding: 10px;

        gap: 8px;
    }

    .floating-card > span {
        width: 30px;
        height: 30px;
    }

    .section-heading {
        align-items: start;

        flex-direction: column;

        gap: 10px;
    }

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

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

    .article-card.large {
        grid-column: auto;
    }

    .calculator-banner {
        padding: 35px 22px;

        border-radius: 20px;
    }

    .calculator-intro h2 {
        font-size: 32px;
    }

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

    .newsletter-box {
        flex-direction: column;

        align-items: stretch;

        padding: 32px 22px;
    }

    .newsletter-box h2 {
        font-size: 28px;
    }

    .newsletter-form {
        min-width: 0;
    }

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

    .footer-brand {
        grid-column: 1 / -1;
    }

    .footer-bottom {
        flex-direction: column;
    }

}

@media (max-width: 420px) {

    .brand-text strong {
        font-size: 15px;
    }

    .brand-icon {
        width: 38px;
        height: 38px;
    }

    .hero h1 {
        font-size: 37px;
    }

    .hero-trust {
        flex-wrap: wrap;
    }

}