fix(landing): avoid light-mode gradient flicker

Author: jddunn

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

@@ -147,6 +147,14 @@ function trackPricingClick() {
   -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;
+  -webkit-text-fill-color: var(--text-primary) !important;
+  color: var(--text-primary) !important;
+}
+
 :global(.body--light) .cta-content p {
   color: var(--text-secondary) !important;
 }
@@ -156,4 +164,3 @@ function trackPricingClick() {
 }
 </style>
 
-

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

@@ -619,6 +619,15 @@ onMounted(async () => {
   color: var(--text-primary) !important;
 }
 
+:global(html[data-light-safe="1"] body.body--light) .hero-title .title-line-1 .word .gradient-word {
+  background: none !important;
+  -webkit-background-clip: initial !important;
+  background-clip: initial !important;
+  -webkit-text-fill-color: var(--text-primary) !important;
+  color: var(--text-primary) !important;
+  animation: none !important;
+}
+
 :global(.body--light) .hero-title .title-line-2 strong {
   color: var(--text-secondary) !important;
   -webkit-text-fill-color: var(--text-secondary) !important;
@@ -631,6 +640,14 @@ onMounted(async () => {
   -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;
+  -webkit-text-fill-color: var(--text-secondary) !important;
+  color: var(--text-secondary) !important;
+}
+
 :global(.body--light) .demo-btn {
   color: var(--text-primary) !important;
 }