<!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="#0EA5E9" />
  <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>How It Works — From Reference to Removal in Five Steps | takedowns</title>
  <meta name="description" content="The takedowns workflow: reference a case, fingerprint media, scan public sources, dispatch DMCA notices, and monitor for re-uploads. A five-step pipeline for survivors, advocates, and content creators." />
  <meta name="keywords" content="how takedowns works, takedown workflow, DMCA dispatch process, leak monitoring steps, fingerprinting workflow" />
  <meta name="author" content="takedowns" />
  <meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large" />
  <link rel="canonical" href="https://takedowns.vesamuni.com/how-it-works" />

  <meta property="og:type" content="website" />
  <meta property="og:site_name" content="takedowns by vesamuni" />
  <meta property="og:title" content="How It Works — From Reference to Removal in Five Steps" />
  <meta property="og:description" content="A five-step pipeline: reference, fingerprint, scan, dispatch, monitor." />
  <meta property="og:url" content="https://takedowns.vesamuni.com/how-it-works" />
  <meta property="og:image" content="https://takedowns.vesamuni.com/public/og/how-it-works.png" />
  <meta property="og:locale" content="en_US" />

  <meta name="twitter:card" content="summary_large_image" />
  <meta name="twitter:title" content="How It Works — From Reference to Removal in Five Steps" />
  <meta name="twitter:description" content="A five-step pipeline: reference, fingerprint, scan, dispatch, monitor." />
  
  <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;600&display=swap" rel="stylesheet">
  <!-- CSS-PRELOAD -->
  <link rel="preload" as="style" href="/public/css/marketing.css?v=3.11-skyclean" />

  
  <link rel="stylesheet" href="/public/css/glass.css?v=2-light" />
  <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/"
    },
    {
      "@type": "ListItem",
      "position": 2,
      "name": "How it works",
      "item": "https://takedowns.vesamuni.com/how-it-works"
    }
  ]
}
  </script>
  <!-- JSON-LD: JSONLD-HOWTO -->
  <script type="application/ld+json">
  {
  "@context": "https://schema.org",
  "@type": "HowTo",
  "name": "How takedowns works — five steps from reference to monitor",
  "description": "Add a case, fingerprint reference media, scan public sources, dispatch DMCA notices, and monitor for re-uploads.",
  "totalTime": "PT5M",
  "step": [
    {
      "@type": "HowToStep",
      "position": 1,
      "name": "Reference",
      "text": "Add a case — a person or catalogue to protect."
    },
    {
      "@type": "HowToStep",
      "position": 2,
      "name": "Fingerprint",
      "text": "Perceptual fingerprints are derived from reference media in isolated processing pipelines. Raw media is never persisted on takedowns infrastructure."
    },
    {
      "@type": "HowToStep",
      "position": 3,
      "name": "Scan",
      "text": "Automated reverse search across public web sources for matching fingerprints. Supports MHTML workspace imports for one-off URL capture."
    },
    {
      "@type": "HowToStep",
      "position": 4,
      "name": "Dispatch",
      "text": "Operator reviews findings, signs a DMCA notice, and dispatches to the hosting platform. Optional multi-target broadcast."
    },
    {
      "@type": "HowToStep",
      "position": 5,
      "name": "Monitor",
      "text": "Continuous re-scan after removal; automatic re-dispatch if the content reappears."
    }
  ]
}
  </script>
</head>
<body>

  <div class="radial-glow"></div>
  <div class="grid-bg"></div>

  <!-- 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="/">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" class="active">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>takedowns</span>
      </a>


            <div class="nav-links">
        <a href="/">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" class="active" 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>

  <!-- Hero Section -->
  <section class="hero-section container">
    <span class="hero-label">Workflow Guide</span>
    <h1 class="hero-title">The takedown process, <em>step-by-step.</em></h1>
    <p class="hero-desc">takedowns coordinates secure platform scanning, unalterable evidence indexing, and automated notice management to handle sensitive privacy recovery at scale.</p>
  </section>

  <!-- Timeline Section -->
  <section class="container reveal" style="padding-top: 0; padding-bottom: 140px;">
    <div class="timeline-container">
      <div class="timeline-line"></div>

      <!-- Step 1 -->
      <div class="timeline-item">
        <div class="timeline-dot"></div>
        <div class="timeline-label">01 / Setup</div>
        <h3 class="timeline-title">Create confidential case</h3>
        <p class="timeline-body">Advocates and operators create isolated case records inside the portal, creating a chronological audit trail for potential legal actions. All client details are compartmentalized securely under strict multi-tenant roles.</p>
      </div>

      <!-- Step 2 -->
      <div class="timeline-item">
        <div class="timeline-dot"></div>
        <div class="timeline-label">02 / Hash</div>
        <h3 class="timeline-title">Upload reference media</h3>
        <p class="timeline-body">Perceptual fingerprints are derived from your reference media in isolated processing pipelines, allowing matching against remote sources without ever persisting the original files on our infrastructure.</p>
      </div>

      <!-- Step 3 -->
      <div class="timeline-item">
        <div class="timeline-dot"></div>
        <div class="timeline-label">03 / Scan</div>
        <h3 class="timeline-title">Run platform scans</h3>
        <p class="timeline-body">The scanner checks search engines, adult platforms, and image boards sequentially using url, text, and visual-AI fallback metrics. Deep audits trigger vision triage only when text queries indicate high-probability leaks.</p>
      </div>

      <!-- Step 4 -->
      <div class="timeline-item">
        <div class="timeline-dot"></div>
        <div class="timeline-label">04 / Review</div>
        <h3 class="timeline-title">Review suspected matches</h3>
        <p class="timeline-body">Examine scan findings safely within our isolated evidence workspace. Operators audit matching files and host details without rendering dynamic scripts or loading suggestive visuals on local hardware.</p>
      </div>

      <!-- Step 5 -->
      <div class="timeline-item">
        <div class="timeline-dot"></div>
        <div class="timeline-label">05 / Dispatch</div>
        <h3 class="timeline-title">Generate takedown notices</h3>
        <p class="timeline-body">Instantly structure verified findings into professional compliance notices. The platform resolves host contacts (using RDAP tools and registrar databases) and routes notices via transaction mail APIs.</p>
      </div>

      <!-- Step 6 -->
      <div class="timeline-item">
        <div class="timeline-dot"></div>
        <div class="timeline-label">06 / Complete</div>
        <h3 class="timeline-title">Track removals</h3>
        <p class="timeline-body">Monitor link states dynamically. The engine runs recurring checks, updating removal badges (confirming HTTP 404 response logs) to maintain an immutable audit trail for legal hold compliance.</p>
      </div>
    </div>
  </section>

  <!-- CTA Section -->
  <section class="section container" style="text-align: center; border-top: 1px solid var(--border);">
    <h2 class="section-title">Establish a secure workspace today.</h2>
    <p class="section-desc" style="margin: 0.5rem auto 2.5rem;">Begin managing sensitive casework with speed, precision, and privacy protection protocols.</p>
    <a href="/register" class="btn btn-primary">Open a Case</a>
  </section>

  <!-- 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>Privacy-first platform helping survivors, advocates, and agencies track, document, and request removals of
            non-consensual intimate material — including images, video, audio, and AI-generated content.</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-bottom">
        <span>&copy; 2026 takedowns. Built under Vesamuni Cybersecurity.</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>

  <script src="/public/js/marketing.js" defer></script>
</body>
</html>
