<svg viewBox="0 0 560 500" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Loop Marketing analytics console showing impressions, clicks, conversions and an upward trend">
  <defs>
    <filter id="loopSh" x="-30%" y="-30%" width="160%" height="160%">
      <feDropShadow dx="0" dy="12" stdDeviation="16" flood-color="#1f2559" flood-opacity="0.13"/>
    </filter>
    <linearGradient id="loopArea" x1="0" y1="0" x2="0" y2="1">
      <stop offset="0" stop-color="#5bbb4b" stop-opacity="0.28"/>
      <stop offset="1" stop-color="#5bbb4b" stop-opacity="0"/>
    </linearGradient>
  </defs>

  <g filter="url(#loopSh)"><rect x="46" y="60" width="468" height="344" rx="16" fill="#ffffff" stroke="#e7e8f1" stroke-width="1.5"/></g>
  <path d="M46 76 a16 16 0 0 1 16 -16 H498 a16 16 0 0 1 16 16 V96 H46 Z" fill="#f4f4f9"/>
  <line x1="46" y1="96" x2="514" y2="96" stroke="#e7e8f1" stroke-width="1.5"/>
  <circle cx="70" cy="78" r="4" fill="#d25657"/><circle cx="84" cy="78" r="4" fill="#e2c36b"/><circle cx="98" cy="78" r="4" fill="#5bbb4b"/>
  <rect x="150" y="68" width="270" height="20" rx="10" fill="#ffffff" stroke="#d7dae6" stroke-width="1.3"/>
  <circle cx="165" cy="78" r="4.4" fill="none" stroke="#9aa0b4" stroke-width="1.6"/><line x1="168" y1="81" x2="172" y2="85" stroke="#9aa0b4" stroke-width="1.6" stroke-linecap="round"/>
  <rect x="182" y="75" width="150" height="6" rx="3" fill="#e6e8f1"/>

  <g font-family="system-ui,-apple-system,Segoe UI,Roboto,sans-serif">
    <text x="78" y="134" font-size="11.5" fill="#62668a">Impressions</text>
    <text x="78" y="156" font-size="19" font-weight="700" fill="#1f2559">1.2M</text>
    <text x="232" y="134" font-size="11.5" fill="#62668a">Clicks</text>
    <text x="232" y="156" font-size="19" font-weight="700" fill="#1f2559">84,320</text>
    <text x="386" y="134" font-size="11.5" fill="#62668a">Conversions</text>
    <text x="386" y="156" font-size="19" font-weight="700" fill="#5bbb4b">3,142</text>
    <path d="M470 150 l7 -9 l7 9 Z" fill="#5bbb4b"/>
  </g>
  <line x1="78" y1="172" x2="482" y2="172" stroke="#eef0f6" stroke-width="1.6"/>

  <line x1="78" y1="212" x2="482" y2="212" stroke="#f1f2f8" stroke-width="1.4"/>
  <line x1="78" y1="262" x2="482" y2="262" stroke="#f1f2f8" stroke-width="1.4"/>
  <line x1="78" y1="312" x2="482" y2="312" stroke="#f1f2f8" stroke-width="1.4"/>
  <path d="M78 340 L78 300 L145 308 L212 276 L279 286 L346 248 L413 230 L480 200 L480 340 Z" fill="url(#loopArea)"/>
  <polyline points="78,300 145,308 212,276 279,286 346,248 413,230 480,200" fill="none" stroke="#5bbb4b" stroke-width="3.4" stroke-linecap="round" stroke-linejoin="round"/>
  <circle cx="480" cy="200" r="6" fill="#5bbb4b" stroke="#ffffff" stroke-width="2.5"/>
  <line x1="78" y1="340" x2="482" y2="340" stroke="#e6e8f1" stroke-width="2"/>
  <g fill="#c7cbdd"><circle cx="78" cy="356" r="2"/><circle cx="145" cy="356" r="2"/><circle cx="212" cy="356" r="2"/><circle cx="279" cy="356" r="2"/><circle cx="346" cy="356" r="2"/><circle cx="413" cy="356" r="2"/><circle cx="480" cy="356" r="2"/></g>

  <g filter="url(#loopSh)"><rect x="384" y="300" width="150" height="150" rx="18" fill="#ffffff" stroke="#e7e8f1" stroke-width="1.5"/></g>
  <g transform="rotate(-90 459 375)" fill="none" stroke-width="15">
    <circle cx="459" cy="375" r="42" stroke="#eceef6"/>
    <circle cx="459" cy="375" r="42" stroke="#6b7cb2" stroke-dasharray="195.2 68.6"/>
    <circle cx="459" cy="375" r="42" stroke="#a381b0" stroke-dasharray="42.2 221.6" stroke-dashoffset="-195.2"/>
    <circle cx="459" cy="375" r="42" stroke="#d25657" stroke-dasharray="26.4 237.4" stroke-dashoffset="-237.4"/>
  </g>
  <g font-family="system-ui,sans-serif" text-anchor="middle">
    <text x="459" y="372" font-size="21" font-weight="700" fill="#1f2559">98%</text>
    <text x="459" y="390" font-size="10" fill="#62668a">reach</text>
  </g>

  <g transform="translate(462 186)">
    <circle cx="6" cy="6" r="20" fill="#d25657" opacity="0.12"/>
    <path d="M0 0 L0 24 L7 17 L11 26 L16 24 L12 15 L20 15 Z" fill="#1f2559" stroke="#ffffff" stroke-width="1.6" stroke-linejoin="round"/>
  </g>
</svg>
