:root{--sr-blue:#061d63;--sr-blue-2:#0b2f86;--sr-red:#e30613;--sr-red-2:#ff3b45;--sr-ink:#0e2350;--sr-muted:#5e6b86;--sr-soft:#f4f7ff;--sr-soft-red:#fff3f4;--sr-border:#d9e0ef;--sr-shadow:0 16px 40px rgba(6,29,99,.12)}
*{box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--sr-ink);background:#fff;line-height:1.5}.container{max-width:1180px}.sr-nav{border-bottom:1px solid var(--sr-border);box-shadow:0 4px 18px rgba(6,29,99,.05)}.sr-logo{height:48px;width:auto}.sr-logo-text{font-weight:900;font-size:1.7rem;color:var(--sr-blue);line-height:1}.sr-logo-text span,.text-red{color:var(--sr-red)}.nav-link{font-weight:800;font-size:.9rem;color:var(--sr-blue)!important;position:relative}.nav-link.active:after,.nav-link:hover:after{content:"";position:absolute;left:.5rem;right:.5rem;bottom:.15rem;height:3px;background:var(--sr-red);border-radius:99px}.btn-sr-red,.btn-sr-blue{border-radius:8px;font-weight:800;padding:.8rem 1.25rem}.btn-sr-red{background:var(--sr-red);border-color:var(--sr-red);color:#fff}.btn-sr-red:hover{background:#b9000b;border-color:#b9000b;color:#fff}.btn-sr-blue{background:var(--sr-blue);border-color:var(--sr-blue);color:#fff}.btn-sr-blue:hover{background:#0b2f86;border-color:#0b2f86;color:#fff}.btn-outline-sr{border:2px solid var(--sr-blue);color:var(--sr-blue);font-weight:800;border-radius:8px}.btn-outline-sr:hover{background:var(--sr-blue);color:#fff}.btn-sm{padding:.55rem .95rem}.eyebrow{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;font-weight:900;color:var(--sr-red)}.hero-title{font-weight:950;color:var(--sr-blue);font-size:clamp(2.25rem,5vw,4.35rem);line-height:.98}.section-title{font-weight:950;color:var(--sr-blue);font-size:clamp(1.75rem,3vw,2.6rem);line-height:1.1}.lead-copy{font-size:1.08rem;color:var(--sr-muted);font-weight:650}.sr-page{overflow-x:hidden; overflow-y:auto}.hero{position:relative;padding:3.5rem 0 2.25rem;background:linear-gradient(90deg,#fff 0%,#fff 45%,#f8fbff 100%)}.hero:after{content:"";position:absolute;right:-10%;top:0;width:58%;height:100%;background:radial-gradient(circle at 55% 30%,rgba(227,6,19,.08),transparent 35%),linear-gradient(90deg,rgba(255,255,255,.96),rgba(255,255,255,.45)),var(--hero-img,linear-gradient(135deg,#eaf0ff,#fff));background-size:cover;background-position:center;z-index:0}.hero .container{position:relative;z-index:1}.hero-card{background:#fff;border:1px solid var(--sr-border);border-radius:18px;box-shadow:var(--sr-shadow);padding:1.35rem}.rating-card{max-width:340px;margin-left:auto}.icon-circle{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#eef3ff;color:var(--sr-blue);font-size:1.7rem;border:1px solid var(--sr-border)}.icon-red{background:#fff2f3;color:var(--sr-red)}.pill-strip{background:linear-gradient(90deg,var(--sr-red),#fff);color:#fff;border-radius:12px;padding:.85rem 1rem;font-weight:900;box-shadow:var(--sr-shadow)}.feature-row{display:grid;grid-template-columns:repeat(6,1fr);gap:0;border-top:1px solid var(--sr-border);border-bottom:1px solid var(--sr-border)}.feature-cell{text-align:center;padding:1.4rem .8rem;border-right:1px solid var(--sr-border);font-size:.88rem;font-weight:850}.feature-cell:last-child{border-right:0}.feature-cell i{display:block;font-size:2rem;color:var(--sr-blue);margin-bottom:.5rem}.soft-panel{background:var(--sr-soft);border:1px solid #e7edfb;border-radius:18px;padding:1.5rem}.soft-panel-red{background:var(--sr-soft-red);border-color:#ffe0e3}.sr-card{height:100%;background:#fff;border:1px solid var(--sr-border);border-radius:18px;padding:1.5rem;box-shadow:0 12px 30px rgba(6,29,99,.08)}.check-list{list-style:none;margin:0;padding:0}.check-list li{display:flex;gap:.55rem;margin:.55rem 0;color:var(--sr-ink);font-weight:650}.check-list li:before{content:"\F26A";font-family:"bootstrap-icons";color:var(--sr-red);font-weight:900}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;position:relative}.process-card{text-align:center;padding:1rem;border-radius:16px;background:#fff}.step-num{width:30px;height:30px;background:var(--sr-blue);color:#fff;border-radius:50%;display:grid;place-items:center;margin:0 auto .55rem;font-weight:900}.metric-bar{background:#fff;border:1px solid var(--sr-border);border-radius:18px;padding:1.25rem}.cta-band{background:linear-gradient(100deg,var(--sr-blue),#07206f 70%,#4d074a);color:#fff;border-radius:16px;padding:1.5rem;box-shadow:var(--sr-shadow)}.footer-mini{padding:1.75rem 0;color:var(--sr-muted);font-size:.9rem}.photo-placeholder{min-height:250px;border-radius:16px;background:linear-gradient(135deg,#f9fbff,#dfe8fb);display:grid;place-items:center;overflow:hidden;border:1px solid var(--sr-border)}.photo-placeholder i{font-size:6rem;color:rgba(6,29,99,.25)}.price-card{border:1px solid var(--sr-border);border-radius:16px;overflow:hidden;height:100%;box-shadow:var(--sr-shadow);background:#fff}.price-head{background:#f0f4ff;padding:1.2rem}.price{font-size:3rem;line-height:1;font-weight:950;color:var(--sr-red)}.table-compare{font-size:.9rem}.table-compare th{color:var(--sr-blue);font-weight:900}.comparison-check{color:var(--sr-red);font-weight:900}.quote-mark{font-size:3.5rem;color:var(--sr-blue);line-height:1}.scenario{border:1px solid var(--sr-border);border-radius:14px;overflow:hidden;background:#fff}.scenario-head{background:var(--sr-blue);color:#fff;padding:.7rem 1rem;font-weight:900}.divider-title{display:flex;align-items:center;gap:1rem;justify-content:center}.divider-title:before,.divider-title:after{content:"";height:2px;width:70px;background:#cad5ec}.sr-footer-links a{display:block;color:var(--sr-blue);text-decoration:none;margin:.2rem 0;font-size:.85rem}.sr-footer-links a:hover{text-decoration:underline}@media(max-width:991.98px){.hero{padding:2.5rem 0}.hero:after{opacity:.18;width:100%;right:0}.feature-row{grid-template-columns:repeat(3,1fr)}.process{grid-template-columns:repeat(2,1fr)}.navbar-collapse{padding:1rem 0}.nav-link.active:after,.nav-link:hover:after{display:none}.sr-logo{height:40px}}@media(max-width:575.98px){.feature-row{grid-template-columns:repeat(2,1fr)}.process{grid-template-columns:1fr}.cta-band .btn{width:100%;margin-top:.5rem}.hero-card.rating-card{margin:1rem 0 0}.feature-cell{font-size:.78rem;padding:1rem .4rem}.btn-sr-red,.btn-sr-blue,.btn-outline-sr{width:100%;margin-bottom:.5rem}.photo-placeholder{min-height:180px}.hero-title{font-size:2.25rem}}/* =========================================================
   HOW IT WORKS
========================================================= */

.process-horizontal {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.process-step {
    flex: 1;
    min-width: 180px;
    text-align: center;
}

.step-circle {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: var(--sr-blue);
    color: #fff;
    font-weight: 900;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1rem;
}

.process-icon {
    font-size: 2.5rem;
    color: var(--sr-blue);
    margin-bottom: 1rem;
}

.process-arrow {
    font-size: 2rem;
    color: var(--sr-blue);
}

.process-step h6 {
    font-weight: 900;
    color: var(--sr-blue);
}

.process-step p {
    color: var(--sr-muted);
    font-size: .9rem;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 991px) {

    .mission-box {
        position: relative;
        right: auto;
        bottom: auto;
        width: 100%;
        margin-top: 1rem;
    }

    .solution-card {
        flex-direction: column;
    }

    .solution-image,
    .solution-content {
        width: 100%;
    }

    .process-horizontal {
        flex-direction: column;
    }

    .process-arrow {
        transform: rotate(90deg);
    }

    .hero-cta {
        width: 100%;
    }
}

/* =========================================================
   HOME PAGE HERO - PDF MATCH
========================================================= */

.home-hero {
    position: relative;
    min-height: 700px;
    display: flex;
    align-items: center;
    overflow: hidden;
    background:
        linear-gradient(90deg, rgba(255,255,255,.98) 0%, rgba(255,255,255,.93) 34%, rgba(255,255,255,.58) 54%, rgba(255,255,255,.06) 100%),
        url("/static/images/pharmacist-patient.png");
    background-size: cover;
    background-position: right;
    border-bottom: 1px solid var(--sr-border);
}

.home-hero-content {
    position: relative;
    z-index: 2;
    max-width: 660px;
    padding: 4.5rem 0;
}

.home-hero .hero-title {
    color: var(--sr-blue);
    font-weight: 950;
    font-size: clamp(2.5rem, 5vw, 4.6rem);
    line-height: 1.02;
    letter-spacing: -.04em;
}

.home-hero .lead-copy {
    max-width: 620px;
    color: var(--sr-ink);
    font-weight: 650;
}

/* These force the Pharmacy and Advocate CTAs to render as colored buttons */
.hero-cta-row {
    display: flex !important;
    flex-direction: row !important;
    gap: 1.25rem;
    flex-wrap: wrap;
    align-items: center;
}

.hero-cta,
.hero-cta:link,
.hero-cta:visited {
    display: inline-flex !important;
    align-items: center;
    gap: 1rem;
    min-width: 245px;
    padding: 1rem 1.25rem;
    border-radius: 9px;
    color: #fff !important;
    text-decoration: none !important;
    box-shadow: 0 15px 35px rgba(0,0,0,.18);
    transition: transform .2s ease, box-shadow .2s ease;
    border: 0 !important;
}

.hero-cta:hover,
.hero-cta:focus {
    transform: translateY(-2px);
    box-shadow: 0 18px 42px rgba(0,0,0,.23);
    color: #fff !important;
    text-decoration: none !important;
}

.hero-cta-blue,
.hero-cta-blue:link,
.hero-cta-blue:visited,
.hero-cta-blue:hover,
.hero-cta-blue:focus {
    background: var(--sr-blue) !important;
    background-color: var(--sr-blue) !important;
    color: #fff !important;
}

.hero-cta-red,
.hero-cta-red:link,
.hero-cta-red:visited,
.hero-cta-red:hover,
.hero-cta-red:focus {
    background: var(--sr-red) !important;
    background-color: var(--sr-red) !important;
    color: #fff !important;
}

.hero-cta-icon,
.hero-cta-title,
.hero-cta-sub,
.hero-cta-arrow {
    color: #fff !important;
}

.hero-cta-icon {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    font-size: 2rem;
    flex: 0 0 auto;
}

.hero-cta-title {
    font-weight: 900;
    font-size: 1.05rem;
    line-height: 1.1;
}

.hero-cta-sub {
    font-size: .78rem;
    font-weight: 750;
    opacity: .95;
    margin-top: .15rem;
}

.hero-cta-arrow {
    margin-left: auto;
    font-size: 1.15rem;
}

.mission-box {
    position: absolute;
    z-index: 3;

    right: clamp(2rem, 6vw, 7rem);

    /* moved LOWER */
    bottom: 1rem;

    width: 360px;

    /* transparent white */
    background: rgba(255,255,255,0.58);

    border: 2px solid rgba(255,255,255,0.45);

    border-radius: 18px;

    padding: 1.45rem;

    box-shadow: 0 18px 45px rgba(6,29,99,.18);
}

.mission-icon {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: #eef3ff;
    color: var(--sr-blue);
    font-size: 1.5rem;
    border: 1px solid var(--sr-border);
    flex: 0 0 auto;
}

.mission-title {
    font-weight: 900;
    color: var(--sr-blue);
    margin-bottom: .5rem;
}

.mission-subtitle {
    font-weight: 900;
    color: var(--sr-blue);
    font-size: 1rem;
    margin-bottom: .55rem;
}

.mission-copy {
    color: var(--sr-ink);
    font-size: .92rem;
    font-weight: 600;
    line-height: 1.55;
}


/* =========================================================
   WHAT IS STRATEGIESRX - PDF MATCH
========================================================= */

.what-is-section {
    padding: 2.2rem 0 2rem;
    background: #fff;
}

.what-eyebrow {
    color: var(--sr-red);
    font-size: .78rem;
    letter-spacing: .04em;
    text-transform: uppercase;
    font-weight: 950;
    margin-bottom: .35rem;
}

.what-title {
    color: var(--sr-blue);
    font-size: clamp(1.35rem, 2vw, 1.9rem);
    line-height: 1.15;
    font-weight: 950;
    margin-bottom: .45rem;
}

.what-copy {
    max-width: 640px;
    color: var(--sr-blue);
    font-size: .92rem;
    line-height: 1.45;
    font-weight: 650;
    margin-bottom: 0;
}

.what-feature-row {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    align-items: stretch;
    max-width: 1050px;
    margin-left: auto;
    margin-right: auto;
}

.what-feature-cell {
    text-align: center;
    padding: .15rem 1.1rem .25rem;
    min-height: 118px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

.what-feature-cell:not(:last-child) {
    border-right: 1px solid #c6cfdf;
}

.what-feature-cell i {
    color: var(--sr-blue);
    font-size: 2.65rem;
    line-height: 1;
    margin-bottom: .65rem;
    display: block;
}

.what-feature-cell span {
    color: var(--sr-blue);
    font-size: .82rem;
    line-height: 1.15;
    font-weight: 900;
}

.what-bottom-copy {
    color: var(--sr-blue);
    font-size: .92rem;
    font-weight: 850;
    margin: 1rem 0 0;
}


/* =========================================================
   SOLUTION CARDS
========================================================= */

.solution-card {
    display: grid;
    grid-template-columns: 42% 58%;
    min-height: 285px;
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid var(--sr-border);
    box-shadow: 0 18px 40px rgba(6,29,99,.08);
}

.solution-card.advocate-card {
    grid-template-columns: 58% 42%;
    background: var(--sr-soft-red);
}

.solution-card.pharmacy-card {
    background: var(--sr-soft);
}

.solution-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* move image to the RIGHT */
    //object-position: 15% center;
    display: block;
}

.solution-content {
    padding: 2rem;
}

.solution-title {
    font-weight: 950;
    margin-bottom: .7rem;
}

.solution-copy {
    color: var(--sr-ink);
    font-weight: 650;
}


/* =========================================================
   RESPONSIVE HOME OVERRIDES
========================================================= */

@media (max-width: 991.98px) {
    .home-hero {
        min-height: auto;
        background:
            linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(255,255,255,.84) 100%),
            url("/static/images/pharmacist-patient.png");
        background-size: cover;
        background-position: center;
    }

    .home-hero-content {
        max-width: 100%;
        padding: 3rem 0 1rem;
    }

    .mission-box {
        position: relative;
        right: auto;
        bottom: auto;
        width: 100%;
        margin: 1rem 0 2.5rem;
    }

    .what-feature-row {
        grid-template-columns: repeat(3, 1fr);
    }

    .what-feature-cell:nth-child(3) {
        border-right: 0;
    }

    .solution-card,
    .solution-card.advocate-card {
        grid-template-columns: 1fr;
    }

    .solution-image {
        min-height: 230px;
    }
}

@media (max-width: 575.98px) {
    .hero-cta-row {
        flex-direction: column !important;
    }

    .hero-cta {
        width: 100%;
    }

    .what-feature-row {
        grid-template-columns: repeat(2, 1fr);
    }

    .what-feature-cell:nth-child(3) {
        border-right: 1px solid #c6cfdf;
    }

    .what-feature-cell:nth-child(even) {
        border-right: 0;
    }
}
.hero-cta-blue {
    background: #061d63 !important;
    color: #fff !important;
}

.hero-cta-red {
    background: #e30613 !important;
    color: #fff !important;
}

.hero-title {
    color: #061d63 !important;
}

.hero-title .text-red {
    color: #e30613 !important;
}
.footer-cta-wrap {
    padding: 0 0 1rem;
}

.footer-cta-band {
    background: #061d63;
    color: #fff;
    border-radius: 14px;
    padding: 1.1rem 1.5rem;
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.footer-cta-icon {
    width: 78px;
    height: 78px;
    border: 2px solid #fff;
    border-radius: 50%;
    display: grid;
    place-items: center;
    font-size: 2.5rem;
}

.footer-cta-band h3 {
    font-weight: 900;
    font-size: 1.65rem;
    line-height: 1.25;
    margin: 0;
    flex: 1;
}

.footer-cta-buttons {
    display: flex;
    gap: 1.25rem;
}

.footer-btn {
    min-width: 250px;
    border-radius: 10px;
    padding: .85rem 1.1rem;
    color: #fff !important;
    text-decoration: none !important;
    font-weight: 900;
    text-align: center;
    display: block;
}

.footer-btn i {
    margin-left: .7rem;
    font-size: 1.3rem;
}

.footer-btn span {
    display: block;
    font-size: .78rem;
    margin-top: .25rem;
}

.footer-btn-blue {
    background: #0b2f86;
    border: 2px solid rgba(255,255,255,.65);
}

.footer-btn-red {
    background: #e30613;
}

.sr-footer-custom {
    padding: .5rem 0 1.5rem;
    background: #fff;
}

.footer-grid {
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr 1fr 1.6fr;
    gap: 2rem;
}

.footer-logo {
    font-size: 1.8rem;
    font-weight: 950;
    color: #061d63;
    line-height: 1;
}

.footer-logo span {
    color: #e30613;
}

.sr-footer-custom h6 {
    color: #061d63;
    font-weight: 900;
    margin-bottom: .55rem;
}

.sr-footer-custom a,
.sr-footer-custom p {
    display: block;
    color: #061d63;
    font-size: .9rem;
    margin-bottom: .35rem;
    text-decoration: none;
}

.sr-footer-custom i {
    margin-right: .7rem;
}

@media (max-width: 991px) {
    .footer-cta-band,
    .footer-cta-buttons {
        flex-direction: column;
        text-align: center;
    }

    .footer-btn {
        width: 100%;
    }

    .footer-grid {
        grid-template-columns: 1fr 1fr;
    }
}
        .home-hero {
            position: relative;
            min-height: 560px;
            display: flex;
            align-items: center;
            overflow: hidden;
            background:
                linear-gradient(90deg, rgba(255,255,255,.98) 0%, rgba(255,255,255,.92) 33%, rgba(255,255,255,.50) 52%, rgba(255,255,255,.04) 100%),
                url("/static/images/pharmacist-patient.png");
            background-size: cover;
            background-position: 45% center;
            border-bottom: 1px solid var(--sr-border);
        }

        .home-hero-content {
            position: relative;
            z-index: 2;
            max-width: 660px;
            padding: 4.5rem 0;
        }

        .home-hero .hero-title {
            color: #061d63 !important;
            font-weight: 950;
            font-size: clamp(2.5rem, 5vw, 4.6rem);
            line-height: 1.02;
            letter-spacing: -.04em;
        }

        .home-hero .lead-copy {
            max-width: 620px;
            color: var(--sr-ink);
            font-weight: 650;
        }

        .hero-cta-row {
            display: flex;
            gap: 1.25rem;
            flex-wrap: wrap;
            align-items: center;
        }

        .hero-cta {
            display: inline-flex;
            align-items: center;
            gap: 1rem;
            min-width: 245px;
            padding: 1rem 1.25rem;
            border-radius: 9px;
            color: #fff !important;
            text-decoration: none !important;
            box-shadow: 0 15px 35px rgba(0,0,0,.18);
            transition: transform .2s ease, box-shadow .2s ease;
        }

        .hero-cta:hover {
            transform: translateY(-2px);
            box-shadow: 0 18px 42px rgba(0,0,0,.23);
            color: #fff !important;
        }

        .hero-cta-blue {
            background:  #061d63 !important;
        }
        .home-hero .hero-title .text-red,
.home-hero h1.hero-title span.text-red {
    color: #e30613 !important;
}
        .hero-cta-red {
            background: #e30613 !important;
        }

        .hero-cta-icon {
            width: 42px;
            height: 42px;
            display: grid;
            place-items: center;
            font-size: 2rem;
            flex: 0 0 auto;
        }

        .hero-cta-title {
            font-weight: 900;
            font-size: 1.05rem;
            line-height: 1.1;
        }

        .hero-cta-sub {
            font-size: .78rem;
            font-weight: 750;
            opacity: .95;
            margin-top: .15rem;
        }

        .hero-cta-arrow {
            margin-left: auto;
            font-size: 1.15rem;
        }


.mission-box {
    position: absolute;
    z-index: 10;

    right: 2rem;
    top: 52%;
    transform: translateY(-50%);

    width: 340px;

    background: rgba(255,255,255,0.20);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);

    border: 1px solid rgba(255,255,255,0.28);
    border-radius: 18px;

    padding: 1.5rem;

    box-shadow: 0 20px 50px rgba(0,0,0,.22);
}


        .mission-icon {
            width: 52px;
            height: 52px;
            border-radius: 50%;
            display: grid;
            place-items: center;
            background: #eef3ff;
            color: var(--sr-blue);
            font-size: 1.5rem;
            border: 1px solid var(--sr-border);
            flex: 0 0 auto;
        }

        .mission-title {
            font-weight: 900;
            color: var(--sr-blue);
            margin-bottom: .5rem;
        }

        .mission-subtitle {
            font-weight: 900;
            color: var(--sr-blue);
            font-size: 1rem;
            margin-bottom: .55rem;
        }

        .mission-copy {
            color: var(--sr-ink);
            font-size: .92rem;
            font-weight: 600;
            line-height: 1.55;
        }

        .solution-card {
            display: grid;
            grid-template-columns: 42% 58%;
            min-height: 285px;
            background: #fff;
            border-radius: 16px;
            overflow: hidden;
            border: 1px solid var(--sr-border);
            box-shadow: 0 18px 40px rgba(6,29,99,.08);
        }

        .solution-card.advocate-card {
            grid-template-columns: 58% 42%;
            background: var(--sr-soft-red);
        }

        .solution-card.pharmacy-card {
            background: var(--sr-soft);
        }

        .solution-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }

        .solution-content {
            padding: 2rem;
        }

        .solution-title {
            font-weight: 950;
            margin-bottom: .7rem;
        }

        .solution-copy {
            color: var(--sr-ink);
            font-weight: 650;
        }

        .process-horizontal {
            display: grid;
            grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr;
            align-items: start;
            gap: 1.25rem;
        }

        .process-step {
            text-align: center;
        }

        .step-circle {
            width: 34px;
            height: 34px;
            border-radius: 50%;
            background: var(--sr-blue);
            color: #fff;
            font-weight: 900;
            display: grid;
            place-items: center;
            margin: 0 auto .8rem;
        }

        .process-icon {
            font-size: 2.5rem;
            color: var(--sr-blue);
            margin-bottom: .75rem;
        }

        .process-arrow {
            color: var(--sr-blue);
            font-size: 2rem;
            padding-top: 4.2rem;
        }

        .process-step h6 {
            color: var(--sr-blue);
            font-weight: 900;
            font-size: .95rem;
        }

        .process-step p {
            color: var(--sr-muted);
            font-size: .85rem;
            margin-bottom: 0;
        }

        @media (max-width: 991.98px) {
            .home-hero {
                min-height: auto;
                background:
                    linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(255,255,255,.84) 100%),
                    url("/static/images/pharmacist-patient.png");
                background-size: cover;
                background-position: center;
            }

            .home-hero-content {
                max-width: 100%;
                padding: 3rem 0 1rem;
            }


