@charset "UTF-8";

/* ============================================================
   CAD/CAM BLUEPRINT GRID BACKGROUND (DARK & LIGHT MODES)
   ============================================================ */
.bg-blueprint {
    background-color: #0b1120;
    background-image: 
        linear-gradient(rgba(59, 130, 246, 0.07) 1px, transparent 1px),
        linear-gradient(90deg, rgba(59, 130, 246, 0.07) 1px, transparent 1px),
        linear-gradient(rgba(59, 130, 246, 0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(59, 130, 246, 0.03) 1px, transparent 1px);
    background-size: 80px 80px, 80px 80px, 20px 20px, 20px 20px;
    background-position: -1px -1px, -1px -1px, -1px -1px, -1px -1px;
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* Light Theme Blueprint Grid */
html:not(.dark) .bg-blueprint {
    background-color: #f8fafc;
    background-image: 
        linear-gradient(rgba(14, 165, 233, 0.08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(14, 165, 233, 0.08) 1px, transparent 1px),
        linear-gradient(rgba(14, 165, 233, 0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(14, 165, 233, 0.03) 1px, transparent 1px);
    background-size: 60px 60px, 60px 60px, 15px 15px, 15px 15px;
}

/* ============================================================
   GLASSMORPHISM & SURFACE CARDS
   ============================================================ */
.glass-nav {
    background: rgba(11, 17, 32, 0.88);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    transition: all 0.3s ease;
}

html:not(.dark) .glass-nav {
    background: rgba(255, 255, 255, 0.94) !important;
    border-bottom: 1px solid rgba(226, 232, 240, 0.9) !important;
    box-shadow: 0 4px 20px -2px rgba(15, 23, 42, 0.05) !important;
}

.glass-card {
    background: rgba(30, 41, 59, 0.65);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    transition: all 0.3s ease;
}

.glass-card:hover {
    border-color: rgba(59, 130, 246, 0.35);
    box-shadow: 0 10px 30px -10px rgba(37, 99, 235, 0.25);
}

html:not(.dark) .glass-card:not(.keep-dark) {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 20px -2px rgba(15, 23, 42, 0.05) !important;
}

html:not(.dark) .glass-card:not(.keep-dark):hover {
    border-color: #93c5fd !important;
    box-shadow: 0 10px 25px -5px rgba(37, 99, 235, 0.08) !important;
}

/* ============================================================
   LIGHT MODE SURGICAL OVERRIDES (DARK MODE IS 100% UNTOUCHED)
   ============================================================ */
html:not(.dark) body {
    color: #1e293b !important;
    background-color: #f8fafc !important;
}

/* Headings in Light Mode */
html:not(.dark) h1,
html:not(.dark) h2,
html:not(.dark) h3,
html:not(.dark) h4,
html:not(.dark) h5,
html:not(.dark) h6 {
    color: #0f172a !important;
}

/* General text-white override (Ensures NO white-on-white text in light mode) */
html:not(.dark) .text-white:not(.keep-white):not([class*="bg-blue"]):not([class*="bg-cyan"]):not([class*="bg-emerald"]):not([class*="bg-rose"]):not(#top-launch-banner *):not(.keep-dark *):not(footer *):not(a[class*="bg-gradient-to-r"] *):not(button[class*="bg-gradient-to-r"] *) {
    color: #0f172a !important;
}

/* Brand Name in Header in Light Mode */
html:not(.dark) .brand-name {
    color: #0f172a !important;
}

/* Paragraphs & Slate Texts in Light Mode */
html:not(.dark) .text-slate-100:not(.keep-white):not(.keep-dark *):not(footer *) {
    color: #0f172a !important;
}

html:not(.dark) .text-slate-200:not(.keep-white):not(.keep-dark *):not(footer *) {
    color: #1e293b !important;
}

html:not(.dark) .text-slate-300:not(.keep-white):not(.keep-dark *):not(footer *) {
    color: #334155 !important;
}

html:not(.dark) .text-slate-400:not(.keep-white):not(.keep-dark *):not(footer *) {
    color: #475569 !important;
}

html:not(.dark) .text-slate-500:not(.keep-white):not(.keep-dark *):not(footer *) {
    color: #64748b !important;
}

/* Top Navigation Bar in Light Mode */
html:not(.dark) header nav a {
    color: #334155 !important;
}

html:not(.dark) header nav a:hover {
    color: #0284c7 !important;
    background-color: rgba(2, 132, 199, 0.08) !important;
}

html:not(.dark) #mobile-menu {
    background-color: #ffffff !important;
    border-color: #e2e8f0 !important;
    box-shadow: 0 10px 25px -5px rgba(15, 23, 42, 0.08) !important;
}

html:not(.dark) #mobile-menu a {
    color: #334155 !important;
}

html:not(.dark) #mobile-menu a:hover {
    color: #0284c7 !important;
}

html:not(.dark) #mobile-menu-btn {
    color: #334155 !important;
}

