<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 560 480" fill="none" role="img" aria-label="페이소프트 DEMO 체험 안내 일러스트">
  <defs>
    <linearGradient id="dCard" x1="0" y1="0" x2="0" y2="1">
      <stop offset="0" stop-color="#ffffff"/>
      <stop offset="1" stop-color="#f4f5ff"/>
    </linearGradient>
    <linearGradient id="dAccent" x1="0" y1="0" x2="1" y2="1">
      <stop offset="0" stop-color="#ff8aa0"/>
      <stop offset="1" stop-color="#ff5d73"/>
    </linearGradient>
    <linearGradient id="dIndigo" x1="0" y1="0" x2="1" y2="1">
      <stop offset="0" stop-color="#6f66f2"/>
      <stop offset="1" stop-color="#4f46e5"/>
    </linearGradient>
    <filter id="dSoft" x="-20%" y="-20%" width="140%" height="140%">
      <feDropShadow dx="0" dy="18" stdDeviation="22" flood-color="#1e1b4b" flood-opacity="0.28"/>
    </filter>
    <filter id="dSoftSm" x="-40%" y="-40%" width="180%" height="180%">
      <feDropShadow dx="0" dy="8" stdDeviation="10" flood-color="#1e1b4b" flood-opacity="0.22"/>
    </filter>
  </defs>

  <!-- 배경 장식 -->
  <circle cx="66" cy="96" r="12" fill="#ffffff" opacity="0.25"/>
  <circle cx="516" cy="352" r="16" fill="#ffffff" opacity="0.18"/>
  <circle cx="502" cy="78" r="7" fill="#ffffff" opacity="0.35"/>
  <g opacity="0.30" stroke="#ffffff" stroke-width="4" stroke-linecap="round">
    <path d="M44 258 h26"/>
    <path d="M57 245 v26"/>
  </g>
  <circle cx="290" cy="240" r="196" fill="#ffffff" opacity="0.06"/>
  <circle cx="290" cy="240" r="150" fill="#ffffff" opacity="0.06"/>

  <!-- 브라우저/모니터 창 -->
  <g filter="url(#dSoft)">
    <rect x="96" y="96" width="368" height="272" rx="22" fill="url(#dCard)"/>
  </g>
  <!-- 상단 바 -->
  <rect x="96" y="96" width="368" height="46" rx="22" fill="url(#dIndigo)"/>
  <rect x="96" y="120" width="368" height="22" fill="url(#dIndigo)"/>
  <circle cx="122" cy="119" r="6" fill="#ffffff" opacity="0.9"/>
  <circle cx="142" cy="119" r="6" fill="#ffffff" opacity="0.65"/>
  <circle cx="162" cy="119" r="6" fill="#ffffff" opacity="0.45"/>
  <rect x="196" y="111" width="230" height="16" rx="8" fill="#ffffff" opacity="0.85"/>

  <!-- 창 내부 대시보드 미리보기 -->
  <rect x="120" y="166" width="150" height="16" rx="8" fill="#e9ebf5"/>
  <rect x="120" y="192" width="104" height="10" rx="5" fill="#eef0ff"/>
  <!-- 미니 카드 -->
  <rect x="300" y="166" width="140" height="72" rx="12" fill="#eef0ff"/>
  <rect x="316" y="182" width="60" height="9" rx="4.5" fill="#c7c9f7"/>
  <rect x="316" y="200" width="90" height="20" rx="6" fill="#4f46e5"/>
  <!-- 막대 차트 -->
  <g>
    <rect x="122" y="300" width="22" height="30" rx="5" fill="#c7c9f7"/>
    <rect x="154" y="284" width="22" height="46" rx="5" fill="#4f46e5"/>
    <rect x="186" y="266" width="22" height="64" rx="5" fill="#c7c9f7"/>
    <rect x="218" y="292" width="22" height="38" rx="5" fill="#4f46e5"/>
    <rect x="250" y="276" width="22" height="54" rx="5" fill="#c7c9f7"/>
  </g>

  <!-- 재생(체험) 버튼 -->
  <g filter="url(#dSoftSm)">
    <circle cx="372" cy="300" r="42" fill="url(#dAccent)"/>
  </g>
  <path d="M360 280 l26 20 l-26 20 z" fill="#ffffff"/>

  <!-- 확대경 (플로팅, 좌하단) -->
  <g filter="url(#dSoftSm)" transform="translate(70 300)">
    <circle cx="26" cy="26" r="24" fill="#ffffff"/>
    <circle cx="26" cy="26" r="14" fill="none" stroke="#4f46e5" stroke-width="5"/>
    <path d="M37 37 l16 16" stroke="#4f46e5" stroke-width="7" stroke-linecap="round"/>
  </g>

  <!-- DEMO 태그 배지 (플로팅, 우상단) -->
  <g filter="url(#dSoftSm)">
    <rect x="392" y="74" width="96" height="42" rx="14" fill="#ffffff"/>
  </g>
  <circle cx="416" cy="95" r="9" fill="url(#dAccent)"/>
  <path d="M412 95 l3 3 l6 -7" stroke="#ffffff" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
  <text x="434" y="100" font-family="Arial, sans-serif" font-size="16" font-weight="700" fill="#4f46e5">DEMO</text>

  <!-- 커서 (플로팅) -->
  <g filter="url(#dSoftSm)" transform="translate(300 336)">
    <path d="M0 0 l0 26 l7 -7 l5 12 l6 -3 l-5 -11 l10 0 z" fill="#ffffff" stroke="#3b34b8" stroke-width="1.5" stroke-linejoin="round"/>
  </g>
</svg>
