<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>
        Gfxlovers.com    </title>
    <style>
        @import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&display=swap');

        :root {
            --primary-color: #2A9D8F;
            --secondary-color: #E9C46A;
            --accent-color: #E76F51;
            --background-color: #F4F1DE;
            --text-color: #264653;
            --white: #ffffff;
            --shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
            --transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            scroll-behavior: smooth;
        }

        body {
            font-family: 'Outfit', sans-serif;
            background-color: var(--background-color);
            color: var(--text-color);
            line-height: 1.6;
            overflow-x: hidden;
        }

        /* Navigation */
        nav {
            position: fixed;
            top: 0;
            width: 100%;
            height: 80px;
            display: flex;
            justify-content: center;
            align-items: center;
            background: rgba(244, 241, 222, 0.8);
            backdrop-filter: blur(10px);
            z-index: 1000;
            transition: var(--transition);
            box-shadow: none;
        }

        nav.scrolled {
            height: 60px;
            background: var(--white);
            box-shadow: var(--shadow);
        }

        nav ul {
            display: flex;
            list-style: none;
            gap: 30px;
        }

        nav ul li a {
            text-decoration: none;
            color: var(--text-color);
            font-weight: 600;
            font-size: 0.9rem;
            text-transform: uppercase;
            letter-spacing: 1px;
            position: relative;
            padding: 5px 0;
            transition: var(--transition);
        }

        nav ul li a::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 0;
            height: 2px;
            background: var(--accent-color);
            transition: var(--transition);
        }

        nav ul li a:hover::after,
        nav ul li a.active::after {
            width: 100%;
        }

        nav ul li a:hover {
            color: var(--accent-color);
        }

        /* Layout Structure */
        .page-wrapper {
            max-width: 1400px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: 1fr 300px;
            gap: 40px;
            padding: 100px 40px 40px;
        }

        main {
            min-width: 0;
        }

        aside {
            position: sticky;
            top: 100px;
            height: fit-content;
            background: var(--white);
            padding: 30px;
            border-radius: 20px;
            box-shadow: var(--shadow);
        }

        /* Sections */
        section {
            padding: 100px 0;
            opacity: 0;
            transform: translateY(50px);
            transition: all 0.8s ease-out;
        }

        section.visible {
            opacity: 1;
            transform: translateY(0);
        }

        h2 {
            font-size: 3rem;
            margin-bottom: 30px;
            color: var(--text-color);
            font-weight: 800;
            line-height: 1.1;
        }

        .hero {
            height: 80vh;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: flex-start;
            background: linear-gradient(rgba(38, 70, 83, 0.4), rgba(38, 70, 83, 0.4)), url('assets/hero.jpg');
            background-size: cover;
            background-position: center;
            border-radius: 30px;
            padding: 60px;
            color: var(--white);
            margin-bottom: 50px;
        }

        .hero h1 {
            font-size: 5rem;
            margin-bottom: 20px;
            font-weight: 800;
        }

        .hero p {
            font-size: 1.5rem;
            max-width: 600px;
            margin-bottom: 30px;
        }

        .btn {
            padding: 15px 40px;
            background: var(--accent-color);
            color: var(--white);
            text-decoration: none;
            border-radius: 50px;
            font-weight: 600;
            transition: var(--transition);
            border: none;
            cursor: pointer;
            display: inline-block;
        }

        .btn:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 20px rgba(231, 111, 81, 0.3);
            background: #d65d41;
        }

        /* Cards & Content */
        .content-block {
            background: var(--white);
            padding: 50px;
            border-radius: 25px;
            margin-bottom: 40px;
            box-shadow: var(--shadow);
            transition: var(--transition);
        }

        .content-block:hover {
            transform: scale(1.02);
        }

        .img-container {
            width: 100%;
            height: 400px;
            border-radius: 20px;
            overflow: hidden;
            margin-bottom: 30px;
            position: relative;
        }

        .img-container img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 1s ease;
        }

        .img-container:hover img {
            transform: scale(1.1);
        }

        /* Statistics */
        .stats-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 20px;
            margin-top: 40px;
        }

        .stat-card {
            background: var(--primary-color);
            color: var(--white);
            padding: 30px;
            border-radius: 20px;
            text-align: center;
        }

        .stat-number {
            font-size: 2.5rem;
            font-weight: 800;
            display: block;
        }

        .chart-container {
            margin-top: 40px;
            height: 200px;
            width: 100%;
            background: rgba(42, 157, 143, 0.1);
            border-radius: 20px;
            padding: 20px;
            display: flex;
            align-items: flex-end;
            gap: 10px;
        }

        .chart-bar {
            flex: 1;
            background: var(--primary-color);
            border-radius: 5px 5px 0 0;
            transition: height 1.5s ease;
            height: 0;
        }

        /* Reviews */
        .reviews-container {
            display: flex;
            gap: 20px;
            overflow-x: auto;
            padding-bottom: 20px;
            scrollbar-width: none;
        }

        .review-card {
            min-width: 350px;
            background: var(--white);
            padding: 40px;
            border-radius: 25px;
            box-shadow: var(--shadow);
        }

        .stars {
            color: var(--secondary-color);
            margin-bottom: 15px;
            font-size: 1.2rem;
        }

        .review-name {
            font-weight: 800;
            margin-top: 20px;
            display: block;
        }

        /* Form */
        .form-group {
            margin-bottom: 20px;
        }

        .form-group label {
            display: block;
            margin-bottom: 8px;
            font-weight: 600;
        }

        .form-group input,
        .form-group textarea {
            width: 100%;
            padding: 15px;
            border: 2px solid #eee;
            border-radius: 12px;
            font-family: inherit;
            transition: var(--transition);
        }

        .form-group input:focus,
        .form-group textarea:focus {
            outline: none;
            border-color: var(--primary-color);
        }

        .messages .alert {
            padding: 15px;
            background: var(--primary-color);
            color: var(--white);
            border-radius: 12px;
            margin-bottom: 20px;
        }

        /* Right Sidebar Styling */
        .sidebar-widget {
            margin-bottom: 30px;
        }

        .sidebar-widget h3 {
            font-size: 1.2rem;
            margin-bottom: 15px;
            border-bottom: 2px solid var(--secondary-color);
            padding-bottom: 5px;
        }

        .sidebar-widget ul {
            list-style: none;
        }

        .sidebar-widget ul li {
            margin-bottom: 10px;
            font-size: 0.9rem;
        }

        /* Footer */
        footer {
            text-align: center;
            padding: 40px;
            background: var(--text-color);
            color: var(--white);
            margin-top: 100px;
        }

        @media (max-width: 1024px) {
            .page-wrapper {
                grid-template-columns: 1fr;
            }

            aside {
                position: static;
            }
        }
    </style>
