<svg width="800" height="370" viewBox="0 0 680 310" xmlns="http://www.w3.org/2000/svg">
<title>JHK Trading Source Logo</title>
<defs>

  <radialGradient id="globeFill" cx="38%" cy="35%" r="65%">
    <stop offset="0%"   stop-color="#1a3a6e"/>
    <stop offset="40%"  stop-color="#0d2049"/>
    <stop offset="100%" stop-color="#060e1c"/>
  </radialGradient>

  <radialGradient id="globeRim" cx="50%" cy="50%" r="50%">
    <stop offset="72%"  stop-color="#0a1628" stop-opacity="0"/>
    <stop offset="88%"  stop-color="#1a4a8a" stop-opacity="0.35"/>
    <stop offset="94%"  stop-color="#3a8ae0" stop-opacity="0.6"/>
    <stop offset="100%" stop-color="#5aaaf0" stop-opacity="0.3"/>
  </radialGradient>

  <radialGradient id="globeSpecular" cx="32%" cy="28%" r="45%">
    <stop offset="0%"   stop-color="#ffffff" stop-opacity="0.18"/>
    <stop offset="60%"  stop-color="#4488cc" stop-opacity="0.06"/>
    <stop offset="100%" stop-color="#000000" stop-opacity="0"/>
  </radialGradient>

  <radialGradient id="outerGlow" cx="50%" cy="50%" r="50%">
    <stop offset="55%"  stop-color="#c9960c" stop-opacity="0"/>
    <stop offset="80%"  stop-color="#c9960c" stop-opacity="0.15"/>
    <stop offset="100%" stop-color="#e8b84b" stop-opacity="0"/>
  </radialGradient>

  <linearGradient id="goldMetal" x1="0%" y1="0%" x2="0%" y2="100%">
    <stop offset="0%"   stop-color="#fff0a0"/>
    <stop offset="15%"  stop-color="#d4a010"/>
    <stop offset="32%"  stop-color="#f8d050"/>
    <stop offset="48%"  stop-color="#a07008"/>
    <stop offset="62%"  stop-color="#e8b830"/>
    <stop offset="78%"  stop-color="#8a5e06"/>
    <stop offset="90%"  stop-color="#d4a010"/>
    <stop offset="100%" stop-color="#f0c840"/>
  </linearGradient>

  <linearGradient id="silverMetal" x1="0%" y1="0%" x2="0%" y2="100%">
    <stop offset="0%"   stop-color="#ffffff"/>
    <stop offset="8%"   stop-color="#d0dce8"/>
    <stop offset="22%"  stop-color="#ffffff"/>
    <stop offset="38%"  stop-color="#7a9ab8"/>
    <stop offset="50%"  stop-color="#c8daea"/>
    <stop offset="62%"  stop-color="#4a6a88"/>
    <stop offset="76%"  stop-color="#a8c0d8"/>
    <stop offset="88%"  stop-color="#c0d4e8"/>
    <stop offset="100%" stop-color="#e0ecf8"/>
  </linearGradient>

  <clipPath id="globeClip">
    <circle cx="340" cy="148" r="132"/>
  </clipPath>

</defs>

<!-- Outer aura -->
<circle cx="340" cy="148" r="148" fill="url(#outerGlow)"/>

<!-- Globe base -->
<circle cx="340" cy="148" r="132" fill="url(#globeFill)"/>

<!-- Globe grid lines -->
<g clip-path="url(#globeClip)" fill="none" stroke="#4a7abf" stroke-opacity="0.32">
  <line x1="208" y1="148" x2="472" y2="148" stroke-width="0.9"/>
  <line x1="214" y1="114" x2="466" y2="114" stroke-width="0.7"/>
  <line x1="214" y1="182" x2="466" y2="182" stroke-width="0.7"/>
  <line x1="232" y1="82"  x2="448" y2="82"  stroke-width="0.6"/>
  <line x1="232" y1="214" x2="448" y2="214" stroke-width="0.6"/>
  <line x1="254" y1="56"  x2="426" y2="56"  stroke-width="0.5"/>
  <line x1="254" y1="240" x2="426" y2="240" stroke-width="0.5"/>
  <line x1="340" y1="16"  x2="340" y2="280" stroke-width="0.9"/>
  <ellipse cx="340" cy="148" rx="44"  ry="132" stroke-width="0.7"/>
  <ellipse cx="340" cy="148" rx="88"  ry="132" stroke-width="0.7"/>
  <ellipse cx="340" cy="148" rx="124" ry="132" stroke-width="0.6"/>
  <ellipse cx="340" cy="148" rx="132" ry="44"  stroke-width="0.5" opacity="0.6"/>
  <ellipse cx="340" cy="148" rx="132" ry="88"  stroke-width="0.5" opacity="0.6"/>
