diff --git a/src/App.tsx b/src/App.tsx
index abf5eec..61fcb49 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -55,6 +55,7 @@ export default function App() {
       }}
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AM9hp4M6eDzEwMxDU5gYArbELf/a-sleek-modern-high-tech-marketing-offic-1776690837523-6e0bf547.png"
     />
+    <p className="hero-trust-badge">Trusted by over 2000 agencies</p>
   </div>
 
   <div id="about" data-section="about">
diff --git a/src/index.css b/src/index.css
index b673d27..625c981 100644
--- a/src/index.css
+++ b/src/index.css
@@ -16,7 +16,7 @@
   --background-accent: #222222;
 
   /* @layout/border-radius/rounded */
-  --radius: 0.5rem;
+  --radius: 0.3rem;
 
   /* @layout/content-width/medium */
   --width-content-width: clamp(40rem, 80vw, 100rem);
@@ -183,9 +183,26 @@ h6 {
 }
 
 .primary-button:hover {
-  animation: button-lift-glow-primary 0.4s ease-out forwards;
+  transform: translateY(-3px);
+  box-shadow:
+    color-mix(in srgb, var(--color-background) 15%, transparent) 0px 4px 10px 0px inset,
+    color-mix(in srgb, var(--color-background) 15%, transparent) 0px -4px 8px 0px inset,
+    0 8px 15px -3px color-mix(in srgb, var(--primary-cta) 30%, transparent);
 }
 
 .secondary-button:hover {
-  animation: button-lift-glow-secondary 0.4s ease-out forwards;
+  transform: translateY(-3px);
+  box-shadow:
+    0 1px 2px 0 rgb(0 0 0 / 0.05),
+    0 8px 15px -3px color-mix(in srgb, var(--secondary-cta-text) 30%, transparent);
+}
+
+.hero-trust-badge {
+  color: var(--foreground);
+  font-size: var(--text-sm);
+  margin-top: -4rem;
+  text-align: center;
+  position: relative;
+  z-index: 10;
+  opacity: 0.8;
 }