/* BEYAZ EKRAN ÇÖZÜMÜ */
        html, body { background-color: #050505; margin: 0; padding: 0; transition: background-color 0.4s ease; }

        :root {
            --bg-titanium: #F9F9FA; 
            --text-obsidian: #0D0D0F; 
            --text-metal: #86868B;
            --brand-red: #E60000; 
            --border-fine: rgba(13, 13, 15, 0.1);
        }
        
        body { color: var(--text-obsidian); font-family: 'Inter', sans-serif; overflow-x: hidden; -webkit-font-smoothing: antialiased; }
        @media (pointer: fine) { body { cursor: none; } }

        h1, h2, h3, h4, .font-manrope { font-family: 'Manrope', sans-serif; letter-spacing: -0.03em; }
        .font-mono-tech { font-family: 'JetBrains Mono', monospace; }
        .tracking-widest-pro { letter-spacing: 0.15em; }

        /* YÜKSEK GERİLİM BAŞLATMA EKRANI */
        #power-boot { position: fixed; inset: 0; background: #050505; z-index: 100000; display: flex; flex-direction: column; justify-content: center; align-items: center; transition: opacity 0.3s ease; }
        .voltage-counter { font-family: 'JetBrains Mono', monospace; font-size: clamp(3rem, 8vw, 6rem); color: #333; font-weight: 700; letter-spacing: -0.05em; transition: color 0.3s; }
        .voltage-counter.charged { color: var(--brand-red); text-shadow: 0 0 30px rgba(230,0,0,0.6); }
        .boot-status { font-family: 'JetBrains Mono'; font-size: 0.75rem; color: #555; margin-top: 1rem; letter-spacing: 0.2em; text-transform: uppercase; text-align: center; padding: 0 20px; }
        
        /* AMBİYANS İMLEÇ */
        @media (pointer: fine) {
            #cursor-glow { position: fixed; width: 400px; height: 400px; background: radial-gradient(circle, rgba(230,0,0,0.15) 0%, rgba(230,0,0,0) 60%); border-radius: 50%; pointer-events: none; z-index: 9999; transform: translate(-50%, -50%); transition: width 0.4s, height 0.4s; mix-blend-mode: multiply; will-change: transform; }
            .dark-mode-active #cursor-glow { mix-blend-mode: screen; background: radial-gradient(circle, rgba(230,0,0,0.25) 0%, rgba(230,0,0,0) 60%); }
            #cursor-core { position: fixed; width: 6px; height: 6px; background: var(--brand-red); border-radius: 50%; pointer-events: none; z-index: 10000; transform: translate(-50%, -50%); box-shadow: 0 0 10px rgba(230,0,0,0.8); }
        }

        /* MOBİL MENÜ */
        #mobile-menu { backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px); clip-path: circle(0% at 100% 0); transition: clip-path 0.6s cubic-bezier(0.19, 1, 0.22, 1); pointer-events: none; visibility: hidden; }
        #mobile-menu.active { clip-path: circle(150% at 100% 0); pointer-events: auto; visibility: visible; }

        /* MİMARİ GRID VE ENERJİ AKIŞLARI */
        .grid-system { position: absolute; inset: 0; pointer-events: none; z-index: 0; background-image: linear-gradient(to right, rgba(13,13,15,0.03) 1px, transparent 1px), linear-gradient(to bottom, rgba(13,13,15,0.03) 1px, transparent 1px); background-size: 5vw 5vw; mask-image: linear-gradient(to bottom, black 20%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 20%, transparent 100%); }
        .energy-beam { position: absolute; height: 1px; width: 150px; background: linear-gradient(90deg, transparent, #E60000, transparent); box-shadow: 0 0 15px #E60000; opacity: 0; pointer-events: none; z-index: 1; }
        .beam-vertical { width: 1px; height: 150px; background: linear-gradient(180deg, transparent, #E60000, transparent); }

        /* DİKEY ŞEBEKE YÜKÜ */
        .system-load-bar { position: fixed; right: 20px; top: 50%; transform: translateY(-50%); height: 30vh; width: 2px; background: rgba(13,13,15,0.1); z-index: 50; display: flex; align-items: flex-end; }
        @media (min-width: 1024px) { .system-load-bar { right: 40px; height: 40vh; } }
        .load-fill { width: 100%; background: var(--brand-red); box-shadow: 0 0 10px var(--brand-red); height: 0%; transition: height 0.1s ease; }
        .load-text { position: absolute; right: 15px; bottom: 0; transform: rotate(-90deg); transform-origin: right bottom; font-family: 'JetBrains Mono'; font-size: 0.65rem; color: var(--text-metal); letter-spacing: 0.2em; white-space: nowrap; mix-blend-mode: difference; }

        /* HERO KARTLARI */
        .gs-grid-item { clip-path: inset(100% 0 0 0); opacity: 0; }
        .grid-item-img { transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1); opacity: 0.85; filter: contrast(1.1) saturate(1.1); }
        .group:hover .grid-item-img { opacity: 1; transform: scale(1.05); filter: contrast(1.1) saturate(1.2); }
        
        /* B2B CANLI ENVANTER TABLOSU */
        .table-scroll-wrapper { overflow-x: auto; overflow-y: hidden; width: 100%; padding-bottom: 10px; }
        .table-scroll-wrapper::-webkit-scrollbar { height: 6px; }
        .table-scroll-wrapper::-webkit-scrollbar-track { background: rgba(255,255,255,0.05); border-radius: 10px; }
        .table-scroll-wrapper::-webkit-scrollbar-thumb { background: rgba(230,0,0,0.5); border-radius: 10px; }
        .table-scroll-wrapper::-webkit-scrollbar-thumb:hover { background: rgba(230,0,0,0.8); }

        .b2b-row-hover { transition: all 0.3s; border-radius: 12px; }
        .b2b-row-hover:hover { background: rgba(255,255,255,0.03); }

        /* ============================================================== */
        /* YENİ: BÜYÜTÜLMÜŞ MARKA BANDI (Logo Ticker) */
        /* ============================================================== */
        .marquee-wrapper { overflow: hidden; display: flex; width: 100%; background: #FFFFFF; border-top: 1px solid var(--border-fine); padding: 50px 0; } /* Padding artırıldı */
        .marquee-track { display: flex; align-items: center; width: max-content; animation: marquee 35s linear infinite; }
        .marquee-content { display: flex; align-items: center; gap: 8rem; padding-right: 8rem; } /* Gap ve Padding artırıldı */
        
        /* İmaj Logolar GÜNCELLENDİ (Boyutlar büyütüldü) */
        .marquee-logo { height: 90px; width: auto; object-fit: contain; filter: grayscale(100%) opacity(40%); transition: all 0.4s ease; cursor: pointer; }
        .marquee-logo:hover { filter: grayscale(0%) opacity(100%); transform: scale(1.05); }
        
        @keyframes marquee { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }
        @media (max-width: 640px) {
            .marquee-wrapper { padding: 25px 0; }
            .marquee-content { gap: 3rem; padding-right: 3rem; }
            .marquee-logo { height: 50px; }
        }
        /* ============================================================== */

        /* PLAZMA BUTON */
        .btn-plasma { display: inline-flex; align-items: center; justify-content: center; background: var(--text-obsidian); color: white; padding: 16px 32px; font-family: 'Manrope'; font-weight: 600; font-size: 0.85rem; letter-spacing: 0.05em; text-transform: uppercase; position: relative; overflow: hidden; border: 1px solid rgba(255,255,255,0.1); }
        @media (min-width: 768px) { .btn-plasma { padding: 20px 48px; } }
        .btn-plasma span { position: relative; z-index: 10; pointer-events: none; }
        .plasma-glow { position: absolute; width: 100px; height: 100px; background: radial-gradient(circle, rgba(230,0,0,0.8) 0%, rgba(230,0,0,0) 70%); border-radius: 50%; opacity: 0; pointer-events: none; transform: translate(-50%, -50%); transition: opacity 0.3s; }
        @media (pointer: fine) { .btn-plasma:hover .plasma-glow { opacity: 1; } }

        /* YARDIMCI SINIFLAR */
        .header-glass { background: rgba(249, 249, 250, 0.85); backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px); border-bottom: 1px solid var(--border-fine); }
        .dark-section { background-color: var(--text-obsidian); color: white; }
        .draw-line-b { position: relative; }
        .draw-line-b::after { content: ''; position: absolute; bottom: 0; left: 50%; width: 0; height: 1px; background: var(--border-fine); transform: translateX(-50%); transition: width 1.5s cubic-bezier(0.19, 1, 0.22, 1); }
        .draw-line-b.drawn::after { width: 100%; }
        
        .corporate-input { width: 100%; background: transparent; border: none; border-bottom: 1px solid var(--border-fine); padding: 16px 0; font-family: 'Manrope'; font-size: 1rem; color: inherit; outline: none; transition: 0.4s; }
        .corporate-input:focus { border-bottom-color: var(--brand-red); box-shadow: 0 10px 10px -10px rgba(230,0,0,0.2); }
        
        @keyframes neon-flicker { 0%, 19%, 21%, 23%, 25%, 54%, 56%, 100% { text-shadow: 0 0 20px rgba(230,0,0,0.8); color: var(--brand-red); } 20%, 22%, 24%, 55% { text-shadow: none; color: #333; } }
        @media (pointer: fine) { .flicker-hover { transition: color 0.3s; } .flicker-hover:hover { animation: neon-flicker 1.5s linear forwards; } }

        /* LENS / GÖRSEL YUMUŞAK AÇILIŞ */
        .lens-wrap { overflow: hidden; position: relative; background: #000; clip-path: inset(100% 0 0 0); transition: clip-path 1.5s cubic-bezier(0.85, 0, 0.15, 1); }
        .lens-wrap.active { clip-path: inset(0 0 0 0); }