<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 560" width="1000" height="560" font-family="'Helvetica Neue', Arial, sans-serif">
  <defs>
    <linearGradient id="barHot" x1="0" y1="0" x2="0" y2="1">
      <stop offset="0" stop-color="#F05E2C"/>
      <stop offset="1" stop-color="#C73252"/>
    </linearGradient>
    <linearGradient id="barCool" x1="0" y1="0" x2="0" y2="1">
      <stop offset="0" stop-color="#9B5FD0"/>
      <stop offset="1" stop-color="#7B2DB8"/>
    </linearGradient>
  </defs>

  <rect width="1000" height="560" fill="#ffffff"/>

  <text x="60" y="62" fill="#1a1a1a" font-size="27" font-weight="800" letter-spacing="-0.5">Même volume de tokens, 63 % de coût en moins</text>
  <text x="60" y="94" fill="#6b6b6b" font-size="16" font-weight="500">Rippling, avril vs juillet 2026 : ce que change le routage vers le bon modèle</text>

  <g stroke="#e8e8e8" stroke-width="1">
    <line x1="60" y1="420" x2="940" y2="420"/>
    <line x1="60" y1="340" x2="940" y2="340"/>
    <line x1="60" y1="260" x2="940" y2="260"/>
    <line x1="60" y1="180" x2="940" y2="180"/>
  </g>

  <!-- Groupe 1 : volume de tokens -->
  <text x="205" y="150" fill="#6b6b6b" font-size="13" font-weight="700" letter-spacing="1.5" text-anchor="middle">VOLUME CONSOMMÉ</text>

  <rect x="120" y="180" width="80" height="240" rx="4" fill="url(#barHot)"/>
  <text x="160" y="168" fill="#1a1a1a" font-size="19" font-weight="800" text-anchor="middle">605 Md</text>
  <text x="160" y="446" fill="#6b6b6b" font-size="14" font-weight="600" text-anchor="middle">Avril</text>

  <rect x="212" y="184" width="80" height="236" rx="4" fill="url(#barCool)"/>
  <text x="252" y="172" fill="#1a1a1a" font-size="19" font-weight="800" text-anchor="middle">600 Md</text>
  <text x="252" y="446" fill="#6b6b6b" font-size="14" font-weight="600" text-anchor="middle">Juillet</text>

  <text x="205" y="472" fill="#9a9a9a" font-size="13" font-weight="500" text-anchor="middle">tokens consommés — inchangé</text>

  <!-- Séparateur -->
  <line x1="380" y1="140" x2="380" y2="480" stroke="#e8e8e8" stroke-width="1"/>

  <!-- Groupe 2 : coût -->
  <text x="565" y="150" fill="#6b6b6b" font-size="13" font-weight="700" letter-spacing="1.5" text-anchor="middle">COÛT CORRESPONDANT</text>

  <rect x="480" y="180" width="80" height="240" rx="4" fill="url(#barHot)"/>
  <text x="520" y="168" fill="#1a1a1a" font-size="19" font-weight="800" text-anchor="middle">100 %</text>
  <text x="520" y="446" fill="#6b6b6b" font-size="14" font-weight="600" text-anchor="middle">Avril</text>

  <rect x="572" y="331" width="80" height="89" rx="4" fill="url(#barCool)"/>
  <text x="612" y="319" fill="#1a1a1a" font-size="19" font-weight="800" text-anchor="middle">37 %</text>
  <text x="612" y="446" fill="#6b6b6b" font-size="14" font-weight="600" text-anchor="middle">Juillet</text>

  <text x="565" y="472" fill="#9a9a9a" font-size="13" font-weight="500" text-anchor="middle">base 100 en avril</text>

  <!-- Séparateur -->
  <line x1="700" y1="140" x2="700" y2="480" stroke="#e8e8e8" stroke-width="1"/>

  <!-- Groupe 3 : part du budget R&D -->
  <text x="838" y="150" fill="#6b6b6b" font-size="13" font-weight="700" letter-spacing="1.5" text-anchor="middle">PART DU BUDGET R&amp;D</text>

  <rect x="760" y="180" width="66" height="240" rx="4" fill="url(#barHot)"/>
  <text x="793" y="168" fill="#1a1a1a" font-size="19" font-weight="800" text-anchor="middle">40 %</text>
  <text x="793" y="446" fill="#6b6b6b" font-size="14" font-weight="600" text-anchor="middle">Avant</text>

  <rect x="844" y="330" width="66" height="90" rx="4" fill="url(#barCool)"/>
  <text x="877" y="318" fill="#1a1a1a" font-size="19" font-weight="800" text-anchor="middle">15 %</text>
  <text x="877" y="446" fill="#6b6b6b" font-size="14" font-weight="600" text-anchor="middle">Après</text>

  <text x="838" y="472" fill="#9a9a9a" font-size="13" font-weight="500" text-anchor="middle">dépense en tokens</text>

  <line x1="60" y1="508" x2="940" y2="508" stroke="#e8e8e8" stroke-width="1"/>
  <text x="60" y="534" fill="#9a9a9a" font-size="13" font-weight="500">Source : Rippling via TechCrunch, 7 août 2026 — 10 à 15 % des salariés généraient 60 % de la dépense.</text>
  <text x="940" y="534" fill="#C73252" font-size="13" font-weight="700" text-anchor="end">Otium</text>
</svg>
