/* =========================================================
   CWF PAGES v1.0 — premium upgrade for cwf-v430 inner pages
   Scoped to .cwf-landing-root.cwf-v430
   Progressive: all overrides use !important to beat cwf-landing.css
   SEO-safe: no DOM changes, only visual upgrades
   ========================================================= */

/* ===================================================
   MOTION SAFE
=================================================== */
@media (prefers-reduced-motion: reduce) {
  .cwf-landing-root.cwf-v430 *,
  .cwf-landing-root.cwf-v430 *::before,
  .cwf-landing-root.cwf-v430 *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
  }
}

/* ===================================================
   1. PAGE BACKGROUND — vibrant deep blue (not black)
=================================================== */
.cwf-landing-root.cwf-v430 {
  background: linear-gradient(158deg, #071535 0%, #0d2468 42%, #1040b8 72%, #1a52d4 100%) !important;
  min-height: 100vh !important;
}
.cwf-landing-root.cwf-v430 .bg-frost {
  display: none !important;
}

/* Subtle star-field overlay */
.cwf-landing-root.cwf-v430::before {
  content: '' !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background-image:
    radial-gradient(1px 1px at 12% 18%, rgba(255,255,255,.55) 0%, transparent 100%),
    radial-gradient(1px 1px at 58% 9%,  rgba(255,255,255,.40) 0%, transparent 100%),
    radial-gradient(1px 1px at 84% 31%, rgba(255,255,255,.50) 0%, transparent 100%),
    radial-gradient(1px 1px at 33% 72%, rgba(255,255,255,.35) 0%, transparent 100%),
    radial-gradient(1px 1px at 76% 65%, rgba(255,255,255,.45) 0%, transparent 100%),
    radial-gradient(1.5px 1.5px at 46% 42%, rgba(255,255,255,.60) 0%, transparent 100%),
    radial-gradient(1px 1px at 91% 88%, rgba(255,255,255,.30) 0%, transparent 100%),
    radial-gradient(1px 1px at 22% 95%, rgba(255,255,255,.35) 0%, transparent 100%) !important;
}

/* ===================================================
   2. TOPBAR / HEADER
=================================================== */
.cwf-landing-root.cwf-v430 .topbar,
.cwf-landing-root.cwf-v430 header.topbar {
  background: rgba(4, 14, 36, 0.90) !important;
  backdrop-filter: blur(22px) !important;
  -webkit-backdrop-filter: blur(22px) !important;
  border-bottom: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: 0 2px 24px rgba(0,0,0,.45) !important;
}
.cwf-landing-root.cwf-v430 .topbar .menu a {
  color: rgba(255,255,255,.82) !important;
  transition: color .2s ease !important;
}
.cwf-landing-root.cwf-v430 .topbar .menu a:hover {
  color: #4dd9ff !important;
}
.cwf-landing-root.cwf-v430 .brand,
.cwf-landing-root.cwf-v430 .brand-fallback {
  color: #ffffff !important;
}

/* ===================================================
   3. BREADCRUMB
=================================================== */
.cwf-landing-root.cwf-v430 .cwf-breadcrumb {
  background: rgba(255,255,255,.05) !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
}
.cwf-landing-root.cwf-v430 .cwf-breadcrumb a,
.cwf-landing-root.cwf-v430 .cwf-breadcrumb span {
  color: rgba(255,255,255,.65) !important;
}
.cwf-landing-root.cwf-v430 .cwf-breadcrumb a:hover {
  color: #4dd9ff !important;
}

/* ===================================================
   4. HERO SECTION
=================================================== */
.cwf-landing-root.cwf-v430 .hero {
  background: transparent !important;
  position: relative !important;
  overflow: hidden !important;
}
.cwf-landing-root.cwf-v430 .hero::before {
  content: '' !important;
  position: absolute !important;
  inset: -50% -20% 0 -20% !important;
  background: conic-gradient(
    from 200deg at 60% 40%,
    rgba(21,184,255,0) 0deg,
    rgba(21,184,255,.12) 60deg,
    rgba(124,77,255,.14) 140deg,
    rgba(6,238,125,.09) 210deg,
    rgba(21,184,255,0) 280deg
  ) !important;
  filter: blur(55px) !important;
  pointer-events: none !important;
  z-index: 0 !important;
  animation: cwfPagesAurora 22s linear infinite !important;
}
@keyframes cwfPagesAurora {
  0%   { transform: rotate(0deg) scale(1.05); }
  100% { transform: rotate(360deg) scale(1.05); }
}

.cwf-landing-root.cwf-v430 .hero .container,
.cwf-landing-root.cwf-v430 .hero .hero-grid {
  position: relative !important;
  z-index: 1 !important;
}

/* Hero pill badge */
.cwf-landing-root.cwf-v430 .pill,
.cwf-landing-root.cwf-v430 .pill-blue {
  background: rgba(21,184,255,.15) !important;
  border: 1px solid rgba(21,184,255,.35) !important;
  color: #7dd9ff !important;
  backdrop-filter: blur(8px) !important;
}

/* H1 */
.cwf-landing-root.cwf-v430 .hero h1 {
  color: #ffffff !important;
  text-shadow: 0 2px 40px rgba(21,184,255,.25) !important;
}
.cwf-landing-root.cwf-v430 .hero h1 .grad,
.cwf-landing-root.cwf-v430 .hero h1 span.grad {
  background: linear-gradient(100deg, #4dd9ff 0%, #8be9ff 20%, #ffd429 44%, #12f07e 70%, #4dd9ff 100%) !important;
  background-size: 220% auto !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: cwfPagesGrad 7s linear infinite !important;
}
@keyframes cwfPagesGrad {
  0%   { background-position: 0% center; }
  100% { background-position: 220% center; }
}

/* Lead text */
.cwf-landing-root.cwf-v430 .hero .lead,
.cwf-landing-root.cwf-v430 .hero p.lead {
  color: rgba(255,255,255,.82) !important;
}

/* Hero copy card — dark glass so white text is readable */
.cwf-landing-root.cwf-v430 .hero-copy {
  background: rgba(4, 14, 48, 0.72) !important;
  border-color: rgba(21, 184, 255, 0.22) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
}

/* Trust cards in hero */
.cwf-landing-root.cwf-v430 .trust-card {
  background: rgba(255,255,255,.07) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border-radius: 12px !important;
  transition: background .25s ease, transform .25s ease !important;
}
.cwf-landing-root.cwf-v430 .trust-card:hover {
  background: rgba(255,255,255,.12) !important;
  transform: translateY(-2px) !important;
}
.cwf-landing-root.cwf-v430 .trust-card b {
  color: #ffd429 !important;
  display: block !important;
  margin-bottom: 4px !important;
}
.cwf-landing-root.cwf-v430 .trust-card span {
  color: rgba(255,255,255,.70) !important;
  font-size: .85em !important;
}

/* Halo art */
.cwf-landing-root.cwf-v430 .halo {
  background: radial-gradient(ellipse at center, rgba(21,184,255,.20) 0%, transparent 68%) !important;
}

/* Float cards on hero art */
.cwf-landing-root.cwf-v430 .float-card {
  background: rgba(255,255,255,.10) !important;
  border: 1px solid rgba(255,255,255,.22) !important;
  backdrop-filter: blur(16px) !important;
  color: #fff !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.35) !important;
}

/* ===================================================
   5. BUTTONS — premium glow on hover
=================================================== */
.cwf-landing-root.cwf-v430 .btn-yellow {
  background: linear-gradient(135deg, #ffd429 0%, #ffb700 100%) !important;
  color: #0a1a2e !important;
  font-weight: 700 !important;
  box-shadow: 0 4px 18px rgba(255,212,41,.35) !important;
  transition: box-shadow .3s ease, transform .2s ease !important;
  position: relative !important;
  overflow: hidden !important;
}
.cwf-landing-root.cwf-v430 .btn-yellow::before {
  content: '' !important;
  position: absolute !important;
  inset: -2px !important;
  border-radius: inherit !important;
  z-index: -1 !important;
  background: conic-gradient(from 0deg, #ffd429, #fff6c0, #15b8ff, #ffd429) !important;
  filter: blur(8px) !important;
  opacity: 0 !important;
  transition: opacity .3s ease !important;
  animation: cwfBtnGlow 4s linear infinite !important;
}
.cwf-landing-root.cwf-v430 .btn-yellow:hover::before {
  opacity: .7 !important;
}
.cwf-landing-root.cwf-v430 .btn-yellow:hover {
  box-shadow: 0 8px 28px rgba(255,212,41,.50) !important;
  transform: translateY(-1px) !important;
}
@keyframes cwfBtnGlow {
  0%   { filter: blur(8px) hue-rotate(0deg); }
  100% { filter: blur(8px) hue-rotate(360deg); }
}

.cwf-landing-root.cwf-v430 .btn-blue,
.cwf-landing-root.cwf-v430 .btn-green {
  transition: box-shadow .3s ease, transform .2s ease !important;
}
.cwf-landing-root.cwf-v430 .btn-blue:hover {
  box-shadow: 0 6px 22px rgba(21,100,255,.40) !important;
  transform: translateY(-1px) !important;
}
.cwf-landing-root.cwf-v430 .btn-green:hover {
  box-shadow: 0 6px 22px rgba(6,238,125,.35) !important;
  transform: translateY(-1px) !important;
}

/* ===================================================
   6. SECTION HEADS & TEXT
=================================================== */
.cwf-landing-root.cwf-v430 .section-head h2,
.cwf-landing-root.cwf-v430 h2 {
  color: #ffffff !important;
}
.cwf-landing-root.cwf-v430 .section-head p,
.cwf-landing-root.cwf-v430 h3 {
  color: rgba(255,255,255,.85) !important;
}
.cwf-landing-root.cwf-v430 p {
  color: rgba(255,255,255,.78) !important;
}
.cwf-landing-root.cwf-v430 .eyebrow {
  color: #4dd9ff !important;
  font-weight: 600 !important;
  letter-spacing: .06em !important;
}

/* ===================================================
   7. SERVICE / CONTENT CARDS
=================================================== */
.cwf-landing-root.cwf-v430 .service-card,
.cwf-landing-root.cwf-v430 article.service-card {
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  color: rgba(255,255,255,.85) !important;
  border-radius: 16px !important;
  transition: background .3s ease, border-color .3s ease, transform .3s ease, box-shadow .3s ease !important;
  position: relative !important;
  overflow: hidden !important;
}
.cwf-landing-root.cwf-v430 .service-card::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: inherit !important;
  background: linear-gradient(135deg, rgba(255,255,255,.07) 0%, transparent 60%) !important;
  pointer-events: none !important;
}
.cwf-landing-root.cwf-v430 .service-card:hover {
  background: rgba(255,255,255,.10) !important;
  border-color: rgba(77,217,255,.35) !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 40px rgba(21,184,255,.18) !important;
}
.cwf-landing-root.cwf-v430 .service-card h3 {
  color: #ffffff !important;
}
.cwf-landing-root.cwf-v430 .service-card p {
  color: rgba(255,255,255,.75) !important;
}

/* Chip tags */
.cwf-landing-root.cwf-v430 .chip {
  background: rgba(21,184,255,.12) !important;
  border: 1px solid rgba(21,184,255,.25) !important;
  color: #7dd9ff !important;
  border-radius: 999px !important;
  padding: 4px 12px !important;
  font-size: .82em !important;
}

/* ===================================================
   8. LOCAL AREA CARDS (service-area pages)
=================================================== */
.cwf-landing-root.cwf-v430 .local-focus-card {
  background: rgba(21,184,255,.08) !important;
  border: 1px solid rgba(21,184,255,.22) !important;
  backdrop-filter: blur(14px) !important;
  border-radius: 18px !important;
  color: rgba(255,255,255,.88) !important;
}
.cwf-landing-root.cwf-v430 .local-badge {
  background: linear-gradient(135deg, #4dd9ff, #ffd429) !important;
  color: #04122a !important;
  font-weight: 700 !important;
  border-radius: 999px !important;
  padding: 4px 14px !important;
  font-size: .82em !important;
}
.cwf-landing-root.cwf-v430 .local-list-card {
  background: rgba(255,255,255,.05) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  backdrop-filter: blur(10px) !important;
  border-radius: 18px !important;
  color: rgba(255,255,255,.85) !important;
}
.cwf-landing-root.cwf-v430 .area {
  background: rgba(255,255,255,.08) !important;
  border: 1px solid rgba(255,255,255,.15) !important;
  color: rgba(255,255,255,.80) !important;
  border-radius: 8px !important;
  padding: 4px 10px !important;
  font-size: .85em !important;
  display: inline-block !important;
  margin: 3px !important;
  transition: background .2s ease, color .2s ease !important;
}
.cwf-landing-root.cwf-v430 .area:hover,
.cwf-landing-root.cwf-v430 .area.is-focus {
  background: rgba(21,184,255,.18) !important;
  border-color: rgba(21,184,255,.40) !important;
  color: #7dd9ff !important;
}
.cwf-landing-root.cwf-v430 .local-note {
  color: rgba(255,255,255,.55) !important;
  font-size: .88em !important;
}

/* ===================================================
   9. STANDARD / WHY SECTION
=================================================== */
.cwf-landing-root.cwf-v430 .standard-section,
.cwf-landing-root.cwf-v430 .standard-section-compact {
  background: rgba(255,255,255,.03) !important;
  border-top: 1px solid rgba(255,255,255,.08) !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
}
.cwf-landing-root.cwf-v430 .standard-copy h2 {
  color: #fff !important;
}
.cwf-landing-root.cwf-v430 .standard-copy p {
  color: rgba(255,255,255,.78) !important;
}
.cwf-landing-root.cwf-v430 .standard-points > div {
  padding: 10px 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.07) !important;
}
.cwf-landing-root.cwf-v430 .standard-points b {
  color: #fff !important;
}
.cwf-landing-root.cwf-v430 .standard-points p {
  color: rgba(255,255,255,.70) !important;
  margin: 4px 0 0 !important;
}
.cwf-landing-root.cwf-v430 .check {
  color: #12f07e !important;
  font-weight: 700 !important;
}
.cwf-landing-root.cwf-v430 .mini-proof {
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 14px !important;
  padding: 16px !important;
  color: rgba(255,255,255,.85) !important;
  margin-bottom: 12px !important;
  transition: background .25s ease !important;
}
.cwf-landing-root.cwf-v430 .mini-proof:hover {
  background: rgba(255,255,255,.10) !important;
}
.cwf-landing-root.cwf-v430 .mini-proof b {
  color: #ffd429 !important;
  display: block !important;
  margin-bottom: 4px !important;
}
.cwf-landing-root.cwf-v430 .mini-proof span {
  color: rgba(255,255,255,.68) !important;
  font-size: .88em !important;
}

/* ===================================================
   10. PRICE SECTION
=================================================== */
.cwf-landing-root.cwf-v430 .price-zone {
  background: rgba(255,255,255,.03) !important;
}
.cwf-landing-root.cwf-v430 .price-card {
  background: rgba(255,255,255,.07) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  backdrop-filter: blur(14px) !important;
  border-radius: 18px !important;
  transition: border-color .3s ease, box-shadow .3s ease !important;
}
.cwf-landing-root.cwf-v430 .price-card:hover {
  border-color: rgba(77,217,255,.35) !important;
  box-shadow: 0 12px 36px rgba(21,184,255,.16) !important;
}
.cwf-landing-root.cwf-v430 .price-head h3 {
  color: #fff !important;
}
.cwf-landing-root.cwf-v430 .price-head span {
  color: rgba(255,255,255,.60) !important;
}
.cwf-landing-root.cwf-v430 .price-row {
  background: transparent !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
}
.cwf-landing-root.cwf-v430 .service-name {
  color: rgba(255,255,255,.82) !important;
}
.cwf-landing-root.cwf-v430 .price-num {
  color: #ffd429 !important;
  font-weight: 800 !important;
  font-size: 1.3em !important;
}
.cwf-landing-root.cwf-v430 .price-num small {
  color: rgba(255,255,255,.55) !important;
  font-size: .55em !important;
  font-weight: 400 !important;
}
.cwf-landing-root.cwf-v430 .price-note-card {
  background: rgba(255,255,255,.05) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 18px !important;
  padding: 20px !important;
}
.cwf-landing-root.cwf-v430 .note-item {
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  color: rgba(255,255,255,.82) !important;
}
/* All base-CSS white-gradient cards — override to dark glass */
.cwf-landing-root.cwf-v430 .wash-card,
.cwf-landing-root.cwf-v430 .airtype-card,
.cwf-landing-root.cwf-v430 .why-card,
.cwf-landing-root.cwf-v430 .step,
.cwf-landing-root.cwf-v430 .faq-mascot,
.cwf-landing-root.cwf-v430 .social-visual,
.cwf-landing-root.cwf-v430 .social-copy,
.cwf-landing-root.cwf-v430 .standard-points > div,
.cwf-landing-root.cwf-v430 .trust-fast-copy {
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
}
.cwf-landing-root.cwf-v430 .wash-card *,
.cwf-landing-root.cwf-v430 .airtype-card *,
.cwf-landing-root.cwf-v430 .why-card *,
.cwf-landing-root.cwf-v430 .step *,
.cwf-landing-root.cwf-v430 .faq-mascot *,
.cwf-landing-root.cwf-v430 .social-copy * {
  color: rgba(255,255,255,.82) !important;
}
.cwf-landing-root.cwf-v430 .btn-white {
  background: rgba(255,255,255,.12) !important;
  border: 1px solid rgba(255,255,255,.25) !important;
  color: #fff !important;
  backdrop-filter: blur(8px) !important;
  transition: background .25s ease, border-color .25s ease !important;
}
.cwf-landing-root.cwf-v430 .btn-white:hover {
  background: rgba(255,255,255,.20) !important;
  border-color: rgba(77,217,255,.40) !important;
}

/* ===================================================
   11. FAQ SECTION
=================================================== */
.cwf-landing-root.cwf-v430 #faq,
.cwf-landing-root.cwf-v430 section#faq {
  background: rgba(255,255,255,.02) !important;
}
.cwf-landing-root.cwf-v430 .faq-list details {
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 12px !important;
  margin-bottom: 10px !important;
  overflow: hidden !important;
  transition: background .25s ease !important;
}
.cwf-landing-root.cwf-v430 .faq-list details[open] {
  background: rgba(255,255,255,.09) !important;
  border-color: rgba(77,217,255,.25) !important;
}
.cwf-landing-root.cwf-v430 .faq-list summary {
  color: #ffffff !important;
  font-weight: 600 !important;
  padding: 14px 18px !important;
  cursor: pointer !important;
  list-style: none !important;
}
.cwf-landing-root.cwf-v430 .faq-list summary::-webkit-details-marker {
  display: none !important;
}
.cwf-landing-root.cwf-v430 .faq-list details p {
  color: rgba(255,255,255,.75) !important;
  padding: 0 18px 14px !important;
  margin: 0 !important;
}
.cwf-landing-root.cwf-v430 .faq-mascot h3 {
  color: #fff !important;
}
.cwf-landing-root.cwf-v430 .faq-mascot p {
  color: rgba(255,255,255,.72) !important;
}

/* ===================================================
   12. FINAL CTA SECTION
=================================================== */
.cwf-landing-root.cwf-v430 .final-cta-section {
  background: rgba(21,184,255,.06) !important;
  border-top: 1px solid rgba(21,184,255,.18) !important;
}
.cwf-landing-root.cwf-v430 .final-cta {
  background: transparent !important;
}
.cwf-landing-root.cwf-v430 .final-cta img {
  background: transparent !important;
}
.cwf-landing-root.cwf-v430 .final-copy h2 {
  color: #fff !important;
}
.cwf-landing-root.cwf-v430 .final-copy p {
  color: rgba(255,255,255,.78) !important;
}

/* ===================================================
   13. FOOTER
=================================================== */
.cwf-landing-root.cwf-v430 footer {
  background: rgba(4,14,36,.80) !important;
  border-top: 1px solid rgba(255,255,255,.10) !important;
}
.cwf-landing-root.cwf-v430 .footer-grid {
  background: transparent !important;
}
.cwf-landing-root.cwf-v430 footer p,
.cwf-landing-root.cwf-v430 footer a,
.cwf-landing-root.cwf-v430 footer h3 {
  color: rgba(255,255,255,.75) !important;
}
.cwf-landing-root.cwf-v430 footer h3 {
  color: #fff !important;
}
.cwf-landing-root.cwf-v430 footer a:hover {
  color: #4dd9ff !important;
}
.cwf-landing-root.cwf-v430 .copyright {
  color: rgba(255,255,255,.45) !important;
  border-top: 1px solid rgba(255,255,255,.08) !important;
  padding-top: 16px !important;
}

/* ===================================================
   14. SCROLL REVEAL (compatible with .reveal/.show)
=================================================== */
.cwf-landing-root.cwf-v430 .reveal {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .65s cubic-bezier(.22,.8,.2,1), transform .65s cubic-bezier(.22,.8,.2,1);
}
.cwf-landing-root.cwf-v430 .reveal.show {
  opacity: 1;
  transform: translateY(0);
}

/* ===================================================
   15. REVIEWS SECTION — dark theme for light cards
=================================================== */
.cwf-landing-root.cwf-v430 .cwf-real-review-section,
.cwf-landing-root.cwf-v430 .cwf-real-review-home {
  background: rgba(255,255,255,.03) !important;
  border-top: 1px solid rgba(255,255,255,.08) !important;
}
.cwf-landing-root.cwf-v430 .cwf-real-review-card,
.cwf-landing-root.cwf-v430 .cwf-real-review-card-v2 {
  background: rgba(255,255,255,.08) !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  box-shadow: 0 8px 32px rgba(0,0,0,.35) !important;
  border-radius: 18px !important;
}
.cwf-landing-root.cwf-v430 .cwf-real-review-card:hover,
.cwf-landing-root.cwf-v430 .cwf-real-review-card-v2:hover {
  background: rgba(255,255,255,.12) !important;
  border-color: rgba(77,217,255,.30) !important;
  box-shadow: 0 12px 40px rgba(21,184,255,.18) !important;
}
.cwf-landing-root.cwf-v430 .cwf-review-text-card {
  background: transparent !important;
}
.cwf-landing-root.cwf-v430 .cwf-review-stars {
  color: #ffd429 !important;
}
.cwf-landing-root.cwf-v430 .cwf-real-review-card blockquote,
.cwf-landing-root.cwf-v430 .cwf-real-review-card-v2 blockquote {
  color: rgba(255,255,255,.88) !important;
  border-left: 3px solid rgba(21,184,255,.50) !important;
  padding-left: 12px !important;
}
.cwf-landing-root.cwf-v430 .cwf-real-review-card p strong,
.cwf-landing-root.cwf-v430 .cwf-real-review-card-v2 p strong {
  color: #ffffff !important;
  font-weight: 700 !important;
}
.cwf-landing-root.cwf-v430 .cwf-real-review-card p span,
.cwf-landing-root.cwf-v430 .cwf-real-review-card-v2 p span {
  color: rgba(255,255,255,.55) !important;
  font-size: .85em !important;
}
.cwf-landing-root.cwf-v430 .cwf-real-review-card figcaption {
  color: rgba(255,255,255,.82) !important;
}
.cwf-landing-root.cwf-v430 .cwf-review-seo-summary {
  background: rgba(255,255,255,.05) !important;
  border-radius: 14px !important;
  padding: 16px 20px !important;
  border: 1px solid rgba(255,255,255,.10) !important;
}
.cwf-landing-root.cwf-v430 .cwf-review-scroll-note {
  color: rgba(255,255,255,.45) !important;
  font-size: .88em !important;
}

/* ===================================================
   16. STICKY CTA
=================================================== */
.cwf-landing-root.cwf-v430 .sticky-cta {
  background: rgba(4,14,36,.92) !important;
  backdrop-filter: blur(20px) !important;
  border-top: 1px solid rgba(255,255,255,.12) !important;
  box-shadow: 0 -4px 24px rgba(0,0,0,.45) !important;
}

/* ===================================================
   17. MOBILE NAV PANEL
=================================================== */
.cwf-landing-root.cwf-v430 .mobile-panel {
  background: rgba(4,14,36,.96) !important;
  backdrop-filter: blur(20px) !important;
  border-top: 1px solid rgba(255,255,255,.10) !important;
}
.cwf-landing-root.cwf-v430 .mobile-panel a {
  color: rgba(255,255,255,.85) !important;
  border-bottom: 1px solid rgba(255,255,255,.07) !important;
}
.cwf-landing-root.cwf-v430 .mobile-panel a:hover {
  color: #4dd9ff !important;
  background: rgba(21,184,255,.08) !important;
}

/* Hamburger icon */
.cwf-landing-root.cwf-v430 .hamb span {
  background: rgba(255,255,255,.85) !important;
}

/* ===================================================
   18. BEFORE / AFTER SECTION
=================================================== */
.cwf-landing-root.cwf-v430 .before-after-section {
  padding: clamp(48px,7vw,96px) 0 !important;
  background: rgba(255,255,255,.02) !important;
  border-top: 1px solid rgba(255,255,255,.08) !important;
}

/* Drag Slider */
.cwf-landing-root.cwf-v430 .ba-slider {
  position: relative !important;
  width: 100% !important;
  max-width: 860px !important;
  margin: 0 auto 48px !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  cursor: ew-resize !important;
  user-select: none !important;
  box-shadow: 0 16px 48px rgba(0,0,0,.50) !important;
  aspect-ratio: 4/3 !important;
}
.cwf-landing-root.cwf-v430 .ba-after,
.cwf-landing-root.cwf-v430 .ba-before {
  position: absolute !important;
  inset: 0 !important;
}
.cwf-landing-root.cwf-v430 .ba-after img,
.cwf-landing-root.cwf-v430 .ba-before img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  pointer-events: none !important;
}
.cwf-landing-root.cwf-v430 .ba-before {
  clip-path: inset(0 calc(100% - var(--ba-split,50%)) 0 0) !important;
  z-index: 2 !important;
}
.cwf-landing-root.cwf-v430 .ba-after {
  z-index: 1 !important;
}
.cwf-landing-root.cwf-v430 .ba-label {
  position: absolute !important;
  top: 14px !important;
  font-size: .82em !important;
  font-weight: 700 !important;
  padding: 4px 12px !important;
  border-radius: 999px !important;
  letter-spacing: .06em !important;
  pointer-events: none !important;
  z-index: 10 !important;
}
.cwf-landing-root.cwf-v430 .ba-label-before {
  left: 14px !important;
  background: rgba(255,60,60,.85) !important;
  color: #fff !important;
}
.cwf-landing-root.cwf-v430 .ba-label-after {
  right: 14px !important;
  background: rgba(6,199,85,.85) !important;
  color: #fff !important;
}
.cwf-landing-root.cwf-v430 .ba-handle {
  position: absolute !important;
  top: 0 !important; bottom: 0 !important;
  left: var(--ba-split,50%) !important;
  width: 3px !important;
  background: #fff !important;
  transform: translateX(-50%) !important;
  pointer-events: none !important;
  z-index: 5 !important;
}
.cwf-landing-root.cwf-v430 .ba-handle::after {
  content: '◀ ▶' !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%,-50%) !important;
  background: #fff !important;
  color: #111 !important;
  border-radius: 999px !important;
  font-size: .75em !important;
  padding: 6px 10px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
  box-shadow: 0 2px 12px rgba(0,0,0,.35) !important;
}
.cwf-landing-root.cwf-v430 .ba-range {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  opacity: 0 !important;
  cursor: ew-resize !important;
  margin: 0 !important;
  z-index: 6 !important;
  -webkit-appearance: none !important;
}

