<script setup lang="ts">
import PolicyLayout from './_PolicyLayout.vue';
const updated = '2026-03-01T20:20:00Z';
const intro = 'How and why we use cookies and similar technologies, how you can control them, and the impact on your experience.';
const metaDescription = 'BetiX Cookie Policy: types of cookies, consent management, providers, and how to control cookies in your browser.';
</script>

<template>
  <PolicyLayout title="Cookie Policy" :updated="updated" :intro="intro" :metaDescription="metaDescription">
    <p>This Cookie Policy explains how BetiX uses cookies and similar technologies to recognize you when you visit our site and use our services.</p>

    <h2>1. What are cookies?</h2>
    <p>Cookies are small text files stored on your device to help websites function and improve your experience.</p>

    <h2>2. How we use cookies</h2>
    <ul>
      <li>Strictly necessary cookies for authentication and security (e.g., CSRF, session).</li>
      <li>Performance cookies to measure site usage and improve features.</li>
      <li>Preference cookies to remember your settings (e.g., theme, language).</li>
    </ul>

    <h2>3. Managing cookies</h2>
    <p>You can control cookies through your browser settings. Disabling some cookies may affect site functionality.</p>

    <div class="callout">For questions about cookies, contact Support.</div>
  </PolicyLayout>
</template>
