fix(landing): stabilize light mode (no transparent gradients)

Author: jddunn

apps/web/src/components/landing/CTASection.vue

@@ -141,13 +141,6 @@ function trackPricingClick() {
 }
 
 :global(.body--light) .cta-content h2 {
-  background: linear-gradient(135deg, var(--text-primary) 0%, var(--primary) 100%) !important;
-  -webkit-background-clip: text !important;
-  background-clip: text !important;
-  -webkit-text-fill-color: transparent !important;
-}
-
-:global(html[data-light-safe="1"] body.body--light) .cta-content h2 {
   background: none !important;
   -webkit-background-clip: initial !important;
   background-clip: initial !important;
@@ -163,4 +156,3 @@ function trackPricingClick() {
   color: var(--text-primary) !important;
 }
 </style>
-

apps/web/src/components/landing/HeroSection.vue

@@ -619,7 +619,7 @@ onMounted(async () => {
   color: var(--text-primary) !important;
 }
 
-:global(html[data-light-safe="1"] body.body--light) .hero-title .title-line-1 .word .gradient-word {
+:global(.body--light) .hero-title .title-line-1 .word .gradient-word {
   background: none !important;
   -webkit-background-clip: initial !important;
   background-clip: initial !important;
@@ -634,13 +634,6 @@ onMounted(async () => {
 }
 
 :global(.body--light) .hero-title .title-line-2.colorized strong {
-  background: linear-gradient(135deg, #0d9488 0%, #00d4aa 100%) !important;
-  -webkit-background-clip: text !important;
-  background-clip: text !important;
-  -webkit-text-fill-color: transparent !important;
-}
-
-:global(html[data-light-safe="1"] body.body--light) .hero-title .title-line-2.colorized strong {
   background: none !important;
   -webkit-background-clip: initial !important;
   background-clip: initial !important;

apps/web/src/css/app.scss

@@ -1893,14 +1893,12 @@ body.body--light {
 }
 
 // ============================================
-// Light Safe Mode (Landing)
-// Prevent light-mode flicker in calm presets by avoiding transparent-fill gradients
-// and forcing key top-of-landing reveal elements visible.
-// Enabled via html[data-light-safe="1"] set by the theme store.
+// Landing Page Light Mode Stability
+// Avoid transparent-fill gradients and heavy backdrop-filter effects in light mode
+// (Chrome can intermittently render transparent text as invisible).
 // ============================================
 
-html[data-light-safe="1"] body.body--light {
-  // Prefer solid text in light mode to avoid intermittent transparent rendering in Chrome.
+body.body--light {
   .landing-page {
     .gradient-text,
     .gradient-word,
@@ -1912,27 +1910,10 @@ html[data-light-safe="1"] body.body--light {
       animation: none !important;
     }
 
-    // Disable backdrop-filter effects in light-safe mode (can cause flicker on Chrome).
     * {
       backdrop-filter: none !important;
     }
   }
-
-  // CrossPlatformShowcase: avoid reveal flicker (opacity 0 -> 1).
-  .cross-platform-section {
-    .badge,
-    .iphone-showcase,
-    .showcase-content {
-      opacity: 1 !important;
-      transform: none !important;
-    }
-  }
-
-  // Hero DAG labels: never start hidden.
-  .hero-dag-visualization .node-label {
-    opacity: 1 !important;
-    animation: none !important;
-  }
 }