Revert "fix: iOS Safari safe area - remove HTML height constraint and add body position fix"

This reverts commit ac7651811c.

apps/website/assets/css/main.css

@@ -21,10 +21,9 @@ html {
   scroll-behavior: smooth;
   overscroll-behavior-y: contain;
   -webkit-overflow-scrolling: touch;
-  /* Remove height constraint to allow safe area extension */
-  /* height: 100%; -- REMOVED: This prevents safe area extension! */
-  min-height: 100vh;
-  min-height: -webkit-fill-available;
+  /* Proper iOS viewport handling */
+  height: 100%;
+  height: -webkit-fill-available;
   /* Allow video to extend horizontally */
   max-width: 100vw !important;
 }

apps/website/components/HeroSection.vue

@@ -112,18 +112,7 @@ const animateCount = () => {
 }
 
 onMounted(() => {
-  // FINAL FIX: iOS detection and body positioning for safe area extension
-  const isIOS = /iPhone|iPad|iPod/.test(navigator.userAgent);
-
-  if (isIOS) {
-    // iOS Safari requires body to be position:fixed for safe area extension
-    document.body.style.position = 'fixed';
-    document.body.style.width = '100%';
-    document.body.style.top = '0';
-    document.body.style.left = '0';
-  }
-
-  // Inject video with proper positioning
+  // ULTIMATE FIX: Use inset: 0 and -webkit-fill-available to bypass env() bugs
   const videoHTML = `
     <style>
       #ios-video-bg {