/* rp-socialproof — "Companies that made the switch" navy review section.
   Scope: .rp-socialproof. Cards = full background-photo + dark gradient overlay,
   stat/quote/name/logo over the photo (Figma 16576:264579). Cowork refines pixel values. */
.rp-socialproof { background: #0F1035; padding: 80px 24px; }
.rp-socialproof .rp-container { max-width: 1200px; margin: 0 auto; }
.rp-sp__head { text-align: center; margin-bottom: 48px; }
.rp-sp__heading {
  font-family: Mulish, -apple-system, sans-serif;
  font-size: 36px; line-height: 1.2; font-weight: 700; color: #fff; margin: 0 0 12px;
}
.rp-sp__heading .rp-blue { color: #114EF7; }
.rp-sp__sub {
  font-family: Mulish, sans-serif; font-size: 18px; line-height: 1.5; color: rgba(255,255,255,.75); margin: 0;
}
.rp-sp__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
/* background-photo card + dark gradient overlay */
.rp-sp__card {
  position: relative; overflow: hidden; border-radius: 20px; min-height: 420px;
  background-size: cover; background-position: center; background-repeat: no-repeat;
  display: flex; color: #fff;
}
.rp-sp__card::before {
  content: ""; position: absolute; inset: 0; z-index: 1;
  background: linear-gradient(180deg, rgba(15,16,53,0.15) 0%, rgba(15,16,53,0.55) 45%, rgba(15,16,53,0.92) 100%);
}
.rp-sp__content {
  position: relative; z-index: 2; display: flex; flex-direction: column;
  justify-content: flex-end; gap: 10px; padding: 32px; width: 100%;
}
.rp-sp__stat { font-family: Mulish, sans-serif; font-size: 40px; line-height: 1.1; font-weight: 700; color: #fff; }
.rp-sp__stat-label { font-family: Mulish, sans-serif; font-size: 16px; font-weight: 400; color: rgba(255,255,255,.8); }
.rp-sp__quote { font-family: Mulish, sans-serif; font-size: 16px; line-height: 1.5; color: #fff; margin: 8px 0 0; text-shadow: 0 2px 8px rgba(0,0,0,.4); }
.rp-sp__foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 12px; }
.rp-sp__name { font-family: Mulish, sans-serif; font-size: 16px; font-weight: 700; color: #fff; }
.rp-sp__name span { display: block; font-weight: 400; font-size: 13px; color: rgba(255,255,255,.7); }
.rp-sp__logo { height: 28px; width: auto; max-width: 110px; object-fit: contain; filter: brightness(0) invert(1); opacity: .9; }
@media (max-width: 991px) { .rp-sp__grid { grid-template-columns: 1fr; } .rp-sp__heading { font-size: 28px; } }

/* Per-card background photos — moved out of the inline style="background-image"
   (wp_kses strips url() from DB block content). Card order: valmont / alts-digital / pemo. */
.rp-sp__card--valmont { background-image: url("/wp-content/themes/rp/assets/images/cor/socialproof/valmont-bg.png"); }
.rp-sp__card--alts-digital { background-image: url("/wp-content/themes/rp/assets/images/cor/socialproof/alts-digital-bg.png"); }
.rp-sp__card--pemo { background-image: url("/wp-content/themes/rp/assets/images/cor/socialproof/pemo-bg.png"); }