/* ============================================================
   IA POUR LE CONSULTANT INDÉPENDANT — page sectorielle · design v3
   "NEURAL · bleu pro". Réutilise au maximum les patterns de
   he-agence-ia-toulouse-v3.css (hero, sec-head, section-light/sombre,
   map-cta, btn, go-next…).
   N'ajoute ici que ce qui est propre à la page :
     - fil d'Ariane + héros de page sombre + bloc « accueil ciblé »
     - cartes « quotidien » (ce qui fait le métier / ce qui prend le temps)
     - grille « outils existants à garder »
     - cartes « ce que l'IA apporte » avec mini avant/après
     - colonnes « ce que l'IA prend / ce qui vous revient »
     - mirror honnêteté (du sens / ce qu'on ne propose pas)
     - guidage de fin (cran suivant → accompagnement, contact discret)
   Mêmes variables, mêmes codes visuels que la homepage.
   ============================================================ */

/* onglet de nav correspondant à la page courante */
.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}

/* ============================================================
   FIL D'ARIANE — sobre
   ============================================================ */
.v3-crumb{position:relative;z-index:2;padding:96px 0 0}
.v3-crumb ol{list-style:none;display:flex;flex-wrap:wrap;gap:8px;align-items:center;
  font-family:var(--font-mono);font-size:.76rem;color:var(--text-mute)}
.v3-crumb li{display:inline-flex;align-items:center;gap:8px}
.v3-crumb li:not(:last-child)::after{content:"/";color:var(--line-strong);margin-left:8px}
.v3-crumb a{color:var(--text-dim);transition:color .25s}
.v3-crumb a:hover{color:var(--accent)}
.v3-crumb li[aria-current]{color:var(--accent)}

/* ============================================================
   HÉRO de page (sombre) — accueil ciblé
   ============================================================ */
.page-hero-v3{position:relative;padding:48px 0 90px;overflow:hidden;
  background:radial-gradient(72% 60% at 50% -8%, rgba(37,99,235,.13),transparent 62%)}
.page-hero-v3 .ph-grid{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.5;
  background-image:linear-gradient(rgba(120,150,200,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(120,150,200,.05) 1px,transparent 1px);
  background-size:58px 58px;
  -webkit-mask-image:radial-gradient(closest-side at 50% 0%,black,transparent 92%);
          mask-image:radial-gradient(closest-side at 50% 0%,black,transparent 92%)}
.page-hero-v3 .ph-in{position:relative;z-index:1;max-width:840px}
.page-hero-v3 .ph-badge{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;font-size:1.6rem;
  margin-bottom:22px;background:var(--grad-soft);border:1px solid var(--line-strong);color:var(--blue-300)}
.page-hero-v3 h1{font-size:clamp(2.3rem,5.4vw,4rem);margin:6px 0 0}
.page-hero-v3 .ph-sub{font-family:var(--font-display);font-size:clamp(1.15rem,2.2vw,1.5rem);font-weight:500;
  line-height:1.34;letter-spacing:-.01em;color:var(--text-dim);margin-top:18px}
.page-hero-v3 .ph-sub b{color:var(--text);font-weight:600}
.page-hero-v3 p.lede{font-size:clamp(1.05rem,1.7vw,1.22rem);color:var(--text-dim);max-width:700px;margin:22px 0 0}
.page-hero-v3 p.lede b{color:var(--text);font-weight:600}
.page-hero-v3 .hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}

/* bloc accueil ciblé : « vous êtes venu pour X » */
.ph-welcome{position:relative;margin-top:34px;border-radius:var(--radius);overflow:hidden;
  padding:26px 28px;max-width:780px;
  background:linear-gradient(135deg,rgba(56,189,248,.10),rgba(37,99,235,.05));
  border:1px solid var(--line-strong)}
.ph-welcome::before{content:"";position:absolute;top:0;left:24px;right:24px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(56,189,248,.5),transparent)}
.phw-tag{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.74rem;
  color:var(--accent);letter-spacing:.03em;margin-bottom:12px}
.phw-tag i{color:var(--blue-300)}
.ph-welcome p{color:var(--text-dim);font-size:1rem;margin:0}
.ph-welcome p b{color:var(--text);font-weight:600}

