<script setup lang="ts">
import PolicyLayout from './_PolicyLayout.vue';
const updated = '2026-03-01T20:20:00Z';
const intro = 'How we collect, use, share, and protect your personal data, and what rights you have over it.';
const metaDescription = 'BetiX Privacy Policy: data we collect, purposes, legal bases, recipients, retention, your rights, cookies, and security.';
</script>

<template>
  <PolicyLayout title="Privacy Policy" :updated="updated" :intro="intro" :metaDescription="metaDescription">
    <p>This Privacy Policy describes how BetiX collects, uses, and protects your personal data in accordance with applicable data protection laws.</p>

    <h2>1. Data we collect</h2>
    <ul>
      <li>Account data: email/username, profile details and preferences.</li>
      <li>Usage data: device, IP, user agent, and activity logs for security.</li>
      <li>Compliance data: KYC/AML documents where required by law.</li>
    </ul>

    <h2>2. How we use data</h2>
    <ul>
      <li>To provide and improve services, ensure security, and meet legal obligations.</li>
      <li>To communicate with you about service updates, security, and promotions (where permitted).</li>
    </ul>

    <h2>3. Your rights</h2>
    <p>You may have rights to access, correct, or delete your data, and to object or restrict certain processing, subject to legal exceptions.</p>

    <h2>4. Security</h2>
    <p>We use technical and organizational measures, including encryption at rest for sensitive fields, to protect your data.</p>

    <div class="callout">Contact Support for privacy requests or questions.</div>
  </PolicyLayout>
</template>
