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

<BaseLayout 
  title="Privacy Policy — Scott Scoble"
  description="Privacy policy for scott.scoble.me"
>
  
  <section class="page-header">
    <div class="container">
      <h1>Privacy Policy</h1>
    </div>
  </section>

  <section class="content">
    <div class="container">
      <p>Last updated: April 28, 2026</p>
      
      <h2>Overview</h2>
      <p>This website collects minimal data. Here's what you should know:</p>
      
      <h2>Contact Forms</h2>
      <p>If you submit a contact form, your email and message are sent to me directly. I don't share this information with third parties.</p>
      
      <h2>Analytics</h2>
      <p>This site does not use Google Analytics or other tracking scripts.</p>
      
      <h2>Cookies</h2>
      <p>No cookies are set by this site.</p>
      
      <h2>Hosting</h2>
      <p>This site is hosted on Storj. Their privacy policy applies to infrastructure-level logging.</p>
      
      <h2>Contact</h2>
      <p>Questions? Email <a href="mailto:scott@scoble.me">scott@scoble.me</a>.</p>
    </div>
  </section>

</BaseLayout>

<style>
  .page-header {
    padding: 8rem 2rem 2rem;
    text-align: center;
    background: var(--color-cream);
  }
  
  .page-header h1 {
    font-family: var(--font-heading);
    font-size: clamp(2rem, 5vw, 3rem);
    color: var(--color-brown-dark);
    margin: 0;
  }
  
  .content {
    padding: 4rem 2rem 6rem;
    background: white;
  }
  
  .container {
    max-width: 700px;
    margin: 0 auto;
  }
  
  .content h2 {
    font-family: var(--font-heading);
    font-size: 1.5rem;
    color: var(--color-brown-dark);
    margin: 2rem 0 1rem;
  }
  
  .content p {
    color: var(--color-text-muted);
    line-height: 1.7;
    margin: 0 0 1rem;
  }
  
  .content a {
    color: var(--color-green);
  }
</style>