<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 820 376" width="820" height="376" 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 bond is a loan that pays you interest</title>
  <desc id="d">You lend money to a government or company and receive regular interest, then your money back at the end. Bonds are safer and steadier than stocks, so when fear rises money rushes into them, a move known as the flight to safety.</desc>
  <defs>
    <marker id="o" markerWidth="9" markerHeight="9" refX="6.5" refY="3" orient="auto"><path d="M0,0 L7,3 L0,6 z" fill="#0284C7"/></marker>
    <marker id="o2" markerWidth="9" markerHeight="9" refX="6.5" refY="3" orient="auto"><path d="M0,0 L7,3 L0,6 z" fill="#15803D"/></marker>
  </defs>
  <rect x="0" y="0" width="820" height="376" rx="14" fill="#ffffff"/>
  <text x="40" y="52" font-size="26" font-weight="800" fill="#0F172A">A Bond Is a Loan That Pays Interest</text>
  <text x="40" y="80" font-size="15" fill="#5A6578">Lend to a government or company, collect interest, then get your money back</text>

  <rect x="80" y="160" width="200" height="100" rx="12" fill="#F0F7FE" stroke="#0284C7" stroke-width="1.5"/>
  <text x="180" y="216" font-size="15" font-weight="700" fill="#0284C7" text-anchor="middle">You (lender)</text>
  <rect x="540" y="160" width="200" height="100" rx="12" fill="#F6F8FB" stroke="#0F172A" stroke-opacity="0.08"/>
  <text x="640" y="208" font-size="15" font-weight="700" fill="#0F172A" text-anchor="middle">Government</text>
  <text x="640" y="228" font-size="13" fill="#5A6578" text-anchor="middle">or company</text>

  <line x1="282" y1="190" x2="538" y2="190" stroke="#0284C7" stroke-width="2.4" marker-end="url(#o)"/>
  <text x="410" y="180" font-size="12.5" font-weight="600" fill="#0284C7" text-anchor="middle">lend money</text>
  <line x1="538" y1="232" x2="282" y2="232" stroke="#15803D" stroke-width="2.4" marker-end="url(#o2)"/>
  <text x="410" y="252" font-size="12.5" font-weight="600" fill="#15803D" text-anchor="middle">interest + money back</text>

  <text x="410" y="328" font-size="13" fill="#5A6578" text-anchor="middle">Safer than stocks, so money floods into bonds when fear rises, the flight to safety.</text>
</svg>
