<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 820 372" width="820" height="372" 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">Finance is the management of money over time, in three branches</title>
  <desc id="d">Finance manages money over time, raising, investing and spending it while managing risk. Its three branches are personal, corporate and public finance. Every decision is made under uncertainty, which is where fear and greed enter.</desc>
  <rect x="0" y="0" width="820" height="372" rx="14" fill="#ffffff"/>
  <text x="40" y="52" font-size="26" font-weight="800" fill="#0F172A">Finance Manages Money Over Time</text>
  <text x="40" y="80" font-size="15" fill="#5A6578">Raising, investing and spending it, while managing risk along the way</text>

  <g text-anchor="middle">
    <rect x="56"  y="150" width="220" height="96" rx="12" fill="#F6F8FB" stroke="#0F172A" stroke-opacity="0.08"/>
    <text x="166" y="192" font-size="15" font-weight="700" fill="#0F172A">Personal</text>
    <text x="166" y="214" font-size="12" fill="#5A6578">budgets, saving, investing</text>
    <rect x="300" y="150" width="220" height="96" rx="12" fill="#F6F8FB" stroke="#0F172A" stroke-opacity="0.08"/>
    <text x="410" y="192" font-size="15" font-weight="700" fill="#0F172A">Corporate</text>
    <text x="410" y="214" font-size="12" fill="#5A6578">funding and running firms</text>
    <rect x="544" y="150" width="220" height="96" rx="12" fill="#F6F8FB" stroke="#0F172A" stroke-opacity="0.08"/>
    <text x="654" y="192" font-size="15" font-weight="700" fill="#0F172A">Public</text>
    <text x="654" y="214" font-size="12" fill="#5A6578">government money</text>
  </g>

  <text x="410" y="300" font-size="13" fill="#5A6578" text-anchor="middle">Every financial decision is made under uncertainty, which is where fear and greed enter.</text>
</svg>
