@media (max-width: 900px) {



    


    .hero-grid,

    .about-grid {

        grid-template-columns: 1fr;

    }



    .hero {

        padding: 65px 0;

    }



    .benefit-grid {

        grid-template-columns: repeat(2, 1fr);

    }



    .process-grid {

        grid-template-columns: 1fr;

    }



    .process-step::after {

        display: none;

    }



    .eligibility-grid {

        grid-template-columns: repeat(2, 1fr);

    }



    .cta-box {

        flex-direction: column;

        align-items: flex-start;

        padding: 40px;

    }



    .footer-grid {

        grid-template-columns: 1fr 1fr;

    }



    .downloads-layout {

        grid-template-columns: minmax(0, 1fr);

        gap: 18px;

    }



    .downloads-copy {

        height: auto;

        min-height: 250px;

    }



    .downloads-grid-wrap {

        height: 370px;

    }

}



@media (max-width: 600px) {



    .container {

        width: min(100% - 28px, 1160px);

    }



    header {

        height: 68px;

    }



    .nav-cta {

        display: none;

    }



    .hero h1 {

        font-size: 40px;

        letter-spacing: -1.5px;

    }



    .hero-text {

        font-size: 16px;

    }



    section {

        padding: 65px 0;

    }



    .benefit-grid,

    .eligibility-grid,

    .download-grid {

        grid-template-columns: 1fr;

    }



    .downloads-copy {

        min-height: 0;

        padding: 22px 18px;

    }



    .downloads-copy h2 {

        font-size: 30px;

    }



    .download-quick-links {

        gap: 8px;

    }



    .download-quick-links a {

        flex: 1 1 145px;

        padding: 10px;

        text-align: center;

    }



    .downloads-grid-wrap {

        height: 330px;

        padding: 10px;

    }



    .downloads-grid {

        grid-template-columns: repeat(2, minmax(0, 1fr));

        gap: 8px;

    }



    .doc-item {

        min-height: 66px;

        padding: 8px 6px;

    }



    .profile-image {

        min-height: 300px;

    }



    .profile-content h2 {

        font-size: 32px;

    }



    .cta-box h2 {

        font-size: 30px;

    }



    .footer-grid {

        grid-template-columns: 1fr;

    }



    .mobile-bar {

        display: grid;

        grid-template-columns: 1fr 1fr 1fr;

        position: fixed;

        bottom: 0;

        left: 0;

        right: 0;

        background: #fff;

        border-top: 1px solid var(--border);

        z-index: 2000;

        box-shadow: 0 -5px 20px rgba(0,0,0,.08);

    }



    .mobile-bar a {

        padding: 13px 5px;

        text-align: center;

        font-size: 12px;

        font-weight: 700;

        border-right: 1px solid var(--border);

    }



    .mobile-bar a:last-child {

        background: var(--primary);

        color: #fff;

        border: none;

    }



    body {

        padding-bottom: 54px;

    }

}