body {
            font-family: 'Inter', sans-serif;
            background-color: #0a0a0a;
            color: #ffffff;
            overflow-x: hidden;
        }
        
        h1, h2, h3, .font-display {
            font-family: 'Syncopate', sans-serif;
        }

        .glass {
            background: rgba(22, 22, 26, 0.7);
            backdrop-filter: blur(12px);
            border: 1px solid rgba(250, 204, 21, 0.1);
        }

        .gold-text-gradient {
            background: linear-gradient(to right, #facc15, #ca8a04);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .gold-glow {
            box-shadow: 0 0 20px rgba(234, 179, 8, 0.3);
        }

        .hover-gold-glow:hover {
            box-shadow: 0 0 30px rgba(234, 179, 8, 0.5);
            border-color: rgba(250, 204, 21, 0.5);
        }

        /* Hero Image Overlay */
        .hero-overlay {
            background: linear-gradient(to bottom, rgba(10,10,10,0.2) 0%, rgba(10,10,10,0.7) 100%);
        }

        /* Animasyon öncesi görünmezliği garanti altına almak için (isteğe bağlı ama GSAP bazen çakışabilir) */
        .service-card, .section-header, .brands-text, .brands-image, .contact-box {
            opacity: 1; /* GSAP başlangıçta zaten 0 yapacak, ancak JavaScript çalışmazsa kartlar görünür kalmalı */
            transform: translateY(0);
        }
        ::-webkit-scrollbar {
            width: 8px;
        }
        ::-webkit-scrollbar-track {
            background: #0a0a0a;
        }
        ::-webkit-scrollbar-thumb {
            background: #ca8a04;
            border-radius: 4px;
        }

        /* Marquee (Kayan Yazı) Animasyonu */
        .animate-marquee {
            width: max-content;
            animation: marquee 35s linear infinite;
        }
        .animate-marquee:hover {
            animation-play-state: paused;
        }
        @keyframes marquee {
            0% { transform: translateX(0); }
            100% { transform: translateX(-50%); }
        }

        /* Logo Marquee Animasyonu */
        .logo-marquee {
            width: max-content;
            animation: logoMarquee 40s linear infinite;
        }
        .logo-marquee:hover {
            animation-play-state: paused;
        }
        @keyframes logoMarquee {
            0% { transform: translateX(0); }
            100% { transform: translateX(-50%); }
        }
/* Yorumlar Marquee Animasyonu */
.animate-reviews-marquee {
    width: max-content;
    animation: reviewsMarquee 120s linear infinite;
}
.animate-reviews-marquee:hover {
    animation-play-state: paused;
}
@keyframes reviewsMarquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}