<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 360" role="img" aria-labelledby="titre-schema">
  <title id="titre-schema">Carte des trois produits Claude</title>
  <defs>
    <style>
      .box { fill: #f5f1eb; stroke: #1a1a1a; stroke-width: 2; }
      .box-anthropic { fill: #1a1a1a; stroke: #C45A1A; stroke-width: 2; }
      .label { font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: 700; fill: #1a1a1a; }
      .label-inv { font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 500; fill: #f5f1eb; letter-spacing: 3px; text-transform: uppercase; }
      .sub { font-family: 'DM Mono', monospace; font-size: 11px; fill: #555; letter-spacing: 1px; text-transform: uppercase; }
      .desc { font-family: 'Montserrat', sans-serif; font-size: 12px; fill: #333; }
      .arrow { stroke: #C45A1A; stroke-width: 1.5; fill: none; }
    </style>
  </defs>

  <rect x="280" y="20" width="340" height="50" class="box-anthropic" />
  <text x="450" y="52" text-anchor="middle" class="label-inv">Anthropic</text>

  <line x1="450" y1="70" x2="150" y2="130" class="arrow" />
  <line x1="450" y1="70" x2="450" y2="130" class="arrow" />
  <line x1="450" y1="70" x2="750" y2="130" class="arrow" />

  <rect x="30" y="130" width="240" height="200" class="box" rx="6" />
  <text x="150" y="162" text-anchor="middle" class="sub">Claude</text>
  <text x="150" y="188" text-anchor="middle" class="label">L'assistant</text>
  <text x="150" y="222" text-anchor="middle" class="desc">claude.ai</text>
  <text x="150" y="242" text-anchor="middle" class="desc">Chat, Projects, Artifacts</text>
  <text x="150" y="262" text-anchor="middle" class="desc">Free / Pro / Max / Team</text>
  <text x="150" y="300" text-anchor="middle" class="desc">Public : grand public,</text>
  <text x="150" y="316" text-anchor="middle" class="desc">équipes, rédaction, analyse</text>

  <rect x="330" y="130" width="240" height="200" class="box" rx="6" />
  <text x="450" y="162" text-anchor="middle" class="sub">Claude Code</text>
  <text x="450" y="188" text-anchor="middle" class="label">Le développeur</text>
  <text x="450" y="222" text-anchor="middle" class="desc">CLI + IDE + Desktop</text>
  <text x="450" y="242" text-anchor="middle" class="desc">Agent de code</text>
  <text x="450" y="262" text-anchor="middle" class="desc">Routines (web execution)</text>
  <text x="450" y="300" text-anchor="middle" class="desc">Public : développeurs,</text>
  <text x="450" y="316" text-anchor="middle" class="desc">CTO, équipes tech</text>

  <rect x="630" y="130" width="240" height="200" class="box" rx="6" />
  <text x="750" y="162" text-anchor="middle" class="sub">Claude Cowork</text>
  <text x="750" y="188" text-anchor="middle" class="label">Le coéquipier</text>
  <text x="750" y="222" text-anchor="middle" class="desc">Agent autonome</text>
  <text x="750" y="242" text-anchor="middle" class="desc">Skills, Scheduled tasks</text>
  <text x="750" y="262" text-anchor="middle" class="desc">M365, Zoom, Gmail</text>
  <text x="750" y="300" text-anchor="middle" class="desc">Public : knowledge workers,</text>
  <text x="750" y="316" text-anchor="middle" class="desc">directions métier, PME</text>
</svg>
