My webpage looks fine on most browsers, but Safari on iPhone and iPad is breaking the layout. Elements overlap, fonts scale oddly, and a few flex-box sections refuse to align. The HTML and CSS are clean and modern (Flexbox/Grid), yet something in WebKit is tripping them up. I need you to: • Pinpoint the CSS/HTML causing the mis-renders on Safari iOS (latest two OS versions). • Provide clean, well-commented fixes that leave the page identical on Chrome/Firefox/Edge. • Test on real devices (or accurate simulators) and share before/after screenshots so I can see the improvement. No redesigns or new content—just a precise repair so the display is consistent everywhere. If you’re comfortable with Web Inspector for iOS, Xcode simulators, and general cross-browser troubleshooting, let’s get this wrapped up quickly.