body {
  background:
    radial-gradient(circle at 18% 10%, rgba(255, 92, 122, 0.10), transparent 22%),
    radial-gradient(circle at 82% 12%, rgba(255, 146, 87, 0.11), transparent 24%),
    linear-gradient(180deg, #fff8f8 0%, #fff6f2 42%, #ffffff 100%);
}

.glow-a {
  background: radial-gradient(circle, rgba(255, 106, 136, 0.16), transparent 70%);
}

.glow-b {
  background: radial-gradient(circle, rgba(255, 156, 92, 0.16), transparent 72%);
}

.splash-a {
  background: radial-gradient(circle, rgba(255, 102, 137, 0.34), rgba(255, 102, 137, 0));
}

.splash-b {
  background: radial-gradient(circle, rgba(255, 141, 79, 0.34), rgba(255, 141, 79, 0));
}

.splash-c {
  background: radial-gradient(circle, rgba(255, 189, 122, 0.26), rgba(255, 189, 122, 0));
}

.brand-dot,
.icon.primary {
  background: linear-gradient(135deg, #ff6a88 0%, #ff8f5c 100%);
}

.pill,
.section-label,
.icon.soft,
.cta-light {
  color: #e65d7e;
}

.icon.soft {
  background: rgba(255, 236, 240, 0.92);
}

.hero-copy h1 span {
  color: #ff6a88;
}

.btn-primary {
  background: linear-gradient(135deg, #ff6a88 0%, #ff8f5c 100%);
  box-shadow: 0 12px 24px rgba(255, 111, 127, 0.28);
}

.cta {
  background: linear-gradient(135deg, #ff6a88 0%, #ff8f5c 52%, #ffc278 100%);
}

.legend-dot.positive,
.bar {
  background: linear-gradient(180deg, rgba(255, 106, 136, 0.95), rgba(255, 154, 106, 0.55));
}

.hero-panel {
  box-shadow: 0 30px 60px rgba(255, 120, 120, 0.14);
}