/* ============================================================
   PAGE MAXIMISER L'IMPACT — styles additionnels (design v3)
   Réutilise au maximum les patterns de he-agence-ia-toulouse-v3.css
   (hero, trust-strip, section-light/sombre, map-cta, about-cta…).
   N'ajoute ici que ce qui est propre à la page :
     - héros un peu plus court
     - "du temps à l'impact" (énoncé centré, section claire)
     - 4 axes d'impact (grille de cartes sombres)
     - cycle d'amplification (roue SVG + étapes, section claire)
     - profils d'impact (grille de cartes sombres)
     - amplificateur (texte + double colonne fait/humain, section claire)
     - leviers (grille de 6 cartes sombres, réutilise card-more)
     - mesurer (3 cartes numérotées + note, section claire)
   Mêmes variables, mêmes codes visuels que la homepage.
   ============================================================ */

/* onglet de nav correspondant à la page courante (sans ouvrir le panneau) */
.mega-here > .mega-trigger{color:var(--text)}
.mega-here > .mega-trigger::after{content:"";position:absolute;left:14px;right:14px;bottom:3px;height:2px;border-radius:2px;
  background:var(--accent);opacity:.75}
.mega-here{position:relative}

/* --- HÉRO impact : un peu plus court --- */
.hero-impact{min-height:auto;padding:150px 0 96px}
.hero-in-impact{align-items:center}
.hero-impact h1{font-size:clamp(2.3rem,5.4vw,4.2rem)}
.hero-impact p.lede{margin-top:26px}

/* ============================================================
   DU TEMPS À L'IMPACT — section claire, énoncé centré
   ============================================================ */
.impact-intro .sec-head{max-width:760px;margin-bottom:40px}
.impact-intro .sec-head .eyebrow{justify-content:center}
.impact-statement{max-width:760px;margin:0 auto}
.impact-statement p{color:var(--light-dim);font-size:1.1rem;line-height:1.85;margin-bottom:1.4rem}
.impact-statement p:last-child{margin-bottom:0}
.impact-statement p b{color:var(--light-text);font-weight:600}

/* ============================================================
   QUATRE AXES D'IMPACT — section sombre, grille de cartes
   ============================================================ */
.impact-axes{background:radial-gradient(64% 60% at 22% 0%, rgba(37,99,235,.09),transparent 60%)}
.impact-axes-head{max-width:760px}
.ia-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.ia-card{position:relative;border-radius:var(--radius);padding:34px 32px;overflow:hidden;display:flex;flex-direction:column;
  background:linear-gradient(180deg,var(--surface),var(--ink-700));border:1px solid var(--line);
  transition:transform .45s var(--ease),border-color .45s,box-shadow .45s}
.ia-card::before{content:"";position:absolute;left:0;top:0;height:3px;width:100%;background:var(--grad-bright);transform:scaleX(0);transform-origin:left;transition:transform .55s var(--ease)}
.ia-card:hover{transform:translateY(-6px);border-color:var(--line-strong);box-shadow:0 36px 64px -34px rgba(0,0,0,.7)}
.ia-card:hover::before{transform:scaleX(1)}
.ia-card .ia-ico{width:54px;height:54px;border-radius:14px;display:grid;place-items:center;font-size:1.4rem;margin-bottom:22px;
  background:var(--grad-soft);border:1px solid var(--line-strong);color:var(--blue-300)}
.ia-card h3{font-size:1.32rem;margin-bottom:12px}
.ia-card > p{color:var(--text-dim);font-size:.98rem}
.ia-card .ia-list{list-style:none;margin-top:20px;display:grid;gap:12px}
.ia-card .ia-list li{display:flex;gap:11px;align-items:flex-start;font-size:.93rem;color:var(--text-dim)}
.ia-card .ia-list li i{color:var(--accent);margin-top:4px;font-size:.82rem;flex:none}
@media(max-width:820px){.ia-grid{grid-template-columns:1fr}}

/* ============================================================
   CYCLE D'AMPLIFICATION — section claire : roue + étapes
   ============================================================ */
.cyc-shell{position:relative;border-radius:24px;overflow:hidden;
  background:linear-gradient(135deg,rgba(37,99,235,.06),rgba(29,78,216,.03));border:1px solid var(--light-line-strong);
  padding:clamp(40px,6vw,68px);display:grid;grid-template-columns:minmax(0,400px) 1fr;gap:clamp(40px,6vw,64px);align-items:center}
