/* Automatiser — liste éditoriale centrée, séparateurs discrets. */
.rx-refonte #automatiser .rx-heading{width:100%;max-width:100%;text-align:center}
.rx-refonte #automatiser .rx-heading .v4-subtitle{text-align:center}
.rx-refonte #automatiser .qx-document-scope{font-size:clamp(16px,1.18vw,19px);line-height:1.4;letter-spacing:-.018em;color:#e0e0e0;width:100%;max-width:360px;margin:30px auto 0;padding:0;list-style:none;text-align:center}
.rx-refonte #automatiser .qx-document-scope li{padding:10px 8px}
.rx-refonte #automatiser .qx-document-scope li+li{border-top:1px solid #ffffff12}
/* Piloter — quatre illustrations indépendantes, titre centré. */
.rx-refonte #piloter.qx-pilot-sheet{background:#fff;color:#161616;padding:clamp(100px,13svh,140px) 0 72px;min-height:100svh;align-items:flex-start;justify-content:flex-start}
.rx-refonte #piloter.qx-pilot-sheet .rx-shell{display:block;max-width:1600px;width:calc(100% - 48px);margin:0 auto}
.rx-refonte #piloter.qx-pilot-sheet .rx-heading{display:block;text-align:center;margin:0 0 24px;padding:0;border:0;position:relative;z-index:2}
.rx-refonte #piloter.qx-pilot-sheet .rx-heading h2{font-weight:650;letter-spacing:-.055em;margin:0 0 16px}
.rx-refonte #piloter.qx-pilot-sheet .rx-heading p{color:#646464;font-size:clamp(22px,2.1vw,30px);white-space:normal;margin:0 auto;width:fit-content;max-width:100%}
#piloter .qx-pilot-layout{display:block;isolation:isolate}
#piloter .qx-pilot-art{position:relative;width:100%;min-width:0;padding-bottom:0}
#piloter .qx-pilot-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(6px,.65vw,12px);align-items:end;max-width:min(100%,1240px,calc((100svh - 330px) * 4));margin:0 auto}
#piloter .qx-pilot-figure{margin:0;min-width:0;text-align:center}
#piloter .qx-pilot-figure img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply;transition:transform .65s cubic-bezier(.22,1,.36,1);transform-origin:50% 70%}
.rx-refonte #piloter .qx-pilot-figure figcaption{font:550 clamp(16px,1.35vw,20px)/1.25 Inter,Arial,sans-serif;letter-spacing:-.035em;color:#252525;min-height:30px;margin:0;padding:0 4px}

