diff --git a/public/brand/logo-sm.png b/public/brand/logo-sm.png
new file mode 100644
index 0000000..cf98b3b
Binary files /dev/null and b/public/brand/logo-sm.png differ
diff --git a/public/brand/logo.png b/public/brand/logo.png
new file mode 100644
index 0000000..30e4de8
Binary files /dev/null and b/public/brand/logo.png differ
diff --git a/public/brand/logo.svg b/public/brand/logo.svg
new file mode 100644
index 0000000..5c577cb
--- /dev/null
+++ b/public/brand/logo.svg
@@ -0,0 +1,103 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 320" width="1200" height="320" role="img" aria-label="Broadcast Beat — The Pulse of Production Intelligence">
+  <defs>
+    <!-- Background gradient: deep navy → near-black -->
+    <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0%" stop-color="#050B1E"/>
+      <stop offset="100%" stop-color="#020613"/>
+    </linearGradient>
+
+    <!-- Wide soft halo (outer bloom) -->
+    <filter id="haloPink" x="-50%" y="-50%" width="200%" height="200%">
+      <feGaussianBlur stdDeviation="18"/>
+    </filter>
+    <filter id="haloCyan" x="-50%" y="-50%" width="200%" height="200%">
+      <feGaussianBlur stdDeviation="18"/>
+    </filter>
+
+    <!-- Tighter glow (inner neon) -->
+    <filter id="glowPink" x="-30%" y="-30%" width="160%" height="160%">
+      <feGaussianBlur stdDeviation="3.5"/>
+    </filter>
+    <filter id="glowCyan" x="-30%" y="-30%" width="160%" height="160%">
+      <feGaussianBlur stdDeviation="3.5"/>
+    </filter>
+
+    <!-- Tagline subtle glow -->
+    <filter id="glowSoft" x="-20%" y="-50%" width="140%" height="200%">
+      <feGaussianBlur stdDeviation="1.6"/>
+    </filter>
+
+    <style>
+      @import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@800;900&amp;family=Inter:wght@500;600&amp;display=swap');
+      .word {
+        font-family: 'Barlow Condensed', 'Oswald', 'Nimbus Sans Narrow', 'Inter', 'Helvetica Neue', Arial, sans-serif;
+        font-weight: 900;
+        font-size: 118px;
+        letter-spacing: -0.012em;
+      }
+      .tm {
+        font-family: 'Inter', 'Nimbus Sans Narrow', 'Helvetica Neue', Arial, sans-serif;
+        font-weight: 600;
+        font-size: 22px;
+      }
+      .tag {
+        font-family: 'Inter', 'Nimbus Sans Narrow', 'Helvetica Neue', Arial, sans-serif;
+        font-weight: 500;
+        font-size: 20px;
+        letter-spacing: 0.34em;
+      }
+    </style>
+  </defs>
+
+  <!-- Dark background -->
+  <rect width="1200" height="320" fill="url(#bg)"/>
+
+  <!-- Faint vignette + scanline accents (optional broadcast vibe) -->
+  <rect width="1200" height="1" y="0" fill="#00d4ff" opacity="0.10"/>
+  <rect width="1200" height="1" y="319" fill="#ff2188" opacity="0.10"/>
+
+  <!-- ─── BROADCAST (pink/magenta neon) ─────────────────────────── -->
+  <g text-anchor="end">
+    <!-- outer halo -->
+    <text class="word" x="595" y="180" fill="#ff2188" opacity="0.85" filter="url(#haloPink)">BROADCAST</text>
+    <!-- mid glow -->
+    <text class="word" x="595" y="180" fill="#ff58a8" opacity="0.95" filter="url(#glowPink)">BROADCAST</text>
+    <!-- white core -->
+    <text class="word" x="595" y="180" fill="#ffffff">BROADCAST</text>
+  </g>
+
+  <!-- ─── BEAT (cyan neon) ──────────────────────────────────────── -->
+  <g text-anchor="start">
+    <text class="word" x="615" y="180" fill="#00d4ff" opacity="0.85" filter="url(#haloCyan)">BEAT</text>
+    <text class="word" x="615" y="180" fill="#5ee5ff" opacity="0.95" filter="url(#glowCyan)">BEAT</text>
+    <text class="word" x="615" y="180" fill="#ffffff">BEAT</text>
+  </g>
+
+  <!-- ™ mark near end of BEAT, upper right -->
+  <g>
+    <text class="tm" x="918" y="90" fill="#7feaff" filter="url(#glowCyan)">™</text>
+    <text class="tm" x="918" y="90" fill="#ffffff">™</text>
+  </g>
+
+  <!-- ─── Waveform / heartbeat pulse ────────────────────────────── -->
+  <g>
+    <!-- Halo pass -->
+    <path d="M 70 218 L 460 218 L 480 218 L 500 198 L 520 240 L 540 152 L 560 274 L 580 198 L 600 226 L 620 218 L 1130 218"
+          fill="none" stroke="#00d4ff" stroke-width="6" stroke-linejoin="round" stroke-linecap="round"
+          filter="url(#haloCyan)" opacity="0.75"/>
+    <!-- Mid stroke -->
+    <path d="M 70 218 L 460 218 L 480 218 L 500 198 L 520 240 L 540 152 L 560 274 L 580 198 L 600 226 L 620 218 L 1130 218"
+          fill="none" stroke="#00d4ff" stroke-width="3" stroke-linejoin="round" stroke-linecap="round"
+          filter="url(#glowCyan)"/>
+    <!-- Crisp white core -->
+    <path d="M 70 218 L 460 218 L 480 218 L 500 198 L 520 240 L 540 152 L 560 274 L 580 198 L 600 226 L 620 218 L 1130 218"
+          fill="none" stroke="#ffffff" stroke-width="1.2" stroke-linejoin="round" stroke-linecap="round"/>
+  </g>
+
+  <!-- ─── Tagline ───────────────────────────────────────────────── -->
+  <g text-anchor="middle">
+    <text class="tag" x="600" y="282" fill="#ffffff" opacity="0.85" filter="url(#glowSoft)">THE PULSE OF PRODUCTION INTELLIGENCE</text>
+    <text class="tag" x="600" y="282" fill="#ffffff">THE PULSE OF PRODUCTION INTELLIGENCE</text>
+  </g>
+</svg>
diff --git a/public/brand/logo@2x.png b/public/brand/logo@2x.png
new file mode 100644
index 0000000..7f9964e
Binary files /dev/null and b/public/brand/logo@2x.png differ
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index 898af60..b99bd87 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -381,12 +381,12 @@ export default function Header() {
               {/* Logo */}
               <Link href="/home-page" className="flex-shrink-0 focus:outline-none focus-visible:ring-2 focus-visible:ring-[#3b82f6] focus-visible:ring-offset-1 focus-visible:ring-offset-[#111]">
                 <AppImage
-                  src="/assets/images/logo.png"
-                  alt="Broadcast Beat logo"
-                  width={200}
-                  height={26}
+                  src="/brand/logo.svg"
+                  alt="Broadcast Beat — The Pulse of Production Intelligence"
+                  width={260}
+                  height={70}
                   priority={true}
-                  className="h-7 w-auto object-contain"
+                  className="h-9 w-auto object-contain"
                 />
               </Link>