<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>
        Soundsgoodtometoo.com    </title>
    <style>
        :root {
            --primary-color: #2b5876;
            --secondary-color: #4e4376;
            --accent-color: #ff9a9e;
            --background-color: #f0f4f8;
            --text-color: #2d3436;
            --sidebar-width: 300px;
            --nav-height: 80px;
            --transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            scroll-behavior: smooth;
        }

        body {
            font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
            background-color: var(--background-color);
            color: var(--text-color);
            line-height: 1.7;
            overflow-x: hidden;
        }

        /* Layout with Right Sidebar */
        .main-wrapper {
            display: flex;
            margin-top: var(--nav-height);
        }

        main {
            flex: 1;
            padding: 40px;
            max-width: calc(100% - var(--sidebar-width));
        }

        aside {
            width: var(--sidebar-width);
            height: calc(100vh - var(--nav-height));
            position: sticky;
            top: var(--nav-height);
            background: #fff;
            padding: 30px;
            border-left: 1px solid rgba(0, 0, 0, 0.05);
            overflow-y: auto;
            display: flex;
            flex-direction: column;
            gap: 30px;
        }

        /* Navigation Bar */
        nav {
            position: fixed;
            top: 0;
            width: 100%;
            height: var(--nav-height);
            background: rgba(255, 255, 255, 0.8);
            backdrop-filter: blur(15px);
            -webkit-backdrop-filter: blur(15px);
            z-index: 1000;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 0 5%;
            transition: var(--transition);
        }

        nav.scrolled {
            height: 65px;
            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
            background: rgba(255, 255, 255, 0.95);
        }

        .logo {
            font-weight: 900;
            font-size: 1.5rem;
            color: var(--primary-color);
            letter-spacing: -1px;
        }

        .nav-links {
            display: flex;
            gap: 20px;
        }

        .nav-links a {
            text-decoration: none;
            color: var(--text-color);
            font-size: 0.85rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 1px;
            position: relative;
            padding: 5px 0;
            transition: var(--transition);
        }

        .nav-links a::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 0;
            height: 2px;
            background: var(--primary-color);
            transition: var(--transition);
        }

        .nav-links a:hover::after,
        .nav-links a.active::after {
            width: 100%;
        }

        /* Hero Section */
        #hero {
            height: 100vh;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            text-align: center;
            background: linear-gradient(rgba(43, 88, 118, 0.8), rgba(78, 67, 118, 0.8)), url('assets/mountain_hero.jpg');
            background-size: cover;
            background-position: center;
            background-attachment: fixed;
            color: #fff;
            margin-top: calc(-1 * var(--nav-height));
            padding: 0 10%;
        }

        #hero h1 {
            font-size: 5rem;
            font-weight: 900;
            margin-bottom: 20px;
            transform: translateY(50px);
            opacity: 0;
            animation: slideUp 1s forwards 0.5s;
        }

        #hero p {
            font-size: 1.5rem;
            max-width: 800px;
            transform: translateY(50px);
            opacity: 0;
            animation: slideUp 1s forwards 0.8s;
        }

        @keyframes slideUp {
            to {
                transform: translateY(0);
                opacity: 1;
            }
        }

        /* General Section Styles */
        section {
            padding: 100px 0;
            opacity: 0;
            transform: translateY(40px);
            transition: opacity 0.8s ease, transform 0.8s ease;
        }

        section.visible {
            opacity: 1;
            transform: translateY(0);
        }

        .section-title {
            font-size: 3rem;
            font-weight: 800;
            margin-bottom: 50px;
            position: relative;
            padding-bottom: 15px;
        }

        .section-title::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 60px;
            height: 5px;
            background: var(--primary-color);
        }

        /* About & Services Grid */
        .grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 30px;
        }

        .card {
            background: #fff;
            padding: 40px;
            border-radius: 20px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
            transition: var(--transition);
        }

        .card:hover {
            transform: translateY(-10px);
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
        }

        .card img {
            width: 100%;
            border-radius: 12px;
            margin-bottom: 20px;
            transition: transform 0.5s ease;
        }

        .card:hover img {
            transform: scale(1.05);
        }

        /* Reviews Carousel */
        .reviews-wrapper {
            display: flex;
            overflow-x: auto;
            gap: 30px;
            padding: 20px 0;
            scroll-snap-type: x mandatory;
        }

        .review-card {
            flex: 0 0 400px;
            background: #fff;
            padding: 30px;
            border-radius: 15px;
            scroll-snap-align: center;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
        }

        .stars {
            color: #f1c40f;
            font-size: 1.2rem;
            margin-bottom: 10px;
        }

        /* Statistics */
        .stats-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 30px;
            text-align: center;
        }

        .stat-number {
            font-size: 4rem;
            font-weight: 900;
            color: var(--primary-color);
            display: block;
        }

        #chartCanvas {
            max-width: 100%;
            height: 300px;
            margin-top: 50px;
        }

        /* Forms */
        .form-group {
            margin-bottom: 25px;
        }

        label {
            display: block;
            font-weight: 700;
            margin-bottom: 10px;
            font-size: 0.9rem;
            text-transform: uppercase;
        }

        input,
        textarea {
            width: 100%;
            padding: 15px;
            border: 2px solid #eee;
            border-radius: 10px;
            font-family: inherit;
            transition: var(--transition);
        }

        input:focus,
        textarea:focus {
            outline: none;
            border-color: var(--primary-color);
        }

        .btn {
            background: var(--primary-color);
            color: #fff;
            padding: 15px 40px;
            border: none;
            border-radius: 10px;
            font-weight: 700;
            cursor: pointer;
            text-transform: uppercase;
            letter-spacing: 1px;
            transition: var(--transition);
        }

        .btn:hover {
            background: var(--secondary-color);
            transform: translateY(-3px);
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
        }

        .alert {
            padding: 15px;
            background: #ecf0f1;
            border-left: 5px solid var(--primary-color);
            margin-bottom: 20px;
        }

        /* Sidebar Widgets */
        .widget {
            border-bottom: 1px solid #eee;
            padding-bottom: 20px;
        }

        .widget h4 {
            font-weight: 800;
            margin-bottom: 15px;
            font-size: 1.1rem;
        }

        /* Footer */
        footer {
            padding: 40px;
            text-align: center;
            background: #2c3e50;
            color: #fff;
            font-size: 0.9rem;
        }

        @media (max-width: 1024px) {
            main {
                max-width: 100%;
            }

            aside {
                display: none;
            }

            #hero h1 {
                font-size: 3rem;
            }
        }
    </style>
