/* ===== SECTION 8: VIDEO EXTRACT DATA ===== */
        .video-extract-section {
            min-height: 80vh;
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
        }
        
        .video-background {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 1;
        }
        
        .video-background video {
			margin-top: 0;
            width: 100%;
            height: 100%;
            object-fit:  fill;
        }
        
        .video-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
/*            background: linear-gradient(135deg, rgba(0, 0, 0, 0.6) 0%, rgba(139, 0, 0, 0.4) 100%);*/
            z-index: 2;
        }
        
        .video-content {
            position: relative;
            z-index: 10;
            text-align: center;
            color: #fff;
            padding: 4rem 2rem;
            max-width: 800px;
        }
        
        .video-extract-title {
            font-size: 4.5rem;
            font-weight: 700;
            letter-spacing: -2px;
            margin-bottom: 2rem;
            line-height: 1.1;
            color: #fff;
            text-transform: uppercase;
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
        }
        
        .video-extract-subtitle {
            font-size: 1.5rem;
            color: #fff;
            font-weight: 400;
            margin-bottom: 3rem;
            text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
        }
        
        .video-extract-description {
            font-size: 1.2rem;
            line-height: 1.6;
            color: #fff;
            margin-bottom: 3rem;
            text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
        }
        
        .video-cta-button {
            background: linear-gradient(135deg, #ff4444 0%, #cc0000 100%);
            color: #fff;
            padding: 1.2rem 3.5rem;
            border-radius: 50px;
            font-size: 1.3rem;
            font-weight: 600;
            text-transform: uppercase;
            text-decoration: none;
            display: inline-block;
            transition: all 0.3s ease;
            border: none;
            box-shadow: 0 10px 30px rgba(255, 68, 68, 0.4);
            letter-spacing: 1px;
            text-shadow: none;
        }
        
        .video-cta-button:hover {
            transform: translateY(-3px);
            box-shadow: 0 15px 40px rgba(255, 68, 68, 0.6);
            color: #fff;
            text-decoration: none;
        }
        
        .video-bottom-section {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
/*            height: 20%;*/
            background: #000;
            z-index: 5;
        }


@media (max-width: 768px) {
	.video-extract-section {
		min-height: 30vh;
		margin-top: 2vh;
		display: none;
	}
	
	
	
}



/* Sixth Section - Extract */
        .extract-section {
            background: linear-gradient(135deg, #1a2332 0%, #8B0000 100%);
/*            min-height: 80vh;*/
            position: relative;
        }
        
        .extract-left {
/*            background: linear-gradient(135deg, #1a2332 0%, #2d3748 100%);*/
			background: url('../img/extract_building.png') center center/cover;
            padding: 5.5rem 2rem;
            display: flex;
            align-items: center;
            justify-content: center;
			opacity: 0.7;
        }
        
        .extract-right {
            background: linear-gradient(135deg, #8B0000 0%, #A52A2A 100%);
            padding: 4rem 3rem;
            display: flex;
            align-items: center;
            color: #fff;
        }
        
        .extract-header {
            font-size: 4rem;
            font-weight: 700;
            color: #fff;
            text-align: center;
            margin-bottom: 3rem;
            letter-spacing: -2px;
            text-transform: uppercase;
			background: linear-gradient(135deg, #ffffff 0%, var(--primary-red) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    /* text-transform: uppercase; */
    letter-spacing: -2px;
/*
			color: #EB1B3C;
			font-family: 'PP Neue Montreal', 'Inter', sans-serif;
            font-size: clamp(2.5rem, 5vw, 4rem);
            font-weight: 900;
            background: linear-gradient(135deg, var(--light-text) 0%, var(--primary-red) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            animation: fadeInUp 0.8s cubic-bezier(0.4, 0, 0.2, 1);
*/
        }
        
        .extract-grid {
            max-width: 600px;
            width: 100%;
        }
        
        .category-row {
            display: flex;
            gap: 1.5rem;
            margin-bottom: 1.5rem;
            justify-content: center;
        }
        
        .category-card {
            background: linear-gradient(135deg, #ffbfa6 0%, #ffffff 100%);
            border-radius: 20px;
            padding: 1.5rem;
            width: 160px;
            height: 140px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            text-align: center;
            color: #000;
            box-shadow: 0 8px 25px rgba(255, 68, 68, 0.3);
            transition: all 0.3s ease;
            cursor: pointer;
        }
        
        .category-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 15px 35px rgba(255, 68, 68, 0.5);
        }
        
        .category-icon {
            margin-bottom: 1rem;
            color: #ff0000;
			fill="#ff0000"
        }
        
        .category-title {
            font-size: 0.9rem;
            font-weight: 600;
            line-height: 1.2;
            color: #ff0000;
        }
        
        .extract-content {
            max-width: 600px;
        }
        
        .extract-subtitle {
            font-size: 2.2rem;
            font-weight: 600;
            margin-bottom: 2rem;
            color: #fff;
            line-height: 1.2;
        }
        
        .extract-text {
            font-size: 1.4rem;
            line-height: 1.6;
            margin-bottom: 2.5rem;
            color: #fff;
        }
        
        .extract-highlight {
            margin-bottom: 2.5rem;
        }
        
        .extract-highlight h4 {
            font-size: 2.2rem;
            font-weight: 700;
            color: #fff;
            margin-bottom: 1rem;
        }
        
        .extract-highlight p {
            font-size: 1.4rem;
            line-height: 1.6;
            color: #fff;
        }
        
        .extract-final {
            font-size: 1.4rem;
            line-height: 1.6;
            color: #fff;
            margin: 0;
        }
        
        .extract-final strong {
            font-weight: 700;
            color: #ffdddd;
        }

	/* Enhanced Responsive Design for Extract Section */
        @media (max-width: 1400px) {
            .extract-header {
                font-size: 3.5rem;
            }
            
            .extract-subtitle {
                font-size: 2.1rem;
            }
        }
        
        @media (max-width: 1200px) {
            .extract-header {
                font-size: 3.2rem;
            }
            
            .extract-subtitle {
                font-size: 2rem;
            }
            
            .extract-text {
                font-size: 1.35rem;
            }
            
            .extract-highlight h4 {
                font-size: 2.1rem;
            }
            
            .extract-highlight p {
                font-size: 1.35rem;
            }
            
            .extract-final {
                font-size: 1.35rem;
            }
        }
        
        @media (max-width: 1024px) {
            .extract-text {
                font-size: 1.45rem; /* Increased for better mobile readability */
            }
            
            .extract-highlight h4 {
                font-size: 2.2rem; /* Increased for better mobile readability */
            }
            
            .extract-highlight p {
                font-size: 1.45rem; /* Increased for better mobile readability */
            }
            
            .extract-final {
                font-size: 1.45rem; /* Increased for better mobile readability */
            }
        }
        
        @media (max-width: 900px) {
            .extract-text {
                font-size: 1.5rem; /* Increased for better mobile readability */
            }
            
            .extract-highlight p {
                font-size: 1.5rem; /* Increased for better mobile readability */
            }
            
            .extract-final {
                font-size: 1.5rem; /* Increased for better mobile readability */
            }
        }
        
        @media (max-width: 768px) {
			
			.category-card {min-width: 30vw;}
			.category-title {font-size: 0.8rem;} /* Increased for better mobile readability */
			
            .extract-section .row {
/*				margin-top: 7vh;*/
/*                flex-direction: column-reverse;*/
				
            }
			
			.extract-highlight h4 {font-size: 2rem;}
			
			.container-fluid {
        	padding-left: 0;
        	padding-right: 0;
    		}
            
            .extract-header {
                font-size: 2.8rem;
            }
            
            .extract-subtitle {
                font-size: 1.8rem;
            }
            
            .extract-text {
                font-size: 1.45rem; /* Increased for better mobile readability */
            }
            
            .extract-highlight h4 {
                font-size: 2rem;
            }
            
            .extract-highlight p {
                font-size: 1.45rem; /* Increased for better mobile readability */
            }
            
            .extract-final {
                font-size: 1.45rem; /* Increased for better mobile readability */
            }
			
			.category-row {gap: 0.5rem;}
        }
        
        @media (max-width: 640px) {
            .extract-header {
                font-size: 2.5rem;
            }
            
            .extract-subtitle {
                font-size: 1.7rem;
            }
            
            .extract-text {
                font-size: 1.4rem; /* Increased for better mobile readability */
            }
            
            .extract-highlight p {
                font-size: 1.4rem; /* Increased for better mobile readability */
            }
            
            .extract-final {
                font-size: 1.4rem; /* Increased for better mobile readability */
            }
            
            .category-title {
                font-size: 0.75rem; /* Increased for better mobile readability */
            }
        }
        
        @media (max-width: 480px) {
            .extract-header {
                font-size: 2.2rem;
            }
            
            .extract-subtitle {
                font-size: 1.6rem;
            }
            
            .extract-text {
                font-size: 1.35rem; /* Increased for better mobile readability */
            }
            
            .extract-highlight h4 {
                font-size: 1.9rem;
            }
            
            .extract-highlight p {
                font-size: 1.35rem; /* Increased for better mobile readability */
            }
            
            .extract-final {
                font-size: 1.35rem; /* Increased for better mobile readability */
            }
            
            .category-title {
                font-size: 0.7rem; /* Increased for better mobile readability */
            }
        }

        /* Animation Classes */
        .animate-in {
            animation: slideInUp 0.6s ease-out;
        }

        @keyframes slideInUp {
            from {
                opacity: 0;
                transform: translateY(30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }




/* ===== SECTION 7: HOW WE EXTRACT ===== */
        .how-extract-section {
            min-height: 80vh;
            background: #000;
            padding: 3.5rem 0 4.5rem;
            position: relative;
        }
        
        .how-extract-header {
            text-align: center;
            margin-bottom: 2rem;
        }
        
        .how-extract-title {
            font-size: 4.5rem;
            font-weight: 700;
/*            letter-spacing: -2px;*/
            margin-bottom: 0rem;
            line-height: 1.1;
            color: #fff;
            text-transform: uppercase;
        }
        
        .how-extract-subtitle {
            font-size: 1.6rem;
            color: #ccc;
            font-weight: 400;
        }
        
        .how-extract-content {
            display: flex;
            gap: 2rem;
            max-width: 1400px;
            margin: 0 auto;
            padding: 0 2rem;
        }
        
        .extract-card {
            flex: 1;
            background: linear-gradient(135deg, #8B0000 0%, #A52A2A 100%);
            border-radius: 20px;
            padding: 3rem 2rem;
            color: #fff;
            position: relative;
            overflow: hidden;
        }
        
        .extract-card h3 {
            font-size: 1.7rem;
            font-weight: 700;
            margin-bottom: 1.5rem;
            text-align: center;
            color: #fff;
        }
        
        .machine-images {
            display: grid;
			margin-left: auto;
			margin-right: auto;
            margin-bottom: 1.5rem;
            height: 220px;
        }
        
        .machine-image {
            background: #333;
            border-radius: 8px;
            border: 2px solid rgba(255, 255, 255, 0.2);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 0.8rem;
            color: #ccc;
            text-align: center;
            padding: 0.5rem;
        }
        
        .human-image {
			background: url('../img/human_data.jpg') center center/cover;
/*            border-radius: 15px;*/
            height: 200px;
            margin-bottom: 2rem;
/*            border: 2px solid rgba(255, 255, 255, 0.2);*/
            display: flex;
            align-items: center;
            justify-content: center;
            color: #ccc;
            font-size: 1rem;
        }
        
        .extract-description {
            font-size: 1.25rem;
            line-height: 1.6;
            margin-bottom: 2rem;
            color: #fff;
        }
        
        .extract-examples {
            background: rgba(0, 0, 0, 0.3);
            padding: 1.5rem;
            border-radius: 10px;
            border-left: 4px solid #ff4444;
        }
        
        .extract-examples h4 {
            font-size: 1.1rem;
            font-weight: 600;
            margin-bottom: 1rem;
            color: #ff9999;
        }
        
        .extract-examples p {
            font-size: 1.2rem;
            line-height: 1.5;
            color: #fff;
            margin: 0;
        }

/* Enhanced Responsive Design for How We Extract Section */
@media (max-width: 1200px) {
    .how-extract-title {
        font-size: 4rem;
    }
    
    .how-extract-subtitle {
        font-size: 1.5rem;
    }
    
    .extract-description {
        font-size: 1.2rem;
    }
    
    .extract-examples p {
        font-size: 1.15rem;
    }
}

@media (max-width: 1024px) {
    .extract-description {
        font-size: 1.3rem; /* Increased for better mobile readability */
    }
    
    .extract-examples h4 {
        font-size: 1.2rem; /* Increased for better mobile readability */
    }
    
    .extract-examples p {
        font-size: 1.25rem; /* Increased for better mobile readability */
    }
}

@media (max-width: 900px) {
    .extract-description {
        font-size: 1.35rem; /* Increased for better mobile readability */
    }
    
    .extract-examples p {
        font-size: 1.3rem; /* Increased for better mobile readability */
    }
}

@media (max-width: 768px) {
		
		.how-extract-title {font-size: 3rem;}
		.how-extract-subtitle {font-size: 1.4rem;} /* Increased for better mobile readability */
	
		.how-extract-content {
    	display: flex;
    	justify-content: center;
		flex-direction: column;
		gap: 2rem; 
/*    	max-width: 1400px;*/
		width: 98vw;
    	margin: 0 auto;
    	padding: 0 1vw;
		}
	
	.machine-images {height: auto; width: 100%}
	
	.extract-description {
        font-size: 1.3rem; /* Increased for better mobile readability */
    }
    
    .extract-examples h4 {
        font-size: 1.15rem; /* Increased for better mobile readability */
    }
    
    .extract-examples p {
        font-size: 1.25rem; /* Increased for better mobile readability */
    }
}

@media (max-width: 640px) {
    .how-extract-title {
        font-size: 2.8rem;
    }
    
    .how-extract-subtitle {
        font-size: 1.35rem; /* Increased for better mobile readability */
    }
    
    .extract-description {
        font-size: 1.25rem; /* Increased for better mobile readability */
    }
    
    .extract-examples p {
        font-size: 1.2rem; /* Increased for better mobile readability */
    }
}

@media (max-width: 480px) {
    .how-extract-title {
        font-size: 2.5rem;
    }
    
    .how-extract-subtitle {
        font-size: 1.3rem; /* Increased for better mobile readability */
    }
    
    .extract-description {
        font-size: 1.2rem; /* Increased for better mobile readability */
    }
    
    .extract-examples h4 {
        font-size: 1.1rem; /* Increased for better mobile readability */
    }
    
    .extract-examples p {
        font-size: 1.15rem; /* Increased for better mobile readability */
    }
}






/* ===== SECTION 9: POWER METER EXTRACT EXAMPLE ===== */
        .power-meter-section {
            min-height: 80vh;
            background: #13191D;
            padding: 5rem 0;
            position: relative;
        }
        
        .power-meter-content {
            display: flex;
            flex-direction: column;
            gap: 4rem;
            max-width: 1400px;
            margin: 0 auto;
            padding: 0 2rem;
        }
        
        .power-meter-top {
            text-align: left;
        }
        
        .power-meter-title {
            font-size: 3.5rem;
            font-weight: 700;
            letter-spacing: -2px;
            margin-bottom: 2rem;
            line-height: 1.1;
            color: #fff;
            text-transform: uppercase;
        }
        
        .power-meter-description {
            font-size: 1.4rem;
            line-height: 1.6;
            color: #ccc;
            margin: 0;
            max-width: 900px;
        }
        
        .power-meter-bottom {
            display: flex;
            gap: 4rem;
            align-items: flex-start;
        }
        
        .power-meter-visual {
            position: relative;
            flex: 1;
            max-width: 1200px;
        }
        
        .power-meter-info {
            flex: 0 0 350px;
            display: flex;
            align-items: center;
        }
        
        .meter-interface {
            background: transperant;
            padding: 0;
            position: relative;
        }
        
        .meter-mockup {
            background: #1a1a1a;
            border-radius: 15px;
            padding: 1.5rem;
            margin-bottom: 2rem;
            position: relative;
        }
        
        .meter-header {
            background: linear-gradient(135deg, #ff4444 0%, #cc0000 100%);
            color: #fff;
            padding: 1rem;
            border-radius: 10px;
            text-align: center;
            font-weight: 700;
            margin-bottom: 1rem;
            font-size: 0.9rem;
            text-transform: uppercase;
        }
        
        .meter-readings {
            display: flex;
            flex-direction: column;
            gap: 0.8rem;
        }
        
        .meter-row {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0.8rem 1rem;
            background: rgba(255, 255, 255, 0.05);
            border-radius: 8px;
            border-left: 3px solid transparent;
        }
        
        .meter-row.normal {
            border-left-color: #4CAF50;
        }
        
        .meter-row.warning {
            border-left-color: #ff9800;
        }
        
        .meter-row.alert {
            border-left-color: #f44336;
        }
        
        .meter-device {
            color: #fff;
            font-size: 0.85rem;
            font-weight: 500;
        }
        
        .meter-status {
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }
        
        .status-icon {
            width: 12px;
            height: 12px;
            border-radius: 50%;
        }
        
        .status-icon.green {
            background: #4CAF50;
        }
        
        .status-icon.orange {
            background: #ff9800;
        }
        
        .status-icon.red {
            background: #f44336;
        }
        
        .meter-value {
            color: #fff;
            font-size: 1rem;
            font-weight: 600;
        }
        
        .view-everything-badge {
            background: linear-gradient(135deg, #ff4444 0%, #cc0000 100%);
            color: #fff;
            padding: 1rem 2rem;
            border-radius: 15px;
            text-align: center;
            margin-bottom: 1rem;
            position: relative;
        }
        
        .badge-title {
            font-size: 1.3rem;
            font-weight: 700;
            margin-bottom: 0.5rem;
            text-transform: uppercase;
        }
        
        .badge-list {
            font-size: 0.95rem;
            line-height: 1.6;
            text-align: left;
        }
        
        .sg-logo {
            display: none;
        }
        
        .track-sg-info {
            background: rgba(0, 0, 0, 0.8);
            border-radius: 15px;
            padding: 1.5rem;
            color: #fff;
            border-left: 4px solid #ff4444;
        }
        
        .track-sg-title {
            font-size: 1.4rem;
            font-weight: 600;
            margin-bottom: 1rem;
            color: #fff;
        }
        
        .track-sg-text {
            font-size: 1.2rem;
            line-height: 1.5;
            color: #ccc;
        }


/* Enhanced Responsive Design for Power Meter Section */
@media (max-width: 1200px) {
    .power-meter-title {
        font-size: 3.2rem;
    }
    
    .power-meter-description {
        font-size: 1.35rem;
    }
    
    .track-sg-title {
        font-size: 1.35rem;
    }
    
    .track-sg-text {
        font-size: 1.15rem;
    }
}

@media (max-width: 1024px) {
    .power-meter-description {
        font-size: 1.45rem; /* Increased for better mobile readability */
    }
    
    .track-sg-title {
        font-size: 1.45rem; /* Increased for better mobile readability */
    }
    
    .track-sg-text {
        font-size: 1.25rem; /* Increased for better mobile readability */
    }
}

@media (max-width: 900px) {
    .power-meter-description {
        font-size: 1.5rem; /* Increased for better mobile readability */
    }
    
    .track-sg-title {
        font-size: 1.5rem; /* Increased for better mobile readability */
    }
    
    .track-sg-text {
        font-size: 1.3rem; /* Increased for better mobile readability */
    }
}

@media (max-width: 768px) {
		
	.power-meter-title {font-size: 3rem; margin-bottom: 1rem;}
/*	.power-meter-visual video {width: 85vw; object-fit: fill; height: 100%;}*/
	.power-meter-bottom {display: flex; width: max-content;
    	justify-content: center;
		flex-direction: column;}
	.power-meter-visual {max-width: 100vw;}
	.power-meter-visual video {width: 85vw; object-fit: fill; height: 100%;}
	
	.power-meter-info {flex: 0 0 0px; width: 85vw;}
	
	.power-meter-description {
        font-size: 1.45rem; /* Increased for better mobile readability */
    }
    
    .track-sg-title {
        font-size: 1.45rem; /* Increased for better mobile readability */
    }
    
    .track-sg-text {
        font-size: 1.25rem; /* Increased for better mobile readability */
    }
}

@media (max-width: 640px) {
    .power-meter-title {
        font-size: 2.8rem;
    }
    
    .power-meter-description {
        font-size: 1.4rem; /* Increased for better mobile readability */
    }
    
    .track-sg-title {
        font-size: 1.4rem; /* Increased for better mobile readability */
    }
    
    .track-sg-text {
        font-size: 1.2rem; /* Increased for better mobile readability */
    }
}

@media (max-width: 480px) {
    .power-meter-title {
        font-size: 2.5rem;
    }
    
    .power-meter-description {
        font-size: 1.35rem; /* Increased for better mobile readability */
    }
    
    .track-sg-title {
        font-size: 1.35rem; /* Increased for better mobile readability */
    }
    
    .track-sg-text {
        font-size: 1.15rem; /* Increased for better mobile readability */
    }
}

@media (max-width: 360px) {
    .power-meter-title {
        font-size: 2.2rem;
    }
    
    .power-meter-description {
        font-size: 1.3rem; /* Increased for better mobile readability */
    }
    
    .track-sg-title {
        font-size: 1.3rem; /* Increased for better mobile readability */
    }
    
    .track-sg-text {
        font-size: 1.1rem; /* Increased for better mobile readability */
    }
}