<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">Emotion makes price overshoot true value</title>
  <desc id="d">Long-run value rises steadily, but price swings around it, overshooting high in euphoria and low in panic, because fear and greed drive real buying and selling. Long run, value wins; short run, emotion does.</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">Emotion Makes Price Overshoot Value</text>
  <text x="40" y="80" font-size="15" fill="#5A6578">Behind every price is a person, so price swings above and below true value</text>

  <line x1="90" y1="320" x2="760" y2="320" stroke="#0F172A" stroke-opacity="0.1" stroke-width="1.5"/>

  <!-- value line (steady) -->
  <line x1="100" y1="290" x2="740" y2="160" stroke="#94A3B8" stroke-width="2.4" stroke-dasharray="6 5"/>
  <text x="600" y="150" font-size="12.5" font-weight="700" fill="#5A6578">true value</text>

  <!-- price oscillating around it -->
  <path d="M100,288 C190,150 250,300 330,250 C410,205 460,120 540,200 C610,265 660,150 740,158" fill="none" stroke="#0284C7" stroke-width="2.8"/>
  <circle cx="430" cy="150" r="6" fill="#15803D"/><text x="430" y="138" font-size="12" font-weight="700" fill="#15803D" text-anchor="middle">euphoria</text>
  <circle cx="205" cy="222" r="6" fill="#DC2626"/><text x="205" y="245" font-size="12" font-weight="700" fill="#DC2626" text-anchor="middle">panic</text>
  <text x="120" y="300" font-size="12.5" font-weight="700" fill="#0284C7">price</text>

  <text x="410" y="356" font-size="13" fill="#5A6578" text-anchor="middle">Long run, value wins. Short run, emotion is the main force on price.</text>
</svg>
