fix: finally resolve iOS safe area issue by removing body background

- Remove body background that was blocking video from showing in safe areas
- Add main-content wrapper with white background for content sections
- This allows video to extend into safe areas while keeping content readable
- Root cause: body's white background was covering entire viewport including safe areas

apps/website/assets/css/voyage-layout.css

@@ -233,7 +233,8 @@ img {
 body {
     font-family: var(--font-sans);
     color: var(--text-dark);
-    background: var(--bg-light); /* Body needs light background for content sections */
+    /* Background removed to allow video to extend into safe areas */
+    /* Content sections will have their own backgrounds */
     max-width: 100vw !important;
     position: relative;
     line-height: 1.6;

apps/website/pages/index.vue

@@ -3,6 +3,8 @@
     <!-- Hero Section with Video Background -->
     <HeroSection />
 
+    <!-- Main content wrapper with white background -->
+    <div class="main-content">
       <!-- Welcome Section -->
       <WelcomeSection />
 
@@ -21,6 +23,7 @@
       <!-- Booking Section -->
       <BookingSection />
     </div>
+  </div>
 </template>
 
 <script setup lang="ts">
@@ -53,3 +56,11 @@ useHead({
 
 // Structured data temporarily disabled pending nuxt-seo-utils update
 </script>
+
+<style scoped>
+.main-content {
+  background: #ffffff;
+  position: relative;
+  z-index: 1;
+}
+</style>