</head>

<body>

    <nav id="navbar">
        <div class="logo">MNTN-XP</div>
        <div class="nav-links">
            <a href="#about">About</a>
            <a href="#services">Services</a>
            <a href="#reviews">Reviews</a>
            <a href="#statistics">Statistics</a>
            <a href="#privacy-policy">Privacy</a>
            <a href="#disclaimer">Disclaimer</a>
            <a href="#contact">Contact</a>
            <a href="#unsubscribe">Unsubscribe</a>
        </div>
    </nav>

    <div class="main-wrapper">
        <main>
            <div id="hero">
                <h1>Mountain Expeditions</h1>
                <p>Ascend beyond your limits. Experience the world's most breathtaking peaks with expert-led technical
                    mountaineering teams.</p>
            </div>

            <section id="about">
                <h2 class="section-title">The Call of the Wild</h2>
                <div class="grid">
                    <div class="card">
                        <img src="assets/base-camp.jpg"
                            alt="A secluded high-altitude base camp with colorful tents nestled between towering granite peaks under a starry night sky, professional outdoor photography, ultra-detailed">
                        <h3>Our Philosophy</h3>
                        <p>We believe that mountaineering is more than just reaching the summit; it's about the
                            transformation that occurs within the climber. Our expeditions are designed to provide
                            profound personal growth through managed adversity.</p>
                    </div>
                    <div class="card">
                        <h3>Technical Mastery</h3>
                        <p>With over 20 years of experience on 8,000-meter peaks, our lead guides possess the technical
                            depth and tactical awareness required to navigate the most complex alpine environments
                            safely.</p>
                    </div>
                </div>
            </section>

            <section id="services">
                <h2 class="section-title">Peak Mastery Services</h2>
                <div class="grid">
                    <div class="card">
                        <h3>High-Altitude Logistics</h3>
                        <p>Full-spectrum support for remote mountain operations, including sherpa coordination, oxygen
                            management, and satellite communication networks.</p>
                    </div>
                    <div class="card">
                        <img src="assets/climbing-team.jpg"
                            alt="A team of rope-connected climbers traversing a sharp snowy ridge line with deep blue glacial shadows and bright white sun glare, cinematic wide-angle shot">
                        <h3>Technical Training</h3>
                        <p>Instruction in ice climbing, crevasse rescue, and metabolic efficiency training tailored
                            specifically for high-altitude endurance.</p>
                    </div>
                </div>
            </section>

            <section id="reviews">
                <h2 class="section-title">Expedition Reports</h2>
                <div class="reviews-wrapper">
                    <div class="review-card">
                        <div class="stars">★★★★★</div>
                        <p>"The Ama Dablam expedition was life-changing. Every technical detail was handled with
                            precision, allowing me to focus entirely on the climb."</p>
                        <h4>— Mark Harrison</h4>
                    </div>
                    <div class="review-card">
                        <div class="stars">★★★★★</div>
                        <p>"Unparalleled safety protocols. I never felt compromised, even in the most exposed sections
                            of the Khumbu Icefall."</p>
                        <h4>— Julian Thorne</h4>
                    </div>
                    <div class="review-card">
                        <div class="stars">★★★★★</div>
                        <p>"The metabolic training program they provided prior to departure made an incredible
                            difference in my recovery at Camp 4."</p>
                        <h4>— Sarah Vance</h4>
                    </div>
                </div>
            </section>

            <section id="statistics">
                <h2 class="section-title">Data At Altitude</h2>
                <div class="stats-grid">
                    <div class="stat-item">
                        <span class="stat-number" data-target="152">0</span>
                        <p>Summits Successfully Reached</p>
                    </div>
                    <div class="stat-item">
                        <span class="stat-number" data-target="98">0</span>
                        <p>Success Rate (%)</p>
                    </div>
                    <div class="stat-item">
                        <span class="stat-number" data-target="25000">0</span>
                        <p>Vertical Meters Gained</p>
                    </div>
                </div>
                <canvas id="chartCanvas"></canvas>
            </section>

            <section id="privacy-policy">
                <h2 class="section-title">Privacy Policy</h2>
                <div class="content-block">
                    <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>
                            Soundsgoodtometoo.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>
                            Soundsgoodtometoo.com                        </b> received your information from your submission to us or through one of our affiliates.
                        Soundsgoodtometoo.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>
                            Soundsgoodtometoo.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
                        Soundsgoodtometoo.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>
                            Soundsgoodtometoo.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">
                <h2 class="section-title">Disclaimer</h2>
                <div class="content-block">
                    <p><b>
                            Soundsgoodtometoo.com                        </b> serves as an informational service only. The inclusion of a link on this web site does not
                        imply
                        Soundsgoodtometoo.com endorsement of the linked site nor does
                        Soundsgoodtometoo.com accept any responsibility for the content, or the use, of such
                        site.
                    </p>

                    <p> <b>
                            Soundsgoodtometoo.com                        </b> is not responsible for the offers or goods supplied by vendors. <b>
                            Soundsgoodtometoo.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>
                            Soundsgoodtometoo.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>
                            Soundsgoodtometoo.com                        </b> and the <b>
                            Soundsgoodtometoo.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>
                            Soundsgoodtometoo.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>
                            Soundsgoodtometoo.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>
                            Soundsgoodtometoo.com                        </b> may make updates, improvements and/or changes in the products and/or information described
                        at any time without notice. <b>
                            Soundsgoodtometoo.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>
                            Soundsgoodtometoo.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">
                <h2 class="section-title">Expedition Inquiry</h2>
                <div class="card">
                    <form id="contactForm">
                        <div class="form-group">
                            <label>Name</label>
                            <input type="text" id="name" placeholder="Full Name" required>
                        </div>
                        <div class="form-group">
                            <label>Email</label>
                            <input type="email" id="email" placeholder="Email Address" required>
                        </div>
                        <div class="form-group">
                            <label>Expedition Interest</label>
                            <textarea id="message" rows="5" placeholder="Which objective are you pursuing?"
                                required></textarea>
                        </div>
                        <button type="submit" class="btn">Submit Inquiry</button>
                    </form>
                </div>
            </section>

            <section id="unsubscribe">
                <h2 class="section-title">Newsletter Opt-Out</h2>
                <div class="card">
                    <form class="form" id="unsubscribe-form" method="POST" action="">
                        <div class="messages">
                                                    </div>
                        <div class="form-group">
                            <label>Email to remove</label>
                            <input type="email" name="u_email" required
                                value="">
                        </div>
                        <button type="submit" class="btn" style="background: #e74c3c">Confirm Unsubscribe</button>
                    </form>
                </div>
            </section>
        </main>

        <aside>
            <div class="widget">
                <h4>Season 2026</h4>
                <p>Limited Permits Available for:</p>
                <ul>
                    <li>Everest South Side</li>
                    <li>K2 West Ridge</li>
                    <li>Broad Peak</li>
                </ul>
            </div>
            <div class="widget">
                <h4>Latest Technical Gear</h4>
                <p>Equipped with state-of-the-art oxygen systems and ultralight carbon tools.</p>
            </div>
            <div class="widget">
                <h4>Expedition Prep</h4>
                <p>Join our metabolic conditioning webinar next Tuesday at 18:00 UTC.</p>
            </div>
        </aside>
    </div>

    <footer>
        &copy;
        2026        Soundsgoodtometoo.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 tracking
            const sections = document.querySelectorAll('section, header');
            const navLinks = document.querySelectorAll('.nav-links a');

            let current = '';
            sections.forEach(section => {
                const sectionTop = section.offsetTop;
                if (pageYOffset >= sectionTop - 150) {
                    current = section.getAttribute('id');
                }
            });

            navLinks.forEach(link => {
                link.classList.remove('active');
                if (link.getAttribute('href').substring(1) === current) {
                    link.classList.add('active');
                }
            });
        });

        // Intersection Observer for scroll animations
        const observerOptions = {
            threshold: 0.15
        };

        const observer = new IntersectionObserver((entries) => {
            entries.forEach(entry => {
                if (entry.isIntersecting) {
                    entry.target.classList.add('visible');
                    // Start stats animation if visible
                    if (entry.target.id === 'statistics') {
                        animateStats();
                        drawChart();
                    }
                }
            });
        }, observerOptions);

        document.querySelectorAll('section').forEach(section => {
            observer.observe(section);
        });

        // Stats Counter Animation
        function animateStats() {
            const stats = document.querySelectorAll('.stat-number');
            stats.forEach(stat => {
                const target = parseInt(stat.getAttribute('data-target'));
                const increment = target / 100;
                let current = 0;

                const update = () => {
                    if (current < target) {
                        current += increment;
                        stat.innerText = Math.ceil(current);
                        requestAnimationFrame(update);
                    } else {
                        stat.innerText = target;
                    }
                };
                update();
            });
        }

        // Simple Canvas Chart
        function drawChart() {
            const canvas = document.getElementById('chartCanvas');
            const ctx = canvas.getContext('2d');
            canvas.width = canvas.parentElement.clientWidth;
            canvas.height = 300;

            const data = [40, 65, 55, 90, 85, 98];
            const labels = ['2020', '2021', '2022', '2023', '2024', '2025'];
            const spacing = canvas.width / (data.length - 1);

            ctx.beginPath();
            ctx.setLineDash([5, 5]);
            ctx.strokeStyle = '#eee';
            ctx.moveTo(0, canvas.height - 50);
            ctx.lineTo(canvas.width, canvas.height - 50);
            ctx.stroke();
            ctx.setLineDash([]);

            ctx.beginPath();
            ctx.lineWidth = 5;
            ctx.strokeStyle = '#2b5876';
            ctx.lineJoin = 'round';

            data.forEach((val, i) => {
                const x = i * spacing;
                const y = canvas.height - (val * 2.5);
                if (i === 0) ctx.moveTo(x, y);
                else ctx.lineTo(x, y);
            });
            ctx.stroke();

            // Fill area
            ctx.lineTo(canvas.width, canvas.height);
            ctx.lineTo(0, canvas.height);
            ctx.fillStyle = 'rgba(43, 88, 118, 0.1)';
            ctx.fill();
        }

        // Form Validation
        document.getElementById('contactForm').addEventListener('submit', (e) => {
            e.preventDefault();
            const email = document.getElementById('email').value;
            if (!email.includes('@')) {
                alert('Please enter a valid email.');
                return;
            }
            alert('Expedition inquiry sent successfully!');
            e.target.reset();
        });

        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>