<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>Privacy Policy — Auto post facebook extensions</title>
    <meta
      name="description"
      content="Privacy Policy for the Auto post facebook extensions Chrome extension."
    />
    <style>
      :root {
        --bg: #0b1020;
        --bg-soft: #0f152b;
        --card: #111832;
        --text: #e9eefb;
        --muted: #a9b1c7;
        --brand: #6aa6ff;
        --ring: rgba(106, 166, 255, 0.4);
        --border: rgba(255, 255, 255, 0.1);
        --shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
        --radius-xl: 22px;
        --radius-lg: 14px;
      }
      @media (prefers-color-scheme: light) {
        :root {
          --bg: #f6f8ff;
          --bg-soft: #eef2ff;
          --card: #ffffff;
          --text: #0b1020;
          --muted: #5b637a;
          --brand: #3b82f6;
          --ring: rgba(59, 130, 246, 0.25);
          --border: rgba(12, 18, 38, 0.08);
          --shadow: 0 10px 30px rgba(20, 30, 60, 0.08);
        }
      }
      * {
        box-sizing: border-box;
      }
      html,
      body {
        height: 100%;
      }
      body {
        margin: 0;
        font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto,
          Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
        color: var(--text);
        background: radial-gradient(
            1200px 800px at 80% -10%,
            rgba(106, 166, 255, 0.18),
            transparent 60%
          ),
          radial-gradient(
            900px 600px at -10% 20%,
            rgba(90, 219, 216, 0.16),
            transparent 60%
          ),
          var(--bg);
        line-height: 1.65;
        letter-spacing: 0.2px;
      }
      .wrap {
        max-width: 920px;
        margin: 56px auto;
        padding: 0 20px 56px;
      }
      .header {
        position: relative;
        border: 1px solid var(--border);
        background: linear-gradient(180deg, var(--bg-soft), var(--card));
        border-radius: var(--radius-xl);
        padding: 32px 28px 28px 28px;
        box-shadow: var(--shadow);
        overflow: hidden;
      }
      .header::after {
        content: "";
        position: absolute;
        inset: -1px;
        border-radius: inherit;
        pointer-events: none;
        box-shadow: 0 0 0 1px var(--ring) inset;
        opacity: 0.5;
      }
      .badge {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 8px 12px;
        background: rgba(106, 166, 255, 0.12);
        color: var(--text);
        border: 1px solid var(--border);
        border-radius: 999px;
        font-size: 12px;
        letter-spacing: 0.3px;
        text-transform: uppercase;
      }
      .title {
        margin: 14px 0 8px;
        font-size: 34px;
        line-height: 1.2;
        letter-spacing: 0.2px;
      }
      .subtitle {
        margin: 0 0 10px;
        color: var(--muted);
        font-size: 16px;
      }
      .meta {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        align-items: center;
        color: var(--muted);
        font-size: 14px;
      }
      .meta strong {
        color: var(--text);
      }

      .card {
        margin-top: 22px;
        border: 1px solid var(--border);
        background: var(--card);
        border-radius: var(--radius-lg);
        padding: 22px 22px;
        box-shadow: var(--shadow);
      }

      h2 {
        font-size: 20px;
        margin: 0 0 10px;
      }
      p {
        margin: 0 0 14px;
      }
      ul {
        margin: 0 0 14px 18px;
      }

      .footer {
        margin-top: 26px;
        color: var(--muted);
        font-size: 14px;
      }

      .row {
        display: grid;
        gap: 16px;
        grid-template-columns: 1fr;
      }
      @media (min-width: 720px) {
        .row {
          grid-template-columns: 1fr 1fr;
        }
      }

      .kbd {
        font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
          "Liberation Mono", "Courier New", monospace;
        background: rgba(255, 255, 255, 0.06);
        border: 1px solid var(--border);
        border-bottom-width: 2px;
        padding: 2px 6px;
        border-radius: 8px;
        font-size: 12px;
      }
      a {
        color: var(--brand);
        text-underline-offset: 2px;
      }
    </style>
  </head>
  <body>
    <main class="wrap" aria-labelledby="doc-title">
      <header class="header">
        <span class="badge" aria-label="Document type">
          <!-- lock icon -->
          <svg
            width="14"
            height="14"
            viewBox="0 0 24 24"
            fill="none"
            aria-hidden="true"
          >
            <path
              d="M17 11V8a5 5 0 1 0-10 0v3"
              stroke="currentColor"
              stroke-width="1.5"
              stroke-linecap="round"
            />
          </svg>
          Privacy Policy
        </span>
        <h1 id="doc-title" class="title">
          Auto post facebook extensions — Privacy Policy
        </h1>
        <p class="subtitle">
          How the Auto post facebook extensions Chrome extension handles your
          data.
        </p>
        <div class="meta" role="contentinfo">
          <div>
            <strong>Effective Date:</strong>
            <time datetime="2025-08-25">August 25, 2025</time>
          </div>
          <div>•</div>
          <div><span class="kbd">Version 1.3</span></div>
        </div>
      </header>

      <section class="card" aria-labelledby="info-collection">
        <h2 id="info-collection">1. Information Collection</h2>
        <p>
          The Auto post facebook extensions does not collect or transmit any
          personal or sensitive user data.
        </p>
        <p>
          The extension uses the <span class="kbd">storage</span> permission
          solely to save settings and preferences
          <strong>locally in your browser</strong>. This data does not leave
          your device.
        </p>
      </section>

      <section class="card" aria-labelledby="info-collection">
        <h2 id="info-collection">2. Local Storage Only</h2>
        <p>
          All data used by this extension is stored using Chrome's local storage
          (via the chrome.storage API). This data never leaves your device and
          is not transmitted to any external server.
        </p>
      </section>

      <section class="card" aria-labelledby="third-parties">
        <h2 id="third-parties">3. No Third‑party Sharing</h2>
        <p>
          We do not share any user data with third parties. We do not use
          analytics, advertising, or tracking technologies.
        </p>
      </section>

      <section class="card" aria-labelledby="changes">
        <h2 id="changes">4. Changes to this Policy</h2>
        <p>
          If we update this privacy policy, we will revise this page and update
          the effective date above.
        </p>
      </section>

      <section class="card" aria-labelledby="contact">
        <h2 id="contact">5. Contact</h2>
        <p>
          If you have questions about this policy, contact us at
          <a href="mailto:support@example.com">apactech65@gmail.com</a>.
        </p>
      </section>
    </main>
  </body>
</html>
