diff --git a/public/cohorta-banner.png b/public/cohorta-banner.png
new file mode 100644
index 00000000..a803a8c9
Binary files /dev/null and b/public/cohorta-banner.png differ
diff --git a/src/components/landing/Hero.tsx b/src/components/landing/Hero.tsx
index ea32e600..35617b2d 100644
--- a/src/components/landing/Hero.tsx
+++ b/src/components/landing/Hero.tsx
@@ -150,14 +150,16 @@ export default function Hero() {
         shouldAnimate={shouldAnimate}
       />
 
-      {/* Logo banner — full lockup, dark bg removed via screen blend */}
-      <div className="relative max-w-7xl mx-auto px-6 w-full pt-4 pb-2">
-        <img
-          src={`${import.meta.env.BASE_URL}cohorta-logo.png`}
-          alt="Cohorta"
-          className="h-12 md:h-16 w-auto"
-          draggable={false}
-        />
+      {/* Hero banner */}
+      <div className="relative max-w-7xl mx-auto px-6 w-full pt-4 pb-8">
+        <div className="w-full bg-[#0A0D14] rounded-2xl overflow-hidden flex items-center justify-center" style={{ height: 'clamp(180px, 22vw, 320px)' }}>
+          <img
+            src={`${import.meta.env.BASE_URL}cohorta-banner.png`}
+            alt="Cohorta — Synthetic Research. Real Insights."
+            className="h-full w-full object-contain"
+            draggable={false}
+          />
+        </div>
       </div>
 
       <div className="relative max-w-7xl mx-auto px-6 w-full">