/* --- KURUMSAL SİBER TEMA --- */
    body { background-color: #0b0b0b; color: #e0e0e0; font-family: 'Open Sans', sans-serif; margin: 0; padding: 0; overflow-x: hidden; }
    a { text-decoration: none; }
    h1, h2, h3 { font-family: 'Oswald', sans-serif; text-transform: uppercase; letter-spacing: 1px; }

    /* MENÜ (GÜNCELLENMİŞ) */
    .cyber-nav {
        position: fixed; top: 0; left: 0; width: 100%; height: 90px;
        background: rgba(11, 11, 11, 0.95); border-bottom: 1px solid #222;
        z-index: 1000; display: flex; align-items: center; justify-content: space-between; padding: 0 50px;
    }
    /* KATMANLI NEON EFEKTİ KODU */
.nav-logo img {
    height: 120px; /* Boyut */
    width: auto;
    
    /* Zemin temizliği (Siyahı yok et) */
    mix-blend-mode: screen; 
    
    /* NEON FORMÜLÜ: */
    /* brightness(130%): Ana çizgileri parlat ama patlatma. */
    /* drop-shadow x 3: Üç katmanlı beyaz ışık halkası. */
    filter: grayscale(1) brightness(130%) 
            drop-shadow(0 0 2px rgba(255, 255, 255, 1))
            drop-shadow(0 0 5px rgba(255, 255, 255, 0.8))
            drop-shadow(0 0 15px rgba(255, 255, 255, 0.6));
    
    /* Temizlik */
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
    .nav-menu { display: flex; gap: 40px; list-style: none; padding: 0; margin: 0; }
    .nav-link { color: #ccc; font-family: 'Oswald'; font-size: 1rem; transition: 0.3s; }
    .nav-link:hover { color: #e63946; }
    .nav-cta { padding: 10px 25px; border: 1px solid #e63946; color: #e63946; font-family: 'Oswald'; transition: 0.3s; }
    .nav-cta:hover { background: #e63946; color: #fff; }

    /* --- EKLENEN CSS: Masaüstünde butonu gizle --- */
    .menu-toggle { display: none; }

    /* HERO SECTION */
    .tech-hero {
        position: relative; height: 60vh; display: flex; align-items: center; justify-content: center; text-align: center;
        background: linear-gradient(to right, rgba(11,11,11,0.9), rgba(11,11,11,0.6)), url('img/yetenekler/global-network-bg.jpg');
        background-size: cover; background-position: center; margin-top: 90px;
        border-bottom: 4px solid #e63946;
    }
    .th-content h1 { font-size: 3.5rem; color: #fff; margin-bottom: 15px; }
    .th-content p { font-size: 1.2rem; max-width: 800px; margin: 0 auto; color: #ccc; }
    .tech-badge { 
        background: rgba(230, 57, 70, 0.1); color: #e63946; padding: 5px 15px; 
        font-family: 'Share Tech Mono'; border: 1px solid #e63946; display: inline-block; margin-bottom: 20px;
    }

    /* KARTLAR */
    .capability-section { padding: 100px 20px; background: #0b0b0b; }
    .cap-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; max-width: 1400px; margin: 0 auto; }
    
    .cap-card {
        background: #141414; border: 1px solid #222; padding: 40px; position: relative;
        transition: 0.3s; display: flex; flex-direction: column; justify-content: space-between;
        padding-top: 50px;
    }
    .cap-card:hover { border-color: #e63946; transform: translateY(-5px); background: #1a1a1a; }
    
    .cap-title { 
        font-size: 1.5rem; color: #fff; margin-bottom: 15px; 
        border-left: 3px solid #e63946; padding-left: 15px; 
    }
    .cap-desc { font-size: 0.95rem; color: #999; line-height: 1.6; margin-bottom: 25px; }
    
    .tech-list { list-style: none; padding: 0; margin: 0; border-top: 1px solid #333; padding-top: 20px; }
    .tech-list li { color: #ccc; font-size: 0.9rem; margin-bottom: 8px; font-family: 'Share Tech Mono'; display: flex; justify-content: space-between; }
    .tech-list li span { color: #e63946; font-weight: bold; }

    /* ALTYAPI */
    .infra-section { display: flex; flex-wrap: wrap; border-top: 1px solid #222; border-bottom: 1px solid #222; }
    .infra-img { 
        flex: 1; min-width: 400px; min-height: 500px; 
        background-size: cover; background-position: center; filter: grayscale(100%); transition: 0.5s; 
    }
    .infra-section:hover .infra-img { filter: grayscale(20%); }
    
    .infra-content { 
        flex: 1; min-width: 400px; background: #111; padding: 80px 60px; 
        display: flex; flex-direction: column; justify-content: center; 
    }
    .section-tag { font-family: 'Share Tech Mono'; color: #e63946; letter-spacing: 2px; margin-bottom: 10px; }
    .infra-title { font-size: 2.5rem; color: #fff; margin-bottom: 20px; }
    .infra-text { color: #aaa; line-height: 1.7; margin-bottom: 30px; font-size: 1.05rem; }

    /* SAYAÇLAR */
    .specs-bar { background: #080808; padding: 60px 20px; text-align: center; border-bottom: 1px solid #222; }
    .specs-grid { display: flex; justify-content: center; gap: 50px; flex-wrap: wrap; max-width: 1200px; margin: 0 auto; }
    .spec-item { text-align: center; }
    .spec-val { font-family: 'Share Tech Mono'; font-size: 2.5rem; color: #fff; display: block; margin-bottom: 5px; }
    .spec-label { color: #666; font-size: 0.9rem; text-transform: uppercase; letter-spacing: 1px; }

    /* FOOTER */
   /* --- FOOTER STANDART TASARIM --- */
.cyber-footer-v2 { background: #020202; border-top: 1px solid #111; color: #888; font-size: 0.9rem; }
.footer-top { padding: 80px 20px; max-width: 1400px; margin: 0 auto; }
.footer-grid { display: flex; flex-wrap: wrap; gap: 40px; }
.f-col { flex: 1; min-width: 200px; }
.brand-col { flex: 1.5; }
.f-logo {
    height: 60px; /* İstediğin kibar boyut */
    width: auto;
    margin-bottom: 20px; /* Altındaki yazıyla mesafe */
    
    /* 1. ZEMİN TEMİZLİĞİ */
    mix-blend-mode: screen; 
    
    /* 2. NEON EFEKTİ (Aynısı) */
    filter: grayscale(1) brightness(130%) 
            drop-shadow(0 0 2px rgba(255, 255, 255, 1))
            drop-shadow(0 0 5px rgba(255, 255, 255, 0.8));
            /* 15px'lik büyük gölgeyi kaldırdım, çünkü 60px'lik küçük logoda */
            /* o kadar büyük gölge çamur gibi durur. Bu hali daha net parlar. */
            
    /* Temizlik */
    background: transparent !important;
    border: none !important;
    opacity: 1 !important; /* Eski kodda 0.8 opaklık vardı, onu iptal ettim tam parlasın */
}
.f-title { font-family: 'Oswald'; color: #fff; font-size: 1.1rem; margin-bottom: 20px; border-left: 3px solid #e63946; padding-left: 15px; }
.f-links { list-style: none; padding: 0; margin: 0; }
.f-links a { color: #888; display: block; margin-bottom: 10px; transition: 0.3s; text-decoration: none; }
.f-links a:hover { color: #e63946; padding-left: 5px; }
.footer-bottom { background: #000; padding: 20px; text-align: center; border-top: 1px solid #111; color: #555; }

@media (max-width: 768px) {
    .footer-grid { flex-direction: column; }
}
    /* --- GÜNCELLENMİŞ MOBİL AYARLAR --- */
    @media (max-width: 768px) {
        .cyber-nav { padding: 0 20px; } 
        
        /* Hamburger Butonu Göster */
        .menu-toggle { 
            display: block; 
            background: transparent; 
            border: none; 
            color: #fff; 
            font-size: 1.8rem; 
            cursor: pointer;
        }

        /* Menüyü Gizle ve Dikey Yap */
        .nav-menu { 
            display: none; 
            flex-direction: column; 
            position: absolute; top: 90px; left: 0; width: 100%;
            background: #0b0b0b; 
            padding: 20px; 
            border-bottom: 1px solid #333;
        }

        /* JS ile açılınca göster */
        .nav-menu.active { display: flex; }

        .th-content h1 { font-size: 2.5rem; }
        .infra-content { padding: 40px 20px; }
        .infra-img { min-height: 300px; } 
        .footer-flex { flex-direction: column; }
    }