h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     font-family: "Montserrat", sans-serif;
 }

 .hero-pattern {
     background: url("https://pixabay.com/videos/download/video-26011_medium.mp4");
     background-size: cover;
     position: relative;
 }

 .hero-pattern::after {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
     z-index: 2;
     right: 0;
     bottom: 0;
     background: radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.05) 0%, transparent 70%);
 }

 .hero-bg {
     background: radial-gradient(circle at 50% 50%, rgba(59, 130, 246, 0.05) 0%, transparent 70%);
 }

 .reveal {
     opacity: 0;
     transform: translateY(30px);
     transition: all 0.8s ease-out;
 }

 .reveal.active {
     opacity: 1;
     transform: translateY(0);
 }

 /* Mobile Menu Animation */
 #mobile-menu {
    height: 100vh;
     transition: all 0.3s ease-in-out;
     transform: translateZ(-100%);
     opacity: 0;
     pointer-events: none;
 }

 #mobile-menu.active {
     transform: translateZ(0);
     opacity: 1;
     pointer-events: auto;
 }

 @keyframes marquee {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(-50%);
    }
}

.animate-marquee {
    display: flex;
    width: max-content;
    animation: marquee 18s linear infinite;
}