refactor: standardize Eyebrow styling and improve CloudHeroNew typography across pages

- Changed all Eyebrow components from uppercase tracking-[0.16em] text-cyan-600 to text-cyan-500
- Applied changes to AgentPro, CloudPros, HomeDesign, NetworkPros, PodsDesign, and PodsPro
- Updated CloudHeroNew to hide background image on mobile using md:bg-[url(...)] classes
- Replaced inline style with Tailwind classes for background image in CloudHeroNew
- Converted CloudHeroNew description from two separate

src/pages/home/HomeDesign.tsx

@@ -37,7 +37,7 @@ export function HomeDesign() {
       <div className="mx-auto max-w-7xl border border-t-0 border-b-0 border-gray-200">
         {/* Centered intro */}
         <div className="px-6 pt-12 pb-4 text-center max-w-4xl mx-auto ">
-          <Eyebrow className="uppercase tracking-[0.16em] text-cyan-600">
+          <Eyebrow className="text-cyan-500">
             Who's it For
           </Eyebrow>