.section.hero{
background: var(–gradHero);
}
.hero-card{
background:
radial-gradient(700px 260px at 10% 20%, rgba(29,138,219,.20), transparent),
radial-gradient(700px 260px at 90% 0%, rgba(25,78,129,.18), transparent),
radial-gradient(700px 260px at 70% 90%, rgba(255,186,19,.14), transparent),
var(–card);
border:1px solid var(–border);
box-shadow: var(–shadow);
}
.section.cta .cta-inner{
background:
radial-gradient(900px 320px at 10% 20%, rgba(29,138,219,.22), transparent),
radial-gradient(900px 320px at 90% 10%, rgba(25,78,129,.18), transparent),
radial-gradient(900px 320px at 60% 95%, rgba(255,186,19,.16), transparent),
var(–card);
}