<?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>
    <marker id="arr" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="7" markerHeight="7" orient="auto-start-reverse">
      <path d="M 0 0 L 10 5 L 0 10 z" fill="#555"/>
    </marker>
  </defs>
  <rect width="820" height="470" fill="#ffffff"/>

  <text x="410" y="42" text-anchor="middle" font-size="16" font-weight="700" fill="#111">Fable 5 — le mécanisme de bascule</text>
  <text x="410" y="63" text-anchor="middle" font-size="11" fill="#666" letter-spacing="1.5">CHAQUE REQUÊTE PASSE PAR TROIS CLASSIFIEURS DE SÉCURITÉ</text>

  <!-- Requête -->
  <rect x="40" y="200" width="150" height="70" rx="12" fill="#fff" stroke="#111" stroke-width="1.5"/>
  <text x="115" y="230" text-anchor="middle" font-size="14" font-weight="700" fill="#111">Votre requête</text>
  <text x="115" y="250" text-anchor="middle" font-size="10.5" fill="#666">API ou applications Claude</text>

  <line x1="190" y1="235" x2="248" y2="235" stroke="#555" stroke-width="1.5" marker-end="url(#arr)"/>

  <!-- Classifieurs -->
  <rect x="252" y="140" width="190" height="190" rx="14" fill="#faf7ff" stroke="#7B2DB8" stroke-width="1.5"/>
  <text x="347" y="170" text-anchor="middle" font-size="13" font-weight="700" fill="#7B2DB8">3 classifieurs</text>
  <rect x="272" y="186" width="150" height="34" rx="8" fill="#ffffff" stroke="rgba(123,45,184,0.35)"/>
  <text x="347" y="208" text-anchor="middle" font-size="11.5" fill="#333">Cybersécurité offensive</text>
  <rect x="272" y="228" width="150" height="34" rx="8" fill="#ffffff" stroke="rgba(123,45,184,0.35)"/>
  <text x="347" y="250" text-anchor="middle" font-size="11.5" fill="#333">Biologie · chimie</text>
  <rect x="272" y="270" width="150" height="34" rx="8" fill="#ffffff" stroke="rgba(123,45,184,0.35)"/>
  <text x="347" y="292" text-anchor="middle" font-size="11.5" fill="#333">Distillation du modèle</text>

  <!-- Branche 95% -->
  <line x1="442" y1="200" x2="540" y2="150" stroke="#555" stroke-width="1.5" marker-end="url(#arr)"/>
  <text x="478" y="218" text-anchor="middle" font-size="11" font-weight="700" fill="#1d7a3c">&gt; 95 % des sessions</text>

  <rect x="546" y="100" width="234" height="96" rx="14" fill="#ffffff" stroke="url(#otiumGrad)" stroke-width="2.5"/>
  <text x="663" y="134" text-anchor="middle" font-size="15" font-weight="800" fill="#111">Fable 5 répond</text>
  <text x="663" y="156" text-anchor="middle" font-size="11" fill="#555">Performance équivalente</text>
  <text x="663" y="172" text-anchor="middle" font-size="11" fill="#555">à Mythos 5</text>

  <!-- Branche <5% -->
  <line x1="442" y1="278" x2="540" y2="330" stroke="#555" stroke-width="1.5" marker-end="url(#arr)"/>
  <text x="474" y="264" text-anchor="middle" font-size="11" font-weight="700" fill="#C73252">&lt; 5 % des sessions</text>

  <rect x="546" y="296" width="234" height="110" rx="14" fill="#fff6f3" stroke="#C73252" stroke-width="1.5"/>
  <text x="663" y="328" text-anchor="middle" font-size="15" font-weight="800" fill="#C73252">Bascule Opus 4.8</text>
  <text x="663" y="350" text-anchor="middle" font-size="11" fill="#555">Le modèle précédent répond,</text>
  <text x="663" y="366" text-anchor="middle" font-size="11" fill="#555">l'utilisateur est informé</text>
  <text x="663" y="390" text-anchor="middle" font-size="10" fill="#999">API : stop_reason « refusal » + fallbacks</text>

  <rect x="40" y="436" width="120" height="5" rx="2.5" fill="url(#otiumGrad)"/>
  <text x="780" y="444" text-anchor="end" font-size="10" fill="#999">Source : Anthropic, 9 juin 2026 — otium-ai.co</text>
</svg>
