From d6984f1057538a8225d3ebd0d025b9eb53b23c43 Mon Sep 17 00:00:00 2001
From: James Pine <ijamespine@me.com>
Date: Sun, 15 Mar 2026 08:45:40 -0700
Subject: [PATCH] fix: remove mix-blend-lighten and drop-shadow causing boxes
 in Safari

---
 landing/src/app/page.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/landing/src/app/page.tsx b/landing/src/app/page.tsx
index 06ebe2e7..a43b1536 100644
--- a/landing/src/app/page.tsx
+++ b/landing/src/app/page.tsx
@@ -58,13 +58,13 @@ export default function Home() {
             <img
               src="/voicebox-logo-app.webp"
               alt="Voicebox"
-              className="h-full w-full object-contain mix-blend-lighten"
+              className="h-full w-full object-contain"
             />
           </div>
 
           {/* Headline */}
           <div className="fade-in relative" style={{ animationDelay: '100ms' }}>
-            <h1 className="text-5xl font-bold tracking-tighter leading-[0.9] text-foreground drop-shadow-[0_16px_50px_rgba(0,0,0,0.95)] md:text-7xl lg:text-8xl">
+            <h1 className="text-5xl font-bold tracking-tighter leading-[0.9] text-foreground md:text-7xl lg:text-8xl">
               Your voice, your machine.
             </h1>
           </div>