/* Vivid Badges & Accent Texts in Light Mode */
html:not(.dark) .text-blue-400 { color: #1d4ed8 !important; }
html:not(.dark) .text-cyan-400 { color: #0284c7 !important; }
html:not(.dark) .text-emerald-400 { color: #059669 !important; }
html:not(.dark) .text-amber-400,
html:not(.dark) .text-amber-300 { color: #b45309 !important; }
html:not(.dark) .text-yellow-400 { color: #b45309 !important; }
html:not(.dark) .text-rose-400 { color: #e11d48 !important; }
html:not(.dark) .text-purple-400 { color: #6d28d9 !important; }

/* Badge backgrounds in light mode */
html:not(.dark) [class*="bg-blue-500/10"],
html:not(.dark) [class*="bg-blue-600/10"] { background-color: rgba(37, 99, 235, 0.08) !important; }
html:not(.dark) [class*="bg-cyan-500/10"] { background-color: rgba(2, 132, 199, 0.08) !important; }
html:not(.dark) [class*="bg-emerald-500/10"],
html:not(.dark) [class*="bg-emerald-500/20"] { background-color: rgba(5, 150, 105, 0.08) !important; }
html:not(.dark) [class*="bg-amber-500/10"],
html:not(.dark) [class*="bg-amber-400/20"] { background-color: rgba(217, 119, 6, 0.08) !important; }
html:not(.dark) [class*="bg-rose-500/10"] { background-color: rgba(225, 29, 72, 0.08) !important; }

/* Primary CTA Buttons MUST keep white text */
html:not(.dark) a.keep-white,
html:not(.dark) button.keep-white,
html:not(.dark) #hero-cta-primary,
html:not(.dark) #top-launch-banner,
html:not(.dark) a[class*="from-blue-600"],
html:not(.dark) button[class*="from-blue-600"],
html:not(.dark) button[type="submit"]:not(.btn-outline) {
    color: #ffffff !important;
}

html:not(.dark) a.keep-white *,
html:not(.dark) button.keep-white *,
html:not(.dark) #hero-cta-primary *,
html:not(.dark) #top-launch-banner *,
html:not(.dark) a[class*="from-blue-600"] *,
html:not(.dark) button[class*="from-blue-600"] *,
html:not(.dark) button[type="submit"]:not(.btn-outline) * {
    color: #ffffff !important;
}

/* Secondary Button in Hero ("Özellikleri İncele") in Light Mode */
html:not(.dark) #hero-cta-secondary {
    background-color: #ffffff !important;
    color: #0f172a !important;
    border-color: #cbd5e1 !important;
    box-shadow: 0 4px 14px -2px rgba(15, 23, 42, 0.06) !important;
}

html:not(.dark) #hero-cta-secondary:hover {
    background-color: #f1f5f9 !important;
    border-color: #94a3b8 !important;
}

html:not(.dark) #hero-cta-secondary * {
    color: #0f172a !important;
}

/* ============================================================
   ITEM 1: DESTEKLENEN / KURULAN MARKALAR & HERO NOTICE BOX
   ============================================================ */
html:not(.dark) [class*="from-amber-500/10"]:not(section) {
    background: #ffffff !important;
    border: 1px solid #fde68a !important;
    box-shadow: 0 4px 20px -2px rgba(217, 119, 6, 0.08) !important;
}

html:not(.dark) [class*="from-amber-500/10"] .text-amber-300,
html:not(.dark) [class*="from-amber-500/10"] .text-amber-400 {
    color: #92400e !important;
    font-weight: 800 !important;
}

html:not(.dark) [class*="from-amber-500/10"] .bg-amber-500\/20 {
    background-color: #fef3c7 !important;
    border-color: #fde68a !important;
    color: #b45309 !important;
}

html:not(.dark) [class*="from-amber-500/10"] .bg-blue-500\/20,
html:not(.dark) [class*="from-amber-500/10"] [class*="text-blue-300"] {
    background-color: #eff6ff !important;
    color: #1d4ed8 !important;
    border-color: #bfdbfe !important;
    font-weight: 700 !important;
}

html:not(.dark) #machine-support-notice {
    color: #334155 !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
}

html:not(.dark) [class*="from-amber-500/10"] .text-slate-500 {
    color: #475569 !important;
    font-weight: 700 !important;
}

/* Desteklenen / Kurulan Markalar Badges (Biesse Works / CNI, SCM / Xilog, Morbidelli, Syntec, Siemens, Özel G-Code) */
html:not(.dark) [class*="from-amber-500/10"] span[class*="bg-slate-800"],
html:not(.dark) #machine-support-notice + div span[class*="bg-slate-800"] {
    background-color: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    color: #0f172a !important;
    font-weight: 700 !important;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06) !important;
}

html:not(.dark) [class*="from-amber-500/10"] span[class*="bg-slate-800"]:hover,
html:not(.dark) #machine-support-notice + div span[class*="bg-slate-800"]:hover {
    border-color: #0284c7 !important;
    color: #0284c7 !important;
    background-color: #f0f9ff !important;
}

