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

    background:#fff;
}


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

    margin:0 auto;
}


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


.m5rnd2-eyebrow,
.m5rnd2-index {
    margin:0 0 16px;

    color:#617b82;

    font-size:10px;

    font-weight:850;

    letter-spacing:.15em;
}


/* HERO */

.m5rnd2-hero {
    padding:86px 0 76px;

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


.m5rnd2-hero h1 {
    max-width:980px;

    margin:0;

    font-size:
        clamp(
            47px,
            5.1vw,
            70px
        );

    line-height:1.01;

    letter-spacing:-.045em;
}


.m5rnd2-lead {
    max-width:890px;

    margin:22px 0 0;

    color:var(--muted);

    font-size:15px;

    line-height:1.75;
}


/* GENERAL */

.m5rnd2-section {
    padding:70px 0;
}


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


.m5rnd2-two {
    display:grid;

    grid-template-columns:
        .78fr
        1.22fr;

    gap:90px;
}


.m5rnd2-section h2,
.m5rnd2-support h2,
.m5rnd2-specialist h2,
.m5rnd2-process h2,
.m5rnd2-notice-section h2 {
    margin:0;

    font-size:
        clamp(
            35px,
            3.8vw,
            52px
        );

    line-height:1.06;

    letter-spacing:-.04em;
}


.m5rnd2-copy p {
    max-width:830px;

    margin:
        0 0 18px;

    color:var(--muted);

    font-size:14px;

    line-height:1.75;
}


.m5rnd2-copy ul,
.m5rnd2-audience ul {
    margin:16px 0 0;

    padding:0;

    list-style:none;
}


.m5rnd2-copy li,
.m5rnd2-audience li {
    position:relative;

    padding:
        9px 0 9px 22px;

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

    color:#526f77;

    font-size:12px;

    line-height:1.6;
}


.m5rnd2-copy li::before,
.m5rnd2-audience li::before {
    content:"";

    position:absolute;

    left:2px;
    top:16px;

    width:6px;
    height:6px;

    border-radius:50%;

    background:var(--green);
}


.m5rnd2-notice {
    margin-top:26px !important;

    padding:
        18px 0;

    border-top:
        1px solid
        #9dbfb7;

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


/* DEVELOPMENT SUPPORT */

.m5rnd2-support {
    padding:72px 0;

    background:var(--navy);
}


.m5rnd2-support
.m5rnd2-index {
    color:#79a99e;
}


.m5rnd2-support h2 {
    color:#fff;
}


.m5rnd2-support-list {
    margin-top:42px;

    border-top:
        1px solid
        rgba(255,255,255,.18);
}


.m5rnd2-support-list article {
    display:grid;

    grid-template-columns:
        70px
        1fr;

    gap:30px;

    padding:
        29px 0;

    border-bottom:
        1px solid
        rgba(255,255,255,.14);
}


.m5rnd2-support-list article > span {
    color:#79a99e;

    font-size:10px;
}


.m5rnd2-support-list h3 {
    margin:
        0 0 12px;

    color:#fff;

    font-size:21px;
}


.m5rnd2-support-list p {
    max-width:830px;

    margin:
        0 0 10px;

    color:#b9cbce;

    font-size:12px;

    line-height:1.7;
}


/* DOSAGE */

.m5rnd2-dosage-grid {
    display:grid;

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

    margin-top:39px;

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


.m5rnd2-dosage-grid span {
    min-height:105px;

    padding:
        24px 19px;

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

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

    color:#526f77;

    font-size:12px;

    line-height:1.55;
}


/* SPECIALIST */

.m5rnd2-specialist {
    padding:
        72px 0;

    background:#eef5f2;
}


.m5rnd2-specialist-lead {
    max-width:850px;

    margin:
        20px 0 0;

    color:var(--muted);

    font-size:14px;

    line-height:1.74;
}


/* PACKAGING + TRANSFER */

.m5rnd2-development-pair {
    display:grid;

    grid-template-columns:
        1fr 1fr;

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


.m5rnd2-development-pair article {
    padding:
        32px 35px 15px 0;
}


.m5rnd2-development-pair article + article {
    padding-left:35px;

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


.m5rnd2-development-pair p {
    max-width:570px;

    margin:
        17px 0 0;

    color:var(--muted);

    font-size:13px;

    line-height:1.72;
}


/* PROCESS */

.m5rnd2-process {
    padding:72px 0;

    background:var(--navy);
}


.m5rnd2-process
.m5rnd2-index {
    color:#79a99e;
}


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


.m5rnd2-steps {
    margin-top:42px;

    border-top:
        1px solid
        rgba(255,255,255,.18);
}


.m5rnd2-steps article {
    display:grid;

    grid-template-columns:
        65px
        .75fr
        1.25fr;

    gap:30px;

    padding:
        27px 0;

    border-bottom:
        1px solid
        rgba(255,255,255,.14);
}


.m5rnd2-steps span {
    color:#79a99e;

    font-size:10px;
}


.m5rnd2-steps h3 {
    margin:0;

    color:#fff;

    font-size:19px;
}


.m5rnd2-steps p {
    margin:0;

    color:#b9cbce;

    font-size:12px;

    line-height:1.68;
}


/* AUDIENCE */

.m5rnd2-audience {
    display:grid;

    grid-template-columns:
        .8fr
        1.2fr;

    gap:90px;
}


/* REASONS */

.m5rnd2-reasons {
    display:grid;

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

    margin-top:39px;

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


.m5rnd2-reasons article {
    min-height:245px;

    padding:
        27px 20px;

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


.m5rnd2-reasons article:last-child {
    border-right:0;
}


.m5rnd2-reasons h3 {
    margin:
        0 0 13px;

    font-size:17px;

    line-height:1.3;
}


.m5rnd2-reasons p {
    margin:0;

    color:var(--muted);

    font-size:11px;

    line-height:1.7;
}


/* IMPORTANT NOTICE */

.m5rnd2-notice-section {
    padding:
        72px 0 80px;

    background:#eef5f2;
}


.m5rnd2-notice-grid {
    display:grid;

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

    gap:90px;

    align-items:center;
}


.m5rnd2-notice-grid > p {
    margin:0;

    color:var(--muted);

    font-size:15px;

    line-height:1.75;
}


/* RESPONSIVE */

@media (max-width:950px) {

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

}


@media (max-width:850px) {

    .m5rnd2-two,
    .m5rnd2-audience,
    .m5rnd2-notice-grid {
        grid-template-columns:1fr;

        gap:27px;
    }


    .m5rnd2-development-pair {
        grid-template-columns:1fr;
    }


    .m5rnd2-development-pair article + article {
        padding-left:0;

        border-left:0;

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


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


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


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

}


@media (max-width:620px) {

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


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


    .m5rnd2-hero h1 {
        font-size:41px;
    }


    .m5rnd2-section,
    .m5rnd2-support,
    .m5rnd2-specialist,
    .m5rnd2-process,
    .m5rnd2-notice-section {
        padding:
            52px 0;
    }


    .m5rnd2-dosage-grid,
    .m5rnd2-reasons {
        grid-template-columns:1fr;
    }


    .m5rnd2-support-list article,
    .m5rnd2-steps article {
        grid-template-columns:1fr;

        gap:10px;
    }


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


    .m5rnd2-reasons article {
        min-height:0;

        border-right:0;

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

}