<style>
.sa-hero-cursor-light-layer.is-active {
    opacity: 0.85;
}

.sa-hero-cursor-light-layer {
    opacity: 0;
    transition: opacity 0.45s ease;
}

.sa-hero-cursor-glow {
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    will-change: left, top, opacity, transform;
    pointer-events: none;
    background: radial-gradient(
        circle at center,
        transparent 0%,
        transparent 46%,
        rgba(74, 222, 128, 0.08) 60%,
        rgba(34, 197, 94, 0.16) 74%,
        rgba(34, 197, 94, 0.06) 88%,
        transparent 100%
    );
    box-shadow:
        0 0 32px 9px rgba(34, 197, 94, 0.18),
        0 0 64px 18px rgba(34, 197, 94, 0.09),
        0 0 88px 24px rgba(249, 115, 22, 0.04);
}

.sa-hero-cursor-glow--lead {
    width: 132px;
    height: 132px;
}

.sa-hero-cursor-glow--trail {
    width: 100px;
    height: 100px;
    box-shadow:
        0 0 24px 7px rgba(34, 197, 94, 0.14),
        0 0 48px 14px rgba(34, 197, 94, 0.07);
}

@media (max-width: 639px) {
    .sa-hero-cursor-glow--lead {
        width: 148px;
        height: 148px;
    }

    .sa-hero-cursor-glow--trail {
        width: 112px;
        height: 112px;
    }
}

@media (min-width: 1024px) {
    .sa-hero-cursor-glow--lead {
        width: 142px;
        height: 142px;
    }

    .sa-hero-cursor-glow--trail {
        width: 108px;
        height: 108px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .sa-hero-cursor-light-layer {
        display: none;
    }
}
</style>
