Fix iPhone responsive layout issue on Framer site

My live Framer site (galileolifesciences.com) displays correctly on desktop, tablet, and in Framer's preview, but renders wrong on real iPhones: content appears in a narrow, left-aligned column with empty space on the right instead of filling the screen.

Potential Root cause
The Phone breakpoint is built on fixed 390px-wide shells (layout shell, page frame, header), so it can't stretch to fill wider iPhones. Some panes also use viewport-width (vw) sizing that behaves differently on iOS Safari. A key fixed-width constraint sits on a generated wrapper element that can't be reliably targeted from custom code.
Important: I have worked through this extensively with Framer's built-in AI. It diagnosed the problem but was not able to fix it ; its attempts (custom CSS, and a runtime JavaScript resizing script) either failed or caused the layout to flicker.

Framer AI itself concluded the clean fix requires editing the canvas structure directly, which is outside what it can do. So please don't rely on Framer AI for this, I need a human who works in the Framer canvas.

What I need

Rebuild the Phone breakpoint so the layout is genuinely fluid and fills any modern iPhone, with clean, consistent padding.
Remove the vw-based sizing and fixed-width workarounds on mobile; no runtime JavaScript to size the layout if avoidable.
Apply the fix across all affected pages (Home, Capabilities, Team, and any others sharing the structure).
Leave Desktop and Tablet unchanged, and test on a real iPhone before handing back.