.mission-box {
                position: relative;
                top: auto;
                right: auto;
                bottom: auto;
                transform: none;
                width: 100%;
                margin: 2rem 0 2.5rem;
                background: rgba(255,255,255,0.92);
            }


            .solution-card,
            .solution-card.advocate-card {
                grid-template-columns: 1fr;
            }

            .solution-image {
                min-height: 230px;
            }

            .process-horizontal {
                grid-template-columns: 1fr;
            }

            .process-arrow {
                padding-top: 0;
                transform: rotate(90deg);
                text-align: center;
            }
        }
        .what-section {
    background: #fff;
}

.what-title {
    font-size: 2.2rem;
    font-weight: 900;
    color: #061d63;
    margin-bottom: 1rem;
}

.what-copy {
    max-width: 760px;
    color: #223a78;
    font-size: 1.08rem;
    line-height: 1.6;
    font-weight: 500;
}

.what-icons-row {
    display: flex;
    align-items: stretch;
    justify-content: center;
    gap: 0;
    flex-wrap: nowrap;
}

.what-item {
    width: 180px;
    padding: 0 1.25rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

.what-item i {
    font-size: 3.3rem;
    color: #061d63;
    margin-bottom: 1rem;
    line-height: 1;
}

.what-item span {
    color: #061d63;
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.35;
}

.what-divider {
    width: 1px;
    background: #d6dceb;
    min-height: 140px;
}

.what-bottom {
    color: #061d63;
    font-size: 1.15rem;
    font-weight: 800;
}

@media (max-width: 1200px) {

    .what-icons-row {
        flex-wrap: wrap;
        gap: 2rem;
    }

    .what-divider {
        display: none;
    }

    .what-item {
        width: 220px;
    }
}
.eyebrow {
    color: #e30613 !important;
    font-size: 1.15rem !important;
    font-weight: 900 !important;
    letter-spacing: .06em;
    text-transform: uppercase;
}
        @media (max-width: 575.98px) {
            .hero-cta {
                width: 100%;
            }
        }

/* =========================================================
   FIX: HOME PAGE VISIBILITY / TOP SECTIONS
   Put these near the bottom of style.css.
========================================================= */
html, body {
    min-height: 100%;
}

body.sr-page {
    overflow-x: hidden;
    overflow-y: auto;
}

main {
    display: block;
    position: relative;
    z-index: 1;
}

.home-hero,
.what-section,
section.pb-5 {
    display: block;
    visibility: visible;
    opacity: 1;
}

.home-hero {
    position: relative;
    z-index: 1;
    min-height: 560px;
    display: flex;
    align-items: center;
    background:
        linear-gradient(90deg, rgba(255,255,255,.98) 0%, rgba(255,255,255,.92) 33%, rgba(255,255,255,.50) 52%, rgba(255,255,255,.04) 100%),
        url("/static/images/pharmacist-patient.png");
    background-size: cover;
    background-position: 15% center ;
}

.home-hero-pharmacy {
    position: relative;
    z-index: 1;
    min-height: 560px;
    display: flex;
    align-items: center;
    background:
        linear-gradient(90deg, rgba(255,255,255,.98) 0%, rgba(255,255,255,.92) 33%, rgba(255,255,255,.50) 52%, rgba(255,255,255,.04) 100%),
        url("/static/images/pharmacy.png");
    background-size: cover;
    background-position: 0% center ;
}

.pricing-hero-image {
    background-image: url("/static/images/savings.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    min-height: 420px;
    border-radius: 18px;
}

/* Pricing page right-side feature cards */
.pricing-feature-card {
    flex: 1;
}

.home-hero .container,
.home-hero-content,
.mission-box {
    position: relative;
    z-index: 2;
}

@media (max-width: 991.98px) {
    .home-hero {
        min-height: auto;
        background:
            linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(255,255,255,.84) 100%),
            url("/static/images/pharmacist-patient.png");
        background-size: cover;
        background-position: center;
    }
}

/* =========================================================
   FINAL FIX: Mission box on RIGHT SIDE of hero container
   This overrides the older absolute mission-box rules above.
========================================================= */

@media (min-width: 992px) {

    .home-hero {
        min-height: 700px;
        display: flex;
        align-items: center;
    }

    .home-hero > .container {
        position: relative;
        z-index: 2;

        display: grid;
        grid-template-columns: minmax(0, 58%) 380px;
        column-gap: 3rem;
        align-items: center;
    }

    .home-hero-content {
        grid-column: 1;
        max-width: 660px;
        padding: 4.5rem 0;
    }

    .mission-box {
        grid-column: 2;
        margin-top: 25rem;
        position: static !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        transform: none !important;

        width: 100%;
        max-width: 380px;
        justify-self: end;

        background: rgba(255,255,255,0.24);
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);

        border: 1px solid rgba(255,255,255,0.38);
        border-radius: 18px;
        padding: 1.55rem;

        box-shadow: 0 20px 50px rgba(0,0,0,.20);
    }
}

@media (max-width: 991.98px) {

    .home-hero > .container {
        display: block;
    }

    .mission-box {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        transform: none !important;

        width: 100%;
        max-width: none;
        margin: 2rem 0 2.5rem;

        background: rgba(255,255,255,0.92);
    }
}
/* =========================================================
   ADVOCATE HERO BACKGROUND
========================================================= */

.advocate-hero {
    background:
        linear-gradient(
            90deg,
            rgba(255,255,255,.98) 0%,
            rgba(255,255,255,.92) 33%,
            rgba(255,255,255,.50) 52%,
            rgba(255,255,255,.04) 100%
        ),
        url("/static/images/paaa.png");

    background-size: cover;
    background-position: center;
    border-bottom: 1px solid var(--sr-border);
}

/* MOBILE */
@media (max-width: 991.98px) {

    .advocate-hero {
        background:
            linear-gradient(
                180deg,
                rgba(255,255,255,.96) 0%,
                rgba(255,255,255,.84) 100%
            ),
            url("/static/images/paaa.png");

        background-size: cover;
        background-position: center;
    }
}