<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 820 372" width="820" height="372" 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">A smart contract executes automatically with no middleman</title>
  <desc id="d">A smart contract is code stored on a blockchain. When its condition is met, it runs on its own and the action happens, with no bank or escrow needed to approve it.</desc>
  <defs><marker id="s" 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="372" rx="14" fill="#ffffff"/>
  <text x="40" y="52" font-size="26" font-weight="800" fill="#0F172A">A Smart Contract Runs Itself</text>
  <text x="40" y="80" font-size="15" fill="#5A6578">Code on a blockchain that fires automatically when its conditions are met</text>

  <rect x="56"  y="166" width="190" height="96" rx="12" fill="#ffffff" stroke="#CBD5E1"/>
  <text x="151" y="206" font-size="14.5" font-weight="700" fill="#0F172A" text-anchor="middle">Condition met</text>
  <text x="151" y="230" font-size="12" fill="#5A6578" text-anchor="middle">e.g. payment arrives</text>

  <rect x="315" y="166" width="190" height="96" rx="12" fill="#F0F7FE" stroke="#0284C7" stroke-width="1.5"/>
  <text x="410" y="200" font-size="14.5" font-weight="700" fill="#0284C7" text-anchor="middle">Smart contract</text>
  <text x="410" y="228" font-family="'JetBrains Mono', ui-monospace, monospace" font-size="12.5" fill="#0F172A" text-anchor="middle">IF x THEN y</text>

  <rect x="574" y="166" width="190" height="96" rx="12" fill="#ffffff" stroke="#CBD5E1"/>
  <text x="669" y="206" font-size="14.5" font-weight="700" fill="#0F172A" text-anchor="middle">Action runs</text>
  <text x="669" y="230" font-size="12" fill="#5A6578" text-anchor="middle">e.g. funds released</text>

  <line x1="246" y1="214" x2="313" y2="214" stroke="#0284C7" stroke-width="2.4" marker-end="url(#s)"/>
  <line x1="505" y1="214" x2="572" y2="214" stroke="#0284C7" stroke-width="2.4" marker-end="url(#s)"/>

  <text x="410" y="318" font-size="13" fill="#5A6578" text-anchor="middle">No bank or escrow approves it. The code executes on its own, the same way for everyone.</text>
</svg>
