<!doctype html>
<html lang="en">

<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <meta name="theme-color" content="#6366f1" />

  <link rel="icon" type="image/png" sizes="32x32" href="/public/og/favicon-32.png">
  <link rel="icon" type="image/png" sizes="16x16" href="/public/og/favicon-16.png">
  <link rel="apple-touch-icon" sizes="48x48" href="/public/og/favicon-48.png">

  <title>takedowns — NCII & DMCA Takedown Service, Content Creator Leak Protection</title>
  <meta name="description" content="takedowns is a privacy-first platform for non-consensual intimate material removals, content creator leak protection, and bulk DMCA dispatch. Built for survivors, advocates, agencies, and creators on OnlyFans, Fansly, and webcam platforms." />
  <meta name="keywords" content="NCII takedown, content creator leak protection, OnlyFans DMCA, Fansly takedown, webcam model protection, bulk DMCA dispatch, non-consensual intimate material removal, advocate workflow, takedown service" />
  <meta name="author" content="Vesamuni" />
  <meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large" />
  <link rel="canonical" href="https://takedowns.vesamuni.com/" />

  <meta property="og:type" content="website" />
  <meta property="og:site_name" content="takedowns by vesamuni" />
  <meta property="og:title" content="takedowns — NCII & DMCA Takedown Service" />
  <meta property="og:description" content="Privacy-first takedown platform. Detect, document, and remove harmful content faster." />
  <meta property="og:url" content="https://takedowns.vesamuni.com/" />
  <meta property="og:image" content="https://takedowns.vesamuni.com/public/og/logo.png" />
  <meta property="og:locale" content="en_US" />

  <meta name="twitter:card" content="summary_large_image" />
  <meta name="twitter:title" content="takedowns — NCII & DMCA Takedown Service" />
  <meta name="twitter:description" content="Privacy-first takedown platform. Detect, document, and remove harmful content faster." />

  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "Organization",
    "name": "takedowns",
    "alternateName": "takedowns by vesamuni",
    "url": "https://takedowns.vesamuni.com/",
    "logo": "https://takedowns.vesamuni.com/public/og/logo.png",
    "description": "Privacy-first platform for NCII takedowns, content creator leak protection, and bulk DMCA dispatch.",
    "founder": { "@type": "Organization", "name": "Vesamuni" },
    "contactPoint": {
      "@type": "ContactPoint",
      "contactType": "customer support",
      "url": "https://takedowns.vesamuni.com/contact"
    },
    "sameAs": []
  }
  </script>
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "SoftwareApplication",
    "name": "takedowns",
    "applicationCategory": "SecurityApplication",
    "applicationSubCategory": "Takedown and DMCA Workflow",
    "operatingSystem": "Web",
    "offers": {
      "@type": "Offer",
      "price": "0",
      "priceCurrency": "USD",
      "description": "Free plan available; paid plans from $29/month."
    },
    "url": "https://takedowns.vesamuni.com/"
  }
  </script>
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "FAQPage",
    "mainEntity": [
      {
        "@type": "Question",
        "name": "Who is takedowns built for?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "takedowns serves four primary user groups: survivors of non-consensual intimate material, legal advocates and counsel, agencies and support organizations, and content creators (OnlyFans, Fansly, webcam models, and independent studios) who need proactive catalogue protection."
        }
      },
      {
        "@type": "Question",
        "name": "Does takedowns store raw media?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "No. Only perceptual fingerprints and metadata are stored. Raw media is never persisted on takedowns infrastructure."
        }
      },
      {
        "@type": "Question",
        "name": "Can I dispatch DMCA notices in bulk?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "Yes. Agency and Creator plans support multi-target broadcast from a single review. Every dispatch is logged with timestamps and a tamper-evident copy."
        }
      },
      {
        "@type": "Question",
        "name": "Is my billing data safe?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "All billing is handled by Stripe. Card data never touches takedowns servers."
        }
      }
    ]
  }
  </script>

  <link rel="manifest" href="/public/manifest.json" />
  <!-- Premium Fonts -->
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link
    href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,400&family=Instrument+Serif:ital@0;1&family=JetBrains+Mono:wght@400;500&display=swap"
    rel="stylesheet">
  <!-- CSS-PRELOAD -->
  <link rel="preload" as="style" href="/public/css/glass.css?v=2-light" />


  <link rel="stylesheet" href="/public/css/glass.css?v=2-light" />
  <style>
    .brand .brand-wordmark { display: flex; flex-direction: column; line-height: 1.05; }
    .brand .brand-wordmark small { font-size: .62rem; color: var(--text-3); font-weight: 500; letter-spacing: .04em; }
    .hero-art { display: flex; align-items: center; justify-content: center; min-height: 380px; }
    .hero-art img { width: 100%; max-width: 540px; height: auto; }
  </style>

  <link rel="stylesheet" href="/public/css/marketing.css?v=4-light" />
  <script src="/public/js/marketing-css-fix.js" defer></script>
  <!-- JSON-LD: JSONLD-BREADCRUMB -->
  <script type="application/ld+json">
  {
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "Home",
      "item": "https://takedowns.vesamuni.com/"
    }
  ]
}
  </script>
  <!-- JSON-LD: JSONLD-WEBSITE -->
  <script type="application/ld+json">
  {
  "@context": "https://schema.org",
  "@type": "WebSite",
  "name": "takedowns",
  "url": "https://takedowns.vesamuni.com/",
  "description": "Privacy-first platform for NCII takedowns, content creator leak protection, and bulk DMCA dispatch.",
  "inLanguage": "en",
  "potentialAction": {
    "@type": "RegisterAction",
    "target": {
      "@type": "EntryPoint",
      "urlTemplate": "https://takedowns.vesamuni.com/register"
    },
    "result": {
      "@type": "Thing",
      "name": "Free takedowns account"
    }
  }
}
  </script>
