/* Concern cards lead into a full-width reassurance panel. */
.wf-web-concerns {
  --concern-accent: #84569a;
  background: #f2eff5;
  color: #2c1e46;
  scroll-margin-top: 90px;
}
.wf-web-concerns__top { max-width: 1200px; margin-inline: auto; padding: 80px 40px 52px; }
.wf-web-concerns h2 { margin: 0 0 40px; text-align: center; font-size: clamp(24px, 2.4vw, 32px); line-height: 1.8; font-weight: 600; }
.wf-web-concerns h2 span { color: var(--concern-accent); text-emphasis: filled dot; text-emphasis-position: over right; }
.wf-web-concerns__mobile-break { display: none; }
.wf-web-concerns__cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; list-style: none; padding: 0; max-width: 960px; margin: 0 auto; }
.wf-web-concerns__card { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 18px; min-width: 0; min-height: 228px; padding: 28px 16px; border-radius: 10px; background: #fff; }
.wf-web-concerns__worry { display: block; flex: 0 0 auto; width: 44px; height: 44px; color: #9c99a0; }
.wf-web-concerns__card p { margin: 0; text-align: center; font-size: 17px; line-height: 1.85; font-weight: 600; }
.wf-web-concerns__card strong { color: var(--concern-accent); font-weight: 600; }
.wf-web-concerns__solution { padding: 92px 24px 72px; clip-path: polygon(0 0, 50% 42px, 100% 0, 100% 100%, 0 100%); background: linear-gradient(110deg, #392653 0%, #704887 55%, #a476b4 100%); color: #fff; text-align: center; }
.wf-web-concerns__eyebrow { margin: 0 0 14px; font-size: 16px; line-height: 1.8; font-weight: 600; }
.wf-web-concerns__solution h3 { margin: 0; font-size: clamp(24px, 2.8vw, 36px); line-height: 1.75; font-weight: 600; }
.wf-web-concerns__solution h3 span { white-space: nowrap; }
.wf-web-concerns__solution strong { font-size: 1.2em; font-weight: 600; }
.wf-web-concerns__message { margin: 22px 0 0; font-size: 16px; line-height: 2; }
@media (max-width: 760px) {
  .wf-web-concerns { scroll-margin-top: 80px; }
  .wf-web-concerns__top { padding: 60px 20px 36px; }
  .wf-web-concerns h2 { margin-bottom: 28px; font-size: 21px; line-height: 2; }
  .wf-web-concerns__mobile-break { display: block; }
  .wf-web-concerns__cards { grid-template-columns: minmax(0, 1fr); gap: 14px; max-width: 420px; }
  .wf-web-concerns__card { min-height: 196px; gap: 12px; padding: 24px 18px; }
    .wf-web-concerns__card p { font-size: 16px; }
  .wf-web-concerns__solution { padding: 68px 20px 52px; clip-path: polygon(0 0, 50% 24px, 100% 0, 100% 100%, 0 100%); }
  .wf-web-concerns__eyebrow { font-size: 14px; }
  .wf-web-concerns__solution h3 { font-size: clamp(20px, 5.6vw, 28px); }
  .wf-web-concerns__message { font-size: 14px; margin-top: 18px; }
}

.wf-web-concerns__message span { display: inline-block; }

/* Keep the Web-specific context around the shared animated solution headline. */
.wf-web-concerns__solution.wf-video-concerns__solution > .wf-web-concerns__eyebrow { margin: 0 0 28px; font-size: 16px; line-height: 1.8; }
.wf-web-concerns__solution.wf-video-concerns__solution > .wf-web-concerns__message { margin: 22px 0 0; font-size: 16px; line-height: 2; }
@media (max-width: 760px) {
  .wf-web-concerns__solution.wf-video-concerns__solution > .wf-web-concerns__eyebrow { font-size: 14px; }
  .wf-web-concerns__solution.wf-video-concerns__solution > .wf-web-concerns__message { font-size: 14px; margin-top: 18px; }
}