/* From client discovery to controlled delivery: two distinct, connected stages. */
.fde-original #metier .fde-tracks{position:relative;gap:40px;isolation:isolate}
.fde-original #metier .fde-tracks article{position:relative;overflow:hidden;border-radius:20px;padding:28px 32px 32px;border:1px solid #ded3f1;background:#f5f0ff;box-shadow:0 12px 32px #31146108;display:flex;flex-direction:column}
.fde-original #metier .fde-tracks article:before{content:'';display:block;position:absolute;width:260px;height:260px;border:1px solid #7131de12;border-radius:50%;right:-110px;top:-110px;margin:0;pointer-events:none}
.fde-original #metier .fde-tracks article:after{content:'';position:absolute;width:180px;height:180px;border-radius:50%;right:-70px;top:-70px;border:1px solid #7131de12;pointer-events:none}
.fde-original #metier .fde-tracks article:last-child{background:linear-gradient(135deg,#202054,#233879);border-color:#303f7e;color:#fff}
.fde-original #metier .fde-tracks article:last-child:before,.fde-original #metier .fde-tracks article:last-child:after{border-color:#ffffff12}
.fde-original #metier .role-illustration{display:block;width:100%;height:176px;margin:0 auto 22px;flex:none;position:relative;z-index:1}
.fde-original #metier .fde-tracks article .eyebrow{color:#7131de;font-size:11px;letter-spacing:.12em}
.fde-original #metier .fde-tracks article:last-child .eyebrow{color:#edf069}
.fde-original #metier .fde-tracks h3{font-size:clamp(22px,2.1vw,28px);line-height:1.3;min-height:2.6em;margin:14px 0 16px;color:#151554;letter-spacing:-.025em}
.fde-original #metier .fde-tracks article:last-child h3{color:#fff}
.fde-original #metier .fde-tracks p{font-size:16px;line-height:1.7;color:#626078;margin:0}
.fde-original #metier .fde-tracks article:last-child p{color:#e0e5fa}
.fde-original #metier .role-connector{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:#eeed05;border:6px solid #fff;box-shadow:0 6px 18px #18134d18;color:#151554;pointer-events:none}
.fde-original #metier .role-connector svg{width:26px;height:26px}
.fde-original #metier .fde-tracks.is-visible .role-connector svg{animation:fde-role-forward 3s ease-in-out infinite}
@keyframes fde-role-forward{0%,100%{transform:translateX(-3px)}50%{transform:translateX(3px)}}
@keyframes fde-role-down{0%,100%{transform:rotate(90deg) translateX(-3px)}50%{transform:rotate(90deg) translateX(3px)}}
@media(max-width:650px){.fde-original #metier .fde-tracks{gap:0}.fde-original #metier .fde-tracks article{padding:22px 24px 28px}.fde-original #metier .role-illustration{height:auto;aspect-ratio:400/176;margin-bottom:18px}.fde-original #metier .fde-tracks h3{min-height:0;font-size:24px}.fde-original #metier .role-connector{position:relative;left:auto;top:auto;transform:none;justify-self:center;margin-block:-12px;width:60px;height:60px}.fde-original #metier .role-connector svg{transform:rotate(90deg)}.fde-original #metier .fde-tracks.is-visible .role-connector svg{animation-name:fde-role-down}}
@media(prefers-reduced-motion:reduce){.fde-original #metier .fde-tracks.is-visible .role-connector svg{animation:none}}