:root {
            --primary: #2c3e50;
            --accent: #d4af37;
            --text: #333;
            --light: #f4f4f4;
        }
        body { font-family: 'Segoe UI', Roboto, sans-serif; line-height: 1.6; color: var(--text); margin: 0; padding: 0; background-color: #fff; }
        .container { max-width: 1000px; margin: auto; padding: 20px; }
        
        /* Hero Section */
        .hero { position: relative; text-align: center; color: white; background: #000; }
        .hero img { width: 1920px; height: 800px; max-width: 100%; height: auto; object-fit: cover; opacity: 0.7; }
        .hero-text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80%; }
        .hero-text h1 { font-size: 3rem; margin: 0; text-transform: uppercase; letter-spacing: 2px; }

        /* Content Sections */
        h2 { color: var(--primary); border-left: 5px solid var(--accent); padding-left: 15px; margin-top: 40px; }
        p { margin-bottom: 20px; font-size: 1.1rem; }
        
        /* Comparison Table */
        .table-wrapper { overflow-x: auto; margin: 40px 0; }
        table { width: 100%; border-collapse: collapse; background: var(--light); }
        th, td { padding: 15px; border: 1px solid #ddd; text-align: left; }
        th { background: var(--primary); color: white; }

        /* Before/After Section */
        .comparison-container { display: flex; gap: 20px; justify-content: center; margin: 40px 0; flex-wrap: wrap; }
        .comparison-item { text-align: center; flex: 1; min-width: 300px; }
        .comparison-item img { width: 100%; border-radius: 8px; box-shadow: 0 4px 10px rgba(0,0,0,0.1); }
        .comparison-label { font-weight: bold; margin-top: 10px; color: var(--accent); }

        /* CTA Section */
        .cta-box { background: var(--primary); color: white; padding: 40px; text-align: center; border-radius: 15px; margin: 50px 0; }
        .cta-button { background: var(--accent); color: white; padding: 15px 30px; text-decoration: none; font-weight: bold; border-radius: 5px; transition: 0.3s; }
        .cta-button:hover { background: #b8962d; }

        /* FAQ Styling */
        .faq-section { background: #f9f9f9; padding: 40px; border-radius: 10px; }
        .faq-item { margin-bottom: 20px; border-bottom: 1px solid #eee; padding-bottom: 10px; }
        .faq-item h4 { color: var(--primary); margin-bottom: 5px; }

        @media (max-width: 768px) {
            .hero-text h1 { font-size: 1.8rem; }
        }