diff --git a/src/styles/fx-system.css b/src/styles/fx-system.css
index 4145288..1a95cb6 100644
--- a/src/styles/fx-system.css
+++ b/src/styles/fx-system.css
@@ -757,6 +757,12 @@ body, .fx-utility-bar, .fx-nav, .fx-hero-content, .fx-case, .fx-services, .fx-ca
 .fx-nav-dropdown a.active{background:var(--coral);color:#FAFAFA}
 .fx-nav-menu a.active{color:var(--coral)}
 .fx-nav-menu a.active::after{content:'';display:block;height:2px;background:var(--coral);margin-top:4px}
+
+/* Override v7-5 .fx-nav-menu>li border-bottom that escaped the @media
+   block during Phase 6.2 refactor. The border was meant for MOBILE only
+   (separating stacked menu items) but applied to all viewports — caused
+   a 1px gray line under every nav item in desktop. Kill it on desktop. */
+.fx-nav-menu>li { border-bottom: none; }
 @media (max-width:768px){
   .fx-nav-inner{flex-direction:column;align-items:flex-start;padding:12px 16px}
   .fx-nav-menu{flex-direction:column;width:100%;gap:0}