/* Parcours transversal : deux équipes, une décision de déploiement. */
.agblk .strategic-flow{height:764px}
.agblk .strategic-flow .svg-lines{height:764px}
.agblk .strategic-flow .wf{width:281px}
.agblk .strategic-flow .node{min-height:88px;padding:13px 15px}
.agblk .strategic-flow .nh{font-size:9px;letter-spacing:.055em}
.agblk .strategic-flow .nh>i{font-size:16px;color:#62626c}
.agblk .strategic-flow .nt{margin-top:7px;font-size:13px}
.agblk .strategic-flow .nd{font-size:11px;line-height:1.4}
.agblk .strategic-flow .objective{top:0;left:160px}
.agblk .strategic-flow .clinical{top:144px;left:10px}
.agblk .strategic-flow .access{top:144px;left:311px}
.agblk .strategic-flow .review-clinical{top:282px;left:10px}
.agblk .strategic-flow .review-access{top:282px;left:311px}
.agblk .strategic-flow .sales{top:426px;left:160px}
.agblk .strategic-flow .launch{top:552px;left:160px}
.agblk .strategic-flow .decision{top:678px;left:160px;--outcome:#0d0d12;--outcome-bg:#fff;--outcome-border:#a9b6f3}
.agblk .strategic-flow .decision.is-resolved{background:#a9b6f3}
.agblk .strategic-flow .review-clinical .node,.agblk .strategic-flow .review-access .node{background:#fafafa}
.agblk .strategic-flow .flow-feedback-label{position:absolute;top:605px;left:19px;font-size:10px;color:#777780;max-width:105px;background:#fff;padding:5px}
@media(max-width:900px){
.agblk .strategic-flow{display:grid;grid-template-columns:1fr;gap:30px;height:auto;width:100%;max-width:460px;margin:0 auto}
.agblk .strategic-flow .wf{position:relative;top:auto;left:auto;width:100%}
.agblk .strategic-flow .wf:not(:last-of-type)::after{content:"";position:absolute;height:30px;width:1px;background:#dedee5;left:50%;top:100%}
.agblk .strategic-flow .svg-lines,.agblk .strategic-flow .flow-feedback-label{display:none}
}


/* Le parcours prend vie : lavande pour les agents, mauve pour les revues. */
.agblk .strategic-flow{isolation:isolate}
.agblk .strategic-flow::before{content:"";position:absolute;inset:45px -20px 0;z-index:-1;background:radial-gradient(ellipse at 25% 24%,rgba(169,182,243,.18),transparent 48%),radial-gradient(ellipse at 80% 45%,rgba(225,182,244,.17),transparent 45%);pointer-events:none}
.agblk .strategic-flow .wf{--flow-color:#a9b6f3;transition:box-shadow .4s,transform .4s;background-image:conic-gradient(var(--flow-color) var(--ag-a),transparent 0);box-shadow:0 4px 14px #0d0d1208}
.agblk .strategic-flow .review-clinical,.agblk .strategic-flow .review-access{--flow-color:#e1b6f4}
.agblk .strategic-flow .node{overflow:visible;transition:background .4s}
.agblk .strategic-flow .objective .node{background:linear-gradient(110deg,rgba(169,182,243,.24),rgba(225,182,244,.12)),#fff}
.agblk .strategic-flow .review-clinical .node,.agblk .strategic-flow .review-access .node{background:linear-gradient(110deg,rgba(225,182,244,.12),transparent),#fff}
.agblk .strategic-flow .nh>i{color:#0d0d12;font-size:17px}
.agblk .strategic-flow .is-active{transform:translateY(-3px);box-shadow:0 0 0 4px color-mix(in srgb,var(--flow-color) 20%,transparent),0 12px 30px #0d0d1210}
.agblk .strategic-flow .is-active .node{background:linear-gradient(115deg,color-mix(in srgb,var(--flow-color) 18%,white),white)}
.agblk .strategic-flow .is-active .nh>i{animation:flow-icon 1.2s ease-in-out infinite}
.agblk .strategic-flow .node::after{content:"";position:absolute;bottom:0;left:10px;right:10px;height:3px;border-radius:4px;background:var(--flow-color);transform:scaleX(0);transform-origin:left}
.agblk .strategic-flow.play .node::after{animation:flow-progress var(--d) ease-in-out both;animation-delay:calc(var(--i)*var(--d))}
.agblk .strategic-flow .node .run{background:#fff;border-color:var(--flow-color);box-shadow:0 3px 10px #0d0d120a;font-size:10px}
.agblk .strategic-flow .node .run::before{content:"";height:6px;width:6px;border-radius:50%;background:var(--flow-color);animation:flow-icon .8s ease-in-out infinite}
.agblk .strategic-flow .node .done{background:color-mix(in srgb,var(--flow-color) 25%,white);border-color:var(--flow-color);font-size:10px}
.agblk .strategic-flow .decision.is-resolved .node{background:linear-gradient(110deg,rgba(169,182,243,.24),rgba(225,182,244,.15)),white}
.agblk .strategic-flow .decision.is-resolved{box-shadow:0 0 0 4px #a9b6f326,0 10px 28px #0d0d1210}
.agblk .strategic-flow .svg-lines .flow-track{opacity:1;stroke:#e7e7ed}
.agblk .strategic-flow .svg-lines path.cn{stroke:#a9b6f3;stroke-width:2;stroke-dasharray:100;stroke-dashoffset:100;opacity:1}
.agblk .strategic-flow.play .svg-lines path.cn{animation:flow-line .8s ease-out both;animation-delay:calc((var(--i) + .8)*var(--d))}
.agblk .strategic-flow .svg-lines path.feedback{stroke:#e1b6f4;stroke-dasharray:4 5}
.agblk .strategic-flow .flow-feedback-label{border:1px solid #e1b6f466;border-radius:8px;padding:7px 9px;background:#fff;font-weight:500;color:#555560}
@keyframes flow-line{from{stroke-dashoffset:100;opacity:0}to{stroke-dashoffset:0;opacity:1}}
@keyframes flow-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes flow-icon{50%{opacity:.4;transform:scale(.9)}}
@media(prefers-reduced-motion:reduce){
.agblk .strategic-flow.play .node::after{animation:none;transform:scaleX(1)}
.agblk .strategic-flow.play .svg-lines path.cn{animation:none;stroke-dashoffset:0}
.agblk .strategic-flow .is-active{transform:none}
.agblk .strategic-flow .is-active .nh>i,.agblk .strategic-flow .node .run::before{animation:none}
}


/* Un canvas produit contenu, avec une lecture stable des états. */
#agents{padding-top:64px!important;padding-bottom:64px;background-image:none}
.agblk #agents .hero{grid-template-columns:minmax(280px,1fr) minmax(0,650px);gap:44px;padding-top:0;padding-bottom:0;align-items:center}
.agblk #agents .h1like{font-size:46px;line-height:1.08;letter-spacing:-.045em;max-width:13ch}
.agblk #agents .hero p{font-size:16px;line-height:1.65}
.flow-shell{min-width:0;overflow:hidden;border:1px solid #e3e3e8;border-radius:16px;background:#fff;box-shadow:0 8px 32px #17172108,0 1px 3px #17172105}
.flow-toolbar,.flow-subbar,.flow-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 19px}
.flow-toolbar{font-size:12px;font-weight:600;border-bottom:1px solid #ededf1}
.flow-toolbar>span,.flow-footer>span{display:flex;align-items:center;gap:8px}
.flow-toolbar i{font-size:17px;color:#797985}
.flow-live{font-size:10px;font-weight:500;color:#777780}
.flow-live>span{width:6px;height:6px;background:#a9b6f3;border-radius:50%;box-shadow:0 0 0 3px #a9b6f322}
.flow-subbar{padding:12px 19px;font-size:10px;color:#878790;background:#fdfdfe}
.flow-separator{padding:0 7px;color:#c8c8d0}
.flow-canvas{padding:24px 14px 22px;background-color:#fafafb;background-image:radial-gradient(#dcdce3 .7px,transparent .7px);background-size:16px 16px}
.agblk .flow-shell .strategic-flow{zoom:.96;margin:0 auto}
.agblk .strategic-flow::before{display:none}
.agblk .strategic-flow .wf{box-shadow:0 2px 4px #17172105,0 5px 14px #17172104;border-radius:10px;background-image:none;background-color:#dedee7}
.agblk .strategic-flow .wf .node{border-radius:9px;min-height:88px}
.agblk .strategic-flow .is-active{transform:none;background-color:var(--flow-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--flow-color) 17%,transparent),0 5px 18px #1717210a}
.agblk .strategic-flow .is-active .node{background:#fff}
.agblk .strategic-flow .is-active .nh>i{animation:none}
.agblk .strategic-flow .nh{letter-spacing:.045em;font-weight:600;color:#73737e}
.agblk .strategic-flow .objective .node{background:linear-gradient(115deg,#a9b6f31f,#fff)}
.agblk .strategic-flow .review-clinical .node,.agblk .strategic-flow .review-access .node{background:linear-gradient(115deg,#e1b6f41c,#fff)}
.agblk .strategic-flow .node::after{height:2px;left:12px;right:12px}
.agblk .strategic-flow .decision.is-resolved .node{background:linear-gradient(115deg,#a9b6f32b,#fff)}
.agblk .strategic-flow .decision.is-resolved{box-shadow:0 0 0 3px #a9b6f31a,0 4px 16px #17172108}
.agblk .strategic-flow .flow-feedback-label{top:599px;left:24px;max-width:112px;font-size:10px;line-height:1.5;border-color:#e4d9eb;background:#fcf9fe}
.flow-footer{border-top:1px solid #ededf1;font-size:10px;color:#797984;padding:12px 16px}
.flow-footer i{font-size:14px}
@media(min-width:901px) and (max-width:1200px){
.agblk #agents .hero{grid-template-columns:minmax(260px,1fr) 540px;gap:24px;padding-left:24px;padding-right:24px}
.agblk .flow-shell .strategic-flow{zoom:.84}
.agblk #agents .h1like{font-size:38px}
.agblk #agents .cta{flex-wrap:wrap}
}
@media(max-width:900px){
.agblk #agents .hero{grid-template-columns:1fr;gap:32px}
.agblk #agents .h1like{font-size:38px;max-width:20ch}
.agblk .flow-shell .strategic-flow{zoom:1}
.flow-shell{width:100%;max-width:650px;margin:0 auto}
.flow-canvas{padding:26px 20px}
.flow-live{display:none}
.flow-footer{flex-wrap:wrap}
}


/* Connexions porteuses de sens : direction, condition et retour. */
.agblk .strategic-flow,.agblk .strategic-flow .svg-lines{height:790px}
.agblk .strategic-flow .wf .node{height:104px;box-sizing:border-box}
.agblk .strategic-flow .svg-lines .flow-return-path{stroke:#e1b6f4;stroke-width:1.5;stroke-dasharray:4 5;fill:none}
.agblk .strategic-flow .flow-route-label{position:absolute;z-index:3;left:301px;transform:translateX(-50%);font-size:9px;font-weight:500;line-height:15px;padding:1px 6px;background:#fafafb;color:#74747f;white-space:nowrap;border-radius:4px}
.agblk .strategic-flow .parallel-label{top:113px}
.agblk .strategic-flow .approval-label{top:397px;border:1px solid #e9e0ee;background:#fdf9ff}
.agblk .strategic-flow .flow-feedback-label{top:706px;left:14px;max-width:130px;padding:5px 7px;font-size:9px;line-height:1.5;box-shadow:none}
.agblk .strategic-flow .flow-feedback-label strong{font-weight:500}
@media(max-width:900px){
.agblk .strategic-flow{height:auto}
.agblk .strategic-flow .flow-route-label{display:none}
.agblk .strategic-flow .flow-feedback-label{display:block;position:static;max-width:none;width:auto;font-size:11px}
.agblk .strategic-flow .wf:not(:last-of-type)::after{height:22px}
.agblk .strategic-flow .wf:not(:last-of-type)::before{content:"";position:absolute;left:calc(50% - 3px);top:calc(100% + 17px);width:6px;height:6px;border-right:1px solid #a5a5b1;border-bottom:1px solid #a5a5b1;transform:rotate(45deg)}
}


/* Présentation ouverte, directement sur la landing. */
.agblk #agents .flow-shell{border:0;border-radius:0;box-shadow:none;background:transparent;overflow:visible}
.agblk #agents .flow-canvas{padding:12px 14px;background:none}
.agblk #agents .strategic-flow .wf{box-shadow:0 5px 18px rgba(13,13,18,.055)}
.agblk #agents .strategic-flow .is-active{box-shadow:0 0 0 2px color-mix(in srgb,var(--flow-color) 15%,transparent),0 6px 20px rgba(13,13,18,.06)}
.agblk #agents .strategic-flow .objective .node{background:#fff}
.agblk #agents .strategic-flow .review-clinical .node,.agblk #agents .strategic-flow .review-access .node{background:#fff}
.agblk #agents .strategic-flow .flow-route-label{background:#fff}
.agblk #agents .strategic-flow .approval-label{border:0;background:#fff}
.agblk #agents .strategic-flow .flow-feedback-label{border:0;background:#fff;color:#777780;padding:5px}