{% extends "layouts/base.html" %}

{% block title %}Security - Retoor's Cloud Solutions{% endblock %}

{% block head %}
    <link rel="stylesheet" href="/static/css/components/security.css">
{% endblock %}

{% block content %}
<main>
    <section class="security-hero">
        <h1>Your Data, Our Priority. Uncompromising Security.</h1>
        <p>At Retoor's Cloud Solutions, we understand the critical importance of data security and privacy. We employ industry-leading measures to ensure your information is always protected.</p>
    </section>

    <section class="security-pillars">
        <div class="pillar-card">
            <img src="/static/images/icon-professionals.svg" alt="Encryption Icon" class="icon">
            <h3>Robust Encryption</h3>
            <p>All your data is encrypted both in transit (TLS 1.2+) and at rest (AES-256), ensuring maximum confidentiality and integrity.</p>
        </div>
        <div class="pillar-card">
            <img src="/static/images/icon-professionals.svg" alt="Access Control Icon" class="icon">
            <h3>Advanced Access Control</h3>
            <p>Implement granular permissions, multi-factor authentication (MFA), and strict access policies to keep your data safe from unauthorized access.</p>
        </div>
        <div class="pillar-card">
            <img src="/static/images/icon-families.svg" alt="Privacy Icon" class="icon">
            <h3>Unwavering Privacy</h3>
            <p>We are committed to your privacy. Our policies are transparent, and we comply with global data protection regulations like GDPR and CCPA.</p>
        </div>
        <div class="pillar-card">
            <img src="/static/images/icon-professionals.svg" alt="Infrastructure Icon" class="icon">
            <h3>Secure Infrastructure</h3>
            <p>Our data centers are physically secured, and our network is protected by advanced firewalls and intrusion detection systems, regularly audited for vulnerabilities.</p>
        </div>
    </section>

    <section class="security-certifications">
        <h2>Trust & Compliance</h2>
        <div class="cert-grid">
            <div class="cert-item">
                <img src="/static/images/icon-professionals.svg" alt="ISO 27001 Certified" class="cert-logo">
                <p>ISO 27001 Certified</p>
            </div>
            <div class="cert-item">
                <img src="/static/images/icon-professionals.svg" alt="SOC 2 Compliant" class="cert-logo">
                <p>SOC 2 Compliant</p>
            </div>
            <div class="cert-item">
                <img src="/static/images/icon-families.svg" alt="GDPR Compliant" class="cert-logo">
                <p>GDPR Compliant</p>
            </div>
        </div>
    </section>

    <section class="security-cta">
        <h2>Have More Questions About Security?</h2>
        <a href="/support" class="btn-primary">Contact Support</a>
    </section>
</main>
{% endblock %}