/* Static texture, not a new visual system. Original purple palette stays intact.
   feTurbulence reference: https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/feTurbulence */
body::after{content:"";position:fixed;inset:0;z-index:7;pointer-events:none;background:url("assets/grain.svg") repeat;opacity:.034;mix-blend-mode:soft-light}
.hero{background-image:radial-gradient(ellipse at 24% 21%,rgba(139,125,255,.055),transparent 48%),radial-gradient(ellipse at 82% 61%,rgba(80,111,169,.04),transparent 42%)}
#steps{position:relative}
@media(prefers-contrast:more){body::after{display:none}}