@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;600;800&display=swap');

body { 
    font-family: 'Plus Jakarta Sans', sans-serif; 
    color: #fff; 
    background-color: #020617; 
}

/* Arxaplan Grid Animasiyası */
.tech-grid {
    background-size: 50px 50px;
    background-image: 
        linear-gradient(to right, rgba(56, 189, 248, 0.03) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(56, 189, 248, 0.03) 1px, transparent 1px);
    animation: moveGrid 20s linear infinite;
}

@keyframes moveGrid {
    0% { transform: translateY(0); }
    100% { transform: translateY(50px); }
}

/* ==== İNTERAKTİV ANİMASİYALAR ==== */
@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes slideUpFade {
    from { opacity: 0; transform: translateY(40px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes blob {
    0% { transform: translate(0px, 0px) scale(1); }
    33% { transform: translate(30px, -50px) scale(1.1); }
    66% { transform: translate(-20px, 20px) scale(0.9); }
    100% { transform: translate(0px, 0px) scale(1); }
}

.animate-fade-in-up { animation: fadeInUp 0.8s ease-out forwards; opacity: 0; }
.animate-slide-up-fade { animation: slideUpFade 1s cubic-bezier(0.16, 1, 0.3, 1) forwards; opacity: 0; }
.animate-blob { animation: blob 10s infinite alternate; }
.animation-delay-2000 { animation-delay: 2s; }
.perspective-1000 { perspective: 1000px; }
.transform-style-3d { transform-style: preserve-3d; }
.glow-text { text-shadow: 0 0 30px rgba(56, 189, 248, 0.5); }
/* ==== SANbot İKONİK ANİMASİYALARI ==== */
@keyframes scan {
    0% { transform: translateX(-150%); }
    100% { transform: translateX(150%); }
}

@keyframes soundwave {
    0%, 100% { transform: scaleY(0.5); }
    50% { transform: scaleY(1.5); }
}

.sound-bar {
    animation: soundwave 1s ease-in-out infinite;
    transform-origin: bottom;
}
.sound-bar:nth-child(2) { animation-delay: 0.2s; }
.sound-bar:nth-child(3) { animation-delay: 0.4s; }
/* ==== MOBİL OPTİMİZASİYA (YENİ) ==== */
#mobileMenu.active {
    display: flex;
    opacity: 1;
    transform: translateX(0);
}

@media (max-width: 768px) {
    .perspective-text span {
        font-size: 2.5rem !important; 
        line-height: 1.1;
    }
    
    .animate-blob {
        width: 200px !important;
        height: 200px !important;
        filter: blur(80px) !important;
    }
}

@media (max-width: 640px) {
    #serviceTypeGroup, #featuresGroup {
        grid-template-cols: 1fr !important;
    }
    
    #calcModalContent {
        padding: 1rem !important;
    }
}

@media (hover: none) {
    .hover\:-translate-y-2:hover, .group:hover {
        transform: none !important;
    }
}
/* ==== SCROLL ANİMASİYALARI ==== */
.reveal {
    opacity: 0;
    transform: translateY(40px);
    transition: all 0.8s cubic-bezier(0.5, 0, 0, 1);
}

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

/* Fərqli istiqamətlərdən gəlməsi üçün əlavələr (istəyə bağlı) */
.reveal-left {
    transform: translateX(-50px);
}
.reveal-right {
    transform: translateX(50px);
}