update image in hero section

src/app/businesses/page.tsx

@@ -90,7 +90,7 @@ export default function BusinessesPage() {
   return (
     <div className="relative min-h-screen bg-background">
       {/* ─── Hero Section with Animated Rotator ─── */}
-      <section className="relative overflow-hidden px-6 md:px-12 lg:px-20 xl:px-24 pt-44 pb-48 text-center">
+      <section className="hero-section relative overflow-hidden px-6 md:px-12 lg:px-20 xl:px-24 pt-56 pb-72 text-center">
         {/* Background Image with Overlay */}
         <div className="absolute inset-0 z-0 select-none pointer-events-none">
           <Image
@@ -112,7 +112,7 @@ export default function BusinessesPage() {
           <h1 className="mt-6 font-display text-4xl font-black text-white md:text-6xl tracking-tight leading-tight max-w-4xl mx-auto">
             <span>Power your business.</span>
             <br />
-            <span className="relative inline-block text-brand-accent min-h-[1.2em] transition-all duration-500">
+            <span className="hero-rotator-text relative inline-flex text-brand-accent transition-all duration-500">
               {ROTATOR_WORDS[wordIndex]}
             </span>
           </h1>