/* ========================================
       NEW HERO SECTION STYLES
       ======================================== */
    
    .hero-section-new {
        background: linear-gradient(135deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0.8) 100%), 
                    var(--bg-hero-url);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        background-attachment: scroll; /* fixed causes scroll jank on mobile */
        min-height: 100vh;
        display: flex;
        align-items: center;
        position: relative;
        overflow: hidden;
        padding-top: 100px;
        padding-bottom: 60px;
    }

    .hero-container-new {
        max-width: 1400px;
        margin: 0 auto;
        padding: 0 60px;
        width: 100%;
    }

    .hero-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 80px;
        align-items: center;
        min-height: calc(100vh - 220px);
    }

    /* Left Column Styles */
    .hero-content-left {
        padding-right: 20px;
        display: flex;
        flex-direction: column;
        gap: 0;
    }

    /* Trust Badge */
    .hero-trust-badge {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        margin-bottom: 28px;
    }

    .trust-stars {
        display: flex;
        gap: 2px;
    }

    .trust-text {
        color: #00B67A;
        font-weight: 600;
        font-size: 14px;
        letter-spacing: 0.5px;
    }

    /* Headline */
    .hero-headline {
        font-size: clamp(2.5rem, 4.5vw, 4rem);
        font-weight: 800;
        line-height: 1.15;
        margin-bottom: 28px;
        color: #ffffff;
        letter-spacing: -0.02em;
    }

    .headline-brand {
        color: #C6FF3F;
        display: block;
        margin-bottom: 4px;
    }

    .headline-sub {
        color: #ffffff;
        font-size: 0.85em;
    }

    /* Description */
    .hero-description {
        font-size: 1.15rem;
        line-height: 1.75;
        color: #9ca3af;
        margin-bottom: 36px;
        max-width: 540px;
    }

    .highlight-text {
        color: #C6FF3F;
        font-weight: 500;
    }

    /* CTA Buttons */
    .hero-cta-buttons {
        display: flex;
        gap: 18px;
        margin-bottom: 52px;
        flex-wrap: wrap;
    }

    .btn-hero-primary-new {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        padding: 16px 32px;
        background: #C6FF3F;
        color: #0a0a0a;
        font-weight: 600;
        font-size: 1rem;
        border-radius: 8px;
        text-decoration: none;
        transition: all 0.3s ease;
        border: none;
    }

    .btn-hero-primary-new:hover {
        background: #b8f02e;
        transform: translateY(-2px);
        box-shadow: 0 10px 30px rgba(198, 255, 63, 0.3);
        color: #0a0a0a;
    }

    .btn-hero-primary-new svg {
        transition: transform 0.3s ease;
    }

    .btn-hero-primary-new:hover svg {
        transform: translateX(4px);
    }

    .btn-hero-secondary-new {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        padding: 16px 32px;
        background: transparent;
        color: #ffffff;
        font-weight: 600;
        font-size: 1rem;
        border-radius: 8px;
        text-decoration: none;
        transition: all 0.3s ease;
        border: 1px solid rgba(255, 255, 255, 0.2);
    }

    .btn-hero-secondary-new:hover {
        background: rgba(255, 255, 255, 0.05);
        border-color: rgba(255, 255, 255, 0.4);
        color: #ffffff;
    }

    /* Stats Row */
    .hero-stats-row {
        display: flex;
        gap: 48px;
        padding-top: 8px;
    }

    .stat-item {
        display: flex;
        flex-direction: column;
    }

    .hero-stats-row .stat-number {
        font-size: 1.35rem !important;
        font-weight: 700 !important;
        color: #C6FF3F;
        line-height: 1.2;
    }

    .hero-stats-row .stat-label {
        font-size: 0.7rem !important;
        color: #6b7280;
        margin-top: 4px;
        text-transform: uppercase;
        letter-spacing: 0.3px;
    }

    /* Right Column - Devices Image */
    .hero-devices-right {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .devices-image-wrapper {
        position: relative;
        width: 100%;
        max-width: 600px;
    }

    .hero-devices-image {
        width: 100%;
        height: auto;
        border-radius: 12px;
        filter: drop-shadow(0 40px 80px rgba(0, 0, 0, 0.4));
    }

    @keyframes float {
        0%, 100% { transform: translateY(0); }
        50% { transform: translateY(-10px); }
    }

    /* Floating Badges */
    .floating-badge {
        position: absolute;
        display: flex;
        align-items: center;
        gap: 8px;
        background: rgba(26, 26, 26, 0.9);
        
        border: 1px solid rgba(198, 255, 63, 0.3);
        padding: 10px 16px;
        border-radius: 8px;
        font-size: 13px;
        color: #ffffff;
        font-weight: 500;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
        z-index: 10;
    }

    .uptime-badge {
        top: 20%;
        left: -20px;
        animation: float 5s ease-in-out infinite;
    }

    .online-badge {
        bottom: 25%;
        right: -20px;
        animation: float 5s ease-in-out infinite;
        animation-delay: -2.5s;
    }

    .online-dot {
        width: 8px;
        height: 8px;
        background: #C6FF3F;
        border-radius: 50%;
        animation: pulse 1.5s infinite;
    }

    @keyframes pulse {
        0%, 100% { opacity: 1; }
        50% { opacity: 0.5; }
    }

    /* Scroll Indicator */
    .scroll-indicator {
        position: absolute;
        bottom: 40px;
        left: 50%;
        transform: translateX(-50%);
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 8px;
        color: #6b7280;
        font-size: 12px;
        letter-spacing: 2px;
        text-transform: uppercase;
    }

    .scroll-indicator svg {
        animation: bounce 2s infinite;
    }

    @keyframes bounce {
        0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
        40% { transform: translateY(8px); }
        60% { transform: translateY(4px); }
    }

    /* Responsive Styles */
    @media (max-width: 1200px) {
        .hero-grid {
            gap: 50px;
        }
        
        .hero-container-new {
            padding: 0 40px;
        }
        
        .devices-image-wrapper {
            max-width: 500px;
        }
    }

    @media (max-width: 992px) {
        .hero-section-new {
            padding-top: 90px;
            padding-bottom: 50px;
        }
        
        .hero-grid {
            grid-template-columns: 1fr;
            text-align: center;
            gap: 48px;
        }
        
        .hero-content-left {
            padding-right: 0;
            order: 1;
        }
        
        .hero-devices-right {
            order: 2;
            margin-top: 0;
        }
        
        .hero-trust-badge {
            justify-content: center;
            margin-bottom: 24px;
        }
        
        .hero-headline {
            margin-bottom: 24px;
        }
        
        .hero-description {
            max-width: 600px;
            margin-left: auto;
            margin-right: auto;
            margin-bottom: 32px;
        }
        
        .hero-cta-buttons {
            justify-content: center;
            margin-bottom: 40px;
        }
        
        .hero-stats-row {
            justify-content: center;
            gap: 40px;
        }
        
        .devices-image-wrapper {
            max-width: 480px;
            margin: 0 auto;
        }
        
        .floating-badge {
            padding: 8px 12px;
            font-size: 12px;
        }
        
        .uptime-badge {
            left: 0;
        }
        
        .online-badge {
            right: 0;
        }
        
        .scroll-indicator {
            display: none;
        }
    }

    @media (max-width: 768px) {
        .hero-section-new {
            padding-top: 90px;
            min-height: auto;
            padding-bottom: 50px;
        }
        
        .hero-container-new {
            padding: 0 24px;
        }
        
        .hero-grid {
            gap: 40px;
        }
        
        .hero-headline {
            font-size: 2.1rem;
            margin-bottom: 20px;
        }
        
        .hero-description {
            font-size: 1rem;
            margin-bottom: 28px;
        }
        
        .hero-cta-buttons {
            flex-direction: column;
            align-items: center;
            gap: 14px;
            margin-bottom: 36px;
        }
        
        .btn-hero-primary-new,
        .btn-hero-secondary-new {
            width: 100%;
            max-width: 300px;
            justify-content: center;
            padding: 14px 28px;
        }
        
        .hero-stats-row {
            flex-wrap: wrap;
            gap: 32px;
        }
        
        .hero-stats-row .stat-number {
            font-size: 1.2rem !important;
        }
        
        .devices-image-wrapper {
            max-width: 360px;
        }
        
        /* Show floating badges on mobile with adjusted positioning */
        .floating-badge {
            display: flex;
            padding: 6px 10px;
            font-size: 10px;
            gap: 5px;
            border-radius: 6px;
        }
        
        .floating-badge svg {
            width: 12px;
            height: 12px;
        }
        
        .uptime-badge {
            top: 10%;
            left: 5px;
        }
        
        .online-badge {
            bottom: 15%;
            right: 5px;
        }
        
        .online-dot {
            width: 6px;
            height: 6px;
        }
    }
    
    @media (max-width: 480px) {
        .hero-container-new {
            padding: 0 20px;
        }
        
        .hero-headline {
            font-size: 1.85rem;
        }
        
        .hero-stats-row {
            gap: 24px;
        }
        
        .devices-image-wrapper {
            max-width: 300px;
        }
        
        /* Even smaller floating badges on small mobile */
        .floating-badge {
            padding: 5px 8px;
            font-size: 9px;
            gap: 4px;
        }
        
        .floating-badge svg {
            width: 10px;
            height: 10px;
        }
        
        .uptime-badge {
            top: 8%;
            left: 2px;
        }
        
        .online-badge {
            bottom: 12%;
            right: 2px;
        }
        
        .online-dot {
            width: 5px;
            height: 5px;
        }
    }

    @media (max-width: 380px) {
        .hero-headline {
            font-size: 1.65rem;
        }
        
        .hero-stats-row {
            gap: 16px;
        }
        
        .stat-item {
            flex: 1;
            min-width: 70px;
            text-align: center;
        }
        
        .hero-stats-row .stat-number {
            font-size: 1.1rem !important;
        }
        
        .hero-stats-row .stat-label {
            font-size: 0.6rem !important;
        }
        
        /* Smallest floating badges */
        .floating-badge {
            padding: 4px 6px;
            font-size: 8px;
        }
    }
           .features-grid-clean {
               display: grid;
               grid-template-columns: repeat(3, 1fr);
               gap: 24px;
           }
           
           .feature-box-clean {
               background: linear-gradient(145deg, rgba(18, 18, 18, 0.95) 0%, rgba(12, 12, 12, 0.98) 100%);
               border: 1px solid rgba(255, 255, 255, 0.06);
               border-radius: 16px;
               padding: 32px 28px;
               text-align: center;
               transition: all 0.3s ease;
               position: relative;
               overflow: hidden;
           }
           
           .feature-box-clean::before {
               content: '';
               position: absolute;
               top: 0;
               left: 0;
               right: 0;
               height: 1px;
               background: linear-gradient(90deg, transparent, rgba(198, 255, 63, 0.3), transparent);
               opacity: 0;
               transition: opacity 0.3s ease;
           }
           
           .feature-box-clean:hover {
               border-color: rgba(198, 255, 63, 0.15);
               transform: translateY(-4px);
               box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
           }
           
           .feature-box-clean:hover::before {
               opacity: 1;
           }
           
           .feature-icon-clean {
               width: 56px;
               height: 56px;
               margin: 0 auto 20px;
               display: flex;
               align-items: center;
               justify-content: center;
               background: rgba(198, 255, 63, 0.08);
               border: 1px solid rgba(198, 255, 63, 0.15);
               border-radius: 14px;
               transition: all 0.3s ease;
           }
           
           .feature-box-clean:hover .feature-icon-clean {
               background: rgba(198, 255, 63, 0.12);
               border-color: rgba(198, 255, 63, 0.25);
               transform: scale(1.05);
           }
           
           .feature-title-clean {
               font-size: 1.25rem;
               font-weight: 700;
               color: #ffffff;
               margin-bottom: 12px;
               letter-spacing: -0.01em;
           }
           
           .feature-desc-clean {
               font-size: 0.75rem;
               line-height: 1.45;
               color: #8b8b8b;
               margin: 0;
           }
           
           @media (max-width: 992px) {
               .features-grid-clean {
                   grid-template-columns: repeat(3, 1fr);
                   gap: 16px;
               }
               
               .feature-box-clean {
                   padding: 24px 20px;
               }
           }
           
           @media (max-width: 768px) {
               .features-grid-clean {
                   grid-template-columns: 1fr;
                   gap: 16px;
                   max-width: 400px;
                   margin: 0 auto;
               }
               
               .feature-box-clean {
                   display: flex;
                   flex-direction: column;
                   align-items: center;
                   text-align: center;
                   padding: 24px 20px;
                   gap: 12px;
               }
               
               .feature-icon-clean {
                   margin: 0 0 8px 0;
                   flex-shrink: 0;
                   width: 56px;
                   height: 56px;
               }
               
               .feature-title-clean {
                   font-size: 1.1rem;
                   margin-bottom: 8px;
               }
               
               .feature-desc-clean {
                   font-size: 0.8rem;
                   line-height: 1.5;
                   display: block;
                   color: #9a9a9a;
               }
           }
            .pricing-header-viking {
                text-align: center;
                margin-bottom: 60px;
            }
            
            .pricing-badge-viking {
                display: inline-block;
                padding: 12px 24px;
                background: rgba(198, 255, 63, 0.1);
                border-radius: 100px;
                font-size: 0.9rem;
                font-weight: 500;
                color: #C6FF3F;
                margin-bottom: 28px;
            }
            
            .pricing-title-viking {
                font-size: clamp(2rem, 5vw, 3.25rem);
                font-weight: 800;
                margin-bottom: 20px;
                letter-spacing: -0.02em;
                line-height: 1.2;
            }
            
            .pricing-title-viking .title-white {
                color: #ffffff;
            }
            
            .pricing-title-viking .title-green {
                color: #C6FF3F;
            }
            
            .pricing-subtitle-viking {
                font-size: 1.125rem;
                color: #A0A0B0;
                max-width: 600px;
                margin: 0 auto;
                line-height: 1.7;
            }
            
            @media (max-width: 768px) {
                .pricing-header-viking {
                    margin-bottom: 40px;
                }
                
                .pricing-badge-viking {
                    padding: 10px 20px;
                    font-size: 0.85rem;
                }
                
                .pricing-title-viking {
                    font-size: 1.75rem;
                }
                
                .pricing-title-viking .title-green {
                    display: block;
                }
                
                .pricing-subtitle-viking {
                    font-size: 1rem;
                }
            }
        @keyframes shimmer {
            0% { background-position: -200% 0; }
            100% { background-position: 200% 0; }
        }
/* AGGRESSIVE WHITE SPACE ELIMINATION */
* {
    box-sizing: border-box;
}

html, body {
    margin: 0 !important;
    padding: 0 !important;
}

body {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Kill all WordPress spacing */
.site-main,
#main,
main,
#content,
.content {
    margin-top: 0 !important;
    padding-top: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Override any theme spacing */
.entry-content,
.entry-header,
.hentry {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Force header to have no bottom margin */
.site-header,
header,
.header {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* Cursor-Inspired Hero Styles */
.cursor-hero-section {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 0 0 80px;
    margin: 0;
    background: #0a0a0a;
    /* Force position to eliminate any gaps */
    margin-top: 0 !important;
    padding-top: 0 !important;
    top: 0 !important;
    position: relative !important;
    z-index: 1 !important;
}

/* Fix for WordPress admin bar */
body.admin-bar .cursor-hero-section {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Ensure no white space between header and hero */
.site-main {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Remove any default margins from main content */
#main {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Additional white space fixes */
.cursor-hero-section {
    margin-top: 0 !important;
    padding-top: 0 !important;
    top: 0 !important;
    position: relative !important;
}

/* Ensure no gap between header and hero */
.site-header + main .cursor-hero-section {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Force hero to start immediately after header */
body {
    margin: 0 !important;
    padding: 0 !important;
}

/* Remove any default WordPress spacing */
.site-main {
    margin: 0 !important;
    padding: 0 !important;
}

/* Additional fix for white space */
#main {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Cursor-Style Dark Gradient Background */
.cursor-gradient-bg {
    background: linear-gradient(135deg,
        rgba(10, 10, 10, 0.8) 0%,
        rgba(26, 26, 26, 0.8) 25%,
        rgba(42, 42, 42, 0.8) 50%,
        rgba(26, 26, 26, 0.8) 75%,
        rgba(10, 10, 10, 0.8) 100%),
        var(--bg-hero-url) !important;
    background-size: cover, 400% 400% !important;
    background-position: center, center !important;
    background-repeat: no-repeat, no-repeat !important;
    animation: cursorGradientShift 8s ease infinite !important;
    position: relative !important;
    z-index: 1 !important;
}

.cursor-gradient-bg::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 30% 20%, rgba(198, 255, 63, 0.05) 0%, transparent 50%),
                radial-gradient(circle at 70% 80%, rgba(123, 46, 255, 0.03) 0%, transparent 50%);
    pointer-events: none;
}

@keyframes cursorGradientShift {
    0%, 100% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
}

/* Cursor-Style Badge */
.cursor-badge {
    display: inline-block;
    background: rgba(255, 255, 255, 0.1);
    
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 50px;
    padding: 12px 24px;
    font-size: 14px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.9);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.cursor-badge-text {
    background: linear-gradient(45deg, #C6FF3F, #7B2EFF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Cursor-Style Hero Title */
.cursor-hero-title {
    font-size: clamp(4rem, 10vw, 7rem);
    font-weight: 800;
    line-height: 1.1;
    color: white;
    text-shadow: 0 0 40px rgba(255, 255, 255, 0.2);
    margin-bottom: 2rem;
}

.cursor-main-text {
    display: block;
    font-size: clamp(3.5rem, 8vw, 6rem);
    font-weight: 800;
    color: white;
    margin-bottom: 0.5rem;
}

.keep-together {
    white-space: nowrap;
    display: inline-block;
}

.cursor-sub-text {
    display: block;
    font-size: clamp(2.5rem, 6vw, 4.5rem);
    font-weight: 700;
    color: rgba(255, 255, 255, 0.9);
    background: linear-gradient(45deg, #C6FF3F, #7B2EFF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Cursor-Style Hero Description */
.cursor-hero-description {
    font-size: clamp(0.9rem, 2vw, 1.2rem);
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.6;
    max-width: 700px;
    margin: 0 auto;
    font-weight: 400;
    /* Cursor-style generous spacing */
    margin-bottom: 4rem;
}

/* Cursor-Style Hero Buttons */
.cursor-hero-buttons {
    display: flex;
    gap: 24px;
    justify-content: center;
    flex-wrap: wrap;
    /* Cursor-style generous spacing */
    margin-bottom: 5rem;
}

.cursor-btn-primary, .cursor-btn-secondary {
    display: inline-block;
    padding: 12px 24px;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.2s ease;
    text-align: center;
    margin: 0 8px;
}

.cursor-btn-primary {
    background: white;
    color: #1a1a1a;
    border: 1px solid #ddd;
}

.cursor-btn-primary:hover {
    background: #f5f5f5;
    color: #000;
}

.cursor-btn-secondary {
    background: transparent;
    color: white;
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.cursor-btn-secondary:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.5);
}


/* Cursor-Style Hero Image */
.cursor-hero-image-container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    max-width: 900px;
    /* Cursor-style generous spacing */
    margin-top: 2rem;
}

.cursor-hero-image {
    max-width: 100%;
    height: auto;
    border-radius: 16px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

       .cursor-hero-image:hover {
           transform: translateY(-8px);
           box-shadow: 0 30px 80px rgba(0, 0, 0, 0.3);
       }

       /* Hero Statistics Cards */
       .hero-stats-container {
           display: grid;
           grid-template-columns: repeat(4, 1fr);
           gap: 24px;
           max-width: 1000px;
           margin: 0 auto;
           margin-top: 4rem;
       }

       .hero-stat-card {
           background: rgba(0, 0, 0, 0.3);
           
           border: 1px solid rgba(255, 255, 255, 0.1);
           border-radius: 16px;
           padding: 24px 20px;
           text-align: center;
           transition: all 0.3s ease;
           cursor: pointer;
           position: relative;
           overflow: hidden;
       }

       .hero-stat-card::before {
           content: '';
           position: absolute;
           top: 0;
           left: 0;
           right: 0;
           height: 2px;
           background: linear-gradient(90deg, transparent, #C6FF3F, transparent);
           opacity: 0;
           transition: opacity 0.3s ease;
       }

       .hero-stat-card:hover {
           background: rgba(0, 0, 0, 0.5);
           transform: translateY(-4px);
           box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
           border-color: rgba(198, 255, 63, 0.3);
       }

       .hero-stat-card:hover::before {
           opacity: 1;
       }

       .hero-stat-icon {
           width: 60px;
           height: 60px;
           background: linear-gradient(135deg, rgba(198, 255, 63, 0.1) 0%, rgba(198, 255, 63, 0.05) 100%);
           border: 1px solid rgba(198, 255, 63, 0.2);
           border-radius: 50%;
           display: flex;
           align-items: center;
           justify-content: center;
           margin: 0 auto 16px;
           transition: all 0.3s ease;
       }

       .hero-stat-card:hover .hero-stat-icon {
           background: linear-gradient(135deg, rgba(198, 255, 63, 0.2) 0%, rgba(198, 255, 63, 0.1) 100%);
           border-color: rgba(198, 255, 63, 0.4);
           transform: none;
       }

       .hero-stat-content {
           text-align: center;
       }

       .hero-stat-number {
           font-size: clamp(1.2rem, 2.5vw, 2rem);
           font-weight: 800;
           color: #C6FF3F;
           margin-bottom: 6px;
           text-shadow: 0 0 20px rgba(198, 255, 63, 0.3);
       }

       .hero-stat-label {
           font-size: 14px;
           font-weight: 700;
           color: #ffffff;
           margin-bottom: 8px;
           text-transform: uppercase;
           letter-spacing: 0.5px;
       }

       .hero-stat-description {
           font-size: 12px;
           color: #a1a1aa;
           line-height: 1.4;
           margin: 0;
       }

       /* Responsive Hero Statistics */
       @media (max-width: 1024px) {
           .hero-stats-container {
               grid-template-columns: repeat(2, 1fr);
               gap: 20px;
           }
       }

       @media (max-width: 768px) {
           .hero-stats-container {
               grid-template-columns: repeat(2, 1fr);
               gap: 16px;
               margin-top: 3rem;
           }

           .hero-stat-card {
               padding: 20px 16px;
           }

           .hero-stat-icon {
               width: 50px;
               height: 50px;
               margin-bottom: 12px;
           }

           .hero-stat-number {
               font-size: 1.6rem;
           }

           .hero-stat-label {
               font-size: 13px;
           }

           .hero-stat-description {
               font-size: 11px;
           }
       }

       @media (max-width: 480px) {
           .hero-stats-container {
               gap: 12px;
               margin-top: 2rem;
           }

           .hero-stat-card {
               padding: 16px 12px;
           }

           .hero-stat-icon {
               width: 44px;
               height: 44px;
               margin-bottom: 10px;
           }

           .hero-stat-number {
               font-size: 1.4rem;
           }

           .hero-stat-label {
               font-size: 12px;
           }

           .hero-stat-description {
               font-size: 10px;
           }
       }

       /* Why IPTV Nederland Section Styles */
       .why-iptv-section {
           background: #0a0a0a;
           padding: 80px 0;
       }

       .why-iptv-section .container {
           max-width: 1200px;
           margin: 0 auto;
           padding: 0 16px;
       }

       .why-iptv-section .text-center {
           text-align: center;
           margin-bottom: 64px;
       }

       .why-iptv-section .inline-flex {
           display: inline-flex;
           align-items: center;
           padding: 8px 16px;
           background: rgba(198, 255, 63, 0.1);
           border: 1px solid rgba(198, 255, 63, 0.2);
           border-radius: 50px;
           font-size: 14px;
           font-weight: 500;
           color: #C6FF3F;
           margin-bottom: 24px;
       }

       .why-iptv-section h1 {
           font-size: clamp(2.5rem, 5vw, 4rem);
           font-weight: 700;
           color: #ffffff;
           margin-bottom: 24px;
           line-height: 1.1;
       }

       .why-iptv-section p {
           font-size: clamp(1.125rem, 2vw, 1.25rem);
           color: #a1a1aa;
           max-width: 768px;
           margin: 0 auto;
           line-height: 1.6;
       }

       .why-iptv-section .grid {
           display: grid;
           grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
           gap: 32px;
       }

       .feature-card {
           position: relative;
           background: #1a1a1a;
           border: 1px solid #2a2a2a;
           border-radius: 12px;
           padding: 20px;
           transition: all 0.3s ease;
           cursor: pointer;
       }

       .feature-card:hover {
           transform: translateY(-4px);
           box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
           border-color: rgba(198, 255, 63, 0.3);
       }

       .feature-card .flex {
           display: flex;
           flex-direction: column;
           align-items: center;
           text-align: center;
           gap: 12px;
       }

       .feature-card .w-16 {
           width: 48px;
           height: 48px;
           background: rgba(198, 255, 63, 0.1);
           border-radius: 50%;
           display: flex;
           align-items: center;
           justify-content: center;
           font-size: 20px;
           transition: transform 0.3s ease;
       }

       .feature-card:hover .w-16 {
           transform: none;
       }

       .feature-card h3 {
           font-size: 18px;
           font-weight: 600;
           color: #ffffff;
           transition: color 0.3s ease;
       }

       .feature-card:hover h3 {
           color: #C6FF3F;
       }

       .feature-card p {
           color: #a1a1aa;
           line-height: 1.5;
           margin: 0;
           font-size: 13px;
       }

       /* Responsive Design for Why IPTV Section */
       @media (max-width: 768px) {
           .why-iptv-section {
               padding: 60px 0;
           }

           .why-iptv-section .grid {
               grid-template-columns: 1fr;
               gap: 24px;
           }

           .feature-card {
               padding: 24px;
           }
       }

       @media (max-width: 480px) {
           .why-iptv-section {
               padding: 40px 0;
           }

           .why-iptv-section .container {
               padding: 0 12px;
           }

           .feature-card {
               padding: 20px;
           }
       }

       /* Responsive Cards */
       @media (max-width: 768px) {
           
           .card {
               padding: 16px;
               margin-bottom: 12px;
           }
           
           .card h3 {
               font-size: 16px;
               margin-bottom: 12px;
           }
           
           .card .text-4xl {
               font-size: 24px;
           }
           
           .card .btn {
               padding: 10px 20px;
               font-size: 12px;
           }
       }

       @media (max-width: 480px) {
           .review-cards-container {
               gap: 12px;
           }
           
           .card {
               padding: 14px;
           }
           
           .card h3 {
               font-size: 14px;
           }
           
           .card .text-4xl {
               font-size: 20px;
           }
           
           .card .btn {
               padding: 8px 16px;
               font-size: 11px;
           }
           
           .card ul {
               font-size: 12px;
           }
       }

       @media (max-width: 360px) {
           .card {
               padding: 16px;
           }
           
           .card h3 {
               font-size: 16px;
           }
           
           .card .text-4xl {
               font-size: 24px;
           }
           
           .card .btn {
               padding: 8px 16px;
               font-size: 12px;
           }
       }

       /* How It Works Section Styles */
       .how-it-works-section {
           background: #000000;
           padding: 80px 0;
           position: relative;
           overflow: hidden;
       }

       .steps-grid {
           display: grid;
           grid-template-columns: repeat(4, 1fr);
           gap: 32px;
           max-width: 1200px;
           margin: 0 auto;
           position: relative;
       }

       .steps-grid::before {
           content: '';
           position: absolute;
           top: 50%;
           left: 12.5%;
           right: 12.5%;
           height: 2px;
           background: linear-gradient(90deg, #C6FF3F, rgba(198, 255, 63, 0.3), #C6FF3F);
           transform: translateY(-50%);
           z-index: 1;
       }

       .step-card {
           background: rgba(20, 20, 20, 0.8);
           
           border: 1px solid rgba(55, 65, 81, 0.5);
           border-radius: 16px;
           padding: 32px 24px;
           text-align: center;
           transition: all 0.3s ease;
           cursor: pointer;
           position: relative;
           overflow: hidden;
           z-index: 2;
       }

       .step-card::before {
           content: '';
           position: absolute;
           top: 0;
           left: 0;
           right: 0;
           height: 2px;
           background: linear-gradient(90deg, transparent, #C6FF3F, transparent);
           opacity: 0;
           transition: opacity 0.3s ease;
       }

       .step-card:hover {
           background: rgba(20, 20, 20, 0.9);
           transform: translateY(-4px);
           box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
           border-color: rgba(198, 255, 63, 0.3);
       }

       .step-card:hover::before {
           opacity: 1;
       }

       .step-icon {
           width: 60px;
           height: 60px;
           background: linear-gradient(135deg, rgba(198, 255, 63, 0.1) 0%, rgba(198, 255, 63, 0.05) 100%);
           border: 2px solid rgba(198, 255, 63, 0.2);
           border-radius: 50%;
           display: flex;
           align-items: center;
           justify-content: center;
           margin: 0 auto 20px;
           transition: all 0.3s ease;
       }

       .step-card:hover .step-icon {
           background: linear-gradient(135deg, rgba(198, 255, 63, 0.2) 0%, rgba(198, 255, 63, 0.1) 100%);
           border-color: rgba(198, 255, 63, 0.4);
           transform: none;
       }

       .step-content {
           text-align: center;
       }

       .step-title {
           font-size: 14px;
           font-weight: 700;
           color: #ffffff;
           margin-bottom: 12px;
           text-transform: uppercase;
           letter-spacing: 0.5px;
       }

       .step-description {
           font-size: 14px;
           color: #a1a1aa;
           line-height: 1.5;
           margin: 0;
       }

       /* Responsive How It Works */
       @media (max-width: 1024px) {
           .steps-grid {
               grid-template-columns: repeat(2, 1fr);
               gap: 24px;
           }
           
           .steps-grid::before {
               display: none;
           }
       }

       @media (max-width: 768px) {
           .how-it-works-section {
               padding: 60px 0;
           }

           .steps-grid {
               grid-template-columns: 1fr;
               gap: 20px;
           }

           .step-card {
               padding: 24px 20px;
           }

           .step-icon {
               width: 50px;
               height: 50px;
               margin-bottom: 16px;
           }

           .step-title {
               font-size: 12px;
           }

           .step-description {
               font-size: 13px;
           }
       }

       @media (max-width: 480px) {
           .how-it-works-section {
               padding: 40px 0;
           }

           .step-card {
               padding: 20px 16px;
           }

           .step-icon {
               width: 45px;
               height: 45px;
               margin-bottom: 12px;
           }

           .step-title {
               font-size: 11px;
           }

           .step-description {
               font-size: 12px;
           }
       }

       /* Devices Section Styles */
       .devices-section {
           background: #000000;
           padding: 80px 0 24px 0;
           position: relative;
           overflow: hidden;
       }

       .devices-container {
           display: flex;
           align-items: center;
           gap: 60px;
           background: rgba(20, 20, 20, 0.8);
           border-radius: 20px;
           padding: 40px;
           border: 1px solid rgba(255, 255, 255, 0.1);
           
           box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
       }

       .devices-left {
           flex: 0 0 auto;
       }

       .devices-logo {
           position: relative;
           display: flex;
           align-items: center;
           gap: 20px;
       }

       .devices-logo .logo-k {
           font-size: 120px;
           font-weight: 900;
           color: #1a1a1a;
           text-shadow: 
               0 0 20px #C6FF3F,
               0 0 40px #C6FF3F,
               0 0 60px #C6FF3F;
           background: linear-gradient(135deg, #2a2a2a 0%, #1a1a1a 100%);
           border: 3px solid #C6FF3F;
           border-radius: 20px;
           width: 140px;
           height: 140px;
           display: flex;
           align-items: center;
           justify-content: center;
           position: relative;
           transform: perspective(1000px) rotateX(15deg) rotateY(-15deg);
           box-shadow: 
               0 20px 40px rgba(0, 0, 0, 0.5),
               inset 0 2px 4px rgba(198, 255, 63, 0.2);
       }

       .devices-icon {
           position: relative;
           width: 60px;
           height: 60px;
           background: linear-gradient(135deg, #ff4444 0%, #cc0000 100%);
           border: 3px solid #C6FF3F;
           border-radius: 50%;
           display: flex;
           align-items: center;
           justify-content: center;
           box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
       }

       .icon-devices {
           font-size: 24px;
           color: white;
       }

       .devices-logo .icon-reg {
           position: absolute;
           top: -8px;
           right: -8px;
           font-size: 12px;
           color: white;
           background: #C6FF3F;
           border-radius: 50%;
           width: 20px;
           height: 20px;
           display: flex;
           align-items: center;
           justify-content: center;
           font-weight: bold;
       }

       .devices-right {
           flex: 1;
       }

       .devices-content {
           max-width: 500px;
       }

       .devices-title {
           font-size: 2.5rem;
           font-weight: 700;
           color: #ffffff;
           margin-bottom: 20px;
           line-height: 1.2;
       }

       .devices-subtitle {
           font-size: 1.1rem;
           color: #a1a1aa;
           margin-bottom: 30px;
           line-height: 1.6;
       }

       .devices-buttons {
           display: flex;
           gap: 20px;
           margin-bottom: 30px;
       }

       .devices-btn {
           padding: 15px 30px;
           border-radius: 10px;
           font-weight: 600;
           text-decoration: none;
           transition: all 0.3s ease;
           text-align: center;
           min-width: 150px;
       }

       .devices-btn.primary {
           background: linear-gradient(135deg, #ff4444 0%, #cc0000 100%);
           color: white;
           border: 2px solid #ff4444;
       }

       .devices-btn.primary:hover {
           background: linear-gradient(135deg, #ff6666 0%, #ff0000 100%);
           transform: translateY(-2px);
           box-shadow: 0 10px 20px rgba(255, 68, 68, 0.3);
       }

       .devices-btn.secondary {
           background: transparent;
           color: #C6FF3F;
           border: 2px solid #C6FF3F;
       }

       .devices-btn.secondary:hover {
           background: #C6FF3F;
           color: #000000;
           transform: translateY(-2px);
           box-shadow: 0 10px 20px rgba(198, 255, 63, 0.3);
       }

       .device-icons {
           display: flex;
           justify-content: center;
           align-items: center;
           gap: 24px;
           margin-top: 30px;
           flex-wrap: nowrap;
       }

       .device-item {
           display: flex;
           align-items: center;
           gap: 8px;
           transition: all 0.3s ease;
       }

       .device-item:hover {
           transform: translateY(-2px);
       }

       .device-icon {
           width: 40px;
           height: 40px;
           display: flex;
           align-items: center;
           justify-content: center;
           background: linear-gradient(135deg, #4a5d23 0%, #2d3a14 100%);
           border: 2px solid #6b8e23;
           border-radius: 8px;
           box-shadow: 0 4px 12px rgba(107, 142, 35, 0.3);
           transition: all 0.3s ease;
       }

       .lucide-device-icon {
           color: white;
           width: 20px;
           height: 20px;
       }

       .device-item:hover .device-icon {
           background: rgba(107, 142, 35, 0.2);
           transform: none;
       }

       .device-text {
           color: #ffffff;
           font-size: 14px;
           font-weight: 500;
           white-space: nowrap;
       }

       /* Responsive Devices Section */
       @media (max-width: 1024px) {
           .devices-container {
               flex-direction: column;
               text-align: center;
               gap: 40px;
               padding: 30px;
           }

           .devices-logo {
               justify-content: center;
           }

           .devices-logo .logo-k {
               font-size: 100px;
               width: 120px;
               height: 120px;
           }

           .devices-icon {
               width: 50px;
               height: 50px;
           }

           .icon-devices {
               font-size: 20px;
           }

           .devices-title {
               font-size: 2rem;
           }

           .device-icons {
               gap: 20px;
           }

           .device-icon {
               width: 36px;
               height: 36px;
           }

           .lucide-device-icon {
               width: 18px;
               height: 18px;
           }

           .device-text {
               font-size: 13px;
           }
       }

       @media (max-width: 768px) {
           .devices-section {
               padding: 60px 0;
           }

           .devices-container {
               padding: 20px;
               gap: 30px;
           }

           .devices-logo .logo-k {
               font-size: 80px;
               width: 100px;
               height: 100px;
           }

           .devices-icon {
               width: 40px;
               height: 40px;
           }

           .icon-devices {
               font-size: 16px;
           }

           .devices-title {
               font-size: 1.8rem;
           }

           .devices-buttons {
               flex-direction: column;
               align-items: center;
           }

           .devices-btn {
               width: 100%;
               max-width: 250px;
           }

           .device-icons {
               gap: 16px;
               margin-top: 20px;
           }

           .device-icon {
               width: 32px;
               height: 32px;
           }

           .lucide-device-icon {
               width: 16px;
               height: 16px;
           }

           .device-text {
               font-size: 12px;
           }
       }

       @media (max-width: 480px) {
           .devices-container {
               padding: 15px;
           }

           .devices-logo .logo-k {
               font-size: 60px;
               width: 80px;
               height: 80px;
           }

           .devices-title {
               font-size: 1.5rem;
           }

           .devices-subtitle {
               font-size: 1rem;
           }

           .device-icons {
               gap: 12px;
               margin-top: 16px;
           }

           .device-icon {
               width: 28px;
               height: 28px;
           }

           .lucide-device-icon {
               width: 14px;
               height: 14px;
           }

           .device-text {
               font-size: 11px;
           }
       }

       /* IPTV Features Compact Section Styles */
       .iptv-features-compact {
           background: #000000;
           padding: 24px 0 48px 0;
           position: relative;
           overflow: hidden;
       }

       .features-compact-container {
           background: #0b0c10;
           border-radius: 16px;
           padding: 24px;
           border: 1px solid rgba(255, 255, 255, 0.1);
           
           box-shadow: 0 12px 24px rgba(0, 0, 0, 0.3);
       }

       .features-compact-top {
           display: grid;
           grid-template-columns: repeat(3, 1fr);
           gap: 24px;
           margin-bottom: 20px;
       }

       .feature-compact-item {
           display: flex;
           align-items: center;
           gap: 12px;
           transition: all 0.3s ease;
       }

       .feature-compact-item:hover {
           transform: translateY(-1px);
       }

       .feature-compact-icon {
           width: 40px;
           height: 40px;
           background: linear-gradient(135deg, #4a5d23 0%, #2d3a14 100%);
           border: 2px solid #6b8e23;
           border-radius: 50%;
           display: flex;
           align-items: center;
           justify-content: center;
           flex-shrink: 0;
           box-shadow: 0 3px 8px rgba(107, 142, 35, 0.3);
           position: relative;
       }

       .feature-compact-icon::before {
           content: '';
           position: absolute;
           top: 2px;
           left: 2px;
           right: 2px;
           bottom: 2px;
           border: 1px solid rgba(107, 142, 35, 0.3);
           border-radius: 50%;
       }

       .feature-compact-content {
           flex: 1;
       }

       .feature-compact-title {
           font-size: 14px;
           font-weight: 600;
           color: #ffffff;
           margin: 0 0 2px 0;
           line-height: 1.2;
       }

       .feature-compact-subtitle {
           font-size: 12px;
           color: #a1a1aa;
           margin: 0;
           line-height: 1.3;
       }

       .features-compact-divider {
           height: 1px;
           background: linear-gradient(90deg, transparent, rgba(198, 255, 63, 0.3), transparent);
           margin: 20px 0;
       }

       .features-compact-bottom {
           display: flex;
           justify-content: center;
           align-items: center;
       }

       .guide-compact-item {
           display: flex;
           align-items: center;
           gap: 12px;
           transition: all 0.3s ease;
       }

       .guide-compact-item:hover {
           transform: translateY(-1px);
       }

       .guide-compact-icon {
           width: 32px;
           height: 32px;
           background: rgba(198, 255, 63, 0.1);
           border: 2px solid #C6FF3F;
           border-radius: 6px;
           display: flex;
           align-items: center;
           justify-content: center;
           flex-shrink: 0;
       }

       .guide-compact-icon span {
           font-size: 16px;
           color: #C6FF3F;
       }

       .guide-compact-content {
           flex: 1;
       }

       .guide-compact-text {
           font-size: 13px;
           color: #ffffff;
           margin: 0;
           line-height: 1.4;
           text-align: center;
       }

       /* Responsive IPTV Features Compact */
       @media (max-width: 1024px) {
           .features-compact-container {
               padding: 20px;
           }

           .features-compact-top {
               gap: 20px;
           }

           .feature-compact-icon {
               width: 36px;
               height: 36px;
           }

           .feature-compact-title {
               font-size: 13px;
           }

           .feature-compact-subtitle {
               font-size: 11px;
           }
       }

       @media (max-width: 768px) {
           .iptv-features-compact {
               padding: 36px 0;
           }

           .features-compact-container {
               padding: 16px;
           }

           .features-compact-top {
               grid-template-columns: 1fr;
               gap: 16px;
               margin-bottom: 16px;
           }

           .feature-compact-item {
               justify-content: center;
               text-align: center;
           }

           .guide-compact-item {
               flex-direction: column;
               text-align: center;
               gap: 8px;
           }

           .guide-compact-text {
               font-size: 12px;
           }
       }

       @media (max-width: 480px) {
           .features-compact-container {
               padding: 12px;
           }

           .feature-compact-icon {
               width: 32px;
               height: 32px;
           }

           .feature-compact-title {
               font-size: 12px;
           }

           .feature-compact-subtitle {
               font-size: 10px;
           }

           .guide-compact-icon {
               width: 28px;
               height: 28px;
           }

           .guide-compact-icon span {
               font-size: 14px;
           }

           .guide-compact-text {
               font-size: 11px;
           }
       }









       .feature-icon {
           color: #C6FF3F;
           font-weight: bold;
           font-size: 1.1rem;
       }


           .contact-logo {
               justify-content: center;
           }

           .logo-k {
               font-size: 100px;
               width: 120px;
               height: 120px;
           }

           .contact-icon {
               width: 50px;
               height: 50px;
           }

           .icon-envelope {
               font-size: 20px;
           }

           .contact-title {
               font-size: 2rem;
           }
       }

       @media (max-width: 768px) {
           .contact-section {
               padding: 60px 0;
           }

           .contact-container {
               padding: 20px;
               gap: 30px;
           }

           .logo-k {
               font-size: 80px;
               width: 100px;
               height: 100px;
           }

           .contact-icon {
               width: 40px;
               height: 40px;
           }

           .icon-envelope {
               font-size: 16px;
           }

           .contact-title {
               font-size: 1.8rem;
           }

           .contact-buttons {
               flex-direction: column;
               align-items: center;
           }

           .contact-btn {
               width: 100%;
               max-width: 250px;
           }
       }

       @media (max-width: 480px) {
           .contact-container {
               padding: 15px;
           }

           .logo-k {
               font-size: 60px;
               width: 80px;
               height: 80px;
           }

           .contact-title {
               font-size: 1.5rem;
           }

           .contact-subtitle {
               font-size: 1rem;
           }
       }



       .social-link {
           width: 40px;
           height: 40px;
           border-radius: 50%;
           background: #333333;
           display: flex;
           align-items: center;
           justify-content: center;
           text-decoration: none;
           transition: all 0.3s ease;
       }

       .social-link:hover {
           background: #C6FF3F;
           transform: translateY(-2px);
       }

       .social-link.facebook:hover .social-icon {
           color: #000000;
       }

       .social-link.twitter:hover .social-icon {
           color: #000000;
       }

       .social-icon {
           font-size: 18px;
           font-weight: bold;
           color: #ffffff;
           transition: color 0.3s ease;
       }




       /* ========================================
          COMPREHENSIVE HOMEPAGE SECTION STYLING
          ======================================== */

       /* Hero Section Cards Styling */
       .hero-stats-container        .hero-stat-card {
           background: transparent;
           border: 1px solid rgba(255, 255, 255, 0.1);
           border-radius: 12px;
           padding: 20px 16px;
           text-align: center;
           position: relative;
           transition: all 0.3s ease;
           box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
       }

       .hero-stats-container .hero-stat-card:hover {
           transform: translateY(-4px);
           box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2);
           border-color: #C6FF3F;
       }

       .hero-stats-container .hero-stat-card::before {
           content: '';
           position: absolute;
           top: 0;
           left: 0;
           right: 0;
           height: 2px;
           background: linear-gradient(90deg, transparent, #C6FF3F, transparent);
           opacity: 0;
           transition: opacity 0.3s ease;
       }

       .hero-stats-container .hero-stat-card:hover::before {
           opacity: 1;
       }

       .hero-stats-container .hero-stat-icon {
           width: 45px;
           height: 45px;
           background: linear-gradient(135deg, rgba(198, 255, 63, 0.1) 0%, rgba(198, 255, 63, 0.05) 100%);
           border: 1px solid rgba(198, 255, 63, 0.2);
           border-radius: 50%;
           display: flex;
           align-items: center;
           justify-content: center;
           margin: 0 auto 12px;
           transition: all 0.3s ease;
       }

       .hero-stats-container .hero-stat-card:hover .hero-stat-icon {
           background: linear-gradient(135deg, rgba(198, 255, 63, 0.2) 0%, rgba(198, 255, 63, 0.1) 100%);
           border-color: rgba(198, 255, 63, 0.4);
           transform: none;
       }

       .hero-stats-container .hero-stat-number {
           font-size: clamp(1rem, 2vw, 1.5rem);
           font-weight: 800;
           color: #C6FF3F;
           margin-bottom: 4px;
           text-shadow: 0 0 20px rgba(198, 255, 63, 0.3);
       }

       .hero-stats-container .hero-stat-label {
           font-size: 12px;
           font-weight: 700;
           color: #ffffff;
           margin-bottom: 6px;
           text-transform: uppercase;
           letter-spacing: 0.5px;
       }

       .hero-stats-container .hero-stat-description {
           font-size: 10px;
           color: #a1a1aa;
           line-height: 1.4;
           margin: 0;
       }

       /* Why IPTV Section Cards Styling */
       .why-iptv-section .feature-card {
           background: rgba(20, 20, 20, 0.8);
           border: 1px solid rgba(255, 255, 255, 0.1);
           border-radius: 8px;
           padding: 16px;
           text-align: center;
           position: relative;
           transition: all 0.3s ease;
           
           box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
       }

       .why-iptv-section .feature-card:hover {
           transform: translateY(-4px);
           box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2);
           border-color: #C6FF3F;
       }

       .why-iptv-section .feature-card::before {
           content: '';
           position: absolute;
           top: 0;
           left: 0;
           right: 0;
           height: 2px;
           background: linear-gradient(90deg, transparent, #C6FF3F, transparent);
           opacity: 0;
           transition: opacity 0.3s ease;
       }

       .why-iptv-section .feature-card:hover::before {
           opacity: 1;
       }

       .why-iptv-section .feature-card .w-12 {
           width: 40px;
           height: 40px;
           background: linear-gradient(135deg, rgba(198, 255, 63, 0.1) 0%, rgba(198, 255, 63, 0.05) 100%);
           border: 1px solid rgba(198, 255, 63, 0.2);
           border-radius: 50%;
           display: flex;
           align-items: center;
           justify-content: center;
           margin: 0 auto 12px;
           transition: all 0.3s ease;
       }

       .why-iptv-section .feature-card:hover .w-12 {
           background: linear-gradient(135deg, rgba(198, 255, 63, 0.2) 0%, rgba(198, 255, 63, 0.1) 100%);
           border-color: rgba(198, 255, 63, 0.4);
           transform: none;
       }

       .why-iptv-section .feature-card h3 {
           font-size: 16px;
           font-weight: 600;
           color: #ffffff;
           margin-bottom: 6px;
       }

       .why-iptv-section .feature-card p {
           font-size: 13px;
           color: #a1a1aa;
           line-height: 1.4;
           margin: 0;
       }

       /* How It Works Section Cards Styling */
       .how-it-works-section .step-card {
           background: rgba(20, 20, 20, 0.8);
           border: 1px solid rgba(255, 255, 255, 0.1);
           border-radius: 16px;
           padding: 32px 24px;
           text-align: center;
           position: relative;
           transition: all 0.3s ease;
           
           box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
       }

       .how-it-works-section .step-card:hover {
           transform: translateY(-4px);
           box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
           border-color: rgba(198, 255, 63, 0.3);
       }

       .how-it-works-section .step-card::before {
           content: '';
           position: absolute;
           top: 0;
           left: 0;
           right: 0;
           height: 2px;
           background: linear-gradient(90deg, transparent, #C6FF3F, transparent);
           opacity: 0;
           transition: opacity 0.3s ease;
       }

       .how-it-works-section .step-card:hover::before {
           opacity: 1;
       }

       .how-it-works-section .step-icon {
           width: 60px;
           height: 60px;
           background: linear-gradient(135deg, rgba(198, 255, 63, 0.1) 0%, rgba(198, 255, 63, 0.05) 100%);
           border: 2px solid rgba(198, 255, 63, 0.2);
           border-radius: 50%;
           display: flex;
           align-items: center;
           justify-content: center;
           margin: 0 auto 20px;
           transition: all 0.3s ease;
       }

       .how-it-works-section .step-card:hover .step-icon {
           background: linear-gradient(135deg, rgba(198, 255, 63, 0.2) 0%, rgba(198, 255, 63, 0.1) 100%);
           border-color: rgba(198, 255, 63, 0.4);
           transform: none;
       }

       .how-it-works-section .step-title {
           font-size: 16px;
           font-weight: 700;
           color: #ffffff;
           margin-bottom: 8px;
       }

       .how-it-works-section .step-description {
           font-size: 14px;
           color: #a1a1aa;
           line-height: 1.6;
           margin: 0;
       }

       /* Devices Section Styling */
       .devices-section .devices-container {
           background: #1a1a1a;
           border: 1px solid #2a2a2a;
           border-radius: 20px;
           padding: 40px;
           box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2);
           transition: all 0.3s ease;
       }

       .devices-section .devices-container:hover {
           transform: translateY(-4px);
           box-shadow: 0 12px 40px rgba(0, 0, 0, 0.3);
           border-color: #C6FF3F;
       }

       .devices-section .devices-logo {
           background: linear-gradient(135deg, #2a2a2a 0%, #1a1a1a 100%);
           border: 3px solid #C6FF3F;
           border-radius: 20px;
           width: 140px;
           height: 140px;
           display: flex;
           align-items: center;
           justify-content: center;
           position: relative;
           transform: perspective(1000px) rotateX(15deg) rotateY(-15deg);
           box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
           transition: all 0.3s ease;
       }

       .devices-section .devices-container:hover .devices-logo {
           transform: perspective(1000px) rotateX(10deg) rotateY(-10deg);
       }

       .devices-section .devices-btn {
           display: inline-block;
           padding: 12px 24px;
           border-radius: 8px;
           text-decoration: none;
           font-weight: 600;
           transition: all 0.3s ease;
           text-align: center;
           margin: 8px;
       }

       .devices-section .devices-btn.primary {
           background: linear-gradient(135deg, #ff4444 0%, #cc0000 100%);
           color: white;
           border: 2px solid #ff4444;
       }

       .devices-section .devices-btn.primary:hover {
           background: linear-gradient(135deg, #ff6666 0%, #ff0000 100%);
           transform: translateY(-2px);
           box-shadow: 0 10px 20px rgba(255, 68, 68, 0.3);
       }

       .devices-section .devices-btn.secondary {
           background: transparent;
           color: #C6FF3F;
           border: 2px solid #C6FF3F;
       }

       .devices-section .devices-btn.secondary:hover {
           background: #C6FF3F;
           color: #000000;
           transform: translateY(-2px);
           box-shadow: 0 10px 20px rgba(198, 255, 63, 0.3);
       }

       /* Features Compact Section Styling */
       .iptv-features-compact .features-compact-container {
           background: #1a1a1a;
           border: 1px solid #2a2a2a;
           border-radius: 16px;
           padding: 32px 24px;
           box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2);
           transition: all 0.3s ease;
       }

       .iptv-features-compact .features-compact-container:hover {
           transform: translateY(-4px);
           box-shadow: 0 12px 40px rgba(0, 0, 0, 0.3);
           border-color: #C6FF3F;
       }

       .iptv-features-compact .feature-compact-item {
           background: rgba(0, 0, 0, 0.3);
           border: 1px solid rgba(255, 255, 255, 0.1);
           border-radius: 12px;
           padding: 20px;
           transition: all 0.3s ease;
       }

       .iptv-features-compact .feature-compact-item:hover {
           background: rgba(0, 0, 0, 0.5);
           border-color: rgba(198, 255, 63, 0.3);
           transform: translateY(-1px) !important;
       }

       .iptv-features-compact .feature-compact-icon {
           width: 40px;
           height: 40px;
           background: linear-gradient(135deg, rgba(198, 255, 63, 0.1) 0%, rgba(198, 255, 63, 0.05) 100%);
           border: 2px solid rgba(198, 255, 63, 0.2);
           border-radius: 50%;
           display: flex;
           align-items: center;
           justify-content: center;
           margin-right: 16px;
           transition: all 0.3s ease;
       }

       .iptv-features-compact .feature-compact-item:hover .feature-compact-icon {
           background: linear-gradient(135deg, rgba(198, 255, 63, 0.2) 0%, rgba(198, 255, 63, 0.1) 100%);
           border-color: rgba(198, 255, 63, 0.4);
           transform: none !important;
       }

       /* Force disable all scale effects */
       * {
           transform: none !important;
       }
       
       *:hover {
           transform: none !important;
       }
       
       .feature-compact-item:hover {
           transform: translateY(-1px) !important;
       }
       
       .feature-compact-item:hover .feature-compact-icon {
           transform: none !important;
       }

       /* Contact Section Styling */
       .contact-section .contact-container {
           background: #1a1a1a;
           border: 1px solid #2a2a2a;
           border-radius: 20px;
           padding: 40px;
           box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2);
           transition: all 0.3s ease;
       }

       .contact-section .contact-container:hover {
           transform: translateY(-4px);
           box-shadow: 0 12px 40px rgba(0, 0, 0, 0.3);
           border-color: #C6FF3F;
       }

       .contact-section .contact-logo {
           background: linear-gradient(135deg, #2a2a2a 0%, #1a1a1a 100%);
           border: 3px solid #C6FF3F;
           border-radius: 20px;
           width: 140px;
           height: 140px;
           display: flex;
           align-items: center;
           justify-content: center;
           position: relative;
           transform: perspective(1000px) rotateX(15deg) rotateY(-15deg);
           box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
           transition: all 0.3s ease;
       }

       .contact-section .contact-container:hover .contact-logo {
           transform: perspective(1000px) rotateX(10deg) rotateY(-10deg);
       }

       .contact-section .contact-btn {
           display: inline-block;
           padding: 12px 24px;
           border-radius: 8px;
           text-decoration: none;
           font-weight: 600;
           transition: all 0.3s ease;
           text-align: center;
           margin: 8px;
       }

       .contact-section .contact-btn.primary {
           background: linear-gradient(135deg, #ff4444 0%, #cc0000 100%);
           color: white;
           border: 2px solid #ff4444;
       }

       .contact-section .contact-btn.primary:hover {
           background: linear-gradient(135deg, #ff6666 0%, #ff0000 100%);
           transform: translateY(-2px);
           box-shadow: 0 10px 20px rgba(255, 68, 68, 0.3);
       }

       .contact-section .contact-btn.secondary {
           background: transparent;
           color: #C6FF3F;
           border: 2px solid #C6FF3F;
       }

       .contact-section .contact-btn.secondary:hover {
           background: #C6FF3F;
           color: #000000;
           transform: translateY(-2px);
           box-shadow: 0 10px 20px rgba(198, 255, 63, 0.3);
       }

       /* Statistics Section Cards Styling */
       .statistics-section .stat-card {
           background: #1a1a1a;
           border: 1px solid #2a2a2a;
           border-radius: 16px;
           padding: 32px 24px;
           text-align: center;
           position: relative;
           transition: all 0.3s ease;
           box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
       }

       .statistics-section .stat-card:hover {
           transform: translateY(-4px);
           box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2);
           border-color: #C6FF3F;
       }

       .statistics-section .stat-card::before {
           content: '';
           position: absolute;
           top: 0;
           left: 0;
           right: 0;
           height: 2px;
           background: linear-gradient(90deg, transparent, #C6FF3F, transparent);
           opacity: 0;
           transition: opacity 0.3s ease;
       }

       .statistics-section .stat-card:hover::before {
           opacity: 1;
       }

       .statistics-section .stat-icon {
           width: 80px;
           height: 80px;
           background: linear-gradient(135deg, rgba(198, 255, 63, 0.1) 0%, rgba(198, 255, 63, 0.05) 100%);
           border: 1px solid rgba(198, 255, 63, 0.2);
           border-radius: 50%;
           display: flex;
           align-items: center;
           justify-content: center;
           margin: 0 auto 24px;
           transition: all 0.3s ease;
       }

       .statistics-section .stat-card:hover .stat-icon {
           background: linear-gradient(135deg, rgba(198, 255, 63, 0.2) 0%, rgba(198, 255, 63, 0.1) 100%);
           border-color: rgba(198, 255, 63, 0.4);
           transform: none;
       }

       .statistics-section .stat-number {
           font-size: clamp(2rem, 4vw, 3rem);
           font-weight: 800;
           color: #C6FF3F;
           margin-bottom: 8px;
           text-shadow: 0 0 20px rgba(198, 255, 63, 0.3);
       }

       .statistics-section .stat-label {
           font-size: 16px;
           font-weight: 700;
           color: #ffffff;
           margin-bottom: 8px;
           text-transform: uppercase;
           letter-spacing: 0.5px;
       }

       .statistics-section .stat-description {
           font-size: 14px;
           color: #a1a1aa;
           line-height: 1.6;
           margin: 0;
       }

       /* Trust Cards Styling */
       .trust-cards-container .trust-card {
           background: #1a1a1a;
           border: 1px solid #2a2a2a;
           border-radius: 16px;
           padding: 32px 24px;
           text-align: center;
           position: relative;
           transition: all 0.3s ease;
           box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
       }

       .trust-cards-container .trust-card:hover {
           transform: translateY(-4px);
           box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2);
           border-color: #C6FF3F;
       }

       .trust-cards-container .trust-card::before {
           content: '';
           position: absolute;
           top: 0;
           left: 0;
           right: 0;
           height: 2px;
           background: linear-gradient(90deg, transparent, #C6FF3F, transparent);
           opacity: 0;
           transition: opacity 0.3s ease;
       }

       .trust-cards-container .trust-card:hover::before {
           opacity: 1;
       }

       .trust-cards-container .trust-number {
           font-size: clamp(1.8rem, 3vw, 2.5rem);
           font-weight: 800;
           color: #C6FF3F;
           margin-bottom: 8px;
           text-shadow: 0 0 20px rgba(198, 255, 63, 0.3);
       }

       .trust-cards-container .trust-label {
           font-size: 16px;
           font-weight: 700;
           color: #ffffff;
           margin-bottom: 8px;
           text-transform: uppercase;
           letter-spacing: 0.5px;
       }

       .trust-cards-container .trust-description {
           font-size: 14px;
           color: #a1a1aa;
           line-height: 1.6;
           margin: 0;
       }

       /* Responsive Design for All Sections */
       @media (max-width: 768px) {
           .hero-stats-container {
               grid-template-columns: repeat(2, 1fr);
               gap: 20px;
           }

           .why-iptv-section .features-grid {
               grid-template-columns: repeat(2, 1fr);
               gap: 20px;
           }

           .how-it-works-section .steps-grid {
               grid-template-columns: repeat(2, 1fr);
               gap: 20px;
           }

           .devices-section .devices-container,
           .contact-section .contact-container {
               flex-direction: column;
               text-align: center;
               gap: 30px;
           }

           .statistics-section .stats-grid {
               grid-template-columns: repeat(2, 1fr);
               gap: 20px;
           }

           .trust-cards-container {
               grid-template-columns: repeat(2, 1fr);
               gap: 20px;
           }
       }

       @media (max-width: 480px) {
           .hero-stats-container {
               grid-template-columns: repeat(2, 1fr);
               gap: 12px;
           }
           
           .why-iptv-section .features-grid,
           .how-it-works-section .steps-grid,
           .statistics-section .stats-grid,
           .trust-cards-container {
               grid-template-columns: 1fr;
               gap: 16px;
           }

           .devices-section .devices-container,
           .contact-section .contact-container {
               padding: 24px;
           }

           .devices-section .devices-logo,
           .contact-section .contact-logo {
               width: 120px;
               height: 120px;
           }
       }

       /* Pricing Section Styles */
       .pricing-section {
           background: #000000;
           padding: 80px 0;
           position: relative;
           overflow: hidden;
       }

       .pricing-section-title {
           font-size: 3rem;
           font-weight: 800;
           color: #ffffff;
           margin: 0 0 16px 0;
           line-height: 1.2;
           text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
       }

       .pricing-section-subtitle {
           font-size: 1.25rem;
           color: #a1a1aa;
           margin: 0;
           line-height: 1.6;
       }

       .pricing-cards-container {
           display: grid;
           grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
           gap: 32px;
           margin-bottom: 48px;
       }

       .pricing-card {
           background: #1a1a1a;
           border: 1px solid #2a2a2a;
           border-radius: 20px;
           padding: 32px 24px;
           text-align: center;
           position: relative;
           transition: all 0.3s ease;
           box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
       }

       .pricing-card:hover {
           transform: translateY(-8px);
           box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
           border-color: #C6FF3F;
       }

       .pricing-card.featured {
           border: 2px solid #C6FF3F;
           transform: none;
           box-shadow: 0 8px 32px rgba(198, 255, 63, 0.2);
       }

       .pricing-card.featured:hover {
           transform: translateY(-8px);
           box-shadow: 0 20px 40px rgba(198, 255, 63, 0.3);
       }

       .pricing-badge {
           position: absolute;
           top: -12px;
           left: 50%;
           transform: translateX(-50%);
           background: linear-gradient(135deg, #C6FF3F 0%, #9ACC00 100%);
           color: #000000;
           padding: 8px 24px;
           border-radius: 20px;
           font-size: 0.875rem;
           font-weight: 700;
           text-transform: uppercase;
           letter-spacing: 0.5px;
       }

       .pricing-card-header {
           margin-bottom: 32px;
           text-align: center;
       }

       .pricing-plan-name {
           font-size: 1.5rem;
           font-weight: 700;
           color: #ffffff;
           margin: 0 0 12px 0;
       }

       .pricing-discount {
           font-size: 1rem;
           font-weight: 600;
           color: #7B2EFF;
           margin-bottom: 16px;
           text-align: center;
       }

       .pricing-price {
           display: flex;
           align-items: baseline;
           justify-content: center;
           gap: 4px;
           margin-bottom: 8px;
       }

       .pricing-currency {
           font-size: 1.5rem;
           font-weight: 600;
           color: #C6FF3F;
       }

       .pricing-amount {
           font-size: 3rem;
           font-weight: 800;
           color: #C6FF3F;
           line-height: 1;
       }

       .pricing-original {
           display: flex;
           align-items: baseline;
           justify-content: center;
           gap: 8px;
       }

       .original-price {
           font-size: 1rem;
           color: #a1a1aa;
           text-decoration: line-through;
           font-weight: 500;
       }

       .pricing-period {
           font-size: 0.9rem;
           color: #a1a1aa;
           font-weight: 500;
       }

       .pricing-card-body {
           margin-bottom: 32px;
       }

       .pricing-features {
           list-style: none;
           padding: 0;
           margin: 0;
       }

       .pricing-feature {
           display: flex;
           align-items: center;
           gap: 12px;
           margin-bottom: 16px;
           color: #ffffff;
           font-size: 1rem;
           line-height: 1.5;
       }

       .feature-icon {
           width: 20px;
           height: 20px;
           background: #C6FF3F;
           color: #000000;
           border-radius: 50%;
           display: flex;
           align-items: center;
           justify-content: center;
           font-size: 12px;
           font-weight: bold;
           flex-shrink: 0;
       }

       .pricing-card-footer {
           margin-top: auto;
           text-align: center;
       }

       .pricing-btn {
           display: inline-block;
           padding: 16px 32px;
           border-radius: 8px;
           font-weight: 600;
           text-decoration: none;
           transition: all 0.3s ease;
           text-align: center;
           min-width: 180px;
           font-size: 1rem;
           margin-bottom: 12px;
       }

       .pricing-btn.primary {
           background: linear-gradient(135deg, #C6FF3F 0%, #9ACC00 100%);
           color: #000000;
           border: 2px solid #C6FF3F;
       }

       .pricing-btn.primary:hover {
           background: linear-gradient(135deg, #D4FF4D 0%, #B8E600 100%);
           transform: translateY(-2px);
           box-shadow: 0 10px 20px rgba(198, 255, 63, 0.3);
       }

       .pricing-btn.secondary {
           background: #7B2EFF;
           color: #ffffff;
           border: 2px solid #7B2EFF;
       }

       .pricing-btn.secondary:hover {
           background: #8B3EFF;
           color: #ffffff;
           transform: translateY(-2px);
           box-shadow: 0 10px 20px rgba(123, 46, 255, 0.3);
       }

       .pricing-trial {
           font-size: 0.85rem;
           color: #a1a1aa;
           text-align: center;
           margin-top: 8px;
       }

       .pricing-note {
           text-align: center;
           margin-top: 32px;
       }

       .pricing-note p {
           color: #a1a1aa;
           font-size: 0.9rem;
           margin: 0;
       }

       /* Responsive Pricing Section */
       @media (max-width: 1024px) {
           .pricing-cards-container {
               grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
               gap: 24px;
           }

           .pricing-card.featured {
               transform: none;
           }

           .pricing-card.featured:hover {
               transform: translateY(-8px);
           }
       }

       @media (max-width: 768px) {
           .pricing-section {
               padding: 60px 0;
           }

           .pricing-section-title {
               font-size: 2.5rem;
           }

           .pricing-section-subtitle {
               font-size: 1.125rem;
           }

           .pricing-cards-container {
               grid-template-columns: 1fr;
               gap: 20px;
           }

           .pricing-card {
               padding: 24px 20px;
           }

           .pricing-amount {
               font-size: 2.5rem;
           }

           .pricing-btn {
               width: 100%;
               max-width: 250px;
           }
       }

       /* Contact Tutorial Section Styles */
       .contact-tutorial-section {
           background: #000000;
           padding: 80px 0;
           position: relative;
           overflow: hidden;
       }

       .contact-tutorial-container {
           display: flex;
           align-items: center;
           gap: 60px;
           background: rgba(20, 20, 20, 0.8);
           border-radius: 20px;
           padding: 40px;
           border: 1px solid rgba(255, 255, 255, 0.1);
           
           box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
       }

       .contact-tutorial-left {
           flex: 0 0 auto;
       }

       .contact-tutorial-logo {
           position: relative;
           display: flex;
           align-items: center;
           gap: 20px;
       }

       .logo-c {
           font-size: 120px;
           font-weight: 900;
           color: #1a1a1a;
           text-shadow: 
               0 0 20px #C6FF3F,
               0 0 40px #C6FF3F,
               0 0 60px #C6FF3F;
           background: linear-gradient(135deg, #2a2a2a 0%, #1a1a1a 100%);
           border: 3px solid #C6FF3F;
           border-radius: 20px;
           width: 140px;
           height: 140px;
           display: flex;
           align-items: center;
           justify-content: center;
           position: relative;
           transform: perspective(1000px) rotateX(15deg) rotateY(-15deg);
           box-shadow: 
               0 20px 40px rgba(0, 0, 0, 0.5),
               inset 0 2px 4px rgba(198, 255, 63, 0.2);
       }

       .contact-tutorial-icon {
           position: relative;
           display: flex;
           flex-direction: column;
           gap: 8px;
       }

       .device-icon-wrapper {
           width: 44px;
           height: 44px;
           background: rgba(198, 255, 63, 0.15);
           border: 2px solid rgba(198, 255, 63, 0.4);
           border-radius: 12px;
           display: flex;
           align-items: center;
           justify-content: center;
           transition: all 0.3s ease;
       }

       .device-icon-wrapper:hover {
           background: rgba(198, 255, 63, 0.25);
           border-color: #C6FF3F;
           transform: translateY(-2px);
       }

       .device-icon-wrapper.secondary {
           position: absolute;
           top: -10px;
           right: -20px;
           width: 36px;
           height: 36px;
           background: #1a1a1a;
           border: 2px solid #C6FF3F;
           border-radius: 10px;
           box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
       }

       .icon-phone {
           font-size: 20px;
           color: white;
           margin-right: 2px;
       }

       .icon-support {
           position: absolute;
           top: -8px;
           right: -8px;
           font-size: 12px;
           color: white;
           background: #C6FF3F;
           border-radius: 50%;
           width: 20px;
           height: 20px;
           display: flex;
           align-items: center;
           justify-content: center;
           font-weight: bold;
       }

       .contact-tutorial-right {
           flex: 1;
       }

       .contact-tutorial-content {
           max-width: 500px;
       }

       .contact-tutorial-title {
           font-size: 2.5rem;
           font-weight: 700;
           color: #ffffff;
           margin-bottom: 20px;
           line-height: 1.2;
       }

       .contact-tutorial-subtitle {
           font-size: 1.1rem;
           color: #a1a1aa;
           margin-bottom: 30px;
           line-height: 1.6;
       }

       .contact-tutorial-buttons {
           display: flex;
           gap: 20px;
           margin-bottom: 30px;
       }

       .contact-tutorial-btn {
           padding: 15px 30px;
           border-radius: 10px;
           font-weight: 600;
           text-decoration: none;
           transition: all 0.3s ease;
           text-align: center;
           min-width: 150px;
       }

       .contact-tutorial-btn.primary {
           background: linear-gradient(135deg, #C6FF3F 0%, #9ACC00 100%);
           color: white;
           border: 2px solid #C6FF3F;
       }

       .contact-tutorial-btn.primary:hover {
           background: linear-gradient(135deg, #D4FF4D 0%, #B8E600 100%);
           transform: translateY(-2px);
           box-shadow: 0 10px 20px rgba(198, 255, 63, 0.3);
       }

       .contact-tutorial-btn.secondary {
           background: transparent;
           color: #C6FF3F;
           border: 2px solid #C6FF3F;
       }

       .contact-tutorial-btn.secondary:hover {
           background: #C6FF3F;
           color: #000000;
           transform: translateY(-2px);
           box-shadow: 0 10px 20px rgba(198, 255, 63, 0.3);
       }

       /* Responsive Contact Tutorial Section */
       @media (max-width: 1024px) {
           .contact-tutorial-container {
               flex-direction: column;
               text-align: center;
               gap: 40px;
               padding: 30px;
           }

           .contact-tutorial-logo {
               justify-content: center;
           }

           .logo-c {
               font-size: 100px;
               width: 120px;
               height: 120px;
           }

           .contact-tutorial-icon {
               width: 50px;
               height: 50px;
           }

           .icon-phone {
               font-size: 18px;
           }

           .contact-tutorial-title {
               font-size: 2rem;
           }
       }

       @media (max-width: 768px) {
           .contact-tutorial-section {
               padding: 60px 0;
           }

           .contact-tutorial-container {
               padding: 20px;
               gap: 30px;
           }

           .logo-c {
               font-size: 80px;
               width: 100px;
               height: 100px;
           }

           .contact-tutorial-icon {
               width: 40px;
               height: 40px;
           }

           .icon-phone {
               font-size: 16px;
           }

           .contact-tutorial-title {
               font-size: 1.8rem;
           }

           .contact-tutorial-buttons {
               flex-direction: column;
               align-items: center;
           }

           .contact-tutorial-btn {
               width: 100%;
               max-width: 250px;
           }
       }

       @media (max-width: 480px) {
           .contact-tutorial-container {
               padding: 15px;
           }

           .logo-c {
               font-size: 60px;
               width: 80px;
               height: 80px;
           }

           .contact-tutorial-title {
               font-size: 1.5rem;
           }

           .contact-tutorial-subtitle {
               font-size: 1rem;
           }
       }

       /* Statistics Section Styles */
       .statistics-section {
           background: linear-gradient(135deg, #0f0f0f 0%, #1a1a1a 100%);
           padding: 80px 0;
           position: relative;
           overflow: hidden;
       }

       .statistics-section::before {
           content: '';
           position: absolute;
           top: 0;
           left: 0;
           right: 0;
           height: 1px;
           background: linear-gradient(90deg, transparent, #C6FF3F, transparent);
           opacity: 0.3;
       }

       .statistics-section .container {
           max-width: 1200px;
           margin: 0 auto;
           padding: 0 16px;
       }

       .statistics-section .text-center {
           text-align: center;
           margin-bottom: 64px;
       }

       .statistics-section .inline-flex {
           display: inline-flex;
           align-items: center;
           padding: 8px 16px;
           background: rgba(198, 255, 63, 0.1);
           border: 1px solid rgba(198, 255, 63, 0.2);
           border-radius: 50px;
           font-size: 14px;
           font-weight: 500;
           color: #C6FF3F;
           margin-bottom: 24px;
       }

       .statistics-section h2 {
           font-size: clamp(2.5rem, 5vw, 3.5rem);
           font-weight: 700;
           color: #ffffff;
           margin-bottom: 24px;
           line-height: 1.1;
       }

       .statistics-section p {
           font-size: 18px;
           color: #d1d5db;
           max-width: 512px;
           margin: 0 auto;
           line-height: 1.6;
       }

       .statistics-grid {
           display: grid;
           grid-template-columns: repeat(4, 1fr);
           gap: 32px;
           max-width: 1200px;
           margin: 0 auto;
       }

       .stat-card {
           background: rgba(17, 24, 39, 0.5);
           
           border: 1px solid rgba(55, 65, 81, 0.5);
           border-radius: 16px;
           padding: 32px 24px;
           text-align: center;
           transition: all 0.3s ease;
           cursor: pointer;
           position: relative;
           overflow: hidden;
       }

       .stat-card::before {
           content: '';
           position: absolute;
           top: 0;
           left: 0;
           right: 0;
           height: 2px;
           background: linear-gradient(90deg, transparent, #C6FF3F, transparent);
           opacity: 0;
           transition: opacity 0.3s ease;
       }

       .stat-card:hover {
           background: rgba(17, 24, 39, 0.7);
           transform: translateY(-8px);
           box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3);
           border-color: rgba(198, 255, 63, 0.3);
       }

       .stat-card:hover::before {
           opacity: 1;
       }

       .stat-icon {
           width: 80px;
           height: 80px;
           background: linear-gradient(135deg, rgba(198, 255, 63, 0.1) 0%, rgba(198, 255, 63, 0.05) 100%);
           border: 1px solid rgba(198, 255, 63, 0.2);
           border-radius: 50%;
           display: flex;
           align-items: center;
           justify-content: center;
           margin: 0 auto 24px;
           transition: all 0.3s ease;
       }

       .stat-card:hover .stat-icon {
           background: linear-gradient(135deg, rgba(198, 255, 63, 0.2) 0%, rgba(198, 255, 63, 0.1) 100%);
           border-color: rgba(198, 255, 63, 0.4);
           transform: none;
       }

       .stat-content {
           text-align: center;
       }

       .stat-number {
           font-size: clamp(2rem, 4vw, 3rem);
           font-weight: 800;
           color: #C6FF3F;
           margin-bottom: 8px;
           text-shadow: 0 0 20px rgba(198, 255, 63, 0.3);
       }

       .stat-label {
           font-size: 18px;
           font-weight: 600;
           color: #ffffff;
           margin-bottom: 12px;
           text-transform: uppercase;
           letter-spacing: 0.5px;
       }

       .stat-description {
           font-size: 14px;
           color: #9ca3af;
           line-height: 1.5;
           margin: 0;
       }

       /* Responsive Statistics Grid */
       @media (max-width: 1024px) {
           .statistics-grid {
               grid-template-columns: repeat(2, 1fr);
               gap: 24px;
           }
       }

       @media (max-width: 768px) {
           .statistics-section {
               padding: 60px 0;
           }

           .statistics-grid {
               grid-template-columns: 1fr;
               gap: 20px;
           }

           .stat-card {
               padding: 24px 20px;
           }

           .stat-icon {
               width: 64px;
               height: 64px;
               margin-bottom: 20px;
           }

           .stat-number {
               font-size: 2.5rem;
           }

           .stat-label {
               font-size: 16px;
           }

           .stat-description {
               font-size: 13px;
           }
       }

       @media (max-width: 480px) {
           .statistics-section {
               padding: 40px 0;
           }

           .statistics-section .container {
               padding: 0 12px;
           }

           .stat-card {
               padding: 20px 16px;
           }

           .stat-icon {
               width: 56px;
               height: 56px;
               margin-bottom: 16px;
           }

           .stat-number {
               font-size: 2rem;
           }

           .stat-label {
               font-size: 14px;
           }

           .stat-description {
               font-size: 12px;
           }
       }


           
           .card {
               padding: 20px;
               margin-bottom: 16px;
           }
           
           .card h3 {
               font-size: 18px;
               margin-bottom: 12px;
           }
           
           .card .text-2xl {
               font-size: 20px;
           }
           
           .card .text-sm {
               font-size: 13px;
           }
           
           .card .w-12 {
               width: 40px;
               height: 40px;
               font-size: 16px;
           }
           
           .card .font-semibold {
               font-size: 16px;
           }
           
           .card .text-muted {
               font-size: 14px;
               line-height: 1.5;
           }
       }

       @media (max-width: 480px) {
           .review-cards-container {
               gap: 16px;
           }
           
           .card {
               padding: 16px;
           }
           
           .card h3 {
               font-size: 16px;
           }
           
           .card .text-2xl {
               font-size: 18px;
           }
           
           .card .text-sm {
               font-size: 12px;
           }
           
           .card .w-12 {
               width: 36px;
               height: 36px;
               font-size: 14px;
           }
           
           .card .font-semibold {
               font-size: 14px;
           }
           
           .card .text-muted {
               font-size: 13px;
           }
           
           .card .flex {
               flex-direction: column;
               align-items: flex-start;
               gap: 8px;
           }
           
           .card .w-12 {
               margin-right: 0;
               margin-bottom: 8px;
           }
       }

       @media (max-width: 360px) {
           .card {
               padding: 12px;
           }
           
           .card h3 {
               font-size: 14px;
           }
           
           .card .text-2xl {
               font-size: 16px;
           }
           
           .card .text-sm {
               font-size: 11px;
           }
           
           .card .w-12 {
               width: 32px;
               height: 32px;
               font-size: 12px;
           }
           
           .card .font-semibold {
               font-size: 13px;
           }
           
           .card .text-muted {
               font-size: 12px;
           }
       }

       /* Trust Indicators Section */
       .trust-indicators-section {
           margin-top: 4rem;
           width: 100%;
       }

       .trust-cards-container {
           display: grid;
           grid-template-columns: repeat(4, 1fr);
           gap: 24px;
           max-width: 1000px;
           margin: 0 auto;
       }

       .trust-card {
           background: rgba(0, 0, 0, 0.3);
           
           border: 1px solid rgba(255, 255, 255, 0.1);
           border-radius: 16px;
           padding: 32px 24px;
           text-align: center;
           transition: all 0.3s ease;
           box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
       }

       .trust-card:hover {
           transform: translateY(-4px);
           background: rgba(0, 0, 0, 0.4);
           border-color: rgba(255, 255, 255, 0.2);
           box-shadow: 0 12px 40px rgba(0, 0, 0, 0.2);
       }

       .trust-number {
           font-size: clamp(1.8rem, 3vw, 2.5rem);
           font-weight: 800;
           color: #C6FF3F;
           margin-bottom: 8px;
           text-shadow: 0 0 20px rgba(198, 255, 63, 0.3);
       }

       .trust-label {
           font-size: clamp(0.7rem, 1.2vw, 0.9rem);
           font-weight: 500;
           color: rgba(255, 255, 255, 0.9);
           text-transform: uppercase;
           letter-spacing: 0.5px;
       }

/* Cursor-Style Animations */
@keyframes fade-in {
    0% { 
        opacity: 0; 
        transform: translateY(30px); 
    }
    100% { 
        opacity: 1; 
        transform: translateY(0); 
    }
}

.animate-fade-in { 
    animation: fade-in 1s ease-out forwards; 
    opacity: 0;
}

       /* Responsive Design - Cursor Style */
       @media (max-width: 1200px) {
           .cursor-hero-section {
               padding: 100px 30px 60px;
           }
           
           .trust-cards-container {
               gap: 20px;
           }
           
           .trust-card {
               padding: 28px 20px;
           }
       }

@media (max-width: 768px) {
    .cursor-hero-section {
        padding: 80px 20px 40px;
    }
    
    .cursor-hero-buttons {
        flex-direction: row;
        align-items: center;
        gap: 16px;
        margin-bottom: 3rem;
        flex-wrap: wrap;
        justify-content: center;
    }
    
      .cursor-main-text {
          font-size: clamp(2.2rem, 5.5vw, 3.8rem);
          word-wrap: break-word;
          hyphens: auto;
          line-height: 1.1;
      }
    
    .cursor-sub-text {
        font-size: clamp(2rem, 5vw, 3.5rem);
    }
    
    /* Mobile-specific title adjustments */
    @media (max-width: 480px) {
        .cursor-main-text {
            font-size: clamp(1.8rem, 4.5vw, 3.2rem);
            word-wrap: break-word;
            hyphens: auto;
            line-height: 1.1;
        }
    }
    
    @media (max-width: 360px) {
        .cursor-main-text {
            font-size: clamp(1.6rem, 4vw, 2.8rem);
            word-wrap: break-word;
            hyphens: auto;
            line-height: 1.1;
        }
    }
    
    .cursor-hero-description {
        font-size: clamp(0.8rem, 2vw, 1.2rem);
        margin-bottom: 3rem;
    }
    
    .cursor-btn-primary, .cursor-btn-secondary {
        padding: 10px 20px;
        font-size: 15px;
    }
    
    .cursor-hero-image {
        border-radius: 12px;
    }
    
    .trust-cards-container {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }
    
    .trust-card {
        padding: 24px 16px;
    }
    
    .trust-number {
        font-size: clamp(1.5rem, 2.8vw, 2.2rem);
    }
    
    .trust-label {
        font-size: clamp(0.6rem, 1.1vw, 0.8rem);
    }
}

@media (max-width: 480px) {
    .cursor-hero-section {
        padding: 60px 15px 30px;
    }
    
    .cursor-badge {
        padding: 10px 20px;
        font-size: 13px;
    }
    
    .cursor-main-text {
        font-size: clamp(2rem, 5vw, 3.5rem);
    }
    
    .cursor-sub-text {
        font-size: clamp(1.8rem, 4.5vw, 3rem);
    }
    
    .cursor-hero-description {
        font-size: clamp(0.8rem, 1.8vw, 1.1rem);
        margin-bottom: 2.5rem;
    }
    
    .cursor-btn-primary, .cursor-btn-secondary {
        padding: 8px 16px;
        font-size: 14px;
    }
    
    .cursor-hero-image {
        border-radius: 10px;
    }
    
    .trust-cards-container {
        grid-template-columns: 1fr;
        gap: 12px;
    }
    
    .trust-card {
        padding: 20px 16px;
    }
    
    .trust-number {
        font-size: clamp(1.4rem, 2.5vw, 2rem);
    }
    
    .trust-label {
        font-size: clamp(0.6rem, 1vw, 0.8rem);
    }
}

@media (max-width: 360px) {
    .cursor-hero-section {
        padding: 50px 10px 20px;
    }
    
    .cursor-badge {
        padding: 8px 16px;
        font-size: 12px;
    }
    
    .cursor-main-text {
        font-size: clamp(1.8rem, 4.5vw, 3rem);
    }
    
    .cursor-sub-text {
        font-size: clamp(1.6rem, 4vw, 2.5rem);
    }
    
    .cursor-hero-description {
        font-size: clamp(0.7rem, 1.5vw, 1rem);
        margin-bottom: 2rem;
    }
    
    .cursor-btn-primary, .cursor-btn-secondary {
        padding: 6px 12px;
        font-size: 13px;
    }
    
    .cursor-hero-image {
        border-radius: 8px;
    }
    
    .trust-cards-container {
        gap: 10px;
    }
    
    .trust-card {
        padding: 18px 14px;
    }
    
    .trust-number {
        font-size: clamp(1.2rem, 2.2vw, 1.8rem);
    }
    
    .trust-label {
        font-size: clamp(0.5rem, 0.9vw, 0.7rem);
    }
}

/* FAQ Section Styles */
.faq-section {
    position: relative;
}

.faq-item {
    transition: all 0.3s ease;
}

.faq-item:hover {
    border-color: rgba(198, 255, 63, 0.3) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}

.faq-item.active {
    border-color: rgba(198, 255, 63, 0.4) !important;
    background: rgba(26, 26, 26, 1) !important;
}

.faq-item.active .faq-question {
    border-bottom: none !important;
}

.faq-item button.faq-question {
    border: none !important;
    border-bottom: none !important;
    background: transparent;
}

.faq-item.active button.faq-question {
    border: none !important;
    border-bottom: none !important;
}

.faq-question {
    cursor: pointer;
    transition: all 0.3s ease;
    border: none !important;
    border-bottom: none !important;
    outline: none !important;
}

.faq-question:hover {
    background: rgba(255, 255, 255, 0.02);
}

.faq-question::after,
.faq-question::before {
    display: none !important;
    content: none !important;
}

.faq-item hr,
.faq-item .divider,
.faq-answer hr {
    display: none !important;
}

.faq-answer {
    border: none !important;
    border-top: none !important;
}

.faq-icon {
    transition: all 0.3s ease;
}

.faq-item.active .faq-icon {
    background: rgba(198, 255, 63, 0.2);
    transform: rotate(180deg);
}

.faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease, padding 0.3s ease;
    border: none !important;
    border-top: none !important;
    background: transparent !important;
}

.faq-answer.show {
    max-height: 500px;
    display: block;
    border: none !important;
    border-top: none !important;
}

.faq-answer::before,
.faq-answer::after {
    display: none !important;
    content: none !important;
}

@media (max-width: 768px) {
    .faq-section h2 {
        font-size: 2rem !important;
    }
    
    .faq-question span:first-child {
        font-size: 1rem !important;
    }
    
    .faq-answer p {
        font-size: 0.9rem;
    }
}