.grid-bg{pointer-events:none;background:#0a0a0a;position:absolute;inset:0;overflow:hidden}.hero-perspective{perspective:1200px;z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero-grid-plane{width:150%;height:150%;transform-style:preserve-3d;background-image:linear-gradient(to right, var(--grid-color) 1px, transparent 1px), linear-gradient(to bottom, var(--grid-color) 1px, transparent 1px);background-size:60px 60px;position:absolute;top:-25%;left:-25%;transform:rotateX(50deg);-webkit-mask-image:radial-gradient(circle,#000 0%,#0000 65%);mask-image:radial-gradient(circle,#000 0%,#0000 65%)}.grid-pulse{background-color:var(--beam-color);opacity:0;position:absolute;-webkit-mask-image:linear-gradient(#0000,#000 50%,#0000);mask-image:linear-gradient(#0000,#000 50%,#0000);-webkit-mask-size:100% 300px;mask-size:100% 300px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.grid-pulse.vertical{width:1px;animation:linear infinite pulse-vertical;top:0;bottom:0}.grid-pulse.horizontal{height:1px;animation:linear infinite pulse-horizontal;left:0;right:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 50%,#0000);mask-image:linear-gradient(90deg,#0000,#000 50%,#0000);-webkit-mask-size:300px 100%;mask-size:300px 100%}.grid-glow{filter:blur(100px);mix-blend-mode:screen;pointer-events:none;background:#10a66a33;border-radius:9999px;width:600px;height:600px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes pulse-vertical{0%{opacity:0;-webkit-mask-position:0 -300px;mask-position:0 -300px}10%{opacity:1}90%{opacity:1}to{opacity:0;-webkit-mask-position:0 120%;mask-position:0 120%}}@keyframes pulse-horizontal{0%{opacity:0;-webkit-mask-position:-300px 0;mask-position:-300px 0}10%{opacity:1}90%{opacity:1}to{opacity:0;-webkit-mask-position:120% 0;mask-position:120% 0}}@media (prefers-reduced-motion:reduce){.grid-pulse{opacity:0;animation:none}}