.elementor-kit-35{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:transparent;background-image:linear-gradient(180deg, #64D56F 0%, #8AA384 100%);}.elementor-kit-35 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Claritox Pro - Presell</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Playfair+Display:wght@600;700&family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'Inter', sans-serif;
            color: #374771;
            background-color: #ffffff;
            line-height: 1.6;
        }

        h1, h2, h3 {
            font-family: 'Poppins', sans-serif;
            font-weight: 700;
        }

        .playfair {
            font-family: 'Playfair Display', serif;
            font-weight: 600;
        }

        .container {
            width: 100%;
            max-width: 1280px;
            margin: 0 auto;
            padding: 0 1rem;
        }

        @media (min-width: 768px ) {
            .container {
                padding: 0 1.5rem;
            }
        }

        @media (min-width: 1024px) {
            .container {
                padding: 0 2rem;
            }
        }

        header {
            position: fixed;
            top: 0;
            width: 100%;
            z-index: 50;
            transition: all 0.3s ease;
            background-color: transparent;
        }

        header.scrolled {
            background-color: white;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        }

        .header-content {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 1rem 0;
        }

        .logo {
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .logo-circle {
            width: 2rem;
            height: 2rem;
            border-radius: 50%;
            background: linear-gradient(135deg, #1B5E3F 0%, #0F4C3A 100%);
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-weight: bold;
            font-size: 0.875rem;
        }

        .logo-text {
            font-weight: bold;
            font-size: 1.125rem;
            color: #1a202c;
        }

        nav {
            display: none;
            gap: 2rem;
        }

        @media (min-width: 768px) {
            nav {
                display: flex;
            }
        }

        nav a {
            color: #4a5568;
            text-decoration: none;
            transition: color 0.3s ease;
            font-size: 0.95rem;
        }

        nav a:hover {
            color: #1B5E3F;
        }

        .hero {
            padding-top: 8rem;
            padding-bottom: 5rem;
            background: linear-gradient(to bottom, #f0fdf4 0%, #ffffff 100%);
        }

        .hero-grid {
            display: grid;
            grid-template-columns: 1fr;
            gap: 3rem;
            align-items: center;
        }

        @media (min-width: 768px) {
            .hero-grid {
                grid-template-columns: 1fr 1fr;
            }
        }

        .hero-content h1 {
            font-size: 2.25rem;
            line-height: 1.2;
            color: #1a202c;
            margin-bottom: 1rem;
        }

        @media (min-width: 768px) {
            .hero-content h1 {
                font-size: 3rem;
            }
        }

        .hero-content p {
            font-size: 1.125rem;
            color: #4a5568;
            margin-bottom: 2rem;
            line-height: 1.8;
        }

        .trust-badges {
            display: flex;
            flex-wrap: wrap;
            gap: 1rem;
            margin-bottom: 2rem;
        }

        .badge {
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .badge-icon {
            width: 1.25rem;
            height: 1.25rem;
            color: #1B5E3F;
        }

        .badge-text {
            font-size: 0.875rem;
            font-weight: 500;
            color: #2d3748;
        }

        .cta-section {
            margin-top: 1rem;
        }

        .btn {
            display: inline-block;
            padding: 1rem 2rem;
            background-color: #1B5E3F;
            color: white;
            text-decoration: none;
            border-radius: 0.5rem;
            font-weight: 600;
            font-size: 1.125rem;
            transition: all 0.3s ease;
            border: none;
            cursor: pointer;
            box-shadow: 0 10px 15px rgba(27, 94, 63, 0.2);
        }

        .btn:hover {
            background-color: #0F4C3A;
            box-shadow: 0 15px 25px rgba(27, 94, 63, 0.3);
            transform: scale(1.05);
        }

        .cta-text {
            font-size: 0.875rem;
            color: #4a5568;
            margin-top: 0.75rem;
        }

        .hero-image {
            display: flex;
            justify-content: center;
        }

        .hero-image img {
            width: 100%;
            max-width: 40rem;
            height: auto;
            filter: drop-shadow(0 20px 25px rgba(0, 0, 0, 0.1));
        }

        .benefits {
            padding: 5rem 0;
            background-color: white;
        }

        .section-header {
            text-align: center;
            margin-bottom: 4rem;
        }

        .section-header h2 {
            font-size: 2rem;
            color: #1a202c;
            margin-bottom: 1rem;
        }

        @media (min-width: 768px) {
            .section-header h2 {
                font-size: 2.25rem;
            }
        }

        .section-header p {
            font-size: 1.125rem;
            color: #4a5568;
            max-width: 42rem;
            margin: 0 auto;
        }

        .benefits-grid {
            display: grid;
            grid-template-columns: 1fr;
            gap: 2rem;
        }

        @media (min-width: 768px) {
            .benefits-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        .benefit-card {
            padding: 2rem;
            border-radius: 0.75rem;
            background: linear-gradient(135deg, #f0fdf4 0%, #ffffff 100%);
            border: 1px solid #d1fae5;
            transition: all 0.3s ease;
        }

        .benefit-card:hover {
            border-color: #86efac;
            box-shadow: 0 4px 12px rgba(27, 94, 63, 0.1);
        }

        .benefit-icon {
            width: 3rem;
            height: 3rem;
            border-radius: 50%;
            background-color: #e0f2fe;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 1rem;
        }

        .benefit-icon svg {
            width: 1.5rem;
            height: 1.5rem;
            color: #1B5E3F;
        }

        .benefit-card h3 {
            font-size: 1.5rem;
            color: #1a202c;
            margin-bottom: 0.75rem;
        }

        .benefit-card p {
            color: #4a5568;
            line-height: 1.8;
        }

        .ingredients {
            padding: 5rem 0;
            background: linear-gradient(to bottom, #f0fdf4 0%, #ffffff 100%);
        }

        .ingredients-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 1.5rem;
            margin-bottom: 3rem;
        }

        .ingredient-card {
            padding: 1.5rem;
            border-radius: 0.5rem;
            background-color: white;
            border: 1px solid #d1fae5;
            text-align: center;
            transition: all 0.3s ease;
        }

        .ingredient-card:hover {
            border-color: #86efac;
            box-shadow: 0 4px 12px rgba(27, 94, 63, 0.1);
        }

        .ingredient-card h4 {
            font-weight: 600;
            color: #1a202c;
            margin-bottom: 0.5rem;
        }

        .ingredient-card p {
            font-size: 0.875rem;
            color: #4a5568;
        }

        .ingredients-image {
            border-radius: 0.75rem;
            overflow: hidden;
        }

        .ingredients-image img {
            width: 100%;
            height: 16rem;
            object-fit: cover;
        }

        .guarantee {
            padding: 5rem 0;
            background-color: white;
        }

        .guarantee-box {
            background: linear-gradient(135deg, #1B5E3F 0%, #0F4C3A 100%);
            border-radius: 1rem;
            padding: 3rem;
            color: white;
        }

        .guarantee-grid {
            display: grid;
            grid-template-columns: 1fr;
            gap: 3rem;
            align-items: center;
        }

        @media (min-width: 768px) {
            .guarantee-grid {
                grid-template-columns: 1fr 1fr;
            }
        }

        .guarantee-content h2 {
            font-size: 2rem;
            margin-bottom: 1.5rem;
            color: white;
        }

        @media (min-width: 768px) {
            .guarantee-content h2 {
                font-size: 2.25rem;
                text-align: left;
            }
        }

        .guarantee-content p {
            font-size: 1.125rem;
            margin-bottom: 2rem;
            opacity: 0.95;
            line-height: 1.8;
        }

        .guarantee-footer {
            font-size: 0.875rem;
            opacity: 0.9;
        }

        .guarantee-image {
            display: flex;
            justify-content: center;
        }

        .guarantee-image img {
            width: 100%;
            max-width: 24rem;
            height: auto;
            filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.2));
        }

        .final-cta {
            padding: 5rem 0;
            background: linear-gradient(to bottom, #ffffff 0%, #f0fdf4 100%);
            text-align: center;
        }

        .final-cta h2 {
            font-size: 2rem;
            color: #1a202c;
            margin-bottom: 1.5rem;
        }

        @media (min-width: 768px) {
            .final-cta h2 {
                font-size: 2.25rem;
            }
        }

        .final-cta p {
            font-size: 1.125rem;
            color: #4a5568;
            max-width: 42rem;
            margin: 0 auto 2rem;
        }

        footer {
            background-color: #1a202c;
            color: #9ca3af;
            padding: 3rem 0;
        }

        .footer-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 2rem;
            margin-bottom: 2rem;
        }

        .footer-section h4 {
            color: white;
            font-weight: 600;
            margin-bottom: 1rem;
        }

        .footer-section ul {
            list-style: none;
        }

        .footer-section ul li {
            margin-bottom: 0.5rem;
        }

        .footer-section a {
            color: #9ca3af;
            text-decoration: none;
            transition: color 0.3s ease;
        }

        .footer-section a:hover {
            color: white;
        }

        .footer-bottom {
            border-top: 1px solid #374771;
            padding-top: 2rem;
            text-align: center;
            font-size: 0.875rem;
        }
    </style>
</head>
<body>
    <header id="header">
        <div class="container">
            <div class="header-content">
                <div class="logo">
                    <div class="logo-circle">C</div>
                    <span class="logo-text">Claritox Pro</span>
                </div>
                <nav>
                    <a href="#benefits">Benefits</a>
                    <a href="#ingredients">Ingredients</a>
                    <a href="#guarantee">Guarantee</a>
                </nav>
            </div>
        </div>
    </header>

    <section class="hero">
        <div class="container">
            <div class="hero-grid">
                <div class="hero-content">
                    <h1>One Simple Way To Maintain Your Balance</h1>
                    <p>Support your brain health and prevent dizziness with our powerful natural formula. Stay active, confident, and balanced every single day.</p>
                    
                    <div class="trust-badges">
                        <div class="badge">
                            <svg class="badge-icon" fill="currentColor" viewBox="0 0 20 20">
                                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
                            </svg>
                            <span class="badge-text">FDA Approved Facility</span>
                        </div>
                        <div class="badge">
                            <svg class="badge-icon" fill="currentColor" viewBox="0 0 20 20">
                                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
                            </svg>
                            <span class="badge-text">GMP Certified</span>
                        </div>
                        <div class="badge">
                            <svg class="badge-icon" fill="currentColor" viewBox="0 0 20 20">
                                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
                            </svg>
                            <span class="badge-text">100% Natural Ingredients</span>
                        </div>
                    </div>

                    <div class="cta-section">
                        <a href="https://claritox24.com/text.php#aff=LuizGustavo21&cam=" class="btn">Get Claritox Pro Now</a>
                        <p class="cta-text">✓ Free Shipping • ✓ 60-Day Money-Back Guarantee • ✓ One-Time Payment</p>
                    </div>
                </div>

                <div class="hero-image">
                    <img src="https://d2xsxph8kpxj0f.cloudfront.net/310519663190100212/VLD49mLX4rMJSyxCQ9QZpk/claritox-hero-final_36093989.png" alt="Claritox Pro - I present to you Claritox Pro">
                </div>
            </div>
        </div>
    </section>

    <section class="benefits" id="benefits">
        <div class="container">
            <div class="section-header">
                <h2>Why Choose Claritox Pro?</h2>
                <p>Our scientifically-formulated supplement supports your balance system and brain health with premium natural ingredients.</p>
            </div>

            <div class="benefits-grid">
                <div class="benefit-card">
                    <div class="benefit-icon">
                        <svg fill="currentColor" viewBox="0 0 20 20">
                            <path d="M13 6a3 3 0 11-6 0 3 3 0 016 0zM18 8a2 2 0 11-4 0 2 2 0 014 0zM14 15a4 4 0 00-8 0v4h8v-4zM6 8a2 2 0 11-4 0 2 2 0 014 0zM16 18v-3a5.972 5.972 0 00-.75-2.906A3.005 3.005 0 0119 15v3h-3zM4.75 12.094A5.973 5.973 0 004 15v3H1v-3a3 3 0 013.75-2.906z"></path>
                        </svg>
                    </div>
                    <h3 class="playfair">Enhanced Mental Clarity</h3>
                    <p>Support your brain health with our powerful blend of natural ingredients designed to promote focus and cognitive function.</p>
                </div>

                <div class="benefit-card">
                    <div class="benefit-icon">
                        <svg fill="currentColor" viewBox="0 0 20 20">
                            <path fill-rule="evenodd" d="M12.316 3.051a1 1 0 01.633 1.265l-4 12a1 1 0 11-1.898-.632l4-12a1 1 0 011.265-.633zM5.707 6.293a1 1 0 010 1.414L3.414 10l2.293 2.293a1 1 0 11-1.414 1.414l-3-3a1 1 0 010-1.414l3-3a1 1 0 011.414 0zm8.586 0a1 1 0 011.414 0l3 3a1 1 0 010 1.414l-3 3a1 1 0 11-1.414-1.414L16.586 10l-2.293-2.293a1 1 0 010-1.414z" clip-rule="evenodd"></path>
                        </svg>
                    </div>
                    <h3 class="playfair">Superior Balance Support</h3>
                    <p>Maintain a healthy balance system and prevent dizziness with our clinically-researched formula. Stay active without worry.</p>
                </div>

                <div class="benefit-card">
                    <div class="benefit-icon">
                        <svg fill="currentColor" viewBox="0 0 20 20">
                            <path d="M4.561 12.778a5.5 5.5 0 1110.886 0A5.502 5.502 0 0110 15.5a5.502 5.502 0 01-5.439-2.722zM9 13a1 1 0 100-2 1 1 0 000 2zm0-6a3 3 0 100-6 3 3 0 000 6z"></path>
                        </svg>
                    </div>
                    <h3 class="playfair">100% Natural & Safe</h3>
                    <p>Non-GMO, pure ingredients with no dangerous stimulants or toxins. Not habit-forming. Made in the USA in an FDA-approved facility.</p>
                </div>

                <div class="benefit-card">
                    <div class="benefit-icon">
                        <svg fill="currentColor" viewBox="0 0 20 20">
                            <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
                        </svg>
                    </div>
                    <h3 class="playfair">Easy Daily Support</h3>
                    <p>Simple to use - just 2 capsules daily with water. Convenient, effective, and designed to fit seamlessly into your routine.</p>
                </div>
            </div>
        </div>
    </section>

    <section class="ingredients" id="ingredients">
        <div class="container">
            <div class="section-header">
                <h2>Premium Natural Ingredients</h2>
                <p>Each ingredient is carefully selected and sourced from local growers who let plants naturally reach their full maturity.</p>
            </div>

            <div class="ingredients-grid">
                <div class="ingredient-card">
                    <h4>Zinc</h4>
                    <p>Supports immune function</p>
                </div>
                <div class="ingredient-card">
                    <h4>Chromium</h4>
                    <p>Aids metabolic health</p>
                </div>
                <div class="ingredient-card">
                    <h4>Green Tea</h4>
                    <p>Rich in antioxidants</p>
                </div>
                <div class="ingredient-card">
                    <h4>Berberine</h4>
                    <p>Promotes wellness</p>
                </div>
                <div class="ingredient-card">
                    <h4>Resveratrol</h4>
                    <p>Powerful antioxidant</p>
                </div>
                <div class="ingredient-card">
                    <h4>Milk Thistle</h4>
                    <p>Supports liver health</p>
                </div>
                <div class="ingredient-card">
                    <h4>Cayenne</h4>
                    <p>Enhances circulation</p>
                </div>
                <div class="ingredient-card">
                    <h4>Korean Ginseng</h4>
                    <p>Boosts energy</p>
                </div>
                <div class="ingredient-card">
                    <h4>Banaba</h4>
                    <p>Supports balance</p>
                </div>
            </div>

            <div class="ingredients-image">
                <img src="https://d2xsxph8kpxj0f.cloudfront.net/310519663190100212/VLD49mLX4rMJSyxCQ9QZpk/claritox-ingredients-bg-WACy6go56XRiqbEvtALiKK.webp" alt="Natural Ingredients">
            </div>
        </div>
    </section>

    <section class="guarantee" id="guarantee">
        <div class="container">
            <div class="guarantee-box">
                <div class="guarantee-grid">
                    <div class="guarantee-content">
                        <h2>Our Ironclad 60-Day Guarantee</h2>
                        <p>We're so confident that Claritox Pro will work for you that we're putting our money where our mouth is. If you're not completely satisfied with the results, simply contact us within 60 days of your purchase for a full refund.</p>
                        <p class="guarantee-footer">No hidden fees • No subscriptions • No hassle</p>
                    </div>

                    <div class="guarantee-image">
                        <img src="https://images.leadconnectorhq.com/image/f_webp/q_80/r_1200/u_https://assets.cdn.filesafe.space/07mvyFp7rAvY2pdtW7Mx/media/64820abfc46ecb218a23315d.png" alt="Claritox Pro Guarantee">
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="final-cta">
        <div class="container">
            <h2>Ready to Experience the Difference?</h2>
            <p>Join thousands of satisfied customers who have discovered the power of Claritox Pro. Limited availability - order now while supplies last.</p>
            <a href="https://claritox24.com/text.php#aff=LuizGustavo21&cam=" class="btn">Get Claritox Pro Now</a>
            <p class="cta-text">✓ Free Shipping Included • ✓ 60-Day Money-Back Guarantee • ✓ One-Time Payment</p>
        </div>
    </section>

    <footer>
        <div class="container">
            <div class="footer-grid">
                <div class="footer-section">
                    <h4>About</h4>
                    <ul>
                        <li><a href="#">About Us</a></li>
                        <li><a href="#">Contact</a></li>
                    </ul>
                </div>
                <div class="footer-section">
                    <h4>Legal</h4>
                    <ul>
                        <li><a href="#">Privacy Policy</a></li>
                        <li><a href="#">Terms of Use</a></li>
                        <li><a href="#">Disclaimer</a></li>
                    </ul>
                </div>
                <div class="footer-section">
                    <h4>Policies</h4>
                    <ul>
                        <li><a href="#">Refund Policy</a></li>
                        <li><a href="#">Shipping Policy</a></li>
                    </ul>
                </div>
                <div class="footer-section">
                    <h4>Product</h4>
                    <ul>
                        <li><a href="#benefits">Benefits</a></li>
                        <li><a href="#ingredients">Ingredients</a></li>
                    </ul>
                </div>
            </div>

            <div class="footer-bottom">
                <p>© 2026 Claritox Pro. All Rights Reserved. | These statements have not been evaluated by the FDA. This product is not intended to diagnose, treat, cure, or prevent any disease.</p>
            </div>
        </div>
    </footer>

    <script>
        window.addEventListener('scroll', function( ) {
            const header = document.getElementById('header');
            if (window.scrollY > 50) {
                header.classList.add('scrolled');
            } else {
                header.classList.remove('scrolled');
            }
        });

        document.querySelectorAll('a[href^="#"]').forEach(anchor => {
            anchor.addEventListener('click', function (e) {
                const href = this.getAttribute('href');
                if (href !== '#') {
                    e.preventDefault();
                    const target = document.querySelector(href);
                    if (target) {
                        target.scrollIntoView({
                            behavior: 'smooth',
                            block: 'start'
                        });
                    }
                }
            });
        });
    </script>
</body>
</html>/* End custom CSS */