/* ============================================================
   ITEM 2: GERÇEK SAHA HİKAYESİ & VAKA ANALİZİ (#vaka-analizi)
   ============================================================ */
html:not(.dark) #vaka-analizi {
    background: #f8fafc !important;
    border-color: #e2e8f0 !important;
}

html:not(.dark) #vaka-analizi .blur-3xl {
    opacity: 0.12 !important;
}

html:not(.dark) #vaka-analizi h2 {
    color: #0f172a !important;
    font-weight: 900 !important;
}

html:not(.dark) #vaka-analizi p {
    color: #334155 !important;
}

/* Card 1: Eski Manuel Sistem (Rose/Red) */
html:not(.dark) #vaka-analizi [class*="from-rose-950"] {
    background: #ffffff !important;
    border: 1px solid #fecdd3 !important;
    box-shadow: 0 4px 20px -2px rgba(225, 29, 72, 0.06) !important;
}

html:not(.dark) #vaka-analizi [class*="from-rose-950"] h3 {
    color: #9f1239 !important;
    font-weight: 900 !important;
}

html:not(.dark) #vaka-analizi [class*="from-rose-950"] p,
html:not(.dark) #vaka-analizi [class*="from-rose-950"] span {
    color: #475569 !important;
}

html:not(.dark) #vaka-analizi [class*="from-rose-950"] .bg-rose-500\/10 {
    background-color: #ffe4e6 !important;
    color: #e11d48 !important;
    border-color: #fecdd3 !important;
    font-weight: 700 !important;
}

html:not(.dark) #vaka-analizi [class*="from-rose-950"] .bg-rose-500\/20 {
    background-color: #fecdd3 !important;
    color: #9f1239 !important;
}

/* Card 2: Rinetca ile Sonuç (Emerald/Green) */
html:not(.dark) #vaka-analizi [class*="from-emerald-950"] {
    background: #ffffff !important;
    border: 2px solid #10b981 !important;
    box-shadow: 0 10px 30px -5px rgba(16, 185, 129, 0.12) !important;
}

html:not(.dark) #vaka-analizi [class*="from-emerald-950"] h3 {
    color: #065f46 !important;
    font-weight: 900 !important;
}

html:not(.dark) #vaka-analizi [class*="from-emerald-950"] p {
    color: #334155 !important;
}

html:not(.dark) #vaka-analizi [class*="from-emerald-950"] span {
    color: #1e293b !important;
    font-weight: 500 !important;
}

html:not(.dark) #vaka-analizi [class*="from-emerald-950"] .bg-emerald-500\/10 {
    background-color: #d1fae5 !important;
    color: #047857 !important;
    border-color: #a7f3d0 !important;
    font-weight: 700 !important;
}

html:not(.dark) #vaka-analizi [class*="from-emerald-950"] .bg-emerald-500\/20 {
    background-color: #a7f3d0 !important;
    color: #065f46 !important;
}

