/* ============================================================
   OUR VISION — PAGE-SPECIFIC SPACING + ALIGNMENT FIXES
   Matches home + SAP editorial spacing exactly.
   Updated: 2026-04-04
   ============================================================ */


/* ------------------------------------------------------------
   1. RESTORE TOP + BOTTOM PILL RADIUS
   ------------------------------------------------------------ */

/* FIRST pill — rounded top corners */
.vision-pill:first-of-type {
    border-top-left-radius: 22px !important;
    border-top-right-radius: 22px !important;
}

/* LAST pill — rounded bottom corners + correct spacing */
.vision-last-pill {
    border-bottom-left-radius: 22px !important;
    border-bottom-right-radius: 22px !important;
    margin-bottom: 0 !important;
}


/* ------------------------------------------------------------
   2. MATCH HOME PAGE SCROLLING TEXT SPACING
   ------------------------------------------------------------ */

.vision-scrolling {
    padding: 6rem 0 !important; /* identical to home page */
}


/* ------------------------------------------------------------
   3. MATCH SAP HERO SPACING
   ------------------------------------------------------------ */

.sap-hero .npd-hero-content {
    margin-bottom: 4rem !important;
}


/* ------------------------------------------------------------
   4. RESPONSIVE TUNING
   ------------------------------------------------------------ */

@media (max-width: 900px) {
    .vision-scrolling {
        padding: 4rem 0 !important;
    }
}

@media (max-width: 600px) {
    .vision-scrolling {
        padding: 3rem 0 !important;
    }
}