<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 820 293" width="820" height="293" 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">What is GDP?</title>
  <desc id="d">Diagram of GDP: the total value of an economy’s output of goods and services over a period.</desc>
  <rect x="0" y="0" width="820" height="293" rx="14" fill="#ffffff"/>
  <text x="44" y="60" font-size="25" font-weight="800" fill="#0F172A">What Is GDP?</text>
  <text x="44" y="92" font-size="14.5" fill="#5A6578">GDP is the total value of everything an economy produces, the headline measure of its size and growth.</text>
  <rect x="60.0" y="126" width="140.5" height="71" rx="11" fill="#F6F8FB"/>
  <text x="130.3" y="154" font-size="15" font-weight="800" fill="#0F172A" text-anchor="middle">Consumer</text>
  <text x="130.3" y="179" font-size="11" fill="#5A6578" text-anchor="middle">spending</text>
  <text x="223.5" y="168.5" font-size="22" font-weight="800" fill="#94A3B8" text-anchor="middle">+</text>
  <rect x="246.5" y="126" width="140.5" height="71" rx="11" fill="#F6F8FB"/>
  <text x="316.8" y="154" font-size="15" font-weight="800" fill="#0F172A" text-anchor="middle">Business</text>
  <text x="316.8" y="179" font-size="11" fill="#5A6578" text-anchor="middle">investment</text>
  <text x="410.0" y="168.5" font-size="22" font-weight="800" fill="#94A3B8" text-anchor="middle">+</text>
  <rect x="433.0" y="126" width="140.5" height="71" rx="11" fill="#F6F8FB"/>
  <text x="503.3" y="154" font-size="15" font-weight="800" fill="#0F172A" text-anchor="middle">Government</text>
  <text x="503.3" y="179" font-size="11" fill="#5A6578" text-anchor="middle">+ net trade</text>
  <text x="596.5" y="168.5" font-size="22" font-weight="800" fill="#94A3B8" text-anchor="middle">=</text>
  <rect x="619.5" y="126" width="140.5" height="71" rx="11" fill="#F0F7FE" stroke="#0284C7" stroke-opacity="0.45"/>
  <text x="689.8" y="154" font-size="15" font-weight="800" fill="#0284C7" text-anchor="middle">GDP</text>
  <text x="689.8" y="179" font-size="11" fill="#5A6578" text-anchor="middle">total output</text>
  <text x="410" y="231" font-size="13.5" fill="#334155" text-anchor="middle">GDP adds up everything an economy produces. Growth lifts mood; recession sinks it.</text>
  <line x1="44" y1="257" x2="776" y2="257" stroke="#0F172A" stroke-opacity="0.08"/>
  <text x="44" y="279" font-size="12.5" fill="#5A6578">Source: <tspan font-weight="700" fill="#0F172A">CFGI</tspan></text>
  <text x="776" y="279" font-size="12.5" fill="#0284C7" text-anchor="end" font-weight="700">Markets</text>
</svg>
