<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 500" width="800" height="500" role="img" aria-label="Кабель и катушки">
<defs>
  <linearGradient id="bgG" x1="0" y1="0" x2="1" y2="1">
    <stop offset="0" stop-color="#0B1B2E"/><stop offset="1" stop-color="#071523"/>
  </linearGradient>
  <linearGradient id="mtl" x1="0" y1="0" x2="0" y2="1">
    <stop offset="0" stop-color="#3B4C60"/><stop offset="0.5" stop-color="#22303F"/><stop offset="1" stop-color="#161F2A"/>
  </linearGradient>
  <radialGradient id="glow"><stop offset="0" stop-color="#2DD4BF" stop-opacity="0.5"/><stop offset="1" stop-color="#2DD4BF" stop-opacity="0"/></radialGradient>
  <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse">
    <path d="M40 0 L0 0 0 40" fill="none" stroke="#1E4260" stroke-width="1" opacity="0.5"/>
  </pattern>
</defs>
<rect width="800" height="500" fill="url(#bgG)"/>
<rect width="800" height="500" fill="url(#grid)" opacity="0.5"/>
<circle cx="620" cy="90" r="220" fill="url(#glow)" opacity="0.5"/>

<g transform="translate(180,250)">
  <circle r="120" fill="none" stroke="#1E4260" stroke-width="10"/>
  <g stroke="#D97706" stroke-width="9" fill="none" opacity="0.95">
    <circle r="96"/><circle r="76"/><circle r="56"/><circle r="36"/>
  </g>
  <circle r="16" fill="#0F2136" stroke="#2DD4BF" stroke-width="3"/>
</g>
<path d="M300 250 q120 -110 220 0 q100 110 200 20" fill="none" stroke="#D97706" stroke-width="8" opacity="0.9"/>
<g transform="translate(660,240)">
  <rect width="70" height="46" rx="10" fill="url(#mtl)" stroke="#1E4260" stroke-width="2"/>
  <circle cx="22" cy="23" r="6" fill="#2DD4BF"/><circle cx="46" cy="23" r="6" fill="#2DD4BF"/>
</g>
<g fill="#C9DAE8" font-family="monospace" font-size="18">
  <text x="60" y="70">TETHER + REEL</text>
</g>
</svg>