<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" fill="none" aria-hidden="true">
  <defs>
    <!-- Sky → cyan → teal diagonal gradient -->
    <linearGradient id="vgrbg" x1="0" y1="0" x2="1" y2="1" gradientUnits="objectBoundingBox">
      <stop offset="0%"   stop-color="#0369a1"/>
      <stop offset="45%"  stop-color="#0ea5e9"/>
      <stop offset="100%" stop-color="#0891b2"/>
    </linearGradient>
    <radialGradient id="vgrglow" cx="28%" cy="22%" r="55%" gradientUnits="objectBoundingBox">
      <stop offset="0%"   stop-color="rgba(255,255,255,0.28)"/>
      <stop offset="100%" stop-color="rgba(255,255,255,0)"/>
    </radialGradient>
    <linearGradient id="vgrshine" x1="0" y1="0" x2="0" y2="1" gradientUnits="objectBoundingBox">
      <stop offset="0%"   stop-color="rgba(255,255,255,0.18)"/>
      <stop offset="100%" stop-color="rgba(255,255,255,0)"/>
    </linearGradient>
    <linearGradient id="vgrtext" x1="0" y1="0" x2="0" y2="1" gradientUnits="objectBoundingBox">
      <stop offset="0%"   stop-color="#ffffff"/>
      <stop offset="100%" stop-color="rgba(255,255,255,0.88)"/>
    </linearGradient>
    <linearGradient id="vgrsub" x1="0" y1="0" x2="0" y2="1" gradientUnits="objectBoundingBox">
      <stop offset="0%"   stop-color="#bae6fd"/>
      <stop offset="100%" stop-color="#ffffff"/>
    </linearGradient>
    <clipPath id="vgrclip">
      <rect width="200" height="200" rx="46"/>
    </clipPath>
  </defs>

  <!-- Background -->
  <rect width="200" height="200" rx="46" fill="url(#vgrbg)"/>
  <rect width="200" height="200" rx="46" fill="url(#vgrglow)"/>
  <rect width="200" height="100" rx="46" fill="url(#vgrshine)" clip-path="url(#vgrclip)"/>
  <rect x="2" y="2" width="196" height="196" rx="44" stroke="rgba(255,255,255,0.3)" stroke-width="1.5" fill="none"/>

  <!-- Decorative dots -->
  <circle cx="24" cy="24" r="3" fill="rgba(255,255,255,0.25)"/>
  <circle cx="176" cy="24" r="2" fill="rgba(255,255,255,0.18)"/>

  <!-- Microphone / sound wave accent top-right -->
  <text x="155" y="48" font-family="system-ui,sans-serif" font-size="22" fill="rgba(255,255,255,0.55)">🎙</text>

  <!-- "VG" wordmark -->
  <text
    x="100" y="97"
    font-family="'Arial Black','Helvetica Neue',Arial,sans-serif"
    font-size="82" font-weight="900"
    fill="url(#vgrtext)"
    text-anchor="middle"
    letter-spacing="-3">VG</text>

  <!-- Separator line -->
  <rect x="42" y="115" width="116" height="2" rx="1" fill="rgba(255,255,255,0.4)"/>
  <rect x="64" y="115" width="72" height="2" rx="1" fill="rgba(255,255,255,0.55)"/>

  <!-- "GNR" sub-label -->
  <text
    x="100" y="163"
    font-family="'Arial Black','Helvetica Neue',Arial,sans-serif"
    font-size="40" font-weight="900"
    letter-spacing="4"
    fill="url(#vgrsub)"
    text-anchor="middle">GNR</text>
</svg>
