fix workflow section

src/components/sections/EmpowermentHowItWorks.tsx

@@ -196,6 +196,26 @@ export default function EmpowermentHowItWorks() {
           }
         }
 
+        /* ---- Mobile title-to-description gap fix ----
+           .ehw-step-title is an <h3>, so it's matched by a global,
+           unscoped site.css rule (.logico-front-end h3:not(...) { margin:
+           0 0 30px }) that outranks this component's own single-class
+           ".ehw-step-title { margin: 0 0 22px }" by specificity — bumping
+           the real margin-bottom to 30px everywhere, not just here. There
+           is no min-height, space-between, or fixed row height anywhere in
+           this component; the gap is purely that extra 8px of margin
+           reading as oversized once every other element around it (kicker,
+           description line-height) is tightly spaced. Overridden with
+           !important, matching how every other property on this selector
+           already has to defeat the same global rule. Scoped to mobile
+           only, per spec — desktop/tablet are left exactly as they were
+           (still resolving to the global 30px; out of scope here). */
+        @media (max-width: 767px) {
+          .ehw-step-title {
+            margin-bottom: 16px !important;
+          }
+        }
+
         @media (max-width: 480px) {
           .ehw-section { padding-top: 48px; padding-bottom: 68px; }
         }