<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 820 470" font-family="Montserrat, system-ui, sans-serif">
  <defs>
    <linearGradient id="otiumGrad" 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>
  </defs>
  <rect width="820" height="470" fill="#ffffff"/>

  <text x="410" y="42" text-anchor="middle" font-size="16" font-weight="700" fill="#111">Le nouveau plafond tarifaire du marché</text>
  <text x="410" y="63" text-anchor="middle" font-size="11" fill="#666" letter-spacing="1.5">PRIX API EN $ PAR MILLION DE TOKENS — ENTRÉE / SORTIE — 10 JUIN 2026</text>

  <!-- échelle : 1$ = 12px, barres horizontales output ; input en barre fine -->
  <!-- Fable 5 -->
  <text x="180" y="120" text-anchor="end" font-size="13" font-weight="800" fill="#111">Claude Fable 5</text>
  <rect x="196" y="100" width="600" height="26" rx="6" fill="url(#otiumGrad)"/>
  <text x="788" y="118" text-anchor="end" font-size="12.5" font-weight="800" fill="#ffffff">50 $ sortie</text>
  <rect x="196" y="130" width="120" height="12" rx="4" fill="#1a1510"/>
  <text x="324" y="141" font-size="10.5" font-weight="700" fill="#555">10 $ entrée</text>

  <!-- Opus 4.8 -->
  <text x="180" y="190" text-anchor="end" font-size="13" font-weight="700" fill="#333">Claude Opus 4.8</text>
  <rect x="196" y="170" width="300" height="26" rx="6" fill="#b9a8d6"/>
  <text x="488" y="188" text-anchor="end" font-size="12.5" font-weight="800" fill="#ffffff">25 $</text>
  <rect x="196" y="200" width="60" height="12" rx="4" fill="#1a1510"/>
  <text x="264" y="211" font-size="10.5" font-weight="700" fill="#555">5 $</text>

  <!-- GPT-5.5 -->
  <text x="180" y="260" text-anchor="end" font-size="13" font-weight="700" fill="#333">GPT-5.5 (OpenAI)</text>
  <rect x="196" y="240" width="360" height="26" rx="6" fill="#d6cdb9"/>
  <text x="548" y="258" text-anchor="end" font-size="12.5" font-weight="800" fill="#5a5246">30 $</text>
  <rect x="196" y="270" width="60" height="12" rx="4" fill="#1a1510"/>
  <text x="264" y="281" font-size="10.5" font-weight="700" fill="#555">5 $</text>

  <!-- Gemini 3.1 Pro -->
  <text x="180" y="330" text-anchor="end" font-size="13" font-weight="700" fill="#333">Gemini 3.1 Pro</text>
  <rect x="196" y="310" width="144" height="26" rx="6" fill="#b9c9d6"/>
  <text x="332" y="328" text-anchor="end" font-size="12.5" font-weight="800" fill="#3c5266">12 $</text>
  <rect x="196" y="340" width="24" height="12" rx="4" fill="#1a1510"/>
  <text x="228" y="351" font-size="10.5" font-weight="700" fill="#555">2 $</text>

  <!-- annotation x2 : Fable = 2x Opus -->
  <rect x="520" y="166" width="46" height="22" rx="11" fill="#C73252"/>
  <text x="543" y="182" text-anchor="middle" font-size="12.5" font-weight="800" fill="#ffffff">×2</text>
  <text x="576" y="182" font-size="10.5" fill="#C73252" font-weight="700">le prix d'Opus 4.8</text>

  <rect x="60" y="394" width="700" height="1" fill="rgba(0,0,0,0.08)"/>
  <text x="60" y="420" font-size="11" fill="#555">Et le compteur s'emballe vite : conçu pour raisonner longtemps, Fable 5 consomme plus de tokens par tâche.</text>
  <text x="60" y="438" font-size="11" font-weight="700" fill="#C73252">Mesure indépendante de Simon Willison : 110 $ de tokens en une seule journée d'usage via Claude Code.</text>

  <rect x="60" y="452" width="120" height="5" rx="2.5" fill="url(#otiumGrad)"/>
  <text x="760" y="460" text-anchor="end" font-size="10" fill="#999">Sources : grilles officielles Anthropic, OpenAI, Google — otium-ai.co</text>
</svg>
