/* =========================================================
   CWF ULTRA PREMIUM v2.0 — Complete Page Redesign
   Scope: .cwf-landing-root.cwf-v4415
   SEO/AEO untouched — CSS visual layer only
   ========================================================= */

/* ===================================================
   0. DESIGN TOKENS
=================================================== */
.cwf-landing-root.cwf-v4415 {
  --u-navy:    #040e22;
  --u-blue:    #075eea;
  --u-cyan:    #15b8ff;
  --u-gold:    #ffd429;
  --u-green:   #06c755;
  --u-light:   #f4f8ff;
  --u-white:   #ffffff;
  --u-rad-lg:  28px;
  --u-rad-xl:  36px;
  --u-shadow:  0 20px 56px rgba(4,14,36,.14);
  --u-shadow-sm: 0 6px 20px rgba(4,14,36,.08);
}

body { background: #eef4ff !important; }

/* ===================================================
   1. HERO — dramatic dark, no white card
=================================================== */
.cwf-landing-root.cwf-v4415 .cwf-hero {
  background:
    linear-gradient(148deg, #020c1e 0%, #06194d 42%, #0c2f8a 74%, #1550cc 100%) !important;
  padding: clamp(56px,8vw,112px) 0 clamp(64px,9vw,120px) !important;
  position: relative !important;
  overflow: hidden !important;
}

/* animated mesh */
.cwf-landing-root.cwf-v4415 .cwf-hero::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background:
    radial-gradient(ellipse at 14% 22%, rgba(21,184,255,.22) 0%, transparent 44%),
    radial-gradient(ellipse at 84% 68%, rgba(255,212,41,.16) 0%, transparent 40%),
    radial-gradient(ellipse at 58%  8%, rgba(120,60,255,.18) 0%, transparent 34%),
    radial-gradient(ellipse at 28% 90%, rgba(6,199,85,.12)   0%, transparent 30%) !important;
  animation: uMesh 16s ease-in-out infinite alternate !important;
  pointer-events: none !important;
  z-index: 0 !important;
}
@keyframes uMesh {
  0%   { opacity: .6; transform: scale(1); }
  100% { opacity: 1;  transform: scale(1.07); }
}

/* CSS star-particles */
.cwf-landing-root.cwf-v4415 .cwf-hero::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background-image:
    radial-gradient(1.6px 1.6px at  7% 13%, rgba(255,255,255,.6)  0%, transparent 100%),
    radial-gradient(1.2px 1.2px at 75%  9%, rgba(255,255,255,.5)  0%, transparent 100%),
    radial-gradient(2px   2px   at 40% 27%, rgba(255,212,41,.65)  0%, transparent 100%),
    radial-gradient(1.4px 1.4px at 19% 60%, rgba(255,255,255,.55) 0%, transparent 100%),
    radial-gradient(1px   1px   at 91% 50%, rgba(255,255,255,.45) 0%, transparent 100%),
    radial-gradient(2.2px 2.2px at 56% 78%, rgba(21,184,255,.60) 0%, transparent 100%),
    radial-gradient(1.5px 1.5px at 33% 46%, rgba(255,255,255,.55) 0%, transparent 100%),
    radial-gradient(1.2px 1.2px at 64% 21%, rgba(255,255,255,.50) 0%, transparent 100%),
    radial-gradient(1px   1px   at  4% 80%, rgba(255,255,255,.45) 0%, transparent 100%),
    radial-gradient(2px   2px   at 94% 85%, rgba(255,212,41,.50)  0%, transparent 100%),
    radial-gradient(1.5px 1.5px at 48%  4%, rgba(255,255,255,.55) 0%, transparent 100%),
    radial-gradient(1.2px 1.2px at 12% 36%, rgba(21,184,255,.55)  0%, transparent 100%),
    radial-gradient(1px   1px   at 82% 38%, rgba(255,255,255,.40)  0%, transparent 100%),
    radial-gradient(1.8px 1.8px at 22% 74%, rgba(255,212,41,.45)  0%, transparent 100%) !important;
  animation: uStars 28s ease-in-out infinite alternate !important;
  pointer-events: none !important;
  z-index: 0 !important;
  opacity: .78 !important;
}
@keyframes uStars {
  0%   { transform: translateY(0px)    rotate(0deg); }
  100% { transform: translateY(-20px)  rotate(1.5deg); }
}

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

