improved a lot of things

packages/app/public/features/completion-zone.html

@@ -283,7 +283,7 @@ footer{background:#08080C;border-top:1px solid rgba(255,255,255,0.06);padding:72
     </ul>
     <div class="nav-actions">
       <a href="#" class="btn btn-secondary" style="padding:7px 16px;font-size:.875rem">Log in</a>
-      <a href="#" class="btn btn-primary" style="padding:8px 18px;font-size:.875rem">Request Access</a>
+      <a href="/sign-up" class="btn btn-primary" style="padding:8px 18px;font-size:.875rem">Get Started</a>
       <button class="nav-burger" id="nav-burger" aria-label="Menu"><span></span><span></span><span></span></button>
     </div>
   </div>
@@ -309,7 +309,7 @@ footer{background:#08080C;border-top:1px solid rgba(255,255,255,0.06);padding:72
     </ul>
     <div class="nav-mobile-ctas">
       <a href="#" class="btn btn-secondary">Log in</a>
-      <a href="#" class="btn btn-primary">Request Access</a>
+      <a href="/sign-up" class="btn btn-primary">Get Started</a>
     </div>
   </div>
 </nav>
@@ -321,7 +321,7 @@ footer{background:#08080C;border-top:1px solid rgba(255,255,255,0.06);padding:72
     <h1 class="d1 reveal">AI-filled design,<br>constrained to your system.</h1>
     <p class="subtitle reveal">Describe a component in plain language. Completion Zone generates it using only tokens, variants, and patterns that already exist in your design system — no hallucinated styles, no drift.</p>
     <div class="page-hero-ctas reveal">
-      <a href="#" class="btn btn-white btn-lg">Request Early Access</a>
+      <a href="/sign-up" class="btn btn-white btn-lg">Get Started Free</a>
       <a href="#how-it-works" class="btn btn-outline-white btn-lg">See how it works ↓</a>
     </div>
   </div>
@@ -484,7 +484,7 @@ footer{background:#08080C;border-top:1px solid rgba(255,255,255,0.06);padding:72
         <li><span class="feat-pt-icon"><svg width="14" height="14" viewBox="0 0 14 14" fill="currentColor"><path d="M7 1.5L8.1 5.4 12 6.5l-3.9 1.1L7 11.5 5.9 7.6 2 6.5l3.9-1.1z"/><circle cx="11" cy="2.5" r="1" fill="currentColor" opacity="0.5"/></svg></span>Only spacings from your scale — no magic numbers, no arbitrary pixel values slipping through.</li>
         <li><span class="feat-pt-icon"><svg width="14" height="14" viewBox="0 0 14 14" fill="currentColor"><path d="M7 1.5L8.1 5.4 12 6.5l-3.9 1.1L7 11.5 5.9 7.6 2 6.5l3.9-1.1z"/><circle cx="11" cy="2.5" r="1" fill="currentColor" opacity="0.5"/></svg></span>Generates real code, not images — the output is a live component on your artboard, not a static screenshot.</li>
       </ul>
-      <a href="#" class="btn btn-primary">Request early access</a>
+      <a href="/sign-up" class="btn btn-primary">Get Started</a>
     </div>
 
     <!-- Two-column comparison visual -->
@@ -728,7 +728,7 @@ footer{background:#08080C;border-top:1px solid rgba(255,255,255,0.06);padding:72
     <h2 class="cta-headline">Fill the gaps in your<br>design system.</h2>
     <p class="cta-sub">Early access is free. Connect your Origin Graph and run your first completion in under two minutes.</p>
     <div class="cta-actions">
-      <a href="#" class="btn btn-white btn-lg">Request Early Access</a>
+      <a href="/sign-up" class="btn btn-white btn-lg">Get Started Free</a>
       <a href="/" class="btn btn-outline-white btn-lg">Back to overview</a>
     </div>
   </div>