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

    background:#fff;
}


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

    margin:0 auto;
}


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


.m5gs2-eyebrow,
.m5gs2-index {
    margin:0 0 16px;
    color:#607b82;
    font-size:10px;
    font-weight:850;
    letter-spacing:.15em;
}


/* HERO */

.m5gs2-hero {
    padding:86px 0 76px;
    background:
        linear-gradient(
            135deg,
            #fbfdfc,
            #edf6f2
        );
}


.m5gs2-hero h1 {
    max-width:980px;
    margin:0;
    font-size:clamp(48px,5.2vw,71px);
    line-height:1.01;
    letter-spacing:-.045em;
}


.m5gs2-lead {
    max-width:890px;
    margin:22px 0 0;
    color:var(--muted);
    font-size:15px;
    line-height:1.75;
}


.m5gs2-actions {
    display:flex;
    flex-wrap:wrap;
    gap:13px;
    margin-top:30px;
}


.m5gs2-btn {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:48px;
    padding:0 24px;
    border:1px solid var(--green);
    text-decoration:none;
    font-size:12px;
    font-weight:800;
}


.m5gs2-btn-primary {
    background:var(--green);
    color:#fff;
}


.m5gs2-btn-secondary {
    background:transparent;
    color:var(--green);
}


/* GENERAL */

.m5gs2-section,
.m5gs2-faq {
    padding:70px 0;
}


.m5gs2-soft {
    background:var(--soft);
}


.m5gs2-section h2,
.m5gs2-process h2,
.m5gs2-availability h2,
.m5gs2-standing h2,
.m5gs2-cta h2,
.m5gs2-faq h2 {
    margin:0;
    font-size:clamp(35px,3.8vw,52px);
    line-height:1.06;
    letter-spacing:-.04em;
}


.m5gs2-intro,
.m5gs2-copy p {
    max-width:850px;
    margin:19px 0 0;
    color:var(--muted);
    font-size:14px;
    line-height:1.74;
}


.m5gs2-two {
    display:grid;
    grid-template-columns:.78fr 1.22fr;
    gap:90px;
}


/* LISTS */

.m5gs2-product-list,
.m5gs2-requirements {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:55px;
    margin-top:34px;
    border-top:1px solid #9dbfb7;
}


.m5gs2-product-list ul,
.m5gs2-specific ul,
.m5gs2-copy ul,
.m5gs2-requirements ul {
    margin:0;
    padding:17px 0 0;
    list-style:none;
}


.m5gs2-product-list li,
.m5gs2-specific li,
.m5gs2-copy li,
.m5gs2-requirements li {
    position:relative;
    padding:9px 0 9px 22px;
    border-bottom:1px solid var(--line);
    color:#526f77;
    font-size:12px;
    line-height:1.6;
}


.m5gs2-product-list li::before,
.m5gs2-specific li::before,
.m5gs2-copy li::before,
.m5gs2-requirements li::before {
    content:"";
    position:absolute;
    left:2px;
    top:16px;
    width:6px;
    height:6px;
    border-radius:50%;
    background:var(--green);
}


.m5gs2-specific,
.m5gs2-handling {
    margin-top:42px;
    padding-top:29px;
    border-top:1px solid #9dbfb7;
}


.m5gs2-specific h3,
.m5gs2-handling h3 {
    margin:0 0 14px;
    font-size:23px;
}


.m5gs2-specific p,
.m5gs2-handling p {
    max-width:820px;
    margin:0;
    color:var(--muted);
    font-size:13px;
    line-height:1.72;
}


/* BUYERS */

.m5gs2-buyers {
    display:grid;
    grid-template-columns:repeat(5,1fr);
    margin-top:39px;
    border-top:1px solid #9dbfb7;
}


.m5gs2-buyers article {
    min-height:265px;
    padding:27px 21px;
    border-right:1px solid var(--line);
}


.m5gs2-buyers article:last-child {
    border-right:0;
}


.m5gs2-buyers span,
.m5gs2-logistics span {
    display:block;
    margin-bottom:27px;
    color:#98aaad;
    font-size:10px;
}


.m5gs2-buyers h3,
.m5gs2-logistics h3,
.m5gs2-reasons h3 {
    margin:0 0 13px;
    font-size:18px;
    line-height:1.3;
}


.m5gs2-buyers p,
.m5gs2-logistics p,
.m5gs2-reasons p {
    margin:0;
    color:var(--muted);
    font-size:11px;
    line-height:1.7;
}


/* PROCESS */

.m5gs2-process {
    padding:72px 0;
    background:var(--navy);
}


.m5gs2-process .m5gs2-index {
    color:#78a99d;
}


.m5gs2-process h2 {
    color:#fff;
}


.m5gs2-process-intro {
    max-width:840px;
    margin:21px 0 0;
    color:#b9cbce;
    font-size:14px;
    line-height:1.73;
}


.m5gs2-steps {
    margin-top:43px;
    border-top:1px solid rgba(255,255,255,.18);
}


