/* Pain -> solution */
.pains { background: var(--mist); text-align: center; }
.pain-list { display: grid; gap: 14px; margin-top: 44px; text-align: start; }
.pain-row { display: grid; grid-template-columns: 1fr auto 1fr; gap: 14px; align-items: stretch; }
.pain, .fix { display: flex; align-items: center; gap: 14px; border-radius: var(--radius); padding: 18px 22px; }
.pain span, .fix span { font-size: 30px; flex-shrink: 0; }
.pain p, .fix p { margin: 0; font-size: 17px; }
.pain { background: var(--white); color: var(--muted); border: 1px solid var(--lav-100); }
.pain b { color: var(--ink); }
.fix { background: var(--grad); color: var(--white); box-shadow: 0 0 30px rgba(139, 92, 246, .3), var(--shadow); }
.pain-arrow { align-self: center; font-size: 28px; font-weight: 900; color: var(--violet); }
@media (max-width: 760px) {
  .pain-row { grid-template-columns: 1fr; gap: 6px; }
  .pain-arrow { justify-self: center; transform: rotate(-90deg); }
}