/* Brighter, visible color fields; retain the existing slow animation. */
.slow-lights{z-index:0;background:#060508}
.slow-lights::after{background:linear-gradient(90deg,rgba(5,5,9,.22),transparent 65%)}
.light-ring{width:62vmax;height:62vmax;opacity:1;filter:blur(12px)}
.ring-violet{left:-17%;top:-48%;background:radial-gradient(circle,transparent 37%,#6652ac 44%,#b993f0 51%,#9274d4 56%,transparent 63%)}
.ring-rose{right:-20%;top:-28%;background:radial-gradient(circle,transparent 37%,#994289 44%,#e599d0 51%,#b765a6 56%,transparent 64%)}
.ring-sage{right:9%;bottom:-83%;background:radial-gradient(circle,transparent 36%,#538e72 43%,#aad4ae 50%,#73a589 56%,transparent 64%)}
.light-orb{left:29%;top:32%;width:31vmax;height:31vmax;background:radial-gradient(circle,#e3d696 0%,#c2b66d 35%,#a6986555 53%,transparent 68%);opacity:.86;filter:blur(17px)}
.hero-copy{isolation:isolate;text-shadow:0 2px 16px #000c}
.hero-copy::before{content:"";position:absolute;inset:1rem -1rem;z-index:-1;background:radial-gradient(ellipse,rgba(5,5,9,.74) 10%,rgba(5,5,9,.46) 50%,transparent 73%);pointer-events:none}
.hero h1 em{color:#e6ccff}
.hero-presentation{box-shadow:0 0 70px #c994ef44,0 20px 45px #0009;border-color:#d2abe688}
.hero .primary{text-shadow:none}
@media(max-width:800px){
 .light-ring{width:125vw;height:125vw;filter:blur(10px)}
 .ring-violet{left:-40%;top:-12%}
 .ring-rose{right:-48%;top:17%}
 .ring-sage{right:-15%;bottom:-17%}
 .light-orb{left:-18%;top:45%;width:80vw;height:80vw;opacity:.8;filter:blur(14px)}
 .slow-lights::after{background:rgba(5,5,9,.04)}
 .hero-copy::before{inset:0 -3vw;background:radial-gradient(ellipse,rgba(5,5,9,.78),rgba(5,5,9,.48) 55%,transparent 76%)}
}