/* HERO */
.tvx-hero--dark{
  background:
    radial-gradient(900px 360px at 85% -15%, color-mix(in srgb, var(--tv-primary) 8%, #fff) 0%, transparent 55%),
    linear-gradient(180deg, #fff 0%, #F7F9FF 100%);
  color: var(--tv-text);
}

/* WHY */
.tvx-why--dark{
  background: linear-gradient(180deg, #F9FBFF 0%, #FFFFFF 100%);
}

/* ROI / TESTIMONIALS / SUCCESS / WORKSHOPS / LEAD / RESOURCES */
.tvx-roi--dark,
.tvx-testimonials--dark,
.tvx-success--dark,
.tvx-workshops--dark,
.tvx-lead--dark,
.tvx-resources--dark{
  background: linear-gradient(180deg, #FFFFFF 0%, #F6F8FF 100%);
}

/* Common grids */
.tvx-why__grid,
.tvx-roi__stats,
.tvx-success__grid,
.tvx-testimonials__grid,
.tvx-workshops__grid{ display:grid; gap:16px; }
@media (min-width:700px){
  .tvx-why__grid{ grid-template-columns:1fr 1fr; }
}
@media (min-width:1025px){
  .tvx-why__grid,
  .tvx-success__grid,
  .tvx-testimonials__grid,
  .tvx-workshops__grid{ grid-template-columns: repeat(4,1fr); }
  .tvx-roi__stats{ grid-template-columns: repeat(4,1fr); }
}

/* Stat tiles */
.tvx-stat{
  background: var(--tv-surface);
  border:1px solid var(--tv-border);
  border-radius: 12px; padding: 14px;
}
.tvx-stat .num{ font-weight:800; color: var(--tv-primary); }
.tvx-stat .lbl{ color: var(--tv-muted); font-size: 13px; display:block; margin-top:2px; }