</head>

<body>

    <nav id="navbar">
        <ul>
            <li><a href="#about">About</a></li>
            <li><a href="#services">Services</a></li>
            <li><a href="#reviews">Reviews</a></li>
            <li><a href="#statistics">Statistics</a></li>
            <li><a href="#privacy-policy">Privacy</a></li>
            <li><a href="#disclaimer">Disclaimer</a></li>
            <li><a href="#contact">Contact</a></li>
            <li><a href="#unsubscribe">Unsubscribe</a></li>
        </ul>
    </nav>

    <div class="page-wrapper">
        <main>
            <section id="about" class="hero">
                <h1>Beyond the Horizon</h1>
                <p>Global Adventure Expeditions: Crafting extraordinary journeys for the modern pathfinder.</p>
                <a href="#services" class="btn">Discover Expeditions</a>
            </section>

            <section id="services">
                <div class="content-block">
                    <h2>Uncharted Services</h2>
                    <div class="img-container">
                        <img src="assets/services.jpg"
                            alt="A high-tech adventure gear set including a carbon-fiber backpack, a holographic GPS device, and a titanium water bottle, all arranged on a rustic wooden table. In the background, a large window reveals a lush tropical rainforest. Sharp focus, natural lighting, premium feel, no women.">
                    </div>
                    <p>Our expeditions are designed to push the boundaries of travel. From autonomous glider tours over
                        high-altitude glaciers to deep-sea eco-pod explorations, we provide the tech and the expertise
                        for the ultimate adventure.</p>
                    <p>We specialize in low-impact, high-reward experiences that connect you with the most remote
                        corners of our planet while maintaining the highest standards of luxury and safety.</p>
                </div>

                <div class="content-block">
                    <h2>Advanced Gear & tech</h2>
                    <div class="img-container">
                        <img src="assets/about.jpg"
                            alt="A fleet of three sleek, metallic autonomous all-terrain vehicles with glowing blue accents navigating across vast, rippling sand dunes of a golden desert at sunset. Long shadows, dramatic lighting, science fiction style, highly detailed, no people.">
                    </div>
                    <p>Equipped with the latest in sustainable exploration technology, our fleet of solar-hybrid
                        vehicles and smart-glass shelters ensures that your presence is as light as a whisper on the
                        wind.</p>
                </div>
            </section>

            <section id="reviews">
                <h2>Navigator Testimonials</h2>
                <div class="reviews-container">
                    <div class="review-card">
                        <div class="stars">★★★★★</div>
                        <p>"The solar-glider flight over the Andes was life-changing. Everything was handled with such
                            precision and care for the environment."</p>
                        <span class="review-name">Marcus Thorne</span>
                    </div>
                    <div class="review-card">
                        <div class="stars">★★★★★</div>
                        <p>"I've never felt so connected to nature while having access to such incredible technology. An
                            experience beyond comparison."</p>
                        <span class="review-name">Elena Vance</span>
                    </div>
                    <div class="review-card">
                        <div class="stars">★★★★★</div>
                        <p>"Global Adventure Expeditions is the gold standard for modern exploration. Their attention to
                            detail is simply unmatched."</p>
                        <span class="review-name">Julian Reed</span>
                    </div>
                </div>
            </section>

            <section id="statistics">
                <div class="content-block">
                    <h2>Expedition Metrics</h2>
                    <div class="img-container">
                        <img src="assets/reviews.jpg"
                            alt="An architectural shot of a cozy, modern eco-lodge cabin made of sustainable wood and glass, nestled deep within a thick snowy pine forest. Warm golden light glows from the large windows. Pristine snow, peaceful atmosphere, high-end photography, no people.">
                    </div>
                    <p>Our commitment to excellence is reflected in our growing numbers. We monitor every mile and every
                        smile to ensure our impact remains positive and our adventures remain legendary.</p>
                    <div class="stats-grid">
                        <div class="stat-card">
                            <span class="stat-number" data-target="12500">0</span>
                            <p>Miles Explored</p>
                        </div>
                        <div class="stat-card">
                            <span class="stat-number" data-target="48">0</span>
                            <p>Destinations</p>
                        </div>
                        <div class="stat-card">
                            <span class="stat-number" data-target="98">0</span>%
                            <p>Eco-Rating</p>
                        </div>
                    </div>
                    <div class="chart-container" id="stat-chart">
                        <div class="chart-bar" style="--h: 60%"></div>
                        <div class="chart-bar" style="--h: 80%"></div>
                        <div class="chart-bar" style="--h: 40%"></div>
                        <div class="chart-bar" style="--h: 90%"></div>
                        <div class="chart-bar" style="--h: 70%"></div>
                    </div>
                </div>
            </section>

            <section id="privacy-policy">
                <div class="content-block">
                    <h2>Privacy Policy</h2>
                    <p>This Privacy Policy explains our policy regarding the privacy of information supplied by users or
                        collected by us from users of this web site or from other third parties. Because we want to
                        build users' trust and confidence in our privacy practices, we want to disclose them to you.</p>

                    <p><b>Changes in this Privacy Statement</b></p>
                    <p>If we decide to change our privacy policy, we will post those changes to this privacy statement,
                        the home page, and other places we deem appropriate so that you are aware of what information we
                        collect, how we use it, and under what circumstances, if any, we disclose it.
                        We reserve the right to modify this privacy statement at any time, so please review it
                        frequently. If we make material changes to this policy, we will notify you here, by email, or by
                        means of a notice on our home page.</p>

                    <p><b>Registration Newsletter/ Frequency of Mailings</b></p>
                    <p>By registering to our newsletter, you are agreeing to receive our newsletters on a daily basis.
                        <b>
                            Gfxlovers.com                        </b> has the right to change frequency of delivery of its newsletters without notice.</p>

                    <p><b>Collection and Use of information</b></p>
                    <p>We respect your right to privacy. <b>
                            Gfxlovers.com                        </b> received your information from your submission to us or through one of our affiliates.
                        Gfxlovers.com is the owner of the information that you provided in any
                        registration process. Your email address and any other identifying information that you give us
                        will not be revealed to any third party, including any of the direct marketers who may use us to
                        pass offers to you.
                    </p>

                    <p>We use the information that you provided primarily to send you our newsletters. Moreover, the
                        information subscribers give us is sometimes used to send prizes, verify legal age, and to send
                        third-party mailings based on the interests that each individual subscriber has opted-in for. We
                        may also collect and report to third parties (such as affiliates, content and service providers,
                        and advertisers) aggregated information from our web site. For example, we may aggregate and
                        report to third parties that X people purchased a particular product during a month, or that Y%
                        of visitors to this web site are between the ages 25-34.</p>

                    <p>From time to time, we may provide you the opportunity to participate in contests or surveys on
                        our site. If you participate, we will request certain personally identifiable information from
                        you. Participation in these surveys or contests is completely voluntary and you, therefore, have
                        a choice whether or not to disclose this information. The requested information typically
                        includes contact information (such as name and shipping address), and demographic information
                        (such as zip code).</p>

                    <p>As is true of most web sites, we also gather certain information automatically and store it in
                        log files. This information includes internet protocol (IP) addresses, browser type, internet
                        service provider (ISP), referring/exit pages, operating system, date/time stamp, and click
                        stream data. We use this information, which does not identify individual users, to analyze
                        trends, to administer the site, to track users' movements around the site and to gather
                        demographic information about our user base as a whole. We do link this automatically-collected
                        data to personally identifiable information like IP addresses and email addresses. However, this
                        is solely for internal uses and used to verify appropriate registration methods.</p>

                    <p>Finally, <b>
                            Gfxlovers.com                        </b> may disclose subscriber information in response to subpoenas, court orders, and other legal
                        processes.</p>

                    <p><b>Children</b></p>
                    <p>We are committed to the safety of children and do not intend to collect personally identifiable
                        information from children under age 18. If you are under age 18, please ask your parent for
                        permission before sending any information to our site or anyone else online. Have your parent
                        contact us as indicated below in order to provide us with prior written consent. We will not
                        intentionally use personal information from or send marketing communications to children under
                        age 13 without prior parental consent.</p>

                    <p><b>Cookies</b></p>
                    <p>A cookie is a small text file that is stored on a user's computer for record-keeping purposes. We
                        do not use cookies on this site. This privacy statement covers the use of cookies by this site
                        only and does not cover the use of cookies by any advertisers.</p>

                    <p><b>Aggregate Information (non-personally identifiable)</b></p>
                    <p>We maintain the right to share aggregated demographic information about our subscriber base with
                        our partners and advertisers. This information does not identify individual subscribers. We do
                        not link aggregate user data with personally identifiable information.</p>

                    <p><b>Third-Party Links</b></p>
                    <p>For your convenience, our newsletter contains links to third-party web sites that are not owned
                        or controlled by us. We are not responsible for the privacy practices of these other web sites.
                        We encourage you to note when you follow links in our newsletters and to read the privacy
                        statements of these other web sites. We encourage you to be aware when you leave our newsletter
                        and to read the privacy statements of each and every web site that collects personally
                        identifiable information. This Privacy Policy applies solely to information collected by
                        Gfxlovers.com                    </p>

                    <p><b>Security</b></p>
                    <p>We use certain efforts to secure our web site. We will periodically review our security policies
                        and implement changes from time to time. However, we cannot and do not guarantee complete
                        security, as it does not exist on the Internet. If you have any questions about security on our
                        web site, you can send an email</p>

                    <p><b>Business Transitions</b></p>
                    <p>In the event <b>
                            Gfxlovers.com                        </b> goes through a business transition, such as a merger, acquisition by another company, or
                        sale of all or a portion of its assets, your personally identifiable information will likely be
                        among the assets transferred. You will be notified via prominent notice on our web site prior to
                        any such change in ownership or control of your personal information.</p>

                    <p><b>Choice/Opt-out</b></p>
                    <p>If you no longer wish to receive our newsletter and promotional communications, you may opt-out
                        of receiving them by following the instructions included in each newsletter or communication or
                        by emailing us</p>

                    <p><b>Acceptance of Terms</b></p>
                    <p>By subscribing to our newsletter, you agree to the Privacy Policy. If you do not agree to this
                        policy, please do not subscribe to our newsletters. We reserve the right, at our discretion, to
                        change, modify, add, or remove portions of this policy at any time. All Privacy Policy changes
                        will take effect immediately upon their posting on the site. Please check this page periodically
                        for changes.</p>

                    <p><b>Contact Us</b></p>
                    <p>If you have any questions or suggestions regarding our privacy policy, please contact us</p>
                </div>
            </section>

            <section id="disclaimer">
                <div class="content-block">
                    <h2>Disclaimer</h2>
                    <p><b>
                            Gfxlovers.com                        </b> serves as an informational service only. The inclusion of a link on this web site does not
                        imply
                        Gfxlovers.com endorsement of the linked site nor does
                        Gfxlovers.com accept any responsibility for the content, or the use, of such
                        site.
                    </p>

                    <p> <b>
                            Gfxlovers.com                        </b> is not responsible for the offers or goods supplied by vendors. <b>
                            Gfxlovers.com                        </b> has no control over the legality of any coupons or other offers made by vendors, the
                        ability of any of the vendors to complete the sales or transactions in accordance with the
                        offers, or the quality of the goods offered by the vendors. In the event you have a dispute with
                        a vendor in any way relating to this site or the use
                        of information from this site, you agree to waive and release <b>
                            Gfxlovers.com                        </b> from any and all claims, demands, actions, damages (actual and consequential), losses,
                        costs and expenses of every kind and nature, known and unknown, disclosed and undisclosed
                        relating to that dispute.</p>

                    <p>It is your responsibility to verify independently that any merchant you are doing business with
                        is legitimate and reputable. Before participating in any specific offers and/or promotions,
                        please analyze the details and conditions of the offer including the fine print. Any access to
                        or use of this site shall be deemed your agreement to and approval of all the above terms and
                        conditions.</p>

                    <p><b>
                            Gfxlovers.com                        </b> and the <b>
                            Gfxlovers.com                        </b> service, and all materials and information contained on it, and any services or products
                        provided through it are provided "AS IS" without warranties of any kind, express or implied,
                        INCLUDING WITHOUT LIMITATION THE IMPLIED WARRANTY OF MERCHANTABILITY, fitness for a particular
                        purpose, expectation of privacy (unless discussed on our Privacy Policy) or non-infringement.
                        any warranty for information.</p>

                    <p><b>
                            Gfxlovers.com                        </b> is not responsible for any damages, including without limitation, any special, indirect,
                        incidental or consequential damages, that may arise from any use of, inability to use, or
                        reliance on the site and/or the materials contained on the site whether the materials contained
                        on the site are provided by the <b>
                            Gfxlovers.com                        </b>, or a third party.</p>

                    <p>The above disclaimer of liability applies to any damages or injury caused by any error, omission,
                        deletion, defect, interruption, failure of performance, delay in operation or transmission,
                        computer virus, communication line failure, theft or destruction or unauthorized access to,
                        alteration of, or use of record, whether for breach of contract, negligence, tortious behavior,
                        or under any other cause of action.</p>

                    <p>Information on this web site may contain technical inaccuracies or typographical errors. <b>
                            Gfxlovers.com                        </b> may make updates, improvements and/or changes in the products and/or information described
                        at any time without notice. <b>
                            Gfxlovers.com                        </b> does not guarantee the accuracy or completeness of the information contained in this site.
                        This site contains links to sites which are not maintained by <b>
                            Gfxlovers.com                        </b> .
                        We are not responsible and have no control over the content of those sites nor do we guarantee
                        the content of such sites. All products, services, and deals mentioned by this site are provided
                        by third parties and are subject to change without notice and are subject to restrictions,
                        limitations, availability, conditions, and qualifications.</p>
                </div>
            </section>

            <section id="contact">
                <div class="content-block">
                    <h2>Connect With Us</h2>
                    <form id="contact-form" class="form">
                        <div class="form-group">
                            <label for="name">Full Name</label>
                            <input type="text" id="name" required placeholder="John Doe">
                        </div>
                        <div class="form-group">
                            <label for="email">Email Address</label>
                            <input type="email" id="email" required placeholder="john@example.com">
                        </div>
                        <div class="form-group">
                            <label for="message">Message</label>
                            <textarea id="message" rows="5" required placeholder="Your quest starts here..."></textarea>
                        </div>
                        <button type="submit" class="btn">Send Mission Brief</button>
                    </form>
                </div>
            </section>

            <section id="unsubscribe">
                <div class="content-block">
                    <h2>Unsubscribe</h2>
                    <p>If you wish to stop receiving updates about our future expeditions, please enter your email
                        below.</p>
                    <form class="form" id="unsubscribe-form" method="POST" action="">
                        <div class="messages">
                                                    </div>
                        <div class="form-group">
                            <label for="unsub-email">Email Address</label>
                            <input type="email" id="unsub-email" name="email" required
                                value=""
                                placeholder="email@example.com">
                        </div>
                        <button type="submit" class="btn">Confirm Unsubscribe</button>
                    </form>
                </div>
            </section>
        </main>

        <aside>
            <div class="sidebar-widget">
                <h3>Mission Log</h3>
                <ul>
                    <li>Expedition #24: Amazon Canopy</li>
                    <li>Expedition #25: Sahara Night</li>
                    <li>Expedition #26: Arctic Silent</li>
                </ul>
            </div>
            <div class="sidebar-widget">
                <h3>Gear Essentials</h3>
                <ul>
                    <li>Smart-Glass Visor</li>
                    <li>Eco-Pod Shelter</li>
                    <li>Bio-Metric Tracker</li>
                </ul>
            </div>
            <div class="sidebar-widget">
                <h3>Latest Feed</h3>
                <p style="font-size: 0.85rem; color: #666;">Our solar-gliders just reached a record altitude of 30,000ft
                    using purely renewable energy.</p>
            </div>
        </aside>
    </div>

    <footer>
        &copy;
        2026        Gfxlovers.com All Rights Reserved.
    </footer>

    <script>
        // Navbar scroll effect
        window.addEventListener('scroll', () => {
            const nav = document.getElementById('navbar');
            if (window.scrollY > 50) {
                nav.classList.add('scrolled');
            } else {
                nav.classList.remove('scrolled');
            }

            // Active link highlighting
            const sections = document.querySelectorAll('section');
            const navLinks = document.querySelectorAll('nav ul li a');

            let current = '';
            sections.forEach(section => {
                const sectionTop = section.offsetTop;
                if (pageYOffset >= sectionTop - 100) {
                    current = section.getAttribute('id');
                }
            });

            navLinks.forEach(link => {
                link.classList.remove('active');
                if (link.getAttribute('href').includes(current)) {
                    link.classList.add('active');
                }
            });
        });

        // Intersection Observer for section animations
        const observerOptions = {
            threshold: 0.2
        };

        const observer = new IntersectionObserver((entries) => {
            entries.forEach(entry => {
                if (entry.isIntersecting) {
                    entry.target.classList.add('visible');

                    // Trigger counters if it's the statistics section
                    if (entry.target.id === 'statistics') {
                        startCounters();
                        animateChart();
                    }
                }
            });
        }, observerOptions);

        document.querySelectorAll('section').forEach(section => {
            observer.observe(section);
        });

        // Counter Animation
        function startCounters() {
            const counters = document.querySelectorAll('.stat-number');
            counters.forEach(counter => {
                const target = +counter.getAttribute('data-target');
                const count = +counter.innerText;
                const increment = target / 100;

                if (count < target) {
                    counter.innerText = Math.ceil(count + increment);
                    setTimeout(() => startCounters(), 20);
                } else {
                    counter.innerText = target;
                }
            });
        }

        // Chart Animation
        function animateChart() {
            const bars = document.querySelectorAll('.chart-bar');
            bars.forEach(bar => {
                const h = bar.style.getPropertyValue('--h');
                bar.style.height = h;
            });
        }

        // Contact Form Validation
        document.getElementById('contact-form').addEventListener('submit', function (e) {
            e.preventDefault();
            const btn = this.querySelector('button');
            const originalText = btn.innerText;
            btn.innerText = 'Transmitting...';
            btn.disabled = true;

            setTimeout(() => {
                alert('Mission Brief Received. Our team will contact you shortly.');
                btn.innerText = originalText;
                btn.disabled = false;
                this.reset();
            }, 1500);
        });

        // Redirect/Scroll behavior from path
        window.addEventListener('load', function () {
            const section = window.location.pathname.replace('/', '');
            if (section) {
                const el = document.getElementById(section);
                if (el) el.scrollIntoView({ behavior: 'smooth' });
            }
        });
    </script>
</body>

</html>