change blob and hero image

static/css/main.css

@@ -342,8 +342,8 @@ h1, h2, h3, h4, h5, h6 {
 }
 
 .brand-icon {
-  width: 34px;
-  height: 34px;
+  width: 26px;
+  height: 26px;
   border-radius: 8px;
   object-fit: cover;
   display: block;
@@ -571,7 +571,7 @@ h1, h2, h3, h4, h5, h6 {
   width: 420px;
   top: 5%;
   left: -80px;
-  opacity: 0.18;
+  opacity: 0.04;
   filter: blur(2px);
   animation: blob-morph 16s ease-in-out infinite;
 }
@@ -580,7 +580,7 @@ h1, h2, h3, h4, h5, h6 {
   width: 380px;
   top: 15%;
   right: -60px;
-  opacity: 0.13;
+  opacity: 0.01;
   filter: blur(1px);
   animation: blob-morph 20s ease-in-out infinite reverse;
 }
@@ -2847,7 +2847,7 @@ a.citation-count-badge:hover {
   background: linear-gradient(
     to right,
     rgba(7, 7, 19, 0.88) 0%,
-    rgba(7, 7, 19, 0.45) 28%,
+    rgba(7, 7, 19, 0.45) 48%,
     transparent 62%
   );
   z-index: 2;
@@ -2857,13 +2857,13 @@ a.citation-count-badge:hover {
 .hero-app-preview img {
   width: 100%;
   display: block;
-  opacity: 0.15;
+  opacity: 0.65;
   border-radius: var(--radius-xl);
   transition: opacity 0.5s ease;
 }
 
 .hero-app-preview:hover img {
-  opacity: 0.42;
+  opacity: 1;
 }
 
 /* ============================================================