Add mix-blend-multiply to logos to fake transparency

apps/web/src/components/routes/LandingPage.tsx

@@ -46,7 +46,7 @@ export function LandingPage() {
       {/* Navbar */}
       <nav className="w-full px-6 py-4 md:px-12 lg:px-16 flex items-center justify-between max-w-7xl mx-auto z-50 sticky top-0 bg-[var(--warm-cream)] border-b-2 border-[var(--oat-border)]">
         <div className="flex items-center gap-3">
-          <img src="/logo.png" alt="Pram Logo" className="h-10 w-auto object-contain" />
+          <img src="/logo.png" alt="Pram Logo" className="h-10 w-auto object-contain mix-blend-multiply" />
           <span className="font-headline font-semibold text-2xl tracking-[-0.64px] text-[var(--clay-black)] hidden sm:block">Pram</span>
         </div>
         <div className="flex items-center gap-2 sm:gap-4">

apps/web/src/routes/forgot-password.tsx

@@ -242,7 +242,7 @@ function RouteComponent() {
   if (!email) {
     return (
       <div className="flex h-screen w-full items-center justify-center bg-muted/30">
-        <img src="/logo.png" alt="Pram Logo" className="h-20 w-auto mb-8 absolute top-8" />
+        <img src="/logo.png" alt="Pram Logo" className="h-20 w-auto mb-8 absolute top-8 mix-blend-multiply" />
         <StepEmail onNext={setEmail} />
       </div>
     );
@@ -250,7 +250,7 @@ function RouteComponent() {
 
   return (
     <div className="flex h-screen w-full items-center justify-center bg-muted/30">
-      <img src="/logo.png" alt="Pram Logo" className="h-20 w-auto mb-8 absolute top-8" />
+      <img src="/logo.png" alt="Pram Logo" className="h-20 w-auto mb-8 absolute top-8 mix-blend-multiply" />
       <StepReset email={email} />
     </div>
   );