diff --git a/public/images/nav/world-map.png b/public/images/nav/world-map.png
new file mode 100644
index 00000000..4e77f01e
Binary files /dev/null and b/public/images/nav/world-map.png differ
diff --git a/src/data/navigation.json b/src/data/navigation.json
index cf2abdf6..34b8a1ff 100644
--- a/src/data/navigation.json
+++ b/src/data/navigation.json
@@ -20,10 +20,10 @@
               "href": "/essentials"
             },
             {
-              "text": "Pricing",
-              "image": "/images/nav/pricing.png",
-              "desc": "Pssssssst... It's free",
-              "href": "/pricing"
+              "text": "Locations",
+              "image": "/images/nav/world-map.png",
+              "desc": "Deploy at the global edge",
+              "href": "/locations"
             }
           ]
         }
@@ -37,7 +37,6 @@
         {
           "title": "Get started:",
           "items": [
-            { "text": "Locations", "href": "/locations" },
             { "text": "Blog", "href": "/blog" },
             {
               "text": "Videos",
diff --git a/src/v1/styles/components-dark.css b/src/v1/styles/components-dark.css
index e992215b..a860722e 100644
--- a/src/v1/styles/components-dark.css
+++ b/src/v1/styles/components-dark.css
@@ -30,7 +30,22 @@
 
     .nav--main {
       .nav-menu-link {
-        @apply text-glacier-mist-700 opacity-100 hover:opacity-80;
+        @apply text-glacier-mist-700 opacity-100;
+
+        &.link--active {
+          @apply font-semibold;
+        }
+      }
+
+      .nav-menu-item:hover > .nav-menu-link:not(.link--active),
+      .nav-dropdown:focus-within > .nav-menu-link:not(.link--active) {
+        @apply text-canyon-clay---links bg-white font-normal opacity-100;
+      }
+
+      .nav-menu:not(:has(.nav-menu-item:hover)) .nav-menu-link.link--active,
+      .nav-menu-item:hover > .nav-menu-link.link--active,
+      .nav-dropdown:focus-within > .nav-menu-link.link--active {
+        @apply text-canyon-clay---links bg-white font-semibold opacity-100;
       }
     }
   }
diff --git a/src/v1/styles/components-hero.css b/src/v1/styles/components-hero.css
index 9a905e97..a7856ac7 100644
--- a/src/v1/styles/components-hero.css
+++ b/src/v1/styles/components-hero.css
@@ -26,10 +26,6 @@
             }
           }
         }
-
-        .link--active {
-          @apply [&>span]:border-white/70;
-        }
       }
     }
     &.light {
@@ -52,10 +48,6 @@
             }
           }
         }
-
-        .link--active {
-          @apply [&>span]:border-midnight-fjord/70;
-        }
       }
 
       .nav-logo {
diff --git a/src/v1/styles/components-nav.css b/src/v1/styles/components-nav.css
index 247dacd1..816543d4 100644
--- a/src/v1/styles/components-nav.css
+++ b/src/v1/styles/components-nav.css
@@ -57,12 +57,24 @@
     }
 
     .nav-menu-link {
-      @apply flex items-center gap-2 px-3 py-1.5 font-normal opacity-60 hover:opacity-80;
+      @apply flex items-center gap-2 px-3 py-1.5 font-normal opacity-60 transition-colors duration-150;
 
       &.link--active {
-        @apply text-canyon-clay---links rounded-md bg-white font-semibold opacity-100 hover:opacity-80;
+        @apply font-semibold;
       }
     }
+
+    /* Pill: hover preview (normal weight) vs route-active pill (semibold) */
+    .nav-menu-item:hover > .nav-menu-link:not(.link--active),
+    .nav-dropdown:focus-within > .nav-menu-link:not(.link--active) {
+      @apply text-canyon-clay---links rounded-md bg-white font-normal opacity-100;
+    }
+
+    .nav-menu:not(:has(.nav-menu-item:hover)) .nav-menu-link.link--active,
+    .nav-menu-item:hover > .nav-menu-link.link--active,
+    .nav-dropdown:focus-within > .nav-menu-link.link--active {
+      @apply text-canyon-clay---links rounded-md bg-white font-semibold opacity-100;
+    }
   }
 
   /* Dropdown Styles */