From db3278f97721f89b8b11a28bf59e59ce1fb68598 Mon Sep 17 00:00:00 2001
From: Nicolas Layne <49288482+NicL9923@users.noreply.github.com>
Date: Sat, 15 Aug 2026 06:39:05 -0500
Subject: [PATCH] fix(marketing): keep Grok mark clear of mobile hero copy
 (#4542)

---
 apps/marketing/src/pages/index.astro | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/apps/marketing/src/pages/index.astro b/apps/marketing/src/pages/index.astro
index 20fae288279cb1105b9e540ca215c601e59958a7..4d43fc595c0bf2e139930378771a01ac59638e55 100644
--- a/apps/marketing/src/pages/index.astro
+++ b/apps/marketing/src/pages/index.astro
@@ -704,7 +704,7 @@ const mobileEndorsementRows = [
       height: 44px;
     }
 
-    /* Three stacked on the left, two on the right — keeps the center CTA clear. */
+    /* Three above the headline, two beside the CTA — keeps the copy clear. */
     .hero-float-mark.hf-claude {
       top: 44px;
       left: 10px;
@@ -712,8 +712,8 @@ const mobileEndorsementRows = [
     }
 
     .hero-float-mark.hf-grok {
-      top: 240px;
-      left: 4px;
+      top: 44px;
+      left: calc(50% - 39px);
       right: auto;
       transform: rotate(-4deg);
     }
@@ -741,8 +741,8 @@ const mobileEndorsementRows = [
 
   @media (max-width: 340px) {
     .hero-float-mark.hf-grok {
-      top: 220px;
-      left: 0;
+      top: 57px;
+      left: calc(50% - 26px);
       width: 52px;
       height: 52px;
       border-radius: 14px;
-- 
2.54.0