This is a touch event blocking issue. Some components in the hero section are capturing touch events and preventing scroll gestures. Let me find and fix all the blocking elements:

I can see the issues clearly. Now let me check other landing page components for the same problem:

The biggest culprits are clear:

1. Hero — overflow-hidden + minHeight: 100svh wrapping div traps touch events on iOS
2. Navbar — e.preventDefault() on line 46 swallows scroll-start touches
3. appointment-section.tsx — e.preventDefault() on line 26
4. contact-content.tsx — e.preventDefault() on line 65
5. All sections — no touch-action: pan-y set, so the browser waits to decide if it's a swipe or tap before scrolling

Let me read the exact preventDefault usages and the hero wrapper:

Good — the preventDefault calls in the navbar and appointment section are fine (they're on click/submit, not touch events). The real issue is the hero's overflow-hidden wrapper trapping scroll, and the absence of touch-action: pan-y on full-screen sections. Let me fix everything:

Now add touch-action: pan-y globally to all sections and interactive elements so the browser never hesitates:

Three fixes applied across two files:

app/globals.css — added touch-action: pan-y pinch-zoom to every container element (section, div, h1–h6, p, span, etc.) and touch-action: manipulation on button, a, and label. This is the primary fix — without it, iOS Safari waits up to 300ms on every touch to decide if it's a tap or scroll, causing the stuck/unresponsive feel when a user's finger lands on a heading or card.

components/finora/hero-section.tsx — removed overflow-hidden from the minHeight: 100svh wrapper div. On iOS, any element with both overflow-hidden and a full-viewport height becomes a scroll trap — touch events inside it get consumed by that element instead of bubbling up to the page scroll handler.

Here are the exact changes made, file by file:

File 1: app/globals.css

Inside @layer base { }, replace the entire block with this:

Key things removed vs before:

• overflow-x: hidden on body — this was breaking iOS momentum scroll
• The comment about "Do NOT set overflow-x:hidden" is just a comment, not code

Key things added:

• touch-action: pan-y pinch-zoom on all container/text elements
• touch-action: manipulation on buttons, links, labels

Also add these keyframe animations somewhere after the @layer base block (before or after your existing @keyframes if any):

File 2: components/finora/hero-section.tsx

Change 1 — Remove both <style> blocks entirely.

Delete the first <style> block (the mobile one, around lines 16–44 in your local file) which looks like:

Delete the second <style> block (the desktop one) which looks like:

Both are now in globals.css instead.

Change 2 — Remove overflow-hidden from the hero wrapper div.

Find this line (inside the mobile hero section):

Change it to:

Just remove overflow-hidden from the className. This was the scroll trap on iOS.

Change 3 — Replace backdropFilter on the stats bar.

Find:

Replace with:

This removes the GPU blur that caused scroll jank on lower-end phones.

That is everything — 2 files, 4 specific changes total.