refactor: adjust PodsHow layout spacing and reorder bottom border elements

- Added lg:-mt-8 negative margin to left content div for better vertical alignment on large screens
- Reordered bottom border elements: moved full-width border-b before max-w-7xl container
- Added bg-transparent class to max-w-7xl container div
- Added descriptive comment for bottom horizontal line section

src/pages/pods/PodsHow.tsx

@@ -42,7 +42,7 @@ export function PodsHow() {
           </div>
 
           {/* Left: JUST the H3 with auto-changing sentence */}
-          <div className="w-full lg:w-5/9 text-white flex items-center">
+          <div className="w-full lg:w-5/9 text-white flex items-center lg:-mt-8">
 
             <div>
               <Eyebrow color="accent">How it works</Eyebrow>
@@ -63,8 +63,9 @@ export function PodsHow() {
         </div>
       </div>
 
-      <div className="max-w-7xl mx-auto py-6 border border-t-0 border-b-0 border-gray-800" />
+       {/* ✅ Bottom horizontal line with spacing */}
       <div className="w-full border-b  border-gray-800" />
+      <div className="max-w-7xl bg-transparent mx-auto py-6 border border-t-0 border-b-0 border-gray-800"></div>
     </section>
   );
 }