/* rp-intro — pain-point value section. Scope: .rp-intro
   Structural layout by CC; Cowork refines spacing/type to the CoR Figma. */
.rp-intro { padding: 72px 24px; text-align: center; }
.rp-intro__heading {
  font-family: Mulish, -apple-system, sans-serif;
  font-size: 32px; line-height: 1.25; font-weight: 700; color: #0F1035;
  max-width: 820px; margin: 0 auto 40px;
  text-align: center !important; margin-left: auto !important; margin-right: auto !important;
}
.rp-intro__grid {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px;
  max-width: 1100px; margin: 0 auto;
}
/* White cards + rounded-square red X icon — matches the standard "RP Pain Points (3-up)". */
.rp-intro__item {
  background: #FFFFFF; border: 1px solid #ECEFF3; border-radius: 16px; padding: 32px 24px;
  display: flex; flex-direction: column; align-items: flex-start; gap: 16px; text-align: right;
}
.rp-intro__x {
  display: inline-flex; align-items: center; justify-content: center;
  width: 36px; height: 36px; border-radius: 10px;
  background: #FCEAEA; color: #DE2626; font-size: 18px; font-weight: 700; flex: 0 0 auto;
}
.rp-intro__text {
  font-family: Mulish, -apple-system, sans-serif;
  font-size: 18px; line-height: 1.5; font-weight: 400; color: #2A2A2A; margin: 0;
}
@media (max-width: 991px) { .rp-intro__grid { grid-template-columns: 1fr; } .rp-intro__heading { font-size: 28px; } }