/* ==========================================================
   JSRM FINAL SHELL
   Intentionally minimal.
   Header and footer have isolated stylesheets.
   ========================================================== */

html,
body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

.pkp_brand_footer {
    display: none !important;
}


/* JSRM STAGE2 HOME DESIGN START */

.jsrm-stage2-home {
    width: min(1180px, 94vw);
    margin: 30px auto 48px;
}

.jsrm-stage2-home-section {
    margin: 0 0 26px;
    padding: 28px 30px;

    border: 1px solid #dce6ef;
    border-radius: 10px;

    background: #ffffff;

    box-shadow:
        0 8px 26px
        rgba(18, 55, 90, .06);
}

.jsrm-stage2-heading {
    margin-bottom: 18px;
}

.jsrm-stage2-eyebrow {
    display: block;

    margin-bottom: 6px;

    color: #9a741d;

    font-size: 11px;
    font-weight: 900;

    letter-spacing: 1px;
}

.jsrm-stage2-heading h2 {
    margin: 0 !important;

    color: #10395f !important;

    font-size: 27px !important;
    line-height: 1.25 !important;
}

.jsrm-stage2-lead {
    margin: 9px 0 0;

    color: #566b7d;

    font-size: 16px;
    line-height: 1.6;
}

.jsrm-stage2-note {
    padding: 19px 21px;

    border-left: 4px solid #c19a38;

    background: #f7fafc;
}

.jsrm-stage2-note p {
    color: #506779;
    line-height: 1.7;
}

.jsrm-stage2-link {
    color: #075da0 !important;

    font-weight: 800;

    text-decoration: none;
}

.jsrm-stage2-intro {
    max-width: 1000px;
}

.jsrm-stage2-intro p {
    color: #465e72;

    line-height: 1.75;
}

.jsrm-stage2-benefit-grid {
    display: grid;

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

    gap: 17px;

    margin-top: 25px;
}

.jsrm-stage2-benefit {
    padding: 21px;

    border: 1px solid #dce6ee;
    border-radius: 8px;

    background: #f8fbfd;
}

.jsrm-stage2-benefit h3 {
    margin: 0 0 9px;

    color: #133e64;

    font-size: 17px;
    line-height: 1.4;
}

.jsrm-stage2-benefit p {
    margin: 0;

    color: #556a7b;

    font-size: 14px;
    line-height: 1.65;
}

.jsrm-stage2-commitment {
    margin-top: 23px;

    padding: 22px;

    border-radius: 8px;

    background: #eef5fa;
}

.jsrm-stage2-commitment h3 {
    margin-top: 0;

    color: #123c62;
}

.jsrm-stage2-commitment p {
    color: #4c6477;

    line-height: 1.7;
}

.jsrm-stage2-buttons {
    display: flex;

    flex-wrap: wrap;

    gap: 12px;

    margin-top: 22px;
}

.jsrm-stage2-button {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    padding: 12px 19px;

    border-radius: 5px;

    font-size: 13px;
    font-weight: 800;

    text-decoration: none !important;
}

.jsrm-stage2-button.primary {
    color: #ffffff !important;

    background: #073b70;
}

.jsrm-stage2-button.secondary {
    color: #073b70 !important;

    border: 1px solid #073b70;

    background: #ffffff;
}


@media (max-width: 950px) {

    .jsrm-stage2-benefit-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

}


@media (max-width: 650px) {

    .jsrm-stage2-home {
        width: 92vw;
    }

    .jsrm-stage2-home-section {
        padding: 21px 18px;
    }

    .jsrm-stage2-benefit-grid {
        grid-template-columns: 1fr;
    }

    .jsrm-stage2-heading h2 {
        font-size: 23px !important;
    }

}

/* JSRM STAGE2 HOME DESIGN END */