<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 520" role="img" aria-label="Abstract Wise Counter device placeholder">
  <defs>
    <linearGradient id="g1" x1="0" y1="0" x2="1" y2="1">
      <stop offset="0" stop-color="#00AEEF"/>
      <stop offset="1" stop-color="#2E3192"/>
    </linearGradient>
    <linearGradient id="g2" x1="0" y1="1" x2="1" y2="0">
      <stop offset="0" stop-color="#2E3192"/>
      <stop offset="1" stop-color="#03306B"/>
    </linearGradient>
    <linearGradient id="coin" x1="0" y1="0" x2="1" y2="1">
      <stop offset="0" stop-color="#7fd8f7"/>
      <stop offset="1" stop-color="#00AEEF"/>
    </linearGradient>
    <filter id="soft" x="-20%" y="-20%" width="140%" height="140%">
      <feGaussianBlur stdDeviation="14"/>
    </filter>
  </defs>

  <!-- soft background blobs -->
  <circle cx="120" cy="120" r="150" fill="#00AEEF" opacity="0.10" filter="url(#soft)"/>
  <circle cx="540" cy="420" r="140" fill="#2E3192" opacity="0.10" filter="url(#soft)"/>

  <!-- abstract device body -->
  <rect x="180" y="120" width="300" height="300" rx="34" fill="url(#g1)"/>
  <rect x="180" y="120" width="300" height="120" rx="34" fill="#ffffff" opacity="0.10"/>

  <!-- hopper opening -->
  <rect x="232" y="100" width="196" height="46" rx="23" fill="url(#g2)"/>

  <!-- display panel -->
  <rect x="216" y="262" width="228" height="118" rx="16" fill="#ffffff" opacity="0.95"/>
  <rect x="240" y="290" width="120" height="14" rx="7" fill="#2E3192" opacity="0.55"/>
  <rect x="240" y="320" width="180" height="12" rx="6" fill="#00AEEF" opacity="0.55"/>
  <rect x="240" y="346" width="90"  height="12" rx="6" fill="#03306B" opacity="0.35"/>

  <!-- floating coins -->
  <g>
    <circle cx="470" cy="150" r="46" fill="url(#coin)"/>
    <circle cx="470" cy="150" r="46" fill="none" stroke="#ffffff" stroke-opacity="0.5" stroke-width="3" stroke-dasharray="4 8"/>
    <text x="470" y="160" font-family="Poppins, sans-serif" font-size="26" font-weight="700" fill="#03306B" text-anchor="middle">25¢</text>
  </g>
  <g>
    <circle cx="150" cy="330" r="38" fill="#ffffff"/>
    <circle cx="150" cy="330" r="38" fill="none" stroke="#00AEEF" stroke-width="3" stroke-dasharray="3 7"/>
    <text x="150" y="339" font-family="Poppins, sans-serif" font-size="22" font-weight="700" fill="#2E3192" text-anchor="middle">5¢</text>
  </g>
  <g>
    <circle cx="520" cy="300" r="28" fill="#7fd8f7"/>
    <text x="520" y="308" font-family="Poppins, sans-serif" font-size="16" font-weight="700" fill="#03306B" text-anchor="middle">$1</text>
  </g>
</svg>