/* ============================================================
   LE QUOTIDIEN — sombre (ce qui fait le métier / ce qui prend le temps)
   ============================================================ */
.daily{background:radial-gradient(60% 64% at 80% 0%, rgba(29,78,216,.08),transparent 60%)}
.daily-cols{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.daily-card{position:relative;border-radius:var(--radius);padding:34px 32px;overflow:hidden;
  border:1px solid var(--line);background:linear-gradient(180deg,var(--surface),var(--ink-700))}
.daily-card.craft{border-color:rgba(37,99,235,.3);box-shadow:inset 0 0 50px -28px rgba(37,99,235,.5)}
.daily-card h3{display:flex;align-items:center;gap:12px;font-size:1.22rem;margin-bottom:22px}
.daily-card h3 .dch{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;flex:none;font-size:1.15rem}
.daily-card.craft h3 .dch{background:var(--grad-bright);color:#fff;box-shadow:0 0 20px -6px rgba(56,189,248,.6)}
.daily-card.away h3 .dch{background:rgba(120,150,200,.08);border:1px solid var(--line-strong);color:var(--accent)}
.daily-card ul{list-style:none;display:grid;gap:14px}
.daily-card li{display:flex;gap:12px;align-items:flex-start;font-size:.97rem;color:var(--text-dim)}
.daily-card li i{margin-top:4px;font-size:.85rem;flex:none}
.daily-card.craft li i{color:var(--accent)}
.daily-card.away li i{color:var(--blue-300)}
@media(max-width:820px){.daily-cols{grid-template-columns:1fr}}

/* ============================================================
   OUTILS EXISTANTS À GARDER — claire (3 cartes)
   ============================================================ */
.tools-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.tool-card{position:relative;border-radius:var(--radius);padding:30px 26px;overflow:hidden;display:flex;flex-direction:column;
  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}
.tool-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)}
.tool-card:hover{transform:translateY(-6px);border-color:var(--light-line-strong);box-shadow:0 36px 64px -34px rgba(15,27,45,.26)}
.tool-card:hover::before{transform:scaleX(1)}
.tool-card .tc-ico{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;font-size:1.3rem;margin-bottom:18px;
  background:linear-gradient(135deg,rgba(37,99,235,.12),rgba(56,189,248,.08));border:1px solid var(--light-line-strong);color:var(--blue-600)}
.tool-card h3{font-size:1.12rem;margin-bottom:10px;color:var(--light-text)}
.tool-card p{font-size:.92rem;color:var(--light-dim);flex:1}
.tool-card .tc-keep{display:inline-flex;align-items:center;gap:7px;margin-top:16px;
  font-family:var(--font-mono);font-size:.72rem;color:var(--blue-600);align-self:flex-start}
.tool-card .tc-keep i{color:var(--blue)}
@media(max-width:980px){.tools-grid{grid-template-columns:1fr 1fr!important}}
@media(max-width:540px){.tools-grid{grid-template-columns:1fr!important}}

.tools-note{max-width:780px;margin:32px auto 0;text-align:center;font-family:var(--font-mono);font-size:.9rem;
  color:var(--light-mute);line-height:1.6}
.tools-note i{color:var(--blue)}
.tools-note b{color:var(--light-text);font-weight:600}

/* ============================================================
   CE QUE L'IA APPORTE EN PLUS — sombre (cartes + mini avant/après)
   ============================================================ */