/* Problem gallery */
.cwf-landing-root.cwf-v430 .ba-problems {
  display: grid !important;
  grid-template-columns: repeat(3,1fr) !important;
  gap: 20px !important;
  margin-bottom: 40px !important;
}
@media (max-width: 640px) {
  .cwf-landing-root.cwf-v430 .ba-problems {
    grid-template-columns: 1fr !important;
  }
  .cwf-landing-root.cwf-v430 .ba-result {
    flex-direction: column !important;
  }
}
.cwf-landing-root.cwf-v430 .ba-problem-card {
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,60,60,.20) !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  transition: transform .3s ease, box-shadow .3s ease !important;
}
.cwf-landing-root.cwf-v430 .ba-problem-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 36px rgba(255,60,60,.18) !important;
}
.cwf-landing-root.cwf-v430 .ba-problem-card img {
  width: 100% !important;
  height: 200px !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
}
.cwf-landing-root.cwf-v430 .ba-problem-label {
  background: rgba(255,60,60,.18) !important;
  color: #ff8080 !important;
  font-weight: 700 !important;
  font-size: .85em !important;
  padding: 6px 14px !important;
}
.cwf-landing-root.cwf-v430 .ba-problem-card p {
  padding: 10px 14px 14px !important;
  color: rgba(255,255,255,.72) !important;
  font-size: .88em !important;
  margin: 0 !important;
}

