{% extends "base.html" %}

{% block title %}Privacy Policy - Open Pulse Security{% endblock %}
{% block description %}Read our Privacy Policy to understand how we protect your data and respect your privacy.{% endblock %}

{% block content %}
<!-- Privacy Hero Section -->
<section class="privacy-hero">
    <div class="container">
        <h1 class="hero-title">Privacy Policy</h1>
        <p class="hero-subtitle">
            Your privacy and data security are fundamental to our mission. Learn how we protect, handle, and respect your personal information.
        </p>
        <div class="hero-stats">
            <div class="hero-stat">
                <span class="stat-value">GDPR</span>
                <span class="stat-label">Compliant</span>
            </div>
            <div class="hero-stat">
                <span class="stat-value">256-bit</span>
                <span class="stat-label">Encryption</span>
            </div>
            <div class="hero-stat">
                <span class="stat-value">Zero</span>
                <span class="stat-label">Data Sales</span>
            </div>
        </div>
    </div>
</section>

<!-- Privacy Content Section -->
<section class="privacy-content-section">
    <div class="privacy-container">
        <div class="privacy-sidebar">
            <div class="privacy-nav">
                <h4>Quick Navigation</h4>
                <ul>
                    <li><a href="#data-collection">Data Collection</a></li>
                    <li><a href="#data-usage">How We Use Data</a></li>
                    <li><a href="#data-security">Data Security</a></li>
                    <li><a href="#data-sharing">Data Sharing</a></li>
                    <li><a href="#your-rights">Your Rights</a></li>
                    <li><a href="#cookies">Cookies & Tracking</a></li>
                    <li><a href="#retention">Data Retention</a></li>
                    <li><a href="#contact">Contact Us</a></li>
                </ul>
            </div>
            <div class="privacy-summary">
                <div class="summary-icon">
                    <i class="fas fa-shield-alt"></i>
                </div>
                <h4>Privacy at a Glance</h4>
                <ul>
                    <li>We collect minimal data</li>
                    <li>We never sell your information</li>
                    <li>You control your data</li>
                    <li>Enterprise-grade security</li>
                </ul>
            </div>
        </div>

        <div class="privacy-main">
            <div class="privacy-card" id="data-collection">
                <div class="card-header">
                    <div class="card-icon">
                        <i class="fas fa-database"></i>
                    </div>
                    <h3>Data Collection</h3>
                    <span class="last-updated">Last updated: January 2025</span>
                </div>
                <div class="card-content">
                    <p class="lead-text">
                        We collect only the information necessary to provide our cybersecurity services effectively and securely.
                    </p>

                    <h4>Information We Collect</h4>
                    <div class="info-grid">
                        <div class="info-item">
                            <h5>Contact Information</h5>
                            <ul>
                                <li>Name and job title</li>
                                <li>Email address</li>
                                <li>Phone number</li>
                                <li>Company name and address</li>
                            </ul>
                        </div>
                        <div class="info-item">
                            <h5>Technical Information</h5>
                            <ul>
                                <li>IP addresses and network data</li>
                                <li>System configurations</li>
                                <li>Security logs and events</li>
                                <li>Performance metrics</li>
                            </ul>
                        </div>
                    </div>

                    <div class="important-note">
                        <i class="fas fa-info-circle"></i>
                        <p><strong>Important:</strong> We only collect data that is essential for providing our security services. We do not collect sensitive personal information unless explicitly required for security analysis.</p>
                    </div>
                </div>
            </div>

            <div class="privacy-card" id="data-usage">
                <div class="card-header">
                    <div class="card-icon">
                        <i class="fas fa-cogs"></i>
                    </div>
                    <h3>How We Use Your Data</h3>
                </div>
                <div class="card-content">
                    <p class="lead-text">
                        Your data is used exclusively to deliver, improve, and secure our cybersecurity services.
                    </p>

                    <div class="usage-list">
                        <div class="usage-item">
                            <i class="fas fa-shield-alt"></i>
                            <div>
                                <h5>Security Services</h5>
                                <p>Monitoring, threat detection, incident response, and vulnerability assessments</p>
                            </div>
                        </div>
                        <div class="usage-item">
                            <i class="fas fa-headset"></i>
                            <div>
                                <h5>Customer Support</h5>
                                <p>Providing technical assistance and resolving service-related issues</p>
                            </div>
                        </div>
                        <div class="usage-item">
                            <i class="fas fa-chart-line"></i>
                            <div>
                                <h5>Service Improvement</h5>
                                <p>Analyzing performance metrics to enhance our security solutions</p>
                            </div>
                        </div>
                        <div class="usage-item">
                            <i class="fas fa-bell"></i>
                            <div>
                                <h5>Communications</h5>
                                <p>Sending security alerts, updates, and important service notifications</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="privacy-card" id="data-security">
                <div class="card-header">
                    <div class="card-icon">
                        <i class="fas fa-lock"></i>
                    </div>
                    <h3>Data Security</h3>
                </div>
                <div class="card-content">
                    <p class="lead-text">
                        We implement enterprise-grade security measures to protect your data with the same rigor we apply to our cybersecurity services.
                    </p>

                    <div class="security-measures">
                        <div class="security-measure">
                            <div class="measure-icon">
                                <i class="fas fa-key"></i>
                            </div>
                            <h5>Encryption</h5>
                            <p>AES-256 encryption for data at rest and TLS 1.3 for data in transit</p>
                        </div>
                        <div class="security-measure">
                            <div class="measure-icon">
                                <i class="fas fa-user-shield"></i>
                            </div>
                            <h5>Access Control</h5>
                            <p>Multi-factor authentication and role-based access controls</p>
                        </div>
                        <div class="security-measure">
                            <div class="measure-icon">
                                <i class="fas fa-search"></i>
                            </div>
                            <h5>Monitoring</h5>
                            <p>24/7 security monitoring and automated threat detection</p>
                        </div>
                        <div class="security-measure">
                            <div class="measure-icon">
                                <i class="fas fa-certificate"></i>
                            </div>
                            <h5>Compliance</h5>
                            <p>SOC 2 Type II, ISO 27001, and GDPR compliance</p>
                        </div>
                    </div>
                </div>
            </div>

            <div class="privacy-card" id="data-sharing">
                <div class="card-header">
                    <div class="card-icon">
                        <i class="fas fa-ban"></i>
                    </div>
                    <h3>Data Sharing</h3>
                </div>
                <div class="card-content">
                    <div class="no-sharing-banner">
                        <i class="fas fa-shield-alt"></i>
                        <h4>We Never Sell Your Data</h4>
                        <p>Your information is never sold, rented, or shared with third parties for marketing purposes.</p>
                    </div>

                    <h4>Limited Sharing Scenarios</h4>
                    <p>We may share data only in these specific circumstances:</p>
                    <ul class="sharing-list">
                        <li><strong>Service Providers:</strong> Trusted partners who help deliver our services (under strict confidentiality agreements)</li>
                        <li><strong>Legal Requirements:</strong> When required by law or to protect our legal rights</li>
                        <li><strong>Security Incidents:</strong> With law enforcement when investigating cybersecurity threats</li>
                        <li><strong>Business Transfers:</strong> In the event of a merger or acquisition (with continued privacy protection)</li>
                    </ul>
                </div>
            </div>

            <div class="privacy-card" id="your-rights">
                <div class="card-header">
                    <div class="card-icon">
                        <i class="fas fa-user-check"></i>
                    </div>
                    <h3>Your Rights</h3>
                </div>
                <div class="card-content">
                    <p class="lead-text">
                        You have complete control over your personal data. Exercise your rights at any time.
                    </p>

                    <div class="rights-grid">
                        <div class="right-item">
                            <i class="fas fa-eye"></i>
                            <h5>Access</h5>
                            <p>Request a copy of all personal data we hold about you</p>
                        </div>
                        <div class="right-item">
                            <i class="fas fa-edit"></i>
                            <h5>Correction</h5>
                            <p>Update or correct any inaccurate personal information</p>
                        </div>
                        <div class="right-item">
                            <i class="fas fa-trash"></i>
                            <h5>Deletion</h5>
                            <p>Request deletion of your personal data (subject to legal requirements)</p>
                        </div>
                        <div class="right-item">
                            <i class="fas fa-download"></i>
                            <h5>Portability</h5>
                            <p>Export your data in a machine-readable format</p>
                        </div>
                        <div class="right-item">
                            <i class="fas fa-pause"></i>
                            <h5>Restriction</h5>
                            <p>Limit how we process your personal information</p>
                        </div>
                        <div class="right-item">
                            <i class="fas fa-times-circle"></i>
                            <h5>Objection</h5>
                            <p>Object to certain types of data processing</p>
                        </div>
                    </div>

                    <div class="contact-rights">
                        <h5>Exercise Your Rights</h5>
                        <p>Contact our Data Protection Officer to exercise any of these rights:</p>
                        <a href="mailto:privacy@openpulsesecurity.com" class="contact-link">
                            <i class="fas fa-envelope"></i>
                            privacy@openpulsesecurity.com
                        </a>
                    </div>
                </div>
            </div>

            <div class="privacy-card" id="cookies">
                <div class="card-header">
                    <div class="card-icon">
                        <i class="fas fa-cookie-bite"></i>
                    </div>
                    <h3>Cookies & Tracking</h3>
                </div>
                <div class="card-content">
                    <p class="lead-text">
                        We use minimal, essential cookies to ensure our website functions properly and securely.
                    </p>

                    <div class="cookie-types">
                        <div class="cookie-type">
                            <h5>Essential Cookies</h5>
                            <p>Required for basic website functionality and security features</p>
                            <span class="cookie-status required">Required</span>
                        </div>
                        <div class="cookie-type">
                            <h5>Analytics Cookies</h5>
                            <p>Help us understand how visitors interact with our website</p>
                            <span class="cookie-status optional">Optional</span>
                        </div>
                    </div>
                </div>
            </div>

            <div class="privacy-card" id="retention">
                <div class="card-header">
                    <div class="card-icon">
                        <i class="fas fa-calendar-alt"></i>
                    </div>
                    <h3>Data Retention</h3>
                </div>
                <div class="card-content">
                    <p class="lead-text">
                        We retain your data only as long as necessary to provide our services and meet legal obligations.
                    </p>

                    <div class="retention-schedule">
                        <div class="retention-item">
                            <h5>Contact Information</h5>
                            <p>Retained while you're an active customer, plus 3 years for business records</p>
                        </div>
                        <div class="retention-item">
                            <h5>Security Logs</h5>
                            <p>Retained for 1 year for security analysis and compliance requirements</p>
                        </div>
                        <div class="retention-item">
                            <h5>Support Records</h5>
                            <p>Retained for 2 years to maintain service quality and resolve issues</p>
                        </div>
                    </div>
                </div>
            </div>

            <div class="privacy-card" id="contact">
                <div class="card-header">
                    <div class="card-icon">
                        <i class="fas fa-envelope"></i>
                    </div>
                    <h3>Contact Us</h3>
                </div>
                <div class="card-content">
                    <p class="lead-text">
                        Have questions about our privacy practices? We're here to help.
                    </p>

                    <div class="contact-options">
                        <div class="contact-option">
                            <i class="fas fa-user-shield"></i>
                            <div>
                                <h5>Data Protection Officer</h5>
                                <p>For privacy-related questions and rights requests</p>
                                <a href="mailto:privacy@openpulsesecurity.com">privacy@openpulsesecurity.com</a>
                            </div>
                        </div>
                        <div class="contact-option">
                            <i class="fas fa-headset"></i>
                            <div>
                                <h5>General Support</h5>
                                <p>For service-related questions and technical support</p>
                                <a href="mailto:support@openpulsesecurity.com">support@openpulsesecurity.com</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Privacy CTA -->
<section class="privacy-cta">
    <div class="container">
        <h2>Questions About Our Privacy Policy?</h2>
        <p>
            Our commitment to your privacy is unwavering. If you have any questions or concerns about how we handle your data,
            don't hesitate to reach out to our Data Protection Officer.
        </p>
        <div class="cta-actions">
            <a href="mailto:privacy@openpulsesecurity.com" class="btn btn-primary">
                <i class="fas fa-envelope"></i>
                Contact Privacy Team
            </a>
            <a href="/contact" class="btn btn-secondary">
                <i class="fas fa-comments"></i>
                General Contact
            </a>
        </div>
    </div>
</section>
{% endblock %}