/* FORMALOG 1.4.8 — nouvelle stratégie, garde les 14 vignettes Sage */
.flStrategyHero{min-height:0;background:radial-gradient(720px 420px at 88% 38%,#dff6ec 0,transparent 80%),linear-gradient(120deg,#fff 4%,#f6fbff 58%,#f2f9ff)}
.flStrategyHero .flStrategyHeroGrid{min-height:0;padding-top:58px;padding-bottom:50px;grid-template-columns:minmax(0,1.16fr) minmax(0,.84fr);gap:34px;align-items:center}
.flStrategyHero .eyebrow{font-size:10.5px;letter-spacing:.13em;color:#397399}
.flStrategyHero h1{margin:20px 0 22px;max-width:685px;font-size:clamp(35px,3.65vw,56px);line-height:1.12;letter-spacing:-.05em;color:#123a63}
.flStrategyHero h1 strong{display:block;color:inherit}
.flStrategyHero h1 span{display:block;color:#123a63}
.flStrategyHero h1 em{display:block;font-weight:850;font-style:normal;color:#00a95c;margin-top:8px}
.flStrategyHero .flStrategyLead{font-size:16.5px;line-height:1.75;color:#4a647b;max-width:630px}
.flStrategyHero .flStrategyCtas{margin-top:25px;gap:12px}
.flStrategyHero .flStrategyCtas .btn{min-height:49px;font-size:13px;white-space:normal}
.flStrategySageProof{display:flex;align-items:center;gap:15px;margin-top:26px;padding:11px 14px;border:1px solid #dcece7;border-radius:13px;background:rgba(255,255,255,.82);max-width:525px}
.flStrategySageProof img{width:177px;height:auto;max-height:47px;object-fit:contain;flex:none}
.flStrategySageProof p{font-size:12px;line-height:1.45;margin:0;color:#63809a}
.flStrategySageProof p strong{display:block;color:#24516b;font-size:12px;margin-bottom:3px}
.flStrategySageProof p span{display:block}
.flStrategyHero .heroTrust{margin-top:18px;gap:10px 14px}
.flStrategyHero .heroTrust span{font-size:11px}
.flStrategyHero .flHeroGallery{max-width:500px;margin-left:auto}
.flStrategyHero .flHeroGalleryTiles{grid-template-columns:repeat(5,minmax(0,1fr));transform:perspective(1100px) rotateX(8deg) rotateY(-9deg) rotateZ(5deg) scale(.94)}
.flStrategyHero .flHeroGalleryTile:nth-child(7){grid-column:auto}
.flStrategyHero .flHeroGalleryLabel{margin-top:5px}
.flStrategyPillars{background:#fff;padding:80px 0 86px}
.flStrategyHeading{text-align:center;max-width:780px;margin:0 auto 35px}
.flStrategyHeading h2{font-size:clamp(29px,3.1vw,43px);color:#123c65;line-height:1.2}
.flStrategyHeading h2 span{color:#00a95b}
.flStrategyHeading p{max-width:660px;margin:13px auto 0;font-size:15px;line-height:1.7}
.flPillarsGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.flPillarCard{background:#fff;min-height:343px;display:flex;flex-direction:column;align-items:flex-start;border:1px solid #dce8ef;border-radius:19px;padding:25px 23px;box-shadow:0 14px 35px rgba(17,60,93,.05)}
.flPillarCard.flPillarManagement{border-top:4px solid #1876bb}
.flPillarCard.flPillarAutomation{border-top:4px solid #02ac61;background:linear-gradient(160deg,#f6fcf9,#fff 48%)}
.flPillarCard.flPillarServices{border-top:4px solid #0e7b91}
.flPillarTop{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px}
.flPillarNumber{font-size:12px;letter-spacing:.15em;font-weight:800;color:#7c9bb1}
.flPillarIcon{width:54px;height:54px;border-radius:14px;background:#eaf4fb;color:#176baa;display:grid;place-items:center;font-size:28px;line-height:1;font-weight:700}
.flPillarAutomation .flPillarIcon{background:#e5f8ee;color:#009e58}
.flPillarServices .flPillarIcon{background:#e5f2f4;color:#0d758a}
.flPillarStatus{font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-weight:800;color:#009e59;margin:0 0 10px}
.flPillarCard h3{font-size:24px;line-height:1.2;color:#173e63;letter-spacing:-.027em;margin:0 0 13px}
.flPillarCard p{font-size:14px;line-height:1.7;color:#61788d;margin:0 0 23px}
.flPillarCard a{font-weight:800;font-size:12.5px;color:#0a75b9;margin-top:auto}
.flPillarCard a:hover{text-decoration:underline}
.flPillarAutomation a{color:#008e50}
.flStrategyAutomation{padding:80px 0;background:#edf7f4;position:relative}
.flAutomationLayout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:44px;align-items:center}
.flAutomationIntro h2{font-size:clamp(28px,2.8vw,40px);line-height:1.22;color:#143f64;max-width:550px}
.flAutomationIntro h2 span{color:#05a55c}
.flAutomationIntro>p{margin-top:18px;font-size:15px;line-height:1.75;color:#4b677e}
.flAutomationIntro .flAutomationNote{font-size:12px;line-height:1.6;padding:12px 14px;background:#ffffffb8;border-left:3px solid #06aa61;border-radius:6px;margin-top:16px;color:#48697d}
.flAutomationIntro .btn{margin-top:22px}
.flAutomationGrid{display:grid;gap:12px}
.flAutomationItem{display:grid;grid-template-columns:48px 1fr;gap:0 16px;align-items:start;background:#fff;border:1px solid #dbeee5;border-radius:15px;padding:18px 20px;box-shadow:0 8px 27px rgba(26,78,74,.04)}
.flAutomationIcon{width:46px;height:46px;border-radius:12px;background:#e5f7ef;color:#0aa85f;display:grid;place-items:center;font-size:24px;grid-row:span 2}
.flAutomationItem h3{font-size:16px;line-height:1.35;color:#173e5e;margin:0 0 5px}
.flAutomationItem p{font-size:12.5px;line-height:1.55;color:#637c88;margin:0}
/* Retain 14 images and visual order; mobile avoids overflow. */
@media(max-width:1020px){.flStrategyHero .flStrategyHeroGrid{grid-template-columns:1fr;gap:20px;padding-top:39px}.flStrategyHero .flHeroGallery{max-width:590px;margin:4px auto 0}.flPillarsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.flPillarServices{grid-column:span 2}.flAutomationLayout{grid-template-columns:1fr;gap:24px}}
@media(max-width:680px){.flStrategyHero .flStrategyHeroGrid{padding-top:30px;padding-bottom:30px}.flStrategyHero h1{font-size:clamp(32px,8vw,44px)}.flStrategyHero .flStrategyLead{font-size:14.5px}.flStrategyHero .flStrategyCtas .btn{width:100%}.flStrategySageProof{gap:10px;padding:9px 10px}.flStrategySageProof img{width:130px;max-width:43%}.flStrategySageProof p,.flStrategySageProof p strong{font-size:10.5px}.flStrategyPillars,.flStrategyAutomation{padding:57px 0}.flPillarsGrid{grid-template-columns:1fr;gap:13px}.flPillarServices{grid-column:auto}.flPillarCard{min-height:0;padding:22px 20px}.flPillarTop{margin-bottom:12px}.flStrategyHeading{margin-bottom:22px}.flAutomationLayout{gap:20px}.flAutomationItem{padding:14px}.flStrategyHero .flHeroGalleryTiles{gap:4px;transform:perspective(900px) rotateX(7deg) rotateY(-5deg) rotateZ(4deg) scale(.97)}}
