.gradient-hero {
  background-image:
    radial-gradient(1000px 600px at 10% 10%, rgba(16,185,129,0.2), transparent 60%),
    radial-gradient(800px 500px at 90% 0%, rgba(6,108,244,0.5), transparent 60%);
}
.reveal {
  opacity: 0;
  transform: translateY(12px);
  transition: opacity .6s ease, transform .6s ease;
}
.reveal.in {
  opacity: 1;
  transform: translateY(0);
}
.shadow-soft {
  box-shadow: 0 10px 30px rgba(0,0,0,.25);
}
.gradient-page {
  background-image:
    radial-gradient(1000px 600px at 10% 10%, rgba(16,185,129,0.2), transparent 60%),
    radial-gradient(800px 500px at 90% 0%, rgba(6,108,244,0.5), transparent 60%);
  background-repeat: no-repeat, no-repeat;
  background-attachment: fixed, fixed;
}
.bg-brand-500 p,
.bg-brand-600 p,
.bg-brand-700 p,
.bg-brand-800 p,
.bg-brand-900 p,
.from-brand-500 p,
.from-brand-600 p,
.from-brand-700 p,
.from-brand-800 p,
.from-brand-900 p,
.to-brand-500 p,
.to-brand-600 p,
.to-brand-700 p,
.to-brand-800 p,
.to-brand-900 p {
  color: #fff;
}