unify buttoms and links

Co-authored-by: Copilot <copilot@github.com>

Author: daddysloth

roadmap.html

@@ -141,23 +141,64 @@ <h1>Products suite</h1>
         <div class="sub-divider"></div>
 
         <p>
-          <a href="https://autotrac.sloxen.com" target="_blank" rel="noopener">AutoTrac</a> is a portable application that helps freelancers and small teams understand where their time and income actually go.
+          <a
+            href="https://autotrac.sloxen.com/"
+            target="_blank"
+            rel="noopener"
+            class="pill"
+            style="display:inline-block; text-decoration:none; font-weight:800;"
+          >
+            AutoTrac
+        </a> is a portable application that helps freelancers and small teams understand where their time and income actually go.
         </p>
 
          <p>
-          <a href="https://autoweave.sloxen.com" target="_blank" rel="noopener">AutoWeave</a> is a web application that helps small businesses bring scattered operational data together and prepare it for reliable analysis.
+          <a
+            href="https://autoweave.sloxen.com/"
+            target="_blank"
+            rel="noopener"
+            class="pill"
+            style="display:inline-block; text-decoration:none; font-weight:800;"
+          >
+            AutoWeave
+        </a> is a web application that helps small businesses bring scattered operational data together and prepare it for reliable analysis.
         </p>
 
         <p>
-          <a href="https://autored.sloxen.com" target="_blank" rel="noopener">AutoPred</a> is a web application that enables individuals and small teams to interpret their historical data and plan ahead with greater confidence.
+          <a
+            href="https://autopred.sloxen.com/"
+            target="_blank"
+            rel="noopener"
+            class="pill"
+            style="display:inline-block; text-decoration:none; font-weight:800;"
+          >
+            AutoPred
+          </a> is a web application that enables individuals and small teams to interpret their historical data and plan ahead with greater confidence.
         </p>
 
         <p>
-          <a href="https://autovisuals.sloxen.com" target="_blank" rel="noopener">AutoVisuals</a> is a pipeline that helps creators and teams produce consistent, high-quality visual assets at scale.
+          <a
+            href="https://autovisuals.sloxen.com/"
+            target="_blank"
+            rel="noopener"
+            class="pill"
+            style="display:inline-block; text-decoration:none; font-weight:800;"
+          >
+            AutoVisuals
+          </a> is a pipeline that helps creators and teams produce consistent, high-quality visual assets at scale.
         </p>
         <div class="sub-divider"></div>
         <p>
-          Find the full list of products and details at <a href="https://sloxen.com/products.html" target="_blank" rel="noopener">Sloxen™ Products Hub</a>
+          Find the full list of products and details at <a href="https://sloxen.com/" target="_blank" rel="noopener" style="text-decoration:none;"><b>Sloxen™<b> </a>
+            <a
+            href="https://sloxen.com/products.html"
+            target="_blank"
+            rel="noopener"
+            class="pill"
+            style="display:inline-block; text-decoration:none; font-weight:800;"
+          >
+            Products Hub
+          </a>
         </p>
       </div>
     </section>

tech.html

@@ -189,6 +189,8 @@ <h4 class="aw-card__title">Project (optional)</h4>
             </div>
           </section>
 
+          <div class="sub-divider"></div>
+
           <!-- RIGHT PANE -->
           <section class="aw-pane" aria-label="See (preview and visualisation)">
             <div class="aw-pane__header">
@@ -291,10 +293,7 @@ <h1>Use cases</h1>
         <div class="about-quote">
           <p class="quote-lead">Correctness depends on context.</p>
           <p class="quote-body">AutoWeave makes that context structured, transparent, and repeatable.</p>
-        </div>
-
-        <div class="spacer-xl"></div>
-
+        </div> 
         <p>
           Coming soon...
         </p>