diff --git a/images/logo-files/logo-dark.svg b/images/logo-files/logo-dark.svg
index 80c50f5..f446849 100644
--- a/images/logo-files/logo-dark.svg
+++ b/images/logo-files/logo-dark.svg
@@ -8,31 +8,24 @@
       }
     </style>
     <linearGradient id="flareGrad" x1="48%" y1="0" x2="100%" y2="0">
-      <stop offset="0%" stop-color="#3b82f6"/>
-      <stop offset="50%" stop-color="#8a7aa0"/>
+      <stop offset="0%"   stop-color="#3b82f6"/>
+      <stop offset="50%"  stop-color="#c026d3"/>
       <stop offset="100%" stop-color="#f97316"/>
     </linearGradient>
-    <linearGradient id="portalGradL" x1="0" y1="0" x2="1" y2="1">
-      <stop offset="0%" stop-color="#60a5fa" stop-opacity="0.95"/>
-      <stop offset="100%" stop-color="#3b82f6" stop-opacity="0.7"/>
+    <linearGradient id="portalGradL" gradientUnits="userSpaceOnUse" x1="153" y1="0" x2="217" y2="0">
+      <stop offset="0%"   stop-color="#60a5fa" stop-opacity="0.95"/>
+      <stop offset="100%" stop-color="#3b82f6" stop-opacity="0.30"/>
     </linearGradient>
-    <linearGradient id="portalGradR" x1="0" y1="0" x2="1" y2="1">
-      <stop offset="0%" stop-color="#fb923c" stop-opacity="0.85"/>
-      <stop offset="100%" stop-color="#f59e0b" stop-opacity="0.65"/>
+    <linearGradient id="portalGradR" gradientUnits="userSpaceOnUse" x1="690" y1="0" x2="754" y2="0">
+      <stop offset="0%"   stop-color="#f97316" stop-opacity="0"/>
+      <stop offset="35%"  stop-color="#f97316" stop-opacity="0.88"/>
+      <stop offset="100%" stop-color="#f59e0b" stop-opacity="0.95"/>
     </linearGradient>
   </defs>
-  <!-- Left portal -->
-  <ellipse cx="155" cy="110" rx="32" ry="78" fill="none" stroke="url(#portalGradL)" stroke-width="9"/>
+  <!-- Left portal — intersects D at midpoint, inner arc dissolves -->
+  <ellipse cx="185" cy="110" rx="32" ry="78" fill="none" stroke="url(#portalGradL)" stroke-width="9"/>
   <!-- Wordmark -->
   <text x="170" y="148" font-family="Inter,system-ui,sans-serif" font-weight="900" font-size="120" letter-spacing="-5" fill="#ffffff">Dock<tspan fill="url(#flareGrad)">Flare</tspan></text>
-  <!-- Right portal -->
-  <ellipse cx="758" cy="110" rx="32" ry="78" fill="none" stroke="url(#portalGradR)" stroke-width="9"/>
-  <!-- Container fleet -->
-  <rect x="170" y="160" width="9" height="9" rx="1" fill="#60a5fa"/>
-  <rect x="182" y="160" width="9" height="9" rx="1" fill="#60a5fa" opacity="0.85"/>
-  <rect x="194" y="160" width="9" height="9" rx="1" fill="#60a5fa" opacity="0.6"/>
-  <rect x="206" y="160" width="9" height="9" rx="1" fill="#60a5fa" opacity="0.35"/>
-  <rect x="176" y="172" width="9" height="9" rx="1" fill="#60a5fa" opacity="0.9"/>
-  <rect x="188" y="172" width="9" height="9" rx="1" fill="#60a5fa" opacity="0.6"/>
-  <rect x="200" y="172" width="9" height="9" rx="1" fill="#60a5fa" opacity="0.35"/>
-</svg>
\ No newline at end of file
+  <!-- Right portal — intersects e at midpoint, inner arc dissolves -->
+  <ellipse cx="722" cy="110" rx="32" ry="78" fill="none" stroke="url(#portalGradR)" stroke-width="9"/>
+</svg>
diff --git a/images/logo-files/logo-light.svg b/images/logo-files/logo-light.svg
index 8c46ffc..8adeabf 100644
--- a/images/logo-files/logo-light.svg
+++ b/images/logo-files/logo-light.svg
@@ -8,31 +8,24 @@
       }
     </style>
     <linearGradient id="flareGrad" x1="48%" y1="0" x2="100%" y2="0">