/* Result / temperature proof */
.cwf-landing-root.cwf-v430 .ba-result {
  display: flex !important;
  gap: 28px !important;
  align-items: center !important;
  background: rgba(6,199,85,.07) !important;
  border: 1px solid rgba(6,199,85,.22) !important;
  border-radius: 18px !important;
  padding: 24px !important;
  margin-bottom: 32px !important;
}
.cwf-landing-root.cwf-v430 .ba-result img {
  width: 220px !important;
  height: 180px !important;
  object-fit: cover !important;
  border-radius: 12px !important;
  flex-shrink: 0 !important;
}
.cwf-landing-root.cwf-v430 .ba-result-text h3 {
  color: #12f07e !important;
  margin: 0 0 4px !important;
}
.cwf-landing-root.cwf-v430 .ba-temp {
  font-size: 3em !important;
  font-weight: 900 !important;
  color: #ffd429 !important;
  margin: 0 0 8px !important;
  line-height: 1 !important;
}
.cwf-landing-root.cwf-v430 .ba-result-text p:last-child {
  color: rgba(255,255,255,.70) !important;
  font-size: .9em !important;
}

/* ===================================================
   19. LOGO SIZE + HAMBURGER BUTTON FIX
=================================================== */
/* Shrink logo in topbar */
.cwf-landing-root.cwf-v430 .topbar .cwf-logo-img {
  height: 44px !important;
  width: auto !important;
  max-width: 160px !important;
}
.cwf-landing-root.cwf-v430 .brand {
  background: transparent !important;
  padding: 4px 0 !important;
}
/* Hamburger button — transparent so burger lines show on dark header */
.cwf-landing-root.cwf-v430 .hamb {
  background: transparent !important;
  border: 2px solid rgba(255,255,255,.50) !important;
  border-radius: 8px !important;
  padding: 7px 8px !important;
  cursor: pointer !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 4px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  box-sizing: border-box !important;
}
.cwf-landing-root.cwf-v430 .hamb span {
  background: #ffffff !important;
  display: block !important;
  height: 2px !important;
  width: 18px !important;
  border-radius: 2px !important;
}

