<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 820 460" width="820" height="460" role="img" aria-labelledby="t d" font-family="'Manrope', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif">
  <title id="t">How cryptocurrency moves money without a middleman</title>
  <desc id="d">A comparison: a traditional transfer routes money from you through a bank to the recipient, while a cryptocurrency transfer sends value directly from you to the recipient, verified by a peer-to-peer network with no bank in the middle.</desc>
  <defs>
    <marker id="aGrey" markerWidth="9" markerHeight="9" refX="6.5" refY="3" orient="auto"><path d="M0,0 L7,3 L0,6 z" fill="#94A3B8"/></marker>
    <marker id="aBlue" markerWidth="9" markerHeight="9" refX="6.5" refY="3" orient="auto"><path d="M0,0 L7,3 L0,6 z" fill="#0284C7"/></marker>
  </defs>

  <rect x="0" y="0" width="820" height="460" rx="14" fill="#ffffff"/>
  <text x="40" y="52" font-size="26" font-weight="800" fill="#0F172A">Money Without a Middleman</text>
  <text x="40" y="80" font-size="15" fill="#5A6578">Crypto sends value directly between people, verified by a network, not a bank</text>

  <!-- Panel A: traditional -->
  <rect x="40" y="104" width="740" height="152" rx="12" fill="#F6F8FB" stroke="#0F172A" stroke-opacity="0.08"/>
  <text x="64" y="135" font-size="12" font-weight="700" letter-spacing="0.07em" fill="#94A3B8">TRADITIONAL TRANSFER</text>
  <text x="410" y="166" font-size="11.5" font-style="italic" fill="#94A3B8" text-anchor="middle">the middleman</text>

  <rect x="78"  y="180" width="104" height="46" rx="10" fill="#ffffff" stroke="#CBD5E1"/>
  <text x="130" y="208" font-size="14.5" font-weight="600" fill="#334155" text-anchor="middle">You</text>
  <rect x="358" y="180" width="104" height="46" rx="10" fill="#E2E8F0" stroke="#CBD5E1"/>
  <text x="410" y="208" font-size="14.5" font-weight="700" fill="#334155" text-anchor="middle">Bank</text>
  <rect x="638" y="180" width="104" height="46" rx="10" fill="#ffffff" stroke="#CBD5E1"/>
  <text x="690" y="208" font-size="13.5" font-weight="600" fill="#334155" text-anchor="middle">Recipient</text>

  <line x1="190" y1="203" x2="350" y2="203" stroke="#94A3B8" stroke-width="2.2" marker-end="url(#aGrey)"/>
  <line x1="470" y1="203" x2="630" y2="203" stroke="#94A3B8" stroke-width="2.2" marker-end="url(#aGrey)"/>

  <!-- Panel B: cryptocurrency -->
  <rect x="40" y="280" width="740" height="152" rx="12" fill="#F0F7FE" stroke="#0284C7" stroke-opacity="0.22"/>
  <text x="64" y="311" font-size="12" font-weight="700" letter-spacing="0.07em" fill="#0284C7">CRYPTOCURRENCY</text>
  <text x="410" y="338" font-size="12" font-weight="600" fill="#0284C7" text-anchor="middle">peer-to-peer network</text>

  <!-- network mesh -->
  <g stroke="#0284C7" stroke-opacity="0.4" stroke-width="1.4">
    <line x1="270" y1="356" x2="350" y2="356"/><line x1="350" y1="356" x2="430" y2="356"/>
    <line x1="430" y1="356" x2="510" y2="356"/><line x1="510" y1="356" x2="550" y2="356"/>
    <line x1="270" y1="356" x2="270" y2="376"/><line x1="350" y1="356" x2="350" y2="376"/>
    <line x1="430" y1="356" x2="430" y2="376"/><line x1="510" y1="356" x2="510" y2="376"/><line x1="550" y1="356" x2="550" y2="376"/>
  </g>
  <g fill="#0284C7">
    <circle cx="270" cy="356" r="4.5"/><circle cx="350" cy="356" r="4.5"/><circle cx="430" cy="356" r="4.5"/>
    <circle cx="510" cy="356" r="4.5"/><circle cx="550" cy="356" r="4.5"/>
  </g>

  <rect x="78"  y="356" width="104" height="46" rx="10" fill="#ffffff" stroke="#0284C7" stroke-opacity="0.45"/>
  <text x="130" y="384" font-size="14.5" font-weight="600" fill="#0F172A" text-anchor="middle">You</text>
  <rect x="638" y="356" width="104" height="46" rx="10" fill="#ffffff" stroke="#0284C7" stroke-opacity="0.45"/>
  <text x="690" y="384" font-size="13.5" font-weight="600" fill="#0F172A" text-anchor="middle">Recipient</text>

  <line x1="190" y1="379" x2="630" y2="379" stroke="#0284C7" stroke-width="2.4" marker-end="url(#aBlue)"/>
  <text x="410" y="420" font-size="11.5" fill="#5A6578" text-anchor="middle">no bank, no central party, the network verifies the transfer</text>
</svg>
