| ... | ... | @@ -704,7 +704,7 @@ const mobileEndorsementRows = [ |
| 704 | 704 | height: 44px; |
| 705 | 705 | } |
| 706 | 706 | |
| 707 | | /* Three stacked on the left, two on the right — keeps the center CTA clear. */ |
| 707 | /* Three above the headline, two beside the CTA — keeps the copy clear. */ |
| 708 | 708 | .hero-float-mark.hf-claude { |
| 709 | 709 | top: 44px; |
| 710 | 710 | left: 10px; |
| ... | ... | @@ -712,8 +712,8 @@ const mobileEndorsementRows = [ |
| 712 | 712 | } |
| 713 | 713 | |
| 714 | 714 | .hero-float-mark.hf-grok { |
| 715 | | top: 240px; |
| 716 | | left: 4px; |
| 715 | top: 44px; |
| 716 | left: calc(50% - 39px); |
| 717 | 717 | right: auto; |
| 718 | 718 | transform: rotate(-4deg); |
| 719 | 719 | } |
| ... | ... | @@ -741,8 +741,8 @@ const mobileEndorsementRows = [ |
| 741 | 741 | |
| 742 | 742 | @media (max-width: 340px) { |
| 743 | 743 | .hero-float-mark.hf-grok { |
| 744 | | top: 220px; |
| 745 | | left: 0; |
| 744 | top: 57px; |
| 745 | left: calc(50% - 26px); |
| 746 | 746 | width: 52px; |
| 747 | 747 | height: 52px; |
| 748 | 748 | border-radius: 14px; |