<!DOCTYPE html><html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1"><link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png"><link rel="icon" type="image/png" sizes="512x512" href="/favicon-512.png"><link rel="apple-touch-icon" sizes="180x180" href="/favicon-180.png"><link rel="icon" type="image/svg+xml" href="/bpg-mark-on-dark.svg"><title>Black Plastic Glasses — AI Search Visibility Platform</title><meta name="description" content="Track where your brand appears in AI-generated answers from ChatGPT, Perplexity, and Google AI Overview. Act on every gap — directly from within BPG."><meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"><meta name="author" content="Black Plastic Glasses"><link rel="canonical" href="https://blackplasticglasses.com/"><!-- Open Graph --><meta property="og:type" content="website"><meta property="og:site_name" content="Black Plastic Glasses"><meta property="og:locale" content="en_US"><meta property="og:url" content="https://blackplasticglasses.com/"><meta property="og:title" content="Black Plastic Glasses — AI Search Visibility Platform"><meta property="og:description" content="Track where your brand appears in AI-generated answers from ChatGPT, Perplexity, and Google AI Overview. Act on every gap — directly from within BPG."><meta property="og:image" content="https://blackplasticglasses.com/bpg-mark-1024.png"><meta property="og:image:width" content="1024"><meta property="og:image:height" content="1024"><!-- Twitter --><meta name="twitter:card" content="summary_large_image"><meta name="twitter:url" content="https://blackplasticglasses.com/"><meta name="twitter:title" content="Black Plastic Glasses — AI Search Visibility Platform"><meta name="twitter:description" content="Track where your brand appears in AI-generated answers from ChatGPT, Perplexity, and Google AI Overview. Act on every gap — directly from within BPG."><meta name="twitter:image" content="https://blackplasticglasses.com/bpg-mark-1024.png"><!-- 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+Mono:ital,wght@0,300;0,400;0,500;1,300&family=Syne:wght@400;600;700;800&family=DM+Sans:ital,wght@0,300;0,400;0,500;1,300&display=swap" rel="stylesheet"><!-- Sitemap --><link rel="sitemap" type="application/xml" href="/sitemap.xml"><!-- Organisation JSON-LD --><script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"Black Plastic Glasses","url":"https://blackplasticglasses.com","logo":"https://blackplasticglasses.com/bpg-mark-1024.png","description":"Reddit marketing agency specialising in AI-powered community management, strategic comment placement, and done-for-you Reddit growth.","contactPoint":{"@type":"ContactPoint","contactType":"sales","url":"https://calendar.app.google/E4E2WwVkKtSFgSnc8"}}</script><!-- Google Analytics --><script async src="https://www.googletagmanager.com/gtag/js?id=G-3KYXGPP15M"></script><link rel="stylesheet" href="/assets/agencies.D2NLWa1l.css">
<link rel="stylesheet" href="/assets/agencies.bqJLM0E7.css">
<style>.pgc-cell[data-astro-cid-75hl4xso]{perspective:600px}.pgc-inner[data-astro-cid-75hl4xso]{position:relative;width:28px;height:28px;transform-style:preserve-3d;transition:transform .35s ease}.pgc-inner[data-astro-cid-75hl4xso].pgc-flipped{transform:rotateY(180deg)}.pgc-front[data-astro-cid-75hl4xso],.pgc-back[data-astro-cid-75hl4xso]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;backface-visibility:hidden;-webkit-backface-visibility:hidden}.pgc-back[data-astro-cid-75hl4xso]{transform:rotateY(180deg)}
</style><script type="module" src="/assets/hoisted.C-0TC-9_.js"></script></head> <body class="bg-white text-gray-900"> <!-- Grid frame rails --> <div class="bpg-rails" aria-hidden="true"> <span class="rail left"></span> <span class="rail right"></span> </div>  <nav class="sticky top-0 z-50 bg-white/70 backdrop-blur-sm border-b border-gray-200/60 shadow-sm h-[60px] px-8"> <div class="max-w-[1100px] mx-auto h-full"> <div class="flex justify-between items-center h-full"> <!-- Logo --> <a href="/" class="flex items-center" aria-label="Black Plastic Glasses"> <img src="/bpg-mark.svg" alt="Black Plastic Glasses" class="h-7 w-auto"> </a> <!-- Desktop nav --> <div class="hidden md:flex items-center space-x-8"> <a href="/pricing" class="font-body text-[13px] text-gray-700 hover:text-gray-900 transition-colors">Pricing</a> <a href="/reddit" class="font-body text-[13px] text-gray-700 hover:text-gray-900 transition-colors">Blog</a> <a href="/contact" class="font-body text-[13px] text-gray-700 hover:text-gray-900 transition-colors">Contact</a> <a href="https://app.blackplasticglasses.com/signup" target="_blank" rel="noopener noreferrer" class="font-mono text-[11px] tracking-[0.12em] uppercase px-5 py-2.5 bg-gray-900 text-white hover:bg-gray-700 transition-colors duration-150">
Start Free
</a> </div> <!-- Mobile toggle --> <button id="mobile-menu-toggle" class="md:hidden text-gray-700 hover:text-gray-900 p-2" aria-label="Toggle menu" aria-expanded="false"> <svg id="icon-menu" class="w-6 h-6" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" d="M4 6h16M4 12h16M4 18h16"></path> </svg> <svg id="icon-close" class="w-6 h-6 hidden" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path> </svg> </button> </div> <!-- Mobile menu --> <div id="mobile-menu" class="hidden md:hidden border-t border-gray-200 bg-white px-2 pb-4"> <div class="flex flex-col space-y-1 pt-3"> <a href="/pricing" class="block px-3 py-2 font-body text-[13px] text-gray-700 hover:text-gray-900">Pricing</a> <a href="/reddit" class="block px-3 py-2 font-body text-[13px] text-gray-700 hover:text-gray-900">Blog</a> <a href="/contact" class="block px-3 py-2 font-body text-[13px] text-gray-700 hover:text-gray-900">Contact</a> <div class="px-3 py-2"> <a href="https://app.blackplasticglasses.com/signup" target="_blank" rel="noopener noreferrer" class="block w-full text-center font-mono text-[11px] tracking-[0.12em] uppercase px-5 py-2.5 bg-gray-900 text-white hover:bg-gray-700 transition-colors">
Start Free
</a> </div> </div> </div> </div> </nav>   <section class="py-32"> <div class="bpg-container"> <div class="max-w-[720px] mx-auto text-center"> <p class="font-mono text-[11px] uppercase tracking-[0.2em] text-[#E8722A] mb-4">AI Citation Tracking</p> <h1 class="font-display text-[clamp(36px,5vw,64px)] font-extrabold text-gray-900 leading-[1.05] tracking-tight mb-6">
Track AI citations.<br> <span class="text-yellow-400">Then act on them.</span> </h1> <p class="font-body text-[16px] text-gray-600 leading-[1.75] mb-10 max-w-[580px] mx-auto">
See exactly which sources ChatGPT, Google, Copilot and Perplexity cited, where your competitors appeared in those answers, and what you can do about it, all from one platform.
</p> <div class="flex flex-wrap gap-4 justify-center"> <a href="https://app.blackplasticglasses.com/signup" target="_blank" rel="noopener noreferrer" class="font-mono text-[12px] tracking-[0.12em] uppercase px-8 py-4 bg-gray-900 text-white hover:bg-gray-700 transition-colors duration-150">
Start Free →
</a> <a href="#how-it-works" class="font-mono text-[12px] tracking-[0.12em] uppercase px-8 py-4 border border-gray-300 text-gray-700 hover:border-gray-900 hover:text-gray-900 transition-colors duration-150">
See How It Works
</a> </div> </div> <!-- Browser mockup --> <div class="mt-16 border border-gray-200 shadow-sm overflow-hidden"> <div class="bg-gray-100 border-b border-gray-200 px-4 py-2.5 flex items-center gap-3"> <div class="flex gap-1.5 flex-shrink-0"> <span class="w-3 h-3 rounded-full bg-gray-300"></span> <span class="w-3 h-3 rounded-full bg-gray-300"></span> <span class="w-3 h-3 rounded-full bg-gray-300"></span> </div> <div class="flex-1 bg-white border border-gray-200 rounded-sm px-3 py-1 flex justify-center overflow-hidden"> <span class="font-mono text-[11px] text-gray-400 truncate">app.blackplasticglasses.com/citations</span> </div> </div> <img src="/Screenshot_18.png" alt="BPG Citations dashboard — AI search citation tracking" class="w-full block" width="1440" height="810"> </div> </div> </section>  <section class="bpg-section py-20"> <div class="bpg-container"> <div class="mb-12"> <p class="font-mono text-[11px] uppercase tracking-[0.2em] text-[#E8722A] mb-4">Why It Matters</p> <h2 class="font-display text-[clamp(24px,3vw,36px)] font-bold text-gray-900 tracking-tight leading-tight mb-2"> 
AI engines don't return links.<br>They return <span class="text-yellow-400">one answer.</span>  </h2> <p class="font-body text-[14px] leading-[1.7] text-gray-600" style="max-width:640px">Your SEO tool tells you how you rank on Google. It tells you nothing about whether you show up when someone asks ChatGPT for a product recommendation.</p> </div> <div class="grid md:grid-cols-3 gap-[2px]"> <div class="bg-white shadow-sm p-7"> <p class="font-mono text-[10px] text-[#E8722A] tracking-wider mb-3 uppercase">The shift</p> <h3 class="font-display text-[16px] font-bold text-gray-900 mb-3 leading-tight">Synthesised answers, not ranked lists</h3> <p class="font-body text-[13px] text-gray-600 leading-relaxed">ChatGPT, Perplexity, and Google AI Overview draw on sources they've decided to trust. A synthesised answer has no position 2 or 3. You're either mentioned in it or you're not.</p> </div> <div class="bg-white shadow-sm p-7"> <p class="font-mono text-[10px] text-[#E8722A] tracking-wider mb-3 uppercase">The risk</p> <h3 class="font-display text-[16px] font-bold text-gray-900 mb-3 leading-tight">Competitors may already be there</h3> <p class="font-body text-[13px] text-gray-600 leading-relaxed">Citation data shows exactly which brands appear in AI answers for your category — and which don't. Most brands have no idea where they stand. Their competitors do.</p> </div> <div class="bg-white shadow-sm p-7"> <p class="font-mono text-[10px] text-[#E8722A] tracking-wider mb-3 uppercase">The blind spot</p> <h3 class="font-display text-[16px] font-bold text-gray-900 mb-3 leading-tight">Traditional SEO is blind to this</h3> <p class="font-body text-[13px] text-gray-600 leading-relaxed">Rank trackers and analytics tools measure Google search performance. None of them tell you whether you appear when someone asks an AI engine for a recommendation in your category.</p> </div> </div> </div> </section>  <section id="how-it-works" class="bpg-section bpg-section--alt py-20"> <div class="bpg-container"> <div class="mb-12"> <p class="font-mono text-[11px] uppercase tracking-[0.2em] text-[#E8722A] mb-4">How It Works</p> <h2 class="font-display text-[clamp(24px,3vw,36px)] font-bold text-gray-900 tracking-tight leading-tight mb-2"> 
Track. Act. <span class="text-yellow-400">Measure.</span>  </h2> <p class="font-body text-[14px] leading-[1.7] text-gray-600" style="max-width:640px">Track which sources AI engines cite, act on the gaps directly from the platform, and measure how your footprint changes over time.</p> </div> <div class="space-y-20"> <div class="grid gap-10 lg:gap-16 items-center lg:grid-cols-2"> <!-- Text block --> <div class=""> <p class="font-mono text-[10px] text-[#E8722A] tracking-[0.15em] mb-4 uppercase">Step 01</p> <h3 class="font-display text-[clamp(20px,2.5vw,28px)] font-bold text-gray-900 mb-4 leading-tight"> 
Define the questions your customers are <span class="text-yellow-400">asking AI engines.</span>  </h3> <p class="font-body text-[14px] text-gray-600 leading-[1.75]">Define the questions your target customers are asking AI engines. Set up prompts for any market, run them across multiple engines, and BPG starts building your citation footprint from day one.</p> </div> <!-- Screenshot --> <div class=""> <div class="border border-gray-200 shadow-sm overflow-hidden"> <div class="bg-gray-100 border-b border-gray-200 px-4 py-2.5 flex items-center gap-3"> <div class="flex gap-1.5 flex-shrink-0"> <span class="w-3 h-3 rounded-full bg-gray-300"></span> <span class="w-3 h-3 rounded-full bg-gray-300"></span> <span class="w-3 h-3 rounded-full bg-gray-300"></span> </div> <div class="flex-1 bg-white border border-gray-200 rounded-sm px-3 py-1 flex justify-center overflow-hidden"> <span class="font-mono text-[11px] text-gray-400 truncate">app.blackplasticglasses.com</span> </div> </div> <img src="/Screenshot_21.png" alt="Adding a prompt in the BPG app" class="w-full block" loading="lazy"> </div> </div> </div> <div class="grid gap-10 lg:gap-16 items-center lg:grid-cols-2"> <!-- Text block --> <div class="lg:order-2"> <p class="font-mono text-[10px] text-[#E8722A] tracking-[0.15em] mb-4 uppercase">Step 02</p> <h3 class="font-display text-[clamp(20px,2.5vw,28px)] font-bold text-gray-900 mb-4 leading-tight"> 
See exactly what sources <span class="text-yellow-400">AI is citing.</span>  </h3> <p class="font-body text-[14px] text-gray-600 leading-[1.75]">Run prompts across ChatGPT, Perplexity, and Google AI Overview, and get a full record of every source cited in their answers. The URL, domain, category, which engine returned it, and whether your brand appeared.</p> </div> <!-- Screenshot --> <div class="lg:order-1"> <div class="border border-gray-200 shadow-sm overflow-hidden"> <div class="bg-gray-100 border-b border-gray-200 px-4 py-2.5 flex items-center gap-3"> <div class="flex gap-1.5 flex-shrink-0"> <span class="w-3 h-3 rounded-full bg-gray-300"></span> <span class="w-3 h-3 rounded-full bg-gray-300"></span> <span class="w-3 h-3 rounded-full bg-gray-300"></span> </div> <div class="flex-1 bg-white border border-gray-200 rounded-sm px-3 py-1 flex justify-center overflow-hidden"> <span class="font-mono text-[11px] text-gray-400 truncate">app.blackplasticglasses.com</span> </div> </div> <img src="/domain-citations-overview-main-dashboard.png" alt="Domain citations overview dashboard in the BPG app" class="w-full block" loading="lazy"> </div> </div> </div> <div class="grid gap-10 lg:gap-16 items-center lg:grid-cols-2"> <!-- Text block --> <div class=""> <p class="font-mono text-[10px] text-[#E8722A] tracking-[0.15em] mb-4 uppercase">Step 03</p> <h3 class="font-display text-[clamp(20px,2.5vw,28px)] font-bold text-gray-900 mb-4 leading-tight"> 
See where competitors appear <span class="text-yellow-400">and where you don't.</span>  </h3> <p class="font-body text-[14px] text-gray-600 leading-[1.75]">See exactly where competitors appear in AI answers for your category, which sources are driving their citations, how your footprint compares across engines, and where the gaps are largest.</p> </div> <!-- Screenshot --> <div class=""> <div class="border border-gray-200 shadow-sm overflow-hidden"> <div class="bg-gray-100 border-b border-gray-200 px-4 py-2.5 flex items-center gap-3"> <div class="flex gap-1.5 flex-shrink-0"> <span class="w-3 h-3 rounded-full bg-gray-300"></span> <span class="w-3 h-3 rounded-full bg-gray-300"></span> <span class="w-3 h-3 rounded-full bg-gray-300"></span> </div> <div class="flex-1 bg-white border border-gray-200 rounded-sm px-3 py-1 flex justify-center overflow-hidden"> <span class="font-mono text-[11px] text-gray-400 truncate">app.blackplasticglasses.com</span> </div> </div> <img src="/brand-mention-competitors-action.png" alt="Brand mention and competitor comparison in the BPG app" class="w-full block" loading="lazy"> </div> </div> </div> <div class="grid gap-10 lg:gap-16 items-center lg:grid-cols-2"> <!-- Text block --> <div class="lg:order-2"> <p class="font-mono text-[10px] text-[#E8722A] tracking-[0.15em] mb-4 uppercase">Step 04</p> <h3 class="font-display text-[clamp(20px,2.5vw,28px)] font-bold text-gray-900 mb-4 leading-tight"> 
Act on every citation from <span class="text-yellow-400">a single dashboard.</span>  </h3> <p class="font-body text-[14px] text-gray-600 leading-[1.75]">Reddit thread cited? Submit human-reviewed content into it. Article cited? Find the journalist behind it. YouTube video cited? Find the creator.</p> </div> <!-- Screenshot --> <div class="lg:order-1"> <div class="border border-gray-200 shadow-sm overflow-hidden"> <div class="bg-gray-100 border-b border-gray-200 px-4 py-2.5 flex items-center gap-3"> <div class="flex gap-1.5 flex-shrink-0"> <span class="w-3 h-3 rounded-full bg-gray-300"></span> <span class="w-3 h-3 rounded-full bg-gray-300"></span> <span class="w-3 h-3 rounded-full bg-gray-300"></span> </div> <div class="flex-1 bg-white border border-gray-200 rounded-sm px-3 py-1 flex justify-center overflow-hidden"> <span class="font-mono text-[11px] text-gray-400 truncate">app.blackplasticglasses.com</span> </div> </div> <img src="/submit-task-reddit.png" alt="Submitting a Reddit task in the BPG app" class="w-full block" loading="lazy"> </div> </div> </div> <div class="grid gap-10 lg:gap-16 items-center max-w-[720px]"> <!-- Text block --> <div class=""> <p class="font-mono text-[10px] text-[#E8722A] tracking-[0.15em] mb-4 uppercase">Step 05</p> <h3 class="font-display text-[clamp(20px,2.5vw,28px)] font-bold text-gray-900 mb-4 leading-tight"> 
Measure how your footprint <span class="text-yellow-400">changes over time.</span>  </h3> <p class="font-body text-[14px] text-gray-600 leading-[1.75]">Track how your citation footprint changes as your actions take effect. Connect a specific gap to a specific action taken and see whether it moved the needle. Weekly or daily updates depending on your plan.</p> </div> <!-- Screenshot -->  </div> </div> </div> </section>  <section class="bpg-section py-20"> <div class="bpg-container"> <div class="mb-12"> <p class="font-mono text-[11px] uppercase tracking-[0.2em] text-[#E8722A] mb-4">What You Can Do</p> <h2 class="font-display text-[clamp(24px,3vw,36px)] font-bold text-gray-900 tracking-tight leading-tight mb-2"> 
Every citation is a starting point,<br><span class="text-yellow-400">not just a data point.</span>  </h2> <p class="font-body text-[14px] leading-[1.7] text-gray-600" style="max-width:640px">The type of action depends on the source. All of it happens inside the platform — no separate tools, no agency relationships required.</p> </div> <div class="grid md:grid-cols-2 gap-[2px]"> <div class="bg-white shadow-sm p-8 flex flex-col gap-4"> <div> <p class="font-mono text-[10px] text-[#E8722A] tracking-wider mb-3 uppercase">Reddit threads</p> <h3 class="font-display text-[18px] font-bold text-gray-900 mb-3 leading-tight">Submit content into cited threads</h3> <p class="font-body text-[13px] text-gray-600 leading-relaxed">Your team writes the content. We post it using established accounts with real karma and history, and every submission is reviewed before it goes live. AI engines have already decided that thread is a credible source. Getting your brand mentioned in it has a direct, measurable effect on your future citation results.</p> </div> <div class="flex flex-wrap gap-2 mt-2"> <span class="font-mono text-[10px] px-2 py-0.5 tracking-[0.05em] text-gray-600 bg-gray-100 border border-gray-200">All plans</span><span class="font-mono text-[10px] px-2 py-0.5 tracking-[0.05em] text-gray-600 bg-gray-100 border border-gray-200">Human-reviewed</span><span class="font-mono text-[10px] px-2 py-0.5 tracking-[0.05em] text-gray-600 bg-gray-100 border border-gray-200">Real accounts</span> </div> </div> <div class="bg-white shadow-sm p-8 flex flex-col gap-4"> <div> <p class="font-mono text-[10px] text-[#E8722A] tracking-wider mb-3 uppercase">News & editorial</p> <h3 class="font-display text-[18px] font-bold text-gray-900 mb-3 leading-tight">Find the journalist behind every cited article</h3> <p class="font-body text-[13px] text-gray-600 leading-relaxed">Pull from a database of 280 million verified contacts to find the author's name, verified email, LinkedIn profile, and social accounts. Every contact is saved with outreach status tracking, so your citation data becomes a live editorial pipeline, built around the exact journalists and bloggers AI engines are already treating as authoritative in your category.</p> </div> <div class="flex flex-wrap gap-2 mt-2"> <span class="font-mono text-[10px] px-2 py-0.5 tracking-[0.05em] text-gray-600 bg-gray-100 border border-gray-200">Contributor &amp; Moderator</span><span class="font-mono text-[10px] px-2 py-0.5 tracking-[0.05em] text-gray-600 bg-gray-100 border border-gray-200">20–40 lookups/month</span><span class="font-mono text-[10px] px-2 py-0.5 tracking-[0.05em] text-gray-600 bg-gray-100 border border-gray-200">Outreach tracking</span> </div> </div> <div class="bg-white shadow-sm p-8 flex flex-col gap-4"> <div> <p class="font-mono text-[10px] text-[#E8722A] tracking-wider mb-3 uppercase">YouTube videos</p> <h3 class="font-display text-[18px] font-bold text-gray-900 mb-3 leading-tight">Reach the creator behind every cited video</h3> <p class="font-body text-[13px] text-gray-600 leading-relaxed">When a YouTube video is being cited, pull the creator's public email, YouTube channel, and social profiles with just one click, and start a conversation about editorial mention or partnership — plus keep track of the status, all from within the platform.</p> </div> <div class="flex flex-wrap gap-2 mt-2"> <span class="font-mono text-[10px] px-2 py-0.5 tracking-[0.05em] text-gray-600 bg-gray-100 border border-gray-200">Contributor &amp; Moderator</span><span class="font-mono text-[10px] px-2 py-0.5 tracking-[0.05em] text-gray-600 bg-gray-100 border border-gray-200">Public contact data</span><span class="font-mono text-[10px] px-2 py-0.5 tracking-[0.05em] text-gray-600 bg-gray-100 border border-gray-200">Outreach tracking</span> </div> </div> <div class="bg-white shadow-sm p-8 flex items-center justify-center" data-astro-cid-75hl4xso> <div class="relative border border-gray-200 w-full pgc-wrapper" data-astro-cid-75hl4xso> <div class="grid grid-cols-4" data-astro-cid-75hl4xso> <div class="pgc-cell flex items-center justify-center p-5 border-r border-gray-200 border-b border-gray-200" data-astro-cid-75hl4xso> <div class="pgc-inner" data-astro-cid-75hl4xso> <div class="pgc-front" data-astro-cid-75hl4xso> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#FF4500" aria-label="Reddit" class="w-7 h-7" data-astro-cid-75hl4xso> <path d="M12 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0zm5.01 4.744c.688 0 1.25.561 1.25 1.249a1.25 1.25 0 0 1-2.498.056l-2.597-.547-.8 3.747c1.824.07 3.48.632 4.674 1.488.308-.309.73-.491 1.207-.491.968 0 1.754.786 1.754 1.754 0 .716-.435 1.333-1.01 1.614a3.111 3.111 0 0 1 .042.52c0 2.694-3.13 4.87-7.004 4.87-3.874 0-7.004-2.176-7.004-4.87 0-.183.015-.366.043-.534A1.748 1.748 0 0 1 4.028 12c0-.968.786-1.754 1.754-1.754.463 0 .898.196 1.207.49 1.207-.883 2.878-1.43 4.744-1.487l.885-4.182a.342.342 0 0 1 .14-.197.35.35 0 0 1 .238-.042l2.906.617a1.214 1.214 0 0 1 1.108-.701zM9.25 12C8.561 12 8 12.562 8 13.25c0 .687.561 1.248 1.25 1.248.687 0 1.248-.561 1.248-1.249 0-.688-.561-1.249-1.249-1.249zm5.5 0c-.687 0-1.248.561-1.248 1.25 0 .687.561 1.248 1.249 1.248.688 0 1.249-.561 1.249-1.249 0-.687-.562-1.249-1.25-1.249zm-5.466 3.99a.327.327 0 0 0-.231.094.33.33 0 0 0 0 .463c.842.842 2.484.913 2.961.913.477 0 2.105-.056 2.961-.913a.361.361 0 0 0 .029-.463.33.33 0 0 0-.464 0c-.547.533-1.684.73-2.512.73-.828 0-1.979-.196-2.512-.73a.326.326 0 0 0-.232-.095z" data-astro-cid-75hl4xso></path> </svg> </div> <div class="pgc-back" data-astro-cid-75hl4xso></div> </div> </div><div class="pgc-cell flex items-center justify-center p-5 border-r border-gray-200 border-b border-gray-200" data-astro-cid-75hl4xso> <div class="pgc-inner" data-astro-cid-75hl4xso> <div class="pgc-front" data-astro-cid-75hl4xso> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#FF0000" aria-label="YouTube" class="w-7 h-7" data-astro-cid-75hl4xso> <path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z" data-astro-cid-75hl4xso></path> </svg> </div> <div class="pgc-back" data-astro-cid-75hl4xso></div> </div> </div><div class="pgc-cell flex items-center justify-center p-5 border-r border-gray-200 border-b border-gray-200" data-astro-cid-75hl4xso> <div class="pgc-inner" data-astro-cid-75hl4xso> <div class="pgc-front" data-astro-cid-75hl4xso> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#0A66C2" aria-label="LinkedIn" class="w-7 h-7" data-astro-cid-75hl4xso> <path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 0 1-2.063-2.065 2.064 2.064 0 1 1 2.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z" data-astro-cid-75hl4xso></path> </svg> </div> <div class="pgc-back" data-astro-cid-75hl4xso></div> </div> </div><div class="pgc-cell flex items-center justify-center p-5 border-b border-gray-200" data-astro-cid-75hl4xso> <div class="pgc-inner" data-astro-cid-75hl4xso> <div class="pgc-front" data-astro-cid-75hl4xso> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#20808D" aria-label="Perplexity" class="w-7 h-7" data-astro-cid-75hl4xso> <path d="M22.3977 7.0896h-2.3106V.0676l-7.5094 6.3542V.1577h-1.1554v6.1966L4.4904 0v7.0896H1.6023v10.3976h2.8882V24l6.932-6.3591v6.2005h1.1554v-6.0469l6.9318 6.1807v-6.4879h2.8882V7.0896zm-3.4657-4.531v4.531h-5.355l5.355-4.531zm-13.2862.0676 4.8691 4.4634H5.6458V2.6262zM2.7576 16.332V8.245h7.8476l-6.1149 6.1147v1.9723H2.7576zm2.8882 5.0404v-3.8852h.0001v-2.6488l5.7763-5.7764v7.0111l-5.7764 5.2993zm12.7086.0248-5.7766-5.1509V9.0618l5.7766 5.7766v6.5588zm2.8882-5.0652h-1.733v-1.9723L13.3948 8.245h7.8478v8.087z" data-astro-cid-75hl4xso></path> </svg> </div> <div class="pgc-back" data-astro-cid-75hl4xso></div> </div> </div><div class="pgc-cell flex items-center justify-center p-5 border-r border-gray-200" data-astro-cid-75hl4xso> <div class="pgc-inner" data-astro-cid-75hl4xso> <div class="pgc-front" data-astro-cid-75hl4xso> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#1877F2" aria-label="Facebook" class="w-7 h-7" data-astro-cid-75hl4xso> <path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z" data-astro-cid-75hl4xso></path> </svg> </div> <div class="pgc-back" data-astro-cid-75hl4xso></div> </div> </div><div class="pgc-cell flex items-center justify-center p-5 border-r border-gray-200" data-astro-cid-75hl4xso> <div class="pgc-inner" data-astro-cid-75hl4xso> <div class="pgc-front" data-astro-cid-75hl4xso> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#E4405F" aria-label="Instagram" class="w-7 h-7" data-astro-cid-75hl4xso> <path d="M12 0C8.74 0 8.333.015 7.053.072 5.775.132 4.905.333 4.14.63c-.789.306-1.459.717-2.126 1.384S.935 3.35.63 4.14C.333 4.905.131 5.775.072 7.053.012 8.333 0 8.74 0 12c0 3.259.014 3.668.072 4.948.058 1.277.262 2.148.558 2.913.306.788.717 1.459 1.384 2.126.667.666 1.336 1.079 2.126 1.384.766.296 1.636.499 2.913.558C8.333 23.988 8.74 24 12 24c3.259 0 3.668-.014 4.948-.072 1.277-.058 2.148-.262 2.913-.558.788-.306 1.459-.717 2.126-1.384.666-.667 1.079-1.335 1.384-2.126.296-.765.499-1.636.558-2.913.06-1.28.072-1.689.072-4.948 0-3.259-.014-3.667-.072-4.947-.059-1.277-.262-2.149-.558-2.913-.306-.789-.718-1.459-1.384-2.126C21.319 1.347 20.651.935 19.86.63c-.765-.297-1.636-.499-2.913-.558C15.667.012 15.26 0 12 0zm0 2.16c3.203 0 3.585.016 4.85.071 1.17.055 1.805.249 2.227.415.562.217.96.477 1.382.896.419.42.679.819.896 1.381.164.422.36 1.057.413 2.227.057 1.266.07 1.646.07 4.85s-.015 3.585-.074 4.85c-.061 1.17-.256 1.805-.421 2.227-.224.562-.479.96-.899 1.382-.419.419-.824.679-1.38.896-.42.164-1.065.36-2.235.413-1.274.057-1.649.07-4.859.07-3.211 0-3.586-.015-4.859-.074-1.171-.061-1.816-.256-2.236-.421-.569-.224-.96-.479-1.379-.899-.421-.419-.69-.824-.9-1.38-.165-.42-.359-1.065-.42-2.235-.045-1.26-.061-1.649-.061-4.844 0-3.196.016-3.586.061-4.861.061-1.17.255-1.814.42-2.234.21-.57.479-.96.9-1.381.419-.419.81-.689 1.379-.898.42-.166 1.051-.361 2.221-.421 1.275-.045 1.65-.06 4.859-.06l.045.03zm0 3.678c-3.405 0-6.162 2.76-6.162 6.162 0 3.405 2.76 6.162 6.162 6.162 3.405 0 6.162-2.76 6.162-6.162 0-3.405-2.76-6.162-6.162-6.162zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zm7.846-10.405c0 .795-.646 1.44-1.44 1.44-.795 0-1.44-.646-1.44-1.44 0-.794.646-1.439 1.44-1.439.793-.001 1.44.645 1.44 1.439z" data-astro-cid-75hl4xso></path> </svg> </div> <div class="pgc-back" data-astro-cid-75hl4xso></div> </div> </div><div class="pgc-cell flex items-center justify-center p-5 border-r border-gray-200" data-astro-cid-75hl4xso> <div class="pgc-inner" data-astro-cid-75hl4xso> <div class="pgc-front" data-astro-cid-75hl4xso> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#4285F4" aria-label="Gemini" class="w-7 h-7" data-astro-cid-75hl4xso> <path d="M11.04 19.32Q12 21.51 12 24q0-2.49.93-4.68.96-2.19 2.58-3.81t3.81-2.55Q21.51 12 24 12q-2.49 0-4.68-.93a12.3 12.3 0 0 1-3.81-2.58 12.3 12.3 0 0 1-2.58-3.81Q12 2.49 12 0q0 2.49-.96 4.68-.93 2.19-2.55 3.81a12.3 12.3 0 0 1-3.81 2.58Q2.49 12 0 12q2.49 0 4.68.96 2.19.93 3.81 2.55t2.55 3.81" data-astro-cid-75hl4xso></path> </svg> </div> <div class="pgc-back" data-astro-cid-75hl4xso></div> </div> </div><div class="pgc-cell flex items-center justify-center p-5" data-astro-cid-75hl4xso> <div class="pgc-inner" data-astro-cid-75hl4xso> <div class="pgc-front" data-astro-cid-75hl4xso> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#000000" aria-label="OpenAI" class="w-7 h-7" data-astro-cid-75hl4xso> <path d="M22.282 9.821a5.985 5.985 0 0 0-.516-4.91 6.046 6.046 0 0 0-6.51-2.9A6.065 6.065 0 0 0 4.981 4.18a5.985 5.985 0 0 0-3.998 2.9 6.046 6.046 0 0 0 .743 7.097 5.98 5.98 0 0 0 .51 4.911 6.051 6.051 0 0 0 6.515 2.9A5.985 5.985 0 0 0 13.26 24a6.056 6.056 0 0 0 5.772-4.206 5.99 5.99 0 0 0 3.997-2.9 6.056 6.056 0 0 0-.747-7.073zM13.26 22.43a4.476 4.476 0 0 1-2.876-1.04l.141-.081 4.779-2.758a.795.795 0 0 0 .392-.681v-6.737l2.02 1.168a.071.071 0 0 1 .038.052v5.583a4.504 4.504 0 0 1-4.494 4.494zM3.6 18.304a4.47 4.47 0 0 1-.535-3.014l.142.085 4.783 2.759a.771.771 0 0 0 .78 0l5.843-3.369v2.332a.08.08 0 0 1-.033.062L9.74 19.95a4.5 4.5 0 0 1-6.14-1.646zM2.34 7.896a4.485 4.485 0 0 1 2.366-1.973V11.6a.766.766 0 0 0 .388.676l5.815 3.355-2.02 1.168a.076.076 0 0 1-.071 0l-4.83-2.786A4.504 4.504 0 0 1 2.34 7.872zm16.597 3.855l-5.843-3.387L15.119 7.2a.076.076 0 0 1 .071 0l4.83 2.791a4.494 4.494 0 0 1-.676 8.105v-5.678a.79.79 0 0 0-.407-.667zm2.01-3.023l-.141-.085-4.774-2.782a.776.776 0 0 0-.785 0L9.409 9.23V6.897a.066.066 0 0 1 .028-.061l4.83-2.787a4.5 4.5 0 0 1 6.68 4.66zm-12.64 4.135l-2.02-1.164a.08.08 0 0 1-.038-.057V6.075a4.5 4.5 0 0 1 7.375-3.453l-.142.08L8.704 5.46a.795.795 0 0 0-.393.681zm1.097-2.365l2.602-1.5 2.607 1.5v2.999l-2.597 1.5-2.607-1.5z" data-astro-cid-75hl4xso></path> </svg> </div> <div class="pgc-back" data-astro-cid-75hl4xso></div> </div> </div> </div> <span class="absolute top-0 left-1/4 -translate-x-1/2 -translate-y-1/2 text-gray-300 font-mono text-[11px] leading-none select-none" aria-hidden="true" data-astro-cid-75hl4xso>+</span> <span class="absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2 text-gray-300 font-mono text-[11px] leading-none select-none" aria-hidden="true" data-astro-cid-75hl4xso>+</span> <span class="absolute top-0 left-3/4 -translate-x-1/2 -translate-y-1/2 text-gray-300 font-mono text-[11px] leading-none select-none" aria-hidden="true" data-astro-cid-75hl4xso>+</span> <span class="absolute top-1/2 left-0 -translate-x-1/2 -translate-y-1/2 text-gray-300 font-mono text-[11px] leading-none select-none" aria-hidden="true" data-astro-cid-75hl4xso>+</span> <span class="absolute top-1/2 left-1/4 -translate-x-1/2 -translate-y-1/2 text-gray-300 font-mono text-[11px] leading-none select-none" aria-hidden="true" data-astro-cid-75hl4xso>+</span> <span class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 text-gray-300 font-mono text-[11px] leading-none select-none" aria-hidden="true" data-astro-cid-75hl4xso>+</span> <span class="absolute top-1/2 left-3/4 -translate-x-1/2 -translate-y-1/2 text-gray-300 font-mono text-[11px] leading-none select-none" aria-hidden="true" data-astro-cid-75hl4xso>+</span> <span class="absolute top-1/2 right-0 translate-x-1/2 -translate-y-1/2 text-gray-300 font-mono text-[11px] leading-none select-none" aria-hidden="true" data-astro-cid-75hl4xso>+</span> <span class="absolute bottom-0 left-1/4 -translate-x-1/2 translate-y-1/2 text-gray-300 font-mono text-[11px] leading-none select-none" aria-hidden="true" data-astro-cid-75hl4xso>+</span> <span class="absolute bottom-0 left-1/2 -translate-x-1/2 translate-y-1/2 text-gray-300 font-mono text-[11px] leading-none select-none" aria-hidden="true" data-astro-cid-75hl4xso>+</span> <span class="absolute bottom-0 left-3/4 -translate-x-1/2 translate-y-1/2 text-gray-300 font-mono text-[11px] leading-none select-none" aria-hidden="true" data-astro-cid-75hl4xso>+</span> </div> </div>  <script>(function(){const icons = [{"name":"Reddit","fill":"#FF4500","path":"M12 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0zm5.01 4.744c.688 0 1.25.561 1.25 1.249a1.25 1.25 0 0 1-2.498.056l-2.597-.547-.8 3.747c1.824.07 3.48.632 4.674 1.488.308-.309.73-.491 1.207-.491.968 0 1.754.786 1.754 1.754 0 .716-.435 1.333-1.01 1.614a3.111 3.111 0 0 1 .042.52c0 2.694-3.13 4.87-7.004 4.87-3.874 0-7.004-2.176-7.004-4.87 0-.183.015-.366.043-.534A1.748 1.748 0 0 1 4.028 12c0-.968.786-1.754 1.754-1.754.463 0 .898.196 1.207.49 1.207-.883 2.878-1.43 4.744-1.487l.885-4.182a.342.342 0 0 1 .14-.197.35.35 0 0 1 .238-.042l2.906.617a1.214 1.214 0 0 1 1.108-.701zM9.25 12C8.561 12 8 12.562 8 13.25c0 .687.561 1.248 1.25 1.248.687 0 1.248-.561 1.248-1.249 0-.688-.561-1.249-1.249-1.249zm5.5 0c-.687 0-1.248.561-1.248 1.25 0 .687.561 1.248 1.249 1.248.688 0 1.249-.561 1.249-1.249 0-.687-.562-1.249-1.25-1.249zm-5.466 3.99a.327.327 0 0 0-.231.094.33.33 0 0 0 0 .463c.842.842 2.484.913 2.961.913.477 0 2.105-.056 2.961-.913a.361.361 0 0 0 .029-.463.33.33 0 0 0-.464 0c-.547.533-1.684.73-2.512.73-.828 0-1.979-.196-2.512-.73a.326.326 0 0 0-.232-.095z"},{"name":"YouTube","fill":"#FF0000","path":"M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"},{"name":"LinkedIn","fill":"#0A66C2","path":"M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 0 1-2.063-2.065 2.064 2.064 0 1 1 2.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"},{"name":"Perplexity","fill":"#20808D","path":"M22.3977 7.0896h-2.3106V.0676l-7.5094 6.3542V.1577h-1.1554v6.1966L4.4904 0v7.0896H1.6023v10.3976h2.8882V24l6.932-6.3591v6.2005h1.1554v-6.0469l6.9318 6.1807v-6.4879h2.8882V7.0896zm-3.4657-4.531v4.531h-5.355l5.355-4.531zm-13.2862.0676 4.8691 4.4634H5.6458V2.6262zM2.7576 16.332V8.245h7.8476l-6.1149 6.1147v1.9723H2.7576zm2.8882 5.0404v-3.8852h.0001v-2.6488l5.7763-5.7764v7.0111l-5.7764 5.2993zm12.7086.0248-5.7766-5.1509V9.0618l5.7766 5.7766v6.5588zm2.8882-5.0652h-1.733v-1.9723L13.3948 8.245h7.8478v8.087z"},{"name":"Facebook","fill":"#1877F2","path":"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"},{"name":"Instagram","fill":"#E4405F","path":"M12 0C8.74 0 8.333.015 7.053.072 5.775.132 4.905.333 4.14.63c-.789.306-1.459.717-2.126 1.384S.935 3.35.63 4.14C.333 4.905.131 5.775.072 7.053.012 8.333 0 8.74 0 12c0 3.259.014 3.668.072 4.948.058 1.277.262 2.148.558 2.913.306.788.717 1.459 1.384 2.126.667.666 1.336 1.079 2.126 1.384.766.296 1.636.499 2.913.558C8.333 23.988 8.74 24 12 24c3.259 0 3.668-.014 4.948-.072 1.277-.058 2.148-.262 2.913-.558.788-.306 1.459-.717 2.126-1.384.666-.667 1.079-1.335 1.384-2.126.296-.765.499-1.636.558-2.913.06-1.28.072-1.689.072-4.948 0-3.259-.014-3.667-.072-4.947-.059-1.277-.262-2.149-.558-2.913-.306-.789-.718-1.459-1.384-2.126C21.319 1.347 20.651.935 19.86.63c-.765-.297-1.636-.499-2.913-.558C15.667.012 15.26 0 12 0zm0 2.16c3.203 0 3.585.016 4.85.071 1.17.055 1.805.249 2.227.415.562.217.96.477 1.382.896.419.42.679.819.896 1.381.164.422.36 1.057.413 2.227.057 1.266.07 1.646.07 4.85s-.015 3.585-.074 4.85c-.061 1.17-.256 1.805-.421 2.227-.224.562-.479.96-.899 1.382-.419.419-.824.679-1.38.896-.42.164-1.065.36-2.235.413-1.274.057-1.649.07-4.859.07-3.211 0-3.586-.015-4.859-.074-1.171-.061-1.816-.256-2.236-.421-.569-.224-.96-.479-1.379-.899-.421-.419-.69-.824-.9-1.38-.165-.42-.359-1.065-.42-2.235-.045-1.26-.061-1.649-.061-4.844 0-3.196.016-3.586.061-4.861.061-1.17.255-1.814.42-2.234.21-.57.479-.96.9-1.381.419-.419.81-.689 1.379-.898.42-.166 1.051-.361 2.221-.421 1.275-.045 1.65-.06 4.859-.06l.045.03zm0 3.678c-3.405 0-6.162 2.76-6.162 6.162 0 3.405 2.76 6.162 6.162 6.162 3.405 0 6.162-2.76 6.162-6.162 0-3.405-2.76-6.162-6.162-6.162zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zm7.846-10.405c0 .795-.646 1.44-1.44 1.44-.795 0-1.44-.646-1.44-1.44 0-.794.646-1.439 1.44-1.439.793-.001 1.44.645 1.44 1.439z"},{"name":"Gemini","fill":"#4285F4","path":"M11.04 19.32Q12 21.51 12 24q0-2.49.93-4.68.96-2.19 2.58-3.81t3.81-2.55Q21.51 12 24 12q-2.49 0-4.68-.93a12.3 12.3 0 0 1-3.81-2.58 12.3 12.3 0 0 1-2.58-3.81Q12 2.49 12 0q0 2.49-.96 4.68-.93 2.19-2.55 3.81a12.3 12.3 0 0 1-3.81 2.58Q2.49 12 0 12q2.49 0 4.68.96 2.19.93 3.81 2.55t2.55 3.81"},{"name":"OpenAI","fill":"#000000","path":"M22.282 9.821a5.985 5.985 0 0 0-.516-4.91 6.046 6.046 0 0 0-6.51-2.9A6.065 6.065 0 0 0 4.981 4.18a5.985 5.985 0 0 0-3.998 2.9 6.046 6.046 0 0 0 .743 7.097 5.98 5.98 0 0 0 .51 4.911 6.051 6.051 0 0 0 6.515 2.9A5.985 5.985 0 0 0 13.26 24a6.056 6.056 0 0 0 5.772-4.206 5.99 5.99 0 0 0 3.997-2.9 6.056 6.056 0 0 0-.747-7.073zM13.26 22.43a4.476 4.476 0 0 1-2.876-1.04l.141-.081 4.779-2.758a.795.795 0 0 0 .392-.681v-6.737l2.02 1.168a.071.071 0 0 1 .038.052v5.583a4.504 4.504 0 0 1-4.494 4.494zM3.6 18.304a4.47 4.47 0 0 1-.535-3.014l.142.085 4.783 2.759a.771.771 0 0 0 .78 0l5.843-3.369v2.332a.08.08 0 0 1-.033.062L9.74 19.95a4.5 4.5 0 0 1-6.14-1.646zM2.34 7.896a4.485 4.485 0 0 1 2.366-1.973V11.6a.766.766 0 0 0 .388.676l5.815 3.355-2.02 1.168a.076.076 0 0 1-.071 0l-4.83-2.786A4.504 4.504 0 0 1 2.34 7.872zm16.597 3.855l-5.843-3.387L15.119 7.2a.076.076 0 0 1 .071 0l4.83 2.791a4.494 4.494 0 0 1-.676 8.105v-5.678a.79.79 0 0 0-.407-.667zm2.01-3.023l-.141-.085-4.774-2.782a.776.776 0 0 0-.785 0L9.409 9.23V6.897a.066.066 0 0 1 .028-.061l4.83-2.787a4.5 4.5 0 0 1 6.68 4.66zm-12.64 4.135l-2.02-1.164a.08.08 0 0 1-.038-.057V6.075a4.5 4.5 0 0 1 7.375-3.453l-.142.08L8.704 5.46a.795.795 0 0 0-.393.681zm1.097-2.365l2.602-1.5 2.607 1.5v2.999l-2.597 1.5-2.607-1.5z"}];

  if (!window.matchMedia('(prefers-reduced-motion: reduce)').matches) {
    const FLIP_MS   = 350;
    const STAGGER_MS = 80;
    const PAUSE_MS  = 2500;
    const ALL_DONE_MS = (icons.length - 1) * STAGGER_MS + FLIP_MS + 60;

    function shuffle(arr) {
      const a = [...arr];
      for (let i = a.length - 1; i > 0; i--) {
        const j = Math.floor(Math.random() * (i + 1));
        [a[i], a[j]] = [a[j], a[i]];
      }
      return a;
    }

    function makeSVG(icon) {
      return `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="${icon.fill}" aria-label="${icon.name}" style="width:28px;height:28px"><path d="${icon.path}"/></svg>`;
    }

    const cells = Array.from(document.querySelectorAll('.pgc-wrapper .pgc-cell'));

    function runCycle() {
      const next = shuffle([...icons]);

      // Load back faces with next arrangement
      cells.forEach((cell, i) => {
        cell.querySelector('.pgc-back').innerHTML = makeSVG(next[i]);
      });

      // Stagger-flip each cell
      cells.forEach((cell, i) => {
        setTimeout(() => {
          cell.querySelector('.pgc-inner').classList.add('pgc-flipped');
        }, i * STAGGER_MS);
      });

      // After all flipped: swap front = back, un-flip instantly, ready for next cycle
      setTimeout(() => {
        cells.forEach((cell, i) => {
          const inner = cell.querySelector('.pgc-inner');
          inner.style.transition = 'none';
          cell.querySelector('.pgc-front').innerHTML = makeSVG(next[i]);
          inner.classList.remove('pgc-flipped');
          requestAnimationFrame(() => requestAnimationFrame(() => {
            inner.style.transition = '';
          }));
        });
      }, ALL_DONE_MS);
    }

    setTimeout(() => {
      runCycle();
      setInterval(runCycle, ALL_DONE_MS + PAUSE_MS);
    }, 1500);
  }
})();</script> </div> </div> </section>  <section id="pricing" class="bpg-section bpg-section--alt py-20"> <div class="bpg-container"> <div class="mb-12"> <p class="font-mono text-[11px] uppercase tracking-[0.2em] text-[#E8722A] mb-4">Pricing</p> <h2 class="font-display text-[clamp(24px,3vw,36px)] font-bold text-gray-900 tracking-tight leading-tight mb-2"> 
Start free. <span class="text-yellow-400">Scale as you grow.</span>  </h2> <p class="font-body text-[14px] leading-[1.7] text-gray-600" style="max-width:640px">Subscription controls what features are available. Credits are spent on Reddit submissions and contact reveals beyond your monthly allowance. Credits never expire.</p> </div> <!-- ── Desktop table (md+) ───────────────────────────────────────── --><div class="hidden md:block overflow-x-auto mb-8"> <table class="w-full border-collapse"> <thead> <tr class="border-b-2 border-gray-900"> <th class="text-left py-4 pr-8 font-mono text-[10px] uppercase tracking-[0.15em] text-gray-500 w-[35%]"></th> <th class="py-4 px-4 text-center"> <p class="font-display text-[18px] font-bold text-gray-900">Free</p> <p class="font-display text-[28px] font-extrabold text-yellow-400 leading-none mt-1">$0</p> <p class="font-mono text-[10px] text-gray-400 tracking-wide mt-1">forever</p> </th><th class="py-4 px-4 text-center"> <p class="font-display text-[18px] font-bold text-gray-900">Starter</p> <p class="font-display text-[28px] font-extrabold text-yellow-400 leading-none mt-1">$49</p> <p class="font-mono text-[10px] text-gray-400 tracking-wide mt-1">per month</p> </th><th class="py-4 px-4 text-center bg-white shadow-sm"> <p class="font-display text-[18px] font-bold text-gray-900">Pro</p> <p class="font-display text-[28px] font-extrabold text-yellow-400 leading-none mt-1">$149</p> <p class="font-mono text-[10px] text-gray-400 tracking-wide mt-1">per month</p> </th><th class="py-4 px-4 text-center"> <p class="font-display text-[18px] font-bold text-gray-900">Business</p> <p class="font-display text-[28px] font-extrabold text-yellow-400 leading-none mt-1">$299</p> <p class="font-mono text-[10px] text-gray-400 tracking-wide mt-1">per month</p> </th> </tr> </thead> <tbody class="divide-y divide-gray-100"> <tr> <td class="py-4 pr-8 font-body text-[13px] text-gray-600">AI prompts monitored</td> <td class="py-4 px-4 text-center"> <span class="font-mono text-[13px] text-gray-700">1</span> </td><td class="py-4 px-4 text-center"> <span class="font-mono text-[13px] text-gray-700">15</span> </td><td class="py-4 px-4 text-center bg-white"> <span class="font-mono text-[13px] text-gray-700">50</span> </td><td class="py-4 px-4 text-center"> <span class="font-mono text-[13px] text-gray-700">150</span> </td> </tr><tr> <td class="py-4 pr-8 font-body text-[13px] text-gray-600">Citation updates</td> <td class="py-4 px-4 text-center"> <span class="font-mono text-[13px] text-gray-300">—</span> </td><td class="py-4 px-4 text-center"> <span class="font-mono text-[13px] text-gray-700">Weekly</span> </td><td class="py-4 px-4 text-center bg-white"> <span class="font-mono text-[13px] text-gray-700">Daily</span> </td><td class="py-4 px-4 text-center"> <span class="font-mono text-[13px] text-gray-700">Daily</span> </td> </tr><tr> <td class="py-4 pr-8 font-body text-[13px] text-gray-600">AI engines tracked</td> <td class="py-4 px-4 text-center"> <div class="flex items-center justify-center gap-1.5 flex-wrap"> <img src="/perplexity.svg" alt="Perplexity" class="w-5 h-5"> <img src="/gemini.svg" alt="Google" class="w-5 h-5"> <img src="/openai.svg" alt="ChatGPT" class="w-5 h-5"> <img src="/microsoft-copilot.svg" alt="Copilot" class="w-5 h-5">  </div> </td><td class="py-4 px-4 text-center"> <div class="flex items-center justify-center gap-1.5 flex-wrap"> <img src="/perplexity.svg" alt="Perplexity" class="w-5 h-5"> <img src="/gemini.svg" alt="Google" class="w-5 h-5"> <img src="/openai.svg" alt="ChatGPT" class="w-5 h-5"> <img src="/microsoft-copilot.svg" alt="Copilot" class="w-5 h-5">  </div> </td><td class="py-4 px-4 text-center bg-white"> <div class="flex items-center justify-center gap-1.5 flex-wrap"> <img src="/perplexity.svg" alt="Perplexity" class="w-5 h-5"> <img src="/gemini.svg" alt="Google" class="w-5 h-5"> <img src="/openai.svg" alt="ChatGPT" class="w-5 h-5"> <img src="/microsoft-copilot.svg" alt="Copilot" class="w-5 h-5"> <span class="font-mono text-[11px] text-gray-400 leading-none">+</span> </div> </td><td class="py-4 px-4 text-center"> <div class="flex items-center justify-center gap-1.5 flex-wrap"> <img src="/perplexity.svg" alt="Perplexity" class="w-5 h-5"> <img src="/gemini.svg" alt="Google" class="w-5 h-5"> <img src="/openai.svg" alt="ChatGPT" class="w-5 h-5"> <img src="/microsoft-copilot.svg" alt="Copilot" class="w-5 h-5"> <span class="font-mono text-[11px] text-gray-400 leading-none">+</span> </div> </td> </tr><tr> <td class="py-4 pr-8 font-body text-[13px] text-gray-600">Thread discovery</td> <td class="py-4 px-4 text-center"> <span class="font-mono text-[13px] text-gray-300">—</span> </td><td class="py-4 px-4 text-center"> <svg class="w-4 h-4 text-yellow-400 mx-auto" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path> </svg> </td><td class="py-4 px-4 text-center bg-white"> <svg class="w-4 h-4 text-yellow-400 mx-auto" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path> </svg> </td><td class="py-4 px-4 text-center"> <svg class="w-4 h-4 text-yellow-400 mx-auto" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path> </svg> </td> </tr><tr> <td class="py-4 pr-8 font-body text-[13px] text-gray-600">Thread seeding</td> <td class="py-4 px-4 text-center"> <span class="font-mono text-[13px] text-gray-300">—</span> </td><td class="py-4 px-4 text-center"> <span class="font-mono text-[13px] text-gray-300">—</span> </td><td class="py-4 px-4 text-center bg-white"> <svg class="w-4 h-4 text-yellow-400 mx-auto" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path> </svg> </td><td class="py-4 px-4 text-center"> <svg class="w-4 h-4 text-yellow-400 mx-auto" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path> </svg> </td> </tr><tr> <td class="py-4 pr-8 font-body text-[13px] text-gray-600">Contact lookups / month</td> <td class="py-4 px-4 text-center"> <span class="font-mono text-[13px] text-gray-300">—</span> </td><td class="py-4 px-4 text-center"> <span class="font-mono text-[13px] text-gray-700">20</span> </td><td class="py-4 px-4 text-center bg-white"> <span class="font-mono text-[13px] text-gray-700">40</span> </td><td class="py-4 px-4 text-center"> <span class="font-mono text-[13px] text-gray-700">100</span> </td> </tr><tr> <td class="py-4 pr-8 font-body text-[13px] text-gray-600">Comment credit cost</td> <td class="py-4 px-4 text-center"> <span class="font-mono text-[13px] text-gray-700">$10</span> </td><td class="py-4 px-4 text-center"> <span class="font-mono text-[13px] text-gray-700">$10</span> </td><td class="py-4 px-4 text-center bg-white"> <span class="font-mono text-[13px] text-gray-700">$8</span> </td><td class="py-4 px-4 text-center"> <span class="font-mono text-[13px] text-gray-700">$6</span> </td> </tr><tr> <td class="py-4 pr-8 font-body text-[13px] text-gray-600">Post credit cost</td> <td class="py-4 px-4 text-center"> <span class="font-mono text-[13px] text-gray-700">$20</span> </td><td class="py-4 px-4 text-center"> <span class="font-mono text-[13px] text-gray-700">$20</span> </td><td class="py-4 px-4 text-center bg-white"> <span class="font-mono text-[13px] text-gray-700">$15</span> </td><td class="py-4 px-4 text-center"> <span class="font-mono text-[13px] text-gray-700">$12</span> </td> </tr><tr> <td class="py-4 pr-8 font-body text-[13px] text-gray-600">Brand mention monitoring</td> <td class="py-4 px-4 text-center"> <span class="font-mono text-[13px] text-gray-300">—</span> </td><td class="py-4 px-4 text-center"> <span class="font-mono text-[13px] text-gray-300">—</span> </td><td class="py-4 px-4 text-center bg-white"> <svg class="w-4 h-4 text-yellow-400 mx-auto" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path> </svg> </td><td class="py-4 px-4 text-center"> <svg class="w-4 h-4 text-yellow-400 mx-auto" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path> </svg> </td> </tr><tr> <td class="py-4 pr-8 font-body text-[13px] text-gray-600">Sentiment tracking</td> <td class="py-4 px-4 text-center"> <span class="font-mono text-[13px] text-gray-300">—</span> </td><td class="py-4 px-4 text-center"> <span class="font-mono text-[13px] text-gray-300">—</span> </td><td class="py-4 px-4 text-center bg-white"> <svg class="w-4 h-4 text-yellow-400 mx-auto" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path> </svg> </td><td class="py-4 px-4 text-center"> <svg class="w-4 h-4 text-yellow-400 mx-auto" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path> </svg> </td> </tr> </tbody> </table> </div> <!-- ── Mobile stacked cards (below md) ──────────────────────────── --> <div class="md:hidden space-y-3 mb-8"> <div class="border border-gray-200"> <div class="flex items-baseline justify-between px-5 py-4 border-b-2 border-gray-900"> <div> <p class="font-display text-[18px] font-bold text-gray-900">Free</p> </div> <div class="text-right"> <span class="font-display text-[28px] font-extrabold text-yellow-400 leading-none">$0</span> <span class="font-mono text-[10px] text-gray-400 tracking-wide ml-1">forever</span> </div> </div> <div class="divide-y divide-gray-100 px-5"> <div class="flex items-center justify-between py-3"> <span class="font-body text-[13px] text-gray-600">AI prompts monitored</span> <span class="ml-4 flex-shrink-0"> <span class="font-mono text-[13px] text-gray-700">1</span> </span> </div><div class="flex items-center justify-between py-3"> <span class="font-body text-[13px] text-gray-600">Citation updates</span> <span class="ml-4 flex-shrink-0"> <span class="font-mono text-[13px] text-gray-300">—</span> </span> </div><div class="flex items-center justify-between py-3"> <span class="font-body text-[13px] text-gray-600">AI engines tracked</span> <span class="ml-4 flex-shrink-0"> <div class="flex items-center gap-1"> <img src="/perplexity.svg" alt="Perplexity" class="w-4 h-4"> <img src="/gemini.svg" alt="Google" class="w-4 h-4"> <img src="/openai.svg" alt="ChatGPT" class="w-4 h-4"> <img src="/microsoft-copilot.svg" alt="Copilot" class="w-4 h-4">  </div> </span> </div><div class="flex items-center justify-between py-3"> <span class="font-body text-[13px] text-gray-600">Thread discovery</span> <span class="ml-4 flex-shrink-0"> <span class="font-mono text-[13px] text-gray-300">—</span> </span> </div><div class="flex items-center justify-between py-3"> <span class="font-body text-[13px] text-gray-600">Thread seeding</span> <span class="ml-4 flex-shrink-0"> <span class="font-mono text-[13px] text-gray-300">—</span> </span> </div><div class="flex items-center justify-between py-3"> <span class="font-body text-[13px] text-gray-600">Contact lookups / month</span> <span class="ml-4 flex-shrink-0"> <span class="font-mono text-[13px] text-gray-300">—</span> </span> </div><div class="flex items-center justify-between py-3"> <span class="font-body text-[13px] text-gray-600">Comment credit cost</span> <span class="ml-4 flex-shrink-0"> <span class="font-mono text-[13px] text-gray-700">$10</span> </span> </div><div class="flex items-center justify-between py-3"> <span class="font-body text-[13px] text-gray-600">Post credit cost</span> <span class="ml-4 flex-shrink-0"> <span class="font-mono text-[13px] text-gray-700">$20</span> </span> </div><div class="flex items-center justify-between py-3"> <span class="font-body text-[13px] text-gray-600">Brand mention monitoring</span> <span class="ml-4 flex-shrink-0"> <span class="font-mono text-[13px] text-gray-300">—</span> </span> </div><div class="flex items-center justify-between py-3"> <span class="font-body text-[13px] text-gray-600">Sentiment tracking</span> <span class="ml-4 flex-shrink-0"> <span class="font-mono text-[13px] text-gray-300">—</span> </span> </div> </div> </div><div class="border border-gray-200"> <div class="flex items-baseline justify-between px-5 py-4 border-b-2 border-gray-900"> <div> <p class="font-display text-[18px] font-bold text-gray-900">Starter</p> </div> <div class="text-right"> <span class="font-display text-[28px] font-extrabold text-yellow-400 leading-none">$49</span> <span class="font-mono text-[10px] text-gray-400 tracking-wide ml-1">per month</span> </div> </div> <div class="divide-y divide-gray-100 px-5"> <div class="flex items-center justify-between py-3"> <span class="font-body text-[13px] text-gray-600">AI prompts monitored</span> <span class="ml-4 flex-shrink-0"> <span class="font-mono text-[13px] text-gray-700">15</span> </span> </div><div class="flex items-center justify-between py-3"> <span class="font-body text-[13px] text-gray-600">Citation updates</span> <span class="ml-4 flex-shrink-0"> <span class="font-mono text-[13px] text-gray-700">Weekly</span> </span> </div><div class="flex items-center justify-between py-3"> <span class="font-body text-[13px] text-gray-600">AI engines tracked</span> <span class="ml-4 flex-shrink-0"> <div class="flex items-center gap-1"> <img src="/perplexity.svg" alt="Perplexity" class="w-4 h-4"> <img src="/gemini.svg" alt="Google" class="w-4 h-4"> <img src="/openai.svg" alt="ChatGPT" class="w-4 h-4"> <img src="/microsoft-copilot.svg" alt="Copilot" class="w-4 h-4">  </div> </span> </div><div class="flex items-center justify-between py-3"> <span class="font-body text-[13px] text-gray-600">Thread discovery</span> <span class="ml-4 flex-shrink-0"> <svg class="w-4 h-4 text-yellow-400" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path> </svg> </span> </div><div class="flex items-center justify-between py-3"> <span class="font-body text-[13px] text-gray-600">Thread seeding</span> <span class="ml-4 flex-shrink-0"> <span class="font-mono text-[13px] text-gray-300">—</span> </span> </div><div class="flex items-center justify-between py-3"> <span class="font-body text-[13px] text-gray-600">Contact lookups / month</span> <span class="ml-4 flex-shrink-0"> <span class="font-mono text-[13px] text-gray-700">20</span> </span> </div><div class="flex items-center justify-between py-3"> <span class="font-body text-[13px] text-gray-600">Comment credit cost</span> <span class="ml-4 flex-shrink-0"> <span class="font-mono text-[13px] text-gray-700">$10</span> </span> </div><div class="flex items-center justify-between py-3"> <span class="font-body text-[13px] text-gray-600">Post credit cost</span> <span class="ml-4 flex-shrink-0"> <span class="font-mono text-[13px] text-gray-700">$20</span> </span> </div><div class="flex items-center justify-between py-3"> <span class="font-body text-[13px] text-gray-600">Brand mention monitoring</span> <span class="ml-4 flex-shrink-0"> <span class="font-mono text-[13px] text-gray-300">—</span> </span> </div><div class="flex items-center justify-between py-3"> <span class="font-body text-[13px] text-gray-600">Sentiment tracking</span> <span class="ml-4 flex-shrink-0"> <span class="font-mono text-[13px] text-gray-300">—</span> </span> </div> </div> </div><div class="border border-gray-200 bg-white shadow-sm"> <div class="flex items-baseline justify-between px-5 py-4 border-b-2 border-gray-900"> <div> <p class="font-display text-[18px] font-bold text-gray-900">Pro</p> </div> <div class="text-right"> <span class="font-display text-[28px] font-extrabold text-yellow-400 leading-none">$149</span> <span class="font-mono text-[10px] text-gray-400 tracking-wide ml-1">per month</span> </div> </div> <div class="divide-y divide-gray-100 px-5"> <div class="flex items-center justify-between py-3"> <span class="font-body text-[13px] text-gray-600">AI prompts monitored</span> <span class="ml-4 flex-shrink-0"> <span class="font-mono text-[13px] text-gray-700">50</span> </span> </div><div class="flex items-center justify-between py-3"> <span class="font-body text-[13px] text-gray-600">Citation updates</span> <span class="ml-4 flex-shrink-0"> <span class="font-mono text-[13px] text-gray-700">Daily</span> </span> </div><div class="flex items-center justify-between py-3"> <span class="font-body text-[13px] text-gray-600">AI engines tracked</span> <span class="ml-4 flex-shrink-0"> <div class="flex items-center gap-1"> <img src="/perplexity.svg" alt="Perplexity" class="w-4 h-4"> <img src="/gemini.svg" alt="Google" class="w-4 h-4"> <img src="/openai.svg" alt="ChatGPT" class="w-4 h-4"> <img src="/microsoft-copilot.svg" alt="Copilot" class="w-4 h-4"> <span class="font-mono text-[11px] text-gray-400 leading-none">+</span> </div> </span> </div><div class="flex items-center justify-between py-3"> <span class="font-body text-[13px] text-gray-600">Thread discovery</span> <span class="ml-4 flex-shrink-0"> <svg class="w-4 h-4 text-yellow-400" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path> </svg> </span> </div><div class="flex items-center justify-between py-3"> <span class="font-body text-[13px] text-gray-600">Thread seeding</span> <span class="ml-4 flex-shrink-0"> <svg class="w-4 h-4 text-yellow-400" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path> </svg> </span> </div><div class="flex items-center justify-between py-3"> <span class="font-body text-[13px] text-gray-600">Contact lookups / month</span> <span class="ml-4 flex-shrink-0"> <span class="font-mono text-[13px] text-gray-700">40</span> </span> </div><div class="flex items-center justify-between py-3"> <span class="font-body text-[13px] text-gray-600">Comment credit cost</span> <span class="ml-4 flex-shrink-0"> <span class="font-mono text-[13px] text-gray-700">$8</span> </span> </div><div class="flex items-center justify-between py-3"> <span class="font-body text-[13px] text-gray-600">Post credit cost</span> <span class="ml-4 flex-shrink-0"> <span class="font-mono text-[13px] text-gray-700">$15</span> </span> </div><div class="flex items-center justify-between py-3"> <span class="font-body text-[13px] text-gray-600">Brand mention monitoring</span> <span class="ml-4 flex-shrink-0"> <svg class="w-4 h-4 text-yellow-400" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path> </svg> </span> </div><div class="flex items-center justify-between py-3"> <span class="font-body text-[13px] text-gray-600">Sentiment tracking</span> <span class="ml-4 flex-shrink-0"> <svg class="w-4 h-4 text-yellow-400" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path> </svg> </span> </div> </div> </div><div class="border border-gray-200"> <div class="flex items-baseline justify-between px-5 py-4 border-b-2 border-gray-900"> <div> <p class="font-display text-[18px] font-bold text-gray-900">Business</p> </div> <div class="text-right"> <span class="font-display text-[28px] font-extrabold text-yellow-400 leading-none">$299</span> <span class="font-mono text-[10px] text-gray-400 tracking-wide ml-1">per month</span> </div> </div> <div class="divide-y divide-gray-100 px-5"> <div class="flex items-center justify-between py-3"> <span class="font-body text-[13px] text-gray-600">AI prompts monitored</span> <span class="ml-4 flex-shrink-0"> <span class="font-mono text-[13px] text-gray-700">150</span> </span> </div><div class="flex items-center justify-between py-3"> <span class="font-body text-[13px] text-gray-600">Citation updates</span> <span class="ml-4 flex-shrink-0"> <span class="font-mono text-[13px] text-gray-700">Daily</span> </span> </div><div class="flex items-center justify-between py-3"> <span class="font-body text-[13px] text-gray-600">AI engines tracked</span> <span class="ml-4 flex-shrink-0"> <div class="flex items-center gap-1"> <img src="/perplexity.svg" alt="Perplexity" class="w-4 h-4"> <img src="/gemini.svg" alt="Google" class="w-4 h-4"> <img src="/openai.svg" alt="ChatGPT" class="w-4 h-4"> <img src="/microsoft-copilot.svg" alt="Copilot" class="w-4 h-4"> <span class="font-mono text-[11px] text-gray-400 leading-none">+</span> </div> </span> </div><div class="flex items-center justify-between py-3"> <span class="font-body text-[13px] text-gray-600">Thread discovery</span> <span class="ml-4 flex-shrink-0"> <svg class="w-4 h-4 text-yellow-400" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path> </svg> </span> </div><div class="flex items-center justify-between py-3"> <span class="font-body text-[13px] text-gray-600">Thread seeding</span> <span class="ml-4 flex-shrink-0"> <svg class="w-4 h-4 text-yellow-400" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path> </svg> </span> </div><div class="flex items-center justify-between py-3"> <span class="font-body text-[13px] text-gray-600">Contact lookups / month</span> <span class="ml-4 flex-shrink-0"> <span class="font-mono text-[13px] text-gray-700">100</span> </span> </div><div class="flex items-center justify-between py-3"> <span class="font-body text-[13px] text-gray-600">Comment credit cost</span> <span class="ml-4 flex-shrink-0"> <span class="font-mono text-[13px] text-gray-700">$6</span> </span> </div><div class="flex items-center justify-between py-3"> <span class="font-body text-[13px] text-gray-600">Post credit cost</span> <span class="ml-4 flex-shrink-0"> <span class="font-mono text-[13px] text-gray-700">$12</span> </span> </div><div class="flex items-center justify-between py-3"> <span class="font-body text-[13px] text-gray-600">Brand mention monitoring</span> <span class="ml-4 flex-shrink-0"> <svg class="w-4 h-4 text-yellow-400" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path> </svg> </span> </div><div class="flex items-center justify-between py-3"> <span class="font-body text-[13px] text-gray-600">Sentiment tracking</span> <span class="ml-4 flex-shrink-0"> <svg class="w-4 h-4 text-yellow-400" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path> </svg> </span> </div> </div> </div> </div> <!-- ── CTA ───────────────────────────────────────────────────────── --> <div class="text-center"> <a href="https://app.blackplasticglasses.com/signup" target="_blank" rel="noopener noreferrer" class="inline-block font-mono text-[12px] tracking-[0.12em] uppercase px-8 py-4 bg-gray-900 text-white hover:bg-gray-700 transition-colors duration-150">
Start Free — No Credit Card Required →
</a> </div> </div> </section>  <section class="bpg-section py-20"> <div class="bpg-container"> <div class="max-w-[800px] mx-auto"> <div class="mb-12"> <p class="font-mono text-[11px] uppercase tracking-[0.2em] text-[#E8722A] mb-4">FAQ</p> <h2 class="font-display text-[clamp(24px,3vw,36px)] font-bold text-gray-900 tracking-tight leading-tight mb-2"> 
Questions we get asked most
 </h2>  </div> <div class="space-y-4"> <details class="bg-white border border-gray-200 px-6 shadow-sm group"> <summary class="flex items-center justify-between cursor-pointer py-5 font-display text-[15px] font-bold text-gray-900 leading-tight list-none">
