<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>
        Opensys911.net    </title>
    <style>
        @import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Inter:wght@300;400;600&display=swap');

        :root {
            --primary-color: #0F172A;
            --secondary-color: #38BDF8;
            --accent-color: #8B5CF6;
            --background-color: #F8FAFC;
            --text-color: #1E293B;
            --white: #ffffff;
            --glass: rgba(255, 255, 255, 0.7);
            --transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            scroll-behavior: smooth;
        }

        body {
            font-family: 'Inter', sans-serif;
            background-color: var(--background-color);
            color: var(--text-color);
            line-height: 1.6;
            overflow-x: hidden;
            display: flex;
        }

        h1,
        h2,
        h3,
        h4 {
            font-family: 'Space Grotesk', sans-serif;
            font-weight: 700;
        }

        /* Right Sidebar Mechanism */
        .main-content {
            flex: 1;
            width: 100%;
        }

        .rightba {
            width: 80px;
            background: var(--primary-color);
            min-height: 100vh;
            position: fixed;
            right: 0;
            top: 0;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            z-index: 1000;
        }

        .sidebar-text {
            writing-mode: vertical-rl;
            color: var(--accent-color);
            text-transform: uppercase;
            letter-spacing: 5px;
            font-size: 0.7rem;
            opacity: 0.4;
            transform: rotate(180deg);
        }

        /* Navigation Bar */
        nav {
            position: fixed;
            top: 0;
            left: 0;
            width: calc(100% - 80px);
            height: 90px;
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 900;
            transition: var(--transition);
            background: transparent;
        }

        nav.scrolled {
            height: 70px;
            background: var(--glass);
            backdrop-filter: blur(15px);
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
        }

        .nav-links {
            display: flex;
            gap: 30px;
            list-style: none;
        }

        .nav-links li a {
            text-decoration: none;
            color: var(--text-color);
            font-weight: 600;
            font-size: 0.8rem;
            text-transform: uppercase;
            letter-spacing: 1px;
            position: relative;
            padding: 5px 0;
            transition: var(--transition);
        }

        .nav-links li a::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            width: 0;
            height: 2px;
            background: var(--secondary-color);
            transition: var(--transition);
            transform: translateX(-50%);
        }

        .nav-links li a:hover::after,
        .nav-links li a.active::after {
            width: 100%;
        }

        /* Sections */
        section {
            padding: 120px 8% 100px;
            min-height: 100vh;
            display: flex;
            flex-direction: column;
            justify-content: center;
            opacity: 0;
            transform: translateY(40px);
            transition: opacity 1s ease, transform 1s ease;
        }

        section.visible {
            opacity: 1;
            transform: translateY(0);
        }

        .section-header {
            margin-bottom: 60px;
            max-width: 800px;
        }

        .section-header h2 {
            font-size: 3.5rem;
            color: var(--primary-color);
            margin-bottom: 20px;
            line-height: 1.1;
        }

        .section-header .line {
            width: 80px;
            height: 4px;
            background: var(--accent-color);
            border-radius: 2px;
        }

        /* Layout Grid */
        .grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 60px;
            align-items: center;
        }

        /* Service Cards */
        .service-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 30px;
        }

        .service-card {
            background: var(--white);
            padding: 50px;
            border-radius: 24px;
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.03);
            border: 1px solid rgba(0, 0, 0, 0.02);
            transition: var(--transition);
            position: relative;
            overflow: hidden;
        }

        .service-card:hover {
            transform: translateY(-15px);
            box-shadow: 0 40px 80px rgba(0, 0, 0, 0.08);
            border-color: var(--secondary-color);
        }

        .service-card h3 {
            font-size: 1.8rem;
            margin-bottom: 20px;
            color: var(--primary-color);
        }

        /* Images */
        .img-container {
            width: 100%;
            height: 500px;
            border-radius: 30px;
            overflow: hidden;
            box-shadow: 0 30px 60px rgba(0, 0, 0, 0.1);
        }

        .img-container img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 1.5s ease;
        }

        .img-container:hover img {
            transform: scale(1.1);
        }

        /* Statistics */
        .stats-container {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 40px;
            text-align: center;
            margin-bottom: 80px;
        }

        .stat-item h3 {
            font-size: 4rem;
            color: var(--accent-color);
            margin-bottom: 10px;
        }

        .stat-item p {
            font-weight: 600;
            color: var(--secondary-color);
            text-transform: uppercase;
            letter-spacing: 2px;
        }

        .chart-box {
            background: var(--white);
            padding: 60px;
            border-radius: 30px;
            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.05);
            display: flex;
            justify-content: center;
            align-items: center;
        }

        canvas {
            max-width: 100%;
        }

        /* Reviews */
        .reviews-slider {
            display: flex;
            gap: 30px;
            overflow: hidden;
            position: relative;
            padding: 40px 0;
        }

        .review-card {
            flex: 0 0 450px;
            background: var(--white);
            padding: 50px;
            border-radius: 24px;
            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.03);
            transition: var(--transition);
        }

        .review-card p {
            font-size: 1.2rem;
            font-style: italic;
            margin-bottom: 30px;
        }

        .rating {
            color: #FFC107;
            margin-bottom: 15px;
        }

        .customer-info {
            display: flex;
            align-items: center;
            gap: 15px;
        }

        .customer-name {
            font-weight: 700;
            color: var(--primary-color);
        }

        /* Forms */
        .form-box {
            background: var(--white);
            padding: 60px;
            border-radius: 30px;
            box-shadow: 0 30px 90px rgba(0, 0, 0, 0.06);
            width: 100%;
            max-width: 800px;
            margin: 0 auto;
        }

        .form-group {
            margin-bottom: 25px;
        }

        input,
        textarea {
            width: 100%;
            padding: 18px 25px;
            border: 2px solid #E2E8F0;
            border-radius: 12px;
            font-family: inherit;
            font-size: 1rem;
            transition: var(--transition);
        }

        input:focus,
        textarea:focus {
            outline: none;
            border-color: var(--secondary-color);
        }

        button {
            width: 100%;
            padding: 20px;
            background: var(--primary-color);
            color: var(--white);
            border: none;
            border-radius: 12px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 2px;
            cursor: pointer;
            transition: var(--transition);
            margin-top: 10px;
        }

        button:hover {
            background: var(--accent-color);
            transform: translateY(-5px);
            box-shadow: 0 20px 40px rgba(139, 92, 246, 0.3);
        }

        .alert {
            padding: 20px;
            border-radius: 12px;
            background: #DEF7EC;
            color: #03543F;
            border: 1px solid #BCF0DA;
            margin-bottom: 25px;
            text-align: center;
            font-weight: 600;
        }

        /* Policies */
        .policy-wrapper {
            background: var(--white);
            padding: 60px;
            border-radius: 30px;
            max-height: 600px;
            overflow-y: auto;
            border: 1px solid rgba(0, 0, 0, 0.05);
            line-height: 1.8;
            color: #475569;
        }

        .policy-wrapper p {
            margin-bottom: 20px;
        }

        .policy-wrapper b {
            color: var(--primary-color);
        }

        footer {
            padding: 80px 8%;
            text-align: center;
            background: var(--white);
            font-size: 0.9rem;
            color: #94A3B8;
        }

        @media (max-width: 1024px) {
            .grid {
                grid-template-columns: 1fr;
            }

            .rightba {
                display: none;
            }

            nav {
                width: 100%;
            }

            section {
                padding: 100px 5%;
            }

            .nav-links {
                gap: 15px;
            }

            .nav-links li a {
                font-size: 0.7rem;
            }
        }
    </style>
