/* Global reset - sadece body için */
        html, body { max-width: 100%; overflow-x: hidden; margin: 0; box-sizing: border-box; }
        /* NOT: padding-top'u silme, style.css'den gelecek (90px header yüksekliği için) */
        /* NOT: page-header stilleri page-header.css dosyasından gelecek */
        
        /* Hero Section */
        .hero-section { background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); padding: 40px 0; }
        .product-badge { display: inline-block; padding: 6px 16px; background: rgba(7,50,105,0.1); color: #073269; border-radius: 25px; font-weight: 600; font-size: 14px; margin-bottom: 14px; }
        .hero-title { font-size: 2.5rem; font-weight: 700; color: #073269; margin-bottom: 16px; line-height: 1.2; }
        .hero-description { font-size: 1.1rem; color: #6c757d; line-height: 1.8; margin-bottom: 0; }

        /* Image Container */
        .image-container { text-align: center; margin-bottom: 28px; }
        .product-image { max-width: 100%; height: auto; border-radius: 12px; box-shadow: 0 10px 40px rgba(0,0,0,0.1); }

        /* Feature Cards */
        .feature-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 28px; }
        .feature-card { background: #fff; padding: 24px; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.08); transition: all 0.4s ease; }
        .feature-card::before { display: none !important; }
        .feature-card:hover { transform: translateY(-6px); box-shadow: 0 16px 32px rgba(0,0,0,0.12); }
        .feature-card:hover::before { opacity: 0 !important; }
        .feature-icon { font-size: 2.4rem; color: #073269 !important; margin-bottom: 14px; display: block; background: none !important; width: auto !important; height: auto !important; border-radius: 0 !important; }
        .feature-card h4 { font-size: 1.2rem; color: #073269 !important; margin-bottom: 10px; }
        .feature-card p { color: #6c757d !important; line-height: 1.6; margin: 0; }
        .feature-card:hover h4 { color: #073269 !important; }
        .feature-card:hover p { color: #6c757d !important; }

        /* Benefits Section */
        .benefits-section { padding: 40px 0 !important; background: #fff !important; margin: 0 !important; border-radius: 0 !important; }
        .section-title { font-size: 2rem; font-weight: 700; color: #073269; text-align: center; margin-bottom: 10px; }
        .section-subtitle { text-align: center; color: #6c757d; font-size: 1.05rem; margin-bottom: 28px; }

        .benefit-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 24px; }
        .benefit-item { text-align: center; }
        .benefit-icon { font-size: 2.8rem; color: #073269; margin-bottom: 14px; }
        .benefit-item h4 { font-size: 1.2rem; color: #073269; margin-bottom: 10px; }
        .benefit-item p { color: #6c757d; line-height: 1.6; }

        /* System Requirements */
        .requirements-section { padding: 40px 0; background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%) !important; }
        .requirements-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; max-width: 1200px; margin: 0 auto; }
        .requirement-item { background: #fff; padding: 20px; border-radius: 12px; display: flex; align-items: center; gap: 16px; box-shadow: 0 4px 15px rgba(0,0,0,0.06); }
        .requirement-icon { width: 44px; height: 44px; background: linear-gradient(135deg, #073269 0%, #0a4d8f 100%); color: #fff; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.3rem; flex-shrink: 0; }
        .requirement-content h5 { font-size: 1rem; color: #073269; margin-bottom: 4px; }
        .requirement-content p { color: #6c757d; margin: 0; font-size: 0.9rem; }

        /* Features Section */
        .features-section { padding: 40px 0 !important; background: #fff !important; }
        .features-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
        .feature-box { background: linear-gradient(135deg, #fff 0%, #f8f9fa 100%) !important; padding: 24px 20px !important; border-radius: 12px !important; border: 2px solid transparent !important; margin: 0 !important; height: 100%; transition: all 0.3s; }
        .feature-box::before { display: none !important; }
        .feature-box:hover { border-color: #073269 !important; transform: translateY(-4px); }
        .feature-box:hover::before { opacity: 0 !important; }
        .feature-box i { font-size: 2.4rem; color: #073269 !important; margin-bottom: 14px; display: block; }
        .feature-box h4 { font-size: 1.1rem; color: #073269 !important; margin-bottom: 10px; }
        .feature-box p { color: #6c757d !important; line-height: 1.6; margin: 0; font-size: 0.9rem; }
        .feature-box:hover h4 { color: #073269 !important; }
        .feature-box:hover p { color: #6c757d !important; }

        /* FAQ Section */
        .faq-section { padding: 40px 0; background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%) !important; }
        .faq-item { background: #fff; margin-bottom: 12px; border-radius: 12px; padding: 20px 24px; box-shadow: 0 2px 10px rgba(0,0,0,0.06); transition: all 0.3s ease; }
        .faq-item:hover { box-shadow: 0 4px 18px rgba(0,0,0,0.1); transform: translateY(-2px); }
        .faq-question { font-family: 'Poppins', sans-serif; font-size: 1.1rem; font-weight: 600; color: #073269; margin-bottom: 12px; line-height: 1.4; }
        .faq-answer { font-family: 'Poppins', sans-serif; color: #333; line-height: 1.8; font-size: 0.95rem; }
        .faq-answer strong { color: #000; font-weight: 600; }
        .faq-answer em { color: #ff7f00; font-style: normal; font-weight: 500; }

        /* CTA Buttons */
        .cta-buttons { display: flex; gap: 16px; justify-content: center; margin-top: 28px; flex-wrap: wrap; }
        .btn { padding: 12px 28px; border-radius: 8px; font-weight: 600; text-decoration: none; transition: all 0.3s; display: inline-flex; align-items: center; gap: 8px; }
        .btn-primary { background: #073269; color: #fff; border: 2px solid #073269; }
        .btn-primary:hover { background: #0a4d8f; transform: translateY(-2px); box-shadow: 0 5px 15px rgba(7,50,105,0.3); }
        .btn-outline { background: transparent; color: #073269; border: 2px solid #073269; }
        .btn-outline:hover { background: #073269; color: #fff; transform: translateY(-2px); }
        
        /* Video Modal */
        .video-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.9); }
        .video-modal.active { display: flex; align-items: center; justify-content: center; }
        .video-modal-content { position: relative; width: 90%; max-width: 900px; aspect-ratio: 16/9; }
        .video-modal-close { position: absolute; top: -40px; right: 0; color: #fff; font-size: 35px; cursor: pointer; transition: all 0.3s; }
        .video-modal-close:hover { color: #ff0000; transform: scale(1.1); }
        .video-modal iframe { width: 100%; height: 100%; border: none; border-radius: 8px; }
        
        /* Responsive */
        @media (max-width: 1200px) {
            .requirements-grid, .features-grid { grid-template-columns: repeat(2, 1fr); }
            /* 5 sütunlu grid'i 3 sütuna düşür */
            .features-grid[style*="repeat(5"] { grid-template-columns: repeat(3, 1fr) !important; }
        }
        
        @media (max-width: 992px) {
            /* 5 sütunlu grid'i 2 sütuna düşür */
            .features-grid[style*="repeat(5"] { grid-template-columns: repeat(2, 1fr) !important; }
        }
        
        @media (max-width: 768px) {
            .hero-title { font-size: 2rem; }
            .section-title { font-size: 1.75rem; }
            .cta-buttons { flex-direction: column; align-items: stretch; }
            .btn { justify-content: center; }
            .feature-cards, .benefit-grid, .requirements-grid, .features-grid { grid-template-columns: 1fr; }
            /* 5 sütunlu grid'i de 1 sütuna düşür */
            .features-grid[style*="repeat(5"] { grid-template-columns: 1fr !important; }
            
            /* Tablet boyutunda düzenlemeler */
            .feature-badges { flex-wrap: wrap; }
            .hero-description { font-size: 1rem; }
            
            /* Comparison table tablet */
            .comparison-table { overflow: visible !important; }
            .comparison-table table { 
                min-width: auto !important; 
                width: 100% !important;
                font-size: 0.9rem;
            }
            .comparison-table th,
            .comparison-table td {
                padding: 10px 8px !important;
                font-size: 0.9rem !important;
            }
            
            /* User testimonials */
            .benefit-item[style*="background: #fff"] { padding: 25px !important; }
            
            /* FAQ items */
            .faq-item { padding: 20px !important; }
        }

        /* Responsive padding */
        @media (max-width: 768px) {
            .hero-section,
            .benefits-section,
            .requirements-section,
            .features-section,
            .faq-section {
                padding: 28px 0 !important;
            }
        }

        @media (max-width: 480px) {
            .hero-section,
            .benefits-section,
            .requirements-section,
            .features-section,
            .faq-section {
                padding: 20px 0 !important;
            }
            
            /* Mobilde yazı boyutları */
            .hero-title { font-size: 1.5rem !important; }
            .section-title { font-size: 1.5rem !important; }
            .section-subtitle { font-size: 0.95rem !important; }
            
            /* Feature badges mobil düzen */
            .feature-badges { gap: 8px !important; }
            .feature-badges .badge { font-size: 12px !important; padding: 6px 12px !important; }
            
            /* Feature box'lar mobilde daha kompakt */
            .feature-box { padding: 20px 15px !important; }
            .feature-box i { font-size: 2rem !important; }
            .feature-box h4 { font-size: 1rem !important; }
            .feature-box p { font-size: 0.85rem !important; }
            
            /* 5 sütunlu grid'deki özel ayarlar */
            .features-grid[style*="repeat(5"] .feature-box { padding: 20px 15px !important; }
            .features-grid[style*="repeat(5"] h4 { font-size: 0.95rem !important; }
            .features-grid[style*="repeat(5"] p { font-size: 0.8rem !important; }
            .features-grid[style*="repeat(5"] div[style*="font-size: 42px"] { font-size: 32px !important; }
            
            /* Tablo mobil responsive - tam uyumlu */
            .comparison-table { 
                overflow: visible !important; 
                margin: 20px 0;
            }
            .comparison-table table { 
                font-size: 0.75rem !important;
                min-width: auto !important;
                width: 100% !important;
                display: table !important;
            }
            .comparison-table th, 
            .comparison-table td { 
                padding: 8px 6px !important; 
                font-size: 0.75rem !important;
                line-height: 1.4 !important;
                word-break: break-word !important;
                white-space: normal !important;
            }
            .comparison-table th {
                font-size: 0.8rem !important;
                font-weight: 600 !important;
            }
            /* Icon boyutları mobilde küçült */
            .comparison-table i.fas {
                font-size: 0.85rem !important;
                margin-right: 4px;
            }
            
            /* CTA butonlar */
            .cta-buttons { flex-direction: column; }
            .btn { width: 100%; justify-content: center; padding: 12px 20px !important; font-size: 16px !important; }
            
            /* FAQ */
            .faq-question { font-size: 1rem !important; }
            .faq-answer { font-size: 0.9rem !important; }
            
            /* Senaryolar */
            .info-box, .guide-box, .tip-box { padding: 15px !important; margin-bottom: 20px !important; }
            .info-box h3, .guide-box h3, .tip-box h3 { font-size: 1.1rem !important; }
            .checklist { font-size: 0.9rem !important; padding-left: 15px !important; }
            .checklist li { margin-bottom: 10px !important; }
            
            /* Container padding mobil */
            .container { padding-left: 15px !important; padding-right: 15px !important; }
            
            /* Footer CTA section */
            section[style*="padding: 60px 0"] { padding: 40px 0 !important; }
            
            /* Inline font sizes mobil düzeltme */
            p[style*="font-size: 20px"] { font-size: 16px !important; }
            ol[style*="font-size: 18px"] { font-size: 16px !important; }
        }
        
        /* Ekstra küçük ekranlar (360px ve altı) */
        @media (max-width: 360px) {
            .hero-title { font-size: 1.3rem !important; }
            .section-title { font-size: 1.3rem !important; }
            .product-badge { font-size: 12px !important; padding: 6px 15px !important; }
            
            .feature-badges .badge { font-size: 11px !important; padding: 5px 10px !important; }
            
            .feature-box { padding: 15px 10px !important; }
            .feature-box i { font-size: 1.8rem !important; }
            .feature-box h4 { font-size: 0.9rem !important; }
            .feature-box p { font-size: 0.8rem !important; }
            
            .features-grid[style*="repeat(5"] div[style*="font-size: 42px"] { font-size: 28px !important; }
            
            .btn { padding: 10px 15px !important; font-size: 14px !important; }
            
            .faq-question { font-size: 0.95rem !important; }
            .faq-answer { font-size: 0.85rem !important; }
            
            /* Tablo çok küçük ekranlar */
            .comparison-table table { font-size: 0.7rem !important; }
            .comparison-table th, 
            .comparison-table td { 
                padding: 6px 4px !important;
                font-size: 0.7rem !important;
            }
            .comparison-table i.fas {
                font-size: 0.75rem !important;
            }
        }

        /* Fiyatlandırma & Güven Grid - Responsive */
        .pricing-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 20px;
            max-width: 1200px;
            margin: 0 auto;
        }
        .trust-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 16px;
            max-width: 900px;
            margin: 0 auto 32px;
        }
        @media (max-width: 1100px) {
            .pricing-grid { grid-template-columns: repeat(2, 1fr); max-width: 700px; }
        }
        @media (max-width: 600px) {
            .pricing-grid { grid-template-columns: 1fr; max-width: 420px; }
        }
        @media (max-width: 900px) {
            .trust-grid { grid-template-columns: repeat(2, 1fr); }
        }
        @media (max-width: 480px) {
            .trust-grid { grid-template-columns: repeat(2, 1fr); }
        }