/* ===================================================
   20. ARTICLE PAGES — card backgrounds & text colors
=================================================== */
.cwf-landing-root.cwf-v430 .cwf-answer-box {
  background: rgba(21,184,255,.09) !important;
  border: 1px solid rgba(21,184,255,.28) !important;
  border-radius: 14px !important;
  padding: 18px 22px !important;
  margin-bottom: 24px !important;
}
.cwf-landing-root.cwf-v430 .cwf-answer-box > span:first-child {
  color: #4dd9ff !important;
  font-weight: 700 !important;
  font-size: .84em !important;
  display: block !important;
  margin-bottom: 6px !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
}
.cwf-landing-root.cwf-v430 .cwf-answer-box p {
  color: rgba(255,255,255,.85) !important;
  margin: 0 !important;
}
.cwf-landing-root.cwf-v430 .cwf-safe-card {
  background: rgba(255,255,255,.07) !important;
  border: 1px solid rgba(255,255,255,.15) !important;
  border-radius: 14px !important;
  padding: 20px 22px !important;
}
.cwf-landing-root.cwf-v430 .cwf-safe-card.good {
  background: rgba(6,199,85,.08) !important;
  border-color: rgba(6,199,85,.28) !important;
}
.cwf-landing-root.cwf-v430 .cwf-safe-card.warn {
  background: rgba(255,175,0,.08) !important;
  border-color: rgba(255,175,0,.28) !important;
}
.cwf-landing-root.cwf-v430 .cwf-safe-card h2 {
  color: #ffffff !important;
  margin-top: 0 !important;
}
.cwf-landing-root.cwf-v430 .cwf-safe-card p {
  color: rgba(255,255,255,.80) !important;
}
.cwf-landing-root.cwf-v430 .cwf-safe-card li {
  color: rgba(255,255,255,.80) !important;
  line-height: 1.7 !important;
}
.cwf-landing-root.cwf-v430 .cwf-photo-wide div h2 {
  color: #ffffff !important;
}
.cwf-landing-root.cwf-v430 .cwf-photo-wide div p {
  color: rgba(255,255,255,.78) !important;
}
.cwf-landing-root.cwf-v430 .cwf-article-toc {
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 14px !important;
  padding: 16px 20px !important;
  margin-bottom: 20px !important;
}
.cwf-landing-root.cwf-v430 .cwf-article-toc b {
  color: #4dd9ff !important;
  display: block !important;
  margin-bottom: 8px !important;
  font-size: .88em !important;
  letter-spacing: .04em !important;
}
.cwf-landing-root.cwf-v430 .cwf-article-toc a {
  color: rgba(255,255,255,.75) !important;
  display: block !important;
  padding: 3px 0 !important;
  font-size: .88em !important;
  text-decoration: none !important;
}
.cwf-landing-root.cwf-v430 .cwf-article-toc a:hover {
  color: #4dd9ff !important;
}
.cwf-landing-root.cwf-v430 .cwf-side-cta {
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 14px !important;
  padding: 18px 20px !important;
  margin-top: 20px !important;
}
.cwf-landing-root.cwf-v430 .cwf-side-cta b {
  color: #ffffff !important;
  display: block !important;
  margin-bottom: 6px !important;
}
.cwf-landing-root.cwf-v430 .cwf-side-cta p {
  color: rgba(255,255,255,.72) !important;
  font-size: .88em !important;
}
.cwf-landing-root.cwf-v430 .cwf-related-links h2 {
  color: #ffffff !important;
}
.cwf-landing-root.cwf-v430 .cwf-related-links > p {
  color: rgba(255,255,255,.72) !important;
}

