fix(web): improve lifecycle table text contrast and link visibility (#1005)

* fix(web): improve lifecycle table text contrast and link visibility

- Raise tbody cell color from --av-text-muted (55% lightness) to 78%
  lightness for readable body text on dark background
- Add explicit td a link styling using --av-indigo (cyan) with hover state

Co-Authored-By: Claude Sonnet 4.6 (1M context) <noreply@anthropic.com>

* fix(web): hide last table column and fade on narrow mobile

On viewports ≤ 480px, hide "What it does" column and the scroll fade
so Layer / Tool / When fit cleanly without overflow or gradient artefact.

Co-Authored-By: Claude Sonnet 4.6 (1M context) <noreply@anthropic.com>

* fix(web): remove table fade gradient on mobile, keep all columns

The av-table-fade overlay was causing the visual line artefact.
Remove the gradient on <=480px and set min-width so the table
stays fully scrollable with all 4 columns accessible.

Co-Authored-By: Claude Sonnet 4.6 (1M context) <noreply@anthropic.com>

---------

Co-authored-by: Claude Sonnet 4.6 (1M context) <noreply@anthropic.com>

Author: christso

apps/web/src/components/Lander.astro

@@ -1031,7 +1031,18 @@ th.av-col-highlight {
 tbody td {
   padding: 0.75rem 1.25rem;
   border-bottom: 1px solid var(--av-surface-border);
-  color: var(--av-text-muted);
+  color: hsl(240, 5%, 78%);
+}
+
+tbody td a {
+  color: var(--av-indigo);
+  text-decoration: none;
+  transition: color 0.15s;
+}
+
+tbody td a:hover {
+  color: hsl(185, 80%, 65%);
+  text-decoration: underline;
 }
 
 td.av-col-highlight {
@@ -1235,6 +1246,14 @@ td code {
   .av-footer-cta {
     padding: 3rem 0;
   }
+
+  .av-table-fade {
+    display: none;
+  }
+
+  table {
+    min-width: 480px;
+  }
 }
 
 @media (min-width: 769px) and (max-width: 1024px) {