fix(website): address accessibility audit findings

website/styles/alternatives.css

@@ -8,6 +8,14 @@
     border-color: rgba(255, 255, 255, 0.22) !important;
     box-shadow: 0 12px 24px -10px rgba(0, 0, 0, 0.4);
 }
+html.theme-light .guide-card {
+    background-color: var(--card-surface) !important;
+    border-color: var(--card-border) !important;
+}
+html.theme-light .guide-card:hover {
+    background-color: var(--card) !important;
+    border-color: oklch(0.52 0.12 150 / 0.35) !important;
+}
 .guide-card .btn-primary {
     transition: background-color 0.2s ease, transform 0.1s ease;
 }
@@ -20,4 +28,3 @@
         gap: 1.25rem !important;
     }
 }
-

website/styles/demo.css

@@ -1162,6 +1162,14 @@ html.theme-light .hero-demo-scene .demo-video::after {
     animation: scrollFore 3s linear infinite !important;
 }
 
+@media (prefers-reduced-motion: reduce) {
+    .step-illustration-3 .film-mtn-scroll,
+    .step-illustration-3 .film-mid-scroll,
+    .step-illustration-3 .film-fore-scroll {
+        animation: none !important;
+    }
+}
+
 @keyframes scrollBack {
     0% { transform: translateX(0); }
     100% { transform: translateX(-160px); }

website/styles/legal.css

@@ -31,6 +31,16 @@
     font-size: 0.95rem;
 }
 
+.legal-inline-link {
+    color: var(--accent);
+    text-decoration: underline;
+    text-underline-offset: 0.15em;
+}
+
+.legal-inline-label {
+    color: var(--text-muted);
+}
+
 /* Reset global section padding for legal sections specifically */
 .legal-card section {
     padding: 0 !important;
@@ -173,4 +183,3 @@
         gap: 0.4rem;
     }
 }
-