/* Public mission promise card — polished, responsive and accessible. */
.solution-lead {
  position: relative;
  isolation: isolate;
  display: grid;
  justify-items: center;
  gap: 13px;
  width: min(760px, 100%);
  max-width: 760px !important;
  margin: 30px auto 28px !important;
  padding: clamp(28px, 4vw, 38px) clamp(24px, 5vw, 52px) clamp(30px, 4.5vw, 42px) !important;
  overflow: hidden;
  background:
    radial-gradient(circle at 91% 18%, rgba(105,66,191,.12) 0 7px, transparent 8px),
    radial-gradient(circle at 86% 26%, rgba(255,198,75,.30) 0 4px, transparent 5px),
    linear-gradient(145deg, #fffefb 0%, #fff9e9 100%) !important;
  border: 1px solid rgba(255,255,255,.95) !important;
  border-radius: clamp(24px, 3vw, 34px) !important;
  box-shadow:
    0 9px 0 #351a78,
    0 24px 54px rgba(31,15,77,.30),
    inset 0 0 0 1px rgba(105,66,191,.08) !important;
  color: #342052 !important;
  line-height: 1.25 !important;
}
.solution-lead::before {
  content: '';
  position: absolute;
  z-index: -1;
  top: 0;
  left: 14%;
  right: 14%;
  height: 5px;
  border-radius: 0 0 999px 999px;
  background: linear-gradient(90deg, #ffca51, #f58aaa 52%, #9e79e8);
}
.solution-lead-label {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 5px 13px;
  border: 1px solid rgba(105,66,191,.18);
  border-radius: 999px;
  background: rgba(105,66,191,.08);
  color: #6942bf;
  font: 900 11px/1.2 'Nunito', sans-serif;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.solution-lead strong {
  position: relative;
  z-index: 1;
  display: block;
  max-width: 650px;
  color: #342052;
  font: 800 clamp(1.6rem, 3.15vw, 2.18rem)/1.24 'Baloo 2', 'Nunito', sans-serif;
  letter-spacing: -.018em;
  text-wrap: balance;
}
.solution-lead mark {
  display: inline;
  padding: 0 .08em;
  color: #4c299b;
  background: linear-gradient(transparent 62%, rgba(255,202,81,.72) 62% 92%, transparent 92%);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
@media (max-width: 400px) {
  .solution-lead {
    gap: 11px;
    margin-block: 24px 25px !important;
    padding: 25px 20px 29px !important;
    border-radius: 24px !important;
    box-shadow: 0 7px 0 #351a78, 0 18px 38px rgba(31,15,77,.26), inset 0 0 0 1px rgba(105,66,191,.08) !important;
  }
  .solution-lead strong {
    font-size: clamp(1.5rem, 7.7vw, 1.78rem);
    line-height: 1.22;
  }
}