html {
    scroll-behavior: smooth;
}
body {
    font-family: 'Inter', sans-serif;
    background-color: #030712; /* Even darker gray */
    background-image: radial-gradient(circle at 1px 1px, rgba(255,255,255,0.04) 1px, transparent 0);
    background-size: 2rem 2rem;
}
.card-hover-effect {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border: 1px solid transparent;
}
.card-hover-effect:hover {
    transform: translateY(-10px);
    box-shadow: 0 25px 50px -12px rgba(99, 102, 241, 0.25);
    border-color: rgba(99, 102, 241, 0.5);
}
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.card-animate {
    opacity: 0; /* Start hidden */
    animation: fadeInUp 0.6s ease-out forwards;
}
/* Styles for the testimonial marquee */
@keyframes scroll {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}
.scrolling-wrapper {
    -webkit-mask-image: linear-gradient(to right, transparent, black 20%, black 80%, transparent);
    mask-image: linear-gradient(to right, transparent, black 20%, black 80%, transparent);
}
.scrolling-track {
    /* Adjusted duration for more content */
    animation: scroll 80s linear infinite;
}
.scrolling-wrapper:hover .scrolling-track {
    animation-play-state: paused;
}
/* Style for the image stroke */
.image-stroke {
    -webkit-filter: drop-shadow(1px 1px 0 rgba(255,255,255,0.7)) 
                    drop-shadow(-1px -1px 0 rgba(255,255,255,0.7))
                    drop-shadow(1px -1px 0 rgba(255,255,255,0.7))
                    drop-shadow(-1px 1px 0 rgba(255,255,255,0.7));
    filter: drop-shadow(1px 1px 0 rgba(255,255,255,0.7)) 
            drop-shadow(-1px -1px 0 rgba(255,255,255,0.7))
            drop-shadow(1px -1px 0 rgba(255,255,255,0.7))
            drop-shadow(-1px 1px 0 rgba(255,255,255,0.7));
}