<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 820 384" width="820" height="384" 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">Liquidity is how easily you can trade without moving the price</title>
  <desc id="d">A deep, liquid market has many buyers and sellers, so a trade barely moves the price. A thin, illiquid market has few, so the same order makes the price lurch. Thin liquidity lets fear and greed swing prices much harder.</desc>
  <rect x="0" y="0" width="820" height="384" rx="14" fill="#ffffff"/>
  <text x="40" y="52" font-size="26" font-weight="800" fill="#0F172A">Liquidity Is How Easily You Can Trade</text>
  <text x="40" y="80" font-size="15" fill="#5A6578">Deep markets absorb orders; thin ones lurch on the same trade</text>

  <!-- deep market -->
  <rect x="56" y="124" width="330" height="190" rx="12" fill="#F6F8FB" stroke="#0F172A" stroke-opacity="0.08"/>
  <text x="221" y="152" font-size="14" font-weight="700" fill="#0F172A" text-anchor="middle">Deep market</text>
  <g fill="#0284C7" fill-opacity="0.7">
    <rect x="96" y="190" width="200" height="14" rx="3"/><rect x="96" y="210" width="180" height="14" rx="3"/><rect x="96" y="230" width="210" height="14" rx="3"/><rect x="96" y="250" width="170" height="14" rx="3"/>
  </g>
  <text x="221" y="294" font-size="12.5" font-weight="600" fill="#15803D" text-anchor="middle">price barely moves</text>

  <!-- thin market -->
  <rect x="434" y="124" width="330" height="190" rx="12" fill="#F6F8FB" stroke="#0F172A" stroke-opacity="0.08"/>
  <text x="599" y="152" font-size="14" font-weight="700" fill="#0F172A" text-anchor="middle">Thin market</text>
  <g fill="#94A3B8" fill-opacity="0.7">
    <rect x="474" y="200" width="90" height="14" rx="3"/><rect x="474" y="240" width="70" height="14" rx="3"/>
  </g>
  <text x="599" y="294" font-size="12.5" font-weight="600" fill="#DC2626" text-anchor="middle">price lurches on a small order</text>

  <text x="410" y="352" font-size="13" fill="#5A6578" text-anchor="middle">Thin liquidity amplifies moves, which is part of why fear and greed swing price so much.</text>
</svg>
