<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 380" role="img" aria-labelledby="t-audit">
  <title id="t-audit">Les quatre dimensions qu'un audit IA solide doit identifier pour déclencher la performance</title>
  <defs>
    <linearGradient id="otium-grad" x1="0%" y1="0%" x2="100%" y2="0%">
      <stop offset="0%" stop-color="#7B2DB8"/>
      <stop offset="50%" stop-color="#C73252"/>
      <stop offset="100%" stop-color="#F05E2C"/>
    </linearGradient>
    <style>
      .title { font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 700; fill: #1a1a1a; letter-spacing: 1px; text-transform: uppercase; }
      .card { fill: #f5f1eb; stroke: #1a1a1a; stroke-width: 1.5; }
      .card-head { fill: url(#otium-grad); }
      .head-num { font-family: 'Montserrat', sans-serif; font-size: 20px; font-weight: 900; fill: #f5f1eb; }
      .head-lab { font-family: 'Montserrat', sans-serif; font-size: 13px; font-weight: 700; fill: #f5f1eb; letter-spacing: 1px; text-transform: uppercase; }
      .item { font-family: 'Montserrat', sans-serif; font-size: 11px; fill: #1a1a1a; }
      .bullet { fill: url(#otium-grad); }
    </style>
  </defs>

  <text x="30" y="35" class="title">Les quatre livrables concrets d'un audit IA efficace</text>

  <rect x="30" y="65" width="200" height="300" class="card" rx="6" />
  <rect x="30" y="65" width="200" height="60" class="card-head" rx="6" />
  <text x="130" y="95" text-anchor="middle" class="head-num">01</text>
  <text x="130" y="115" text-anchor="middle" class="head-lab">Pain points</text>
  <circle cx="50" cy="155" r="4" class="bullet" />
  <text x="65" y="160" class="item">Tâches répétitives</text>
  <circle cx="50" cy="185" r="4" class="bullet" />
  <text x="65" y="190" class="item">Délais excessifs</text>
  <circle cx="50" cy="215" r="4" class="bullet" />
  <text x="65" y="220" class="item">Erreurs humaines</text>
  <circle cx="50" cy="245" r="4" class="bullet" />
  <text x="65" y="250" class="item">Dépendance externe</text>
  <circle cx="50" cy="275" r="4" class="bullet" />
  <text x="65" y="280" class="item">Surcharge équipe</text>
  <circle cx="50" cy="305" r="4" class="bullet" />
  <text x="65" y="310" class="item">Insatisfaction client</text>
  <circle cx="50" cy="335" r="4" class="bullet" />
  <text x="65" y="340" class="item">Turnover</text>

  <rect x="250" y="65" width="200" height="300" class="card" rx="6" />
  <rect x="250" y="65" width="200" height="60" class="card-head" rx="6" />
  <text x="350" y="95" text-anchor="middle" class="head-num">02</text>
  <text x="350" y="115" text-anchor="middle" class="head-lab">Temps perdu</text>
  <circle cx="270" cy="155" r="4" class="bullet" />
  <text x="285" y="160" class="item">Heures par mois</text>
  <circle cx="270" cy="185" r="4" class="bullet" />
  <text x="285" y="190" class="item">Coût salarial horaire</text>
  <circle cx="270" cy="215" r="4" class="bullet" />
  <text x="285" y="220" class="item">ETP équivalent</text>
  <circle cx="270" cy="245" r="4" class="bullet" />
  <text x="285" y="250" class="item">Revenue opportunité</text>
  <circle cx="270" cy="275" r="4" class="bullet" />
  <text x="285" y="280" class="item">Délai time-to-market</text>
  <circle cx="270" cy="305" r="4" class="bullet" />
  <text x="285" y="310" class="item">ROI potentiel</text>
  <circle cx="270" cy="335" r="4" class="bullet" />
  <text x="285" y="340" class="item">Coût opportunité</text>

  <rect x="470" y="65" width="200" height="300" class="card" rx="6" />
  <rect x="470" y="65" width="200" height="60" class="card-head" rx="6" />
  <text x="570" y="95" text-anchor="middle" class="head-num">03</text>
  <text x="570" y="115" text-anchor="middle" class="head-lab">Workflows</text>
  <circle cx="490" cy="155" r="4" class="bullet" />
  <text x="505" y="160" class="item">Process candidats</text>
  <circle cx="490" cy="185" r="4" class="bullet" />
  <text x="505" y="190" class="item">Points de décision</text>
  <circle cx="490" cy="215" r="4" class="bullet" />
  <text x="505" y="220" class="item">Flux data critique</text>
  <circle cx="490" cy="245" r="4" class="bullet" />
  <text x="505" y="250" class="item">Outils à connecter</text>
  <circle cx="490" cy="275" r="4" class="bullet" />
  <text x="505" y="280" class="item">Cron / triggers</text>
  <circle cx="490" cy="305" r="4" class="bullet" />
  <text x="505" y="310" class="item">Supervision humaine</text>
  <circle cx="490" cy="335" r="4" class="bullet" />
  <text x="505" y="340" class="item">Mesure efficacité</text>

  <rect x="690" y="65" width="180" height="300" class="card" rx="6" />
  <rect x="690" y="65" width="180" height="60" class="card-head" rx="6" />
  <text x="780" y="95" text-anchor="middle" class="head-num">04</text>
  <text x="780" y="115" text-anchor="middle" class="head-lab">Agents IA</text>
  <circle cx="710" cy="155" r="4" class="bullet" />
  <text x="725" y="160" class="item">Assistants métier</text>
  <circle cx="710" cy="185" r="4" class="bullet" />
  <text x="725" y="190" class="item">Chatbots clients</text>
  <circle cx="710" cy="215" r="4" class="bullet" />
  <text x="725" y="220" class="item">Qualification leads</text>
  <circle cx="710" cy="245" r="4" class="bullet" />
  <text x="725" y="250" class="item">Tri email / doc</text>
  <circle cx="710" cy="275" r="4" class="bullet" />
  <text x="725" y="280" class="item">Veille automatisée</text>
  <circle cx="710" cy="305" r="4" class="bullet" />
  <text x="725" y="310" class="item">Synthèse réunion</text>
  <circle cx="710" cy="335" r="4" class="bullet" />
  <text x="725" y="340" class="item">Scoring prédictif</text>
</svg>
