html.screen-flow{scroll-snap-type:y proximity;scroll-padding-top:0}
.screen-flow .site-header{position:fixed;inset:0 0 auto}
.screen-flow .screen-section{min-height:100svh;scroll-snap-align:start;scroll-margin:0;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;padding-top:125px;padding-bottom:50px}
.screen-flow .mission-hero{padding-top:125px}
.screen-flow .diagnostic-visual{margin:0;padding-left:10%;padding-right:10%}
.screen-flow .mission-preparation{display:grid;align-content:center;align-items:start}
.screen-flow .final-screen{padding:0;background:#16343d}
.screen-flow .final-screen .mission-contact{flex:1;display:flex;flex-direction:column;justify-content:center}
.screen-flow .final-screen .site-footer{flex-shrink:0}
.screen-flow .screen-section>h2,.screen-flow .screen-section>p,.screen-flow .screen-section>div{will-change:opacity,transform}
@media(max-width:800px){
 .screen-flow .screen-section{padding-top:88px;padding-bottom:30px}
 .screen-flow .diagnostic-visual{padding-left:5%;padding-right:5%}
 .screen-flow .mission-hero{padding-top:88px}
 .screen-flow .final-screen{padding:0}
 .screen-flow .mission-preparation{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){html.screen-flow{scroll-snap-type:none;scroll-behavior:auto}.screen-flow .screen-section>*{will-change:auto}}
/* Ajustement à la hauteur disponible, limité à la page d'essai. */
@media(min-width:801px){
 .screen-flow{--screen-gap:clamp(12px,2.5svh,28px)}
 .screen-flow .screen-section{padding-top:clamp(90px,14svh,120px);padding-bottom:clamp(20px,4svh,42px);gap:0}
 .screen-flow .screen-section h1{font-size:clamp(38px,8svh,82px);line-height:1.1}
 .screen-flow .screen-section h2{font-size:clamp(28px,5.5svh,48px);line-height:1.15;margin-bottom:var(--screen-gap)}
 .screen-flow .hero-columns{margin-top:var(--screen-gap);gap:45px}
 .screen-flow .hero-aside p{font-size:clamp(17px,2.7svh,23px)}
 .screen-flow .visual-intro{margin-bottom:clamp(10px,2svh,22px);gap:35px}
 .screen-flow .visual-intro h2{font-size:clamp(26px,4.5svh,38px);margin-bottom:0}
 .screen-flow .visual-intro>p{font-size:clamp(14px,2.2svh,18px);line-height:1.4}
 .screen-flow .campaign-selector{margin:12px 0 8px}
 .screen-flow .campaign-selector button{padding:8px 16px;font-size:14px}
 .screen-flow .campaign-objective{font-size:16px;margin:8px 0}
 .screen-flow .indicator-row{min-height:clamp(48px,8svh,78px);gap:22px;padding:4px 0}
 .screen-flow .pillar-name{font-size:18px}.screen-flow .pillar-name svg{width:28px;height:28px}
 .screen-flow .insight-tag{font-size:12px;padding:9px 12px}
 .screen-flow .mission-benefit p:not(.eyebrow){font-size:clamp(17px,2.6svh,21px);line-height:1.5}
 .screen-flow .mission-process>h2{margin-bottom:12px}
 .screen-flow .process-chain{margin:clamp(12px,2.5svh,26px) 0;gap:18px}
 .screen-flow .process-chain h3{font-size:clamp(19px,3svh,25px);margin:10px 0}
 .screen-flow .process-chain p{font-size:15px;line-height:1.4;margin-bottom:8px}
 .screen-flow .process-arrow{font-size:28px}
 .screen-flow .delivery-detail{padding:18px 24px;gap:25px}
 .screen-flow .delivery-detail h3{font-size:22px}
 .screen-flow .delivery-detail li{font-size:15px;line-height:1.4;margin-bottom:6px}
 .screen-flow .mission-preparation{gap:45px}
 .screen-flow .mission-preparation p{font-size:16px;line-height:1.5}
 .screen-flow .final-screen{padding:0}
 .screen-flow .final-screen .mission-contact{padding:35px 6%}
 .screen-flow .final-screen .site-footer{padding:22px 6%;gap:15px}
}
@media(max-width:800px){
 .screen-flow .screen-section{padding-top:80px;padding-bottom:24px}
 .screen-flow .visual-intro h2{font-size:clamp(20px,3.6svh,25px)!important}
 .screen-flow .indicator-list .indicator-row{min-height:46px;padding:5px 0}
 .screen-flow .campaign-selector{margin:10px 0 6px}
 .screen-flow .final-screen{padding:0}
}
/* Déroulement : deux écrans mobiles, sans modifier la composition ordinateur. */
.process-overview{display:contents}
@media(max-width:800px){
 .screen-flow .mission-process.screen-section{display:block;min-height:0;padding:0;scroll-snap-align:none}
 .screen-flow .mission-process .process-overview,
 .screen-flow .mission-process .delivery-detail{min-height:100svh;box-sizing:border-box;scroll-snap-align:start;scroll-margin:0;display:flex;flex-direction:column;justify-content:center;padding:82px 0 28px;margin:0}
 .screen-flow .process-overview>h2{font-size:clamp(22px,3.8svh,28px)!important;line-height:1.15!important;margin:0 0 20px}
 .screen-flow .process-overview .process-chain{display:grid;grid-template-columns:1fr;gap:18px;margin:0}
 .screen-flow .process-overview .process-arrow{display:none}
 .screen-flow .process-overview .process-chain article{display:grid;grid-template-columns:28px minmax(0,1fr);column-gap:10px;row-gap:5px;max-width:none}
 .screen-flow .process-overview .step-number{grid-column:1;grid-row:1 / 3;font-size:13px;padding-top:2px}
 .screen-flow .process-overview .process-chain h3{grid-column:2;font-size:18px;line-height:1.2;margin:0}
 .screen-flow .process-overview .process-chain p{grid-column:2;font-size:14px;line-height:1.4;margin:0}
 .screen-flow .mission-process .delivery-detail{padding-left:20px;padding-right:20px;gap:22px}
 .screen-flow .mission-process .delivery-detail h3{font-size:26px;line-height:1.15;margin:0}
 .screen-flow .mission-process .delivery-detail li{font-size:16px;line-height:1.5;margin-bottom:18px}
}

/* Préserver les compositions et animations propres à chaque page. */
.screen-flow .screen-section.human,.screen-flow .screen-section.founder,.screen-flow .screen-section.indicator-explain{display:grid;align-content:center}
.screen-flow .screen-section#profil{display:block;padding-top:45px;padding-bottom:30px;align-content:center}
.screen-flow .scroll-narrative{scroll-snap-align:start}
.screen-flow .section-nav{top:0}
.screen-flow .screen-section#missions{justify-content:center}
.screen-flow .screen-section.questions,.screen-flow .legal-content{min-height:0;scroll-snap-align:none}
.screen-flow .screen-section .process-overview{will-change:auto}
@media(max-width:800px){
 .screen-flow #missions.screen-section{display:block;min-height:0;padding-top:85px;padding-bottom:0;scroll-snap-align:none}
 .screen-flow #missions .service{min-height:100svh;scroll-snap-align:start;padding-top:80px;padding-bottom:30px}
 .screen-flow .screen-section#profil{padding-top:68px;padding-bottom:15px}
}
.screen-flow .final-screen>.closing,.screen-flow .final-screen>.os-close,.screen-flow .final-screen>section#contact,.screen-flow .final-screen>section.end{flex:1;display:flex;flex-direction:column;justify-content:center}
.screen-flow .final-screen>.site-footer{flex-shrink:0}
.method-overview,.method-indicators-screen{display:contents}
@media(max-width:800px){
 .screen-flow .trust.screen-section{display:block;padding:0;min-height:0;scroll-snap-align:none}
 .screen-flow .trust .method-overview,.screen-flow .trust .proofs,.screen-flow .trust .method-indicators-screen{display:flex;flex-direction:column;justify-content:center;min-height:100svh;box-sizing:border-box;scroll-snap-align:start;padding:82px 0 28px;margin:0}
 .screen-flow .trust .proofs{gap:22px}
 .screen-flow .trust .proofs article>span{font-size:11px}
 .screen-flow .trust .proofs h3{font-size:21px;line-height:1.2;margin:5px 0 8px}
 .screen-flow .trust .proofs p{font-size:14px;line-height:1.45;margin:0}
 .screen-flow .trust .method-overview h2{font-size:28px!important;margin-bottom:22px}
 .screen-flow .trust .method-indicators-screen .comparison{margin:0 0 15px}
}