.cyc-shell::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(70% 90% at 18% 10%,rgba(56,189,248,.07),transparent 55%)}

.cyc-art{position:relative;width:100%;max-width:400px;margin:0 auto;aspect-ratio:1}
.cyc-art svg{width:100%;height:auto}
.cyc-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;font-family:var(--font-display)}
.cyc-center .cyc-act-ico{width:38px;height:38px;border-radius:50%;background:var(--grad-bright);
  display:grid;place-items:center;margin:0 auto 8px;color:#fff;font-size:1.1rem;box-shadow:0 0 22px -2px rgba(56,189,248,.55)}
.cyc-center .cyc-big{font-size:1.05rem;font-weight:700;line-height:1.1;color:var(--light-text);letter-spacing:-.02em;display:block}
.cyc-quadrant{position:absolute;width:128px}
.cyc-chip{position:relative;border-radius:13px;padding:11px 13px;text-align:center;
  background:var(--light-surface);border:1px solid var(--light-line-strong);box-shadow:0 14px 34px -20px rgba(15,27,45,.4)}
.cyc-chip .num{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.08em;color:var(--blue)}
.cyc-chip strong{display:block;font-family:var(--font-display);font-size:.94rem;font-weight:600;margin-top:2px;color:var(--light-text)}
.cyc-chip small{display:block;color:var(--light-mute);font-size:.76rem;margin-top:3px;line-height:1.4}
.cyc-quadrant.cq1{top:2%;right:-6%}
.cyc-quadrant.cq2{bottom:2%;right:-6%}
.cyc-quadrant.cq3{bottom:2%;left:-6%}
.cyc-quadrant.cq4{top:2%;left:-6%}

.cyc-steps :is(h3,h4),.cyc-steps h3{font-family:var(--font-display);font-size:1.3rem;font-weight:600;color:var(--light-text);margin-bottom:24px}
.cyc-step{display:flex;gap:16px;align-items:flex-start;margin-bottom:20px}
.cyc-step:last-child{margin-bottom:0}
.cyc-step .cs-n{flex:none;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;
  font-family:var(--font-display);font-weight:700;font-size:1rem;color:#fff;
  background:var(--grad-bright);box-shadow:0 0 18px -4px rgba(56,189,248,.5)}
.cyc-step .cs-body b{font-family:var(--font-display);font-size:1.06rem;font-weight:600;color:var(--light-text);letter-spacing:-.01em}
.cyc-step .cs-body p{color:var(--light-dim);font-size:.94rem;margin-top:5px;max-width:520px}

/* le map-cta sur fond clair : adapter les couleurs de texte */
.map-cta-light{background:linear-gradient(135deg,rgba(37,99,235,.08),rgba(29,78,216,.04));border-color:var(--light-line-strong);margin-top:46px}
.map-cta-light .map-cta-copy h3{color:var(--light-text)}
.map-cta-light .map-cta-copy p{color:var(--light-dim)}
.map-cta-light .map-cta-copy p b{color:var(--light-text)}
.map-cta-light .map-cta-copy p em{color:var(--blue-600)}
.map-cta-light .play-tag{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.76rem;color:var(--blue-600);
  letter-spacing:.03em;border:1px solid rgba(37,99,235,.25);border-radius:999px;padding:6px 14px;margin-bottom:14px}

@media(max-width:920px){
  .cyc-shell{grid-template-columns:1fr;gap:48px}
  .cyc-art{max-width:340px}
  .cyc-quadrant{width:116px}
}
@media(max-width:540px){
  .cyc-quadrant.cq1{top:-4%;right:-10%}.cyc-quadrant.cq2{bottom:-4%;right:-10%}
  .cyc-quadrant.cq3{bottom:-4%;left:-10%}.cyc-quadrant.cq4{top:-4%;left:-10%}
  .cyc-quadrant{width:102px}.cyc-chip{padding:8px 9px}
}

/* ============================================================
   PROFILS D'IMPACT — section sombre : grille de 4 cartes
   ============================================================ */
.impact-profils{background:radial-gradient(60% 70% at 78% 0%,rgba(29,78,216,.08),transparent 60%)}
.impact-profils-head{max-width:760px}
.prof-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.prof-card{position:relative;border-radius:var(--radius);padding:30px 26px;overflow:hidden;display:flex;flex-direction:column;
  background:linear-gradient(180deg,var(--surface),var(--ink-700));border:1px solid var(--line);
  transition:transform .45s var(--ease),border-color .45s,box-shadow .45s}
.prof-card::before{content:"";position:absolute;left:0;top:0;height:3px;width:100%;background:var(--grad-bright);transform:scaleX(0);transform-origin:left;transition:transform .55s var(--ease)}
.prof-card:hover{transform:translateY(-6px);border-color:var(--line-strong);box-shadow:0 36px 64px -34px rgba(0,0,0,.7)}
.prof-card:hover::before{transform:scaleX(1)}
.prof-card .prof-ico{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;font-size:1.3rem;margin-bottom:18px;
  background:var(--grad-soft);border:1px solid var(--line-strong);color:var(--blue-300)}
.prof-card h3{font-size:1.12rem;margin-bottom:16px}
.prof-card .prof-list{list-style:none;display:grid;gap:11px;flex:1}
.prof-card .prof-list li{display:flex;gap:10px;align-items:flex-start;font-size:.9rem;color:var(--text-dim)}
.prof-card .prof-list li i{color:var(--accent);margin-top:4px;font-size:.8rem;flex:none}
.prof-card .prof-tag{display:inline-block;margin-top:18px;font-family:var(--font-mono);font-size:.72rem;color:var(--text-mute)}
@media(max-width:980px){.prof-grid{grid-template-columns:1fr 1fr}}
@media(max-width:540px){.prof-grid{grid-template-columns:1fr}}

/* ============================================================
   AMPLIFICATEUR — section claire : texte + double colonne
   ============================================================ */
.impact-ampli .ampli-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(34px,5vw,64px);align-items:center}
.ampli-text h2{font-size:clamp(1.9rem,3.8vw,2.7rem);margin:16px 0 0;color:var(--light-text)}
.ampli-text .lead{font-family:var(--font-display);font-size:clamp(1.15rem,2.2vw,1.45rem);font-weight:500;line-height:1.34;
  letter-spacing:-.01em;color:var(--light-text);margin-top:22px}