/* Stat Cards in #vaka-analizi */
html:not(.dark) #vaka-analizi .grid-cols-1.md\:grid-cols-3 .glass-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 14px -2px rgba(15, 23, 42, 0.05) !important;
}

html:not(.dark) #vaka-analizi .grid-cols-1.md\:grid-cols-3 .glass-card:hover {
    border-color: #93c5fd !important;
    box-shadow: 0 10px 25px -5px rgba(37, 99, 235, 0.08) !important;
}

html:not(.dark) #vaka-analizi .grid-cols-1.md\:grid-cols-3 [class*="text-white"] {
    color: #0f172a !important;
    font-weight: 800 !important;
}

html:not(.dark) #vaka-analizi .grid-cols-1.md\:grid-cols-3 p {
    color: #475569 !important;
}

/* Industrial Quote Box in #vaka-analizi */
html:not(.dark) #vaka-analizi [class*="from-blue-950"] {
    background: linear-gradient(135deg, #eff6ff 0%, #ffffff 100%) !important;
    border: 1px solid #bfdbfe !important;
    box-shadow: 0 10px 30px -5px rgba(37, 99, 235, 0.08) !important;
}

html:not(.dark) #vaka-analizi [class*="from-blue-950"] blockquote {
    color: #0f172a !important;
    font-weight: 700 !important;
}

html:not(.dark) #vaka-analizi [class*="from-blue-950"] blockquote * {
    color: #0f172a !important;
}

html:not(.dark) #vaka-analizi [class*="from-blue-950"] span {
    color: #1d4ed8 !important;
    font-weight: 800 !important;
}

html:not(.dark) #vaka-analizi [class*="from-blue-950"] .bg-blue-600\/20 {
    background-color: #dbeafe !important;
    border-color: #bfdbfe !important;
    color: #1d4ed8 !important;
}

/* ============================================================
   ITEM 3: HIZLI MODELLEME & FEATURES (#moduller)
   ============================================================ */
html:not(.dark) #moduller {
    background-color: #f8fafc !important;
}

html:not(.dark) #moduller .glass-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 18px -2px rgba(15, 23, 42, 0.05) !important;
}

html:not(.dark) #moduller .glass-card:hover {
    border-color: #3b82f6 !important;
    box-shadow: 0 10px 25px -5px rgba(59, 130, 246, 0.12) !important;
}

html:not(.dark) #moduller .w-12.h-12 {
    background: #eff6ff !important;
    border: 1px solid #bfdbfe !important;
    color: #2563eb !important;
}

/* Feature Badges (Hızlı Modelleme, Akıllı Algoritma vb.) - Eliminates Glare */
html:not(.dark) #moduller span[class*="text-cyan-400"],
html:not(.dark) #moduller span[class*="bg-cyan-950"] {
    background-color: #eff6ff !important;
    color: #1e40af !important;
    border: 1px solid #bfdbfe !important;
    font-weight: 700 !important;
}

html:not(.dark) #moduller h3 {
    color: #0f172a !important;
    font-weight: 800 !important;
}

html:not(.dark) #moduller p {
    color: #334155 !important;
    line-height: 1.6 !important;
}

html:not(.dark) #moduller .border-t {
    border-color: #e2e8f0 !important;
}

html:not(.dark) #moduller .border-t span {
    color: #334155 !important;
    font-weight: 500 !important;
}

html:not(.dark) #moduller .border-t svg {
    color: #059669 !important;
}

/* ============================================================
   ITEM 4: SIFIR ÇİZİM HATASI (#imalat-akisi)
   ============================================================ */
html:not(.dark) #imalat-akisi {
    background-color: #f1f5f9 !important;
    border-color: #e2e8f0 !important;
}

html:not(.dark) #imalat-akisi .glass-card {
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    box-shadow: 0 4px 16px -2px rgba(15, 23, 42, 0.05) !important;
}

html:not(.dark) #imalat-akisi .glass-card:hover {
    border-color: #0284c7 !important;
    box-shadow: 0 10px 25px -5px rgba(2, 132, 199, 0.1) !important;
}

html:not(.dark) #imalat-akisi .font-mono[class*="text-cyan-400"] {
    color: #0284c7 !important;
    font-weight: 900 !important;
}

