Fix critical mobile optimizations for iPhone

- Update viewport meta to prevent zoom-out issues
- Add video preload and smooth fallback transitions
- Implement iOS overscroll bounce prevention
- Center service offering buttons properly
- Add mobile-specific padding and touch target sizing
- Optimize video loading with canplaythrough event
- Add fade-out transition for fallback image

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

apps/website/components/HeroSection.vue

@@ -7,8 +7,10 @@
         loop
         muted
         playsinline
+        preload="metadata"
+        poster="/golden_gate.jpg"
         class="hero-video"
-        @loadeddata="handleVideoLoaded"
+        @canplaythrough="handleVideoLoaded"
       >
         <source
           src="https://videos.pexels.com/video-files/3571264/3571264-uhd_2560_1440_30fps.mp4"
@@ -17,8 +19,8 @@
       </video>
 
       <div
-        v-if="!videoLoaded"
         class="hero-image-fallback"
+        :class="{ 'fade-out': videoLoaded }"
         :style="{ backgroundImage: 'url(/golden_gate.jpg)' }"
       />