.plus{background:radial-gradient(64% 60% at 22% 0%, rgba(37,99,235,.09),transparent 60%)}
.plus-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.plus-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}
.plus-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)}
.plus-card:hover{transform:translateY(-6px);border-color:var(--line-strong);box-shadow:0 36px 64px -34px rgba(0,0,0,.7)}
.plus-card:hover::before{transform:scaleX(1)}
.plus-card .pc-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)}
.plus-card h3{font-size:1.14rem;margin-bottom:10px;color:var(--text)}
.plus-card > p{color:var(--text-dim);font-size:.93rem}
.plus-card .ba-list{list-style:none;display:grid;gap:11px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.plus-card .ba-list li{display:flex;gap:11px;align-items:flex-start;font-size:.9rem;line-height:1.5}
.plus-card .ba-list li i{margin-top:4px;font-size:.85rem;flex:none}
.plus-card .ba-list .ba-before{color:var(--text-mute)}
.plus-card .ba-list .ba-before i{color:var(--text-mute)}
.plus-card .ba-list .ba-after{color:var(--text-dim)}
.plus-card .ba-list .ba-after i{color:var(--accent)}
.plus-card .ba-list b{color:var(--text);font-weight:600;font-family:var(--font-mono);font-size:.74rem}
@media(max-width:920px){.plus-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.plus-grid{grid-template-columns:1fr}}

/* ============================================================
   LE CONSULTANT AUGMENTÉ — claire (ce que l'IA prend / ce qui vous revient)
   ============================================================ */
.human-cols{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.human-card{position:relative;border-radius:var(--radius);padding:34px 32px;overflow:hidden;
  background:var(--light-surface);border:1px solid var(--light-line);box-shadow:0 18px 40px -30px rgba(15,27,45,.4)}
.human-card h3{display:flex;align-items:center;gap:12px;font-size:1.2rem;margin-bottom:22px;color:var(--light-text)}
.human-card h3 .hch{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;flex:none;font-size:1.1rem;color:#fff}
.human-card.takes h3 .hch{background:linear-gradient(135deg,#334155,#1e293b)}
.human-card.yours h3 .hch{background:var(--grad-bright);box-shadow:0 0 20px -6px rgba(56,189,248,.6)}
.human-card ul{list-style:none;display:grid;gap:13px}
.human-card li{display:flex;gap:12px;align-items:flex-start;font-size:.96rem;color:var(--light-dim)}
.human-card li i{margin-top:4px;font-size:.9rem;flex:none}
.human-card.takes li i{color:var(--light-mute)}
.human-card.yours li i{color:var(--blue)}
.human-card.yours li b{color:var(--light-text);font-weight:600}
@media(max-width:820px){.human-cols{grid-template-columns:1fr}}
.human-foot{max-width:780px;margin:34px auto 0;text-align:center;color:var(--light-dim);font-size:1rem;line-height:1.7}
.human-foot b{color:var(--light-text);font-weight:600}

/* ============================================================
   NOTRE MÉTHODE — sombre (3 étapes)
   ============================================================ */
.method-sect{background:radial-gradient(60% 70% at 50% 0%,rgba(29,78,216,.08),transparent 60%)}
.ms-head{max-width:760px;margin-left:auto;margin-right:auto;text-align:center;margin-bottom:50px}
.ms-head .eyebrow{justify-content:center}
.ms-head p{margin-left:auto;margin-right:auto}
.ms-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.ms-step{position:relative;padding:28px 26px;border-radius:var(--radius);
  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}
.ms-step:hover{transform:translateY(-6px);border-color:var(--line-strong);box-shadow:0 36px 64px -34px rgba(0,0,0,.7)}
.ms-step .ms-num{font-family:var(--font-mono);font-size:.78rem;color:var(--accent)}
.ms-step .ms-ico{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;margin:14px 0 16px;
  background:var(--grad-soft);border:1px solid var(--line-strong);color:var(--blue-300);font-size:1.25rem}
.ms-step h4{font-family:var(--font-display);font-size:1.12rem;font-weight:600;margin-bottom:8px}
.ms-step p{font-size:.9rem;color:var(--text-dim)}
@media(max-width:920px){.ms-steps{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:520px){.ms-steps{grid-template-columns:1fr!important}}

/* ============================================================
   HONNÊTETÉ — noire (du sens / ce qu'on ne propose pas)
   ============================================================ */
.honesty-cols{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.honesty-card{position:relative;border-radius:var(--radius);padding:34px 32px;overflow:hidden;
  background:linear-gradient(180deg,rgba(14,26,46,.55),rgba(6,9,18,.6));border:1px solid var(--line)}
.honesty-card.yes{border-color:rgba(37,99,235,.3);box-shadow:inset 0 0 50px -28px rgba(37,99,235,.5)}
.honesty-card h3{display:flex;align-items:center;gap:12px;font-size:1.22rem;margin-bottom:22px}
.honesty-card h3 .hoch{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;flex:none;font-size:1.1rem}
.honesty-card.yes h3 .hoch{background:var(--grad-bright);color:#fff;box-shadow:0 0 20px -6px rgba(56,189,248,.6)}
.honesty-card.no h3 .hoch{background:rgba(120,150,200,.06);border:1px solid var(--line-strong);color:var(--accent)}
.honesty-card ul{list-style:none;display:grid;gap:14px}
.honesty-card li{display:flex;gap:12px;align-items:flex-start;font-size:.96rem;color:var(--text-dim)}
.honesty-card li i{margin-top:4px;font-size:.85rem;flex:none}
.honesty-card.yes li i{color:var(--accent)}
.honesty-card.no li i{color:var(--text-mute)}
@media(max-width:820px){.honesty-cols{grid-template-columns:1fr}}

/* ============================================================
   GUIDAGE DE FIN — sombre (cran suivant, contact discret)
   ============================================================ */
.next-step{text-align:center}
.ns-shell{position:relative;max-width:880px;margin:0 auto;border-radius:28px;overflow:hidden;
  padding:clamp(40px,6vw,72px) clamp(26px,5vw,56px);
  background:linear-gradient(135deg,rgba(37,99,235,.10),rgba(29,78,216,.05));border:1px solid var(--line-strong)}
.ns-shell::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(50% 70% at 50% 0%,rgba(56,189,248,.14),transparent 60%)}
.ns-shell .eyebrow{justify-content:center}
.ns-shell h2{position:relative;font-size:clamp(2rem,4.2vw,2.9rem);margin:16px 0 0}
.ns-lead{position:relative;max-width:660px;margin:22px auto 0;color:var(--text-dim);font-size:1.08rem}
.ns-lead b{color:var(--text);font-weight:600}
.ns-actions{position:relative;display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:36px}
.ns-second{position:relative;list-style:none;display:flex;flex-wrap:wrap;gap:10px 26px;justify-content:center;margin-top:30px}
.ns-second li{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--text-dim)}
.ns-second li i{color:var(--accent)}
.ns-second a{border-bottom:1px solid transparent;transition:color .25s,border-color .25s}
.ns-second a:hover{color:var(--text);border-color:rgba(56,189,248,.5)}
@media(max-width:620px){.ns-actions .btn{width:100%;justify-content:center}}

/* ============================================================
   ACCENT MÉTIER — consultant indépendant : teal « conseil/expertise »
   (pilote Hanz) — ressort bien sur fond sombre, distinct du bleu générique
   ============================================================ */
:root{ --accent:#14B8A6; }
.page-hero-v3 .eyebrow,
.hero-eyebrow{ color:#2DD4BF; }
.grad-text{ background:linear-gradient(120deg,#2DD4BF,#0D9488); -webkit-background-clip:text; background-clip:text; color:transparent; }
.section-light .grad-text{ background:linear-gradient(120deg,#0D9488,#0f766e); -webkit-background-clip:text; background-clip:text; color:transparent; }
.btn-primary{ background:linear-gradient(120deg,#14B8A6,#0D9488); box-shadow:0 10px 34px -10px rgba(20,184,166,.55); }
.btn-primary:hover{ box-shadow:0 14px 40px -10px rgba(20,184,166,.7); }

/* ============================================================
   HÉRO en deux colonnes : copie + schéma de flux
   ============================================================ */
.page-hero-v3 .ph-in-art{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,400px);gap:48px;align-items:center;max-width:1180px}
.page-hero-v3 .ph-copy{min-width:0}
.page-hero-v3 .ph-art{align-self:center}
@media(max-width:1020px){
  .page-hero-v3 .ph-in-art{grid-template-columns:1fr;gap:28px;max-width:840px}
  .page-hero-v3 .ph-art{max-width:380px;margin:0 auto}
}

/* ============================================================
   SCHÉMA DE FLUX HÉRO — flux-consultant-independant (pilote Hanz)
   4 signaux métier -> l'IA anticipe/prépare -> du temps pour le conseil
   ============================================================ */
.flux-consultant-independant{ width:100%; height:auto; }
.flux-consultant-independant text{ text-anchor:middle; font-family:Inter,system-ui,sans-serif; }
.flux-consultant-independant .flux-line{ stroke:rgba(45,212,191,.28); stroke-width:1.4; }
.flux-consultant-independant .flux-line.out{ stroke:rgba(13,148,136,.42); stroke-width:1.7; }
.flux-consultant-independant .p{ fill:#5EEAD4; filter:drop-shadow(0 0 3px rgba(94,234,212,.8)); }
.flux-consultant-independant .p.out{ fill:#2DD4BF; }
.flux-consultant-independant .fnode circle{ fill:rgba(45,212,191,.12); stroke:rgba(45,212,191,.6); stroke-width:1.4; }
.flux-consultant-independant .fnode text{ fill:#99f6e4; font-size:13px; font-weight:600; }
.flux-consultant-independant .ia-core{ fill:#14B8A6; animation:ciIaPulse 2.8s ease-in-out infinite; transform-box:fill-box; transform-origin:center; }
.flux-consultant-independant .ia-label{ fill:#fff; font-size:17px; font-weight:800; }
.flux-consultant-independant .ia-sub{ fill:#5eead4; font-size:11px; letter-spacing:.04em; text-transform:uppercase; }
.flux-consultant-independant .vous{ fill:rgba(13,148,136,.18); stroke:#0D9488; stroke-width:1.7; }
.flux-consultant-independant .vous-label{ fill:#fff; font-size:13px; font-weight:700; }
.flux-consultant-independant .vous-sub{ fill:#5eead4; font-size:11px; }
@keyframes ciIaPulse{ 0%,100%{ transform:scale(1); } 50%{ transform:scale(1.08); } }

/* ticker des événements marketing (héros) */
.flux-consultant-independant .ev{ fill:#5EEAD4; font-size:13px; font-weight:700; opacity:0; letter-spacing:.01em; }
.flux-consultant-independant .ev-cap{ fill:#0f766e; font-size:10px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; }

/* ============================================================
   SCHÉMA MID-PAGE — ci-flow (section « l'IA en plus »)
   vous fournissez la matière -> l'IA prépare -> vous validez
   ============================================================ */
.ci-flow-wrap{margin:40px auto 0;max-width:760px;text-align:center;padding:24px 22px;border-radius:var(--radius);
  background:linear-gradient(135deg,rgba(20,184,166,.07),rgba(13,148,136,.03));border:1px solid var(--line-strong)}
.ci-flow-cap{font-family:var(--font-mono);font-size:.84rem;color:var(--text-dim);margin-bottom:8px;line-height:1.5}
.ci-flow-cap i{color:var(--accent);margin-right:.35rem}
.ci-flow-cap b{color:var(--text);font-weight:600}
.ci-flow{width:100%;height:auto;max-height:150px}
.ci-flow text{text-anchor:middle;font-family:Inter,system-ui,sans-serif}
.ci-flow .ci-fl-line{stroke:rgba(45,212,191,.3);stroke-width:1.5}
.ci-flow .ci-fl-out{stroke:rgba(13,148,136,.45);stroke-width:1.8}
.ci-flow .ci-fp{fill:#5EEAD4;filter:drop-shadow(0 0 3px rgba(94,234,212,.8))}
.ci-flow .ci-fp-out{fill:#2DD4BF}
.ci-flow .ci-fnode{fill:rgba(45,212,191,.10);stroke:rgba(45,212,191,.5);stroke-width:1.4}
.ci-flow .ci-fnode-ia{fill:rgba(20,184,166,.16);stroke:#14B8A6;stroke-width:1.8;animation:ciFlowPulse 2.8s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.ci-flow .ci-fnode-you{fill:rgba(13,148,136,.16);stroke:#0D9488;stroke-width:1.7}
.ci-flow .ci-fnlab{fill:#ccfbf1;font-size:14px;font-weight:600}
.ci-flow .ci-fnlab-you{fill:#fff;font-size:15px;font-weight:700}
.ci-flow .ci-fia{fill:#fff;font-size:19px;font-weight:800}
.ci-flow .ci-fsub{fill:#5eead4;font-size:11px;letter-spacing:.04em;text-transform:uppercase}
.ci-flow .ci-flab{fill:var(--text-dim);font-size:13px;font-weight:600}
.ci-flow .ci-flab-you{fill:#99f6e4}
@keyframes ciFlowPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}

/* coupe les animations des cœurs IA si l'utilisateur le demande */
@media (prefers-reduced-motion:reduce){
  .flux-consultant-independant .ia-core{ animation:none; }
  .ci-flow .ci-fnode-ia{ animation:none; }
}