/* Step Tags (Sıfır Çizim Hatası, Standart Bağlantı, %92+ Plaka Verimi, vb.) */
html:not(.dark) #imalat-akisi span[class*="bg-slate-800"],
html:not(.dark) #imalat-akisi span[class*="text-slate-300"] {
    background-color: #eff6ff !important;
    color: #1d4ed8 !important;
    border: 1px solid #bfdbfe !important;
    font-weight: 700 !important;
    box-shadow: none !important;
}

html:not(.dark) #imalat-akisi h3 {
    color: #0f172a !important;
    font-weight: 800 !important;
}

html:not(.dark) #imalat-akisi p {
    color: #475569 !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
}

html:not(.dark) #imalat-akisi .border-t {
    border-color: #e2e8f0 !important;
}

html:not(.dark) #imalat-akisi .border-t span[class*="text-cyan-400"],
html:not(.dark) #imalat-akisi .border-t div[class*="text-cyan-400"] {
    color: #0284c7 !important;
    font-weight: 700 !important;
}

/* ============================================================
   ITEM 5 & 6: %50 LANSMAN İNDİRİMİ & FİYATLANDIRMA BUTONLARI (#fiyatlandirma)
   ============================================================ */
html:not(.dark) #fiyatlandirma {
    background-color: #f8fafc !important;
}

html:not(.dark) #fiyatlandirma [class*="bg-amber-500/10"] {
    background-color: #fef3c7 !important;
    color: #92400e !important;
    border: 1px solid #fde68a !important;
    font-weight: 800 !important;
}

html:not(.dark) #fiyatlandirma .glass-card {
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    box-shadow: 0 4px 20px -2px rgba(15, 23, 42, 0.05) !important;
}

html:not(.dark) #fiyatlandirma .border-blue-500 {
    border: 2px solid #2563eb !important;
    box-shadow: 0 10px 30px -5px rgba(37, 99, 235, 0.15) !important;
}

/* Badges (%50 Lansman İndirimi) */
html:not(.dark) #fiyatlandirma span[class*="bg-slate-800"] {
    background-color: #eff6ff !important;
    color: #1d4ed8 !important;
    border: 1px solid #bfdbfe !important;
    font-weight: 800 !important;
}

html:not(.dark) #fiyatlandirma span[class*="bg-amber-400"] {
    background-color: #fef3c7 !important;
    color: #b45309 !important;
    border: 1px solid #fde68a !important;
    font-weight: 800 !important;
}

html:not(.dark) #fiyatlandirma h3 {
    color: #0f172a !important;
    font-weight: 900 !important;
}

html:not(.dark) #fiyatlandirma p {
    color: #475569 !important;
}

html:not(.dark) #fiyatlandirma span.font-mono {
    color: #0f172a !important;
    font-weight: 900 !important;
}

html:not(.dark) #fiyatlandirma .border-b {
    border-color: #e2e8f0 !important;
}

html:not(.dark) #fiyatlandirma .space-y-3 span {
    color: #334155 !important;
    font-weight: 500 !important;
}

/* Secondary Pricing Buttons ("Bu Paketi Seç & Demo İste") in Light Mode */
html:not(.dark) #fiyatlandirma button[class*="bg-slate-800"],
html:not(.dark) #fiyatlandirma button.bg-slate-100 {
    background-color: #f8fafc !important;
    color: #0f172a !important;
    border: 2px solid #cbd5e1 !important;
    font-weight: 800 !important;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.05) !important;
}

html:not(.dark) #fiyatlandirma button[class*="bg-slate-800"] *,
html:not(.dark) #fiyatlandirma button.bg-slate-100 * {
    color: #0f172a !important;
}

html:not(.dark) #fiyatlandirma button[class*="bg-slate-800"]:hover,
html:not(.dark) #fiyatlandirma button.bg-slate-100:hover {
    background-color: #2563eb !important;
    border-color: #2563eb !important;
    color: #ffffff !important;
    box-shadow: 0 6px 20px -2px rgba(37, 99, 235, 0.3) !important;
}

html:not(.dark) #fiyatlandirma button[class*="bg-slate-800"]:hover *,
html:not(.dark) #fiyatlandirma button.bg-slate-100:hover * {
    color: #ffffff !important;
}

