/* Ajustements visuels valides sur la production du 14 septembre. */
.simple-section-cta { display: flex; justify-content: center; margin-top: 40px; }
.simple-section-cta .btn { text-align: center; }
.simple-section-cta .btn--secondary { background: transparent; }
.simple-section-cta .btn--secondary:hover { background: var(--navy); color: var(--white); }

/* Le fond reprend directement celui des cartes Pourquoi TALEV. */
.solution-flow { position: relative; isolation: isolate; margin-top: 56px; background: var(--white); }
.solution-flow::before {
  content: ""; position: absolute; z-index: 0; inset: 0 0 auto; height: var(--blue-extent, 820px);
  background: var(--talev-card-background, radial-gradient(circle at 50% 0%, #12335B 0%, #0B2341 58%, #071B33 100%));
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 48%, rgba(0,0,0,.997) 56%, rgba(0,0,0,.98) 63%, rgba(0,0,0,.92) 70%, rgba(0,0,0,.78) 77%, rgba(0,0,0,.54) 84%, rgba(0,0,0,.27) 91%, rgba(0,0,0,.06) 97%, transparent 100%);
  mask-image: linear-gradient(to bottom, #000 0%, #000 48%, rgba(0,0,0,.997) 56%, rgba(0,0,0,.98) 63%, rgba(0,0,0,.92) 70%, rgba(0,0,0,.78) 77%, rgba(0,0,0,.54) 84%, rgba(0,0,0,.27) 91%, rgba(0,0,0,.06) 97%, transparent 100%);
  pointer-events: none;
}
.solution-flow > .issue-transition, .solution-flow > .value-section { position: relative; z-index: 1; }
.issue-transition { padding-top: 58px; }
.issue-transition .issue-conclusion { color: var(--white); }
.issue-transition .issue-bridge { background: transparent; height: 104px; }
.issue-transition .issue-bridge svg { stroke: rgba(255,255,255,.72); }
@media (min-width: 781px) {
  .global-cta__shell { grid-template-columns: minmax(0, 1fr) 360px; width: min(var(--container), calc(100% - var(--gutter) * 2)); margin-inline: auto; }
  .global-cta__copy { padding: 60px 32px 60px 0; }
  .global-cta__action { padding: 42px 24px; }
  .global-cta__action .btn { flex: 0 0 auto; width: 220px; min-width: 220px; min-height: 76px; }
}
@media (min-width: 781px) and (max-width: 1080px) {
  .global-cta__shell { grid-template-columns: minmax(0, 1fr) 300px; }
}
@media (max-width: 780px) {
  .simple-section-cta { margin-top: 32px; }
  .simple-section-cta .btn { max-width: 100%; }
  .solution-flow { margin-top: 42px; }
  .issue-transition { padding-top: 44px; }
  .issue-transition .issue-bridge { height: 88px; }
}