.ampli-text > p{color:var(--light-dim);font-size:1.04rem;margin-top:18px;max-width:560px}

.ampli-mirror{display:grid;gap:18px}
.amir-col{border-radius:var(--radius);padding:28px 28px;
  background:var(--light-surface);border:1px solid var(--light-line);box-shadow:0 18px 40px -30px rgba(15,27,45,.4)}
.amir-col.amir-good{border-color:rgba(37,99,235,.28);box-shadow:inset 0 0 50px -34px rgba(37,99,235,.4),0 18px 40px -30px rgba(15,27,45,.4)}
.amir-col :is(:is(h3,h4),h5),.amir-col h3{display:flex;align-items:center;gap:11px;font-family:var(--font-display);font-size:1.1rem;font-weight:600;color:var(--light-text);margin-bottom:18px}
.amir-col :is(:is(h3,h4),h5) .amir-h,.amir-col h3 .amir-h{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;flex:none;font-size:.95rem}
.amir-good :is(:is(h3,h4),h5) .amir-h,.amir-good h3 .amir-h{background:var(--grad-bright);color:#fff}
.amir-human :is(:is(h3,h4),h5) .amir-h,.amir-human h3 .amir-h{background:rgba(245,158,11,.12);border:1px solid var(--light-line-strong);color:var(--accent-warm)}
.amir-col ul{list-style:none;display:grid;gap:13px}
.amir-col li{display:flex;gap:12px;align-items:flex-start;font-size:.95rem;color:var(--light-dim)}
.amir-col li i{margin-top:4px;font-size:.85rem;flex:none}
.amir-good li i{color:var(--blue)}
.amir-human li i{color:var(--accent-warm)}
@media(max-width:880px){.impact-ampli .ampli-grid{grid-template-columns:1fr;gap:40px}}

/* ============================================================
   LEVIERS — section sombre : grille de 6 cartes
   ============================================================ */
.impact-leviers{background:radial-gradient(64% 60% at 50% 0%, rgba(37,99,235,.08),transparent 60%)}
.impact-leviers-head{max-width:780px}
.lev-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.lev-card{position:relative;border-radius:var(--radius);padding:30px 28px;overflow:hidden;display:flex;flex-direction:column;
  background:linear-gradient(180deg,var(--surface),var(--ink-700));border:1px solid var(--line);
  transition:transform .45s var(--ease),border-color .45s,box-shadow .45s}
.lev-card::before{content:"";position:absolute;left:0;top:0;height:3px;width:100%;background:var(--grad-bright);transform:scaleX(0);transform-origin:left;transition:transform .55s var(--ease)}
.lev-card:hover{transform:translateY(-6px);border-color:var(--line-strong);box-shadow:0 36px 64px -34px rgba(0,0,0,.7)}
.lev-card:hover::before{transform:scaleX(1)}
.lev-card .lev-ico{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;font-size:1.3rem;margin-bottom:20px;
  background:var(--grad-soft);border:1px solid var(--line-strong);color:var(--blue-300)}
.lev-card h3{font-size:1.18rem;margin-bottom:10px}
.lev-card .lev-desc{color:var(--text-dim);font-size:.93rem;flex:1}
.lev-card .card-more{color:var(--blue-200)}
@media(max-width:920px){.lev-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.lev-grid{grid-template-columns:1fr}}

/* ============================================================
   MESURER L'IMPACT — section claire : 3 cartes numérotées + note
   ============================================================ */
.impact-mesure .sec-head{max-width:760px;margin-bottom:48px}
.impact-mesure .sec-head .eyebrow{justify-content:center}
.mes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.mes-card{position:relative;border-radius:var(--radius);padding:32px 30px;text-align:center;overflow:hidden;
  background:var(--light-surface);border:1px solid var(--light-line);box-shadow:0 18px 40px -30px rgba(15,27,45,.4);
  transition:transform .5s var(--ease),border-color .5s,box-shadow .5s}
.mes-card::before{content:"";position:absolute;left:0;top:0;height:3px;width:100%;background:var(--grad-bright);transform:scaleX(0);transform-origin:left;transition:transform .55s var(--ease)}
.mes-card:hover{transform:translateY(-6px);border-color:var(--light-line-strong);box-shadow:0 36px 64px -34px rgba(15,27,45,.26)}
.mes-card:hover::before{transform:scaleX(1)}
.mes-card .mes-num{width:56px;height:56px;border-radius:15px;display:grid;place-items:center;margin:0 auto 16px;
  font-family:var(--font-display);font-weight:700;font-size:1.5rem;color:var(--blue-600);
  background:linear-gradient(135deg,rgba(37,99,235,.12),rgba(56,189,248,.08));border:1px solid var(--light-line-strong)}
.mes-card h3{font-size:1.16rem;margin-bottom:10px;color:var(--light-text)}
.mes-card p{color:var(--light-dim);font-size:.94rem}
@media(max-width:820px){.mes-grid{grid-template-columns:1fr}}

.mes-note{max-width:760px;margin:30px auto 0;border-radius:var(--radius);padding:20px 24px;text-align:center;
  background:var(--light-surface);border:1px solid var(--light-line-strong)}
.mes-note p{color:var(--light-dim);font-size:.98rem;margin:0}
.mes-note p b{color:var(--light-text);font-weight:600}
.mes-note i{color:var(--blue);margin-right:8px}

/* ============================================================
   ACCENT PROPRE À LA PAGE — le temps réinvesti (or #FBBF24)
   Override ciblé sur le héros + boutons : couleur "valeur / temps".
   Préfixe maximiser-impact pour ne rien casser ailleurs.
   ============================================================ */
.hero-impact .hero-eyebrow{color:#FBBF24}
.hero-impact .grad-text{background:linear-gradient(120deg,#FDE68A,#FBBF24,#F59E0B);
  -webkit-background-clip:text;background-clip:text;color:transparent}
.hero-impact .btn-primary{background:linear-gradient(120deg,#FBBF24,#F59E0B);color:#1B1405;
  box-shadow:0 10px 34px -10px rgba(251,191,36,.55)}
.hero-impact .btn-primary:hover{box-shadow:0 14px 40px -10px rgba(251,191,36,.7)}
.hero-impact .hero-meta .m i{color:#FBBF24}

/* ============================================================
   VISUEL HÉROS — temps libéré -> réinvesti (.maximiser-impact-viz)
   ============================================================ */
.maximiser-impact-viz{width:100%;height:auto}
.maximiser-impact-viz text{text-anchor:middle;font-family:Inter,system-ui,sans-serif}

/* réservoir source */
.maximiser-impact-viz .mi-source rect{fill:rgba(251,191,36,.10);stroke:rgba(251,191,36,.5);stroke-width:1.4}
.maximiser-impact-viz .mi-source-label{fill:#FDE68A;font-size:13px;font-weight:700;letter-spacing:.01em}
.maximiser-impact-viz .mi-cap{fill:#b89640;font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}

/* chemins + particules */
.maximiser-impact-viz .mi-line{stroke:rgba(251,191,36,.26);stroke-width:1.5}
.maximiser-impact-viz .mi-line-out{stroke:rgba(245,158,11,.42);stroke-width:1.8}
.maximiser-impact-viz .mi-p{fill:#FDE68A;filter:drop-shadow(0 0 3px rgba(251,191,36,.85))}
.maximiser-impact-viz .mi-p-out{fill:#FBBF24}

/* cœur central : la bascule */
.maximiser-impact-viz .mi-core-ring{fill:none;stroke:rgba(251,191,36,.4);stroke-width:1.4;
  animation:maximiser-impact-ring 3s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.maximiser-impact-viz .mi-core{fill:#FBBF24;animation:maximiser-impact-pulse 2.8s ease-in-out infinite;
  transform-box:fill-box;transform-origin:center}
.maximiser-impact-viz .mi-core-icon{fill:#1B1405;font-size:20px;font-weight:800}
.maximiser-impact-viz .mi-core-sub{fill:#FBBF24;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}

/* destinations : ce qui compte */
.maximiser-impact-viz .mi-dest circle{fill:rgba(245,158,11,.14);stroke:#F59E0B;stroke-width:1.6}
.maximiser-impact-viz .mi-dest-i{fill:#FDE68A;font-size:15px}
.maximiser-impact-viz .mi-dest-l{fill:#FBBF24;font-size:13px;font-weight:700;letter-spacing:.01em}

@keyframes maximiser-impact-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}
@keyframes maximiser-impact-ring{0%,100%{transform:scale(1);opacity:.4}50%{transform:scale(1.16);opacity:.12}}

/* ============================================================
   VISUEL MILIEU DE PAGE — mini-flux temps -> valeur (clair)
   Section "du temps à l'impact" : illustre l'énoncé de bascule.
   ============================================================ */
.maximiser-impact-mid{max-width:760px;margin:40px auto 0}
.maximiser-impact-flow{width:100%;height:auto;display:block}
.maximiser-impact-flow text{text-anchor:middle;font-family:Inter,system-ui,sans-serif}

.maximiser-impact-flow .mif-from rect{fill:rgba(15,27,45,.04);stroke:var(--light-line-strong);stroke-width:1.3}
.maximiser-impact-flow .mif-from-l{fill:var(--light-dim);font-size:13px;font-weight:600}
.maximiser-impact-flow .mif-cap{fill:var(--light-mute);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}

.maximiser-impact-flow .mif-line{stroke:rgba(245,158,11,.32);stroke-width:1.6}
.maximiser-impact-flow .mif-line-out{stroke:rgba(245,158,11,.42);stroke-width:1.7}
.maximiser-impact-flow .mif-p{fill:#F59E0B;filter:drop-shadow(0 0 2px rgba(245,158,11,.6))}
.maximiser-impact-flow .mif-p-out{fill:#FBBF24}

.maximiser-impact-flow .mif-core-ring{fill:none;stroke:rgba(245,158,11,.34);stroke-width:1.3;
  animation:maximiser-impact-ring 3.2s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.maximiser-impact-flow .mif-core{fill:#FBBF24;animation:maximiser-impact-pulse 3s ease-in-out infinite;
  transform-box:fill-box;transform-origin:center}
.maximiser-impact-flow .mif-core-l{fill:#1B1405;font-size:10px;font-weight:800;letter-spacing:.01em}

.maximiser-impact-flow .mif-to-l{fill:var(--light-text);font-size:13px;font-weight:600;text-anchor:start}

@media (prefers-reduced-motion:reduce){
  .maximiser-impact-viz .mi-core,.maximiser-impact-viz .mi-core-ring,
  .maximiser-impact-flow .mif-core,.maximiser-impact-flow .mif-core-ring{animation:none}
}