<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 340" role="img" aria-labelledby="t-spec">
  <title id="t-spec">Spectre des déchargements cognitifs selon la fonction mentale remplacée et le risque d'érosion</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; }
      .axis { stroke: #1a1a1a; stroke-width: 1.5; fill: none; }
      .axis-grad { stroke: url(#otium-grad); stroke-width: 8; fill: none; }
      .tool { font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 800; fill: #1a1a1a; }
      .fct { font-family: 'Montserrat', sans-serif; font-size: 11px; fill: #333; }
      .low { font-family: 'DM Mono', monospace; font-size: 12px; letter-spacing: 2px; text-transform: uppercase; fill: #5a8f3a; font-weight: 700; }
      .high { font-family: 'DM Mono', monospace; font-size: 12px; letter-spacing: 2px; text-transform: uppercase; fill: #C45A1A; font-weight: 700; }
      .dot { fill: url(#otium-grad); }
    </style>
  </defs>

  <text x="30" y="35" class="title">Ce que chaque outil décharge · et le risque pour le cerveau</text>

  <line x1="30" y1="220" x2="870" y2="220" class="axis-grad" />

  <text x="30" y="250" class="low">Faible risque</text>
  <text x="870" y="250" text-anchor="end" class="high">Risque élevé</text>

  <circle cx="100" cy="220" r="12" class="dot" />
  <text x="100" y="100" text-anchor="middle" class="tool">GPS</text>
  <text x="100" y="125" text-anchor="middle" class="fct">Orientation</text>
  <text x="100" y="143" text-anchor="middle" class="fct">spatiale</text>
  <text x="100" y="190" text-anchor="middle" class="fct">ciblée, étroite</text>

  <circle cx="270" cy="220" r="12" class="dot" />
  <text x="270" y="100" text-anchor="middle" class="tool">Calculatrice</text>
  <text x="270" y="125" text-anchor="middle" class="fct">Calcul</text>
  <text x="270" y="143" text-anchor="middle" class="fct">arithmétique</text>
  <text x="270" y="190" text-anchor="middle" class="fct">ciblée, étroite</text>

  <circle cx="450" cy="220" r="12" class="dot" />
  <text x="450" y="100" text-anchor="middle" class="tool">Google Search</text>
  <text x="450" y="125" text-anchor="middle" class="fct">Mémoire</text>
  <text x="450" y="143" text-anchor="middle" class="fct">factuelle</text>
  <text x="450" y="190" text-anchor="middle" class="fct">intermédiaire</text>

  <circle cx="620" cy="220" r="14" class="dot" />
  <text x="620" y="100" text-anchor="middle" class="tool">Réseaux sociaux</text>
  <text x="620" y="125" text-anchor="middle" class="fct">Attention</text>
  <text x="620" y="143" text-anchor="middle" class="fct">soutenue</text>
  <text x="620" y="190" text-anchor="middle" class="fct">érosion avérée</text>

  <circle cx="800" cy="220" r="16" class="dot" />
  <text x="800" y="100" text-anchor="middle" class="tool">IA générative</text>
  <text x="800" y="125" text-anchor="middle" class="fct">Production</text>
  <text x="800" y="143" text-anchor="middle" class="fct">cognitive entière</text>
  <text x="800" y="190" text-anchor="middle" class="fct">écrire · penser · décider</text>

  <text x="30" y="300" style="font-family:'Montserrat',sans-serif;font-size:12px;fill:#1a1a1a;">Les outils antérieurs déchargeaient des fonctions ciblées. L'IA générative décharge la production cognitive elle-même : écrire, penser, décider. La différence n'est pas de degré, c'est de nature.</text>
</svg>
