<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 820 396" width="820" height="396" 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 crypto wallet holds your keys, not your coins</title>
  <desc id="d">The coins live on the blockchain. A wallet stores the private key that proves they are yours and lets you spend them. In self-custody you hold the key; in custodial storage an exchange holds it for you.</desc>
  <defs><marker id="k" 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="396" rx="14" fill="#ffffff"/>
  <text x="40" y="52" font-size="26" font-weight="800" fill="#0F172A">A Wallet Holds Your Keys, Not Your Coins</text>
  <text x="40" y="80" font-size="15" fill="#5A6578">The coins live on the blockchain; your private key proves they are yours</text>

  <!-- wallet -->
  <rect x="70" y="132" width="260" height="120" rx="12" fill="#F0F7FE" stroke="#0284C7" stroke-width="1.5"/>
  <text x="200" y="168" font-size="15" font-weight="700" fill="#0284C7" text-anchor="middle">Your wallet</text>
  <rect x="118" y="186" width="164" height="44" rx="8" fill="#ffffff" stroke="#0284C7" stroke-opacity="0.5"/>
  <circle cx="150" cy="208" r="7" fill="none" stroke="#0284C7" stroke-width="2"/>
  <line x1="156" y1="208" x2="172" y2="208" stroke="#0284C7" stroke-width="2"/>
  <line x1="168" y1="208" x2="168" y2="214" stroke="#0284C7" stroke-width="2"/>
  <text x="212" y="213" font-size="13.5" font-weight="600" fill="#0F172A" text-anchor="middle">private key</text>

  <!-- arrow -->
  <line x1="332" y1="192" x2="486" y2="192" stroke="#0284C7" stroke-width="2.4" marker-end="url(#k)"/>
  <text x="409" y="180" font-size="12.5" font-weight="600" fill="#0284C7" text-anchor="middle">unlocks</text>

  <!-- coins on chain -->
  <rect x="490" y="132" width="260" height="120" rx="12" fill="#F6F8FB" stroke="#0F172A" stroke-opacity="0.08"/>
  <text x="620" y="168" font-size="15" font-weight="700" fill="#0F172A" text-anchor="middle">The blockchain</text>
  <text x="620" y="196" font-size="12.5" fill="#5A6578" text-anchor="middle">where the coins actually live</text>
  <text x="620" y="222" font-family="'JetBrains Mono', ui-monospace, monospace" font-size="14" font-weight="700" fill="#0F172A" text-anchor="middle">balance: 1.25 BTC</text>

  <!-- custody split -->
  <rect x="70"  y="290" width="330" height="62" rx="10" fill="#ffffff" stroke="#CBD5E1"/>
  <text x="235" y="318" font-size="13.5" font-weight="700" fill="#0F172A" text-anchor="middle">Self-custody</text>
  <text x="235" y="338" font-size="12" fill="#5A6578" text-anchor="middle">you hold the key, no reset line</text>
  <rect x="420" y="290" width="330" height="62" rx="10" fill="#ffffff" stroke="#CBD5E1"/>
  <text x="585" y="318" font-size="13.5" font-weight="700" fill="#0F172A" text-anchor="middle">Custodial</text>
  <text x="585" y="338" font-size="12" fill="#5A6578" text-anchor="middle">an exchange holds the key for you</text>
</svg>