What is a prompt, and how do I set one up?
<svg class="w-5 h-5 text-gray-400 flex-shrink-0 transition-transform group-open:rotate-180" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"></path> </svg> </summary> <p class="font-body text-[14px] text-gray-600 leading-[1.7] pt-2 pb-6">A prompt is the question your target customer would ask an AI engine — for example, "what are the best cargo liners for a 4Runner?" or "which protein powder is best for building muscle?" BPG runs those prompts across major AI platforms on your behalf and logs which sources the engines cite in their answers. Setting one up takes under a minute inside the platform.</p> </details> <details class="bg-white border border-gray-200 px-6 shadow-sm group"> <summary class="flex items-center justify-between cursor-pointer py-5 font-display text-[15px] font-bold text-gray-900 leading-tight list-none">
Which AI engines does BPG track?
<svg class="w-5 h-5 text-gray-400 flex-shrink-0 transition-transform group-open:rotate-180" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"></path> </svg> </summary> <p class="font-body text-[14px] text-gray-600 leading-[1.7] pt-2 pb-6">BPG currently tracks citations across ChatGPT, Perplexity, and Google AI Overview — the three platforms that account for the majority of AI-driven product discovery. Additional engines are on the roadmap.</p> </details> <details class="bg-white border border-gray-200 px-6 shadow-sm group"> <summary class="flex items-center justify-between cursor-pointer py-5 font-display text-[15px] font-bold text-gray-900 leading-tight list-none">
How does the Reddit submission feature work?
<svg class="w-5 h-5 text-gray-400 flex-shrink-0 transition-transform group-open:rotate-180" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"></path> </svg> </summary> <p class="font-body text-[14px] text-gray-600 leading-[1.7] pt-2 pb-6">Your team writes the content — a genuine, value-adding comment that mentions your product naturally. BPG reviews it for quality and accuracy, then posts it through one of our established Reddit accounts with real karma and post history. Nothing goes live without BPG's review. This is not automated bulk posting — every submission is manually reviewed before it goes live.</p> </details> <details class="bg-white border border-gray-200 px-6 shadow-sm group"> <summary class="flex items-center justify-between cursor-pointer py-5 font-display text-[15px] font-bold text-gray-900 leading-tight list-none">
What's included in the free Lurker plan?
<svg class="w-5 h-5 text-gray-400 flex-shrink-0 transition-transform group-open:rotate-180" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"></path> </svg> </summary> <p class="font-body text-[14px] text-gray-600 leading-[1.7] pt-2 pb-6">The Lurker plan lets you monitor one AI prompt, see citation data as it comes in, and submit content into cited Reddit threads using credits. There's no subscription fee — you only pay when you post ($10 per comment, $20 per post). It's a real working account, not a trial with artificial limits on core functionality.</p> </details> <details class="bg-white border border-gray-200 px-6 shadow-sm group"> <summary class="flex items-center justify-between cursor-pointer py-5 font-display text-[15px] font-bold text-gray-900 leading-tight list-none">
What are credits and do they expire?
<svg class="w-5 h-5 text-gray-400 flex-shrink-0 transition-transform group-open:rotate-180" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"></path> </svg> </summary> <p class="font-body text-[14px] text-gray-600 leading-[1.7] pt-2 pb-6">Credits are spent on Reddit submissions and contact reveals beyond your monthly subscription allowance. They never expire — buy them when you need volume, hold them when you don't. This structure works for brands that track heavily and post rarely, as well as those that do the reverse.</p> </details> </div> </div> </div> </section>  <section class="bpg-section py-20"> <div class="bpg-container"> <div class="max-w-[720px] mx-auto text-center"> <p class="font-mono text-[11px] uppercase tracking-[0.2em] text-[#E8722A] mb-4">Get Started</p> <h2 class="font-display text-[clamp(24px,3vw,40px)] font-bold text-gray-900 tracking-tight leading-tight mb-4"> 
Start tracking your<br><span class="text-yellow-400">AI search footprint.</span>  </h2> <p class="font-body text-[15px] text-gray-600 leading-[1.7] mb-8"> Free to sign up. One prompt, live today. No credit card required. </p> <a href="https://app.blackplasticglasses.com/signup" target="_blank" rel="noopener noreferrer" class="inline-block font-mono text-[12px] tracking-[0.12em] uppercase px-8 py-4 bg-gray-900 text-white hover:bg-gray-700 transition-colors duration-150"> Start Free → </a>  </div> </div> </section> <footer class="bg-gray-900 border-t border-gray-800 px-8 py-16"> <div class="max-w-[1100px] mx-auto"> <!-- Main grid --> <div class="grid grid-cols-2 lg:grid-cols-4 gap-10 mb-12"> <!-- Brand --> <div class="col-span-2 lg:col-span-1"> <div class="flex items-center gap-3 mb-5"> <img src="/bpg-mark-on-dark.svg" alt="Black Plastic Glasses" class="h-8 w-auto"> <span class="font-display text-[16px] font-bold text-white">Black Plastic Glasses</span> </div> <p class="font-body text-[13px] text-gray-400 leading-[1.7] mb-6 max-w-[280px]">
AI search visibility platform. Track where you appear in AI-generated answers. Act on every gap.
</p> <div class="flex gap-4"> <a href="https://www.linkedin.com/company/black-plastic-glasses/" target="_blank" rel="noopener noreferrer" class="text-gray-500 hover:text-yellow-400 transition-colors" aria-label="LinkedIn"> <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"> <path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"></path> </svg> </a> </div> </div> <!-- Platform --> <div> <h4 class="font-mono text-[10px] uppercase tracking-[0.15em] text-gray-500 mb-5">Platform</h4> <ul class="space-y-3"> <li><a href="/citations" class="font-body text-[13px] text-gray-400 hover:text-yellow-400 transition-colors">Citations</a></li> <li><a href="/buy-reddit-comments" class="font-body text-[13px] text-gray-400 hover:text-yellow-400 transition-colors">Reddit Comments</a></li> <li><a href="/pr-mentions" class="font-body text-[13px] text-gray-400 hover:text-yellow-400 transition-colors">PR Mentions</a></li> <li><a href="/pricing" class="font-body text-[13px] text-gray-400 hover:text-yellow-400 transition-colors">Pricing</a></li> </ul> </div> <!-- Use Cases --> <div> <h4 class="font-mono text-[10px] uppercase tracking-[0.15em] text-gray-500 mb-5">Use Cases</h4> <ul class="space-y-3"> <li><a href="/use-cases/ecommerce" class="font-body text-[13px] text-gray-400 hover:text-yellow-400 transition-colors">eCommerce</a></li> <li><a href="/use-cases/saas" class="font-body text-[13px] text-gray-400 hover:text-yellow-400 transition-colors">SaaS</a></li> <li><a href="/use-cases/agencies" class="font-body text-[13px] text-gray-400 hover:text-yellow-400 transition-colors">Agencies</a></li> <li><a href="/use-cases/pr" class="font-body text-[13px] text-gray-400 hover:text-yellow-400 transition-colors">PR Teams</a></li> </ul> </div> <!-- Company --> <div> <h4 class="font-mono text-[10px] uppercase tracking-[0.15em] text-gray-500 mb-5">Company</h4> <ul class="space-y-3 mb-5"> <li><a href="/contact" class="font-body text-[13px] text-gray-400 hover:text-yellow-400 transition-colors">Contact</a></li> <li><a href="/reddit" class="font-body text-[13px] text-gray-400 hover:text-yellow-400 transition-colors">Blog</a></li> <li><a href="https://app.blackplasticglasses.com" target="_blank" rel="noopener noreferrer" class="font-body text-[13px] text-gray-400 hover:text-yellow-400 transition-colors">Sign In</a></li> </ul> <p class="mb-3"><a href="mailto:hello@blackplasticglasses.com" class="font-body text-[13px] text-gray-400 hover:text-yellow-400 transition-colors">hello@blackplasticglasses.com</a></p> <a href="https://app.blackplasticglasses.com/signup" target="_blank" rel="noopener noreferrer" class="inline-block font-mono text-[11px] tracking-[0.12em] uppercase px-5 py-2.5 bg-yellow-400 text-gray-900 hover:bg-yellow-300 transition-colors">
Start Free
</a> </div> </div> <!-- Bottom bar --> <div class="border-t border-gray-800 pt-8 flex flex-col md:flex-row justify-between items-center gap-3"> <div class="flex flex-col items-center md:items-start gap-2"> <p class="font-mono text-[10px] text-gray-500 tracking-wide">© 2026 BPG Media Ltd. All rights reserved.</p> <p class="font-mono text-[10px] text-gray-500 tracking-wide flex items-center gap-1.5">
Software built proudly in
<span class="fi fi-za fis rounded-full inline-block align-middle" style="width:1.1em;height:1.1em" aria-label="South Africa" role="img"></span> </p> </div> <div class="flex gap-6"> <a href="#" class="font-mono text-[10px] text-gray-500 hover:text-gray-300 tracking-wide transition-colors">Privacy</a> <a href="#" class="font-mono text-[10px] text-gray-500 hover:text-gray-300 tracking-wide transition-colors">Terms</a> </div> </div> </div> </footer>  </body></html>