</g>

<!-- Shipping routes -->
<g clip-path="url(#globeClip)" fill="none">
  <path d="M 240 94 Q 310 58 390 86 Q 440 102 470 128"
    stroke="#e8b84b" stroke-width="1.6" stroke-dasharray="6 4" opacity="0.75"/>
  <path d="M 220 168 Q 300 208 380 193 Q 430 182 468 166"
    stroke="#e8b84b" stroke-width="1.6" stroke-dasharray="6 4" opacity="0.65"/>
  <path d="M 250 128 Q 340 98 430 138"
    stroke="#c9960c" stroke-width="1.2" stroke-dasharray="4 4" opacity="0.5"/>
</g>

<!-- Route nodes -->
<circle cx="246" cy="95"  r="4"   fill="#e8b84b" opacity="0.9"/>
<circle cx="246" cy="95"  r="8"   fill="none" stroke="#e8b84b" stroke-width="1.2" opacity="0.4"/>
<circle cx="468" cy="128" r="4"   fill="#e8b84b" opacity="0.9"/>
<circle cx="468" cy="128" r="8"   fill="none" stroke="#e8b84b" stroke-width="1.2" opacity="0.4"/>
<circle cx="222" cy="168" r="3.5" fill="#c9960c"/>
<circle cx="466" cy="166" r="3.5" fill="#c9960c"/>

<!-- Atmosphere rim -->
<circle cx="340" cy="148" r="132" fill="url(#globeRim)"/>
<!-- Specular highlight -->
<circle cx="340" cy="148" r="132" fill="url(#globeSpecular)"/>
<!-- Gold border ring -->
<circle cx="340" cy="148" r="132" fill="none" stroke="url(#goldMetal)" stroke-width="3"/>
<!-- Inner ring subtle -->
<circle cx="340" cy="148" r="128" fill="none" stroke="#e8b84b" stroke-width="0.6" opacity="0.25"/>

<!-- JHK — shadow depth -->
<text x="343" y="211"
  font-family="'Rajdhani', 'Arial Black', sans-serif"
  font-weight="700" font-size="196" text-anchor="middle" letter-spacing="-4"
  fill="#010509" opacity="0.75">JHK</text>

<!-- JHK — silver metallic -->
<text x="340" y="208"
  font-family="'Rajdhani', 'Arial Black', sans-serif"
  font-weight="700" font-size="196" text-anchor="middle" letter-spacing="-4"
  fill="url(#silverMetal)">JHK</text>

<!-- Gold separator line -->
<line x1="148" y1="237" x2="570" y2="237" stroke="url(#goldMetal)" stroke-width="1.8" opacity="0.85"/>

<!-- TRADING SOURCE -->
<text x="360" y="268"
  font-family="'Cinzel', 'Trajan Pro', serif"
  font-weight="900" font-size="27" text-anchor="middle"
  fill="url(#goldMetal)" letter-spacing="9">TRADING SOURCE</text>

<!-- Thin divider -->
<line x1="205" y1="280" x2="515" y2="280" stroke="#c9960c" stroke-width="0.7" opacity="0.4"/>

<!-- Tagline -->
<text x="360" y="300"
  font-family="'Cormorant Garamond', 'Palatino Linotype', Georgia, serif"
  font-weight="600" font-style="italic" font-size="15.5" text-anchor="middle"
  fill="url(#goldMetal)" letter-spacing="3">Your Market. Your Edge.</text>

</svg>