</head>

<body id="top">

  <!-- Mobile Overlay Menu -->
  <div class="mobile-menu-overlay" id="mobileMenu" aria-hidden="true" role="dialog">

        <div class="mobile-menu-section">
      <div class="mobile-menu-section-label">Main</div>
      <div class="mobile-menu-links">
        <a href="/" class="active">Home</a>
        <a href="/features">Features</a>
        <a href="/pricing">Pricing</a>
      </div>
    </div>
    <div class="mobile-menu-section">
      <div class="mobile-menu-section-label">For You</div>
      <div class="mobile-menu-links">
        <a href="/for-survivors">For Survivors</a>
        <a href="/for-creators">For Creators</a>
      </div>
    </div>
    <div class="mobile-menu-section">
      <div class="mobile-menu-section-label">Resources</div>
      <div class="mobile-menu-links">
        <a href="/how-it-works">How It Works</a>
        <a href="/who-it-helps">Who It Helps</a>
        <a href="/blog">Blog</a>
      </div>
    </div>
    <div class="mobile-menu-actions">
      <a href="/login" class="btn btn-secondary" style="width: 100%;">Sign in</a>
      <a href="/register" class="btn btn-primary" style="width: 100%; background-color: var(--fg); color: var(--bg);">Create account</a>
    </div>
    <div class="mobile-menu-footer">
      <a href="/privacy">Privacy</a>
      <a href="/terms">Terms</a>
      <a href="/cookies">Cookies</a>
      <a href="/dmca">DMCA</a>
      <a href="/acceptable-use">Acceptable Use</a>
    </div>
  </div>

  <!-- Floating Navigation -->
  <div class="nav-wrapper" id="navWrapper">
    <nav class="nav-pill" id="navPill" aria-label="Main Navigation">
      <a href="#top" class="brand" aria-label="takedowns home">
        <div class="brand-logo" aria-hidden="true">
          <img src="/public/og/logo-mark.png" alt="" width="32" height="32" />
        </div>
        <span class="brand-wordmark">takedowns<small>by vesamuni</small></span>
      </a>


            <div class="nav-links">
        <a href="/" class="active">Home</a>
        <a href="/features">Features</a>
        <div class="nav-item-dropdown" data-dropdown>
          <button type="button" class="nav-trigger" aria-haspopup="true" aria-expanded="false">For You</button>
          <div class="nav-dropdown" role="menu">
            <a href="/for-survivors" role="menuitem">
              <span class="nav-dropdown-title">For Survivors</span>
              <span class="nav-dropdown-desc">Confidential, self-serve recovery</span>
            </a>
            <a href="/for-creators" role="menuitem">
              <span class="nav-dropdown-title">For Creators</span>
              <span class="nav-dropdown-desc">OnlyFans, Fansly, webcam protection</span>
            </a>
          </div>
        </div>
        <div class="nav-item-dropdown" data-dropdown>
          <button type="button" class="nav-trigger" aria-haspopup="true" aria-expanded="false">Resources</button>
          <div class="nav-dropdown" role="menu">
            <a href="/how-it-works" role="menuitem">
              <span class="nav-dropdown-title">How It Works</span>
              <span class="nav-dropdown-desc">Five steps from reference to removal</span>
            </a>
            <a href="/who-it-helps" role="menuitem">
              <span class="nav-dropdown-title">Who It Helps</span>
              <span class="nav-dropdown-desc">Survivors, advocates, agencies, creators</span>
            </a>
            <a href="/blog" role="menuitem">
              <span class="nav-dropdown-title">Blog</span>
              <span class="nav-dropdown-desc">Practical guides and case studies</span>
            </a>
          </div>
        </div>
        <a href="/pricing">Pricing</a>
      </div>

      <div class="nav-actions">
        <a href="/login" class="btn btn-text" style="color: var(--fg-secondary); padding: 8px 16px;">Sign in</a>
        <a href="/register" class="btn btn-primary">Create account</a>
      </div>

      <button class="burger-btn" id="burgerBtn" aria-label="Toggle Menu" aria-expanded="false">
        <svg viewBox="0 0 24 24" width="24" height="24" fill="none" stroke="currentColor" stroke-width="1.5"
          stroke-linecap="round" stroke-linejoin="round">
          <line x1="3" y1="6" x2="21" y2="6" class="line-top"></line>
          <line x1="3" y1="12" x2="21" y2="12" class="line-mid"></line>
          <line x1="3" y1="18" x2="21" y2="18" class="line-bot"></line>
        </svg>
      </button>
    </nav>
  </div>

  <main>
    <!-- Hero Section -->
    <section class="hero container">
      <div class="hero-radial" aria-hidden="true"></div>
      <div class="hero-noise" aria-hidden="true"></div>
      <div class="hero-grid" aria-hidden="true"></div>

      <div class="hero-content">
        <span class="hero-pill hero-reveal" style="animation-delay: 0s;">DMCA & NCII takedown service</span>

        <h1 class="hero-title hero-reveal" style="animation-delay: 0.1s;">
          We find your leaked content. We take it down. We <span class="text-editorial">stay on it.</span>
        </h1>

        <p class="hero-desc hero-reveal" style="animation-delay: 0.2s;">
          Most first removals land within 24 hours. Every notice goes out under our company
          name — never yours. <strong>If a private image of you was shared without consent, full
          removal is free.</strong>
        </p>

        <div class="hero-ctas hero-reveal" style="animation-delay: 0.3s;">
          <a href="/register?intent=leak" class="btn btn-primary btn-large">My content was leaked →</a>
          <a href="/register?intent=shared" class="btn btn-secondary btn-large">A private image was shared with me →</a>
        </div>

        <div class="hero-trust hero-reveal" style="animation-delay: 0.4s;">
          <div class="trust-item">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
              stroke-linejoin="round">
              <polyline points="20 6 9 17 4 12"></polyline>
            </svg>
            <span>24h avg to first takedown</span>
          </div>
          <div class="trust-item">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
              stroke-linejoin="round">
              <polyline points="20 6 9 17 4 12"></polyline>
            </svg>
            <span>Your name stays out of it</span>
          </div>
          <div class="trust-item">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
              stroke-linejoin="round">
              <polyline points="20 6 9 17 4 12"></polyline>
            </svg>
            <span>Free for survivors of non-consensual sharing</span>
          </div>
          <div class="trust-item">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
              stroke-linejoin="round">
              <polyline points="20 6 9 17 4 12"></polyline>
            </svg>
            <span>No card needed to start</span>
          </div>
        </div>
      </div>
    </section>

    <!-- How It Works Section -->
    <section id="how-it-works">
      <div class="container">
        <div class="section-header">
          <span class="section-label">How It Works</span>
          <h2 class="section-title">A clear path from <em>discovery</em> to resolution.</h2>
          <p class="section-desc">We structure the technical and administrative workflows required to document listings
            and dispatch notices securely.</p>
        </div>

        <div class="grid-3" style="margin-bottom: 56px;">
          <!-- Step 1 -->
          <div class="card">
            <div class="card-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
                stroke-linejoin="round">
                <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path>
                <polyline points="14 2 14 8 20 8"></polyline>
                <line x1="12" y1="18" x2="12" y2="12"></line>
                <line x1="9" y1="15" x2="15" y2="15"></line>
              </svg>
            </div>
            <h3 class="card-title">Create a confidential case</h3>
            <p class="card-body">Start a secure, encrypted case file with minimal personal information required. Your
              data stays private.</p>
            <span class="card-meta">Step 01</span>
          </div>

          <!-- Step 2 -->
          <div class="card">
            <div class="card-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
                stroke-linejoin="round">
                <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path>
                <polyline points="17 8 12 3 7 8"></polyline>
                <line x1="12" y1="3" x2="12" y2="15"></line>
              </svg>
            </div>
            <h3 class="card-title">Upload reference evidence</h3>
            <p class="card-body">Add reference images or video frames to enable accurate matching across platforms and
              search results.</p>
            <span class="card-meta">Step 02</span>
          </div>

          <!-- Step 3 -->
          <div class="card">
            <div class="card-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
                stroke-linejoin="round">
                <circle cx="11" cy="11" r="8"></circle>
                <line x1="21" y1="21" x2="16.65" y2="16.65"></line>
                <path d="M11 8v6"></path>
                <path d="M8 11h6"></path>
              </svg>
            </div>
            <h3 class="card-title">Run automated scans</h3>
            <p class="card-body">Our detection pipeline searches across known platforms and search results to identify
              suspected matches.</p>
            <span class="card-meta">Step 03</span>
          </div>
        </div>

        <div style="text-align: center;">
          <a href="/how-it-works" class="btn btn-secondary">View full workflow</a>
        </div>
      </div>
    </section>

    <!-- Who It Helps Section -->
    <section id="who-it-helps">
      <div class="container">
        <div class="section-header">
          <span class="section-label">Who It Helps</span>
          <h2 class="section-title">Built for the people and teams on the <em>front lines.</em></h2>
          <p class="section-desc">Tailored tools structured to respect survivor privacy while equipping operators with
            the speed and technical validation tools necessary for sensitive casework.</p>
        </div>

        <div class="grid-2" style="margin-bottom: 56px;">
          <!-- Survivors -->
          <div class="card">
            <div class="card-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
                stroke-linejoin="round">
                <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path>
                <circle cx="12" cy="7" r="4"></circle>
              </svg>
            </div>
            <h3 class="card-title">A private image was shared with you.</h3>
            <p class="card-body">We help you get it removed. Free, no card, no signup to start.</p>
            <a href="/for-survivors" class="card-link" style="margin-top: 12px; font-size: 14px;">Start here →</a>
          </div>

          <!-- Support Organizations -->
          <div class="card">
            <div class="card-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
                stroke-linejoin="round">
                <path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path>
                <circle cx="9" cy="7" r="4"></circle>
                <path d="M23 21v-2a4 4 0 0 0-3-3.87"></path>
                <path d="M16 3.13a4 4 0 0 1 0 7.75"></path>
              </svg>
            </div>
            <h3 class="card-title">Advocates and case managers</h3>
            <p class="card-body">Many cases at once. Role-based access, shared notes, bulk dispatch.</p>
            <a href="/contact" class="card-link" style="margin-top: 12px; font-size: 14px;">Talk to us →</a>
          </div>

          <!-- Legal Teams -->
          <div class="card">
            <div class="card-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
                stroke-linejoin="round">
                <line x1="12" y1="2" x2="12" y2="22"></line>
                <line x1="5" y1="7" x2="19" y2="7"></line>
                <path d="M5 7l3 6h-6l3-6z"></path>
                <path d="M19 7l3 6h-6l3-6z"></path>
              </svg>
            </div>
            <h3 class="card-title">Attorneys</h3>
            <p class="card-body">Chain-of-custody exports, audit logs, court-ready bundles.</p>
            <a href="/contact" class="card-link" style="margin-top: 12px; font-size: 14px;">Talk to us →</a>
          </div>

          <!-- Agencies -->
          <div class="card">
            <div class="card-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
                stroke-linejoin="round">
                <rect x="2" y="7" width="20" height="14" rx="2" ry="2"></rect>
                <path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"></path>
              </svg>
            </div>
            <h3 class="card-title">Agencies and operators</h3>
            <p class="card-body">Multi-tenant, API access, bulk takedowns, real-time status.</p>
            <a href="/pricing" class="card-link" style="margin-top: 12px; font-size: 14px;">See agency plan →</a>
          </div>
        </div>

        <div style="text-align: center;">
          <a href="/for-survivors" class="btn btn-secondary">Not sure where you fit? Start here →</a>
        </div>
      </div>
    </section>

    <!-- Platform Features -->
    <section id="features">
      <div class="container">
        <div class="section-header">
          <span class="section-label">Platform Features</span>
          <h2 class="section-title">Everything you need to <em>respond with precision.</em></h2>
          <p class="section-desc">Technical infrastructure constructed to verify listings, isolate credentials, and
            manage takedown dispatches securely.</p>
        </div>

        <div class="grid-3" style="margin-bottom: 56px;">
          <!-- Feature 1 -->
          <div class="card">
            <div class="card-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
                stroke-linejoin="round">
                <path d="M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z"></path>
              </svg>
            </div>
            <h3 class="card-title">Case management</h3>
            <p class="card-body">Organize active cases, delegate folders securely, and manage multiple files under
              isolated workspaces.</p>
          </div>

          <!-- Feature 2 -->
          <div class="card">
            <div class="card-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
                stroke-linejoin="round">
                <path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"></path>
                <rect x="8" y="2" width="8" height="4" rx="1" ry="1"></rect>
              </svg>
            </div>
            <h3 class="card-title">Evidence handling</h3>
            <p class="card-body">Save chronological site layouts, server headers, and network timestamps into
              tamper-evident encrypted evidence archives.</p>
          </div>

          <!-- Feature 3 -->
          <div class="card">
            <div class="card-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
                stroke-linejoin="round">
                <circle cx="12" cy="12" r="10"></circle>
                <line x1="2" y1="12" x2="22" y2="12"></line>
                <path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z">
                </path>
              </svg>
            </div>
            <h3 class="card-title">Search discovery</h3>
            <p class="card-body">A 3-tier discovery pipeline checking URL lists, text filters, and trigger-falling to AI
              vision only when necessary.</p>
          </div>

          <!-- Feature 4 -->
          <div class="card">
            <div class="card-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
                stroke-linejoin="round">
                <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path>
                <polyline points="14 2 14 8 20 8"></polyline>
                <line x1="16" y1="13" x2="8" y2="13"></line>
                <line x1="16" y1="17" x2="8" y2="17"></line>
              </svg>
            </div>
            <h3 class="card-title">Takedown generation</h3>
            <p class="card-body">Automatically draft legally compliant compliance notices mapping hosts using RDAP
              registrar lookup tools.</p>
          </div>

          <!-- Feature 5 -->
          <div class="card">
            <div class="card-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
                stroke-linejoin="round">
                <polyline points="22 12 18 12 15 21 9 3 6 12 2 12"></polyline>
              </svg>
            </div>
            <h3 class="card-title">Link health checks</h3>
            <p class="card-body">Track status updates dynamically, checking destination server headers to verify active
              removals.</p>
          </div>

          <!-- Feature 6 -->
          <div class="card">
            <div class="card-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
                stroke-linejoin="round">
                <circle cx="12" cy="12" r="10"></circle>
                <polyline points="12 6 12 12 16 14"></polyline>
                <path d="M3.05 11a9 9 0 1 1 .5 4m-.5 5v-5h5"></path>
              </svg>
            </div>
            <h3 class="card-title">Audit logs</h3>
            <p class="card-body">Compile unalterable database history logs to verify process transparency for legal
              holds and casework.</p>
          </div>
        </div>

        <div style="text-align: center;">
          <a href="/features" class="btn btn-secondary">Explore all features</a>
        </div>
      </div>
    </section>

    <!-- Live counter section: real numbers only -->
    <section class="reveal">
      <div class="container">
        <div class="section-header">
          <span class="section-label">Right now</span>
          <h2 class="section-title">A live look at <em>what's happening.</em></h2>
        </div>
        <p style="text-align: center; color: var(--fg-muted); font-size: 0.95rem;">
          We started in 2026. Numbers below reflect removals and cases our team is actively working on.
        </p>
        <div class="stats-row" id="statsRow" data-source="/api/public/stats">
          <div>
            <div class="stat-num" id="statTakedownCount" data-key="takedowns">—</div>
            <div class="stat-label">removals filed</div>
          </div>
          <div>
            <div class="stat-num" id="statCasesLive" data-key="cases">—</div>
            <div class="stat-label">active cases</div>
          </div>
          <div>
            <div class="stat-num" id="statAvgHours" data-key="avg_hours">—</div>
            <div class="stat-label">avg hours to first takedown</div>
          </div>
          <div>
            <div class="stat-num" id="statUptime" data-key="uptime_pct">—</div>
            <div class="stat-label">removal success rate last 30d</div>
          </div>
        </div>
      </div>
    </section>

    <!-- Pricing Section -->
    <section id="pricing">
      <div class="container">
        <div class="section-header">
          <span class="section-label">Pricing Matrix</span>
          <h2 class="section-title">Transparent plans for every <em>stage of response.</em></h2>
          <p class="section-desc">Access secure platform tools scoped directly to casework needs and scanning limits.
          </p>
        </div>

        <div class="pricing-grid">
          <!-- Free -->
          <div class="price-card">
            <span class="price-tier">Free</span>
            <div class="price-val">$0<span>/month</span></div>
            <p class="price-desc">For testing scanner limits locally.</p>
            <ul class="price-features">
              <li>
                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
                  <polyline points="20 6 9 17 4 12"></polyline>
                </svg>
                1 Active Case
              </li>
              <li>
                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
                  <polyline points="20 6 9 17 4 12"></polyline>
                </svg>
                10 Scans / month
              </li>
              <li>
                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
                  <polyline points="20 6 9 17 4 12"></polyline>
                </svg>
                5 Takedowns
              </li>
              <li>
                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
                  <polyline points="20 6 9 17 4 12"></polyline>
                </svg>
                1 User seat
              </li>
            </ul>
            <a href="/register" class="btn btn-secondary" style="width:100%; margin-top: auto;">Start free</a>
          </div>

          <!-- Standard -->
          <div class="price-card">
            <span class="price-tier">Standard</span>
            <div class="price-val">$29<span>/month</span></div>
            <p class="price-desc">Designed for individuals managing basic recoveries.</p>
            <ul class="price-features">
              <li>
                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
                  <polyline points="20 6 9 17 4 12"></polyline>
                </svg>
                5 Active Cases
              </li>
              <li>
                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
                  <polyline points="20 6 9 17 4 12"></polyline>
                </svg>
                100 Scans / month
              </li>
              <li>
                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
                  <polyline points="20 6 9 17 4 12"></polyline>
                </svg>
                50 Takedowns / month
              </li>
              <li>
                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
                  <polyline points="20 6 9 17 4 12"></polyline>
                </svg>
                1 User seat
              </li>
            </ul>
            <a href="/register" class="btn btn-secondary" style="width:100%; margin-top: auto;">Choose plan</a>
          </div>

          <!-- Pro (Featured) -->
          <div class="price-card featured">
            <span class="price-badge">Recommended</span>
            <span class="price-tier" style="color: var(--accent);">Pro</span>
            <div class="price-val">$79<span>/month</span></div>
            <p class="price-desc">For active legal representatives and support groups.</p>
            <ul class="price-features">
              <li>
                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
                  <polyline points="20 6 9 17 4 12"></polyline>
                </svg>
                20 Active Cases
              </li>
              <li>
                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
                  <polyline points="20 6 9 17 4 12"></polyline>
                </svg>
                500 Scans / month
              </li>
              <li>
                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
                  <polyline points="20 6 9 17 4 12"></polyline>
                </svg>
                200 Takedowns / month
              </li>
              <li>
                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
                  <polyline points="20 6 9 17 4 12"></polyline>
                </svg>
                3 User seats
              </li>
              <li>
                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
                  <polyline points="20 6 9 17 4 12"></polyline>
                </svg>
                Evidence workspace
              </li>
            </ul>
            <a href="/register" class="btn btn-primary" style="width:100%; margin-top: auto;">Choose plan</a>
          </div>

          <!-- Agency -->
          <div class="price-card">
            <span class="price-tier">Agency</span>
            <div class="price-val">$199<span>/month</span></div>
            <p class="price-desc">For high-volume centers needing full API access.</p>
            <ul class="price-features">
              <li>
                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
                  <polyline points="20 6 9 17 4 12"></polyline>
                </svg>
                50 Active Cases
              </li>
              <li>
                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
                  <polyline points="20 6 9 17 4 12"></polyline>
                </svg>
                2,000 Scans / month
              </li>
              <li>
                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
                  <polyline points="20 6 9 17 4 12"></polyline>
                </svg>
                1,000 Takedowns / month
              </li>
              <li>
                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
                  <polyline points="20 6 9 17 4 12"></polyline>
                </svg>
                10 User seats
              </li>
              <li>
                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
                  <polyline points="20 6 9 17 4 12"></polyline>
                </svg>
                REST API &amp; Webhooks
              </li>
            </ul>
            <a href="/contact" class="btn btn-secondary" style="width:100%; margin-top: auto;">Contact sales</a>
          </div>
        </div>

        <div class="pricing-note">
          Limits are designed to protect sensitive workflows and manage external service costs.
        </div>
      </div>
    </section>

    <!-- Security & Privacy Section -->
    <section class="reveal" style="background-color: var(--bg-secondary);">
      <div class="container two-col-grid">
        <div>
          <span class="section-label">Privacy</span>
          <h2 class="section-title" style="font-size: clamp(34px, 4vw, 44px); text-align: left; margin-bottom: 20px;">
            What we keep, and what we don't.
          </h2>

          <div class="security-stack">
            <div class="security-item">
              <div class="security-icon">
                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
                  stroke-linejoin="round">
                  <rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect>
                  <path d="M7 11V7a5 5 0 0 1 10 0v4"></path>
                </svg>
              </div>
              <div class="security-text">
                <h4>We don't keep your images.</h4>
                <p>Only perceptual fingerprints. The originals stay on your device.</p>
              </div>
            </div>

            <div class="security-item">
              <div class="security-icon">
                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
                  stroke-linejoin="round">
                  <circle cx="12" cy="12" r="10"></circle>
                  <line x1="12" y1="8" x2="12" y2="12"></line>
                  <line x1="12" y1="16" x2="12.01" y2="16"></line>
                </svg>
              </div>
              <div class="security-text">
                <h4>We don't sell your data.</h4>
                <p>No advertising networks. No training AI models on your case files. No selling.</p>
              </div>
            </div>

            <div class="security-item">
              <div class="security-icon">
                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
                  stroke-linejoin="round">
                  <rect x="2" y="5" width="20" height="14" rx="2"></rect>
                  <line x1="2" y1="10" x2="22" y2="10"></line>
                </svg>
              </div>
              <div class="security-text">
                <h4>Stripe handles the money.</h4>
                <p>Card numbers never reach our servers. We literally can't see them.</p>
              </div>
            </div>

            <div class="security-item">
              <div class="security-icon">
                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
                  stroke-linejoin="round">
                  <path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path>
                  <circle cx="9" cy="7" r="4"></circle>
                </svg>
              </div>
              <div class="security-text">
                <h4>Only you see your case.</h4>
                <p>Our staff can't read your files. We logged every access and we'd tell you if it happened.</p>
              </div>
            </div>
          </div>

          <div style="margin-top: 32px;">
            <a href="/trust" class="btn btn-secondary">Read the full security page →</a>
          </div>
        </div>

        <div>
          <div class="helpline-card" style="padding: 28px; border-radius: 18px; background: rgba(255,255,255,0.7); backdrop-filter: blur(14px); border: 1px solid rgba(255,255,255,0.5);">
            <h3 style="font-family: var(--font-serif); font-style: italic; font-size: 22px; margin-bottom: 10px; line-height: 1.25;">
              If a private image of you was shared without consent:
            </h3>
            <p style="margin-bottom: 16px; font-size: 15.5px; line-height: 1.55;">
              You can use us for free — no card. Or start with one of these free services. They're excellent.
              You don't owe anyone money to make this stop.
            </p>
            <ul style="list-style: none; padding: 0; margin: 0; font-size: 14.5px;">
              <li style="padding: 10px 0; border-top: 1px solid rgba(0,0,0,0.08); line-height: 1.45;">
                <strong>StopNCII.org</strong> — free. Hashes your images on-device. Blocks future uploads on 9 platforms.
              </li>
              <li style="padding: 10px 0; border-top: 1px solid rgba(0,0,0,0.08); line-height: 1.45;">
                <strong>CCRI Helpline 1-844-878-2274</strong> — 24/7, free, 100+ languages.
              </li>
              <li style="padding: 10px 0; border-top: 1px solid rgba(0,0,0,0.08); line-height: 1.45;">
                <strong>Revenge Porn Helpline 0345 6000 459</strong> — free, UK & international.
              </li>
              <li style="padding: 10px 0; border-top: 1px solid rgba(0,0,0,0.08); border-bottom: 1px solid rgba(0,0,0,0.08); line-height: 1.45;">
                <strong>NCMEC 1-800-843-5678</strong> — if you're under 18, or were when it was taken.
              </li>
            </ul>
            <p style="margin-top: 18px; font-size: 14px; color: var(--fg-muted);">
              You're not the cause of this. <a href="/for-survivors">More support and resources →</a>
            </p>
          </div>
        </div>
      </div>
    </section>

    <!-- FAQ Section -->
    <section class="reveal">
      <div class="container">
        <div class="section-header">
          <span class="section-label">Support</span>
          <h2 class="section-title">Common <em>questions.</em></h2>
        </div>

        <div class="accordion-stack">
          <div class="accordion-item">
            <button class="accordion-title">
              <span>How do you protect my privacy?</span>
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
                stroke-linejoin="round">
                <polyline points="6 9 12 15 18 9"></polyline>
              </svg>
            </button>
            <div class="accordion-content">
              <p>We store fingerprints, not raw images. Your name doesn't go on any notice we file. Card data stays at Stripe — we never see it.</p>
            </div>
          </div>

          <div class="accordion-item">
            <button class="accordion-title">
              <span>Are you law enforcement?</span>
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
                stroke-linejoin="round">
                <polyline points="6 9 12 15 18 9"></polyline>
              </svg>
            </button>
            <div class="accordion-content">
              <p>No. We're a takedown service. Not police, not a private investigator, not a law firm. If you need any of those, we'll point you somewhere better.</p>
            </div>
          </div>

          <div class="accordion-item">
            <button class="accordion-title">
              <span>Can you guarantee removal?</span>
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
                stroke-linejoin="round">
                <polyline points="6 9 12 15 18 9"></polyline>
              </svg>
            </button>
            <div class="accordion-content">
              <p>No. Too many hosts in too many jurisdictions. What we do promise: we keep working the case until the link is dead, and we tell you exactly what happened.</p>
            </div>
          </div>

          <div class="accordion-item">
            <button class="accordion-title">
              <span>Who can see my case?</span>
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
                stroke-linejoin="round">
                <polyline points="6 9 12 15 18 9"></polyline>
              </svg>
            </button>
            <div class="accordion-content">
              <p>Only you. Anyone you add to the case. Our staff can't read your files.</p>
            </div>
          </div>

          <div class="accordion-item">
            <button class="accordion-title">
              <span>What happens if I cancel?</span>
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
                stroke-linejoin="round">
                <polyline points="6 9 12 15 18 9"></polyline>
              </svg>
            </button>
            <div class="accordion-content">
              <p>Export everything before you go. After 30 days it's permanently deleted.</p>
            </div>
          </div>

          <div class="accordion-item">
            <button class="accordion-title">
              <span>I was threatened with sharing. Can you help?</span>
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
                stroke-linejoin="round">
                <polyline points="6 9 12 15 18 9"></polyline>
              </svg>
            </button>
            <div class="accordion-content">
              <p>Yes. Full removal is free for survivors of non-consensual sharing — no card, no signup needed to start.</p>
              <p>If you want to pre-block future uploads, submit a hash to <a href="https://stopncii.org" rel="noopener noreferrer" target="_blank">StopNCII.org</a> first (also free, blocks on 9 platforms).</p>
              <p>If you're under 18, or feel unsafe right now, contact <strong>NCMEC 1-800-843-5678</strong>. If you need to talk to someone, the <strong>CCRI Helpline 1-844-878-2274</strong> is 24/7, free, and offers interpretation in most languages.</p>
              <p>For UK and international support, the <strong>Revenge Porn Helpline</strong> at <strong>0345 6000 459</strong> is also free.</p>
            </div>
          </div>
        </div>
      </div>
    </section>

    <!-- Final CTA Section -->
    <section class="reveal" style="padding-bottom: 200px;">
      <div class="container cta-content">
        <h2 class="section-title">Start responding with <em>confidence.</em></h2>
        <p class="section-desc">Create a free account and begin documenting your first case. No credit card required.
          Your privacy is protected from the first click.</p>

        <div class="hero-ctas">
          <a href="/register" class="btn btn-primary">Create account</a>
          <a href="/contact" class="btn btn-secondary">Talk to our team</a>
        </div>
      </div>
    </section>
  </main>

  <!-- Footer -->
  <footer class="app-footer">
    <div class="container">
      <div class="footer-grid">
      <div class="footer-brand">
        <a href="#top" class="brand" aria-label="takedowns home">
          <div class="brand-logo" aria-hidden="true">
            <img src="/public/og/logo-mark.png" alt="" width="32" height="32" />
          </div>
          <span>takedowns</span>
        </a>
        <p>We find leaked content and get it removed. Free for survivors of non-consensual sharing. Paid for creators and agencies.</p>
      </div>

        <div class="footer-col">
          <h4>Product</h4>
          <ul>
            <li><a href="#features">Features</a></li>
            <li><a href="#pricing">Pricing</a></li>
            <li><a href="#how-it-works">How It Works</a></li>
            <li><a href="/blog">Blog</a></li>
          </ul>
        </div>

        <div class="footer-col">
          <h4>Company</h4>
          <ul>
            <li><a href="/about">About</a></li>
            <li><a href="/contact">Contact</a></li>
            <li><a href="#who-it-helps">Who It Helps</a></li>
          </ul>
        </div>

        <div class="footer-col">
          <h4>Legal and Trust</h4>
          <ul>
            <li><a href="/trust">Trust and Privacy</a></li>
            <li><a href="/login">Sign in</a></li>
            <li><a href="/register">Create account</a></li>
          </ul>
        </div>
      </div>

      <div class="footer-helplines" style="margin: 32px 0 24px; padding: 24px; border-radius: 14px; background: rgba(99,102,241,0.06); border: 1px solid rgba(99,102,241,0.12);">
        <h4 style="font-size: 13px; text-transform: uppercase; letter-spacing: 0.06em; color: var(--accent); margin-bottom: 12px; font-weight: 600;">
          If you need help right now
        </h4>
        <p style="font-size: 14.5px; line-height: 1.55; margin-bottom: 14px;">
          These are free, confidential, and they don't sell you anything. Talk to them first — they're excellent.
        </p>
        <ul style="list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 10px; font-size: 14px;">
          <li><strong>StopNCII.org</strong> — free hash-based blocking</li>
          <li><strong>CCRI 1-844-878-2274</strong> — 24/7, multilingual</li>
          <li><strong>UK RPH 0345 6000 459</strong> — free, international</li>
          <li><strong>NCMEC 1-800-843-5678</strong> — under 18</li>
        </ul>
      </div>

      <div class="footer-bottom">
        <span>&copy; 2026 takedowns · built under Vesamuni.</span>
        <div class="footer-bottom-links">
          <a href="/trust#privacy">Privacy</a>
          <a href="/trust">Security</a>
          <a href="/trust">Terms</a>
        </div>
      </div>
    </div>
  </footer>

  <!-- Interactivity Scripts -->
  <script src="/public/js/marketing.js?v=2-noNaN" defer></script>
  <script>
    (function () {
      // Live counter — fetch real numbers, never let "NaN" reach the page.
      // Auto-refreshes every 60 seconds so the page lives up to its
      // "pulled from our actual case log every 60 seconds" copy.
      // If anything goes wrong, the spans stay "—" and we try again.
      var el = function (id) { return document.getElementById(id); };
      function setText(id, value, suffix) {
        var n = el(id);
        if (!n) return;
        if (value === null || value === undefined || isNaN(value)) {
          n.textContent = '—';
        } else {
          n.textContent = String(value) + (suffix || '');
        }
      }
      function flash(id) {
        var n = el(id);
        if (!n) return;
        n.style.transition = 'color 200ms';
        n.style.color = 'var(--accent)';
        setTimeout(function () { n.style.color = ''; }, 600);
      }
      function tick() {
        fetch('/api/public/stats', { credentials: 'omit', cache: 'no-store' })
          .then(function (r) { return r.ok ? r.json() : null; })
          .then(function (j) {
            if (!j) return;
            // Only flash the cells whose value actually changed — avoids
            // a distracting re-flash on every poll.
            var updates = [
              ['statTakedownCount', j.removals,  ''],
              ['statCasesLive',     j.cases,      ''],
              ['statAvgHours',      j.avg_hours,  'h'],
              ['statUptime',        j.uptime_pct, '%'],
            ];
            for (var i = 0; i < updates.length; i++) {
              var id = updates[i][0], val = updates[i][1], suf = updates[i][2];
              var n = el(id);
              if (!n) continue;
              var newText = (val === null || val === undefined || isNaN(val))
                ? '—'
                : String(val) + suf;
              if (n.textContent !== newText) {
                setText(id, val, suf);
                flash(id);
              }
            }
          })
          .catch(function () { /* leave "—" in place; next tick will retry */ });
      }
      tick();
      setInterval(tick, 60_000);
    })();
  </script>
</body>

</html>