/* Solution pricing follows the reference's grey surface and blue enterprise card. */
.solution-pricing { padding: clamp(52px, 7vw, 92px) var(--pad, 24px); background: #f8f9fb; }
.solution-pricing-head { text-align: center; margin-bottom: 40px; }
.solution-pricing-head h2 { max-width: 840px; margin: 12px auto 0; font-size: clamp(26px, 3.2vw, 40px); font-weight: 600; line-height: 1.5; color: #111b32; }
.solution-pricing-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; padding: 16px; background: #edf0f5; border-radius: 20px; }
.solution-plan { display: flex; flex-direction: column; min-width: 0; padding: clamp(24px, 3.5vw, 44px); color: #131c2a; }
.solution-plan-icon { display: grid; place-items: center; width: 48px; height: 48px; margin-bottom: 22px; border: 1px solid #d5dbe5; border-radius: 12px; background: #fff; }
.solution-plan h3 { margin: 0 0 10px; font-size: clamp(23px, 2.5vw, 30px); font-weight: 600; line-height: 1.5; }
.solution-plan-intro { margin: 0; color: #64748b; font-size: 14px; line-height: 1.9; text-align: start; }
.solution-plan-features { display: flex; flex-direction: column; gap: 22px; list-style: none; margin: 34px 0 38px; padding: 0; font-size: 15px; line-height: 1.9; }
.solution-plan-features li { display: flex; align-items: flex-start; gap: 12px; }
.solution-plan-features li::before { content: '✓'; flex: none; display: grid; place-items: center; width: 17px; height: 17px; margin-top: 6px; border-radius: 50%; background: #131c2a; color: #fff; font-size: 11px; line-height: 1; }
.solution-plan-button { display: flex; align-items: center; justify-content: center; min-height: 46px; margin-top: auto; padding: 11px 18px; border: 1px solid #d4dae5; border-radius: 9px; background: #f8fafc; color: #111b32; font-size: 14px; font-weight: 600; text-decoration: none; text-align: center; transition: background .18s ease; }
.solution-plan-button:hover { background: #e2eaf6; }
.solution-plan-button:focus-visible { outline: 3px solid #162c57; outline-offset: 4px; }
.solution-plan--enterprise { background: #3e63f5; border-radius: 13px; color: #fff; }
.solution-plan--enterprise h3, .solution-plan--enterprise .solution-plan-intro { color: #fff !important; }
.solution-plan--enterprise .solution-plan-icon { color: #3157dc; border-color: transparent; }
.solution-plan--enterprise .solution-plan-features li::before { color: #3e63f5; background: #fff; }
.solution-plan--enterprise .solution-plan-button:focus-visible { outline-color: #fff; }
.solution-faq { background: #f8f9fb; }
.solution-faq .fp-faq { width: 100%; max-width: none; margin-top: 38px; }
.solution-faq-item { border-bottom: 1px solid #d8deec; }
.solution-faq-item:first-child { border-top: 1px solid #d8deec; }
.solution-faq-item > summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 76px; padding: 20px 0; list-style: none; cursor: pointer; color: #111b32; }
.solution-faq-item > summary::-webkit-details-marker { display: none; }
.solution-faq-item > summary h3 { margin: 0; font-size: clamp(15px, 1.65vw, 19px); font-weight: 500; line-height: 1.9; }
.solution-faq-item > summary > span { flex: none; font-size: 24px; line-height: 1; transition: transform .18s ease; }
.solution-faq-item[open] > summary > span { transform: rotate(45deg); }
.solution-faq-item > summary:focus-visible { outline: 3px solid #4290c6; outline-offset: 4px; border-radius: 4px; }
.solution-faq-answer { max-width: 90ch; padding: 0 0 24px; color: #59677f; font-size: 15px; line-height: 2; }
.solution-faq-answer p { margin: 0; }
@media (max-width: 760px) {
  .solution-pricing { padding-inline: 16px; }
  .solution-pricing-head { margin-bottom: 26px; }
  .solution-pricing-grid { grid-template-columns: 1fr; padding: 10px; gap: 10px; }
  .solution-plan { padding: 24px 18px; }
  .solution-plan-features { gap: 18px; margin-block: 28px; font-size: 14px; }
  .solution-faq .fp-faq { margin-top: 26px; }
  .solution-faq-item > summary { gap: 16px; min-height: 64px; }
}
@media (prefers-reduced-motion: reduce) {
  .solution-plan-button, .solution-faq-item > summary > span { transition: none; }
}