diff --git a/site/assets/css/style.css b/site/assets/css/style.css
index 7f55c5f..bca14cd 100644
--- a/site/assets/css/style.css
+++ b/site/assets/css/style.css
@@ -96,7 +96,7 @@ img {
 /* ── Skip to content (accessibility) ───────────────────────────────────────── */
 .skip-link {
   position: absolute;
-  top: -100px;
+  top: 8px;
   left: 16px;
   z-index: 9999;
   background: var(--fitme-accent);
@@ -106,11 +106,12 @@ img {
   font-weight: 700;
   font-size: .9rem;
   text-decoration: none;
-  transition: top .2s;
+  transform: translateY(-108px);
+  transition: transform .2s;
 }
 
 .skip-link:focus {
-  top: 8px;
+  transform: translateY(0);
 }
 
 /* ── Focus ring (accessibility) ────────────────────────────────────────────── */
@@ -348,15 +349,17 @@ section[id] {
   position: absolute;
   bottom: -2px;
   left: 0;
-  width: 0;
+  width: 100%;
   height: 2px;
   background: var(--fitme-accent);
-  transition: width var(--fitme-transition);
+  transform: scaleX(0);
+  transform-origin: left;
+  transition: transform var(--fitme-transition);
 }
 
 .nav-link:hover:after,
 .nav-item.active .nav-link:after {
-  width: 100%;
+  transform: scaleX(1);
 }
 
 .nav-link:hover,
@@ -374,7 +377,7 @@ section[id] {
   border: 2px solid #b71c1c;
   border-radius: var(--fitme-radius);
   padding: 6px 14px !important;
-  transition: all var(--fitme-transition);
+  transition: background-color var(--fitme-transition), color var(--fitme-transition);
 }
 
 .crossfit-nav-link:after {
@@ -752,7 +755,7 @@ section[id] {
   margin: 0 auto 1.5rem;
   font-size: 2.5rem;
   color: var(--fitme-accent);
-  transition: all var(--fitme-transition);
+  transition: background-color var(--fitme-transition), transform var(--fitme-transition);
 }
 
 .icon-box-item .ib-icon img {
@@ -2726,7 +2729,7 @@ h3.contact-title {
   padding: 9px 20px;
   border-radius: var(--fitme-radius);
   cursor: pointer;
-  transition: all var(--fitme-transition);
+  transition: border-color var(--fitme-transition), color var(--fitme-transition);
 }
 
 .sdf-btn:hover {