/* ===================================================
   21. PRICE SECTION — strikethrough / urgency elements
=================================================== */
.cwf-landing-root.cwf-v430 .cwf430-promo-banner {
  background: linear-gradient(90deg,#c41f1f 0%,#e85c00 100%) !important;
  color: #fff !important;
  text-align: center !important;
  padding: 13px 20px !important;
  font-weight: 700 !important;
  font-size: .93rem !important;
  border-radius: 14px !important;
  margin-bottom: 22px !important;
  box-shadow: 0 4px 20px rgba(180,30,30,.45) !important;
  letter-spacing: .01em !important;
}
/* Wrapper so save tag + orig price stack above the price number */
.cwf-landing-root.cwf-v430 .price-num-wrap {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  gap: 1px !important;
}
.cwf-landing-root.cwf-v430 .cwf430-save {
  display: inline-block !important;
  background: #e53333 !important;
  color: #fff !important;
  font-size: .60rem !important;
  font-weight: 700 !important;
  padding: 2px 7px !important;
  border-radius: 999px !important;
  letter-spacing: .02em !important;
  line-height: 1.4 !important;
}
.cwf-landing-root.cwf-v430 .cwf430-orig {
  display: block !important;
  font-size: .74rem !important;
  color: rgba(255,255,255,.38) !important;
  text-decoration: line-through !important;
  letter-spacing: .01em !important;
  font-weight: 400 !important;
  line-height: 1.3 !important;
}
.cwf-landing-root.cwf-v430 .cwf430-reg-box {
  background: rgba(255,255,255,.04) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 14px !important;
  padding: 16px 20px !important;
  margin-top: 20px !important;
  font-size: .84rem !important;
  color: rgba(255,255,255,.55) !important;
  line-height: 1.65 !important;
}
.cwf-landing-root.cwf-v430 .cwf430-reg-box strong {
  color: rgba(255,255,255,.78) !important;
  display: block !important;
  margin-bottom: 5px !important;
  font-size: .88rem !important;
}

/* ===================================================
   22. OTHER PRICES — cassette/repair/install cards
=================================================== */
.cwf-landing-root.cwf-v430 .other-prices {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  margin-top: 18px !important;
  padding-top: 18px !important;
  border-top: 1px solid rgba(255,255,255,.10) !important;
  grid-column: 1 / -1 !important;
}
.cwf-landing-root.cwf-v430 .other-price {
  background: rgba(255,255,255,.05) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 12px !important;
  padding: 13px 18px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
  transition: background .25s ease, border-color .25s ease !important;
}
.cwf-landing-root.cwf-v430 .other-price:hover {
  background: rgba(255,255,255,.09) !important;
  border-color: rgba(77,217,255,.28) !important;
}
.cwf-landing-root.cwf-v430 .other-price b {
  color: #ffffff !important;
  font-size: .92em !important;
  font-weight: 700 !important;
}
.cwf-landing-root.cwf-v430 .other-price span {
  color: rgba(255,255,255,.60) !important;
  font-size: .84em !important;
  line-height: 1.5 !important;
}
/* Promo banner + reg-box span full width inside price-cards grid */
.cwf-landing-root.cwf-v430 .price-cards > .cwf430-promo-banner,
.cwf-landing-root.cwf-v430 .price-cards > .cwf430-reg-box {
  grid-column: 1 / -1 !important;
}

/* ===================================================
   23. SECTION-LEVEL WHITE GRADIENT OVERRIDES
   All base-CSS sections that use white gradient backgrounds
   need to be reset to transparent so the page gradient shows
=================================================== */
.cwf-landing-root.cwf-v430 .local-area-section,
.cwf-landing-root.cwf-v430 .airtypes-section,
.cwf-landing-root.cwf-v430 .social-section,
.cwf-landing-root.cwf-v430 .wash-types-section,
.cwf-landing-root.cwf-v430 .work-proof-section,
.cwf-landing-root.cwf-v430 .standard-section,
.cwf-landing-root.cwf-v430 .about-story-section,
.cwf-landing-root.cwf-v430 .map-section,
.cwf-landing-root.cwf-v430 .final-image {
  background: rgba(255,255,255,.02) !important;
  background-image: none !important;
}
/* proof-text-item cards (about page / reviews) */
.cwf-landing-root.cwf-v430 .proof-text-item {
  background: rgba(255,255,255,.06) !important;
  background-image: none !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  color: rgba(255,255,255,.82) !important;
}
.cwf-landing-root.cwf-v430 .proof-text-item * {
  color: rgba(255,255,255,.82) !important;
}

/* ===================================================
   24. PAGE-SPECIFIC WHITE-BACKGROUND ELEMENTS
=================================================== */
/* Map section on contact page */
.cwf-landing-root.cwf-v430 .map-section {
  border-top: 1px solid rgba(255,255,255,.08) !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
}
.cwf-landing-root.cwf-v430 .map-copy h2 {
  color: #ffffff !important;
}
.cwf-landing-root.cwf-v430 .map-copy p,
.cwf-landing-root.cwf-v430 .map-copy li {
  color: rgba(255,255,255,.78) !important;
}
.cwf-landing-root.cwf-v430 .map-frame {
  background: rgba(255,255,255,.04) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 16px !important;
  overflow: hidden !important;
}
/* Info/send-info card */
.cwf-landing-root.cwf-v430 .send-info-card,
.cwf-landing-root.cwf-v430 .info-card,
.cwf-landing-root.cwf-v430 .contact-info-card {
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
}
.cwf-landing-root.cwf-v430 .send-info-card *,
.cwf-landing-root.cwf-v430 .info-card *,
.cwf-landing-root.cwf-v430 .contact-info-card * {
  color: rgba(255,255,255,.82) !important;
}

/* Article page — video card */
.cwf-landing-root.cwf-v430 .cwf-video-card {
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  border-radius: 16px !important;
  overflow: hidden !important;
}
.cwf-landing-root.cwf-v430 .cwf-video-card h3 {
  color: #ffffff !important;
  padding: 12px 16px 4px !important;
}
.cwf-landing-root.cwf-v430 .cwf-video-card p {
  color: rgba(255,255,255,.78) !important;
  padding: 0 16px 12px !important;
}

/* ABOUT PAGE — story card & contact card */
.cwf-landing-root.cwf-v430 .about-story-section {
  background: rgba(255,255,255,.02) !important;
}
.cwf-landing-root.cwf-v430 .about-story-card {
  background: rgba(255,255,255,.07) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  border-radius: 20px !important;
}
.cwf-landing-root.cwf-v430 .about-story-card h2 {
  color: #ffffff !important;
}
.cwf-landing-root.cwf-v430 .about-story-card p,
.cwf-landing-root.cwf-v430 .about-text p {
  color: rgba(255,255,255,.80) !important;
}
.cwf-landing-root.cwf-v430 .about-story-card li,
.cwf-landing-root.cwf-v430 .about-text li {
  color: rgba(255,255,255,.80) !important;
}
/* final-image container transparency */
.cwf-landing-root.cwf-v430 .final-image {
  background: transparent !important;
}
/* contact-card and any other page-specific white cards */
.cwf-landing-root.cwf-v430 .contact-card,
.cwf-landing-root.cwf-v430 .contact-box,
.cwf-landing-root.cwf-v430 .about-contact-card,
.cwf-landing-root.cwf-v430 .cert-card,
.cwf-landing-root.cwf-v430 .timeline-item,
.cwf-landing-root.cwf-v430 .area-card {
  background: rgba(255,255,255,.07) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  color: rgba(255,255,255,.82) !important;
}
.cwf-landing-root.cwf-v430 .contact-card *,
.cwf-landing-root.cwf-v430 .contact-box *,
.cwf-landing-root.cwf-v430 .cert-card *,
.cwf-landing-root.cwf-v430 .timeline-item *,
.cwf-landing-root.cwf-v430 .area-card * {
  color: rgba(255,255,255,.82) !important;
}


/* ===================================================
   25. ARTICLE CONTENT SECTIONS (enriched body copy)
=================================================== */
.cwf-landing-root.cwf-v430 .cwf-content-section{margin:30px 0 !important;}
.cwf-landing-root.cwf-v430 .cwf-content-section h2{color:#ffffff !important;font-size:1.32em !important;margin:0 0 12px !important;line-height:1.4 !important;}
.cwf-landing-root.cwf-v430 .cwf-content-section h3{color:#4dd9ff !important;font-size:1.06em !important;margin:20px 0 6px !important;}
.cwf-landing-root.cwf-v430 .cwf-content-section p{color:rgba(255,255,255,.82) !important;line-height:1.78 !important;margin:0 0 12px !important;}
.cwf-landing-root.cwf-v430 .cwf-content-section strong{color:#ffd429 !important;}
.cwf-landing-root.cwf-v430 .cwf-content-section a{color:#4dd9ff !important;text-decoration:underline !important;}
.cwf-landing-root.cwf-v430 .cwf-check-list{list-style:none !important;padding:0 !important;margin:0 0 14px !important;}
.cwf-landing-root.cwf-v430 .cwf-check-list li{color:rgba(255,255,255,.82) !important;line-height:1.7 !important;padding:8px 0 8px 30px !important;position:relative !important;border-bottom:1px solid rgba(255,255,255,.08) !important;}
.cwf-landing-root.cwf-v430 .cwf-check-list li::before{content:'✓' !important;position:absolute !important;left:0 !important;top:8px !important;color:#06c755 !important;font-weight:700 !important;}


/* ===================================================
   26. CONTRAST FIXES — kill light-bg + light-text combos on v430
=================================================== */
/* Mobile menu panel links: base set light bg #f3f9ff, v430 made text white -> unreadable */
.cwf-landing-root.cwf-v430 .mobile-panel a{background:transparent !important;color:#ffffff !important;border-bottom:1px solid rgba(255,255,255,.08) !important;}
.cwf-landing-root.cwf-v430 .mobile-panel a:hover{background:rgba(255,255,255,.08) !important;color:#4dd9ff !important;}

/* Review card label pills + mini badges + text-card spans: light bg #eaf7ff -> dark glass */
.cwf-landing-root.cwf-v430 .cwf-real-review-card span,
.cwf-landing-root.cwf-v430 .cwf-real-review-card-v2 span,
.cwf-landing-root.cwf-v430 .cwf-review-text-card p span,
.cwf-landing-root.cwf-v430 .cwf-mini-badge{background:rgba(77,217,255,.16) !important;color:#bfefff !important;}

/* Review horizontal-scroll hint note: light bg -> dark */
.cwf-landing-root.cwf-v430 .cwf-review-scroll-note{background:rgba(255,255,255,.06) !important;color:rgba(255,255,255,.82) !important;border:1px solid rgba(255,255,255,.12) !important;}

/* Contact page info lines (phone/LINE/address): light bg #f4f9ff -> dark glass */
.cwf-landing-root.cwf-v430 .contact-card .contact-lines a,
.cwf-landing-root.cwf-v430 .contact-card .contact-lines span{background:rgba(255,255,255,.06) !important;color:#ffffff !important;}

/* Price page: yellow promo badge keeps yellow bg but needs DARK text */
.cwf-landing-root.cwf-v430 .price-card .price-head span{color:#0a1a2e !important;}
/* Price row service icon pill: light bg -> dark glass */
.cwf-landing-root.cwf-v430 .price-row .service-name .row-icon{background:rgba(255,255,255,.08) !important;}


/* ===================================================
   27. FOOTER WHITE-CARD FIX — base CSS made footer col1 a white card
   (background-image gradient), so white footer text vanished on v430.
   Match v4415: make footer columns transparent.
=================================================== */
.cwf-landing-root.cwf-v430 .footer-grid > div,
.cwf-landing-root.cwf-v430 .footer-grid > div:first-child{
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
}
.cwf-landing-root.cwf-v430 .footer-grid > div:first-child::after{content:none !important;display:none !important;}


/* ===================================================
   28. WHITE-CARD SECTIONS -> dark glass (article + hub + reviews)
   Base CSS gave these opaque white / white-gradient backgrounds but
   v430 set their headings white -> invisible. Convert to dark glass.
=================================================== */
.cwf-landing-root.cwf-v430 .cwf-related-links,
.cwf-landing-root.cwf-v430 .cwf-photo-wide,
.cwf-landing-root.cwf-v430 .proof-item,
.cwf-landing-root.cwf-v430 .cwf-article-card,
.cwf-landing-root.cwf-v430 .cwf-service-recommend,
.cwf-landing-root.cwf-v430 .cwf-mini-grid > div{
  background: rgba(255,255,255,.055) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow: none !important;
}
.cwf-landing-root.cwf-v430 .cwf-related-links h2,
.cwf-landing-root.cwf-v430 .cwf-photo-wide h2,
.cwf-landing-root.cwf-v430 .proof-item h3,
.cwf-landing-root.cwf-v430 .cwf-article-card h3,
.cwf-landing-root.cwf-v430 .cwf-service-recommend h2,
.cwf-landing-root.cwf-v430 .cwf-mini-grid > div h3,
.cwf-landing-root.cwf-v430 .cwf-mini-grid > div strong{
  color: #ffffff !important;
}
.cwf-landing-root.cwf-v430 .cwf-service-recommend .eyebrow{ color:#7dd9ff !important; }
.cwf-landing-root.cwf-v430 .cwf-related-links p,
.cwf-landing-root.cwf-v430 .cwf-photo-wide p,
.cwf-landing-root.cwf-v430 .proof-item p,
.cwf-landing-root.cwf-v430 .cwf-article-card p,
.cwf-landing-root.cwf-v430 .cwf-service-recommend p,
.cwf-landing-root.cwf-v430 .cwf-mini-grid > div p{
  color: rgba(255,255,255,.82) !important;
}


/* 28b. card inherited text — set light base color so bare b/li/span inherit readable color */
.cwf-landing-root.cwf-v430 .cwf-related-links,
.cwf-landing-root.cwf-v430 .cwf-photo-wide,
.cwf-landing-root.cwf-v430 .proof-item,
.cwf-landing-root.cwf-v430 .cwf-article-card,
.cwf-landing-root.cwf-v430 .cwf-service-recommend,
.cwf-landing-root.cwf-v430 .cwf-mini-grid > div{ color: rgba(255,255,255,.85) !important; }


/* ===================================================
   29. SERVICE-AREA CARDS — tidy mobile/desktop layout
   chip held a long multi-area string in a 999px pill (looked like a stretched
   lozenge); make it a soft rounded box. Equalize cards: flex column + button pinned bottom.
=================================================== */
.cwf-landing-root.cwf-v430 .service-card{ display:flex !important; flex-direction:column !important; align-items:stretch !important; }
.cwf-landing-root.cwf-v430 .service-card .chip{
  border-radius:14px !important;
  text-align:left !important;
  line-height:1.55 !important;
  justify-content:flex-start !important;
  width:fit-content !important;
  max-width:100% !important;
}
.cwf-landing-root.cwf-v430 .service-card .btn{ margin-top:auto !important; align-self:flex-start !important; }


/* ===================================================
   30. ARTICLES HUB — grid of article cards (/articles/)
=================================================== */
.cwf-landing-root.cwf-v430 .cwf-articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:20px;margin:8px 0 34px;}
.cwf-landing-root.cwf-v430 .cwf-article-card-link{display:flex;flex-direction:column;gap:8px;padding:24px;border-radius:18px;background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.12)!important;text-decoration:none!important;transition:transform .2s ease,background .2s ease;}
.cwf-landing-root.cwf-v430 .cwf-article-card-link:hover{transform:translateY(-3px);background:rgba(255,255,255,.10)!important;}
.cwf-landing-root.cwf-v430 .cwf-article-card-link h2{color:#ffffff!important;font-size:1.14em!important;margin:0!important;line-height:1.4!important;}
.cwf-landing-root.cwf-v430 .cwf-article-card-link p{color:rgba(255,255,255,.75)!important;margin:0!important;line-height:1.6!important;font-size:.95em!important;}
.cwf-landing-root.cwf-v430 .cwf-read-more{color:#4dd9ff!important;font-weight:700!important;margin-top:4px!important;}


/* ===================================================
   31. HERO WITHOUT IMAGE — full width (no empty right column)
   for /articles/ hub and generated articles that have no hero image
=================================================== */
.cwf-landing-root.cwf-v430 .cwf-article-hero .hero-grid:not(:has(.hero-art)){grid-template-columns:1fr !important;}
.cwf-landing-root.cwf-v430 .cwf-article-hero .hero-grid:not(:has(.hero-art)) .hero-copy{max-width:920px;}