</head>

<body>

    <nav id="navbar">
        <ul class="nav-links">
            <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 POLICY</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="rightba">
        <div class="sidebar-text">NEUROPULSE™ PROTOCOL</div>
        <div class="sidebar-text" style="opacity: 0.1; margin-top: 50px;">VERSION 6.0</div>
    </div>

    <div class="main-content">

        <!-- About Section -->
        <section id="about">
            <div class="section-header">
                <h2>The Convergence of Mind<br>& High-Technology.</h2>
                <div class="line"></div>
            </div>
            <div class="grid">
                <div class="text-content">
                    <h3 style="font-size: 2.2rem; margin-bottom: 25px; color: var(--accent-color);">NeuroPulse™
                        Integration</h3>
                    <p style="font-size: 1.15rem; margin-bottom: 30px;">At the forefront of Neuro-Tech, we specialize in
                        non-invasive neural modulation and biometric mental wellness. Our proprietary systems sync your
                        cognitive load with advanced AI-driven environments, ensuring peak mental performance,
                        restorative sleep cycles, and profound emotional stability.</p>
                    <p>We don't just optimize your biology; we redefine the boundaries of what your mind can achieve.
                        Experience the future of human consciousness today.</p>
                </div>
                <div class="img-container">
                    <img src="assets/brain_flow.jpg"
                        alt="A hyper-realistic, futuristic, and serene visualization of human neural pathways glowing in soft blue and amber light. No people. No women. Minimalist, premium, high-tech, 8k resolution, serene atmosphere.">
                </div>
            </div>
        </section>

        <!-- Services Section -->
        <section id="services">
            <div class="section-header">
                <h2>Modular Cognitive<br>Ecosystems.</h2>
                <div class="line"></div>
            </div>
            <div class="service-grid">
                <div class="service-card stagger-item">
                    <h3>Deep Flow™ Therapy</h3>
                    <p>Induce high-alpha and theta brainwaves through targeted auditory and visual resonance, perfectly
                        tailored to your neural signature.</p>
                </div>
                <div class="service-card stagger-item">
                    <h3>Cognitive Overdrive</h3>
                    <p>Enhance neuroplasticity using our patented wearable tech that monitors real-time synaptic firing
                        during complex problem-solving.</p>
                </div>
                <div class="service-card stagger-item">
                    <h3>Circadian Lock</h3>
                    <p>Automated environment syncing that regulates melatonin production via spectrum-specific light
                        arrays and temperature modulating habitats.</p>
                </div>
            </div>
            <div class="img-container" style="margin-top: 50px; height: 400px;">
                <img src="assets/clinic_vibe.jpg"
                    alt="A sleek, high-end neuro-wellness clinical space with minimalist ergonomic furniture and glowing holographic displays of brain activity. No people. No women. 8k, photorealistic, luxury medicinal aesthetic.">
            </div>
        </section>

        <!-- Reviews Section -->
        <section id="reviews">
            <div class="section-header">
                <h2>Clinical Consensus.</h2>
                <div class="line"></div>
            </div>
            <div class="reviews-slider" id="reviews-track">
                <div class="review-card">
                    <div class="rating">★★★★★</div>
                    <p>"The mental clarity I achieved after the first week of NeuroPulse Integration is unlike anything
                        I've experienced in twenty years of research."</p>
                    <div class="customer-info">
                        <span class="customer-name">Dr. Julian Vance</span>
                    </div>
                </div>
                <div class="review-card">
                    <div class="rating">★★★★★</div>
                    <p>"Restoring my sleep cycle transformed my productivity. The seamless integration of tech into my
                        living space is truly invisible and powerful."</p>
                    <div class="customer-info">
                        <span class="customer-name">Marcus Thorne</span>
                    </div>
                </div>
                <div class="review-card">
                    <div class="rating">★★★★★</div>
                    <p>"A profound shift in my cognitive resilience. NeuroPulse has become an essential part of my
                        high-performance workflow."</p>
                    <div class="customer-info">
                        <span class="customer-name">Elena Ross</span>
                    </div>
                </div>
                <!-- Repeat for scroll -->
                <div class="review-card">
                    <div class="rating">★★★★★</div>
                    <p>"The mental clarity I achieved after the first week of NeuroPulse Integration is unlike anything
                        I've experienced."</p>
                    <div class="customer-info">
                        <span class="customer-name">Dr. Julian Vance</span>
                    </div>
                </div>
            </div>
        </section>

        <!-- Statistics Section -->
        <section id="statistics">
            <div class="section-header">
                <h2>Neural Impact Velocity.</h2>
                <div class="line"></div>
            </div>
            <div class="stats-container">
                <div class="stat-item">
                    <h3 class="counter" data-target="98">0</h3>
                    <p>Recovery Rate %</p>
                </div>
                <div class="stat-item">
                    <h3 class="counter" data-target="4500">0</h3>
                    <p>Active Brain-Syncs</p>
                </div>
                <div class="stat-item">
                    <h3 class="counter" data-target="15">0</h3>
                    <p>Avg. IQ Point Gain</p>
                </div>
                <div class="stat-item">
                    <h3 class="counter" data-target="99">0</h3>
                    <p>Client Satisfaction</p>
                </div>
            </div>
            <div class="chart-box">
                <canvas id="brainChart"></canvas>
            </div>
        </section>

        <!-- Privacy Policy -->
        <section id="privacy-policy">
            <div class="section-header">
                <h2>Data Ethics Protocol.</h2>
                <div class="line"></div>
            </div>
            <div class="policy-wrapper">
                <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>
                        Opensys911.net                    </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>
                        Opensys911.net                    </b> received your information from your submission to us or through one of our affiliates.
                    Opensys911.net 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>
                        Opensys911.net                    </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
                    Opensys911.net                </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>
                        Opensys911.net                    </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>

        <!-- Disclaimer -->
        <section id="disclaimer">
            <div class="section-header">
                <h2>Regulatory Disclaimer.</h2>
                <div class="line"></div>
            </div>
            <div class="policy-wrapper">
                <p><b>
                        Opensys911.net                    </b> serves as an informational service only. The inclusion of a link on this web site does not
                    imply
                    Opensys911.net endorsement of the linked site nor does
                    Opensys911.net accept any responsibility for the content, or the use, of such site.
                </p>

                <p> <b>
                        Opensys911.net                    </b> is not responsible for the offers or goods supplied by vendors. <b>
                        Opensys911.net                    </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>
                        Opensys911.net                    </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>
                        Opensys911.net                    </b> and the <b>
                        Opensys911.net                    </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>
                        Opensys911.net                    </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>
                        Opensys911.net                    </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>
                        Opensys911.net                    </b> may make updates, improvements and/or changes in the products and/or information described at
                    any time without notice. <b>
                        Opensys911.net                    </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>
                        Opensys911.net                    </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>

        <!-- Contact Section -->
        <section id="contact">
            <div class="section-header">
                <h2>Initiate Protocol.</h2>
                <div class="line"></div>
            </div>
            <div class="form-box">
                <form class="form" id="contact-form">
                    <div class="form-group">
                        <input type="text" id="contact_name" placeholder="Full Identity" required>
                    </div>
                    <div class="form-group">
                        <input type="email" id="contact_email" placeholder="Neural Link (Email)" required>
                    </div>
                    <div class="form-group">
                        <textarea id="contact_msg" rows="5" placeholder="Inquiry / Objective" required></textarea>
                    </div>
                    <button type="submit">Send Transmission</button>
                </form>
            </div>
        </section>

        <!-- Unsubscribe Section -->
        <section id="unsubscribe">
            <div class="section-header">
                <h2>Terminate Link.</h2>
                <div class="line"></div>
            </div>
            <div class="form-box">
                <form class="form" id="unsubscribe-form" method="POST" action="">
                    <div class="messages">
                                            </div>
                    <p style="text-align: center; margin-bottom: 25px; color: #64748B;">Opt-out from neural state
                        updates and periodic synchronization logs.</p>
                    <div class="form-group">
                        <input type="email" name="email" placeholder="email@example.com" required
                            value="">
                    </div>
                    <button type="submit">Sever Protocol</button>
                </form>
            </div>
        </section>

        <footer>
            &copy;
            2026            Opensys911.net All Rights Reserved.
        </footer>

    </div>

    <script>
        // Smooth Nav Scroll & Intersection Observer
        const navbar = document.getElementById('navbar');
        const sections = document.querySelectorAll('section');
        const navLinks = document.querySelectorAll('.nav-links a');

        window.addEventListener('scroll', () => {
            if (window.scrollY > 80) navbar.classList.add('scrolled');
            else navbar.classList.remove('scrolled');

            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').includes(current)) link.classList.add('active');
            });
        });

        // Reveal Animations
        const observer = new IntersectionObserver((entries) => {
            entries.forEach(entry => {
                if (entry.isIntersecting) {
                    entry.target.classList.add('visible');

                    if (entry.target.id === 'statistics') {
                        startCounters();
                        renderChart();
                    }

                    const staggers = entry.target.querySelectorAll('.stagger-item');
                    staggers.forEach((item, i) => {
                        setTimeout(() => {
                            item.style.opacity = '1';
                            item.style.transform = 'translateY(0)';
                        }, i * 200);
                    });
                }
            });
        }, { threshold: 0.15 });

        sections.forEach(s => observer.observe(s));

        // Stats Counter
        function startCounters() {
            const counters = document.querySelectorAll('.counter');
            counters.forEach(counter => {
                const target = +counter.getAttribute('data-target');
                const update = () => {
                    const count = +counter.innerText;
                    const speed = target / 60;
                    if (count < target) {
                        counter.innerText = Math.ceil(count + speed);
                        setTimeout(update, 20);
                    } else {
                        counter.innerText = target;
                    }
                };
                update();
            });
        }

        // Animated Chart (Canvas)
        function renderChart() {
            const canvas = document.getElementById('brainChart');
            if (!canvas) return;
            const ctx = canvas.getContext('2d');
            canvas.width = 600;
            canvas.height = 300;

            ctx.clearRect(0, 0, canvas.width, canvas.height);
            ctx.strokeStyle = '#38BDF8';
            ctx.lineWidth = 6;
            ctx.lineCap = 'round';
            ctx.lineJoin = 'round';

            const points = [50, 80, 60, 95, 70, 100];
            const step = canvas.width / (points.length - 1);

            ctx.beginPath();
            points.forEach((p, i) => {
                const x = i * step;
                const y = canvas.height - (p / 100 * 200);
                if (i === 0) ctx.moveTo(x, y);
                else ctx.lineTo(x, y);
            });
            ctx.stroke();

            // Nodes
            points.forEach((p, i) => {
                const x = i * step;
                const y = canvas.height - (p / 100 * 200);
                ctx.fillStyle = '#8B5CF6';
                ctx.beginPath();
                ctx.arc(x, y, 8, 0, Math.PI * 2);
                ctx.fill();
            });
        }

        // Form Validation & Interaction
        document.getElementById('contact-form').addEventListener('submit', function (e) {
            e.preventDefault();
            this.innerHTML = '<div class="alert">Encrypted Transmission Received. Connection Establised.</div>';
        });

        // Carousel Scroll
        const track = document.getElementById('reviews-track');
        let scrollPos = 0;
        function autoScroll() {
            scrollPos += 1;
            if (scrollPos > 1000) scrollPos = 0;
            track.scrollLeft = scrollPos;
            requestAnimationFrame(autoScroll);
        }
        autoScroll();

        // Path-based Scroll Logic
        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>