initial

assets/hub-logo-fragment-globe-4x4.svg

@@ -0,0 +1,24 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1920" height="1080" viewBox="0 0 1920 1080" preserveAspectRatio="xMidYMid slice" role="img" aria-label="Globe fragment 4x4">
+  <defs>
+    <radialGradient id="globeOcean" cx="36%" cy="28%" r="74%">
+      <stop offset="0%" stop-color="#2a3d56"/>
+      <stop offset="45%" stop-color="#1a2332"/>
+      <stop offset="100%" stop-color="#0a0e14"/>
+    </radialGradient>
+    <clipPath id="gridClip"><circle cx="720" cy="560" r="322"/></clipPath>
+  </defs>
+
+  <circle id="globe-body" cx="720" cy="560" r="330" fill="url(#globeOcean)"/>
+
+  <!-- Mercator-style 4x4 grid: 3 vertical + 3 horizontal lines -->
+  <g id="globe-grid" clip-path="url(#gridClip)" fill="none" stroke="#e7ecf3" stroke-opacity="0.92" stroke-width="7.5" stroke-linecap="round">
+    <path d="M 580 248 Q 510 560 580 872"/>
+    <path d="M 720 238 Q 720 560 720 882"/>
+    <path d="M 860 248 Q 930 560 860 872"/>
+    <ellipse cx="720" cy="395" rx="275" ry="80"/>
+    <ellipse cx="720" cy="560" rx="320" ry="105"/>
+    <ellipse cx="720" cy="725" rx="275" ry="80"/>
+  </g>
+
+  <circle id="globe-border" cx="720" cy="560" r="330" fill="none" stroke="#e7ecf3" stroke-width="15"/>
+</svg>