diff --git a/apps/website/components/HeroSection.vue b/apps/website/components/HeroSection.vue
index 28ca789..45d6af9 100644
--- a/apps/website/components/HeroSection.vue
+++ b/apps/website/components/HeroSection.vue
@@ -112,31 +112,39 @@ const animateCount = () => {
 }
 
 onMounted(() => {
-  // NUCLEAR OPTION: Inject video directly into DOM, bypassing Vue/Nuxt entirely
+  // ULTIMATE FIX: Use inset: 0 and -webkit-fill-available to bypass env() bugs
   const videoHTML = `
-    <div id="ios-video-bg" style="
-      position: fixed;
-      top: calc(-1 * env(safe-area-inset-top, 0px));
-      left: 0;
-      right: 0;
-      bottom: 0;
-      width: 100vw;
-      height: calc(100vh + env(safe-area-inset-top, 0px));
-      z-index: -1;
-      background: #000;
-    ">
+    <style>
+      #ios-video-bg {
+        position: fixed !important;
+        inset: 0 !important;
+        width: 100vw !important;
+        height: 100vh !important;
+        height: -webkit-fill-available !important;
+        z-index: -1 !important;
+        background: #000 !important;
+      }
+
+      @supports (-webkit-touch-callout: none) {
+        #ios-video-bg {
+          min-height: -webkit-fill-available !important;
+        }
+      }
+
+      #bg-video-element {
+        width: 100% !important;
+        height: 100% !important;
+        object-fit: cover !important;
+        object-position: center !important;
+      }
+    </style>
+    <div id="ios-video-bg">
       <video
         id="bg-video-element"
         autoplay
         muted
         playsinline
-        loop
-        style="
-          width: 100%;
-          height: 100%;
-          object-fit: cover;
-          object-position: top center;
-        ">
+        loop>
         <source src="https://videos.pexels.com/video-files/3571264/3571264-uhd_2560_1440_30fps.mp4" type="video/mp4">
       </video>
       <div style="
diff --git a/apps/website/nuxt.config.ts b/apps/website/nuxt.config.ts
index 0a78313..8e1c1f7 100644
--- a/apps/website/nuxt.config.ts
+++ b/apps/website/nuxt.config.ts
@@ -54,7 +54,9 @@ export default defineNuxtConfig({
   app: {
     head: {
       meta: [
-        { name: 'viewport', content: 'width=device-width, initial-scale=1, viewport-fit=cover' }
+        { name: 'viewport', content: 'width=device-width, initial-scale=1, viewport-fit=cover' },
+        { name: 'apple-mobile-web-app-capable', content: 'yes' },
+        { name: 'apple-mobile-web-app-status-bar-style', content: 'black-translucent' }
       ]
     }
   },