updated privacy policy

src/components/for-people/SpendAnywhereSection.tsx

@@ -9,6 +9,11 @@ if (typeof window !== 'undefined') gsap.registerPlugin(ScrollTrigger);
 
 const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;
 
+/* Logical viewport the embedded LytsUp web app is designed against — see
+   EarnRewardsSection for the full rationale. */
+const DESIGN_HEIGHT = 844;
+const NOTCH_STRIP = 32;
+
 export default function SpendAnywhereSection() {
   const panelRef = useRef<HTMLDivElement>(null);
   const phoneRef = useRef<HTMLDivElement>(null);
@@ -88,10 +93,13 @@ export default function SpendAnywhereSection() {
                 position: 'relative',
               }}
             >
-              {/* Screen — locked to a real phone's aspect ratio (~9:19.5) */}
+              {/* Screen — height is derived, not a fixed aspect ratio: see
+                  EarnRewardsSection. A hard 9/19.5 left the iframe ~47 logical px
+                  short once the notch strip was subtracted, clipping the app's
+                  bottom nav; this lands it on exactly 390x844 at every breakpoint. */}
               <div style={{
                 borderRadius: 32, overflow: 'hidden', background: '#ffffff',
-                position: 'relative', aspectRatio: '9 / 19.5',
+                position: 'relative', height: `calc(${NOTCH_STRIP}px + ${DESIGN_HEIGHT}px * var(--pm-scale))`,
                 display: 'flex', flexDirection: 'column',
               }}>
                 {/* Dynamic island */}
@@ -100,7 +108,7 @@ export default function SpendAnywhereSection() {
                   width: 82, height: 22, borderRadius: 14, background: '#000', zIndex: 5,
                 }} />
                 {/* Safe area — reserves the notch strip above the app's top bar */}
-                <div style={{ height: 32, flexShrink: 0, background: '#ffffff' }} />
+                <div style={{ height: NOTCH_STRIP, flexShrink: 0, background: '#ffffff' }} />
                 {/* The embed is a responsive Flutter web app. We render it at a
                     comfortable logical width (390px) and scale it down to fill the
                     screen exactly, so the UI stays proportioned as designed instead