/* Refonte de l'accueil (octobre 2026) : compléments aux classes Webflow. */
.constat_stat{display:flex;flex-direction:column;align-items:center;gap:.5em;max-width:40em;text-align:center}
.constat_stat_num{font-family:var(--_typography---font--secondary,inherit);font-size:4.5em;line-height:1;font-weight:700;letter-spacing:-.03em;color:#067a4a}

/* Le flow en trois temps */
.flow_num{display:inline-flex;align-items:center;justify-content:center;width:1.75em;height:1.75em;border-radius:.5em;background:var(--neutral--dark,#020d12);color:var(--brand--green,#19e68d);font-weight:600;flex-shrink:0}
.chip_list{display:flex;flex-wrap:wrap;gap:.375em}
.chip{display:inline-flex;align-items:center;padding:.3em .7em;border-radius:9em;background-color:color-mix(in srgb,currentColor 5%,transparent);font-size:.875em;font-weight:500;white-space:nowrap}
.chip.cc-green{background:#d4f8e5;color:#067a4a}

/* Grilles de points forts (2 colonnes x N) */
.points_grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5em 2em}
.points_grid.cc-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.point{display:flex;gap:.75em;align-items:flex-start}
.point_icon{flex-shrink:0;width:2em;height:2em;border-radius:.625em;background:#d4f8e5;color:#067a4a;display:flex;align-items:center;justify-content:center}
.point_icon svg{width:1.1em;height:1.1em}
.point p{margin:0}
.dark_zone .point_icon{background:rgba(25,230,141,.14);color:var(--brand--green,#19e68d)}

/* Bloc à deux colonnes texte + visuel */
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:3em;align-items:center}
.split.cc-reverse > :first-child{order:2}
.split_visual img{display:block;width:100%;height:auto}
.split_visual.cc-fade{-webkit-mask:linear-gradient(#fff 70%,#0000 100%);mask:linear-gradient(#fff 70%,#0000 100%)}

/* Carte claire bordée (logiciels métiers, citations) */
.soft_card{border:1px solid var(--_theme---border);border-radius:1.5em;padding:2em;background:#fff}
.logo_row{display:flex;flex-wrap:wrap;gap:.75em;align-items:center}
.logo_box{height:3em;padding:0 1.25em;border:1px solid var(--_theme---border);border-radius:.75em;display:flex;align-items:center;justify-content:center;background:#fff}
.logo_box img{height:1.15em;width:auto;max-width:none}
.check_list{display:flex;flex-direction:column;gap:.75em}
.check_row{display:flex;gap:.625em;align-items:flex-start}
.check_dot{flex-shrink:0;width:1.375em;height:1.375em;border-radius:50%;background:#d4f8e5;color:#067a4a;display:flex;align-items:center;justify-content:center;margin-top:.1em}
.check_dot svg{width:.75em;height:.75em}

/* Citation courte sous une section */
.mini_quote{display:flex;gap:1em;align-items:center;max-width:44em}
.mini_quote_avatar{width:3em;height:3em;border-radius:50%;overflow:hidden;flex-shrink:0;background:#eef2f6}
.mini_quote_avatar img{width:100%;height:100%;object-fit:cover}

/* Zone sombre (Exploiter) */
.dark_zone{background:var(--neutral--dark,#020d12);color:#fff;border-radius:2.75em;width:calc(100% - 3.5em);margin-left:auto;margin-right:auto;position:relative;overflow:hidden;--_theme---border:rgba(255,255,255,.14);--_theme---text-fade:rgba(255,255,255,.72)}
.dark_zone::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 70% 45% at 100% 0%,rgba(13,111,69,.45),transparent 60%),radial-gradient(ellipse 60% 40% at 0% 100%,rgba(5,115,68,.22),transparent 60%);pointer-events:none}
.dark_zone > *{position:relative}
.dark_zone .text-fade{color:rgba(255,255,255,.72)}
.dark_zone .eyebrow{background:rgba(25,230,141,.14);color:var(--brand--green,#19e68d)}
.dark_zone .g{color:var(--brand--green,#19e68d)}
.usecase_grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1em}
.usecase{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);border-radius:1.25em;padding:1.25em;display:flex;flex-direction:column;gap:.5em}
.usecase_q{font-style:italic;color:rgba(255,255,255,.78)}
.mcp_stack{display:flex;flex-direction:column;gap:1em;max-width:46em;width:100%;margin-left:auto;margin-right:auto}
.mcp_visual{border-radius:1.5em;overflow:hidden}
.mcp_visual img{display:block;width:100%;height:auto}

/* Fenêtres web (espace agence) */
.web_shots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5em}
.web_shot{border:1px solid var(--_theme---border);border-radius:1.5em;overflow:hidden;background:#fafbfc;padding:1em 1em 0}
.web_shot img{display:block;width:100%;height:auto;-webkit-mask:linear-gradient(#fff 75%,#0000 100%);mask:linear-gradient(#fff 75%,#0000 100%)}

/* Bloc « Votre journée » : visuel plus large que dans l'original */
.benefit_wrap.cc-wide .benefit_content{grid-column:1/span 5;padding-right:1em}
.benefit_wrap.cc-wide .benefit_visual_wrap{grid-column:6/-1;padding-left:1em}

@media screen and (max-width:991px){
  .split,.web_shots{grid-template-columns:minmax(0,1fr);gap:2em}
  .split.cc-reverse > :first-child{order:0}
  .usecase_grid,.points_grid.cc-3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dark_zone{width:calc(100% - 1.5em);border-radius:2em}
}
@media screen and (max-width:767px){
  .points_grid,.points_grid.cc-3,.usecase_grid{grid-template-columns:minmax(0,1fr)}
  .constat_stat_num{font-size:3.5em}
  .soft_card{padding:1.5em}
}

/* Témoignages vidéo */
.video_thumb{position:relative;display:block;width:100%;aspect-ratio:16/9;border:0;padding:0;border-radius:1.25em;overflow:hidden;background:#020d12;cursor:pointer}
.video_thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}
.video_thumb:hover img{transform:scale(1.03)}
.video_thumb iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video_play{position:absolute;right:.75em;bottom:.75em;width:3em;height:3em;border-radius:50%;background:var(--brand--green,#19e68d);color:#020d12;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(2,13,18,.35);transition:transform .2s ease}
.video_play svg{width:1.4em;height:1.4em;margin-left:.15em}
.video_thumb:hover .video_play{transform:scale(1.08)}
.video_unes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5em;margin-bottom:1.5em}
.video_une{display:flex;flex-direction:column;gap:1.25em;border:1px solid var(--_theme---border);border-radius:2em;padding:1em 1em 1.75em;background:#fff}
.video_une_text{padding:0 .75em}
.video_une .video_play{width:4em;height:4em;right:1em;bottom:1em}
.video_grid{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5em}
.video_grid > .video_card{flex:0 0 calc((100% - 3em) / 3)}
.video_card{display:flex;flex-direction:column;gap:1em;border:1px solid var(--_theme---border);border-radius:1.5em;padding:.75em .75em 1.25em;background:#fff}
.video_card_text{padding:0 .5em}
@media screen and (max-width:991px){
  .video_unes{grid-template-columns:minmax(0,1fr)}
  .video_grid > .video_card{flex-basis:calc((100% - 1.5em) / 2)}
}
@media screen and (max-width:767px){
  .video_grid > .video_card{flex-basis:100%}
}