-      <stop offset="0%" stop-color="#3b82f6"/>
-      <stop offset="50%" stop-color="#8a7aa0"/>
+      <stop offset="0%"   stop-color="#3b82f6"/>
+      <stop offset="50%"  stop-color="#c026d3"/>
       <stop offset="100%" stop-color="#f97316"/>
     </linearGradient>
-    <linearGradient id="portalGradL" x1="0" y1="0" x2="1" y2="1">
-      <stop offset="0%" stop-color="#3b82f6" stop-opacity="0.95"/>
-      <stop offset="100%" stop-color="#2563eb" stop-opacity="0.7"/>
+    <linearGradient id="portalGradL" gradientUnits="userSpaceOnUse" x1="153" y1="0" x2="217" y2="0">
+      <stop offset="0%"   stop-color="#3b82f6" stop-opacity="0.95"/>
+      <stop offset="100%" stop-color="#2563eb" stop-opacity="0.30"/>
     </linearGradient>
-    <linearGradient id="portalGradR" x1="0" y1="0" x2="1" y2="1">
-      <stop offset="0%" stop-color="#ea580c" stop-opacity="0.85"/>
-      <stop offset="100%" stop-color="#f97316" stop-opacity="0.65"/>
+    <linearGradient id="portalGradR" gradientUnits="userSpaceOnUse" x1="690" y1="0" x2="754" y2="0">
+      <stop offset="0%"   stop-color="#ea580c" stop-opacity="0"/>
+      <stop offset="35%"  stop-color="#ea580c" stop-opacity="0.88"/>
+      <stop offset="100%" stop-color="#f97316" stop-opacity="0.95"/>
     </linearGradient>
   </defs>
-  <!-- Left portal -->
-  <ellipse cx="155" cy="110" rx="32" ry="78" fill="none" stroke="url(#portalGradL)" stroke-width="9"/>
+  <!-- Left portal — intersects D at midpoint, inner arc dissolves -->
+  <ellipse cx="185" cy="110" rx="32" ry="78" fill="none" stroke="url(#portalGradL)" stroke-width="9"/>
   <!-- Wordmark -->
   <text x="170" y="148" font-family="Inter,system-ui,sans-serif" font-weight="900" font-size="120" letter-spacing="-5" fill="#0f172a">Dock<tspan fill="url(#flareGrad)">Flare</tspan></text>
-  <!-- Right portal -->
-  <ellipse cx="758" cy="110" rx="32" ry="78" fill="none" stroke="url(#portalGradR)" stroke-width="9"/>
-  <!-- Container fleet -->
-  <rect x="170" y="160" width="9" height="9" rx="1" fill="#3b82f6"/>
-  <rect x="182" y="160" width="9" height="9" rx="1" fill="#3b82f6" opacity="0.85"/>
-  <rect x="194" y="160" width="9" height="9" rx="1" fill="#3b82f6" opacity="0.6"/>
-  <rect x="206" y="160" width="9" height="9" rx="1" fill="#3b82f6" opacity="0.35"/>
-  <rect x="176" y="172" width="9" height="9" rx="1" fill="#3b82f6" opacity="0.9"/>
-  <rect x="188" y="172" width="9" height="9" rx="1" fill="#3b82f6" opacity="0.6"/>
-  <rect x="200" y="172" width="9" height="9" rx="1" fill="#3b82f6" opacity="0.35"/>
-</svg>
\ No newline at end of file
+  <!-- Right portal — intersects e at midpoint, inner arc dissolves -->
+  <ellipse cx="722" cy="110" rx="32" ry="78" fill="none" stroke="url(#portalGradR)" stroke-width="9"/>
+</svg>