@layer utilities {
    .glass-light {
        background: rgba(255, 255, 255, 0.4);
        backdrop-filter: blur(15px);
        border: 1px solid rgba(255, 255, 255, 0.6);
        box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.03);
    }

    .no-scrollbar::-webkit-scrollbar {
        display: none;
    }

    .no-scrollbar {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .grain-overlay {
        background-image: url("https://grainy-gradients.vercel.app/noise.svg");
        opacity: 0.04;
        pointer-events: none;
    }

    .float-in {
        animation: floatUp 1.2s ease-out forwards;
    }

    @keyframes floatUp {
        from {
            opacity: 0;
            transform: translateY(30px);
        }

        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    .reveal {
        opacity: 0;
        transform: translateY(30px);
    }

    .reveal-left {
        opacity: 0;
        transform: translateX(-30px);
    }

    .reveal-right {
        opacity: 0;
        transform: translateX(30px);
    }

    .pricing-row:hover {
        background-color: rgba(0, 0, 0, 0.02);
    }
}

/* Smooth Scroll Support */
html.lenis {
    height: auto;
}

.lenis.lenis-smooth {
    scroll-behavior: auto;
}

.lenis.lenis-smooth [data-lenis-prevent] {
    overscroll-behavior: contain;
}

.lenis.lenis-stopped {
    overflow: hidden;
}

.lenis.lenis-scrolling iframe {
    pointer-events: none;
}