Make footer links vertical and nav download scroll to CTA

- Footer links now stack vertically instead of horizontal row
- Nav "Download" button scrolls to the #download CTA section
  instead of linking directly to the App Store

Co-Authored-By: Claude Opus 4.6 (1M context) <[email protected]>

landing/src/components/Footer.astro

@@ -55,7 +55,8 @@ const PLAY_STORE_URL = "https://play.google.com/store/apps/details?id=nl.resoftw
   }
   .footer-links {
     display: flex;
-    gap: 2rem;
+    flex-direction: column;
+    gap: 0.6rem;
   }
   .footer-links a {
     font-size: 0.85rem;

landing/src/components/Nav.astro

@@ -1,5 +1,4 @@
 ---
-const APP_STORE_URL = "https://apps.apple.com/nl/app/pocketgraph/id1604368926";
 ---
 <nav id="nav">
   <div class="nav-inner">
@@ -7,7 +6,7 @@ const APP_STORE_URL = "https://apps.apple.com/nl/app/pocketgraph/id1604368926";
       <img src="/logo.png" alt="PocketGraph icon" class="nav-icon" />
       <span>PocketGraph</span>
     </a>
-    <a href={APP_STORE_URL} class="nav-dl" target="_blank" rel="noopener">
+    <a href="#download" class="nav-dl">
       Download
     </a>
   </div>

landing/src/pages/index.astro

@@ -189,7 +189,7 @@ const PLAY_STORE_URL = "https://play.google.com/store/apps/details?id=nl.resoftw
 </div>
 
 <!-- ─── CTA ───────────────────────────────────────────────── -->
-<section class="cta">
+<section class="cta" id="download">
   <div class="cta-glow"></div>
   <div class="section-inner cta-inner">
     <img src="/logo.png" alt="PocketGraph" class="cta-icon" />