%# 
  principles.ejs
  This template should be included within a main base layout.
  It requires FontAwesome Pro to be loaded in the main <head>.
%>

<header class="hero-section">
    <div class="hero-content">
        <h1 class="fade-in">Built on Principle: Our Technology & Values</h1>
        <p class="fade-in" style="animation-delay: 0.2s;">
            At Bridgeman Accessible, our commitment to digital inclusion runs deeper than the products you see. For years, we have been meticulously building a digital foundation based on a simple, powerful idea: the best way to serve our community is to build with principle, integrity, and unparalleled expertise.
        </p>
    </div>
</header>

<section class="page-section experts-section fade-in-section">
    <div class="section-container">
        <div class="experts-grid">
            <div class="experts-text">
                <h2>Designed by Experts, For Everyone</h2>
                <p>
                    Our work is a direct reflection of who we are. We are proud that our entire technology team is composed of people with disabilities. 
                    This is not a footnote; it is our <strong>greatest strategic advantage</strong>.
                </p>
                <p>
                    Our lived experiences give us an intuitive and profound understanding of accessibility that cannot be learned from a manual. 
                    We build with an unwavering commitment to quality and real-world usability because we are the community we serve. 
                    The result is a platform that is not just compliant, but <strong>authentically and fundamentally accessible</strong> in its very DNA.
                </p>
            </div>
            <div class="experts-image-container"></div>
        </div>
    </div>
</section>

<section class="page-section key-section fade-in-section">
    <div class="section-container">
        <div class="section-header">
            <h2>A Single, Secure Digital Key</h2>
            <p>We believe your digital experience should be seamless and secure. That’s why we’ve invested heavily in creating a unified account platform that serves as your single key to our entire digital world.</p>
        </div>
        <div class="key-grid">
            <div class="key-item">
                <i class="fa-sharp fa-solid fa-key-skeleton fa-3x"></i>
                <h3>Simplicity & Convenience</h3>
                <p>With one secure login, you can access every tool and service we offer. No more juggling multiple passwords or accounts.</p>
            </div>
            <div class="key-item">
                <i class="fa-sharp fa-solid fa-shield-halved fa-3x"></i>
                <h3>Uncompromising Security</h3>
                <p>Your trust is our priority. We use the latest industry-standard security protocols to protect your information and ensure your data is safe.</p>
            </div>
        </div>
    </div>
</section>

<section class="page-section sovereignty-section fade-in-section">
    <div class="section-container">
        <div class="section-header">
            <h2>A Foundation of Digital Sovereignty</h2>
            <p>We consciously choose a different path from big tech. To guarantee the highest level of security and privacy, we own and operate our own core infrastructure right here in Canada, on our own hardware.</p>
        </div>
        <div class="sovereignty-grid">
            <div class="sovereignty-image-container"></div>
            <div class="sovereignty-text">
                <ul>
                    <li>
                        <i class="fa-sharp fa-solid fa-server"></i>
                        <div>
                            <h4>You Control Your Data</h4>
                            <p>By self-hosting, we offer our clients true data sovereignty. Your data stays here, under the protection of Canadian privacy laws.</p>
                        </div>
                    </li>
                    <li>
                        <i class="fa-sharp fa-solid fa-lock-keyhole"></i>
                        <div>
                            <h4>Enhanced Security</h4>
                            <p>We have complete control over our technology stack, reducing external dependencies and strengthening our security posture.</p>
                        </div>
                    </li>
                    <li>
                        <i class="fa-sharp fa-solid fa-hand-holding-heart"></i>
                        <div>
                            <h4>Value-Driven Choices</h4>
                            <p>This approach reflects our commitment to our community and country over pure profit, ensuring our technology aligns with our values.</p>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</section>

<section class="page-section result-section fade-in-section">
    <div class="section-container">
        <div class="section-header">
            <h2>Excellence You Can Rely On</h2>
            <p>Our commitment to building on principle delivers tangible benefits for our clients and community.</p>
        </div>
        <ul class="result-list">
            <li>
                <i class="fa-sharp fa-solid fa-circle-check"></i>
                <span>Rock-Solid Reliability</span>
            </li>
            <li>
                <i class="fa-sharp fa-solid fa-circle-check"></i>
                <span>Agility and Innovation</span>
            </li>
            <li>
                <i class="fa-sharp fa-solid fa-circle-check"></i>
                <span>Authentic Partnership</span>
            </li>
        </ul>
        <div class="cta-container">
            <a href="/contact" class="cta-button">Partner With Us</a>
        </div>
    </div>
</section>