.success-equation h3 { margin-bottom: 10px; }
.success-equation__intro { margin: 0 0 30px; color: #52617a; font-size: 16px; line-height: 1.5; text-align: center; }
.success-equation__quotes { display: grid; align-items: start; }
.success-equation__quotes>p { grid-area: 1 / 1; }
.success-equation__quotes>p[aria-hidden="true"] { visibility: hidden; pointer-events: none; }
.success-equation__copy .success-equation__quotes p { font-size: 14px; line-height: 1.5; color: #435878; }
.success-equation__controls { display: grid; grid-template-columns: 44px minmax(0, 180px) 44px 44px; align-items: center; justify-content: center; width: min(100%, 312px); margin: 20px auto 0; }
.success-equation__controls[hidden] { display: none; }
.success-equation__controls:has([data-equation-pause][hidden]) { grid-template-columns: 44px minmax(0, 180px) 44px; width: min(100%, 268px); }
.success-equation__controls button { display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 50%; color: #526b98; background: transparent; cursor: pointer; transition: background-color 180ms, color 180ms, scale 160ms; }
.success-equation__controls button:hover { background: #e6ebf780; color: #245bce; }
.success-equation__controls button:active { scale: .96; }
.success-equation__controls button:focus-visible { outline: 2px solid #245bce; outline-offset: 2px; }
.success-equation__controls svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.success-equation__case { display: flex; flex-direction: column; align-items: center; gap: 3px; text-align: center; color: #435878; font-size: 14px; line-height: 1.25; }
.success-equation__case small { color: #74819a; font-size: 12px; font-variant-numeric: tabular-nums; }
.equation-play-icon { display: none; }
[data-equation-paused="true"] .equation-pause-icon { display: none; }
[data-equation-paused="true"] .equation-play-icon { display: block; }
@media (max-width: 760px) {
  .success-equation__intro { font-size: 15px; margin-bottom: 26px; }
  .success-equation__copy .success-equation__quotes p { font-size: 14px; }
  .success-equation__controls { margin-top: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  .success-equation__controls button { transition: none; }
}

/* Résultat : pertinence, qualification et intention d’achat. */
.success-equation__outcome-copy { min-width: 0; }
.success-equation__outcome-copy strong { display: block; text-wrap: balance; }
.success-equation__outcome-copy p { margin: 10px 0 0; color: #365783; font-size: 15px; line-height: 1.45; text-wrap: balance; }
@media (min-width: 361px) and (max-width: 900px) {
  .success-equation__outcome-copy { text-align: left; }
}