<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 stablecoin holds a steady value while other coins swing</title>
  <desc id="d">A stablecoin is pegged to a steady value, usually one US dollar, while a typical crypto price swings widely. It works as the market's cash: a place to wait out volatility, then deploy to buy.</desc>
  <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 Stablecoin Holds a Steady $1</text>
  <text x="40" y="80" font-size="15" fill="#5A6578">The market's cash: a place to wait out volatility, pegged to the dollar</text>

  <!-- chart frame -->
  <line x1="120" y1="130" x2="120" y2="320" stroke="#0F172A" stroke-opacity="0.12" stroke-width="1.5"/>
  <line x1="120" y1="320" x2="740" y2="320" stroke="#0F172A" stroke-opacity="0.12" stroke-width="1.5"/>
  <text x="108" y="160" font-family="'JetBrains Mono', ui-monospace, monospace" font-size="11" fill="#94A3B8" text-anchor="end">$$$</text>
  <text x="108" y="324" font-family="'JetBrains Mono', ui-monospace, monospace" font-size="11" fill="#94A3B8" text-anchor="end">$0</text>

  <!-- volatile coin line -->
  <path d="M120,250 L200,180 L280,290 L360,150 L440,300 L520,200 L600,280 L680,170" fill="none" stroke="#94A3B8" stroke-width="2.4"/>
  <text x="690" y="160" font-size="12.5" font-weight="600" fill="#5A6578">Typical coin</text>

  <!-- stablecoin flat line at $1 -->
  <line x1="120" y1="240" x2="680" y2="240" stroke="#0284C7" stroke-width="3"/>
  <text x="690" y="244" font-size="12.5" font-weight="700" fill="#0284C7">Stablecoin ≈ $1</text>

  <text x="430" y="360" font-size="13" fill="#5A6578" text-anchor="middle">Traders park money in stablecoins to sit out swings, then deploy it to buy, which is why their flow signals intent.</text>
</svg>
