diff --git a/.project_index.json b/.project_index.json
index 5424448..a2cd851 100644
--- a/.project_index.json
+++ b/.project_index.json
@@ -397,11 +397,11 @@
     "role": "ui",
     "tags": [],
     "used_in": [
+      "src/components/cardStack/layouts/carousels/ButtonCarousel.tsx",
       "src/components/cardStack/layouts/grid/GridLayout.tsx",
-      "src/components/cardStack/layouts/carousels/AutoCarousel.tsx",
       "src/components/cardStack/CardStack.tsx",
       "src/components/cardStack/layouts/carousels/FullWidthCarousel.tsx",
-      "src/components/cardStack/layouts/carousels/ButtonCarousel.tsx"
+      "src/components/cardStack/layouts/carousels/AutoCarousel.tsx"
     ],
     "can_modify_directly": true,
     "can_delete": true,
@@ -420,15 +420,15 @@
       "product"
     ],
     "used_in": [
+      "src/components/cardStack/layouts/carousels/ButtonCarousel.tsx",
       "src/components/cardStack/layouts/grid/GridLayout.tsx",
+      "src/components/cardStack/layouts/timelines/TimelineBase.tsx",
       "src/components/cardStack/layouts/timelines/TimelineCardStack.tsx",
-      "src/components/cardStack/layouts/timelines/TimelinePhoneView.tsx",
+      "src/components/cardStack/layouts/carousels/FullWidthCarousel.tsx",
       "src/components/cardStack/layouts/carousels/AutoCarousel.tsx",
       "src/components/cardStack/layouts/timelines/TimelineProcessFlow.tsx",
-      "src/components/cardStack/layouts/carousels/FullWidthCarousel.tsx",
-      "src/components/cardStack/layouts/timelines/TimelineHorizontalCardStack.tsx",
-      "src/components/cardStack/layouts/carousels/ButtonCarousel.tsx",
-      "src/components/cardStack/layouts/timelines/TimelineBase.tsx"
+      "src/components/cardStack/layouts/timelines/TimelinePhoneView.tsx",
+      "src/components/cardStack/layouts/timelines/TimelineHorizontalCardStack.tsx"
     ],
     "can_modify_directly": true,
     "can_delete": true,
@@ -679,11 +679,11 @@
       "product"
     ],
     "used_in": [
-      "src/components/cardStack/layouts/grid/GridLayout.tsx",
-      "src/components/cardStack/layouts/carousels/AutoCarousel.tsx",
-      "src/components/cardStack/layouts/timelines/TimelineProcessFlow.tsx",
       "src/components/cardStack/layouts/carousels/ButtonCarousel.tsx",
-      "src/components/cardStack/layouts/timelines/TimelineBase.tsx"
+      "src/components/cardStack/layouts/grid/GridLayout.tsx",
+      "src/components/cardStack/layouts/timelines/TimelineBase.tsx",
+      "src/components/cardStack/layouts/carousels/AutoCarousel.tsx",
+      "src/components/cardStack/layouts/timelines/TimelineProcessFlow.tsx"
     ],
     "can_modify_directly": true,
     "can_delete": true,
@@ -1386,8 +1386,8 @@
       "button"
     ],
     "used_in": [
-      "src/components/navbar/NavbarStyleCentered/NavbarStyleCentered.tsx",
-      "src/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen.tsx"
+      "src/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen.tsx",
+      "src/components/navbar/NavbarStyleCentered/NavbarStyleCentered.tsx"
     ],
     "can_modify_directly": true,
     "can_delete": true,
@@ -1421,12 +1421,12 @@
     "role": "ui",
     "tags": [],
     "used_in": [
+      "src/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay.tsx",
       "src/components/navbar/NavbarStyleApple/NavbarStyleApple.tsx",
-      "src/components/navbar/NavbarStyleMinimal.tsx",
+      "src/components/navbar/NavbarLayoutFloatingInline.tsx",
       "src/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen.tsx",
       "src/components/navbar/NavbarStyleCentered/NavbarStyleCentered.tsx",
-      "src/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay.tsx",
-      "src/components/navbar/NavbarLayoutFloatingInline.tsx"
+      "src/components/navbar/NavbarStyleMinimal.tsx"
     ],
     "can_modify_directly": true,
     "can_delete": true,
