<script setup lang="ts">
useHead({ title: 'Terms of service · GuestGuard' })
</script>

<template>
  <article class="prose prose-invert mx-auto max-w-2xl py-8 text-zinc-300">
    <h1 class="text-2xl font-semibold text-zinc-100">Terms of service</h1>
    <p class="text-sm text-zinc-500">Last updated: <strong>placeholder — pending legal review</strong></p>

    <p>
      Placeholder copy while a lawyer drafts the real document. The points
      below capture the substance of how we'd like the relationship to
      work — the binding version will replace this page before public
      launch.
    </p>

    <h2 class="mt-6 text-lg font-semibold text-zinc-100">Summary</h2>
    <ul class="list-disc pl-6">
      <li>You're responsible for your guest list — make sure you have
        permission to message the people on it.</li>
      <li>We're responsible for keeping the service running, your data
        backed up, and our handling of it transparent (see the privacy
        page).</li>
      <li>Either of us can end the relationship — you by deleting your
        account, us with reasonable notice if we have to wind down.</li>
      <li>The service is provided "as-is" — we don't promise zero downtime
        or that no spam-filter on earth will misfilter your invitations.
        We try hard, but we're not insurers.</li>
    </ul>

    <h2 class="mt-6 text-lg font-semibold text-zinc-100">Acceptable use</h2>
    <ul class="list-disc pl-6">
      <li>Don't use GuestGuard to send unsolicited bulk mail (spam).</li>
      <li>Don't use it to harass, deceive, or impersonate.</li>
      <li>Don't poke at the security of the service — if you find a bug,
        please tell us at
        <a href="mailto:security@gg.k4scloud.com" class="text-brand-400">security@gg.k4scloud.com</a>.</li>
    </ul>

    <h2 class="mt-6 text-lg font-semibold text-zinc-100">Payment</h2>
    <p>
      Subscriptions auto-renew until cancelled. Cancel any time from
      Billing → Manage subscription. Refunds: we'll consider them case by
      case — email
      <a href="mailto:support@gg.k4scloud.com" class="text-brand-400">support@gg.k4scloud.com</a>.
    </p>

    <NuxtLink to="/" class="mt-8 inline-block text-sm text-brand-400 hover:text-brand-300">← Back home</NuxtLink>
  </article>
</template>
