.m5eq3-page {
    --navy:#072f3d;
    --green:#08715c;
    --muted:#687f87;
    --line:#d7e4e0;
    --soft:#f6faf8;

    background:#fff;
}


.m5eq3-shell {
    width:min(
        1180px,
        calc(100% - 48px)
    );

    margin:0 auto;
}


.m5eq3-page h1,
.m5eq3-page h2,
.m5eq3-page h3 {
    color:var(--navy);
}


.m5eq3-eyebrow {
    margin:0 0 16px;

    color:#607b82;

    font-size:10px;

    font-weight:850;

    letter-spacing:.15em;
}


/* HERO */

.m5eq3-hero {
    padding:
        76px 0 47px;

    background:
        linear-gradient(
            135deg,
            #fbfdfc,
            #edf6f2
        );
}


.m5eq3-hero h1 {
    max-width:900px;

    margin:0;

    font-size:
        clamp(
            48px,
            5vw,
            68px
        );

    line-height:1;

    letter-spacing:-.045em;
}


/* FORM */

.m5eq3-form-section {
    padding:
        30px 0 72px;
}


.m5eq3-form-wrap {
    width:100%;
}


.m5eq3-form-wrap
.m5eq-form {
    width:100%;
}


/* PROCESS */

.m5eq3-process {
    padding:
        72px 0;

    background:var(--soft);
}


.m5eq3-process-head {
    display:grid;

    grid-template-columns:
        .9fr
        1.1fr;

    gap:80px;

    align-items:end;
}


.m5eq3-process-head h2,
.m5eq3-credentials h2 {
    margin:0;

    font-size:
        clamp(
            37px,
            4vw,
            54px
        );

    line-height:1.05;

    letter-spacing:-.04em;
}


.m5eq3-process-head > p {
    max-width:650px;

    margin:0;

    color:var(--muted);

    font-size:14px;

    line-height:1.72;
}


.m5eq3-steps {
    display:grid;

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

    margin-top:43px;

    border-top:
        1px solid
        #9dbfb7;
}


.m5eq3-steps article {
    min-height:270px;

    padding:
        28px 25px;

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


.m5eq3-steps article:last-child {
    border-right:0;
}


.m5eq3-steps span {
    display:block;

    margin-bottom:30px;

    color:#98aaad;

    font-size:10px;
}


.m5eq3-steps h3 {
    margin:
        0 0 13px;

    font-size:18px;

    line-height:1.3;
}


.m5eq3-steps p {
    margin:0;

    color:var(--muted);

    font-size:12px;

    line-height:1.7;
}


/* CREDENTIALS */

.m5eq3-credentials {
    padding:
        72px 0 80px;

    background:var(--navy);
}


.m5eq3-credentials
.m5eq3-eyebrow {
    color:#7aa99e;
}


.m5eq3-credentials-grid {
    display:grid;

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

    gap:90px;

    align-items:center;
}


.m5eq3-credentials h2 {
    color:#fff;
}


.m5eq3-credentials-grid > p {
    margin:0;

    color:#b9cbce;

    font-size:15px;

    line-height:1.75;
}


/* RESPONSIVE */

@media (max-width:900px) {

    .m5eq3-process-head,
    .m5eq3-credentials-grid {
        grid-template-columns:1fr;

        gap:25px;
    }


    .m5eq3-steps {
        grid-template-columns:
            1fr 1fr;
    }

}


@media (max-width:620px) {

    .m5eq3-shell {
        width:min(
            100% - 32px,
            1180px
        );
    }


    .m5eq3-hero {
        padding:
            55px 0 34px;
    }


    .m5eq3-hero h1 {
        font-size:42px;
    }


    .m5eq3-process,
    .m5eq3-credentials {
        padding:
            52px 0;
    }


    .m5eq3-steps {
        grid-template-columns:1fr;
    }


    .m5eq3-steps article {
        min-height:0;

        border-right:0;

        border-bottom:
            1px solid
            var(--line);
    }

}