.hero{isolation:isolate}.hero-grid{position:relative;z-index:2}.hero-mesh{inset:-10% -5%;overflow:hidden;pointer-events:none;position:absolute;z-index:0}.hero-mesh .b{border-radius:50%;filter:blur(70px);opacity:.7;position:absolute}.hero-mesh .b1{animation:meshA 20s ease-in-out infinite;background:radial-gradient(closest-side,rgba(167,119,255,.55),transparent);height:70%;left:-6%;top:-18%;width:46%}.hero-mesh .b2{animation:meshB 24s ease-in-out infinite;background:radial-gradient(closest-side,rgba(235,32,105,.42),transparent);height:64%;right:-4%;top:-10%;width:42%}.hero-mesh .b3{animation:meshC 22s ease-in-out infinite;background:radial-gradient(closest-side,rgba(26,188,254,.4),transparent);bottom:-24%;height:60%;right:8%;width:38%}.hero-mesh .b4{animation:meshD 26s ease-in-out infinite;background:radial-gradient(closest-side,rgba(246,135,73,.4),transparent);bottom:-28%;height:58%;left:6%;width:40%}@keyframes meshA{0%,to{transform:translate(0) scale(1)}50%{transform:translate(80px,60px) scale(1.15)}}@keyframes meshB{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-70px,50px) scale(1.12)}}@keyframes meshC{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-60px,-50px) scale(1.18)}}@keyframes meshD{0%,to{transform:translate(0) scale(1)}50%{transform:translate(70px,-40px) scale(1.12)}}@media (prefers-reduced-motion:reduce){.hero-mesh .b{animation:none}}