---
import BaseLayout from '../layouts/BaseLayout.astro';
---

<BaseLayout title="Terms of Service - Margin" description="Margin Terms of Service">
	<div class="max-w-3xl mx-auto py-12 px-4">
		<a href="/home" class="inline-flex items-center gap-2 text-sm font-medium text-surface-500 hover:text-surface-900 dark:hover:text-white transition-colors mb-8">
			<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m12 19-7-7 7-7"/><path d="M19 12H5"/></svg>
			<span>Home</span>
		</a>

		<div class="prose prose-surface dark:prose-invert max-w-none">
			<h1 class="font-display font-bold text-3xl mb-2 text-surface-900 dark:text-white">Terms of Service</h1>
			<p class="text-surface-500 dark:text-surface-400 mb-8">Last updated: January 17, 2026</p>

			<section class="mb-8">
				<h2 class="text-xl font-bold text-surface-900 dark:text-white mb-4">Overview</h2>
				<p class="text-surface-700 dark:text-surface-300 leading-relaxed">
					Margin is an open-source project. By using our service, you agree to these terms ("Terms"). If you do not agree to these Terms, please do not use the Service.
				</p>
			</section>

			<section class="mb-8">
				<h2 class="text-xl font-bold text-surface-900 dark:text-white mb-4">Open Source</h2>
				<p class="text-surface-700 dark:text-surface-300 leading-relaxed">
					Margin is open source software. The code is available publicly and is provided "as is", without warranty of any kind, express or implied.
				</p>
			</section>

			<section class="mb-8">
				<h2 class="text-xl font-bold text-surface-900 dark:text-white mb-4">User Conduct</h2>
				<p class="text-surface-700 dark:text-surface-300 mb-4">
					You are responsible for your use of the Service and for any content you provide, including compliance with applicable laws, rules, and regulations.
				</p>
				<p class="text-surface-700 dark:text-surface-300 mb-4">
					We reserve the right to remove any content that violates these terms, including but not limited to:
				</p>
				<ul class="list-disc pl-5 mb-4 text-surface-700 dark:text-surface-300 space-y-1">
					<li>Illegal content</li>
					<li>Harassment or hate speech</li>
					<li>Spam or malicious content</li>
				</ul>
			</section>

			<section class="mb-8">
				<h2 class="text-xl font-bold text-surface-900 dark:text-white mb-4">Decentralized Nature</h2>
				<p class="text-surface-700 dark:text-surface-300 leading-relaxed">
					Margin interacts with the AT Protocol network. We do not control the network itself or the data stored on your Personal Data Server (PDS). Please refer to the terms of your PDS provider for data storage policies.
				</p>
			</section>

			<section class="mb-8">
				<h2 class="text-xl font-bold text-surface-900 dark:text-white mb-4">Disclaimer</h2>
				<p class="text-surface-700 dark:text-surface-300 leading-relaxed uppercase">
					THE SERVICE IS PROVIDED "AS IS" AND "AS AVAILABLE". WE DISCLAIM ALL CONDITIONS, REPRESENTATIONS AND WARRANTIES NOT EXPRESSLY SET OUT IN THESE TERMS.
				</p>
			</section>

			<section class="mb-8">
				<h2 class="text-xl font-bold text-surface-900 dark:text-white mb-4">Contact</h2>
				<p class="text-surface-700 dark:text-surface-300">
					For questions about these Terms, please contact us at <a href="mailto:hello@margin.at" class="text-primary-600 dark:text-primary-400 hover:text-primary-700 dark:hover:text-primary-300 hover:underline">hello@margin.at</a>
				</p>
			</section>
		</div>
	</div>
</BaseLayout>