/* Remove white glassmorphism card */
.cwf-landing-root.cwf-v4415 .hero-copy {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  padding: clamp(10px,2vw,24px) !important;
}
.cwf-landing-root.cwf-v4415 .hero-copy::before,
.cwf-landing-root.cwf-v4415 .hero-copy::after { display: none !important; }

/* Hero pill */
.cwf-landing-root.cwf-v4415 .hero-pill {
  background: rgba(255,255,255,.11) !important;
  border: 1px solid rgba(255,255,255,.24) !important;
  color: #a8e0ff !important;
  box-shadow: 0 0 22px rgba(21,184,255,.14) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: .05em !important;
}

/* H1 */
.cwf-landing-root.cwf-v4415 .hero-copy h1 {
  color: #fff !important;
  font-size: clamp(38px,6vw,76px) !important;
  line-height: 1.05 !important;
  letter-spacing: -.04em !important;
  font-weight: 1000 !important;
  text-shadow: 0 4px 32px rgba(0,0,0,.28) !important;
  margin: 0 0 20px !important;
}

/* Gradient text — cyan→gold on dark */
.cwf-landing-root.cwf-v4415 .grad,
.cwf-landing-root.cwf-v4415 span.grad {
  background: linear-gradient(118deg, #4dd9ff 0%, #ffd429 52%, #12f07e 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  filter: drop-shadow(0 0 18px rgba(21,184,255,.36)) !important;
  display: inline !important;
}

/* Lead text */
.cwf-landing-root.cwf-v4415 .hero-lead {
  color: rgba(255,255,255,.82) !important;
  font-size: clamp(14.5px,1.7vw,18px) !important;
  font-weight: 600 !important;
  line-height: 1.82 !important;
  margin: 0 0 8px !important;
}

/* Trust chips — glass dark */
.cwf-landing-root.cwf-v4415 .trust-chip {
  background: rgba(255,255,255,.08) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.10) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border-radius: 18px !important;
  transition: background .25s, transform .25s !important;
}
.cwf-landing-root.cwf-v4415 .trust-chip:hover {
  background: rgba(255,255,255,.15) !important;
  transform: translateY(-2px) !important;
}
.cwf-landing-root.cwf-v4415 .tc-title { color: #fff !important; font-weight: 900 !important; }
.cwf-landing-root.cwf-v4415 .tc-sub   { color: rgba(255,255,255,.66) !important; }
.cwf-landing-root.cwf-v4415 .tc-icon  { font-size: 22px !important; }

/* CTA buttons on dark */
.cwf-landing-root.cwf-v4415 .hero-actions .btn,
.cwf-landing-root.cwf-v4415 .hero-actions a {
  box-shadow: 0 8px 28px rgba(0,0,0,.32) !important;
}

/* Float cards on hero art */
.cwf-landing-root.cwf-v4415 .hero-art .float-card,
.cwf-landing-root.cwf-v4415 .hero-art [class*="float"] {
  background: rgba(255,255,255,.97) !important;
  box-shadow: 0 14px 40px rgba(0,0,0,.26) !important;
}

/* ===================================================
   2. GLOBAL BUTTONS — premium gold CTA
=================================================== */
.cwf-landing-root.cwf-v4415 .btn-primary,
.cwf-landing-root.cwf-v4415 .btn-yellow,
.cwf-landing-root.cwf-v4415 .btn-cta {
  background: linear-gradient(135deg, #f5b400 0%, #ffd429 50%, #ffe066 100%) !important;
  color: #05142a !important;
  font-weight: 900 !important;
  border: none !important;
  border-radius: 999px !important;
  box-shadow: 0 6px 24px rgba(255,196,28,.40) !important;
  position: relative !important;
  overflow: hidden !important;
  transition: transform .22s ease, box-shadow .22s ease !important;
}
.cwf-landing-root.cwf-v4415 .btn-primary:hover,
.cwf-landing-root.cwf-v4415 .btn-yellow:hover,
.cwf-landing-root.cwf-v4415 .btn-cta:hover {
  transform: translateY(-3px) scale(1.03) !important;
  box-shadow: 0 14px 40px rgba(255,196,28,.52) !important;
}
/* Pulse ring */
.cwf-landing-root.cwf-v4415 .btn-primary::before,
.cwf-landing-root.cwf-v4415 .btn-yellow::before,
.cwf-landing-root.cwf-v4415 .btn-cta::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: 999px !important;
  border: 2px solid rgba(255,212,41,.55) !important;
  animation: uBtnPulse 2.8s ease-in-out infinite !important;
  pointer-events: none !important;
}
@keyframes uBtnPulse {
  0%,100% { transform: scale(1);    opacity: 1; }
  65%      { transform: scale(1.22); opacity: 0; }
}

.cwf-landing-root.cwf-v4415 .btn-green {
  border-radius: 999px !important;
  font-weight: 900 !important;
  transition: transform .22s, box-shadow .22s !important;
}
.cwf-landing-root.cwf-v4415 .btn-green:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 30px rgba(6,199,85,.35) !important;
}