.m5gs2-steps article {
    display:grid;
    grid-template-columns:65px .8fr 1.2fr;
    gap:30px;
    padding:28px 0;
    border-bottom:1px solid rgba(255,255,255,.14);
}


.m5gs2-steps span {
    color:#78a99d;
    font-size:10px;
}


.m5gs2-steps h3 {
    margin:0;
    color:#fff;
    font-size:19px;
    line-height:1.3;
}


.m5gs2-steps p {
    margin:0 0 9px;
    color:#b9cbce;
    font-size:12px;
    line-height:1.68;
}


/* DOCUMENTATION */

.m5gs2-notice {
    margin-top:25px !important;
    padding:18px 0;
    border-top:1px solid #9dbfb7;
    border-bottom:1px solid var(--line);
}


/* LOGISTICS */

.m5gs2-logistics,
.m5gs2-reasons {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    margin-top:39px;
    border-top:1px solid #9dbfb7;
}


.m5gs2-logistics article,
.m5gs2-reasons article {
    min-height:245px;
    padding:27px 26px;
    border-right:1px solid var(--line);
}


.m5gs2-logistics article:last-child {
    border-right:0;
}


/* AVAILABILITY */

.m5gs2-availability {
    padding:70px 0;
    background:#eef5f2;
}


.m5gs2-availability-list {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    margin:35px 0;
    border-top:1px solid #9dbfb7;
}


.m5gs2-availability-list span {
    padding:18px 16px;
    border-right:1px solid var(--line);
    border-bottom:1px solid var(--line);
    color:#526f77;
    font-size:11px;
}


/* REASONS */

.m5gs2-reasons {
    grid-template-columns:repeat(5,1fr);
}


.m5gs2-reasons article {
    min-height:240px;
    padding:27px 20px;
}


/* STANDING */

.m5gs2-standing {
    padding:72px 0 78px;
    background:var(--navy);
}


.m5gs2-standing-grid {
    display:grid;
    grid-template-columns:.9fr 1.1fr;
    gap:90px;
    align-items:start;
}


.m5gs2-standing .m5gs2-eyebrow {
    color:#79aa9e;
}


.m5gs2-standing h2 {
    color:#fff;
}


.m5gs2-standing-grid > div:last-child p {
    margin:0 0 16px;
    color:#b9cbce;
    font-size:14px;
    line-height:1.73;
}


.m5gs2-text-link {
    display:inline-block;
    margin-top:7px;
    color:#fff;
    font-size:12px;
    font-weight:800;
}


/* CTA */

.m5gs2-cta {
    padding:72px 0;
    background:#f5f9f7;
}


.m5gs2-cta p {
    max-width:800px;
    margin:17px 0 0;
    color:var(--muted);
    font-size:14px;
    line-height:1.72;
}


/* FAQ */

.m5gs2-faq-list {
    margin-top:38px;
    border-top:1px solid #9dbfb7;
}


.m5gs2-faq-list details {
    border-bottom:1px solid var(--line);
}


.m5gs2-faq-list summary {
    position:relative;
    padding:23px 50px 23px 0;
    color:var(--navy);
    font-size:15px;
    font-weight:750;
    cursor:pointer;
    list-style:none;
}


.m5gs2-faq-list summary::-webkit-details-marker {
    display:none;
}


.m5gs2-faq-list summary::after {
    content:"+";
    position:absolute;
    right:9px;
    top:16px;
    color:var(--green);
    font-size:25px;
}


.m5gs2-faq-list details[open] summary::after {
    content:"−";
}


.m5gs2-faq-list p {
    max-width:850px;
    margin:0 0 24px;
    color:var(--muted);
    font-size:13px;
    line-height:1.72;
}


/* RESPONSIVE */

@media (max-width:1000px) {

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

}


@media (max-width:850px) {

    .m5gs2-two,
    .m5gs2-standing-grid {
        grid-template-columns:1fr;
        gap:27px;
    }


    .m5gs2-steps article {
        grid-template-columns:55px 1fr;
    }


    .m5gs2-steps article p {
        grid-column:2;
    }


    .m5gs2-logistics {
        grid-template-columns:1fr;
    }


    .m5gs2-logistics article {
        min-height:0;
        border-right:0;
        border-bottom:1px solid var(--line);
    }


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

}


@media (max-width:620px) {

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


    .m5gs2-hero {
        padding:57px 0 52px;
    }


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


    .m5gs2-section,
    .m5gs2-process,
    .m5gs2-availability,
    .m5gs2-standing,
    .m5gs2-cta,
    .m5gs2-faq {
        padding:52px 0;
    }


    .m5gs2-product-list,
    .m5gs2-requirements,
    .m5gs2-buyers,
    .m5gs2-reasons {
        grid-template-columns:1fr;
        gap:0;
    }


    .m5gs2-buyers article,
    .m5gs2-reasons article {
        min-height:0;
        border-right:0;
        border-bottom:1px solid var(--line);
    }


    .m5gs2-steps article {
        grid-template-columns:1fr;
        gap:10px;
    }


    .m5gs2-steps article p {
        grid-column:auto;
    }


    .m5gs2-availability-list {
        grid-template-columns:1fr;
    }

}