Responsive Mobile Landing Page Revamp

My landing page works fine on desktop, yet on smartphones the layout breaks and key sections shuffle out of view. I want it to feel seamless on mobile first—specifically on both iOS Safari and Android Chrome—without worrying about tablets or larger screens for now. The main pain-point is the current layout and structure: columns overlap, buttons sit below the fold, and form fields expand beyond the viewport. I need clean media-query work, streamlined CSS (Flexbox or Bootstrap 5 is fine), and any minor HTML tweaks required so that everything stacks logically, text remains legible, and calls-to-action stay prominent. Acceptance criteria • Pass Google’s Mobile-Friendly Test • Visual consistency across iPhone and popular Android devices down to 360 px width • No horizontal scrolling; key content loads within 3 seconds on a standard 4G connection Deliverables 1. Updated HTML/CSS/JS files (or a Git commit) 2. Brief note outlining the changes and how to extend them later to tablets/desktop if desired 3. A quick screen-recording or screenshots proving the fixes on both platforms If you can turn this around quickly and keep the code tidy, let’s get started.

Project ID: 40521729