diff --git a/apps/website/assets/css/voyage-layout.css b/apps/website/assets/css/voyage-layout.css
index f4da441..9edd27e 100644
--- a/apps/website/assets/css/voyage-layout.css
+++ b/apps/website/assets/css/voyage-layout.css
@@ -453,7 +453,7 @@ html {
     top: calc(-1 * var(--hero-safe-area-top));
     height: calc(100lvh + var(--hero-safe-area-top));
     transform: translate3d(0, var(--parallax-offset, 0px), 0);
-    z-index: -1; /* Behind content */
+    z-index: 0; /* Behind content */
     pointer-events: none;
 }
 
@@ -501,9 +501,10 @@ html {
     flex-direction: column;
     justify-content: center;
     align-items: center;
+    gap: var(--space-md);
     text-align: center;
     /* Apply safe area padding HERE to protect content from being obscured */
-    padding: max(var(--safe-area-cover-top), var(--space-md)) var(--space-md) max(var(--safe-area-bottom), var(--space-md));
+    padding: calc(max(var(--safe-area-cover-top), var(--space-lg))) var(--space-md) calc(max(var(--safe-area-bottom), var(--space-lg)) + var(--space-sm));
 }
 
 .trust-badge {
diff --git a/apps/website/components/HeroSection.vue b/apps/website/components/HeroSection.vue
index 92218bc..b0211bb 100644
--- a/apps/website/components/HeroSection.vue
+++ b/apps/website/components/HeroSection.vue
@@ -206,11 +206,10 @@ onMounted(() => {
 }
 
 /* Scroll to explore indicator */
+
 .scroll-to-explore {
-  position: absolute;
-  bottom: 40px;
-  left: 50%;
-  transform: translateX(-50%);
+  margin-top: auto;
+  margin-bottom: var(--space-md);
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -224,7 +223,7 @@ onMounted(() => {
 
 .scroll-to-explore:hover {
   opacity: 1;
-  transform: translateX(-50%) translateY(-3px);
+  transform: translateY(-3px);
 }
 
 .scroll-to-explore span {
@@ -242,13 +241,13 @@ onMounted(() => {
 
 @keyframes bounce {
   0%, 20%, 50%, 80%, 100% {
-    transform: translateX(-50%) translateY(0);
+    transform: translateY(0);
   }
   40% {
-    transform: translateX(-50%) translateY(-10px);
+    transform: translateY(-10px);
   }
   60% {
-    transform: translateX(-50%) translateY(-5px);
+    transform: translateY(-5px);
   }
 }