/* ============================================================
   ITEM 7: %12 FİRE TASARRUFU & TESTIMONIALS (#referanslar)
   ============================================================ */
html:not(.dark) #referanslar {
    background-color: #f8fafc !important;
}

html:not(.dark) #referanslar .glass-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 10px 30px -5px rgba(15, 23, 42, 0.06) !important;
}

html:not(.dark) #referanslar .border-emerald-500\/30 {
    border: 2px solid #10b981 !important;
}

/* Metric Badge (%12 Fire Tasarrufu) */
html:not(.dark) #referanslar span[class*="bg-emerald-500"],
html:not(.dark) #referanslar span.bg-emerald-50 {
    background-color: #ecfdf5 !important;
    color: #047857 !important;
    border: 1px solid #a7f3d0 !important;
    font-weight: 800 !important;
}

html:not(.dark) #referanslar span[class*="bg-emerald-500"] .animate-pulse,
html:not(.dark) #referanslar span.bg-emerald-50 .animate-pulse {
    background-color: #059669 !important;
}

/* Testimonial Quote Description (Fixes white-on-white) */
html:not(.dark) #referanslar p,
html:not(.dark) #referanslar .text-slate-200,
html:not(.dark) #referanslar [class*="text-slate-200"] {
    color: #0f172a !important;
    font-weight: 500 !important;
    font-size: 1.05rem !important;
    line-height: 1.7 !important;
}

html:not(.dark) #referanslar .text-white {
    color: #0f172a !important;
    font-weight: 800 !important;
}

html:not(.dark) #referanslar .text-slate-400 {
    color: #64748b !important;
}

/* Location Badge */
html:not(.dark) #referanslar div[class*="bg-slate-900"],
html:not(.dark) #referanslar div.bg-slate-100 {
    background-color: #eff6ff !important;
    color: #0284c7 !important;
    border: 1px solid #bfdbfe !important;
    font-weight: 700 !important;
}

/* Quote Watermark Icon in background */
html:not(.dark) #referanslar svg[class*="fill-current"] {
    opacity: 0.12 !important;
}

html:not(.dark) #referanslar .text-emerald-500\/10 svg {
    color: #10b981 !important;
    opacity: 0.1 !important;
}

/* Testimonial Slider Controls in Light Mode */
html:not(.dark) #slider-prev,
html:not(.dark) #slider-next {
    background: #ffffff !important;
    border-color: #cbd5e1 !important;
    color: #0f172a !important;
    box-shadow: 0 4px 14px -2px rgba(15, 23, 42, 0.08) !important;
}

html:not(.dark) #slider-prev:hover,
html:not(.dark) #slider-next:hover {
    border-color: #059669 !important;
    color: #059669 !important;
}

html:not(.dark) #slider-prev svg,
html:not(.dark) #slider-next svg {
    stroke: currentColor !important;
}

html:not(.dark) .slider-dot {
    background-color: #cbd5e1 !important;
}

html:not(.dark) .slider-dot.bg-emerald-400 {
    background-color: #059669 !important;
}

/* ============================================================
   DESTEKLENEN CNC MAKİNELERİ (#desteklenen-makineler)
   ============================================================ */
html:not(.dark) #desteklenen-makineler {
    background-color: #f8fafc !important;
}

html:not(.dark) #desteklenen-makineler .glass-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 14px -2px rgba(15, 23, 42, 0.05) !important;
}

html:not(.dark) #desteklenen-makineler .glass-card:hover {
    border-color: #3b82f6 !important;
    box-shadow: 0 10px 25px -5px rgba(59, 130, 246, 0.1) !important;
}

html:not(.dark) #desteklenen-makineler span[class*="bg-blue-500/20"] {
    background-color: #eff6ff !important;
    color: #1d4ed8 !important;
    border: 1px solid #bfdbfe !important;
    font-weight: 700 !important;
}

html:not(.dark) #desteklenen-makineler h3 {
    color: #0f172a !important;
    font-weight: 800 !important;
}

html:not(.dark) #desteklenen-makineler .text-cyan-400 {
    color: #0284c7 !important;
    font-weight: 700 !important;
}

html:not(.dark) #desteklenen-makineler p {
    color: #475569 !important;
}

html:not(.dark) #desteklenen-makineler .border-t {
    border-color: #e2e8f0 !important;
}

