/* Diagramme animé du parcours BDR / SDR. Tous les textes restent lisibles à l'arrêt. */
.sales-flow{margin:0;padding:30px;background:#133b30;color:#f4f7ef;border:1px solid #315345;border-radius:24px;min-width:0;box-shadow:0 18px 50px #133b3010}
.flow-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}
.flow-kicker{font-size:.75rem;letter-spacing:.13em;color:#d9f66f;margin-bottom:13px;font-weight:500}
.flow-heading h2{font-size:2.3rem;letter-spacing:-.045em;line-height:1.08}
.flow-symbol{font-size:3.7rem;line-height:1;color:#d9f66f;font-weight:400}
.flow-sources{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.flow-sources>div{display:flex;flex-direction:column;border:1px solid #51705f;border-radius:12px;padding:15px 12px;background:#1a4336}
.flow-source-icon{font-size:1.3rem;color:#d9f66f;line-height:1;margin-bottom:12px}
.flow-sources strong{font-size:.875rem;font-weight:500;line-height:1.4}
.flow-sources div>span:last-child{font-size:.75rem;color:#b4cabb;margin-top:5px}
.flow-merge{height:33px;position:relative;margin-inline:24%}
.flow-merge:before{content:'';position:absolute;inset:0 0 15px;border:1px solid #668465;border-top:0;border-radius:0 0 9px 9px}
.flow-merge:after{content:'';position:absolute;left:50%;top:18px;height:15px;width:1px;background:#668465}
.flow-merge span{position:absolute;width:5px;height:5px;background:#d9f66f;border-radius:50%;left:calc(50% - 2px);bottom:0}
.flow-stages{padding:0;margin:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.flow-stage-row{position:relative;display:flex;align-items:center;gap:13px;border:1px solid #466651;background:#1a4336;border-radius:12px;padding:14px;transition:background .55s,border-color .55s}
.flow-node{flex:0 0 32px;width:32px;height:32px;border:1px solid #769379;border-radius:50%;display:grid;place-items:center;color:#c2d6c4;font-size:.75rem;transition:background .55s,color .55s}
.flow-stage-row strong{font-size:.875rem;line-height:1.45;font-weight:500;display:block}
.flow-stage-row p{font-size:.75rem;color:#b4cabb;margin-top:3px;line-height:1.5}
.flow-tick{margin-left:auto;color:#d9f66f;opacity:0;transition:opacity .45s}
.flow-handoff{display:flex;align-items:center;gap:12px;background:#244f3b;border:1px solid #648356;border-radius:12px;padding:16px;margin-top:18px;transition:background .65s,color .65s}
.flow-handoff>span{width:32px;height:32px;flex:0 0 32px;display:grid;place-items:center;border-radius:50%;background:#d9f66f;color:#153d32}
.flow-handoff strong{font-size:1rem;font-weight:500;display:block}
.flow-handoff p{font-size:.75rem;margin-top:3px;line-height:1.5}
.flow-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:20px;min-height:30px}
.flow-controls p{font-size:.75rem;color:#b4cabb;line-height:1.5}
.flow-controls button{font:inherit;font-size:.75rem;border:1px solid #6c886f;border-radius:20px;background:transparent;color:#f4f7ef;min-height:36px;padding:6px 12px;white-space:nowrap;display:flex;align-items:center;gap:9px}
.flow-controls button[hidden]{display:none}.flow-controls button:hover{background:#2f5741}.flow-controls button:focus-visible{outline-color:#d9f66f}
.sales-flow[data-step="0"] [data-stage="0"],.sales-flow[data-step="1"] [data-stage="1"],.sales-flow[data-step="2"] [data-stage="2"]{background:#305a40;border-color:#d9f66f}
.sales-flow[data-step="0"] [data-stage="0"] .flow-node,.sales-flow[data-step="1"] [data-stage="1"] .flow-node,.sales-flow[data-step="2"] [data-stage="2"] .flow-node{background:#d9f66f;color:#153d32;border-color:#d9f66f}
.sales-flow[data-step="1"] [data-stage="0"] .flow-tick,.sales-flow[data-step="2"] [data-stage="0"] .flow-tick,.sales-flow[data-step="2"] [data-stage="1"] .flow-tick,.sales-flow[data-step="3"] .flow-tick{opacity:1}
.sales-flow[data-step="3"] .flow-handoff{background:#d9f66f;color:#153d32;border-color:#d9f66f}
.sales-flow[data-step="3"] .flow-handoff>span{background:#153d32;color:#d9f66f}
@media(min-width:561px) and (max-width:900px){.hero-grid{grid-template-columns:1fr}.hero-copy{max-width:650px}.sales-flow{width:min(100%,570px);justify-self:center}.hero-ctas{flex-direction:row;align-items:center;gap:20px}}
@media(max-width:560px){.sales-flow{padding:22px 18px;border-radius:20px}.flow-heading h2{font-size:2rem}.flow-heading{margin-bottom:22px}.flow-sources{gap:8px}.flow-sources>div{padding:12px 10px}.flow-stage-row{padding:12px 10px;gap:10px}.flow-sources strong{font-size:.8125rem}.flow-handoff{padding:13px}.flow-symbol{font-size:3rem}.flow-controls{align-items:center}.flow-controls p{max-width:150px}}
@media(prefers-reduced-motion:reduce){.sales-flow *{transition:none!important}}