/* FORMALOG 1.3.7 — expérience validée du 22/10/2026. */
/* Trois titres d'importance égale, dans une seule charte. */
.flIdentityHeading h2 { text-transform:none; }
/* Dans la zone héros, gardons les icônes officielles existantes et un relief incliné. */
.flHeroGallery {
  isolation:isolate; min-height:490px;
  padding:22px 16px 28px;
  background:radial-gradient(ellipse at 27% 28%,#e4f5ff 0,transparent 58%),
    radial-gradient(ellipse at 76% 81%,#eafaf2 0,transparent 56%),#f9fcff;
  border:1px solid #e2edf4; border-radius:27px;
  box-shadow:0 25px 52px rgba(24,69,113,.08); overflow:hidden;
}
.flHeroGalleryTiles{
  transform:perspective(980px) rotateX(9deg) rotateY(-10deg) rotateZ(7deg) scale(.91);
  transform-origin:center center; gap:10px; padding:16px 8px 18px;
  filter:drop-shadow(8px 20px 15px rgba(25,82,126,.10));
}
.flHeroGalleryTile {
  position:relative; border:1px solid rgba(255,255,255,.92);
  border-radius:20px; aspect-ratio:1.22; padding:7px;
  background:linear-gradient(150deg,#f5fbff,#d7efff);
  box-shadow:0 7px 0 rgba(64,123,178,.14),0 16px 22px rgba(9,72,114,.16),
    inset 0 1px 0 rgba(255,255,255,.96);
  transition:transform .25s ease,box-shadow .25s ease;
}
.flHeroGalleryTile:nth-child(3n+2){background:linear-gradient(150deg,#f2fff9,#cef4e5)}
.flHeroGalleryTile:nth-child(4n+3){background:linear-gradient(150deg,#fffaf0,#ffebd8)}
.flHeroGalleryTile:nth-child(5n){background:linear-gradient(150deg,#f8f1ff,#e9dcfa)}
.flHeroGalleryTile:nth-child(1){transform:rotate(-5deg) translateY(5px)}
.flHeroGalleryTile:nth-child(2){transform:rotate(4deg) translateY(-6px)}
.flHeroGalleryTile:nth-child(3){transform:rotate(-3deg) translateY(8px)}
.flHeroGalleryTile:nth-child(4){transform:rotate(4deg) translateY(-4px)}
.flHeroGalleryTile:nth-child(5){transform:rotate(-4deg) translateY(7px)}
.flHeroGalleryTile:nth-child(6){transform:rotate(5deg) translateY(-5px)}
.flHeroGalleryTile:nth-child(7){transform:rotate(-3deg) translateY(2px)}
.flHeroGalleryTile:nth-child(8){transform:rotate(3deg) translateY(-6px)}
.flHeroGalleryTile:nth-child(9){transform:rotate(-4deg) translateY(6px)}
.flHeroGalleryTile img {
  display:block; width:100%; height:100%; max-height:145px; object-fit:contain;
  border-radius:13px; mix-blend-mode:multiply;
}
.flHeroGalleryLabel{margin:2px auto 0;position:relative;z-index:2;}
/* Notre différence est maintenant intégrée dans "Pourquoi nous choisir ?". */
.flWhyApproach{
  display:grid;grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr);
  gap:35px;align-items:center;margin-top:33px;padding:33px;
  background:linear-gradient(120deg,#fff,#f3fbff 65%,#edf9f3);
  border:1px solid #dcebf3;border-radius:24px;
  box-shadow:0 13px 30px rgba(12,73,114,.045);
  scroll-margin-top:115px;
}
.flWhyKicker{color:#009c52;text-transform:uppercase;font-size:11px;
  letter-spacing:.13em;font-weight:800;display:block;margin-bottom:12px}
.flWhyApproachCopy h3{font-size:clamp(22px,2.25vw,31px);line-height:1.23;
  letter-spacing:-.035em;color:#0d416c;margin:0 0 13px;font-weight:800}
.flWhyApproachCopy p{font-size:14px;color:#59748c;line-height:1.75;margin:0 0 21px}
.flWhySteps{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.flWhySteps .diffPill{display:flex;align-items:flex-start;gap:11px;
  background:white!important;color:#143854;border:1px solid #deedf3;
  border-radius:17px;padding:17px 14px;min-height:102px;backdrop-filter:none}
.flWhySteps .diffPill span{font-size:21px;font-weight:800;line-height:1.1;margin:0;color:#04a85a}
.flWhySteps .diffPill b{display:block;font-size:13px;font-weight:800;color:#163958;line-height:1.35}
.flWhySteps .diffPill small{display:block;font-size:11.5px;color:#6a8294;font-weight:400;line-height:1.55;margin-top:5px}
@media(max-width:970px){
  .flHeroGallery{max-width:660px;min-height:0;padding:24px 16px 26px}
  .flWhyApproach{grid-template-columns:1fr;gap:25px}
}
@media(max-width:680px){
  .flHeroGallery{padding:10px 6px 17px;border-radius:19px}
  .flHeroGalleryTiles{gap:5px;padding:10px 5px;transform:perspective(900px) rotateX(7deg) rotateY(-6deg) rotateZ(5deg) scale(.90)}
  .flHeroGalleryTile{padding:3px;border-radius:11px;box-shadow:0 4px 0 #407bb21c,0 9px 13px #09487220}
  .flHeroGalleryTile img{border-radius:7px}
  .flWhyApproach{padding:22px 15px;border-radius:18px;gap:20px;margin-top:20px}
  .flWhySteps{gap:8px}
  .flWhySteps .diffPill{min-height:118px;padding:12px 8px;flex-direction:column;gap:7px}
  .flWhySteps .diffPill span{font-size:18px}
  .flWhySteps .diffPill b{font-size:12px}
  .flWhySteps .diffPill small{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.flHeroGalleryTile{transition:none}}