html:not(.dark) #desteklenen-makineler .border-t span.font-mono {
    color: #0f172a !important;
}

html:not(.dark) #desteklenen-makineler [class*="bg-blue-950/30"] {
    background-color: #eff6ff !important;
    border-color: #bfdbfe !important;
}

html:not(.dark) #desteklenen-makineler [class*="bg-blue-950/30"] span {
    color: #1e293b !important;
}

/* ============================================================
   LANSMAN GERİ SAYIMI (#lansman-sayac)
   ============================================================ */
html:not(.dark) #lansman-sayac {
    background: linear-gradient(180deg, #f8fafc 0%, #eff6ff 50%, #f8fafc 100%) !important;
    border-color: #bfdbfe !important;
}

html:not(.dark) #countdown-timer [class*="bg-slate-900"] {
    background-color: #ffffff !important;
    border-color: #93c5fd !important;
    color: #0284c7 !important;
    box-shadow: 0 4px 14px -2px rgba(2, 132, 199, 0.12) !important;
}

html:not(.dark) #countdown-timer span[class*="text-slate-600"] {
    color: #94a3b8 !important;
}

/* ============================================================
   ROI HESAPLAYICI & HAKKIMIZDA
   ============================================================ */
html:not(.dark) #roi-hesaplayici input[type="range"] {
    background-color: #e2e8f0 !important;
}

html:not(.dark) [class*="from-blue-950/60"] {
    background: linear-gradient(135deg, #eff6ff 0%, #ecfdf5 100%) !important;
    border-color: #bfdbfe !important;
}

html:not(.dark) [class*="from-blue-950/60"] span {
    color: #1e293b !important;
    font-weight: 700 !important;
}

html:not(.dark) #calc-annual-saving {
    color: #047857 !important;
}

html:not(.dark) #hakkimizda {
    background-color: #f8fafc !important;
}

html:not(.dark) #hakkimizda .bg-slate-900 {
    background-color: #ffffff !important;
    border-color: #cbd5e1 !important;
    color: #0f172a !important;
}

html:not(.dark) #hakkimizda .bg-slate-900 span.font-mono {
    color: #0f172a !important;
    font-weight: 700 !important;
}

html:not(.dark) #hakkimizda .bg-blue-950\/40 {
    background-color: #eff6ff !important;
    border-color: #bfdbfe !important;
    color: #1d4ed8 !important;
}

/* ============================================================
   S.S.S. (FAQ ACCORDION) & İLETİŞİM
   ============================================================ */
html:not(.dark) #sss {
    background-color: #f1f5f9 !important;
    border-color: #e2e8f0 !important;
}

html:not(.dark) #sss .faq-item {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
}

html:not(.dark) #sss .faq-toggle {
    color: #0f172a !important;
}

html:not(.dark) #sss .faq-toggle svg {
    color: #64748b !important;
}

html:not(.dark) #sss .faq-content {
    color: #334155 !important;
    border-color: #f1f5f9 !important;
}

html:not(.dark) #iletisim {
    background-color: #f8fafc !important;
}

html:not(.dark) #iletisim .bg-slate-900\/60,
html:not(.dark) #iletisim .bg-slate-900 {
    background-color: #ffffff !important;
    border-color: #e2e8f0 !important;
}

html:not(.dark) #iletisim .bg-slate-800 {
    background-color: #f1f5f9 !important;
    color: #334155 !important;
    border-color: #cbd5e1 !important;
}

html:not(.dark) #iletisim .bg-slate-800:hover {
    color: #0284c7 !important;
    background-color: #eff6ff !important;
}

/* Form Inputs in Light Mode */
html:not(.dark) input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="range"]),
html:not(.dark) textarea,
html:not(.dark) select {
    background-color: #ffffff !important;
    color: #0f172a !important;
    border-color: #cbd5e1 !important;
}

html:not(.dark) input::placeholder,
html:not(.dark) textarea::placeholder {
    color: #94a3b8 !important;
}

html:not(.dark) input:focus,
html:not(.dark) textarea:focus,
html:not(.dark) select:focus {
    background-color: #ffffff !important;
    border-color: #2563eb !important;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15) !important;
}

/* ============================================================
   SHADOW SOFTENING IN LIGHT MODE (ELIMINATES ALL BLACK SMUDGES)
   ============================================================ */
