diff --git a/docs/website/assets/site.css b/docs/website/assets/site.css
index 9ca8151..d9d9399 100644
--- a/docs/website/assets/site.css
+++ b/docs/website/assets/site.css
@@ -32,6 +32,12 @@
 html { scroll-behavior: smooth; }
 @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
 
+/* Menu jumps land below the 66px sticky nav. Sections carry their own top
+   padding, so they only need the phone-width top-up (see the 560px query);
+   unpadded targets such as the Support cards need the full nav height. */
+[id] { scroll-margin-top: 86px; }
+section[id], main[id] { scroll-margin-top: 0; }
+
 body {
   margin: 0;
   font: 17px/1.65 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
@@ -419,6 +425,8 @@ details.faq .body a { color: var(--green); }
 .reveal[data-d="3"] { transition-delay: .24s; }
 
 /* --- Responsive ---------------------------------------------------------- */
+/* The full menu plus the Support page's extra Home button only fit from ~1080px. */
+@media (max-width: 1080px) { .nav-cta .btn-ghost { display: none; } }
 @media (max-width: 940px) {
   .nav-links { display: none; }
   .nav-toggle { display: inline-flex; }
@@ -427,6 +435,9 @@ details.faq .body a { color: var(--green); }
     position: absolute; top: 66px; left: 0; right: 0;
     background: rgba(8,11,10,.96); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
     border-bottom: 1px solid var(--line); padding: 14px 22px 20px;
+    /* Short screens (a phone in landscape) can't fit every item: scroll the menu itself. */
+    max-height: calc(100vh - 66px); max-height: calc(100dvh - 66px);
+    overflow-y: auto; overscroll-behavior: contain;
   }
   .nav.open .nav-links a { padding: 8px 0; width: 100%; font-size: 1.05rem; }
 
@@ -441,6 +452,7 @@ details.faq .body a { color: var(--green); }
 }
 @media (max-width: 560px) {
   section { padding: 64px 0; }
+  section[id] { scroll-margin-top: 24px; }
   .grid-mini { grid-template-columns: 1fr; }
   .shot-strip, .shot-strip.cols-2, .shot-strip.cols-3 { grid-template-columns: 1fr; }
   .hero-actions .btn { width: 100%; }
diff --git a/docs/website/index.html b/docs/website/index.html
index 50fb710..6cd6bc1 100644
--- a/docs/website/index.html
+++ b/docs/website/index.html
@@ -41,7 +41,7 @@
       <a href="#ai-coach">AI Coach</a>
       <a href="#share">Share</a>
       <a href="try.html">Try it</a>
-      <a href="setup.html">Setup guide</a>
+      <a href="setup.html">Setup Guide</a>
       <a href="#privacy">Privacy</a>
       <a href="#faq">FAQ</a>
       <a href="support.html">Support</a>
@@ -233,11 +233,11 @@ <h2>See every momentum swing</h2>
       <!-- Points won / lost — the momentum graph filtered (sits under "See every momentum swing") -->
       <div class="shot-strip cols-2 reveal">
         <figure>
-          <div class="phone glow-green"><img src="screenshots/07-points-outcomes-won.png" alt="Points graph filtered to the points you won." loading="lazy" width="1179" height="2556"></div>
+          <div class="phone glow-green"><img src="screenshots/07-points-outcomes-won.png" alt="Points graph filtered to the points you won." loading="lazy" width="1206" height="2622"></div>
           <figcaption>Points you won — where you took control.</figcaption>
         </figure>
         <figure>
-          <div class="phone glow-blue"><img src="screenshots/08-points-outcomes-lost.png" alt="Points graph filtered to the points you lost." loading="lazy" width="1179" height="2556"></div>
+          <div class="phone glow-blue"><img src="screenshots/08-points-outcomes-lost.png" alt="Points graph filtered to the points you lost." loading="lazy" width="1206" height="2622"></div>
           <figcaption>Points you lost — where it slipped away.</figcaption>
         </figure>
       </div>
@@ -305,15 +305,15 @@ <h2>More inspiration than the coach you pay for</h2>
 
       <div class="shot-strip cols-3 reveal">
         <figure>
-          <div class="phone"><img src="screenshots/10-ai-coach-prompt.png" alt="The generated coaching prompt, ready to paste into any AI app." loading="lazy" width="1179" height="2556"></div>
+          <div class="phone"><img src="screenshots/10-ai-coach-prompt.png" alt="The generated coaching prompt, ready to paste into any AI app." loading="lazy" width="2400" height="3200"></div>
           <figcaption>A ready-to-paste coaching prompt</figcaption>
         </figure>
         <figure>
-          <div class="phone"><img src="screenshots/11-ai-coach-stats.png" alt="Match statistics included in the AI export." loading="lazy" width="1179" height="2556"></div>
+          <div class="phone"><img src="screenshots/11-ai-coach-stats.png" alt="Match statistics included in the AI export." loading="lazy" width="2400" height="3200"></div>
           <figcaption>Every stat, included automatically</figcaption>
         </figure>
         <figure>
-          <div class="phone"><img src="screenshots/12-ai-coach-raw-data.png" alt="The full point-by-point data table included in the AI export." loading="lazy" width="1179" height="2556"></div>
+          <div class="phone"><img src="screenshots/12-ai-coach-raw-data.png" alt="The full point-by-point data table included in the AI export." loading="lazy" width="2400" height="3200"></div>
           <figcaption>The full point-by-point record</figcaption>
         </figure>
       </div>
@@ -465,7 +465,8 @@ <h2 style="font-size:clamp(1.3rem,3vw,1.7rem);">Curious how it feels? Try it now
       <a href="#stats">Stats</a>
       <a href="#ai-coach">AI Coach</a>
       <a href="#share">Share</a>
-      <a href="setup.html">Setup guide</a>
+      <a href="try.html">Try it</a>
+      <a href="setup.html">Setup Guide</a>
       <a href="support.html">Support</a>
       <a href="privacy.html">Privacy</a>
       <a href="https://github.com/EMRahman/DeuceMate" target="_blank" rel="noopener">GitHub</a>
diff --git a/docs/website/setup.html b/docs/website/setup.html
index a62fa1a..9212134 100644
--- a/docs/website/setup.html
+++ b/docs/website/setup.html
@@ -32,9 +32,14 @@
       DeuceMate
     </a>
     <nav class="nav-links" id="nav-links" aria-label="Primary">
+      <a href="index.html#scoring">Scoring</a>
       <a href="index.html#stats">Stats</a>
       <a href="index.html#ai-coach">AI Coach</a>
-      <a href="setup.html" aria-current="page">Setup guide</a>
+      <a href="index.html#share">Share</a>
+      <a href="try.html">Try it</a>
+      <a href="setup.html" aria-current="page">Setup Guide</a>
+      <a href="index.html#privacy">Privacy</a>
+      <a href="index.html#faq">FAQ</a>
       <a href="support.html">Support</a>
     </nav>
     <div class="nav-cta">
@@ -643,10 +648,17 @@ <h2>That's it — enjoy your tennis! 🎾</h2>
       DeuceMate
     </a>
     <nav class="footer-links" aria-label="Footer">
+      <a href="index.html#scoring">Scoring</a>
       <a href="index.html#stats">Stats</a>
-      <a href="setup.html">Setup guide</a>
+      <a href="index.html#ai-coach">AI Coach</a>
+      <a href="index.html#share">Share</a>
+      <a href="try.html">Try it</a>
+      <a href="setup.html" aria-current="page">Setup Guide</a>
       <a href="support.html">Support</a>
       <a href="privacy.html">Privacy</a>
+      <a href="https://github.com/EMRahman/DeuceMate" target="_blank" rel="noopener">GitHub</a>
+      <a href="mailto:mail@ehsanrahman.com">Contact</a>
+      <a href="https://ehsanrahman.com" target="_blank" rel="noopener">ehsanrahman.com</a>
     </nav>
     <p class="fine">© 2026 Ehsan Rahman · Drawings of App Store and Watch app screens are simplified illustrations. DeuceMate is not affiliated with Apple Inc.</p>
   </div>
diff --git a/docs/website/support.html b/docs/website/support.html
index 7206323..a113e32 100644
--- a/docs/website/support.html
+++ b/docs/website/support.html
@@ -32,11 +32,15 @@
       DeuceMate
     </a>
     <nav class="nav-links" id="nav-links" aria-label="Primary">
-      <a href="#getting-started">Getting started</a>
-      <a href="#troubleshooting">Troubleshooting</a>
-      <a href="#faq">FAQ</a>
+      <a href="index.html#scoring">Scoring</a>
       <a href="index.html#stats">Stats</a>
-      <a href="privacy.html">Privacy</a>
+      <a href="index.html#ai-coach">AI Coach</a>
+      <a href="index.html#share">Share</a>
+      <a href="try.html">Try it</a>
+      <a href="setup.html">Setup Guide</a>
+      <a href="index.html#privacy">Privacy</a>
+      <a href="index.html#faq">FAQ</a>
+      <a href="support.html" aria-current="page">Support</a>
     </nav>
     <div class="nav-cta">
       <a class="btn btn-primary btn-sm" href="https://apps.apple.com/app/id6757105622" target="_blank" rel="noopener">Download<span class="nav-dl-extra"> — free</span></a>
@@ -174,10 +178,17 @@ <h2>Contact &amp; feedback</h2>
       DeuceMate
     </a>
     <nav class="footer-links" aria-label="Footer">
-      <a href="index.html">Home</a>
+      <a href="index.html#scoring">Scoring</a>
       <a href="index.html#stats">Stats</a>
+      <a href="index.html#ai-coach">AI Coach</a>
+      <a href="index.html#share">Share</a>
+      <a href="try.html">Try it</a>
+      <a href="setup.html">Setup Guide</a>
+      <a href="support.html" aria-current="page">Support</a>
       <a href="privacy.html">Privacy</a>
+      <a href="https://github.com/EMRahman/DeuceMate" target="_blank" rel="noopener">GitHub</a>
       <a href="mailto:mail@ehsanrahman.com">Contact</a>
+      <a href="https://ehsanrahman.com" target="_blank" rel="noopener">ehsanrahman.com</a>
     </nav>
     <p class="fine">© 2026 Ehsan Rahman · Built with ❤️ for tennis players worldwide 🎾 · DeuceMate is not affiliated with Apple Inc. Apple, Apple Watch and the App Store are trademarks of Apple Inc.</p>
   </div>
diff --git a/docs/website/try.html b/docs/website/try.html
index 464c908..b6fef35 100644
--- a/docs/website/try.html
+++ b/docs/website/try.html
@@ -35,9 +35,14 @@
       DeuceMate
     </a>
     <nav class="nav-links" id="nav-links" aria-label="Primary">
+      <a href="index.html#scoring">Scoring</a>
       <a href="index.html#stats">Stats</a>
       <a href="index.html#ai-coach">AI Coach</a>
+      <a href="index.html#share">Share</a>
+      <a href="try.html" aria-current="page">Try it</a>
+      <a href="setup.html">Setup Guide</a>
       <a href="index.html#privacy">Privacy</a>
+      <a href="index.html#faq">FAQ</a>
       <a href="support.html">Support</a>
     </nav>
     <div class="nav-cta">
@@ -247,10 +252,17 @@ <h2>Like it? Take it to the court.</h2>
       DeuceMate
     </a>
     <nav class="footer-links" aria-label="Footer">
+      <a href="index.html#scoring">Scoring</a>
       <a href="index.html#stats">Stats</a>
       <a href="index.html#ai-coach">AI Coach</a>
+      <a href="index.html#share">Share</a>
+      <a href="try.html" aria-current="page">Try it</a>
+      <a href="setup.html">Setup Guide</a>
       <a href="support.html">Support</a>
       <a href="privacy.html">Privacy</a>
+      <a href="https://github.com/EMRahman/DeuceMate" target="_blank" rel="noopener">GitHub</a>
+      <a href="mailto:mail@ehsanrahman.com">Contact</a>
+      <a href="https://ehsanrahman.com" target="_blank" rel="noopener">ehsanrahman.com</a>
     </nav>
     <p class="fine">© 2026 Ehsan Rahman · This browser demo is for fun — the Apple Watch app is the real scorer. DeuceMate is not affiliated with Apple Inc.</p>
   </div>