body {
  background:
    radial-gradient(circle at 18% 10%, rgba(255, 209, 72, 0.13), transparent 22%),
    radial-gradient(circle at 82% 12%, rgba(255, 164, 66, 0.12), transparent 24%),
    linear-gradient(180deg, #fffdf4 0%, #fff8ee 42%, #ffffff 100%);
}

.glow-a {
  background: radial-gradient(circle, rgba(255, 210, 76, 0.18), transparent 70%);
}

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

.splash-a {
  background: radial-gradient(circle, rgba(255, 212, 70, 0.36), rgba(255, 212, 70, 0));
}

.splash-b {
  background: radial-gradient(circle, rgba(255, 166, 64, 0.36), rgba(255, 166, 64, 0));
}

.splash-c {
  background: radial-gradient(circle, rgba(255, 229, 128, 0.28), rgba(255, 229, 128, 0));
}

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

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

.icon.soft {
  background: rgba(255, 246, 214, 0.92);
}

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

.btn-primary {
  background: linear-gradient(135deg, #ffc83d 0%, #ff9d40 100%);
  box-shadow: 0 12px 24px rgba(255, 182, 54, 0.28);
}

.cta {
  background: linear-gradient(135deg, #ffd34e 0%, #ffb347 52%, #ff9548 100%);
}

.legend-dot.positive,
.bar {
  background: linear-gradient(180deg, rgba(255, 206, 72, 0.96), rgba(255, 166, 64, 0.56));
}

.hero-panel {
  box-shadow: 0 30px 60px rgba(255, 176, 64, 0.16);
}