html:not(.dark) [class*="shadow-2xl"] {
    box-shadow: 0 10px 30px -5px rgba(15, 23, 42, 0.07) !important;
}

html:not(.dark) [class*="shadow-xl"] {
    box-shadow: 0 4px 20px -2px rgba(15, 23, 42, 0.05) !important;
}

html:not(.dark) [class*="shadow-lg"] {
    box-shadow: 0 4px 14px -2px rgba(15, 23, 42, 0.04) !important;
}

html:not(.dark) [class*="shadow-slate-950"],
html:not(.dark) [class*="shadow-emerald-950"],
html:not(.dark) [class*="shadow-blue-950"],
html:not(.dark) [class*="shadow-rose-950"] {
    box-shadow: 0 4px 20px -2px rgba(15, 23, 42, 0.05) !important;
}

html:not(.dark) .glow-primary,
html:not(.dark) .glow-cyan {
    box-shadow: 0 10px 30px -5px rgba(59, 130, 246, 0.15) !important;
}

/* ============================================================
   KEEP CAD SIMULATOR AND TERMINAL WINDOW IN DARK ENGINEERING STYLING
   ============================================================ */
html:not(.dark) .keep-dark {
    background-color: #090d16 !important;
    border-color: #1e293b !important;
}
html:not(.dark) .keep-dark .text-white {
    color: #f8fafc !important;
}
html:not(.dark) .keep-dark .text-slate-300 {
    color: #cbd5e1 !important;
}
html:not(.dark) .keep-dark .text-slate-400 {
    color: #94a3b8 !important;
}
html:not(.dark) .keep-dark .bg-slate-900,
html:not(.dark) .keep-dark .bg-slate-950,
html:not(.dark) .keep-dark [class*="bg-slate-950"],
html:not(.dark) .keep-dark [class*="bg-slate-900"] {
    background-color: #0d1527 !important;
}
html:not(.dark) .keep-dark [class*="border-slate-800"],
html:not(.dark) .keep-dark [class*="border-slate-700"] {
    border-color: #1e293b !important;
}

/* Footer: Anchors the page with deep engineering slate in both themes */
footer {
    background-color: #090d16 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}
footer .text-white {
    color: #f8fafc !important;
}
footer .text-slate-400 {
    color: #94a3b8 !important;
}
footer a:hover {
    color: #38bdf8 !important;
}

/* ============================================================
   GLOW & ACCENTS
   ============================================================ */
.glow-primary {
    box-shadow: 0 0 50px -10px rgba(59, 130, 246, 0.4);
}

.glow-cyan {
    box-shadow: 0 0 50px -10px rgba(6, 182, 212, 0.4);
}

.text-gradient {
    background: linear-gradient(135deg, #60a5fa 0%, #38bdf8 50%, #818cf8 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

html:not(.dark) .text-gradient {
    background: linear-gradient(135deg, #1d4ed8 0%, #0284c7 50%, #4338ca 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.text-gradient-amber {
    background: linear-gradient(135deg, #f59e0b 0%, #fbbf24 50%, #d97706 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Launch Banner Gradient */
.bg-launch-gradient {
    background: linear-gradient(90deg, #1e3a8a 0%, #0369a1 50%, #1d4ed8 100%);
}

/* Toolpath simulation animation */
@keyframes toolpath-move {
    0% { stroke-dashoffset: 600; }
    100% { stroke-dashoffset: 0; }
}

.animate-toolpath {
    stroke-dasharray: 600;
    animation: toolpath-move 3.5s linear infinite;
}

/* Subtile pulse animation */
@keyframes subtle-pulse {
    0%, 100% { transform: scale(1); opacity: 0.85; }
    50% { transform: scale(1.04); opacity: 1; }
}

.animate-subtle-pulse {
    animation: subtle-pulse 3s ease-in-out infinite;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #0f172a;
}

html:not(.dark) ::-webkit-scrollbar-track {
    background: #f1f5f9;
}

::-webkit-scrollbar-thumb {
    background: #334155;
    border-radius: 4px;
}

html:not(.dark) ::-webkit-scrollbar-thumb {
    background: #cbd5e1;
}

::-webkit-scrollbar-thumb:hover {
    background: #475569;
}