diff --git a/frontend/src/marketing/pages/Home.tsx b/frontend/src/marketing/pages/Home.tsx
index 9f5039d3..5285416a 100644
--- a/frontend/src/marketing/pages/Home.tsx
+++ b/frontend/src/marketing/pages/Home.tsx
@@ -254,7 +254,7 @@ const Home: React.FC = () => {
                 <div className={`relative ${!isLeft ? "lg:col-start-2" : ""}`}>
                   <div className="relative scale-110 lg:scale-115">
                     {/* Gradient frame background with colored glow */}
-                    <div className={`absolute -inset-6 bg-gradient-to-br ${module.color} rounded-3xl opacity-25 blur-3xl`} />
+                    <div className={`absolute -inset-6 bg-gradient-to-br ${module.color} rounded-3xl opacity-10 blur-xl`} />
                     <div className="relative rounded-2xl border-2 border-slate-200 bg-white shadow-2xl overflow-hidden">
                       <div className="absolute top-0 left-0 right-0 h-12 bg-gradient-to-b from-slate-800/30 to-transparent flex items-center gap-2 px-4">
                         <div className="flex gap-2">
@@ -270,7 +270,7 @@ const Home: React.FC = () => {
                       />
                     </div>
                     {/* Overlap shadow with module color */}
-                    <div className={`absolute -bottom-8 ${isLeft ? "-right-8" : "-left-8"} w-40 h-40 bg-gradient-to-br ${module.color} rounded-2xl opacity-15 blur-3xl -z-10`} />
+                    <div className={`absolute -bottom-8 ${isLeft ? "-right-8" : "-left-8"} w-40 h-40 bg-gradient-to-br ${module.color} rounded-2xl opacity-10 blur-xl -z-10`} />
                   </div>
                 </div>