@@ -3178,10 +3178,10 @@
       "button"
     ],
     "used_in": [
-      "src/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay.tsx",
-      "src/components/navbar/NavbarStyleMinimal.tsx",
+      "src/components/navbar/NavbarLayoutFloatingInline.tsx",
       "src/components/Textbox.tsx",
-      "src/components/navbar/NavbarLayoutFloatingInline.tsx"
+      "src/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay.tsx",
+      "src/components/navbar/NavbarStyleMinimal.tsx"
     ],
     "can_modify_directly": true,
     "can_delete": true,
@@ -3232,10 +3232,10 @@
     "role": "ui",
     "tags": [],
     "used_in": [
-      "src/components/button/ButtonTextStagger/ButtonTextStagger.tsx",
       "src/components/button/ButtonTextShift/ButtonTextShift.tsx",
-      "src/components/button/ButtonShiftHover/ButtonShiftHover.tsx",
-      "src/components/button/ButtonBounceEffect/ButtonBounceEffect.tsx"
+      "src/components/button/ButtonTextStagger/ButtonTextStagger.tsx",
+      "src/components/button/ButtonBounceEffect/ButtonBounceEffect.tsx",
+      "src/components/button/ButtonShiftHover/ButtonShiftHover.tsx"
     ],
     "can_modify_directly": true,
     "can_delete": true,
@@ -3254,17 +3254,17 @@
       "button"
     ],
     "used_in": [
-      "src/components/button/ButtonElasticEffect/ButtonElasticEffect.tsx",
-      "src/components/button/ButtonIconArrow.tsx",
+      "src/components/button/ButtonTextStagger/ButtonTextStagger.tsx",
       "src/components/button/ButtonHoverMagnetic/ButtonHoverMagnetic.tsx",
-      "src/components/button/ButtonExpandHover.tsx",
       "src/components/button/ButtonTextUnderline.tsx",
-      "src/components/button/ButtonHoverBubble.tsx",
-      "src/components/button/ButtonDirectionalHover/ButtonDirectionalHover.tsx",
+      "src/components/button/ButtonExpandHover.tsx",
       "src/components/button/ButtonBounceEffect/ButtonBounceEffect.tsx",
-      "src/components/button/ButtonTextShift/ButtonTextShift.tsx",
+      "src/components/button/ButtonIconArrow.tsx",
       "src/components/button/ButtonShiftHover/ButtonShiftHover.tsx",
-      "src/components/button/ButtonTextStagger/ButtonTextStagger.tsx"
+      "src/components/button/ButtonDirectionalHover/ButtonDirectionalHover.tsx",
+      "src/components/button/ButtonTextShift/ButtonTextShift.tsx",
+      "src/components/button/ButtonHoverBubble.tsx",
+      "src/components/button/ButtonElasticEffect/ButtonElasticEffect.tsx"
     ],
     "can_modify_directly": true,
     "can_delete": true,
@@ -3302,8 +3302,8 @@
       "button"
     ],
     "used_in": [
-      "src/components/button/Button.tsx",
-      "src/components/navbar/NavbarLayoutFloatingInline.tsx"
+      "src/components/navbar/NavbarLayoutFloatingInline.tsx",
+      "src/components/button/Button.tsx"
     ],
     "can_modify_directly": true,
     "can_delete": true,
diff --git a/src/app/globals.css b/src/app/globals.css
index 233e5fb..aa13b66 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -98,6 +98,16 @@
   --width-carousel-padding: calc((100vw - var(--width-content-width)) / 2 + 1px - var(--vw-1_5));
   --width-carousel-padding-controls: calc((100vw - var(--width-content-width)) / 2 + 1px);
   --width-carousel-padding-expanded: calc((var(--width-content-width-expanded) - var(--width-content-width)) / 2 + 1px - var(--vw-1_5));
+body::after {
+  content: '';
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  height: 100px;
+  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
+  z-index: -1;
+}
 html {
   scroll-behavior: smooth;
 }