/* Section « De l’intention au document » — modèle de présentation fourni. */
.workflow.section{position:relative;isolation:isolate;overflow:hidden;padding:70px 0;background:#f1f4f8}
.workflow::before{content:"";position:absolute;inset:0;z-index:-1;background:url('/assets/fond-croquis-20261029.webp') center center/cover no-repeat;opacity:.72}
.workflow .workflow-grid{grid-template-columns:.9fr 1.3fr;gap:105px;align-items:center;min-height:340px}
.workflow .eyebrow{color:#26343e;font-size:9px;font-weight:650;letter-spacing:1.8px;margin-bottom:23px}
.workflow h2{font-size:clamp(38px,3.6vw,53px);font-weight:750;line-height:1.08;letter-spacing:-1.8px;color:#061322;margin-bottom:28px}
.workflow h2 em{position:relative;display:inline-block;color:#7f98a3;font-weight:650}
.workflow h2 em::after{content:"";position:absolute;left:-3px;right:-5px;bottom:-6px;height:6px;border-bottom:2px solid #8199a3;border-radius:45%;transform:rotate(-2deg)}
.workflow .workflow-grid .muted{font-size:14px;line-height:1.7;color:#33414d;max-width:350px;margin-bottom:17px}
.workflow .dark-link{margin-top:10px;font-size:12px;font-weight:500;color:#142635;border-bottom:1px solid #516a7d45;padding-bottom:4px;gap:12px;text-decoration:none}
.workflow .dark-link:hover{border-bottom-color:#142635}
.workflow .steps{padding:0 25px;background:rgba(245,248,252,.87);border:1px solid #ffffffa8;border-radius:7px;box-shadow:0 12px 26px #263c5518;backdrop-filter:blur(2px)}
.workflow .steps li{position:relative;gap:19px;margin:0;padding:27px 0;min-height:113px;border:0;align-items:flex-start}
.workflow .steps li:first-child{padding:25px;margin-left:-25px;margin-right:-25px;background:#fff;border-radius:7px;box-shadow:0 9px 20px #243a541a;z-index:1}
.workflow .steps li:nth-child(2){border-bottom:1px solid #cbd5df99}
.workflow .steps li:last-child{margin-bottom:0}
.workflow .steps li>span{font-size:19px;line-height:1.25;font-weight:750;letter-spacing:-.7px;padding-top:1px;color:#9b8d55;flex:0 0 25px}
.workflow .steps li:nth-child(2)>span{color:#0876a0}
.workflow .steps li:nth-child(3)>span{color:#8b9ea6}
.workflow .steps h3{font-size:20px;font-weight:700;line-height:1.25;letter-spacing:-.55px;color:#0d1721;margin:0 0 8px}
.workflow .steps p{font-size:12px;line-height:1.8;color:#3e4b57;margin:0}
@media(max-width:1100px){.workflow .workflow-grid{gap:60px;grid-template-columns:.95fr 1.25fr}.workflow h2{font-size:40px}.workflow .steps h3{font-size:18px}.workflow .steps li{padding:23px 0}.workflow .steps li:first-child{padding:23px 25px}}
@media(max-width:850px){.workflow.section{padding:60px 0}.workflow .workflow-grid{grid-template-columns:1fr;gap:38px;min-height:0}.workflow::before{background-position:center bottom;opacity:.48}.workflow .workflow-grid .muted{max-width:490px}.workflow .steps{max-width:650px}.workflow h2{font-size:43px}.workflow .steps h3{font-size:20px}.workflow .steps p{font-size:13px}}
@media(max-width:520px){.workflow.section{padding:52px 0}.workflow h2{font-size:40px;letter-spacing:-1.5px}.workflow .eyebrow{font-size:8px;letter-spacing:1.5px}.workflow .workflow-grid .muted{font-size:13px}.workflow .steps{padding:0 20px}.workflow .steps li{gap:13px;padding:23px 0;min-height:0}.workflow .steps li:first-child{margin-left:-20px;margin-right:-20px;padding:23px 20px}.workflow .steps li>span{font-size:18px;flex-basis:24px}.workflow .steps h3{font-size:18px}.workflow .steps p{font-size:12px}.workflow .dark-link{font-size:12px}}