@media(max-height:740px) and (min-width:1000px){
 .rx-refonte #piloter.qx-pilot-sheet{padding-top:92px;padding-bottom:22px}
 .rx-refonte #piloter.qx-pilot-sheet .rx-heading h2{font-size:46px;margin-bottom:12px}
 .rx-refonte #piloter.qx-pilot-sheet .rx-heading p{font-size:24px}
 #piloter .qx-pilot-grid{max-width:min(100%,calc((100svh - 290px) * 4))}
}
@media(max-width:999px){
 .rx-refonte #piloter.qx-pilot-sheet{padding:120px 0 55px;min-height:0}
 .rx-refonte #piloter.qx-pilot-sheet .rx-shell{width:calc(100% - 56px)}
 .rx-refonte #piloter.qx-pilot-sheet .rx-heading{margin-bottom:25px}
 #piloter .qx-pilot-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:740px;gap:28px 16px}
 .rx-refonte #piloter .qx-pilot-figure figcaption{font-size:16px}
}
@media(max-width:600px){
 .rx-refonte #piloter.qx-pilot-sheet{padding:115px 0 42px}
 .rx-refonte #piloter.qx-pilot-sheet .rx-shell{width:calc(100% - 40px)}
 .rx-refonte #piloter.qx-pilot-sheet .rx-heading h2{font-size:42px;margin-bottom:13px}
 .rx-refonte #piloter.qx-pilot-sheet .rx-heading p{font-size:23px;line-height:1.25}
 #piloter .qx-pilot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 10px;max-width:500px}
 #piloter .qx-pilot-figure img{max-width:310px;margin:auto}
 .rx-refonte #piloter .qx-pilot-figure figcaption{font-size:14px;min-height:42px}
 .rx-refonte #automatiser .qx-document-scope{font-size:15px;line-height:1.4;margin-top:25px;max-width:330px}
}
@media(prefers-reduced-motion:reduce){#piloter .qx-pilot-figure img{transition:none;transform:none!important}}


.rx-refonte #piloter .qx-pilot-update{margin:clamp(64px,10svh,104px) auto 0;width:fit-content;max-width:100%;text-align:center;color:#5a5a5a;font:450 clamp(18px,1.5vw,22px)/1.35 Inter,Arial,sans-serif;letter-spacing:-.02em}
@media(max-height:740px) and (min-width:1000px){.rx-refonte #piloter.qx-pilot-sheet .rx-heading{margin-bottom:24px}.rx-refonte #piloter .qx-pilot-update{margin-top:52px}}
@media(max-width:600px){.rx-refonte #piloter .qx-pilot-update{font-size:17px;margin-top:52px}}
/* La phrase de suivi se dévoile comme le sous-titre (balayage
   de gauche à droite), une fois les panneaux apparus. */
html.st-paged #piloter .qx-pilot-update{clip-path:inset(-10% 0 -10% 0);transition:clip-path 1s cubic-bezier(.65,0,.25,1) .75s}
html.st-paged #piloter.st-efface .qx-pilot-update{clip-path:inset(-10% 100% -10% 0);transition:clip-path .25s ease}

/* Satin glass assets already include their aligned edges and shadows. */
#piloter .qx-pilot-figure img{transform:none;transition:none}
.rx-refonte #piloter .qx-pilot-update{max-width:1100px;text-wrap:balance}
#piloter .qx-pilot-next{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin:20px auto 0;color:#686868;border-radius:50%;text-decoration:none}
#piloter .qx-pilot-next svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;animation:qx-pilot-chevron 3s ease-in-out infinite}
#piloter .qx-pilot-next:focus-visible{outline:2px solid #555;outline-offset:3px}
@keyframes qx-pilot-chevron{0%,100%{transform:translateY(-2px)}50%{transform:translateY(3px)}}
@media(max-height:740px) and (min-width:1000px){.rx-refonte #piloter .qx-pilot-update{margin-top:28px}#piloter .qx-pilot-next{margin-top:8px}}
@media(max-width:600px){.rx-refonte #piloter .qx-pilot-update{max-width:32ch}}
@media(prefers-reduced-motion:reduce){#piloter .qx-pilot-next svg{animation:none}}

/* Piloter — panneaux vivants (27/10/2026). Au repos, l'image satinée telle
   quelle. Au survol (souris) : le panneau se soulève et s'incline vers le
   pointeur, une ombre se pose au sol. Plus de reflet qui suit la souris (retiré le 27/10 : il se lisait comme une traînée blanche).
   Inclinaison pilotée par piloter-panneaux.js (--rx, --ry). */
#piloter .qx-pilot-scene{position:relative;perspective:900px}
#piloter .qx-pilot-panel{position:relative;z-index:1;mix-blend-mode:multiply;transform:translate3d(0,var(--lev,0px),0) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) scale(var(--sc,1));transition:transform .7s cubic-bezier(.22,1,.36,1)}
#piloter .qx-pilot-panel img{mix-blend-mode:normal}
/* Sources haute définition : contours entiers et fond blanc uniforme. */
#piloter .qx-pilot-panel img{filter:url(#qx-blanc)}
#piloter .qx-pilot-sol{position:absolute;left:10%;right:12%;top:80%;height:20%;z-index:0;border-radius:50%;pointer-events:none;background:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(40,52,72,.3),rgba(40,52,72,.12) 50%,rgba(40,52,72,0) 100%);filter:blur(12px);opacity:0;transform:translateY(0) scale(.9);transition:opacity .6s ease,transform .7s cubic-bezier(.22,1,.36,1)}
#piloter .qx-pilot-scene.is-actif .qx-pilot-sol{opacity:1;transform:translateY(6%) scale(1.08)}
#piloter .qx-pilot-scene.is-actif .qx-pilot-panel{transition:transform .18s ease-out}


/* Ajustement optique : abaisser les panneaux sans déplacer le titre ni le texte de suivi. */
#piloter .qx-pilot-grid{position:relative;top:10px}
@media(max-width:999px),(max-height:740px){#piloter .qx-pilot-grid{top:6px}}