/* ===================================================
   3. STATS BAR — deep navy, gold numbers
=================================================== */
.cwf-landing-root.cwf-v4415 .cwf-stats {
  background: linear-gradient(135deg, #03142e 0%, #062a6e 50%, #0a44ae 100%) !important;
  position: relative !important;
  overflow: hidden !important;
}
.cwf-landing-root.cwf-v4415 .cwf-stats::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background:
    radial-gradient(ellipse at 18% 50%, rgba(21,184,255,.16) 0%, transparent 55%),
    radial-gradient(ellipse at 82% 50%, rgba(255,212,41,.12) 0%, transparent 48%) !important;
  pointer-events: none !important;
}
.cwf-landing-root.cwf-v4415 .stat-num,
.cwf-landing-root.cwf-v4415 .cwf26-trust-num {
  background: linear-gradient(140deg, #fff 5%, #ffd429 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  font-size: clamp(44px,6.5vw,72px) !important;
  font-weight: 1000 !important;
  line-height: 1.0 !important;
  filter: drop-shadow(0 0 16px rgba(255,212,41,.34)) !important;
}
.cwf-landing-root.cwf-v4415 .stat-label,
.cwf-landing-root.cwf-v4415 .cwf26-trust-label {
  color: rgba(255,255,255,.76) !important;
  font-weight: 700 !important;
  font-size: clamp(12px,1.3vw,14px) !important;
}
.cwf-landing-root.cwf-v4415 .stat-item + .stat-item,
.cwf-landing-root.cwf-v4415 .cwf26-trust-item + .cwf26-trust-item {
  border-left: 1px solid rgba(255,255,255,.10) !important;
}

/* ===================================================
   4. PROMO / PRICE — dark bg + WHITE bubbles (fix!)
=================================================== */
.cwf-landing-root.cwf-v4415 .cwf-promo {
  background: linear-gradient(148deg, #030d1f 0%, #061840 48%, #0a2a72 82%, #0e3ea8 100%) !important;
  position: relative !important;
  overflow: hidden !important;
}
.cwf-landing-root.cwf-v4415 .cwf-promo::before {
  content: '' !important;
  position: absolute !important;
  width: 800px !important; height: 800px !important;
  border-radius: 50% !important;
  background: radial-gradient(circle, rgba(21,184,255,.09) 0%, transparent 68%) !important;
  top: -260px !important; right: -180px !important;
  pointer-events: none !important;
  animation: uPromoOrb 18s ease-in-out infinite alternate !important;
}
@keyframes uPromoOrb {
  0%   { transform: translate(0,0); }
  100% { transform: translate(-40px, 30px); }
}
.cwf-landing-root.cwf-v4415 .cwf-promo::after {
  content: '' !important;
  position: absolute !important;
  width: 500px !important; height: 500px !important;
  border-radius: 50% !important;
  background: radial-gradient(circle, rgba(255,212,41,.08) 0%, transparent 65%) !important;
  bottom: -120px !important; left: -100px !important;
  pointer-events: none !important;
}

/* Promo card — remove old styling */
.cwf-landing-root.cwf-v4415 .promo-card {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: clamp(24px,4vw,48px) 0 !important;
  position: relative !important;
  z-index: 1 !important;
}

/* Eyebrow + title */
.cwf-landing-root.cwf-v4415 .promo-eyebrow {
  color: #7dd4ff !important;
  font-weight: 900 !important;
  font-size: 13px !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  margin-bottom: 12px !important;
  display: block !important;
}
.cwf-landing-root.cwf-v4415 .promo-title {
  color: #fff !important;
  font-size: clamp(30px,5vw,60px) !important;
  font-weight: 1000 !important;
  line-height: 1.10 !important;
  margin: 0 0 10px !important;
}
.cwf-landing-root.cwf-v4415 .promo-title-main { color: #fff !important; display: block !important; }
.cwf-landing-root.cwf-v4415 .promo-title-price {
  color: var(--u-gold) !important;
  display: block !important;
  font-size: .65em !important;
}
.cwf-landing-root.cwf-v4415 .promo-title-price strong { color: #fff !important; font-size: 1.1em !important; }
.cwf-landing-root.cwf-v4415 .promo-support {
  color: rgba(255,255,255,.75) !important;
  line-height: 1.75 !important;
  margin-bottom: 28px !important;
}
.cwf-landing-root.cwf-v4415 .promo-support span { display: block !important; }

/* ★ PRICE BUBBLES — solid white, max contrast ★ */
.cwf-landing-root.cwf-v4415 .promo-price-table {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 14px !important;
  margin-bottom: 24px !important;
}
.cwf-landing-root.cwf-v4415 .price-bubble {
  background: #ffffff !important;
  border: none !important;
  border-radius: 20px !important;
  padding: 18px 22px !important;
  box-shadow: 0 10px 32px rgba(0,0,0,.22), 0 2px 8px rgba(0,0,0,.14) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 4px !important;
  min-width: 130px !important;
  position: relative !important;
  overflow: hidden !important;
  transition: transform .24s ease, box-shadow .24s ease !important;
}
.cwf-landing-root.cwf-v4415 .price-bubble::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important; right: 0 !important;
  height: 3px !important;
  background: linear-gradient(90deg, #075eea, #15b8ff) !important;
}
.cwf-landing-root.cwf-v4415 .price-bubble:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 18px 48px rgba(0,0,0,.28) !important;
}
.cwf-landing-root.cwf-v4415 .pb-type {
  color: #1a4da0 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  line-height: 1.3 !important;
}
.cwf-landing-root.cwf-v4415 .pb-price {
  color: #04122a !important;
  font-size: clamp(26px,3.5vw,42px) !important;
  font-weight: 1000 !important;
  line-height: 1.05 !important;
  letter-spacing: -.02em !important;
}
.cwf-landing-root.cwf-v4415 .pb-unit {
  color: #5a6f8a !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
}

/* Promo note */
.cwf-landing-root.cwf-v4415 .promo-note {
  background: rgba(255,255,255,.07) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 16px !important;
  padding: 16px 20px !important;
  color: rgba(255,255,255,.80) !important;
  font-size: 13px !important;
  line-height: 1.80 !important;
  margin-top: 4px !important;
}
.cwf-landing-root.cwf-v4415 .promo-note strong { color: rgba(255,255,255,.96) !important; }

/* ===================================================
   5. SERVICES — bright white cards, colorful icons
=================================================== */
.cwf-landing-root.cwf-v4415 .cwf-services {
  background: linear-gradient(180deg, #f3f8ff 0%, #eaf2ff 100%) !important;
}
.cwf-landing-root.cwf-v4415 .cwf-services .section-head h2,
.cwf-landing-root.cwf-v4415 .cwf-services .section-head h2 {
  color: #041a42 !important;
  font-size: clamp(28px,4vw,48px) !important;
  font-weight: 1000 !important;
}
.cwf-landing-root.cwf-v4415 .cwf-services .section-eyebrow {
  color: #0a5ed4 !important;
  font-weight: 900 !important;
  font-size: 12.5px !important;
  letter-spacing: .07em !important;
  text-transform: uppercase !important;
  margin-bottom: 10px !important;
}
.cwf-landing-root.cwf-v4415 .svc-card {
  background: #fff !important;
  border: 1px solid rgba(7,94,234,.07) !important;
  border-radius: 24px !important;
  padding: clamp(20px,3vw,32px) !important;
  box-shadow: 0 6px 24px rgba(4,22,60,.07) !important;
  transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  text-decoration: none !important;
  position: relative !important;
  overflow: hidden !important;
}
.cwf-landing-root.cwf-v4415 .svc-card::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: 24px !important;
  border: 2px solid rgba(7,94,234,.0) !important;
  transition: border-color .28s ease !important;
  pointer-events: none !important;
}
.cwf-landing-root.cwf-v4415 .svc-card:hover {
  transform: translateY(-8px) !important;
  box-shadow: 0 22px 52px rgba(4,22,60,.13) !important;
  border-color: rgba(7,94,234,.14) !important;
}
.cwf-landing-root.cwf-v4415 .svc-card:hover::after {
  border-color: rgba(7,94,234,.18) !important;
}
.cwf-landing-root.cwf-v4415 .svc-icon {
  width: 64px !important; height: 64px !important;
  border-radius: 18px !important;
  background: linear-gradient(135deg, #ddeeff, #cce5ff) !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  font-size: 30px !important;
  flex-shrink: 0 !important;
  transition: transform .28s ease, background .28s ease !important;
}
.cwf-landing-root.cwf-v4415 .svc-card:hover .svc-icon {
  transform: scale(1.12) rotate(-8deg) !important;
  background: linear-gradient(135deg, #c8e0ff, #b8d8ff) !important;
}
.cwf-landing-root.cwf-v4415 .svc-card h3 {
  color: #041a42 !important;
  font-size: clamp(16px,1.8vw,20px) !important;
  font-weight: 900 !important;
  margin: 0 !important;
}
.cwf-landing-root.cwf-v4415 .svc-card p {
  color: #3d5270 !important;
  font-size: 14px !important;
  line-height: 1.72 !important;
  margin: 0 !important;
}
.cwf-landing-root.cwf-v4415 .svc-card span[class*="link"],
.cwf-landing-root.cwf-v4415 .svc-card .svc-link,
.cwf-landing-root.cwf-v4415 .svc-card span:last-child {
  color: var(--u-blue) !important;
  font-weight: 900 !important;
  font-size: 13px !important;
  margin-top: auto !important;
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
}

/* ===================================================
   6. REVIEWS — dark navy, white review cards
=================================================== */
.cwf-landing-root.cwf-v4415 .cwf-reviews {
  background: linear-gradient(152deg, #040e22 0%, #07214e 50%, #0c3688 84%, #1050c2 100%) !important;
  position: relative !important;
  overflow: hidden !important;
}
.cwf-landing-root.cwf-v4415 .cwf-reviews::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background:
    radial-gradient(ellipse at 10% 60%, rgba(21,184,255,.12) 0%, transparent 50%),
    radial-gradient(ellipse at 90% 30%, rgba(255,212,41,.10) 0%, transparent 44%) !important;
  pointer-events: none !important;
}

/* Section header on dark */
.cwf-landing-root.cwf-v4415 .cwf-reviews .section-head h2,
.cwf-landing-root.cwf-v4415 .cwf-reviews .section-head p,
.cwf-landing-root.cwf-v4415 .cwf-reviews .review-section-head h2,
.cwf-landing-root.cwf-v4415 .cwf-reviews .review-section-head p { color: rgba(255,255,255,.90) !important; }
.cwf-landing-root.cwf-v4415 .cwf-reviews .section-head h2,
.cwf-landing-root.cwf-v4415 .cwf-reviews .review-section-head h2 {
  color: #fff !important;
  font-size: clamp(26px,4vw,46px) !important;
  font-weight: 1000 !important;
}
.cwf-landing-root.cwf-v4415 .cwf-reviews .section-eyebrow {
  color: #8b6400 !important;
  font-weight: 900 !important;
  font-size: 12.5px !important;
  letter-spacing: .07em !important;
  text-transform: uppercase !important;
}
.cwf-landing-root.cwf-v4415 .cwf-reviews .review-proof-badges span {
  background: rgba(255,255,255,.10) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  color: rgba(255,255,255,.88) !important;
  border-radius: 999px !important;
  padding: 5px 14px !important;
  font-size: 12.5px !important;
  font-weight: 800 !important;
}

/* Review cards — white for max contrast on dark bg */
.cwf-landing-root.cwf-v4415 .cwf-reviews .rv-card,
.cwf-landing-root.cwf-v4415 .cwf-reviews .review-card,
.cwf-landing-root.cwf-v4415 .cwf-reviews [class*="rv-card"],
.cwf-landing-root.cwf-v4415 .cwf-reviews [class*="review-card"] {
  background: #fff !important;
  border: none !important;
  border-radius: 22px !important;
  box-shadow: 0 12px 36px rgba(0,0,0,.22) !important;
  padding: clamp(20px,2.5vw,28px) !important;
  transition: transform .28s ease, box-shadow .28s ease !important;
}
.cwf-landing-root.cwf-v4415 .cwf-reviews .rv-card:hover,
.cwf-landing-root.cwf-v4415 .cwf-reviews .review-card:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 22px 52px rgba(0,0,0,.30) !important;
}
/* Text on white card */
.cwf-landing-root.cwf-v4415 .cwf-reviews .rv-name,
.cwf-landing-root.cwf-v4415 .cwf-reviews .rv-author,
.cwf-landing-root.cwf-v4415 .cwf-reviews [class*="rv-name"] { color: #04122a !important; font-weight: 900 !important; }
.cwf-landing-root.cwf-v4415 .cwf-reviews .rv-text,
.cwf-landing-root.cwf-v4415 .cwf-reviews .rv-body,
.cwf-landing-root.cwf-v4415 .cwf-reviews [class*="rv-text"],
.cwf-landing-root.cwf-v4415 .cwf-reviews [class*="rv-body"] { color: #3a4e68 !important; }
.cwf-landing-root.cwf-v4415 .cwf-reviews .rv-loc,
.cwf-landing-root.cwf-v4415 .cwf-reviews [class*="rv-loc"] { color: #6b82a0 !important; }

/* ===================================================
   7. WHY — light, strong feature cards
=================================================== */
.cwf-landing-root.cwf-v4415 .cwf-why {
  background: #fff !important;
}
.cwf-landing-root.cwf-v4415 .cwf-why .section-head h2 {
  color: #041a42 !important;
  font-size: clamp(26px,4vw,46px) !important;
  font-weight: 1000 !important;
}
.cwf-landing-root.cwf-v4415 .cwf-why .section-head p { color: #3d5270 !important; }
.cwf-landing-root.cwf-v4415 .cwf-why .section-eyebrow {
  color: #0a5ed4 !important;
  font-weight: 900 !important;
  font-size: 12.5px !important;
  letter-spacing: .07em !important;
  text-transform: uppercase !important;
}
.cwf-landing-root.cwf-v4415 .why-card {
  background: linear-gradient(145deg, #f6faff, #edf4ff) !important;
  border: 1px solid rgba(7,94,234,.08) !important;
  border-left: 4px solid #075eea !important;
  border-radius: 0 20px 20px 0 !important;
  padding: clamp(18px,2.5vw,28px) clamp(18px,2.5vw,28px) clamp(18px,2.5vw,28px) clamp(16px,2vw,22px) !important;
  box-shadow: 0 6px 22px rgba(4,22,60,.06) !important;
  transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 16px !important;
}
.cwf-landing-root.cwf-v4415 .why-card:hover {
  transform: translateX(4px) !important;
  box-shadow: 0 14px 38px rgba(4,22,60,.11) !important;
  border-left-color: #15b8ff !important;
}
.cwf-landing-root.cwf-v4415 .why-icon {
  font-size: 28px !important;
  flex-shrink: 0 !important;
  width: 54px !important; height: 54px !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg, #d8ecff, #c4e0ff) !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  transition: transform .28s ease !important;
}
.cwf-landing-root.cwf-v4415 .why-card:hover .why-icon { transform: scale(1.10) rotate(-6deg) !important; }
.cwf-landing-root.cwf-v4415 .why-card h3 { color: #041a42 !important; font-weight: 900 !important; }
.cwf-landing-root.cwf-v4415 .why-card p  { color: #3d5270 !important; line-height: 1.72 !important; }

/* ===================================================
   8. AREAS — light bg + deep dark card
=================================================== */
.cwf-landing-root.cwf-v4415 .cwf-areas {
  background: linear-gradient(180deg, #edf3ff, #e3eeff) !important;
}
.cwf-landing-root.cwf-v4415 .areas-card,
.cwf-landing-root.cwf-v4415 .cwf26-areas-card {
  background: linear-gradient(145deg, #040f24, #071e52) !important;
  border-radius: 30px !important;
  box-shadow: 0 28px 64px rgba(4,15,36,.32) !important;
}

/* ===================================================
   9. ARTICLES — clean white
=================================================== */
.cwf-landing-root.cwf-v4415 .cwf-articles {
  background: #fff !important;
}
.cwf-landing-root.cwf-v4415 .cwf-articles .section-head h2 { color: #041a42 !important; font-weight: 1000 !important; }
.cwf-landing-root.cwf-v4415 .cwf-articles .section-head p  { color: #3d5270 !important; }
.cwf-landing-root.cwf-v4415 .article-card,
.cwf-landing-root.cwf-v4415 .art-card {
  background: #fff !important;
  border-radius: 22px !important;
  box-shadow: 0 6px 22px rgba(4,22,60,.08) !important;
  overflow: hidden !important;
  transition: transform .28s ease, box-shadow .28s ease !important;
  border: 1px solid rgba(7,94,234,.06) !important;
}
.cwf-landing-root.cwf-v4415 .article-card:hover,
.cwf-landing-root.cwf-v4415 .art-card:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 20px 48px rgba(4,22,60,.13) !important;
}

/* ===================================================
   10. FAQ — clean light, white accordion cards
=================================================== */
.cwf-landing-root.cwf-v4415 .cwf-faq {
  background: linear-gradient(180deg, #eaf2ff 0%, #f4f8ff 100%) !important;
}
.cwf-landing-root.cwf-v4415 .cwf-faq .section-head h2,
.cwf-landing-root.cwf-v4415 .cwf-faq .sec-head h2 { color: #041a42 !important; font-weight: 1000 !important; }
.cwf-landing-root.cwf-v4415 .cwf-faq .section-head p { color: #3d5270 !important; }
.cwf-landing-root.cwf-v4415 .faq-item {
  background: #fff !important;
  border: 1px solid rgba(7,94,234,.08) !important;
  border-radius: 18px !important;
  box-shadow: 0 4px 16px rgba(4,22,60,.06) !important;
  overflow: hidden !important;
  transition: box-shadow .24s ease, border-color .24s ease !important;
  margin-bottom: 10px !important;
}
.cwf-landing-root.cwf-v4415 .faq-item:hover {
  box-shadow: 0 10px 32px rgba(4,22,60,.10) !important;
  border-color: rgba(7,94,234,.16) !important;
}
.cwf-landing-root.cwf-v4415 .faq-q {
  color: #041a42 !important;
  font-weight: 900 !important;
  font-size: clamp(14.5px,1.5vw,16.5px) !important;
}
.cwf-landing-root.cwf-v4415 .faq-a,
.cwf-landing-root.cwf-v4415 .faq-ans { color: #3d5270 !important; line-height: 1.80 !important; }
.cwf-landing-root.cwf-v4415 .faq-icon {
  background: linear-gradient(135deg, #075eea, #15b8ff) !important;
  color: #fff !important;
  border-radius: 50% !important;
  width: 32px !important; height: 32px !important;
  min-width: 32px !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  box-shadow: 0 4px 14px rgba(7,94,234,.28) !important;
  flex-shrink: 0 !important;
}

/* ===================================================
   11. FINAL CTA — ultra dark, brilliant gold button
=================================================== */
.cwf-landing-root.cwf-v4415 .cwf-final {
  background: linear-gradient(152deg, #020810 0%, #041640 46%, #0b2c82 80%, #1450c8 100%) !important;
  position: relative !important;
  overflow: hidden !important;
}
.cwf-landing-root.cwf-v4415 .cwf-final::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: radial-gradient(ellipse at 50% 40%, rgba(21,184,255,.16) 0%, transparent 62%) !important;
  animation: uCtaGlow 10s ease-in-out infinite alternate !important;
  pointer-events: none !important;
}
@keyframes uCtaGlow {
  0%   { opacity: .5; transform: scale(1); }
  100% { opacity: 1;  transform: scale(1.10); }
}
.cwf-landing-root.cwf-v4415 .final-card {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  position: relative !important; z-index: 1 !important;
}
.cwf-landing-root.cwf-v4415 .final-eyebrow { color: #5acfff !important; font-weight: 900 !important; letter-spacing: .07em !important; text-transform: uppercase !important; }
.cwf-landing-root.cwf-v4415 .final-copy h2 { color: #fff !important; font-size: clamp(28px,5vw,58px) !important; font-weight: 1000 !important; }
.cwf-landing-root.cwf-v4415 .final-copy p  { color: rgba(255,255,255,.80) !important; }

/* ===================================================
   12. HEADER — sticky glass
=================================================== */
.cwf-landing-root.cwf-v4415 .cwf-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 300 !important;
  background: rgba(255,255,255,.90) !important;
  backdrop-filter: blur(28px) !important;
  -webkit-backdrop-filter: blur(28px) !important;
  border-bottom: 1px solid rgba(7,94,234,.07) !important;
  box-shadow: 0 2px 22px rgba(4,22,60,.06) !important;
  transition: box-shadow .3s, background .3s !important;
}
.cwf-landing-root.cwf-v4415 .cwf-header.scrolled {
  background: rgba(255,255,255,.97) !important;
  box-shadow: 0 4px 28px rgba(4,14,36,.10) !important;
}

/* ===================================================
   13. FOOTER — ultra dark premium
=================================================== */
.cwf-landing-root.cwf-v4415 .cwf-footer {
  background: linear-gradient(155deg, #020912 0%, #040f22 40%, #051a44 100%) !important;
  border-top: 1px solid rgba(21,184,255,.09) !important;
}

/* ===================================================
   14. SECTION HEADINGS — global style for eyebrows
=================================================== */
.cwf-landing-root.cwf-v4415 .section-eyebrow,
.cwf-landing-root.cwf-v4415 .sec-kicker,
.cwf-landing-root.cwf-v4415 .promo-eyebrow,
.cwf-landing-root.cwf-v4415 .final-eyebrow {
  letter-spacing: .07em !important;
  text-transform: uppercase !important;
  font-size: 12.5px !important;
  font-weight: 900 !important;
}
.cwf-landing-root.cwf-v4415 .section-head h2 {
  font-size: clamp(26px,4vw,48px) !important;
  font-weight: 1000 !important;
  line-height: 1.14 !important;
  letter-spacing: -.03em !important;
}

/* ===================================================
   15. SCROLL PROGRESS BAR
=================================================== */
.cwf-scroll-progress {
  background: linear-gradient(90deg, #ffd429, #15b8ff, #06c755) !important;
  box-shadow: 0 0 16px rgba(21,184,255,.50) !important;
  height: 3px !important;
}

/* ===================================================
   16. REVEAL SAFETY — content must always be visible
=================================================== */
.cwf-landing-root.cwf-v4415 .reveal {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

/* ===================================================
   17. RESPONSIVE TWEAKS
=================================================== */
@media (max-width: 760px) {
  .cwf-landing-root.cwf-v4415 .price-bubble {
    min-width: 130px !important;
    padding: 14px 16px !important;
  }
  .cwf-landing-root.cwf-v4415 .pb-price {
    font-size: clamp(24px,7vw,36px) !important;
  }
  .cwf-landing-root.cwf-v4415 .promo-price-table {
    gap: 10px !important;
  }
  .cwf-landing-root.cwf-v4415 .cwf-hero {
    padding: 48px 0 56px !important;
  }
  .cwf-landing-root.cwf-v4415 .why-card {
    border-radius: 0 16px 16px 0 !important;
  }
}

/* ===================================================
   HIGH-SPECIFICITY OVERRIDES
   Match ID-scoped rules in cwf-landing.css that would
   otherwise beat class-only selectors above.
=================================================== */

/* Reviews — cwf-landing.css uses #reviews.cwf-reviews with ID selector */
.cwf-landing-root.cwf-v4415 #reviews.cwf-reviews {
  background: linear-gradient(152deg, #040e22 0%, #07214e 50%, #0c3688 84%, #1050c2 100%) !important;
}
.cwf-landing-root.cwf-v4415 #reviews.cwf-reviews .section-head h2,
.cwf-landing-root.cwf-v4415 #reviews.cwf-reviews .review-section-head h2 {
  color: #fff !important;
  font-size: clamp(26px,4vw,46px) !important;
  font-weight: 1000 !important;
}
.cwf-landing-root.cwf-v4415 #reviews.cwf-reviews .section-head p,
.cwf-landing-root.cwf-v4415 #reviews.cwf-reviews .review-section-head p {
  color: rgba(255,255,255,.82) !important;
}
.cwf-landing-root.cwf-v4415 #reviews.cwf-reviews .section-eyebrow {
  color: #8b6400 !important;
}

/* Review cards inside dark section — white for max contrast */
.cwf-landing-root.cwf-v4415 #reviews.cwf-reviews .rv-card,
.cwf-landing-root.cwf-v4415 #reviews.cwf-reviews .review-card {
  background: #ffffff !important;
  border: none !important;
  border-radius: 22px !important;
  box-shadow: 0 12px 36px rgba(0,0,0,.22) !important;
}
.cwf-landing-root.cwf-v4415 #reviews.cwf-reviews .rv-name,
.cwf-landing-root.cwf-v4415 #reviews.cwf-reviews .rv-author { color: #04122a !important; }
.cwf-landing-root.cwf-v4415 #reviews.cwf-reviews .rv-text,
.cwf-landing-root.cwf-v4415 #reviews.cwf-reviews .rv-body  { color: #3a4e68 !important; }
.cwf-landing-root.cwf-v4415 #reviews.cwf-reviews .rv-loc   { color: #6b82a0 !important; }

/* Review proof badges on dark bg */
.cwf-landing-root.cwf-v4415 #reviews.cwf-reviews .review-proof-badges span {
  background: rgba(255,255,255,.10) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  color: rgba(255,255,255,.88) !important;
  border-radius: 999px !important;
  padding: 5px 14px !important;
  font-size: 12.5px !important;
  font-weight: 800 !important;
}

/* Remove old cwf-reviews::before animated gradient stripe that conflicts */
.cwf-landing-root.cwf-v4415 #reviews.cwf-reviews::before {
  display: none !important;
}

/* cwf-bg — disable the old animated background in favor of section-level backgrounds */
.cwf-landing-root.cwf-v4415 .cwf-bg {
  display: none !important;
}