<!--
╔══════════════════════════════════════════════════════════════════════════════╗
║  EXTERNAL AI VISIBILITY SCANNER PAGE                                        ║
║  URL: https://quickgroww.ai/ai-visibility-scanner                          ║
║  File: public/quickgroww-site/ai-visibility-scanner/index.html             ║
╠══════════════════════════════════════════════════════════════════════════════╣
║                                                                             ║
║  PURPOSE                                                                    ║
║  ───────                                                                    ║
║  Public-facing, static HTML page served via Cloudflare Worker + R2.         ║
║  This is a VANILLA JS mirror of the internal Next.js page at               ║
║  /ai-visibility-test (src/app/ai-visibility-test/page.tsx).                ║
║  It has NO server-side rendering — all logic is client-side JS.            ║
║                                                                             ║
║  ARCHITECTURE: HOW INTERNAL & EXTERNAL PAGES CONNECT                        ║
║  ─────────────────────────────────────────────────────                       ║
║                                                                             ║
║  ┌─────────────────────┐         ┌──────────────────────────┐              ║
║  │  EXTERNAL PAGE      │  SSE    │  INTERNAL API (Railway)  │              ║
║  │  quickgroww.ai/     │ ◄────► │  app.quickgroww.ai/api/  │              ║
║  │  ai-visibility-     │  fetch  │  public/ai-scan/stream   │              ║
║  │  scanner             │         │  public/ai-scan/report   │              ║
║  │  (this file)        │         │  public/ai-scan/resolve  │              ║
║  │                     │         │  public/ai-scan/meta-t.  │              ║
║  └─────────────────────┘         └──────────────────────────┘              ║
║         │                                    │                              ║
║         │  Same API, same backend            │                              ║
║         │  Same DB (PublicScanLog, Client)    │                              ║
║         ▼                                    ▼                              ║
║  ┌─────────────────────┐         ┌──────────────────────────┐              ║
║  │  INTERNAL PAGE      │  SSE    │  (same API endpoints)    │              ║
║  │  localhost:5000/    │ ◄────► │  via ScanPipelineDrawer   │              ║
║  │  ai-visibility-test │         │  React component         │              ║
║  │  (page.tsx)         │         │                          │              ║
║  └─────────────────────┘         └──────────────────────────┘              ║
║                                                                             ║
║  KEY RULE: Both pages call the SAME API endpoints. The external page        ║
║  uses vanilla fetch + SSE parsing. The internal page uses the               ║
║  ScanPipelineDrawer React component which does the same SSE streaming.      ║
║                                                                             ║
║  API ENDPOINTS USED (all on app.quickgroww.ai)                              ║
║  ─────────────────────────────────────────────                               ║
║  1. POST /api/public/ai-scan/stream                                         ║
║     - Extract mode:  { websiteUrl }           → phases 1-4                  ║
║     - Discover mode: { brandInfo, mode:'discover', marketScopes } → comps   ║
║     - Scan mode:     { brandInfo, logId }     → phases 5-8                  ║
║     Returns: SSE stream with events like scan:extract-complete,             ║
║              scan:discover-complete, scan:scan-complete, scan:error          ║
║                                                                             ║
║  2. POST /api/public/ai-scan/report                                         ║
║     - Lead capture + PDF email                                              ║
║     Body: { name, email, phone, company, clientCode, scanResult }           ║
║                                                                             ║
║  3. POST /api/public/ai-scan/resolve-domains                                ║
║     - Resolve competitor brand names to real domains via Serper              ║
║     Body: { brands: string[] }                                              ║
║                                                                             ║
║  4. POST /api/public/ai-scan/meta-titles                                    ║
║     - Fetch competitor page titles for tooltip display                       ║
║     Body: { domains: string[] }                                             ║
║                                                                             ║
║  USER FLOW (must match internal page.tsx)                                    ║
║  ────────────────────────────────────────                                    ║
║  Step 1: INPUT          → User enters website URL                           ║
║  Step 2: EXTRACTING     → SSE extract mode → brand info returned            ║
║  Step 3: CONFIRM PRODS  → User confirms brand name + products               ║
║  Step 4: SELECT MARKET  → User picks Local/National/International scopes    ║
║  Step 5: DISCOVERING    → SSE discover mode → competitors found             ║
║  Step 6: CONFIRM COMPS  → User confirms/edits competitors per tier          ║
║  Step 7: SCANNING       → SSE scan mode → AI engines queried               ║
║  Step 8: RESULTS        → Score, platform cards, Q&A, competitor table,     ║
║                           citation intelligence, recommendations            ║
║  Step 9: LEAD FORM      → Name/email/phone → PDF report emailed            ║
║                                                                             ║
║  SYNC RULES                                                                 ║
║  ──────────                                                                 ║
║  - This file MUST stay in sync with page.tsx in terms of:                   ║
║    • User flow stages (steps above)                                         ║
║    • API request/response shapes                                            ║
║    • Result rendering (score, platforms, Q&A, competitor table, citations)  ║
║    • CSS class names and visual design (brand colors, typography)           ║
║  - When updating page.tsx, ALWAYS update this file to match                 ║
║  - API_BASE must point to https://app.quickgroww.ai (production)           ║
║  - Asset paths use /assets/logos/* (served from R2, not /quickgroww-site/)  ║
║                                                                             ║
║  DIFFERENCES FROM INTERNAL PAGE (by design)                                 ║
║  ──────────────────────────────────────────                                  ║
║  - Vanilla JS (no React, no Next.js, no ScanPipelineDrawer)                ║
║  - No ?bypass= gate toggle (internal-only debug feature)                   ║
║  - No "Internal" badge in top-right corner                                 ║
║  - API_BASE = 'https://app.quickgroww.ai' (not relative /api/)            ║
║  - Logo paths: /assets/logos/* (R2) vs /quickgroww-site/assets/logos/*     ║
║  - Lead form at bottom of results (external) vs CTA links (internal)       ║
║  - Nav links: external quickgroww.ai nav vs internal backoffice nav        ║
║  - Mobile nav: hamburger menu (external) vs hidden (internal)              ║
║  - "Join" link behavior may differ                                         ║
║                                                                             ║
║  HOSTING                                                                    ║
║  ───────                                                                    ║
║  Served from Cloudflare R2: sites/quickgroww/www/ai-visibility-scanner/    ║
║  Published via: POST /api/quickgroww/website/publish (Website Studio)       ║
║  Cache: public, max-age=300 (5 min)                                        ║
║  Worker: worker/src/index.ts (www prefix fallback)                         ║
║                                                                             ║
║  LAST SYNCED WITH page.tsx: 2026-03-30                                     ║
║  8-stage flow, cp2 UI, market scope, discover mode,                        ║
║  citation intelligence, brand highlighting, domain resolution,              ║
║  dynamic score descriptions, social urgency, progress mini-bars            ║
║                                                                             ║
╚══════════════════════════════════════════════════════════════════════════════╝
-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="robots" content="index, follow">
<title>Free AI Visibility Scanner — Is Your Brand Visible on ChatGPT, Perplexity & Gemini? | QuickGroww</title>
<meta name="description" content="Find out if ChatGPT, Perplexity, Gemini, and Google AI recommend your business. Get your AI visibility score in 60 seconds — free, no signup required.">
<link rel="canonical" href="https://quickgroww.ai/ai-visibility-scanner">
<link rel="icon" href="https://quickgroww.ai/favicon.ico" type="image/x-icon">
<link rel="icon" href="https://quickgroww.ai/favicon-32x32.png" sizes="32x32" type="image/png">
<link rel="apple-touch-icon" href="https://quickgroww.ai/apple-touch-icon.png">
<!-- Open Graph -->
<meta property="og:type" content="website">
<meta property="og:title" content="Free AI Visibility Scanner — Are You Visible on ChatGPT?">
<meta property="og:description" content="Find out if ChatGPT, Perplexity, Gemini, and Google AI recommend your business. Get your AI visibility score in 60 seconds.">
<meta property="og:url" content="https://quickgroww.ai/ai-visibility-scanner">
<meta property="og:site_name" content="QuickGroww">
<meta property="og:image" content="https://quickgroww.ai/og-image.png">
<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Free AI Visibility Scanner — Are You Visible on ChatGPT?">
<meta name="twitter:description" content="Find out if ChatGPT, Perplexity, Gemini, and Google AI recommend your business. Free AI visibility score in 60 seconds.">
<meta name="twitter:image" content="https://quickgroww.ai/og-image.png">
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "WebApplication",
  "name": "QuickGroww AI Visibility Scanner",
  "description": "Free tool that checks if your brand is recommended by ChatGPT, Perplexity, Gemini, and Google AI Overviews. Get your AI visibility score in under 60 seconds.",
  "url": "https://quickgroww.ai/ai-visibility-scanner",
  "applicationCategory": "BusinessApplication",
  "operatingSystem": "Web",
  "offers": { "@type": "Offer", "price": "0", "priceCurrency": "USD" },
  "provider": { "@type": "Organization", "name": "QuickGroww", "url": "https://quickgroww.ai" }
}
</script>
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "What is an AI visibility score?",
      "acceptedAnswer": { "@type": "Answer", "text": "An AI visibility score measures how often your brand is recommended by AI search engines like ChatGPT, Perplexity, Gemini, and Google AI Overviews when users ask questions related to your industry and products." }
    },
    {
      "@type": "Question",
      "name": "How does the AI visibility scanner work?",
      "acceptedAnswer": { "@type": "Answer", "text": "The scanner crawls your website to understand your brand, products, and competitors. It then queries ChatGPT, Perplexity, Gemini, and Google AI Overviews with real buyer questions and analyzes whether your brand appears in the AI responses." }
    },
    {
      "@type": "Question",
      "name": "Is the AI visibility scan free?",
      "acceptedAnswer": { "@type": "Answer", "text": "Yes, the scan is completely free with no signup required. You can also get a free 10-page PDF report emailed to you with detailed analysis." }
    }
  ]
}
</script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,300;12..96,400;12..96,600;12..96,700;12..96,800&family=Instrument+Sans:ital,wght@0,400;0,500;1,400&display=swap" rel="stylesheet">
<style>
:root {
  --white:#ffffff; --off:#f7f6f3; --ink:#0e0e0e; --ink2:#1c1c1c;
  --muted:#6b6b6b; --border:#e2e0db; --green:#00c27a; --green-light:#e8faf3;
  --green-mid:#00a868; --yellow:#f5c842; --red:#ff4d2e; --blue:#2563eb;
  --card:#f9f8f5;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{background:var(--white);color:var(--ink);font-family:'Instrument Sans',sans-serif;font-weight:400;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;}

/* -- NAV -- */
nav{position:sticky;top:0;z-index:200;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;height:64px;background:rgba(255,255,255,0.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);}
.logo{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:1.25rem;letter-spacing:-0.03em;color:var(--ink);text-decoration:none;}
.logo-dot{color:var(--green);}
nav ul{display:flex;gap:2rem;list-style:none;align-items:center;}
nav ul a{color:var(--muted);text-decoration:none;font-size:.875rem;font-weight:500;transition:color .2s;}
nav ul a:hover{color:var(--ink);}
nav ul a.nav-active{color:var(--green);font-weight:600;}
nav ul a.btn-nav{background:var(--ink);color:var(--white);padding:.5rem 1.25rem;border-radius:100px;font-size:.85rem;font-weight:500;transition:background .2s;}
nav ul a.btn-nav:hover{background:var(--green-mid);color:var(--white);}
.nav-toggle{display:none;background:none;border:none;padding:.5rem;cursor:pointer;color:var(--ink);}
.nav-toggle svg{display:block;}
.nav-menu-mobile{display:none;position:absolute;top:64px;left:0;right:0;background:var(--white);border-bottom:1px solid var(--border);padding:1rem 5vw;z-index:199;box-shadow:0 8px 24px rgba(0,0,0,.08);}
.nav-menu-mobile a{display:block;padding:.75rem 0;color:var(--ink);text-decoration:none;font-size:.95rem;font-weight:500;border-bottom:1px solid var(--off);}
.nav-menu-mobile a:last-child{border-bottom:none;}
.nav-menu-mobile .btn-nav{display:inline-block;margin-top:.5rem;text-align:center;}

/* -- HERO -- */
.hero{max-width:820px;margin:0 auto;padding:3.5rem 5vw 1.5rem;text-align:center;}
.pill{display:inline-block;font-size:.62rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border:1px solid var(--border);border-radius:100px;padding:.25rem .75rem;margin-bottom:1rem;}
.hero h1{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:clamp(2.2rem,5vw,4.2rem);line-height:1.05;letter-spacing:-.04em;margin-bottom:.75rem;min-height:3.3em;}
.hero-llm-line{display:inline-flex;align-items:center;gap:.3em;min-height:1.2em;min-width:5em;}
.llm-slot{display:inline-flex;align-items:center;gap:.25em;}
.llm-slot .llm-logo{width:.65em;height:.65em;object-fit:contain;display:inline-block;flex-shrink:0;vertical-align:middle;}
.llm-slot .llm-text{display:inline;color:var(--ink);}
.llm-slot[data-llm="ChatGPT"] .llm-text{color:#10a37f;}
.llm-slot[data-llm="Claude"] .llm-text{color:#D97757;}
.llm-slot[data-llm="Perplexity"] .llm-text{color:#1B7A85;}
.llm-slot[data-llm="Grok"] .llm-text{color:#000000;}
.llm-slot[data-llm="Gemini"] .llm-text{color:#4285f4;}
.hero-cursor{display:inline-block;width:3px;height:.85em;background:var(--ink);margin-left:2px;animation:cursorBlink .7s step-end infinite;vertical-align:middle;}
@keyframes cursorBlink{0%,100%{opacity:1;}50%{opacity:0;}}
.hero p{font-size:.95rem;color:var(--muted);max-width:500px;margin:0 auto 1.5rem;line-height:1.6;}

/* Search bar */
.search-bar{max-width:560px;margin:0 auto;display:flex;gap:.5rem;align-items:center;background:var(--off);border:2px solid var(--border);border-radius:14px;padding:.4rem .4rem .4rem 1rem;transition:border-color .3s;}
.search-bar:focus-within{border-color:var(--green);}
.search-bar input{flex:1;border:none;background:transparent;font-family:'Instrument Sans',sans-serif;font-size:.92rem;color:var(--ink);outline:none;}
.search-bar input::placeholder{color:#aaa;}
.btn-go{background:var(--green);color:#fff;border:none;padding:.7rem 1.4rem;border-radius:10px;font-family:'Instrument Sans',sans-serif;font-size:.88rem;font-weight:600;cursor:pointer;transition:background .2s;white-space:nowrap;}
.btn-go:hover{background:var(--green-mid);}
.btn-go:disabled{opacity:.5;cursor:not-allowed;}
.btn-reset{background:none;border:1px solid var(--border);width:36px;height:36px;border-radius:10px;font-size:1.1rem;cursor:pointer;color:var(--muted);transition:all .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.btn-reset:hover{border-color:var(--green);color:var(--green);}

.llm-strip{display:flex;justify-content:center;align-items:center;gap:1.25rem;margin-top:1.5rem;}
.llm-strip img{width:28px;height:28px;object-fit:contain;opacity:.7;transition:opacity .2s;}
.llm-strip img:hover{opacity:1;}

.social-proof{display:flex;align-items:center;justify-content:center;gap:.6rem;flex-wrap:wrap;margin-top:1rem;margin-bottom:.5rem;}
.social-proof-text{font-size:.72rem;color:var(--muted);font-weight:500;}
.social-proof-cities{display:flex;gap:.35rem;flex-wrap:wrap;justify-content:center;}
.social-proof-city{font-size:.62rem;color:var(--muted);background:var(--off);border:1px solid var(--border);border-radius:4px;padding:.15rem .4rem;font-weight:500;}

.err{color:var(--red);font-size:.8rem;margin-top:.4rem;text-align:center;}

/* -- Progress Bar (6 segments) -- */
.stepper-wrap{max-width:880px;margin:0 auto;padding:0 5vw;}
.progress-bar{display:flex;align-items:center;margin-bottom:1.5rem;}
.prog-seg{flex:1;height:2px;background:var(--border);transition:background .4s;}
.prog-seg.filled{background:var(--green);}
.prog-seg.active{background:linear-gradient(90deg,var(--green) 60%,var(--border) 100%);}

/* Extracting */
.extract-area{max-width:820px;margin:0 auto;padding:1.5rem 5vw;text-align:center;}
.extract-spinner{display:inline-block;width:28px;height:28px;border:2.5px solid var(--border);border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:.6rem;}
.extract-status{font-size:.84rem;color:var(--muted);line-height:1.5;}
.extract-status strong{color:var(--ink);}
@keyframes spin{to{transform:rotate(360deg);}}

/* Confirm step */
.confirm-area{max-width:820px;margin:0 auto;padding:0 5vw 1rem;}
.confirm-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:2rem 2.5rem 1.5rem;box-shadow:0 1px 4px rgba(0,0,0,.05);}
.confirm-title{font-family:'Instrument Sans',sans-serif;font-weight:600;font-size:.82rem;margin-bottom:1rem;display:flex;align-items:center;gap:.4rem;color:var(--ink);text-transform:uppercase;letter-spacing:.03em;padding-bottom:.6rem;border-bottom:1px solid var(--border);}
.confirm-row{display:flex;gap:2rem;align-items:flex-start;margin-bottom:.25rem;}
.confirm-field{flex:1;}
.confirm-field-static{flex:1;padding-top:.2rem;}
.confirm-label{font-size:.68rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.15rem;margin-top:.5rem;}
.confirm-input{width:100%;border:1px solid var(--border);border-radius:6px;padding:.45rem .7rem;font-family:'Instrument Sans',sans-serif;font-size:.84rem;color:var(--ink);background:var(--off);outline:none;transition:border-color .2s;}
.confirm-input:focus{border-color:var(--green);background:#fff;}
.confirm-value{font-size:.84rem;color:var(--ink);padding:.35rem 0;}
.confirm-divider{height:1px;background:var(--border);margin:.6rem 0 .25rem;}
.confirm-products-grid{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.2rem;}
.tag-item{display:inline-flex;align-items:center;gap:.2rem;background:var(--off);border:1px solid var(--border);border-radius:6px;padding:.25rem .5rem;font-size:.78rem;}
.tag-item:focus-within{border-color:var(--green);}
.tag-item input{border:none;outline:none;font-family:'Instrument Sans',sans-serif;font-size:.78rem;color:var(--ink);width:auto;min-width:60px;background:transparent;}
.tag-remove{cursor:pointer;color:var(--muted);font-size:.62rem;line-height:1;padding:2px;}
.tag-remove:hover{color:var(--red);}
.tag-add{display:inline-flex;align-items:center;gap:.2rem;border:1px dashed var(--border);border-radius:6px;padding:.25rem .5rem;font-size:.74rem;color:var(--green);cursor:pointer;font-weight:500;transition:all .2s;}
.tag-add:hover{border-color:var(--green);background:var(--green-light);}
.confirm-competitors-grid{display:grid;gap:1rem;}
.confirm-competitors-grid[data-cols="1"]{grid-template-columns:1fr;}
.confirm-competitors-grid[data-cols="2"]{grid-template-columns:1fr 1fr;}
.confirm-competitors-grid[data-cols="3"]{grid-template-columns:1fr 1fr 1fr;}
.comp-subgrid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem;}
.tag-list{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.2rem;}
.competition-level{margin-top:.6rem;padding-top:.5rem;border-top:1px solid var(--border);}
.level-pills{display:flex;gap:.4rem;margin-top:.35rem;}
.level-pill{padding:.35rem .8rem;border-radius:6px;border:1px solid var(--border);background:#fff;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s;color:var(--muted);font-family:'Instrument Sans',sans-serif;}
.level-pill.active{background:var(--green);color:#fff;border-color:var(--green);}
.level-pill:hover:not(.active){border-color:var(--green);color:var(--green);}
.level-hint{font-size:.65rem;color:var(--muted);margin-top:.25rem;}
.confirm-actions{display:flex;align-items:center;gap:.75rem;margin-top:.75rem;padding-top:.6rem;border-top:1px solid var(--border);}
.btn-back{background:transparent;color:var(--muted);border:none;padding:.4rem .6rem;font-family:'Instrument Sans',sans-serif;font-size:.8rem;cursor:pointer;transition:color .2s;}
.btn-back:hover{color:var(--ink);}
.btn-confirm{margin-left:auto;background:var(--green);color:#fff;border:none;padding:.5rem 1.5rem;border-radius:8px;font-family:'Instrument Sans',sans-serif;font-size:.84rem;font-weight:600;cursor:pointer;transition:all .2s;}
.btn-confirm:hover{background:var(--green-mid);}

/* ── cp2 Redesigned Confirm Products ── */
.cp2-page{max-width:680px;margin:0 auto;padding:2rem 20px 3rem;}
.cp2-stepper{display:flex;align-items:center;gap:0;margin-bottom:2rem;justify-content:center;}
.cp2-step{display:flex;flex-direction:column;align-items:center;gap:6px;}
.cp2-step-dot{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;font-family:'Bricolage Grotesque',sans-serif;transition:all .3s;}
.cp2-step.done .cp2-step-dot{background:var(--green);color:#fff;}
.cp2-step.active .cp2-step-dot{background:var(--ink);color:#fff;box-shadow:0 0 0 4px rgba(0,194,122,.2);}
.cp2-step.pending .cp2-step-dot{background:#fff;color:var(--muted);border:2px solid var(--border);}
.cp2-step-label{font-size:11px;font-weight:600;letter-spacing:.03em;white-space:nowrap;}
.cp2-step.done .cp2-step-label{color:var(--green-mid);}
.cp2-step.active .cp2-step-label{color:var(--ink);}
.cp2-step.pending .cp2-step-label{color:var(--muted);}
.cp2-step-line{width:72px;height:2px;background:var(--border);margin-bottom:22px;}
.cp2-step-line.done{background:var(--green);}
.cp2-url-banner{background:#fff;border:1px solid var(--border);border-radius:14px;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;box-shadow:0 1px 4px rgba(0,0,0,.04);animation:slideUp .5s ease-out .08s both;}
.cp2-url-left{display:flex;align-items:center;gap:12px;}
.cp2-url-fav{width:36px;height:36px;background:var(--off);border:1px solid var(--border);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;}
.cp2-url-fav img{width:24px;height:24px;object-fit:contain;}
.cp2-url-domain{font-family:'Bricolage Grotesque',sans-serif;font-size:15px;font-weight:700;color:var(--ink);letter-spacing:-.2px;}
.cp2-url-sub{font-size:12px;color:var(--muted);margin-top:1px;}
.cp2-scan-badge{display:flex;align-items:center;gap:6px;background:var(--green-light);border:1px solid rgba(0,194,122,.25);color:var(--green-mid);font-size:12px;font-weight:600;padding:5px 12px;border-radius:20px;}
.cp2-scan-dot{width:7px;height:7px;background:var(--green);border-radius:50%;animation:pulse 1.8s infinite;}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.5;transform:scale(.8);}}
.cp2-help{background:var(--green-light);border:1px solid rgba(0,194,122,.25);border-radius:10px;padding:12px 16px;display:flex;align-items:flex-start;gap:10px;margin-top:10px;margin-bottom:20px;animation:slideUp .5s ease-out .14s both;}
.cp2-help-text{font-size:13.5px;color:var(--ink);line-height:1.55;}
.cp2-help-text strong{font-weight:600;color:var(--ink);}
.cp2-card{background:#fff;border:1px solid var(--border);border-radius:18px;box-shadow:0 4px 24px rgba(0,0,0,.06);overflow:hidden;animation:slideUp .5s ease-out .2s both;}
.cp2-card-header{padding:22px 28px 18px;border-bottom:1px solid var(--border);background:linear-gradient(to right,var(--off),#fff);}
.cp2-card-header-row{display:flex;align-items:flex-start;gap:14px;}
.cp2-card-icon{width:44px;height:44px;background:var(--green);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.cp2-card-title{font-family:'Bricolage Grotesque',sans-serif;font-size:19px;font-weight:700;color:var(--ink);letter-spacing:-.3px;line-height:1.3;}
.cp2-card-subtitle{font-size:13.5px;color:var(--muted);margin-top:4px;line-height:1.5;}
.cp2-section{padding:20px 28px;border-bottom:1px solid var(--border);transition:background .2s;}
.cp2-section:last-child{border-bottom:none;}
.cp2-section:hover{background:var(--off);}
.cp2-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;}
.cp2-section-label-row{display:flex;align-items:center;gap:8px;}
.cp2-section-label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);}
.cp2-edit-link{font-size:12px;color:var(--green-mid);font-weight:600;cursor:pointer;display:flex;align-items:center;gap:4px;text-decoration:none;padding:4px 10px;border-radius:6px;border:1px solid rgba(0,168,85,.3);background:var(--green-light);transition:all .2s;}
.cp2-edit-link:hover{background:#d1fae5;}
.cp2-brand-display{display:flex;align-items:center;gap:14px;}
.cp2-brand-logo{width:48px;height:48px;border-radius:12px;background:var(--off);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-family:'Bricolage Grotesque',sans-serif;font-size:18px;font-weight:800;color:var(--green);flex-shrink:0;letter-spacing:-.5px;overflow:hidden;}
.cp2-brand-logo img{width:32px;height:32px;object-fit:contain;}
.cp2-brand-name{font-family:'Bricolage Grotesque',sans-serif;font-size:20px;font-weight:700;color:var(--ink);letter-spacing:-.4px;}
.cp2-brand-name-input{font-family:'Bricolage Grotesque',sans-serif;font-size:20px;font-weight:700;color:var(--ink);border:2px solid var(--green);border-radius:8px;padding:4px 10px;outline:none;width:220px;letter-spacing:-.4px;}
.cp2-brand-meta{font-size:13px;color:var(--muted);margin-top:3px;display:flex;align-items:center;gap:6px;}
.cp2-brand-meta .sep{color:var(--border);}
.cp2-industry-pill{display:inline-flex;align-items:center;gap:5px;background:var(--green-light);color:var(--green-mid);font-size:12px;font-weight:600;padding:3px 10px;border-radius:20px;margin-top:6px;}
.cp2-products-help{font-size:13px;color:var(--muted);background:var(--off);border:1px solid var(--border);border-radius:8px;padding:10px 14px;margin-bottom:14px;line-height:1.55;}
.cp2-products-help strong{color:var(--ink);}
.cp2-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px;}
.cp2-tag{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1.5px solid var(--border);color:#1c2230;font-size:13.5px;font-weight:500;padding:7px 13px;border-radius:100px;transition:all .2s;animation:cp2TagAdd .3s cubic-bezier(.34,1.56,.64,1) both;}
.cp2-tag:hover{border-color:#cbd5e1;background:#f8faff;}
.cp2-tag.ai{border-color:rgba(0,194,122,.4);background:#f0fff8;}
.cp2-tag-ai-badge{font-size:10px;font-weight:700;color:var(--green-mid);background:var(--green-light);padding:1px 6px;border-radius:4px;letter-spacing:.04em;}
.cp2-tag-remove{width:18px;height:18px;border-radius:50%;background:var(--border);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:10px;color:var(--muted);transition:all .2s;padding:0;flex-shrink:0;line-height:1;}
.cp2-tag-remove:hover{background:#fee2e2;color:var(--red);}
@keyframes cp2TagAdd{0%{transform:scale(.7);opacity:0;}100%{transform:scale(1);opacity:1;}}
.cp2-add-row{display:flex;align-items:center;gap:8px;}
.cp2-add-input{flex:1;border:1.5px dashed var(--border);border-radius:100px;padding:8px 16px;font-family:'Instrument Sans',sans-serif;font-size:13.5px;color:var(--ink);outline:none;background:transparent;transition:border-color .2s;}
.cp2-add-input:focus{border-color:var(--green);border-style:solid;}
.cp2-add-input::placeholder{color:var(--muted);}
.cp2-add-btn{background:var(--ink);color:#fff;border:none;border-radius:100px;padding:9px 18px;font-family:'Instrument Sans',sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;}
.cp2-add-btn:hover{background:#1c2230;transform:translateY(-1px);}
.cp2-card-footer{padding:20px 28px 24px;background:var(--off);border-top:1px solid var(--border);}
.cp2-accuracy{display:flex;align-items:flex-start;gap:10px;margin-bottom:16px;padding:12px 16px;background:#fff;border:1px solid var(--border);border-radius:10px;}
.cp2-accuracy-text{font-size:13px;color:var(--muted);line-height:1.55;}
.cp2-accuracy-text strong{color:var(--ink);font-weight:600;}
.cp2-teaser{margin-bottom:18px;padding:14px 18px;background:linear-gradient(135deg,#0e0e0e,#1c2230);border-radius:12px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:12px;}
.cp2-teaser-left{display:flex;align-items:center;gap:12px;}
.cp2-teaser-title{font-family:'Bricolage Grotesque',sans-serif;font-size:13px;font-weight:700;color:#fff;letter-spacing:-.2px;}
.cp2-teaser-sub{font-size:12px;color:rgba(255,255,255,.5);margin-top:2px;}
.cp2-teaser-badge{font-size:11px;font-weight:700;color:var(--green);border:1px solid rgba(0,194,122,.4);padding:4px 10px;border-radius:6px;white-space:nowrap;letter-spacing:.04em;}
.cp2-footer-actions{display:flex;align-items:center;justify-content:space-between;}
.cp2-back{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:13.5px;font-weight:500;cursor:pointer;text-decoration:none;transition:color .2s;padding:10px 0;background:none;border:none;font-family:'Instrument Sans',sans-serif;}
.cp2-back:hover{color:var(--ink);}
.cp2-cta{display:flex;align-items:center;gap:10px;background:var(--green);color:#fff;border:none;border-radius:12px;padding:14px 28px;font-family:'Bricolage Grotesque',sans-serif;font-size:15px;font-weight:700;cursor:pointer;transition:all .25s;letter-spacing:-.2px;position:relative;overflow:hidden;}
.cp2-cta:hover{background:var(--green-mid);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,194,122,.35);}
.cp2-cta:active{transform:translateY(0);}
.cp2-cta-sub{font-size:10px;font-weight:400;opacity:.85;font-family:'Instrument Sans',sans-serif;display:block;letter-spacing:0;margin-top:1px;}
.cp2-cta-arrow{font-size:18px;transition:transform .2s;}
.cp2-cta:hover .cp2-cta-arrow{transform:translateX(3px);}
.cp2-trust{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:24px;padding-top:18px;border-top:1px solid var(--border);}
.cp2-trust-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);font-weight:500;}
.cp2-summary{background:#fff;border:1px solid var(--border);border-radius:14px;padding:16px 22px;margin-bottom:16px;box-shadow:0 1px 4px rgba(0,0,0,.04);animation:slideUp .4s ease-out;}
.cp2-summary-header{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.cp2-summary-left{display:flex;align-items:center;gap:12px;min-width:0;}
.cp2-summary-logo{width:36px;height:36px;border-radius:10px;background:var(--off);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-family:'Bricolage Grotesque',sans-serif;font-size:14px;font-weight:800;color:var(--green);flex-shrink:0;overflow:hidden;}
.cp2-summary-logo img{width:100%;height:100%;object-fit:contain;}
.cp2-summary-name{font-family:'Bricolage Grotesque',sans-serif;font-size:15px;font-weight:700;color:var(--ink);letter-spacing:-.2px;}
.cp2-summary-meta{font-size:12px;color:var(--muted);margin-top:2px;}
.cp2-summary-check{display:flex;align-items:center;gap:6px;background:var(--green-light);border:1px solid rgba(0,194,122,.25);color:var(--green-mid);font-size:11px;font-weight:600;padding:4px 10px;border-radius:20px;flex-shrink:0;}
.cp2-summary-products{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border);}
.cp2-summary-tag{font-size:12px;color:#1c2230;background:var(--off);border:1px solid var(--border);border-radius:100px;padding:4px 12px;font-weight:500;}
.cp2-market-card{background:#fff;border:1px solid var(--border);border-radius:18px;box-shadow:0 4px 24px rgba(0,0,0,.06);overflow:hidden;animation:slideUp .4s ease-out;max-width:680px;margin:0 auto;}
.cp2-market-header{padding:22px 28px 18px;border-bottom:1px solid var(--border);background:linear-gradient(to right,var(--off),#fff);}
.cp2-market-title{font-family:'Bricolage Grotesque',sans-serif;font-size:19px;font-weight:700;color:var(--ink);letter-spacing:-.3px;}
.cp2-market-subtitle{font-size:13.5px;color:var(--muted);margin-top:4px;line-height:1.5;}
.cp2-market-body{padding:24px 28px;}
.cp2-market-options{display:flex;flex-direction:column;gap:10px;}
.cp2-market-option{display:flex;align-items:center;gap:14px;padding:14px 18px;border:2px solid var(--border);border-radius:12px;cursor:pointer;transition:all .2s;background:#fff;user-select:none;}
.cp2-market-option:hover{border-color:rgba(0,194,122,.4);background:var(--off);}
.cp2-market-option.selected{border-color:var(--green);background:var(--green-light);}
.cp2-market-check{width:22px;height:22px;border-radius:6px;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s;}
.cp2-market-option.selected .cp2-market-check{background:var(--green);border-color:var(--green);}
.cp2-market-option-text{flex:1;}
.cp2-market-option-label{font-family:'Bricolage Grotesque',sans-serif;font-size:15px;font-weight:600;color:var(--ink);}
.cp2-market-option-desc{font-size:12px;color:var(--muted);margin-top:2px;}
.cp2-market-footer{padding:20px 28px 24px;background:var(--off);border-top:1px solid var(--border);}
.cp2-market-hint{font-size:12.5px;color:var(--muted);line-height:1.5;margin-bottom:16px;}
.cp2-market-hint strong{color:var(--ink);}
.cp2-scope-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;padding-top:10px;border-top:1px solid var(--border);}
.cp2-scope-badge{font-size:11px;font-weight:600;color:var(--green-mid);background:var(--green-light);border:1px solid rgba(0,194,122,.25);border-radius:100px;padding:3px 10px;}

/* Scanning */
.scan-area{max-width:820px;margin:0 auto;padding:2rem 5vw;text-align:center;}
.timer{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:2.5rem;color:var(--green);margin-bottom:.15rem;}
.timer-lbl{font-size:.78rem;color:var(--muted);margin-bottom:1.5rem;}
.scan-pipe{display:flex;align-items:center;justify-content:center;gap:0;margin:1.2rem auto .8rem;position:relative;max-width:680px;}
.pipe-node{display:flex;flex-direction:column;align-items:center;gap:.35rem;position:relative;flex:1;}
.pipe-icon{width:38px;height:38px;border-radius:50%;background:var(--green-light);border:2px solid var(--green);display:flex;align-items:center;justify-content:center;position:relative;z-index:2;animation:pipeGlow 2s ease-in-out infinite;}
.pipe-icon img{width:20px;height:20px;border-radius:4px;}
.pipe-label{font-size:.65rem;font-weight:600;color:var(--ink);white-space:nowrap;}
.pipe-line{position:absolute;top:19px;right:50%;width:100%;height:2px;background:linear-gradient(90deg,var(--green),var(--green));z-index:1;opacity:.35;}
.pipe-pulse{position:absolute;top:17px;left:0;width:100%;height:6px;overflow:hidden;z-index:3;pointer-events:none;border-radius:3px;}
.pipe-pulse::after{content:'';position:absolute;top:0;left:-30%;width:30%;height:100%;background:linear-gradient(90deg,transparent,var(--green),transparent);animation:pipeSweep 2.5s ease-in-out infinite;border-radius:3px;}
@keyframes pipeGlow{0%,100%{box-shadow:0 0 0 0 rgba(0,194,122,0);}50%{box-shadow:0 0 0 6px rgba(0,194,122,.15);}}
@keyframes pipeSweep{0%{left:-30%;}100%{left:100%;}}
.scan-feed{display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:1.6rem;margin:.6rem 0;animation:feedSlide .4s ease-out;}
.feed-dot{width:7px;height:7px;border-radius:50%;background:var(--green);flex-shrink:0;animation:feedBlink 1s infinite;}
.feed-text{font-size:.8rem;color:var(--ink);font-weight:500;}
@keyframes feedSlide{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:translateY(0);}}
@keyframes feedBlink{0%,100%{opacity:1;}50%{opacity:.3;}}
.fact{font-size:.78rem;color:var(--muted);font-style:italic;min-height:2.5rem;margin-top:.8rem;animation:factIn 4.5s ease-in-out;}
@keyframes factIn{0%{opacity:0;transform:translateY(6px);}12%{opacity:1;transform:translateY(0);}88%{opacity:1;}100%{opacity:0;}}
@keyframes slideUp{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:translateY(0);}}

/* Brand Card */
.brand-card{display:flex;align-items:stretch;gap:1.25rem;background:linear-gradient(135deg,#f9faf8 0%,var(--off) 100%);border:1px solid var(--border);border-radius:16px;padding:1.5rem;margin-bottom:1.25rem;animation:slideUp .5s ease-out;box-shadow:0 2px 12px rgba(0,0,0,.04);}
.bc-left{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex-shrink:0;}
.bc-fav{width:56px;height:56px;border-radius:14px;border:2px solid var(--green);background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 2px 8px rgba(0,194,122,.15);}
.bc-fav img{width:36px;height:36px;object-fit:contain;}
.bc-info{flex:1;min-width:0;}
.bc-top-row{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;}
.bc-name{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:1.25rem;line-height:1.2;color:var(--ink);}
.bc-url{font-size:.8rem;color:var(--green);text-decoration:none;font-weight:500;display:inline-block;margin-top:.1rem;}
.bc-url:hover{text-decoration:underline;}
.bc-desc{font-size:.82rem;color:#555;line-height:1.5;margin-top:.4rem;border-left:2px solid var(--green);padding-left:.6rem;}
.bc-details{display:flex;flex-wrap:wrap;gap:.2rem .8rem;margin-top:.55rem;}
.bc-detail{font-size:.75rem;color:var(--muted);display:flex;align-items:center;gap:.3rem;}
.bc-detail-icon{color:var(--green);font-size:.55rem;}
.bc-tags{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.6rem;}
.bc-tag{font-size:.7rem;color:var(--ink);background:#fff;border:1px solid var(--border);border-radius:6px;padding:.22rem .55rem;font-weight:500;}
.bc-badges{display:flex;gap:.35rem;flex-wrap:wrap;}
.bc-badge{font-size:.62rem;font-weight:600;padding:.15rem .45rem;border-radius:4px;text-transform:uppercase;letter-spacing:.03em;}
.bc-badge.type{background:var(--green-light);color:var(--green-mid);}
.bc-badge.scope{background:#eef4ff;color:#4270b8;}
.bc-competitors-geo{margin-top:.55rem;padding-top:.5rem;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:.4rem;}
.bc-geo-tier{display:flex;align-items:flex-start;gap:.4rem;}
.bc-geo-label{font-size:.62rem;color:var(--muted);font-weight:600;min-width:80px;padding-top:.2rem;white-space:nowrap;}
.bc-geo-names{display:flex;flex-wrap:wrap;gap:.3rem;}
.bc-comp-name{display:inline-flex;align-items:center;gap:.25rem;font-size:.7rem;color:var(--ink);font-weight:500;background:#fff;border:1px solid var(--border);border-radius:5px;padding:.15rem .4rem;}
.bc-comp-name img{width:14px;height:14px;border-radius:3px;}

/* Results */
.results{max-width:840px;margin:0 auto;padding:1.5rem 5vw 3rem;display:none;}
.results.show{display:block;}
.report-sent-banner{display:flex;align-items:center;gap:.75rem;background:var(--green-light);border:1px solid var(--green);border-radius:12px;padding:1rem 1.25rem;margin-bottom:1.25rem;animation:slideUp .4s ease-out;}
.report-sent-icon{width:32px;height:32px;min-width:32px;border-radius:50%;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;}
.report-sent-banner strong{font-family:'Instrument Sans',sans-serif;font-size:.88rem;color:var(--ink);}
.report-sent-sub{font-size:.78rem;color:var(--muted);margin-top:.15rem;}

/* Score strip */
.score-strip{display:flex;align-items:center;gap:1.25rem;background:#fff;border:1px solid var(--border);border-radius:14px;padding:1rem 1.25rem;margin-bottom:1.25rem;}
.sc-ring{width:56px;height:56px;position:relative;flex-shrink:0;}
.sc-ring svg{transform:rotate(-90deg);}
.sc-num{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:1.15rem;line-height:1;}
.sc-label{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:.95rem;}
.sc-sub{font-size:.8rem;color:var(--muted);line-height:1.5;max-width:520px;}
.social-urgency{text-align:center;margin:1rem 0 .5rem;font-size:.75rem;color:var(--muted);line-height:1.6;}
.social-urgency strong{color:var(--ink);font-weight:600;}

/* Platform visibility cards */
.eyebrow{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--green-mid);margin-bottom:.75rem;margin-top:1.5rem;}
.pv-section{border:1px solid var(--border);border-radius:14px;padding:1.25rem;margin-bottom:1.25rem;background:#fff;}
.pv-title{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:1rem;margin-bottom:.25rem;}
.pv-subtitle{font-size:.82rem;color:var(--muted);margin-bottom:1rem;line-height:1.5;}
.pv-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;}
.pv-card{border:1px solid var(--border);border-radius:12px;padding:1rem;text-align:center;transition:border-color .2s;}
.pv-card.vis{border-color:var(--green);background:var(--green-light);}
.pv-card.invis{border-color:#f0c8c2;background:#fff8f7;}
.pv-card-icon{display:flex;align-items:center;justify-content:center;gap:.4rem;margin-bottom:.75rem;}
.pv-card-icon img{width:22px;height:22px;border-radius:4px;}
.pv-card-name{font-size:.78rem;font-weight:600;color:var(--ink);}
.pv-card-row{display:flex;justify-content:space-between;margin-top:.5rem;}
.pv-card-metric{text-align:center;flex:1;}
.pv-card-metric-label{font-size:.65rem;color:var(--muted);font-weight:500;}
.pv-card-metric-val{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:1.1rem;margin-top:.1rem;}

/* Q&A Cards */
.qa-card{border:1px solid var(--border);border-radius:12px;margin-bottom:.75rem;overflow:hidden;transition:border-color .2s;}
.qa-card:hover{border-color:var(--green);}
.qa-header{display:flex;align-items:flex-start;gap:.75rem;padding:.85rem 1rem;cursor:pointer;background:var(--off);transition:background .2s;}
.qa-header:hover{background:#f0efec;}
.qa-num{color:var(--green);font-weight:700;font-size:.7rem;margin-right:.3rem;}
.qa-cat{font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--white);background:var(--green-mid);padding:.15rem .4rem;border-radius:4px;flex-shrink:0;margin-top:.15rem;}
.qa-q{flex:1;font-size:.85rem;font-weight:600;color:var(--ink);line-height:1.4;}
.qa-badges{display:flex;gap:.3rem;flex-shrink:0;}
.qa-badge{width:20px;height:20px;border-radius:5px;display:flex;align-items:center;justify-content:center;}
.qa-badge.y{background:var(--green-light);}
.qa-badge.n{background:#fff0ee;}
.qa-chevron{font-size:.7rem;color:var(--muted);margin-left:.25rem;transition:transform .2s;margin-top:.2rem;}
.qa-chevron.open{transform:rotate(90deg);}
.qa-body{padding:0 1rem .85rem;background:#fff;display:none;}
.qa-body.show{display:block;}
.qa-answer{display:flex;align-items:flex-start;gap:.6rem;padding:.6rem 0;border-bottom:1px solid var(--border);}
.qa-answer:last-child{border-bottom:none;}
.qa-a-content{flex:1;min-width:0;}
.qa-a-platform{font-weight:600;font-size:.78rem;margin-bottom:.2rem;}
.qa-a-excerpt{font-size:.78rem;color:var(--muted);line-height:1.5;border-left:2px solid var(--green);padding-left:.6rem;margin:.3rem 0;}
.qa-a-comps{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.3rem;}
.qa-a-comp{font-size:.65rem;background:var(--off);border:1px solid var(--border);border-radius:4px;padding:.1rem .35rem;color:var(--ink);font-weight:500;display:inline-flex;align-items:center;gap:3px;}
.qa-a-comp img{width:12px;height:12px;border-radius:2px;}
.qa-a-response{font-size:.75rem;color:var(--muted);line-height:1.5;margin-top:.4rem;background:var(--off);border-radius:8px;padding:.6rem;white-space:pre-wrap;max-height:500px;overflow-y:auto;}

/* Competitor table */
.ct-section{border:1px solid var(--border);border-radius:14px;padding:1.25rem;margin-bottom:1.25rem;background:#fff;}
.ct-title{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:1rem;margin-bottom:.25rem;}
.ct-subtitle{font-size:.82rem;color:var(--muted);margin-bottom:1rem;line-height:1.5;}
.ct-table{width:100%;border-collapse:collapse;}
.ct-table th{font-size:.72rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;padding:.5rem .4rem;text-align:center;border-bottom:1px solid var(--border);}
.ct-table th:first-child{text-align:left;}
.ct-table td{padding:.6rem .4rem;border-bottom:1px solid var(--border);text-align:center;font-size:.85rem;}
.ct-table td:first-child{text-align:left;font-weight:500;}
.ct-table tr:last-child td{border-bottom:none;}
.ct-own-tag{display:inline-block;font-size:.6rem;font-weight:600;background:var(--green-light);color:var(--green-mid);border-radius:4px;padding:.1rem .35rem;margin-left:.35rem;vertical-align:middle;}
.ct-pct{display:inline-block;padding:.2rem .5rem;border-radius:6px;font-weight:600;font-size:.82rem;min-width:42px;}
.ct-pct.zero{background:var(--off);color:var(--muted);}
.ct-pct.low{background:#fff3cd;color:#856404;}
.ct-pct.mid{background:#d4edda;color:#155724;}
.ct-pct.high{background:var(--green);color:#fff;}
.ct-news-insight{margin-top:1rem;padding:.85rem 1rem;background:var(--off);border-left:3px solid var(--green);border-radius:0 8px 8px 0;display:flex;align-items:flex-start;gap:.6rem;line-height:1.55;}
.ct-news-tag{flex-shrink:0;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;background:var(--green);color:#fff;padding:.2rem .5rem;border-radius:4px;margin-top:.1rem;}
.ct-news-text{font-size:.78rem;color:var(--ink);}
.ct-news-text strong{color:var(--ink);font-weight:700;}

/* Recommendations */
.rec-list{margin-top:1rem;}
.rec-item{border-left:3px solid var(--green);background:var(--off);border-radius:0 10px 10px 0;padding:.7rem 1rem;margin-bottom:.5rem;font-size:.82rem;line-height:1.55;color:var(--ink);}

/* Lead form at bottom */
.lead-section{background:linear-gradient(135deg,#0e0e0e 0%,#1a3a2a 100%);border-radius:16px;padding:2.5rem;margin:2rem 0;text-align:center;}
.lead-section h2{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:1.4rem;color:#fff;margin-bottom:.4rem;line-height:1.3;}
.lead-section .lead-sub{font-size:.88rem;color:rgba(255,255,255,.6);margin-bottom:1.5rem;line-height:1.6;max-width:480px;margin-left:auto;margin-right:auto;}
.lead-section .lead-sub strong{color:#fff;}
.lead-form{max-width:380px;margin:0 auto;display:flex;flex-direction:column;gap:.5rem;}
.lead-input{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:.65rem .9rem;font-family:'Instrument Sans',sans-serif;font-size:.85rem;color:#fff;outline:none;transition:border-color .2s;}
.lead-input::placeholder{color:rgba(255,255,255,.3);}
.lead-input:focus{border-color:var(--green);background:rgba(255,255,255,.12);}
.btn-lead{width:100%;background:var(--green);color:#fff;border:none;padding:.75rem;border-radius:10px;font-family:'Instrument Sans',sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s;margin-top:.25rem;}
.btn-lead:hover{background:var(--green-mid);}
.btn-lead:disabled{opacity:.5;cursor:not-allowed;}
.lead-trust{font-size:.68rem;color:rgba(255,255,255,.35);margin-top:.6rem;}
.lead-err{color:#ff6b6b;font-size:.78rem;margin-top:.3rem;}

/* Sticky CTA bar */
.sticky-cta{position:fixed;bottom:0;left:0;right:0;z-index:150;background:rgba(14,14,14,.95);backdrop-filter:blur(12px);padding:.6rem 5vw;display:flex;align-items:center;justify-content:center;gap:1rem;border-top:1px solid rgba(255,255,255,.1);transform:translateY(100%);transition:transform .4s ease;}
.sticky-cta.show{transform:translateY(0);}
.sticky-cta-info{font-size:.8rem;color:rgba(255,255,255,.7);}
.sticky-cta-brand{font-weight:700;color:#fff;}
.btn-sticky{background:var(--green);color:#fff;border:none;padding:.5rem 1.2rem;border-radius:8px;font-family:'Instrument Sans',sans-serif;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .2s;white-space:nowrap;text-decoration:none;}
.btn-sticky:hover{background:var(--green-mid);}

/* Footer */
footer{border-top:1px solid var(--border);padding:2.5rem 5vw 4rem;}
.footer-inner{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;}
.footer-links{display:flex;gap:1.5rem;list-style:none;}
.footer-links a{color:var(--muted);text-decoration:none;font-size:.82rem;transition:color .2s;}
.footer-links a:hover{color:var(--ink);}
.footer-copy{color:var(--muted);font-size:.78rem;}

/* Scan profile card (during scanning) */
.scan-profile{display:flex;align-items:flex-start;gap:.75rem;background:var(--off);border:1px solid var(--border);border-radius:10px;padding:.75rem 1rem;margin-bottom:1.2rem;text-align:left;}
.sp-fav{width:36px;height:36px;border-radius:8px;flex-shrink:0;}
.sp-name{font-weight:700;font-size:.9rem;color:var(--ink);font-family:'Bricolage Grotesque',sans-serif;}
.sp-domain{font-weight:400;font-size:.75rem;color:var(--muted);margin-left:.35rem;}
.sp-meta{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.25rem;}
.sp-tag{font-size:.65rem;padding:.1rem .4rem;border-radius:4px;background:#e8e8e8;color:var(--ink);font-weight:500;}

/* Hidden by default, shown via JS */
.hidden{display:none !important;}

@media(max-width:768px){
  nav ul{display:none;}
  .nav-toggle{display:block;}
  .hero h1{font-size:1.8rem;min-height:auto;}
  .search-bar{flex-direction:column;}
  .search-bar input{width:100%;text-align:center;}
  .confirm-competitors-grid{grid-template-columns:1fr !important;}
  .comp-subgrid{grid-template-columns:1fr !important;}
  .confirm-actions{flex-direction:column-reverse;}
  .confirm-actions .btn-back,.confirm-actions .btn-confirm{width:100%;text-align:center;}
  .pv-grid{grid-template-columns:repeat(2,1fr);}
  .score-strip{flex-direction:column;align-items:flex-start;}
  .brand-card{flex-direction:column;padding:1rem;}
  .bc-left{flex-direction:row;justify-content:flex-start;}
  .bc-fav{width:44px;height:44px;}
  .bc-fav img{width:28px;height:28px;}
  .ct-table{font-size:.75rem;}
  .sticky-cta{flex-direction:column;gap:.5rem;padding:.8rem 5vw;}
  .cp2-page{padding:1.5rem 12px 3rem;}
  .cp2-card-header,.cp2-section,.cp2-card-footer{padding-left:18px;padding-right:18px;}
  .cp2-footer-actions{flex-direction:column-reverse;gap:12px;}
  .cp2-cta{width:100%;justify-content:center;}
  .cp2-back{align-self:center;}
  .cp2-step-line{width:48px;}
  .cp2-trust{flex-wrap:wrap;gap:12px;}
  .cp2-brand-display{flex-direction:column;align-items:flex-start;gap:10px;}
}
</style>
</head>
<body>

<!-- NAV -->
<nav>
  <a href="https://quickgroww.ai/" class="logo">Quick<span class="logo-dot">Groww</span></a>
  <ul>
    <li><a href="https://quickgroww.ai/#how-it-works">How It Works</a></li>
    <li><a href="https://quickgroww.ai/#founder">About</a></li>
    <li><a href="https://quickgroww.ai/pricing">Pricing</a></li>
    <li><a href="/ai-visibility-scanner" class="nav-active">AI Visibility Scanner</a></li>
    <li><a href="/join" style="color:var(--muted);cursor:default;pointer-events:none;opacity:.5;">Join <sup style="font-size:.6rem;color:var(--green);font-weight:700;">SOON</sup></a></li>
    <li><a href="https://quickgroww.ai/?source=ai-visibility-scanner#audit" class="btn-nav">Get Free Audit</a></li>
  </ul>
  <button class="nav-toggle" id="navToggle" aria-label="Toggle navigation menu">
    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><line x1="3" y1="6" x2="21" y2="6"/><line x1="3" y1="12" x2="21" y2="12"/><line x1="3" y1="18" x2="21" y2="18"/></svg>
  </button>
  <div class="nav-menu-mobile" id="mobileNav">
    <a href="https://quickgroww.ai/#how-it-works">How It Works</a>
    <a href="https://quickgroww.ai/#founder">About</a>
    <a href="https://quickgroww.ai/pricing">Pricing</a>
    <a href="/ai-visibility-scanner">AI Visibility Scanner</a>
    <a href="/join" style="color:var(--muted);pointer-events:none;opacity:.5;">Join <sup style="font-size:.6rem;color:var(--green);font-weight:700;">SOON</sup></a>
    <a href="https://quickgroww.ai/?source=ai-visibility-scanner#audit" class="btn-nav">Get Free Audit</a>
  </div>
</nav>

<main>

<!-- HERO -->
<section class="hero">
  <div class="pill">Free Tool — No Signup Required</div>
  <h1>
    <span style="display:block">Your Buyers Are</span>
    <span style="display:block">Asking
      <span class="hero-llm-line">
        <span class="llm-slot" id="llmSlot"></span>
        <span class="hero-cursor" id="heroCursor"></span>
      </span>
    </span>
    <span style="display:block;color:var(--green);">Are You the Answer?</span>
  </h1>
  <p>Find out if ChatGPT, Perplexity, Gemini, and Google AI recommend your business. Get your AI visibility score in under 60 seconds.</p>

  <div class="search-bar" id="searchBar">
    <input type="text" id="urlInput" placeholder="Enter your website (e.g., example.com)" autocomplete="url" spellcheck="false">
    <button class="btn-go" id="btnScan" onclick="startExtract()">Scan Now</button>
    <button class="btn-reset hidden" id="btnReset" onclick="resetAll()" title="Start over">&#8634;</button>
  </div>
  <p class="err hidden" id="errorMsg"></p>

  <div class="llm-strip">
    <img src="/assets/logos/chatgpt.svg" alt="ChatGPT" title="ChatGPT">
    <img src="/assets/logos/gemini.svg" alt="Gemini" title="Gemini">
    <img src="/assets/logos/perplexity.svg" alt="Perplexity" title="Perplexity">
    <img src="/assets/logos/claude.svg" alt="Claude" title="Claude">
    <img src="/assets/logos/grok.svg" alt="Grok" title="Grok">
  </div>

  <div class="social-proof">
    <span class="social-proof-text">Used by 200+ brands across 12 countries</span>
    <div class="social-proof-cities">
      <span class="social-proof-city">India</span>
      <span class="social-proof-city">USA</span>
      <span class="social-proof-city">UAE</span>
      <span class="social-proof-city">UK</span>
      <span class="social-proof-city">Germany</span>
    </div>
  </div>
</section>

<!-- STEPPER WRAP (extracting + confirm_products + select_market + discovering + confirm_competitors + scanning) -->
<div class="stepper-wrap hidden" id="stepperWrap">
  <div class="progress-bar hidden" id="progressBar">
    <div class="prog-seg filled"></div>
    <div class="prog-seg" id="progSeg1"></div>
    <div class="prog-seg" id="progSeg2"></div>
    <div class="prog-seg" id="progSeg3"></div>
    <div class="prog-seg" id="progSeg4"></div>
    <div class="prog-seg" id="progSeg5"></div>
  </div>

  <!-- Extracting -->
  <section class="extract-area hidden" id="extractArea">
    <div class="extract-spinner"></div>
    <div class="extract-status">Analyzing <strong id="extractDomain"></strong></div>
  </section>

  <!-- Confirm Products (cp2) -->
  <section class="hidden" id="confirmProductsArea"></section>

  <!-- Profile Summary (persists after confirm_products) -->
  <div class="hidden" id="profileSummaryArea"></div>

  <!-- Select Market -->
  <section class="hidden" id="selectMarketArea"></section>

  <!-- Discovering Competitors -->
  <section class="extract-area hidden" id="discoveringArea">
    <div class="extract-spinner"></div>
    <div class="extract-status">Finding competitors for <strong id="discoverBrand"></strong></div>
  </section>

  <!-- Confirm Competitors -->
  <section class="confirm-area hidden" id="confirmCompetitorsArea"></section>

  <!-- Scanning -->
  <section class="scan-area hidden" id="scanArea">
    <div id="scanBrandCard"></div>
    <div class="timer" id="scanTimer">00</div>
    <div class="timer-lbl" id="timerLabel">seconds elapsed — scanning 4 AI engines with 6 prompts each</div>
    <div class="scan-pipe">
      <div class="pipe-node">
        <div class="pipe-icon"><img src="https://www.google.com/s2/favicons?domain=chat.openai.com&sz=64" alt="ChatGPT"></div>
        <span class="pipe-label">ChatGPT</span>
      </div>
      <div class="pipe-node">
        <div class="pipe-line"></div>
        <div class="pipe-icon"><img src="https://www.google.com/s2/favicons?domain=google.com&sz=64" alt="AI Overviews"></div>
        <span class="pipe-label">AI Overviews</span>
      </div>
      <div class="pipe-node">
        <div class="pipe-line"></div>
        <div class="pipe-icon"><img src="https://www.google.com/s2/favicons?domain=perplexity.ai&sz=64" alt="Perplexity"></div>
        <span class="pipe-label">Perplexity</span>
      </div>
      <div class="pipe-node">
        <div class="pipe-line"></div>
        <div class="pipe-icon"><img src="https://www.google.com/s2/favicons?domain=gemini.google.com&sz=64" alt="Gemini"></div>
        <span class="pipe-label">Gemini</span>
      </div>
      <div class="pipe-pulse"></div>
    </div>
    <div class="scan-feed" id="scanFeed">
      <span class="feed-dot"></span>
      <span class="feed-text" id="feedText">Initializing scan...</span>
    </div>
    <div class="fact" id="factText"></div>
  </section>
</div>

<!-- RESULTS -->
<section class="results" id="resultsSection">
  <div id="reportSentBanner" class="hidden"></div>
  <div id="resultsBrandCard"></div>
  <div id="scoreStrip"></div>
  <div id="socialUrgency"></div>
  <div id="platformCards"></div>
  <div id="qaSection"></div>
  <div id="competitorTable"></div>
  <div id="citationSection"></div>
  <div id="recommendations"></div>

  <!-- Lead Capture Form -->
  <div class="lead-section" id="leadSection">
    <h2>What you see above is just 5% of the picture.</h2>
    <p class="lead-sub">Your full <strong>AI Visibility Report</strong> covers 10 pages of platform-by-platform analysis, competitor gaps, and exactly what to fix — delivered to your inbox, <strong>free</strong>.</p>
    <div class="lead-form" id="leadForm">
      <input type="text" class="lead-input" id="leadName" placeholder="Your name">
      <input type="email" class="lead-input" id="leadEmail" placeholder="Work email">
      <input type="tel" class="lead-input" id="leadPhone" placeholder="WhatsApp number">
      <button class="btn-lead" id="btnLead" onclick="submitLead()">Send My Free Report</button>
      <p class="lead-err hidden" id="leadErr"></p>
      <p class="lead-trust">No spam. No calls unless you ask. Just your report.</p>
    </div>
  </div>
</section>

<!-- Sticky CTA -->
<div class="sticky-cta" id="stickyCta">
  <span class="sticky-cta-info">
    <span class="sticky-cta-brand" id="stickyBrand"></span> AI Visibility: <span id="stickyScore" style="font-weight:700"></span>
  </span>
  <a href="https://quickgroww.ai/?source=ai-visibility-scanner#audit" class="btn-sticky">Book Free AI Audit &rarr;</a>
</div>

</main>

<!-- FOOTER -->
<footer>
  <div class="footer-inner">
    <a href="https://quickgroww.ai/" class="logo">Quick<span class="logo-dot">Groww</span></a>
    <ul class="footer-links">
      <li><a href="https://quickgroww.ai/privacy-policy">Privacy</a></li>
      <li><a href="https://quickgroww.ai/terms">Terms</a></li>
      <li><a href="https://quickgroww.ai/blog">Blog</a></li>
    </ul>
    <span class="footer-copy">&copy; 2026 QuickGroww. All rights reserved.</span>
  </div>
</footer>

<script>
/* ═══════════════════════════════════════════════════════════════
   PUBLIC AI SCAN — Vanilla JS (8-stage flow)
   Calls: app.quickgroww.ai/api/public/ai-scan/stream
   ═══════════════════════════════════════════════════════════════ */

const API_BASE = 'https://app.quickgroww.ai';
const PLATFORM_FAVICONS = {
  'ChatGPT': 'https://www.google.com/s2/favicons?domain=chat.openai.com&sz=64',
  'AI Overviews': 'https://www.google.com/s2/favicons?domain=google.com&sz=64',
  'Perplexity': 'https://www.google.com/s2/favicons?domain=perplexity.ai&sz=64',
  'Gemini': 'https://www.google.com/s2/favicons?domain=gemini.google.com&sz=64',
};
const SCAN_FACTS = [
  "27% of US users now prefer AI search over Google.",
  "ChatGPT controls 81% of the AI search market.",
  "AI engines recommend only 3-5 brands per query.",
  "58.5% of Google searches now result in zero clicks.",
  "Businesses visible in AI answers get 10x more trust signals.",
  "Google AI Overviews reduce organic CTR by 12-20%.",
  "Perplexity AI processes 100M+ queries per month.",
  "AI doesn't recommend businesses it has never encountered.",
  "Structured content gets cited 3x more by AI engines.",
  "By 2027, AI will handle 30% of all search queries.",
];
const BIZ_TYPE_LABELS = { manufacturer:'Manufacturer', exporter:'Exporter', manufacturer_exporter:'Manufacturer & Exporter', service_provider:'Service Provider', trader:'Trader', wholesaler:'Wholesaler' };
const MARKET_LABELS = { domestic:'Domestic Market', export:'Export Market', both:'Domestic + Export' };
const GEO_ICONS = { local:'\u{1F4CD}', national:'\u{1F3E2}', international:'\u{1F30D}' };
const GEO_LABELS = { local:'Local', national:'National', international:'International' };

let state = {
  stage:'input', brandInfo:null, scanResult:null, clientCode:'', logId:null,
  editBrandName:'', editProducts:[], editCompetitors:{local:[''],national:[''],international:['']},
  marketScopes: new Set(['local']),
  resolvedDomains: {},
  seconds:0, timerInterval:null, factInterval:null, activityInterval:null,
  isEditingBrand: false, newProduct: '',
};

// ── Helpers ──
function $(id){ return document.getElementById(id); }
function show(el){ if(el) el.classList.remove('hidden'); }
function hide(el){ if(el) el.classList.add('hidden'); }
function esc(s){ if(!s) return ''; const d=document.createElement('div'); d.textContent=s; return d.innerHTML; }
function pFav(label){ return PLATFORM_FAVICONS[label] || PLATFORM_FAVICONS['ChatGPT']; }
function guessDomain(name){ return name.toLowerCase().replace(/\b(pvt|ltd|llc|inc|corp|co|limited|private|group|industries|international|enterprises|india)\b\.?/g,'').replace(/[^a-z0-9]/g,'').trim()+'.com'; }

function compFaviconFallbacks(name) {
  var domain = guessDomain(name);
  return [
    'https://www.google.com/s2/favicons?domain='+domain+'&sz=32',
    'https://logo.clearbit.com/'+domain,
    'https://icons.duckduckgo.com/ip3/'+domain+'.ico',
  ];
}
function handleFaviconError(img, name) {
  var tried = parseInt(img.dataset.fbIdx || '0', 10);
  var sources = compFaviconFallbacks(name);
  var next = tried + 1;
  if (next < sources.length) {
    img.dataset.fbIdx = String(next);
    img.src = sources[next];
  } else {
    var initial = name.charAt(0).toUpperCase();
    var colors = ['#10a37f','#4285f4','#8b5cf6','#f59e0b','#ef4444','#06b6d4','#ec4899','#84cc16'];
    var color = colors[name.length % colors.length];
    var parent = img.parentElement;
    if (parent) {
      var size = img.width || 16;
      var span = document.createElement('span');
      span.textContent = initial;
      span.style.cssText = 'display:inline-flex;align-items:center;justify-content:center;width:'+size+'px;height:'+size+'px;border-radius:'+(size<20?3:5)+'px;background:'+color+';color:#fff;font-size:'+Math.max(8,size*0.55)+'px;font-weight:700;flex-shrink:0;line-height:1;';
      parent.replaceChild(span, img);
    }
  }
}

function highlightBrands(text, ownBrand, competitors) {
  if (!text) return esc(text);
  var highlights = [];
  if (ownBrand) highlights.push({ name: ownBrand, type: 'own' });
  competitors.forEach(function(c) { if (c && c.length >= 3) highlights.push({ name: c, type: 'competitor' }); });
  highlights.sort(function(a,b){ return b.name.length - a.name.length; });
  if (!highlights.length) return esc(text);
  var escaped = highlights.map(function(h){ return h.name.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'); });
  var regex = new RegExp('(' + escaped.join('|') + ')', 'gi');
  var parts = text.split(regex);
  return parts.map(function(part) {
    var match = highlights.find(function(h){ return h.name.toLowerCase() === part.toLowerCase(); });
    if (match) {
      if (match.type === 'own') return '<span style="background:#dcfce7;color:#166534;font-weight:700;padding:1px 4px;border-radius:3px">' + esc(part) + '</span>';
      return '<span style="background:#dbeafe;color:#1e40af;font-weight:600;padding:1px 4px;border-radius:3px">' + esc(part) + '</span>';
    }
    return esc(part);
  }).join('');
}

function allCompetitorNames(geo) {
  if (!geo) return [];
  var all = [].concat(geo.local||[], geo.national||[], geo.international||[]);
  var seen = {};
  return all.map(function(c){return c.name;}).filter(function(n){ var t=n.trim(); if(!t||seen[t]) return false; seen[t]=true; return true; });
}

function setStage(s){
  state.stage = s;
  var stepperWrap = $('stepperWrap');
  var extractArea = $('extractArea');
  var confirmProductsArea = $('confirmProductsArea');
  var profileSummaryArea = $('profileSummaryArea');
  var selectMarketArea = $('selectMarketArea');
  var discoveringArea = $('discoveringArea');
  var confirmCompetitorsArea = $('confirmCompetitorsArea');
  var scanArea = $('scanArea');
  var resultsSection = $('resultsSection');
  var progressBar = $('progressBar');

  // Hide all stepper children first
  hide(extractArea); hide(confirmProductsArea); hide(profileSummaryArea);
  hide(selectMarketArea); hide(discoveringArea); hide(confirmCompetitorsArea); hide(scanArea);

  if(s==='input'){ hide(stepperWrap); hide(resultsSection); resultsSection.classList.remove('show'); }
  else { show(stepperWrap); }

  // Show progress bar only during stages that use it (not cp2 stages)
  if(s==='confirm_products' || s==='select_market'){
    hide(progressBar);
  } else if(s!=='input' && s!=='full') {
    show(progressBar);
  }

  // Show correct section
  if(s==='extracting') show(extractArea);
  if(s==='confirm_products') show(confirmProductsArea);
  if(s==='select_market'){ show(profileSummaryArea); show(selectMarketArea); }
  if(s==='discovering_competitors'){ show(profileSummaryArea); show(discoveringArea); }
  if(s==='confirm_competitors'){ show(profileSummaryArea); show(confirmCompetitorsArea); }
  if(s==='scanning'){ show(profileSummaryArea); show(scanArea); }

  if(s==='full'){ resultsSection.classList.add('show'); hide(stepperWrap); }

  // Progress bar segments (6 segments)
  if(progressBar && s!=='confirm_products' && s!=='select_market'){
    var p1=$('progSeg1'), p2=$('progSeg2'), p3=$('progSeg3'), p4=$('progSeg4'), p5=$('progSeg5');
    p1.className = 'prog-seg' + (s==='extracting'?' active':'filled' in {'discovering_competitors':1,'confirm_competitors':1,'scanning':1,'full':1} || s!=='extracting'?' filled':'');
    // Simplified progress logic
    var stages = ['extracting','confirm_products','select_market','discovering_competitors','confirm_competitors','scanning','full'];
    var si = stages.indexOf(s);
    p1.className = 'prog-seg' + (si===0?' active':si>0?' filled':'');
    p2.className = 'prog-seg filled'; // confirm_products always done when progress shows
    p3.className = 'prog-seg' + (s==='discovering_competitors'?' active':(si>3?' filled':''));
    p4.className = 'prog-seg' + (s==='confirm_competitors'?' active':(si>4?' filled':''));
    p5.className = 'prog-seg' + (s==='scanning'?' active':'');
  }

  // Search bar buttons
  if(s==='input'){ show($('btnScan')); hide($('btnReset')); $('urlInput').disabled=false; }
  else { hide($('btnScan')); show($('btnReset')); $('urlInput').disabled=true; }
}

function showError(msg){ var el=$('errorMsg'); el.textContent=msg; show(el); }
function hideError(){ hide($('errorMsg')); }

function resetAll(){
  clearInterval(state.timerInterval);
  clearInterval(state.factInterval);
  clearInterval(state.activityInterval);
  state = {
    stage:'input', brandInfo:null, scanResult:null, clientCode:'', logId:null,
    editBrandName:'', editProducts:[], editCompetitors:{local:[''],national:[''],international:['']},
    marketScopes: new Set(['local']),
    resolvedDomains: {},
    seconds:0, timerInterval:null, factInterval:null, activityInterval:null,
    isEditingBrand: false, newProduct: '',
  };
  $('urlInput').value = '';
  $('resultsSection').classList.remove('show');
  hideError();
  setStage('input');
  $('stickyCta').classList.remove('show');
}

// ── LLM Typewriter ──
(function initTypewriter(){
  var slot = $('llmSlot');
  if(!slot) return;
  var llms = [
    {name:'Perplexity', logo:'/assets/logos/perplexity.svg', color:'#1B7A85'},
    {name:'ChatGPT', logo:'/assets/logos/chatgpt.svg', color:'#10a37f'},
    {name:'Gemini', logo:'/assets/logos/gemini.svg', color:'#4285f4'},
    {name:'Grok', logo:'/assets/logos/grok.svg', color:'#1DA1F2'},
    {name:'Claude', logo:'/assets/logos/claude.svg', color:'#D97757'},
  ];
  var idx=0, cancelled=false;
  function typeOne(){
    if(cancelled) return;
    var l=llms[idx];
    slot.setAttribute('data-llm', l.name);
    slot.innerHTML = '<img class="llm-logo" src="'+l.logo+'" alt="'+l.name+'"><span class="llm-text" style="color:'+l.color+'">\u00A0</span>';
    var txt = slot.querySelector('.llm-text');
    var ci=0;
    function typeChar(){
      if(cancelled) return;
      if(ci<l.name.length){ if(ci===0) txt.textContent=''; txt.textContent+=l.name[ci]; ci++; setTimeout(typeChar,80); }
      else { setTimeout(eraseChars,1800); }
    }
    function eraseChars(){
      if(cancelled) return;
      var t=txt.textContent;
      if(t.length>0){ txt.textContent=t.slice(0,-1); setTimeout(eraseChars,40); }
      else { txt.textContent='\u00A0'; idx=(idx+1)%llms.length; setTimeout(typeOne,300); }
    }
    typeChar();
  }
  setTimeout(typeOne, 800);
})();

// ── Mobile nav toggle ──
$('navToggle').addEventListener('click', function(){
  var m = $('mobileNav');
  m.style.display = m.style.display==='block' ? 'none' : 'block';
});

// ── Enter key on search bar ──
$('urlInput').addEventListener('keydown', function(e){ if(e.key==='Enter' && state.stage==='input') startExtract(); });

// ── SSE Stream helper ──
function streamSSE(body, onEvent, onDone, onError){
  var ctrl = new AbortController();
  fetch(API_BASE + '/api/public/ai-scan/stream', {
    method:'POST',
    headers:{'Content-Type':'application/json'},
    body: JSON.stringify(body),
    signal: ctrl.signal,
  }).then(function(res) {
    if(!res.ok) throw new Error('API error: ' + res.status);
    var reader = res.body.getReader();
    var decoder = new TextDecoder();
    var buffer = '';
    function read(){
      reader.read().then(function(result) {
        if(result.done){ onDone(); return; }
        buffer += decoder.decode(result.value, {stream:true});
        var lines = buffer.split('\n');
        buffer = lines.pop();
        for(var i=0;i<lines.length;i++){
          if(lines[i].startsWith('data: ')){
            try { var d = JSON.parse(lines[i].slice(6)); onEvent(d); } catch(e){}
          }
        }
        read();
      }).catch(onError);
    }
    read();
  }).catch(onError);
  return ctrl;
}

// ── STEP 1: Extract ──
function startExtract(){
  var url = $('urlInput').value.trim();
  if(!url){ showError('Please enter a website URL.'); return; }
  if(!url.includes('.') || url.length < 4){ showError('Please enter a valid domain (e.g., example.com)'); return; }
  hideError();
  setStage('extracting');
  $('extractDomain').textContent = url.replace(/https?:\/\//,'').replace(/\/$/,'');

  streamSSE(
    { websiteUrl: url },
    function(evt){
      if(evt.type === 'scan:extract-complete'){
        var info = evt.brandInfo;
        state.logId = evt.logId;
        state.brandInfo = info;
        state.editBrandName = info.brandName || '';
        state.editProducts = (info.products || []).filter(function(p){return p.trim();});
        while(state.editProducts.length < 3) state.editProducts.push('');
        state.editProducts = state.editProducts.filter(function(p){return p.trim();});
        if(state.editProducts.length === 0) state.editProducts = [''];
        // Pre-fill competitors if extraction found some (legacy)
        if(info.competitors){
          state.editCompetitors = {
            local: info.competitors.local && info.competitors.local.length ? info.competitors.local.map(function(c){return c.name;}) : [''],
            national: info.competitors.national && info.competitors.national.length ? info.competitors.national.map(function(c){return c.name;}) : [''],
            international: info.competitors.international && info.competitors.international.length ? info.competitors.international.map(function(c){return c.name;}) : [''],
          };
        }
        renderConfirmProducts();
        setStage('confirm_products');
      }
      if(evt.type === 'scan:error'){
        showError(evt.error || 'Extraction failed. Please try again.');
        setStage('input');
      }
    },
    function(){},
    function(err){ showError('Connection error. Please try again.'); setStage('input'); }
  );
}

// ── STEP 2: Render Confirm Products (cp2 UI) ──
function renderConfirmProducts(){
  var info = state.brandInfo;
  var area = $('confirmProductsArea');
  var favUrl = 'https://www.google.com/s2/favicons?domain='+(info.domain||'')+'&sz=64';

  // Build products tags
  var tagsHtml = state.editProducts.map(function(p, i){
    return '<div class="cp2-tag ai" style="animation-delay:'+i*0.05+'s"><span>'+esc(p)+'</span><span class="cp2-tag-ai-badge">AI</span><button class="cp2-tag-remove" onclick="removeProduct('+i+')" title="Remove">&#x2715;</button></div>';
  }).join('');

  // Location meta
  var metaHtml = '';
  if(info.address && info.address.city) metaHtml += '<span>'+esc([info.address.city, info.address.state].filter(Boolean).join(', '))+'</span>';
  if(info.address && info.address.city && info.address.country) metaHtml += '<span class="sep">&middot;</span>';
  if(info.address && info.address.country) metaHtml += '<span>'+esc(info.address.country)+'</span>';

  area.innerHTML = '<div class="cp2-page">'
    // Stepper
    + '<div class="cp2-stepper">'
    + '<div class="cp2-step done"><div class="cp2-step-dot">&#x2713;</div><div class="cp2-step-label">Scan URL</div></div>'
    + '<div class="cp2-step-line done"></div>'
    + '<div class="cp2-step active"><div class="cp2-step-dot">2</div><div class="cp2-step-label">Confirm Profile</div></div>'
    + '<div class="cp2-step-line"></div>'
    + '<div class="cp2-step pending"><div class="cp2-step-dot">3</div><div class="cp2-step-label">Your Market</div></div>'
    + '<div class="cp2-step-line"></div>'
    + '<div class="cp2-step pending"><div class="cp2-step-dot">4</div><div class="cp2-step-label">Competitors</div></div>'
    + '<div class="cp2-step-line"></div>'
    + '<div class="cp2-step pending"><div class="cp2-step-dot">5</div><div class="cp2-step-label">AI Score</div></div>'
    + '</div>'
    // URL Banner
    + '<div class="cp2-url-banner"><div class="cp2-url-left"><div class="cp2-url-fav"><img src="'+favUrl+'" alt="" onerror="this.style.display=\'none\'"></div><div><div class="cp2-url-domain">'+esc(info.domain||'')+'</div><div class="cp2-url-sub">Scanned successfully &middot; Just now</div></div></div><div class="cp2-scan-badge"><div class="cp2-scan-dot"></div>AI Scan in Progress</div></div>'
    // Help Notice
    + '<div class="cp2-help"><div class="cp2-help-text"><strong>Our AI read your website and built your business profile below.</strong> Before we run your AI visibility test, take 30 seconds to confirm these details are correct — especially your products/services. The more accurate this is, the more useful your report will be.</div></div>'
    // Main Card
    + '<div class="cp2-card">'
    // Card Header
    + '<div class="cp2-card-header"><div class="cp2-card-header-row"><div class="cp2-card-icon"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6L9 17l-5-5"/></svg></div><div><div class="cp2-card-title">Is this your business?</div><div class="cp2-card-subtitle">We auto-detected your brand and offerings. Confirm or update anything that doesn\'t look right.</div></div></div></div>'
    // Brand Name Section
    + '<div class="cp2-section"><div class="cp2-section-head"><div class="cp2-section-label-row"><div class="cp2-section-label">Brand Name</div></div><button class="cp2-edit-link" onclick="toggleBrandEdit()">&#x270F;&#xFE0F; '+(state.isEditingBrand?'Done':'Edit')+'</button></div>'
    + '<div class="cp2-brand-display"><div class="cp2-brand-logo"><img src="https://www.google.com/s2/favicons?domain='+(info.domain||'')+'&sz=128" alt="" onerror="this.style.display=\'none\';this.parentElement.textContent=\''+esc((state.editBrandName||info.brandName||'').substring(0,2).toUpperCase())+'\'"></div><div>'
    + (state.isEditingBrand
      ? '<input class="cp2-brand-name-input" id="brandNameInput" value="'+esc(state.editBrandName)+'" onchange="state.editBrandName=this.value" onkeydown="if(event.key===\'Enter\'){state.isEditingBrand=false;renderConfirmProducts();}">'
      : '<div class="cp2-brand-name">'+esc(state.editBrandName || info.brandName)+'</div>')
    + '<div class="cp2-brand-meta">'+metaHtml+'</div>'
    + (info.industry ? '<div class="cp2-industry-pill">'+esc(info.industry)+'</div>' : '')
    + '</div></div></div>'
    // Products Section
    + '<div class="cp2-section"><div class="cp2-section-head"><div class="cp2-section-label-row"><div class="cp2-section-label">Products &amp; Services</div></div><div style="display:flex;align-items:center;gap:6px"><span style="font-size:11px;color:var(--muted);font-weight:500">AI detected</span><span style="background:var(--green-light);color:var(--green-mid);font-size:11px;font-weight:700;padding:2px 8px;border-radius:20px;border:1px solid rgba(0,194,122,.25)">'+state.editProducts.filter(function(p){return p.trim();}).length+' found</span></div></div>'
    + '<div class="cp2-products-help"><strong>What are we testing?</strong> These are the services we\'ll ask ChatGPT, Google Gemini, and Perplexity about — to check if your business appears when buyers search. <span style="color:var(--muted)">Remove anything irrelevant, or add a product we may have missed.</span></div>'
    + '<div class="cp2-tags">'+tagsHtml+'</div>'
    + '<div class="cp2-add-row"><input class="cp2-add-input" id="newProductInput" placeholder="+ Add a product or service we missed..." onkeydown="if(event.key===\'Enter\')addProduct()"><button class="cp2-add-btn" onclick="addProduct()">Add</button></div>'
    + '<div style="margin-top:10px;font-size:12px;color:var(--muted)"><em>Tip: Add your most important product first — it gets the highest weight in your AI score.</em></div>'
    + '</div>'
    // Card Footer
    + '<div class="cp2-card-footer">'
    + '<div class="cp2-accuracy"><div class="cp2-accuracy-text"><strong>Your accuracy = your score quality.</strong> The products/services listed above are exactly what we\'ll query on ChatGPT, Perplexity, and Gemini. If your main offering isn\'t listed, your real score will be higher than what we show.</div></div>'
    + '<div class="cp2-teaser"><div class="cp2-teaser-left"><div><div class="cp2-teaser-title">Next: Tell us where your buyers are</div><div class="cp2-teaser-sub">Local, national, or international — we\'ll tailor your AI scan</div></div></div><div class="cp2-teaser-badge">STEP 3 &#x2192;</div></div>'
    + '<div class="cp2-footer-actions"><button class="cp2-back" onclick="setStage(\'input\')">&#x2190; Change URL</button><button class="cp2-cta" onclick="goToSelectMarket()"><div>Select Your Market<span class="cp2-cta-sub">where do your buyers search?</span></div><span class="cp2-cta-arrow">&#x2192;</span></button></div>'
    + '</div></div>'
    // Trust Row
    + '<div class="cp2-trust"><div class="cp2-trust-item"><span style="color:var(--green)">&#x25CF;</span> No account required</div><div class="cp2-trust-item"><span style="color:var(--green)">&#x25CF;</span> Results in 60 seconds</div><div class="cp2-trust-item"><span style="color:var(--green)">&#x25CF;</span> Free — no credit card</div><div class="cp2-trust-item"><span style="color:var(--green)">&#x25CF;</span> Used by 200+ businesses</div></div>'
    + '</div>';

  if(state.isEditingBrand) setTimeout(function(){ var inp=$('brandNameInput'); if(inp) inp.focus(); }, 50);
}

function toggleBrandEdit(){
  state.isEditingBrand = !state.isEditingBrand;
  if(!state.isEditingBrand){
    var inp = $('brandNameInput');
    if(inp) state.editBrandName = inp.value;
  }
  renderConfirmProducts();
}
function removeProduct(i){
  state.editProducts.splice(i, 1);
  renderConfirmProducts();
}
function addProduct(){
  var inp = $('newProductInput');
  if(inp && inp.value.trim()){
    state.editProducts.push(inp.value.trim());
    renderConfirmProducts();
  }
}
function goToSelectMarket(){
  // Validate products
  var validProducts = state.editProducts.filter(function(p){return p.trim();});
  if(validProducts.length < 1){ showError('Please add at least one product.'); return; }
  hideError();
  state.editProducts = validProducts;
  renderProfileSummary();
  renderSelectMarket();
  setStage('select_market');
}

// ── Profile Summary (persists after confirm_products) ──
function renderProfileSummary(){
  var info = state.brandInfo;
  var area = $('profileSummaryArea');
  var favUrl = 'https://www.google.com/s2/favicons?domain='+(info.domain||'')+'&sz=64';
  var productTags = state.editProducts.filter(function(p){return p.trim();}).map(function(p){
    return '<span class="cp2-summary-tag">'+esc(p)+'</span>';
  }).join('');
  var metaParts = [info.domain];
  if(info.industry) metaParts.push(info.industry);
  if(info.address && info.address.city) metaParts.push(info.address.city);

  area.innerHTML = '<div style="max-width:680px;margin:0 auto;padding:0 20px"><div class="cp2-summary"><div class="cp2-summary-header"><div class="cp2-summary-left"><div class="cp2-summary-logo"><img src="'+favUrl+'" alt="" onerror="this.style.display=\'none\';this.parentElement.textContent=\''+esc((state.editBrandName||info.brandName||'').substring(0,2).toUpperCase())+'\'"></div><div style="min-width:0"><div class="cp2-summary-name">'+esc(state.editBrandName||info.brandName)+'</div><div class="cp2-summary-meta">'+esc(metaParts.join(' \u00B7 '))+'</div></div></div><div class="cp2-summary-check">&#x2713; Profile Confirmed</div></div><div class="cp2-summary-products">'+productTags+'</div></div></div>';
}

// ── STEP 3: Select Market Scope ──
function renderSelectMarket(){
  var info = state.brandInfo;
  var area = $('selectMarketArea');
  var localGeo = (info.address && info.address.city && info.address.state) ? info.address.city+', '+info.address.state : '';
  var countryGeo = (info.address && info.address.country) ? info.address.country : '';
  var scopeArr = Array.from(state.marketScopes);
  var scopeText = scopeArr.length===3 ? 'all markets' : scopeArr.map(function(s){return s==='local'?'local':s==='national'?'national':'global';}).join(' + ');

  area.innerHTML = '<div style="max-width:680px;margin:0 auto;padding:0 20px">'
    // Stepper
    + '<div class="cp2-stepper">'
    + '<div class="cp2-step done"><div class="cp2-step-dot">1</div><div class="cp2-step-label">Scan URL</div></div>'
    + '<div class="cp2-step-line done"></div>'
    + '<div class="cp2-step done"><div class="cp2-step-dot">2</div><div class="cp2-step-label">Confirm Profile</div></div>'
    + '<div class="cp2-step-line done"></div>'
    + '<div class="cp2-step active"><div class="cp2-step-dot">3</div><div class="cp2-step-label">Your Market</div></div>'
    + '<div class="cp2-step-line"></div>'
    + '<div class="cp2-step pending"><div class="cp2-step-dot">4</div><div class="cp2-step-label">Competitors</div></div>'
    + '<div class="cp2-step-line"></div>'
    + '<div class="cp2-step pending"><div class="cp2-step-dot">5</div><div class="cp2-step-label">AI Score</div></div>'
    + '</div>'
    // Market Card
    + '<div class="cp2-market-card">'
    + '<div style="padding:22px 28px 18px;border-bottom:1px solid var(--border)"><div class="cp2-market-title">Where do your buyers search?</div><div style="font-size:13px;color:var(--muted);margin-top:4px;line-height:1.5">Select all markets where you compete. This scopes competitor discovery and tailors AI prompts to your geography.</div></div>'
    + '<div style="padding:24px 28px">'
    + buildMarketOption('local', 'Local & State', localGeo, 'Buyers searching in your city, district, or state')
    + buildMarketOption('national', 'Country', countryGeo, 'Buyers searching nationwide across your country')
    + buildMarketOption('international', 'International / Export', '', 'Buyers from other countries looking for global suppliers')
    + '</div>'
    + '<div style="padding:20px 28px 24px;background:var(--off);border-top:1px solid var(--border)">'
    + '<div style="font-size:12.5px;color:var(--muted);line-height:1.5;margin-bottom:16px">AI prompts will be tailored to your selected markets. You can always re-run with different scopes.</div>'
    + '<div class="cp2-footer-actions"><button class="cp2-back" onclick="renderConfirmProducts();setStage(\'confirm_products\')">&#x2190; Edit Profile</button><button class="cp2-cta" onclick="runCompetitorDiscovery()"><div>Find My Competitors<span class="cp2-cta-sub">'+esc(scopeText)+'</span></div><span class="cp2-cta-arrow">&#x2192;</span></button></div>'
    + '</div></div>'
    // Trust Row
    + '<div class="cp2-trust"><div class="cp2-trust-item"><span style="color:var(--green)">&#x25CF;</span> No account required</div><div class="cp2-trust-item"><span style="color:var(--green)">&#x25CF;</span> Results in 60 seconds</div><div class="cp2-trust-item"><span style="color:var(--green)">&#x25CF;</span> Free — no credit card</div><div class="cp2-trust-item"><span style="color:var(--green)">&#x25CF;</span> Used by 200+ businesses</div></div>'
    + '</div>';
}
function buildMarketOption(scope, label, geo, desc){
  var sel = state.marketScopes.has(scope);
  return '<div class="cp2-market-option'+(sel?' selected':'')+'" onclick="toggleMarketScope(\''+scope+'\')">'
    + '<div class="cp2-market-check">'+(sel?'<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="3"><path d="M20 6L9 17l-5-5"/></svg>':'')+'</div>'
    + '<div class="cp2-market-option-text"><div class="cp2-market-option-label">'+esc(label)+(geo?' <span style="font-size:12px;color:var(--muted);font-weight:400">'+esc(geo)+'</span>':'')+'</div><div class="cp2-market-option-desc">'+esc(desc)+'</div></div></div>';
}
function toggleMarketScope(scope){
  if(state.marketScopes.has(scope)){
    if(state.marketScopes.size > 1) state.marketScopes.delete(scope);
  } else {
    state.marketScopes.add(scope);
  }
  renderSelectMarket();
}

// ── STEP 4: Discover competitors ──
function runCompetitorDiscovery(){
  var info = state.brandInfo;
  if(!info) return;
  var validProducts = state.editProducts.filter(function(p){return p.trim();});
  if(validProducts.length < 1){ showError('Please add at least one product.'); return; }
  hideError();

  var scopeArr = Array.from(state.marketScopes);
  var hasLocal = scopeArr.indexOf('local') >= 0;
  var hasIntl = scopeArr.indexOf('international') >= 0;
  var derivedMarketScope = (hasLocal && hasIntl) ? 'both' : hasIntl ? 'export' : 'domestic';

  var updatedBrand = Object.assign({}, info, {
    brandName: state.editBrandName.trim() || info.brandName,
    products: validProducts,
    productClusters: undefined,
    marketScope: derivedMarketScope,
  });
  state.brandInfo = updatedBrand;

  $('discoverBrand').textContent = state.editBrandName || info.brandName;
  setStage('discovering_competitors');

  streamSSE(
    { mode:'discover', brandInfo: updatedBrand, marketScopes: scopeArr, logId: state.logId },
    function(evt){
      if(evt.type === 'scan:discover-complete'){
        if(evt.logId) state.logId = evt.logId;
        var comps = evt.competitors;
        state.brandInfo = Object.assign({}, state.brandInfo, { competitors: comps, productClusters: evt.productClusters });

        // Distribute slots
        var activeTiers = ['local','national','international'].filter(function(t){return state.marketScopes.has(t);});
        var tierCount = activeTiers.length;
        var slotMap = {};
        if(tierCount===1){ slotMap[activeTiers[0]]=9; }
        else if(tierCount===2){ slotMap[activeTiers[0]]=5; slotMap[activeTiers[1]]=4; }
        else { activeTiers.forEach(function(t){slotMap[t]=3;}); }

        var editComps = {local:[],national:[],international:[]};
        ['local','national','international'].forEach(function(tier){
          if(!state.marketScopes.has(tier)){ editComps[tier]=['']; return; }
          var names = comps[tier] && comps[tier].length > 0 ? comps[tier].map(function(c){return c.name;}) : [];
          var max = slotMap[tier] || 0;
          while(names.length < Math.max(max, 1)) names.push('');
          editComps[tier] = names;
        });
        state.editCompetitors = editComps;
        renderConfirmCompetitors();
        setStage('confirm_competitors');
      }
      if(evt.type === 'scan:error'){
        showError(evt.error || 'Discovery failed. Please try again.');
        setStage('select_market');
        renderSelectMarket();
      }
    },
    function(){},
    function(err){ showError('Connection error. Please try again.'); setStage('select_market'); renderSelectMarket(); }
  );
}

// ── STEP 5: Render Confirm Competitors ──
function renderConfirmCompetitors(){
  var info = state.brandInfo;
  var area = $('confirmCompetitorsArea');
  var activeTiers = ['local','national','international'].filter(function(t){return state.marketScopes.has(t);});
  var tierCount = activeTiers.length;
  var slotMap = {};
  if(tierCount===1){ slotMap[activeTiers[0]]=9; }
  else if(tierCount===2){ slotMap[activeTiers[0]]=5; slotMap[activeTiers[1]]=4; }
  else { activeTiers.forEach(function(t){slotMap[t]=3;}); }

  var tierLabels = {
    local: 'Local ('+(info.address&&info.address.city||info.address&&info.address.state||'Region')+')',
    national: 'National ('+(info.address&&info.address.country||'Country')+')',
    international: 'International',
  };
  var tierIcons = { local:'\u{1F4CD}', national:'\u{1F3E2}', international:'\u{1F30D}' };

  // Scope badges
  var scopeBadges = activeTiers.map(function(t){
    return '<span style="display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:500;background:var(--green-light);color:var(--green-mid);border:1px solid var(--green);font-family:\'Instrument Sans\',sans-serif">'+tierIcons[t]+' '+tierLabels[t]+'</span>';
  }).join('');

  // Build competitor inputs
  var compsHtml = '';
  if(tierCount === 1){
    var tier = activeTiers[0];
    var maxSlots = slotMap[tier];
    compsHtml += '<div><div class="confirm-label" style="display:flex;align-items:center;gap:4px;margin-bottom:8px"><span style="font-size:13px">'+tierIcons[tier]+'</span> '+esc(tierLabels[tier])+' Competitors</div><div class="comp-subgrid">';
    state.editCompetitors[tier].slice(0, maxSlots).forEach(function(c, i){
      var orig = info.competitors && info.competitors[tier] ? info.competitors[tier].find(function(e){return e.name===c;}) : null;
      compsHtml += '<div class="tag-item" style="width:100%">';
      if(orig && orig.domain) compsHtml += '<img src="https://www.google.com/s2/favicons?domain='+orig.domain+'&sz=16" alt="" width="14" height="14" style="border-radius:2px;margin-right:2px;flex-shrink:0" onerror="this.style.display=\'none\'">';
      compsHtml += '<input value="'+esc(c)+'" oninput="state.editCompetitors.'+tier+'['+i+']=this.value" placeholder="Competitor '+(i+1)+'" style="width:100%;min-width:0;flex:1">';
      if(orig && orig.url) compsHtml += '<a href="'+esc(orig.url)+'" target="_blank" rel="noopener noreferrer" style="font-size:11px;color:#2563eb;margin-left:2px;flex-shrink:0" title="'+esc(orig.url)+'">&#x2197;</a>';
      if(state.editCompetitors[tier].length > 1) compsHtml += '<span class="tag-remove" onclick="state.editCompetitors.'+tier+'.splice('+i+',1);renderConfirmCompetitors()">&#xd7;</span>';
      compsHtml += '</div>';
    });
    compsHtml += '</div>';
    if(state.editCompetitors[tier].length < maxSlots) compsHtml += '<div class="tag-add" style="margin-top:8px" onclick="state.editCompetitors.'+tier+'.push(\'\');renderConfirmCompetitors()">+ Add</div>';
    compsHtml += '</div>';
  } else {
    compsHtml += '<div class="confirm-competitors-grid" data-cols="'+tierCount+'">';
    activeTiers.forEach(function(tier){
      var maxSlots = slotMap[tier];
      compsHtml += '<div><div class="confirm-label" style="display:flex;align-items:center;gap:4px"><span style="font-size:13px">'+tierIcons[tier]+'</span> '+esc(tierLabels[tier])+'</div><div class="tag-list" style="flex-direction:column;gap:.35rem">';
      state.editCompetitors[tier].slice(0, maxSlots).forEach(function(c, i){
        var orig = info.competitors && info.competitors[tier] ? info.competitors[tier].find(function(e){return e.name===c;}) : null;
        compsHtml += '<div class="tag-item" style="width:100%">';
        if(orig && orig.domain) compsHtml += '<img src="https://www.google.com/s2/favicons?domain='+orig.domain+'&sz=16" alt="" width="14" height="14" style="border-radius:2px;margin-right:2px;flex-shrink:0" onerror="this.style.display=\'none\'">';
        compsHtml += '<input value="'+esc(c)+'" oninput="state.editCompetitors.'+tier+'['+i+']=this.value" placeholder="Competitor '+(i+1)+'" style="width:100%;min-width:0;flex:1">';
        if(orig && orig.url) compsHtml += '<a href="'+esc(orig.url)+'" target="_blank" rel="noopener noreferrer" style="font-size:11px;color:#2563eb;margin-left:2px;flex-shrink:0" title="'+esc(orig.url)+'">&#x2197;</a>';
        if(state.editCompetitors[tier].length > 1) compsHtml += '<span class="tag-remove" onclick="state.editCompetitors.'+tier+'.splice('+i+',1);renderConfirmCompetitors()">&#xd7;</span>';
        compsHtml += '</div>';
      });
      if(state.editCompetitors[tier].length < maxSlots) compsHtml += '<div class="tag-add" onclick="state.editCompetitors.'+tier+'.push(\'\');renderConfirmCompetitors()">+ Add</div>';
      compsHtml += '</div></div>';
    });
    compsHtml += '</div>';
  }

  area.innerHTML = '<div class="confirm-card" style="max-width:'+(tierCount<=2?'720px':'auto')+'">'
    + '<div class="confirm-title" style="display:flex;align-items:center;gap:8px"><img src="https://www.google.com/s2/favicons?domain='+(info.domain||'')+'&sz=64" alt="" style="width:20px;height:20px;border-radius:4px" onerror="this.style.display=\'none\'"><span>Confirm competitors for <strong>'+esc(info.brandName)+'</strong></span></div>'
    + '<div style="display:flex;gap:6px;flex-wrap:wrap;margin:8px 0 4px">'+scopeBadges+'</div>'
    + '<div style="margin-top:.25rem">'+compsHtml+'</div>'
    + '<div class="confirm-actions"><button class="btn-back" onclick="renderSelectMarket();setStage(\'select_market\')">&#x2190; Back</button><button class="btn-confirm" onclick="startScan()">Start AI Scan &#x2192;</button></div>'
    + '</div>';
}

// ── STEP 6: Start Scan ──
function startScan(){
  var info = state.brandInfo;
  var validProducts = state.editProducts.filter(function(p){return p.trim();});
  if(validProducts.length < 1){ showError('Please add at least one product.'); return; }
  hideError();

  var confirmed = Object.assign({}, info, {
    brandName: state.editBrandName.trim() || info.brandName,
    products: validProducts,
    productClusters: undefined,
    competitors: {
      local: state.editCompetitors.local.filter(function(c){return c.trim();}).map(function(name){
        var orig = info.competitors&&info.competitors.local ? info.competitors.local.find(function(c){return c.name===name;}) : null;
        return {name:name, domain:orig?orig.domain:'', url:orig?orig.url:''};
      }),
      national: state.editCompetitors.national.filter(function(c){return c.trim();}).map(function(name){
        var orig = info.competitors&&info.competitors.national ? info.competitors.national.find(function(c){return c.name===name;}) : null;
        return {name:name, domain:orig?orig.domain:'', url:orig?orig.url:''};
      }),
      international: state.editCompetitors.international.filter(function(c){return c.trim();}).map(function(name){
        var orig = info.competitors&&info.competitors.international ? info.competitors.international.find(function(c){return c.name===name;}) : null;
        return {name:name, domain:orig?orig.domain:'', url:orig?orig.url:''};
      }),
    },
    competitionLevel: state.marketScopes.has('international') ? 'international' : state.marketScopes.has('national') ? 'national' : 'local',
  });
  state.brandInfo = confirmed;

  setStage('scanning');
  state.seconds = 0;
  $('scanTimer').textContent = '00';
  $('timerLabel').textContent = 'seconds elapsed — scanning 4 AI engines with 6 prompts each';

  renderScanBrandCard();

  state.timerInterval = setInterval(function(){
    state.seconds++;
    $('scanTimer').textContent = String(state.seconds).padStart(2,'0');
  }, 1000);

  var fi = 0;
  $('factText').textContent = SCAN_FACTS[0];
  state.factInterval = setInterval(function(){
    fi = (fi+1) % SCAN_FACTS.length;
    $('factText').textContent = SCAN_FACTS[fi];
  }, 4500);

  var platforms = ['ChatGPT','AI Overviews','Perplexity','Gemini'];
  var prods = confirmed.products.slice(0,3);
  var activities = [];
  platforms.forEach(function(p){ prods.forEach(function(pr){ activities.push('Asking '+p+' about '+pr+'...'); }); activities.push('Analyzing '+p+' response for brand mentions...'); });
  activities.push('Computing visibility scores...','Comparing against competitors...','Generating recommendations...');
  var ai = 0;
  $('feedText').textContent = activities[0];
  state.activityInterval = setInterval(function(){
    ai = (ai+1) % activities.length;
    $('feedText').textContent = activities[ai];
  }, 2800);

  streamSSE(
    { brandInfo: confirmed, marketScopes: Array.from(state.marketScopes), logId: state.logId },
    function(evt){
      if(evt.type === 'scan:scan-complete'){
        clearInterval(state.timerInterval);
        clearInterval(state.factInterval);
        clearInterval(state.activityInterval);
        state.brandInfo = evt.brandInfo || confirmed;
        state.scanResult = evt.scanResult;
        state.clientCode = evt.clientCode || '';
        if(evt.logId) state.logId = evt.logId;
        resolveDomains();
        renderResults();
        setStage('full');
        setTimeout(function(){ $('stickyCta').classList.add('show'); }, 2000);
      }
      if(evt.type === 'scan:error'){
        clearInterval(state.timerInterval);
        clearInterval(state.factInterval);
        clearInterval(state.activityInterval);
        showError(evt.error || 'Scan failed. Please try again.');
        renderConfirmCompetitors();
        setStage('confirm_competitors');
      }
    },
    function(){},
    function(err){
      clearInterval(state.timerInterval);
      clearInterval(state.factInterval);
      clearInterval(state.activityInterval);
      showError('Connection error. Please try again.');
      renderConfirmCompetitors();
      setStage('confirm_competitors');
    }
  );
}

// ── Domain resolution ──
function resolveDomains(){
  var result = state.scanResult;
  if(!result || !result.detailedResults) return;
  var allCompNames = new Set();
  result.detailedResults.forEach(function(r){
    (r.competitorsInResponse||[]).forEach(function(c){ allCompNames.add(c.name); });
  });
  if(allCompNames.size === 0) return;
  fetch(API_BASE + '/api/public/ai-scan/resolve-domains', {
    method:'POST',
    headers:{'Content-Type':'application/json'},
    body: JSON.stringify({ brands: Array.from(allCompNames).slice(0,15) }),
  }).then(function(r){return r.json();})
    .then(function(data){ if(data.domains){ state.resolvedDomains = data.domains; renderCompetitorTable(); } })
    .catch(function(){});
}

// ── Render scan brand card ──
function renderScanBrandCard(){
  var info = state.brandInfo;
  var el = $('scanBrandCard');
  var badges = '';
  if(info.businessType && info.businessType !== 'service_provider') badges += '<span class="bc-badge type">'+(BIZ_TYPE_LABELS[info.businessType]||info.businessType)+'</span>';
  if(info.marketScope && info.marketScope !== 'domestic') badges += '<span class="bc-badge scope">'+(MARKET_LABELS[info.marketScope]||info.marketScope)+'</span>';
  var tags = (info.products||[]).slice(0,5).map(function(p){return '<span class="bc-tag">'+esc(p)+'</span>';}).join('');
  var geoHtml = '';
  if(info.competitors){
    ['local','national','international'].forEach(function(tier){
      var items = (info.competitors[tier]||[]).filter(function(c){return c.name.trim();});
      if(!items.length) return;
      var names = items.map(function(c){ return '<span class="bc-comp-name"><img src="'+(c.domain?'https://www.google.com/s2/favicons?domain='+c.domain+'&sz=32':'https://www.google.com/s2/favicons?domain='+guessDomain(c.name)+'&sz=32')+'" alt="" width="16" height="16" onerror="handleFaviconError(this,\''+esc(c.name).replace(/'/g,"\\'")+'\')">'+(c.url?'<a href="'+esc(c.url)+'" target="_blank" rel="noopener noreferrer" style="color:inherit;text-decoration:none;border-bottom:1px dashed var(--border)">'+esc(c.name)+'</a>':esc(c.name))+'</span>'; }).join('');
      geoHtml += '<div class="bc-geo-tier"><span class="bc-geo-label">'+(GEO_ICONS[tier]||'')+' '+(GEO_LABELS[tier]||tier)+'</span><div class="bc-geo-names">'+names+'</div></div>';
    });
    if(geoHtml) geoHtml = '<div class="bc-competitors-geo">'+geoHtml+'</div>';
  }
  el.innerHTML = '<div class="brand-card"><div class="bc-left"><div class="bc-fav"><img src="https://www.google.com/s2/favicons?domain='+(info.domain||'')+'&sz=128" alt="" onerror="this.style.display=\'none\'"></div></div>'
    + '<div class="bc-info"><div class="bc-top-row"><div class="bc-name">'+esc(info.brandName||'')+'</div>'+(badges?'<div class="bc-badges">'+badges+'</div>':'')+'</div>'
    + '<a class="bc-url" href="https://'+(info.domain||'')+'" target="_blank" rel="noopener noreferrer">'+esc(info.domain||'')+' \u2197</a>'
    + (info.valueProp ? '<div class="bc-desc">'+esc(info.valueProp)+'</div>' : '')
    + '<div class="bc-details">'+(info.industry?'<div class="bc-detail"><span class="bc-detail-icon">\u25C6</span> '+esc(info.industry)+'</div>':'')
    + ((info.address&&(info.address.city||info.address.country))?'<div class="bc-detail"><span class="bc-detail-icon">\u25C7</span> '+esc(info.address.city?[info.address.city,info.address.state,info.address.country].filter(Boolean).join(', '):info.address.country||'')+'</div>':'')+'</div>'
    + '<div class="bc-tags">'+tags+'</div>'
    + geoHtml
    + '</div></div>';
}

// ── Render full results ──
function renderResults(){
  var info = state.brandInfo;
  var result = state.scanResult;
  if(!info || !result) return;

  // Brand card
  renderScanBrandCard();
  $('resultsBrandCard').innerHTML = $('scanBrandCard').innerHTML;

  // Score strip with animation
  var circumference = 2 * Math.PI * 22;
  var mentioned = result.detailedResults.filter(function(r){return r.brandMentioned;}).length;
  var total = result.detailedResults.length;
  var missed = total - mentioned;
  var rate = result.appearanceRate;

  // Dynamic score description
  var compTableData = buildCompetitorTableData();
  var topComp = compTableData && compTableData.compRows.length > 0 ? compTableData.compRows[0] : null;
  var scoreDesc = '';
  if(rate === 0){
    scoreDesc = 'AI engines answered '+total+' queries about your space — '+info.brandName+' wasn\'t mentioned once. Your competitors are getting all that traffic.';
  } else if(rate <= 20 && topComp && topComp.overallPct > rate){
    scoreDesc = info.brandName+' appeared in only '+mentioned+' of '+total+' AI responses ('+rate+'%) — meanwhile '+topComp.name+' showed up '+topComp.overallPct+'% of the time. That\'s '+missed+' missed opportunities.';
  } else if(rate <= 20){
    scoreDesc = 'Only '+mentioned+' of '+total+' AI responses mention '+info.brandName+'. That means '+Math.round((missed/total)*100)+'% of potential customers asking AI never hear about you.';
  } else if(rate <= 50 && topComp && topComp.overallPct > rate){
    scoreDesc = info.brandName+' shows up in '+rate+'% of AI responses, but '+topComp.name+' dominates at '+topComp.overallPct+'%. Closing that '+(topComp.overallPct-rate)+'% gap could mean significant lead flow.';
  } else if(rate <= 50){
    scoreDesc = mentioned+' of '+total+' AI responses mention '+info.brandName+' — that\'s '+missed+' conversations where potential customers don\'t discover you.';
  } else if(rate <= 75){
    scoreDesc = info.brandName+' appears in '+rate+'% of AI responses — solid presence, but '+missed+' missed queries mean competitors still capture those prospects.';
  } else {
    scoreDesc = info.brandName+' dominates with '+rate+'% AI visibility — appearing in '+mentioned+' of '+total+' responses. Strong position to defend.';
  }

  // Animate score
  var scoreEl;
  var offset = circumference;
  $('scoreStrip').innerHTML = '<div class="score-strip"><div class="sc-ring">'
    + '<svg viewBox="0 0 56 56" width="56" height="56"><circle cx="28" cy="28" r="22" fill="none" stroke="var(--border)" stroke-width="5"/>'
    + '<circle id="scoreCircle" cx="28" cy="28" r="22" fill="none" stroke="'+result.scoreColor+'" stroke-width="5" stroke-linecap="round" stroke-dasharray="'+circumference+'" stroke-dashoffset="'+circumference+'"/></svg>'
    + '<div class="sc-num" id="scoreNum" style="color:'+result.scoreColor+'">0</div></div>'
    + '<div><div class="sc-label" style="color:'+result.scoreColor+'">'+esc(result.scoreLabel)+'</div>'
    + '<div class="sc-sub">'+esc(scoreDesc)+'</div></div></div>';

  // Score animation
  var target = result.visibilityScore;
  var duration = 1200;
  var start = performance.now();
  function animateScore(now){
    var progress = Math.min((now - start) / duration, 1);
    var eased = 1 - Math.pow(1 - progress, 3);
    var current = Math.round(target * eased);
    var numEl = $('scoreNum');
    var circleEl = $('scoreCircle');
    if(numEl) numEl.textContent = current;
    if(circleEl) circleEl.setAttribute('stroke-dashoffset', String(circumference - (current / 100) * circumference));
    if(progress < 1) requestAnimationFrame(animateScore);
  }
  requestAnimationFrame(animateScore);

  // Social urgency
  $('socialUrgency').innerHTML = '<div class="social-urgency">Last 7 days: <strong>43 companies</strong> in your industry ran this scan.<br><strong>31 of them</strong> are now optimizing their AI presence.</div>';

  // Sticky CTA
  $('stickyBrand').textContent = info.brandName;
  $('stickyScore').textContent = result.visibilityScore + '%';
  $('stickyScore').style.color = result.scoreColor;

  // Platform cards
  var pvHtml = '<div class="pv-section"><div class="pv-title">How often '+esc(info.brandName)+' is seen in AI search</div><div class="pv-subtitle">Aim for 100% visibility.</div><div class="pv-grid">';
  result.platformScores.forEach(function(ps){
    if(ps.skipped){
      pvHtml += '<div class="pv-card invis" style="opacity:.5"><div class="pv-card-icon"><img src="'+pFav(ps.platformLabel)+'" alt="" style="filter:grayscale(1)"><span class="pv-card-name">'+esc(ps.platformLabel)+'</span></div><div class="pv-card-row"><div class="pv-card-metric"><div class="pv-card-metric-label" style="color:var(--muted)">Not scanned</div></div></div></div>';
      return;
    }
    var totalQ = ps.promptResults.length;
    var found = ps.promptResults.filter(function(pr){return pr.mentioned;}).length;
    var pct = totalQ>0 ? Math.round((found/totalQ)*100) : 0;
    pvHtml += '<div class="pv-card '+(ps.mentioned?'vis':'invis')+'"><div class="pv-card-icon"><img src="'+pFav(ps.platformLabel)+'" alt=""><span class="pv-card-name">'+esc(ps.platformLabel)+'</span></div>'
      + '<div class="pv-card-row"><div class="pv-card-metric"><div class="pv-card-metric-label">Visibility</div><div class="pv-card-metric-val" style="color:'+(pct>0?'var(--green-mid)':'var(--muted)')+'">'+pct+'%</div></div>'
      + '<div class="pv-card-metric"><div class="pv-card-metric-label">Found in</div><div class="pv-card-metric-val" style="color:'+(found>0?'var(--green-mid)':'var(--muted)')+'">'+found+' of '+totalQ+'</div></div></div></div>';
  });
  pvHtml += '</div></div>';
  $('platformCards').innerHTML = pvHtml;

  // Q&A section
  var grouped = [];
  var seen = new Map();
  result.detailedResults.forEach(function(r){
    var key = r.promptText || r.promptLabel;
    if(seen.has(key)){ grouped[seen.get(key)].results.push(r); }
    else { seen.set(key, grouped.length); grouped.push({promptText:key, category:r.promptCategory, results:[r]}); }
  });

  var compNames = allCompetitorNames(info.competitors);
  var qaHtml = '<div class="eyebrow">What we asked AI — and what it said</div>';
  grouped.forEach(function(g,gi){
    var badges = g.results.map(function(r){
      return '<span class="qa-badge '+(r.brandMentioned?'y':'n')+'" title="'+esc(r.platformLabel)+'"><img src="'+pFav(r.platformLabel)+'" alt="" style="width:13px;height:13px;border-radius:2px;opacity:'+(r.brandMentioned?'1':'0.4')+'"></span>';
    }).join('');

    var bodyHtml = '';
    g.results.forEach(function(r){
      var compHtml = '';
      if(r.competitorsInResponse && r.competitorsInResponse.length){
        compHtml = '<div style="display:flex;flex-wrap:wrap;gap:6px;margin-top:4px;align-items:center"><span style="font-size:.6rem;color:var(--muted);font-weight:600;margin-right:2px">'+(r.brandMentioned?'Also mentioned:':'AI recommended:')+'</span>';
        r.competitorsInResponse.slice(0,5).forEach(function(c){
          var resolved = state.resolvedDomains[c.name];
          var favDomain = c.domain || (resolved&&resolved.domain) || null;
          var linkUrl = c.citationUrl || (resolved&&resolved.url) || (c.domain ? 'https://'+c.domain : null);
          var isKnown = c.isKnownCompetitor;
          compHtml += '<span class="qa-a-comp"'+(isKnown?' style="background:rgba(239,68,68,0.08);border:1px solid rgba(239,68,68,0.2);border-radius:4px;padding:1px 5px"':'')+'>';
          compHtml += '<img src="'+(favDomain?'https://www.google.com/s2/favicons?domain='+favDomain+'&sz=16':'https://www.google.com/s2/favicons?domain='+guessDomain(c.name)+'&sz=16')+'" alt="" width="12" height="12" style="border-radius:2px" onerror="handleFaviconError(this,\''+esc(c.name).replace(/'/g,"\\'")+'\')">';
          if(linkUrl) compHtml += '<a href="'+esc(linkUrl)+'" target="_blank" rel="noopener noreferrer" style="color:inherit;text-decoration:none;border-bottom:'+(c.citationUrl?'1px solid #3b82f6':'1px dashed var(--border)')+'">'+esc(c.name)+'</a>';
          else compHtml += esc(c.name);
          if(c.position) compHtml += ' <span style="color:var(--muted)">#'+c.position+'</span>';
          if(isKnown) compHtml += '<span style="font-size:.55rem;color:#ef4444;font-weight:700;margin-left:2px" title="Known competitor">\u2605</span>';
          compHtml += '</span>';
        });
        compHtml += '</div>';
      }

      var responseHtml = '';
      if(r.responseSnippet){
        var highlighted = highlightBrands(r.responseSnippet, info.brandName, compNames.concat((r.competitorsInResponse||[]).map(function(c){return c.name;})));
        responseHtml = '<details><summary style="font-size:.72rem;color:var(--green-mid);cursor:pointer;font-weight:500;margin-top:.3rem">View full AI response</summary><div class="qa-a-response">'+highlighted+'</div></details>';
      }

      bodyHtml += '<div class="qa-answer"><img src="'+pFav(r.platformLabel)+'" alt="" style="width:18px;height:18px;border-radius:4px;flex-shrink:0;margin-top:2px"><div class="qa-a-content">'
        + '<div class="qa-a-platform">'+esc(r.platformLabel)+'</div>'
        + '<div style="display:flex;align-items:center;gap:6px;margin:4px 0 2px"><span style="font-size:14px">'+(r.brandMentioned?'\u2705':'\u274C')+'</span>'
        + '<img src="https://www.google.com/s2/favicons?domain='+(info.domain||'')+'&sz=16" alt="" width="14" height="14" style="border-radius:2px;flex-shrink:0" onerror="this.style.display=\'none\'">'
        + '<span style="font-weight:700;font-size:.75rem">'+esc(info.brandName)+'</span>'
        + (r.brandMentioned && r.brandPosition ? '<span style="font-size:.65rem;color:var(--muted);font-weight:500">#'+r.brandPosition+'</span>' : '')+'</div>'
        + (r.excerpt ? '<div class="qa-a-excerpt">'+esc(r.excerpt)+'</div>' : '')
        + compHtml
        + responseHtml
        + '</div></div>';
    });

    qaHtml += '<div class="qa-card"><div class="qa-header" onclick="toggleQA('+gi+')">'
      + '<span class="qa-num">Q'+(gi+1)+'</span><span class="qa-cat">'+esc(g.category)+'</span><span class="qa-q">'+esc(g.promptText)+'</span>'
      + '<div class="qa-badges">'+badges+'</div><span class="qa-chevron" id="qaChev'+gi+'">&#9654;</span></div>'
      + '<div class="qa-body" id="qaBody'+gi+'">'+bodyHtml+'</div></div>';
  });
  $('qaSection').innerHTML = qaHtml;

  // Competitor table
  renderCompetitorTable();

  // Citation Intelligence
  renderCitationSection();

  // Recommendations
  var recHtml = '<div class="eyebrow">Recommendations</div><div class="rec-list">';
  (result.recommendations||[]).forEach(function(r){ recHtml += '<div class="rec-item">'+esc(r)+'</div>'; });
  recHtml += '</div>';
  $('recommendations').innerHTML = recHtml;

  // Scroll to results
  setTimeout(function(){ $('resultsSection').scrollIntoView({behavior:'smooth', block:'start'}); }, 200);
}

function toggleQA(i){
  var body = $('qaBody'+i);
  var chev = $('qaChev'+i);
  if(body.classList.contains('show')){ body.classList.remove('show'); chev.classList.remove('open'); }
  else { body.classList.add('show'); chev.classList.add('open'); }
}

// ── Build competitor table data (with domain dedup) ──
function buildCompetitorTableData(){
  var result = state.scanResult;
  var info = state.brandInfo;
  if(!result || !result.detailedResults) return null;
  var totalResponses = result.detailedResults.length;
  var ownPlatforms = new Set();
  var ownApp = result.detailedResults.filter(function(r){ if(r.brandMentioned){ ownPlatforms.add(r.platformLabel); return true; } return false; }).length;

  var compMap = new Map();
  var compPlatMap = new Map();
  var compDomainMap = new Map();
  var domainToCanonical = new Map();

  result.detailedResults.forEach(function(r){
    (r.competitorsInResponse||[]).forEach(function(c){
      var resolved = state.resolvedDomains[c.name];
      var domain = c.domain || (resolved&&resolved.domain) || null;
      var canonicalName = c.name;
      if(domain && domainToCanonical.has(domain)){
        var existing = domainToCanonical.get(domain);
        if(c.name.length > existing.length){
          var oldCount = compMap.get(existing)||0;
          var oldPlats = compPlatMap.get(existing)||new Set();
          compMap.delete(existing); compPlatMap.delete(existing); compDomainMap.delete(existing);
          compMap.set(c.name, oldCount); compPlatMap.set(c.name, oldPlats); compDomainMap.set(c.name, domain);
          domainToCanonical.set(domain, c.name);
          canonicalName = c.name;
        } else { canonicalName = existing; }
      } else if(domain){ domainToCanonical.set(domain, c.name); }
      compMap.set(canonicalName, (compMap.get(canonicalName)||0)+1);
      if(!compPlatMap.has(canonicalName)) compPlatMap.set(canonicalName, new Set());
      compPlatMap.get(canonicalName).add(r.platformLabel);
      if(domain && !compDomainMap.has(canonicalName)) compDomainMap.set(canonicalName, domain);
    });
  });

  var compRows = Array.from(compMap.entries()).map(function(entry){
    var name=entry[0], count=entry[1];
    var resolved = state.resolvedDomains[name];
    var domain = compDomainMap.get(name) || (resolved&&resolved.domain) || null;
    return {
      name:name, isOwn:false,
      overallPct: totalResponses>0 ? Math.round((count/totalResponses)*100) : 0,
      totalAppearances: count, domain:domain,
      url: (resolved&&resolved.url) || (domain?'https://'+domain:null),
      presentOnPlatforms: Array.from(compPlatMap.get(name)||[]),
    };
  }).sort(function(a,b){return b.totalAppearances-a.totalAppearances;}).slice(0,10);

  return {
    totalResponses:totalResponses,
    ownRow: {
      name:info.brandName||'', isOwn:true,
      overallPct: totalResponses>0 ? Math.round((ownApp/totalResponses)*100) : 0,
      totalAppearances:ownApp, domain:info.domain||null, url:info.domain?'https://'+info.domain:null,
      presentOnPlatforms: Array.from(ownPlatforms),
    },
    compRows:compRows,
  };
}

function renderCompetitorTable(){
  var info = state.brandInfo;
  var result = state.scanResult;
  var data = buildCompetitorTableData();
  if(!data || (!data.compRows.length && !data.ownRow.totalAppearances)){ $('competitorTable').innerHTML = ''; return; }

  function pctClass(p){ return p===0?'zero':p<=15?'low':p<=40?'mid':'high'; }
  function platIcons(arr){ return arr.map(function(p){return '<img src="'+pFav(p)+'" alt="'+esc(p)+'" title="'+esc(p)+'" style="width:18px;height:18px;border-radius:3px">';}).join(''); }
  function miniBar(pct, color){ return '<div style="display:flex;align-items:center;gap:.5rem;justify-content:center"><div style="flex:1;max-width:60px;height:6px;border-radius:3px;background:var(--border);overflow:hidden"><div style="width:'+pct+'%;height:100%;border-radius:3px;background:'+color+'"></div></div><span class="ct-pct '+pctClass(pct)+'">'+pct+'%</span></div>'; }

  var html = '<div class="ct-section"><div class="ct-title">AI Visibility Rankings: '+esc(info.brandName)+' vs Competitors</div>'
    + '<div class="ct-subtitle">Overall visibility = brand appearances &divide; '+data.totalResponses+' total AI responses'+(result.shotsPerQuery&&result.shotsPerQuery>1?' (each query verified '+result.shotsPerQuery+'x)':'')+'</div>'
    + '<table class="ct-table"><thead><tr><th style="width:28px">#</th><th style="text-align:left">Brand</th><th style="text-align:left">Seen On</th><th style="width:100px">Appearances</th><th style="width:120px">AI Visibility</th></tr></thead><tbody>';

  // Own row
  var ownBarColor = data.ownRow.overallPct > 0 ? 'var(--green)' : 'var(--border)';
  html += '<tr style="background:var(--green-light)"><td style="font-weight:700;color:var(--muted);font-size:.75rem;text-align:center">\u2014</td>'
    + '<td style="text-align:left"><div style="display:flex;align-items:center;gap:.5rem"><img src="https://www.google.com/s2/favicons?domain='+(info.domain||'')+'&sz=32" alt="" style="width:14px;height:14px;border-radius:3px" onerror="this.style.display=\'none\'"><div><div style="display:flex;align-items:center;gap:.35rem"><span>'+esc(info.brandName)+'</span><span class="ct-own-tag">You</span></div><div style="font-size:.7rem;color:var(--green-mid)">'+esc(info.domain||'')+'</div></div></div></td>'
    + '<td style="text-align:left"><div style="display:flex;gap:4px;flex-wrap:wrap">'+(data.ownRow.presentOnPlatforms.length?platIcons(data.ownRow.presentOnPlatforms):'<span style="font-size:.72rem;color:var(--muted);font-style:italic">Absent</span>')+'</div></td>'
    + '<td><span style="font-weight:700;color:'+(data.ownRow.totalAppearances>0?'var(--green-mid)':'var(--red)')+'">'+data.ownRow.totalAppearances+'</span> / '+data.totalResponses+'</td>'
    + '<td>'+miniBar(data.ownRow.overallPct, ownBarColor)+'</td></tr>';

  // Comp rows
  data.compRows.forEach(function(row,i){
    var fav = row.domain ? 'https://www.google.com/s2/favicons?domain='+row.domain+'&sz=32' : 'https://www.google.com/s2/favicons?domain='+guessDomain(row.name)+'&sz=32';
    var barColor = row.overallPct > 50 ? '#ef4444' : row.overallPct > 20 ? '#f59e0b' : 'var(--muted)';
    html += '<tr><td style="font-weight:700;color:var(--muted);font-size:.75rem;text-align:center">#'+(i+1)+'</td>'
      + '<td style="text-align:left"><div style="display:flex;align-items:center;gap:.5rem"><img src="'+fav+'" alt="" style="width:14px;height:14px;border-radius:3px" onerror="handleFaviconError(this,\''+esc(row.name).replace(/'/g,"\\'")+'\')">'
      + '<div><div>'+(row.url?'<a href="'+esc(row.url)+'" target="_blank" rel="noopener noreferrer" style="color:var(--ink);text-decoration:none;font-weight:500">'+esc(row.name)+'</a>':'<span style="font-weight:500">'+esc(row.name)+'</span>')+'</div>'
      + (row.domain?'<div style="font-size:.7rem;color:var(--muted)">'+esc(row.domain)+'</div>':'')+'</div></div></td>'
      + '<td style="text-align:left"><div style="display:flex;gap:4px;flex-wrap:wrap">'+(row.presentOnPlatforms.length?platIcons(row.presentOnPlatforms):'<span style="font-size:.72rem;color:var(--muted);font-style:italic">Absent</span>')+'</div></td>'
      + '<td><span style="font-weight:700">'+row.totalAppearances+'</span> / '+data.totalResponses+'</td>'
      + '<td>'+miniBar(row.overallPct, barColor)+'</td></tr>';
  });

  html += '</tbody></table>';
  html += '<div class="ct-news-insight"><span class="ct-news-tag">Industry Insight</span><span class="ct-news-text">ChatGPT processes <strong>200M+ queries/week</strong>, Perplexity serves <strong>100M+</strong>, and Google Gemini handles <strong>2B+ conversations/month</strong>. Brands absent from AI responses are losing high-intent buyers to competitors who show up.</span></div>';
  html += '</div>';
  $('competitorTable').innerHTML = html;
}

// ── Citation Intelligence ──
function renderCitationSection(){
  var result = state.scanResult;
  if(!result || !result.citationIndex || result.citationIndex.totalCitations === 0){ $('citationSection').innerHTML = ''; return; }
  var citIdx = result.citationIndex;
  var platformDot = {'ChatGPT':'#10a37f','Perplexity':'#20808d','Gemini':'#8b5cf6','AI Overviews':'#4285f4'};
  var typeLabel = {own_brand:'Your Brand',competitor:'Competitor',review_site:'Review Site',news:'News',blog:'Blog',directory:'Directory',forum:'Forum',other:'Industry'};

  var byDomain = citIdx.byDomain || {};
  var ownDomains = Object.entries(byDomain).filter(function(e){return e[1].type==='own_brand';}).sort(function(a,b){return b[1].count-a[1].count;});
  var compDomains = Object.entries(byDomain).filter(function(e){return e[1].type==='competitor';}).sort(function(a,b){return b[1].count-a[1].count;});
  var industryDomains = Object.entries(byDomain).filter(function(e){return e[1].type!=='own_brand'&&e[1].type!=='competitor';}).sort(function(a,b){return b[1].count-a[1].count;});

  var html = '<div style="margin-top:1.5rem"><div class="eyebrow">Sources AI Referenced</div>'
    + '<p style="font-size:.8rem;color:var(--muted);margin-bottom:1rem;line-height:1.5">'+citIdx.totalCitations+' sources cited across '+Object.keys(citIdx.byPlatform||{}).length+' AI platforms. '
    + (citIdx.ownBrandCitations > 0 ? 'Your website was cited <strong style="color:var(--green-mid)">'+citIdx.ownBrandCitations+' time'+(citIdx.ownBrandCitations>1?'s':'')+'</strong>.' : '<strong style="color:#ef4444">Your website was not cited by any AI platform</strong> — competitors were cited '+citIdx.competitorCitations+' times.')+'</p>';

  function dots(platforms){ return (platforms||[]).map(function(p){return '<span style="width:7px;height:7px;border-radius:50%;background:'+(platformDot[p]||'#6b7280')+';display:inline-block" title="'+esc(p)+'"></span>';}).join(''); }

  // Own brand
  if(ownDomains.length > 0){
    html += '<div style="background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:10px 14px;margin-bottom:10px"><div style="font-size:.7rem;font-weight:700;color:#166534;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px">Your Website</div>';
    ownDomains.forEach(function(e){ html += '<div style="display:flex;align-items:center;gap:8px;padding:3px 0;font-size:.78rem"><span style="font-weight:600;color:#166534">'+esc(e[0])+'</span><span style="color:var(--muted);font-size:.7rem">'+e[1].count+'x</span><span style="display:flex;gap:4px">'+dots(e[1].platforms)+'</span></div>'; });
    html += '</div>';
  }

  // Competitors
  if(compDomains.length > 0){
    html += '<div style="background:#fffbeb;border:1px solid #fde68a;border-radius:8px;padding:10px 14px;margin-bottom:10px"><div style="font-size:.7rem;font-weight:700;color:#92400e;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px">Competitor Sources ('+citIdx.competitorCitations+' citations)</div>';
    compDomains.slice(0,8).forEach(function(e){ html += '<div style="display:flex;align-items:center;gap:8px;padding:3px 0;font-size:.78rem"><span style="font-weight:500;color:#92400e;min-width:160px">'+esc(e[0])+'</span><span style="font-weight:700;color:#78350f;width:30px">'+e[1].count+'x</span>'+(e[1].brand?'<span style="font-size:.7rem;color:var(--muted)">'+esc(e[1].brand)+'</span>':'')+'<span style="display:flex;gap:4px;margin-left:auto">'+dots(e[1].platforms)+'</span></div>'; });
    html += '</div>';
  }

  // Industry
  if(industryDomains.length > 0){
    html += '<div style="background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:10px 14px;margin-bottom:10px"><div style="font-size:.7rem;font-weight:700;color:#1e40af;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px">Industry Sources AI Trusts ('+citIdx.industryCitations+' citations)</div><div style="font-size:.7rem;color:#6b7280;margin-bottom:8px">Getting listed on these sites increases your chances of being cited by AI.</div>';
    industryDomains.slice(0,10).forEach(function(e,i){ html += '<div style="display:flex;align-items:center;gap:8px;padding:3px 0;font-size:.78rem"><span style="font-weight:700;color:#1e40af;width:18px">'+(i+1)+'.</span><span style="font-weight:600;color:#1f2937;min-width:160px">'+esc(e[0])+'</span><span style="font-weight:700;width:30px">'+e[1].count+'x</span><span style="background:#e0e7ff;color:#3730a3;padding:1px 5px;border-radius:3px;font-size:.6rem;font-weight:600">'+(typeLabel[e[1].type]||e[1].type)+'</span><span style="display:flex;gap:3px;margin-left:auto">'+dots(e[1].platforms)+'</span></div>'; });
    html += '</div>';
  }

  html += '</div>';
  $('citationSection').innerHTML = html;
}

// ── Lead form submission ──
function submitLead(){
  var name = $('leadName').value.trim();
  var email = $('leadEmail').value.trim();
  var phone = $('leadPhone').value.trim();
  var errEl = $('leadErr');

  if(!name){ errEl.textContent = 'Please enter your name.'; show(errEl); return; }
  if(!email || !email.includes('@')){ errEl.textContent = 'Please enter a valid email.'; show(errEl); return; }
  if(!phone){ errEl.textContent = 'Please enter your WhatsApp number.'; show(errEl); return; }
  hide(errEl);

  var btn = $('btnLead');
  btn.disabled = true;
  btn.textContent = 'Sending...';

  fetch(API_BASE + '/api/public/ai-scan/report', {
    method: 'POST',
    headers: { 'Content-Type': 'application/json' },
    body: JSON.stringify({
      name: name,
      email: email,
      phone: phone,
      company: state.brandInfo ? state.brandInfo.brandName : null,
      clientCode: state.clientCode,
      source: 'ai-visibility-scanner',
      scanResult: Object.assign({}, state.scanResult, {
        brandName: state.brandInfo ? state.brandInfo.brandName : null,
        domain: state.brandInfo ? state.brandInfo.domain : null,
        industry: state.brandInfo ? state.brandInfo.industry : null,
        products: state.brandInfo ? state.brandInfo.products : null,
      }),
    }),
  })
  .then(function(r){return r.json();})
  .then(function(data){
    if(data.success){
      $('leadForm').innerHTML = '<div style="text-align:center;padding:1rem 0"><div style="font-size:2rem;margin-bottom:.5rem">\u2705</div><p style="color:#fff;font-weight:600;font-size:.95rem">Report sent! Check your inbox.</p><p style="color:rgba(255,255,255,.5);font-size:.8rem;margin-top:.3rem">Your 10-page AI Visibility Report is on its way to '+esc(email)+'</p></div>';
    } else {
      errEl.textContent = data.error || 'Something went wrong. Please try again.';
      show(errEl);
      btn.disabled = false;
      btn.textContent = 'Send My Free Report';
    }
  })
  .catch(function(){
    errEl.textContent = 'Connection error. Please try again.';
    show(errEl);
    btn.disabled = false;
    btn.textContent = 'Send My Free Report';
  });
}
</script>
<script>(function(){'use strict';
if(window.__knLeadsInit)return;window.__knLeadsInit=true;
var pp=window.location.pathname.split('/').filter(Boolean),pfx=pp[0]||'www',ep='/'+pfx+'/__lead';
var pageLoadTime=Date.now();
var lastClickedCTA='';

// Track CTA button clicks that lead to forms
document.addEventListener('click',function(ev){
  var t=ev.target;
  while(t&&t!==document){
    if(t.tagName==='A'||t.tagName==='BUTTON'){
      var txt=(t.textContent||'').trim();
      if(txt)lastClickedCTA=txt;
      break;
    }
    t=t.parentElement;
  }
},true);

function gv(el){
  if(!el)return'';
  var v=el.value;
  if(v&&v.trim())return v.trim();
  try{
    var desc=el.tagName==='TEXTAREA'
      ?Object.getOwnPropertyDescriptor(HTMLTextAreaElement.prototype,'value')
      :Object.getOwnPropertyDescriptor(HTMLInputElement.prototype,'value');
    if(desc&&desc.get)v=desc.get.call(el);
  }catch(e){}
  return v?v.trim():'';
}

function hijack(){
  var forms=document.querySelectorAll('form[data-request-type],form#contactForm,[data-radix-portal] form');
  for(var i=0;i<forms.length;i++){(function(f){
    if(f.dataset.knHijacked)return;
    f.dataset.knHijacked='1';

    // Find the inputs container (space-y-3) and submit button
    var submitBtn=f.querySelector('[type=submit]');
    var inputsContainer=f.querySelector('.space-y-3')||f.querySelector('.space-y-4');

    // Inject message textarea if form doesn't have one
    if(!f.querySelector('[name=message]')&&!f.querySelector('textarea')){
      if(inputsContainer&&submitBtn){
        var msgWrap=document.createElement('div');
        msgWrap.className='w-full';
        var ta=document.createElement('textarea');
        ta.name='message';
        ta.placeholder='Your message (optional)';
        ta.rows=3;
        ta.setAttribute('data-slot','input');
        ta.style.cssText='width:100%;padding:10px 12px;border:1px solid #e5e5e5;border-radius:8px;font-family:Inter,system-ui,sans-serif;font-size:14px;resize:vertical;box-sizing:border-box;outline:none;transition:border-color 0.2s,box-shadow 0.2s;background:#fff;color:#111;line-height:1.5;min-height:80px;';
        ta.addEventListener('focus',function(){ta.style.borderColor='#9ca3af';ta.style.boxShadow='0 0 0 2px rgba(156,163,175,0.15)';});
        ta.addEventListener('blur',function(){ta.style.borderColor='#e5e5e5';ta.style.boxShadow='none';});
        msgWrap.appendChild(ta);
        inputsContainer.appendChild(msgWrap);
      }
    }

    // Ensure submit button is full-width and properly styled
    if(submitBtn){
      submitBtn.style.cssText='display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;background:#111;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;font-family:Inter,system-ui,sans-serif;padding:12px 16px;cursor:pointer;transition:background 0.15s;margin-top:16px;';
      submitBtn.addEventListener('mouseenter',function(){submitBtn.style.background='#222';});
      submitBtn.addEventListener('mouseleave',function(){submitBtn.style.background='#111';});
    }

    // Honeypot hidden field (spam bots fill this)
    var hp=document.createElement('input');
    hp.type='text';hp.name='website';hp.tabIndex=-1;hp.autocomplete='off';
    hp.style.cssText='position:absolute;left:-9999px;top:-9999px;opacity:0;height:0;width:0;';
    f.appendChild(hp);

    // QuickGroww branding badge
    var badge=document.createElement('div');
    badge.style.cssText='text-align:center;padding:8px 0 0;font-size:11px;color:#9ca3af;font-family:Inter,system-ui,sans-serif;letter-spacing:0.01em;';
    badge.innerHTML='Powered by <a href="https://quickgroww.ai" target="_blank" rel="noopener" style="color:#F5C518;font-weight:700;text-decoration:none;">QuickGroww</a>';
    f.appendChild(badge);

    // Enhance country code dropdown with flag emojis
    var ccFlags={93:'\ud83c\udde6\ud83c\uddeb',355:'\ud83c\udde6\ud83c\uddf1',213:'\ud83c\udde9\ud83c\uddff',1:'\ud83c\uddfa\ud83c\uddf8',376:'\ud83c\udde6\ud83c\udde9',244:'\ud83c\udde6\ud83c\uddf4',672:'\ud83c\udde6\ud83c\uddf6',54:'\ud83c\udde6\ud83c\uddf7',374:'\ud83c\udde6\ud83c\uddf2',297:'\ud83c\udde6\ud83c\uddfc',61:'\ud83c\udde6\ud83c\uddfa',43:'\ud83c\udde6\ud83c\uddf9',994:'\ud83c\udde6\ud83c\uddff',973:'\ud83c\udde7\ud83c\udded',880:'\ud83c\udde7\ud83c\udde9',375:'\ud83c\udde7\ud83c\uddfe',32:'\ud83c\udde7\ud83c\uddea',501:'\ud83c\udde7\ud83c\uddff',229:'\ud83c\udde7\ud83c\uddef',975:'\ud83c\udde7\ud83c\uddf9',591:'\ud83c\udde7\ud83c\uddf4',387:'\ud83c\udde7\ud83c\udde6',267:'\ud83c\udde7\ud83c\uddfc',55:'\ud83c\udde7\ud83c\uddf7',673:'\ud83c\udde7\ud83c\uddf3',359:'\ud83c\udde7\ud83c\uddec',226:'\ud83c\udde7\ud83c\uddeb',257:'\ud83c\udde7\ud83c\uddee',855:'\ud83c\uddf0\ud83c\udded',237:'\ud83c\udde8\ud83c\uddf2',86:'\ud83c\udde8\ud83c\uddf3',57:'\ud83c\udde8\ud83c\uddf7',385:'\ud83c\udded\ud83c\uddf7',53:'\ud83c\udde8\ud83c\uddfa',357:'\ud83c\udde8\ud83c\uddfe',420:'\ud83c\udde8\ud83c\uddff',45:'\ud83c\udde9\ud83c\uddf0',20:'\ud83c\uddea\ud83c\uddec',358:'\ud83c\uddeb\ud83c\uddee',33:'\ud83c\uddeb\ud83c\uddf7',49:'\ud83c\udde9\ud83c\uddea',233:'\ud83c\uddec\ud83c\udded',30:'\ud83c\uddec\ud83c\uddf7',852:'\ud83c\udded\ud83c\uddf0',36:'\ud83c\udded\ud83c\uddfa',354:'\ud83c\uddee\ud83c\uddf8',91:'\ud83c\uddee\ud83c\uddf3',62:'\ud83c\uddee\ud83c\udde9',98:'\ud83c\uddee\ud83c\uddf7',964:'\ud83c\uddee\ud83c\uddf6',353:'\ud83c\uddee\ud83c\uddea',972:'\ud83c\uddee\ud83c\uddf1',39:'\ud83c\uddee\ud83c\uddf9',81:'\ud83c\uddef\ud83c\uddf5',962:'\ud83c\uddef\ud83c\uddf4',254:'\ud83c\uddf0\ud83c\uddea',965:'\ud83c\uddf0\ud83c\uddfc',60:'\ud83c\uddf2\ud83c\uddfe',52:'\ud83c\uddf2\ud83c\uddfd',212:'\ud83c\uddf2\ud83c\udde6',95:'\ud83c\uddf2\ud83c\uddf2',977:'\ud83c\uddf3\ud83c\uddf5',31:'\ud83c\uddf3\ud83c\uddf1',64:'\ud83c\uddf3\ud83c\uddff',234:'\ud83c\uddf3\ud83c\uddec',47:'\ud83c\uddf3\ud83c\uddf4',968:'\ud83c\uddf4\ud83c\uddf2',92:'\ud83c\uddf5\ud83c\uddf0',63:'\ud83c\uddf5\ud83c\udded',48:'\ud83c\uddf5\ud83c\uddf1',351:'\ud83c\uddf5\ud83c\uddf9',974:'\ud83c\uddf6\ud83c\udde6',40:'\ud83c\uddf7\ud83c\uddf4',7:'\ud83c\uddf7\ud83c\uddfa',966:'\ud83c\uddf8\ud83c\udde6',65:'\ud83c\uddf8\ud83c\uddec',27:'\ud83c\uddff\ud83c\udde6',82:'\ud83c\uddf0\ud83c\uddf7',34:'\ud83c\uddea\ud83c\uddf8',94:'\ud83c\uddf1\ud83c\uddf0',46:'\ud83c\uddf8\ud83c\uddea',41:'\ud83c\udde8\ud83c\udded',886:'\ud83c\uddf9\ud83c\uddfc',66:'\ud83c\uddf9\ud83c\udded',90:'\ud83c\uddf9\ud83c\uddf7',256:'\ud83c\uddfa\ud83c\uddec',380:'\ud83c\uddfa\ud83c\udde6',971:'\ud83c\udde6\ud83c\uddea',44:'\ud83c\uddec\ud83c\udde7',598:'\ud83c\uddfa\ud83c\uddfe',998:'\ud83c\uddfa\ud83c\uddff',58:'\ud83c\uddfb\ud83c\uddea',84:'\ud83c\uddfb\ud83c\uddf3',967:'\ud83c\uddfe\ud83c\uddea',260:'\ud83c\uddff\ud83c\uddf2',263:'\ud83c\uddff\ud83c\uddfc',56:'\ud83c\udde8\ud83c\uddf1',57:'\ud83c\udde8\ud83c\uddf7',593:'\ud83c\uddea\ud83c\udde8',251:'\ud83c\uddea\ud83c\uddf9',679:'\ud83c\uddeb\ud83c\uddef',995:'\ud83c\uddec\ud83c\uddea',502:'\ud83c\uddec\ud83c\uddf9',509:'\ud83c\udded\ud83c\uddf9',504:'\ud83c\udded\ud83c\uddf3',354:'\ud83c\uddee\ud83c\uddf8',876:'\ud83c\uddef\ud83c\uddf2',996:'\ud83c\uddf0\ud83c\uddec',856:'\ud83c\uddf1\ud83c\udde6',961:'\ud83c\uddf1\ud83c\udde7',231:'\ud83c\uddf1\ud83c\uddf7',218:'\ud83c\uddf1\ud83c\uddfe',352:'\ud83c\uddf1\ud83c\uddfa',261:'\ud83c\uddf2\ud83c\uddec',356:'\ud83c\uddf2\ud83c\uddf9',230:'\ud83c\uddf2\ud83c\uddfa',976:'\ud83c\uddf2\ud83c\uddf3',382:'\ud83c\uddf2\ud83c\uddea',258:'\ud83c\uddf2\ud83c\uddff',264:'\ud83c\uddf3\ud83c\udde6',505:'\ud83c\uddf3\ud83c\uddee',227:'\ud83c\uddf3\ud83c\uddea',850:'\ud83c\uddf0\ud83c\uddf5',507:'\ud83c\uddf5\ud83c\udde6',595:'\ud83c\uddf5\ud83c\uddfe',51:'\ud83c\uddf5\ud83c\uddea',381:'\ud83c\uddf7\ud83c\uddf8',250:'\ud83c\uddf7\ud83c\uddfc',685:'\ud83c\uddfc\ud83c\uddf8',221:'\ud83c\uddf8\ud83c\uddf3',386:'\ud83c\uddf8\ud83c\uddee',252:'\ud83c\uddf8\ud83c\uddf4',249:'\ud83c\uddf8\ud83c\udde9',597:'\ud83c\uddf8\ud83c\uddf7',268:'\ud83c\uddf8\ud83c\uddff',963:'\ud83c\uddf8\ud83c\uddfe',992:'\ud83c\uddf9\ud83c\uddef',255:'\ud83c\uddf9\ud83c\uddff',228:'\ud83c\uddf9\ud83c\uddec',216:'\ud83c\uddf9\ud83c\uddf3',993:'\ud83c\uddf9\ud83c\uddf2',678:'\ud83c\uddfb\ud83c\uddfa',681:'\ud83c\uddfc\ud83c\uddeb'};
    var csel=f.querySelector('select[name=country]');
    if(csel){
      var opts=csel.querySelectorAll('option');
      for(var oi=0;oi<opts.length;oi++){
        var code=opts[oi].value;
        var flag=ccFlags[code]||'';
        if(flag){
          var codeOnly=opts[oi].getAttribute('data-code-only')||'+'+code;
          opts[oi].textContent=flag+' '+codeOnly;
        }
      }
      csel.style.cssText=csel.style.cssText+'font-size:14px;';
    }

    // --- Email validation helpers ---
    var disposable=['mailinator.com','guerrillamail.com','guerrillamail.de','grr.la','guerrillamail.net','throwaway.email','temp-mail.org','tempmail.com','tempmail.net','10minutemail.com','yopmail.com','yopmail.fr','sharklasers.com','guerrillamailblock.com','pokemail.net','spam4.me','trashmail.com','trashmail.net','trashmail.me','trashmail.org','dispostable.com','maildrop.cc','mailnesia.com','mailcatch.com','fakeinbox.com','mailforspam.com','safetymail.info','getnada.com','emailondeck.com','tempail.com','burnermail.io','discard.email','discardmail.com','mytemp.email','mohmal.com','burpcollaborator.net','mailsac.com','inboxbear.com','jetable.org','mintemail.com','harakirimail.com','tempr.email','33mail.com','guerrillamailblock.com','maildrop.cc','mailexpire.com','anonbox.net','binkmail.com','bobmail.info','chammy.info','devnullmail.com','dingbone.com','dontreg.com','emailigo.de','emailsensei.com','emailtemporario.com.br','eyepaste.com','fastacura.com','filzmail.com','fixmail.tk','flurred.com','frapmail.com','great-host.in','haltospam.com','imstations.com','inboxalias.com','incognitomail.org','ipoo.org','irish2me.com','jetable.com','jnxjn.com','kasmail.com','klassmaster.com','klzlk.com','koszmail.pl','kurzepost.de','lifebyfood.com','link2mail.net','litedrop.com','lookugly.com','lortemail.dk','lr78.com','mailbidon.com','mailblocks.com','mailbucket.org','mailcat.biz','mailhazard.com','mailin8r.com','mailinator.net','mailinator2.com','mailincubator.com','mailismagic.com','mailmate.com','mailme.lv','mailmetrash.com','mailmoat.com','mailnator.com','mailnull.com','mailshell.com','mailsiphon.com','mailslite.com','mailzilla.com','mbx.cc','mega.zik.dj','meltmail.com','messagebeamer.de','mezimages.net','ministry-of-silly-walks.de','mt2015.com','mx0.wwwnew.eu','mypartyclip.de','myzx.com','nervmich.net','nobulk.com','noclickemail.com','nogmailspam.info','nomail.xl.cx','nomail2me.com','nospam.ze.tc','notsomuch.com','obobbo.com','oneoffemail.com','onewaymail.com','online.ms','oopi.org','ordinaryamerican.net','owlpic.com','pancakemail.com','pimpedupmyspace.com','pjjkp.com','plexolan.de','pookmail.com','proxymail.eu','putthisinyouremail.com','qq.com','quickinbox.com','rcpt.at','reallymymail.com','recode.me','regbypass.com','rhyta.com','rklips.com','rmqkr.net','rppkn.com','rtrtr.com','s0ny.net','safe-mail.net','safersignup.de','safetypost.de','shieldedmail.com','shitmail.me','shortmail.net','sibmail.com','skeefmail.com','slaskpost.se','slipry.net','sogetthis.com','soodonims.com','spam.la','spamavert.com','spambob.com','spambog.com','spambox.us','spamcannon.com','spamcannon.net','spamcero.com','spamcorptastic.com','spamcowboy.com','spamcowboy.net','spamcowboy.org','spamday.com','spamex.com','spamfighter.cf','spamfighter.ga','spamfighter.gq','spamfighter.ml','spamfighter.tk','spamfree24.com','spamfree24.de','spamfree24.eu','spamfree24.info','spamfree24.net','spamfree24.org','spamgourmet.com','spamgourmet.net','spamgourmet.org','spamherelots.com','spamhereplease.com','spamhole.com','spamify.com','spaminator.de','spaml.com','spaml.de','spammotel.com','spamobox.com','spamslicer.com','spamspot.com','spamstack.net','spamthis.co.uk','spamtrap.ro','speed.1s.fr','superrito.com','suremail.info','svk.jp','teleworm.us','thankyou2010.com','thisisnotmyrealemail.com','throwam.com','tittbit.in','tizi.com','tmailinator.com','tradermail.info','trash-mail.at','trash-mail.com','trash-mail.de','trash2009.com','trashemail.de','trashymail.com','trashymail.net','trbvm.com','trbvn.com','twinmail.de','tyldd.com','uggsrock.com','upliftnow.com','uplipht.com','viditag.com','viewcastmedia.com','viewcastmedia.net','viewcastmedia.org','vomoto.com','vpn.st','vsimcard.com','vubby.com','wasteland.rfc822.org','webemail.me','weg-werf-email.de','wegwerfadresse.de','wegwerfemail.com','wegwerfemail.de','wegwerfmail.de','wegwerfmail.net','wegwerfmail.org','wetrainbayarea.com','wetrainbayarea.org','wh4f.org','whyspam.me','wickmail.net','wilemail.com','willselfdestruct.com','winemaven.info','wronghead.com','wuzup.net','wuzupmail.net','wwwnew.eu','xagloo.com','xemaps.com','xents.com','xjoi.com','xoxy.net','xyzfree.net','yapped.net','yep.it','yogamaven.com','yomail.info','yopmail.com','yopmail.fr','yopmail.gq','yopmail.net','ypmail.webarnak.fr.eu.org','yuurok.com','za.com','zehnminutenmail.de','zippymail.info','zoaxe.com','zoemail.org'];
    var typoMap={'gmial.com':'gmail.com','gmal.com':'gmail.com','gmaill.com':'gmail.com','gamil.com':'gmail.com','gnail.com':'gmail.com','gmaik.com':'gmail.com','gmil.com':'gmail.com','gmail.co':'gmail.com','gmail.om':'gmail.com','gmai.com':'gmail.com','gmail.cim':'gmail.com','gmail.con':'gmail.com','gmail.comm':'gmail.com','yaho.com':'yahoo.com','yahooo.com':'yahoo.com','yahoo.co':'yahoo.com','yahoo.om':'yahoo.com','yhoo.com':'yahoo.com','yaoo.com':'yahoo.com','yhaoo.com':'yahoo.com','yahoo.con':'yahoo.com','outlok.com':'outlook.com','outloo.com':'outlook.com','outlool.com':'outlook.com','outlook.co':'outlook.com','outllook.com':'outlook.com','outlook.con':'outlook.com','hotmal.com':'hotmail.com','hotmial.com':'hotmail.com','hotmil.com':'hotmail.com','hotmaill.com':'hotmail.com','hotmail.co':'hotmail.com','hotmail.con':'hotmail.com','rediffmal.com':'rediffmail.com','rediffmial.com':'rediffmail.com','rediffmail.co':'rediffmail.com'};
    function validateEmail(email){
      // 1. Format check (stricter: requires 2+ char TLD, no consecutive dots)
      if(!/^[a-zA-Z0-9.!#$%&'*+\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*\.[a-zA-Z]{2,}$/.test(email)){
        return{ok:false,msg:'Please enter a valid email address.'};
      }
      var domain=email.split('@')[1].toLowerCase();
      // 2. Disposable domain check
      if(disposable.indexOf(domain)!==-1){
        return{ok:false,msg:'Please use a business or personal email, not a temporary/disposable one.'};
      }
      // 3. Typo suggestion
      if(typoMap[domain]){
        return{ok:false,msg:'Did you mean '+email.split('@')[0]+'@'+typoMap[domain]+'?',typo:true,suggested:email.split('@')[0]+'@'+typoMap[domain]};
      }
      return{ok:true};
    }

    f.addEventListener('submit',function(e){
      e.preventDefault();e.stopImmediatePropagation();

      // Spam: honeypot check
      if(gv(f.querySelector('[name=website]'))){return;}

      // Spam: timing gate — reject if submitted within 2s of page load
      if(Date.now()-pageLoadTime<2000){return;}

      var n=gv(f.querySelector('[name=name]'));
      var e2=gv(f.querySelector('[name=email]'));
      var p=gv(f.querySelector('[name=phone]'));
      var cn=gv(f.querySelector('[name=company_name]'));
      var ms=f.querySelector('[name=message]')||f.querySelector('textarea');
      var m=ms?gv(ms):'';

      // Client-side validation
      if(!n||!e2)return;
      var ev=validateEmail(e2);
      if(!ev.ok){
        // Find or create error message element
        var emailInput=f.querySelector('[name=email]');
        var errEl=f.querySelector('.kn-email-err');
        if(!errEl){
          errEl=document.createElement('div');
          errEl.className='kn-email-err';
          errEl.style.cssText='color:#dc2626;font-size:12px;margin-top:4px;font-family:Inter,system-ui,sans-serif;line-height:1.4;';
          emailInput.parentNode.insertBefore(errEl,emailInput.nextSibling);
        }
        if(ev.typo){
          errEl.innerHTML=ev.msg+' <a href="#" style="color:#2563eb;text-decoration:underline;font-weight:500;" data-kn-fix="1">Yes, fix it</a>';
          errEl.querySelector('[data-kn-fix]').addEventListener('click',function(ce){
            ce.preventDefault();
            emailInput.value=ev.suggested;
            try{var nativeSet=Object.getOwnPropertyDescriptor(HTMLInputElement.prototype,'value').set;nativeSet.call(emailInput,ev.suggested);emailInput.dispatchEvent(new Event('input',{bubbles:true}));}catch(x){}
            errEl.textContent='';
            emailInput.style.borderColor='#e5e5e5';
          });
        }else{
          errEl.textContent=ev.msg;
        }
        emailInput.style.borderColor='#dc2626';
        emailInput.focus();
        return;
      }
      // Clear any previous error
      var prevErr=f.querySelector('.kn-email-err');
      if(prevErr)prevErr.textContent='';
      var emailEl=f.querySelector('[name=email]');
      if(emailEl)emailEl.style.borderColor='#e5e5e5';

      var btn=f.querySelector('[type=submit]');
      var origText=btn?btn.textContent:'';
      if(btn){btn.disabled=true;btn.textContent='Sending...';}

      var body={name:n,email:e2,pageUrl:window.location.href,pageTitle:document.title||void 0};
      if(p)body.phone=p;
      if(m)body.message=m;
      if(cn)body.message=(body.message?body.message+'\n':'')+'Company: '+cn;

      // Track CTA button text
      var ctaText=lastClickedCTA||origText||'';
      if(ctaText)body.ctaButton=ctaText;

      fetch(ep,{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify(body)})
      .then(function(r){return r.json()})
      .then(function(d){
        if(d.success){
          // Replace form with thank-you message
          var tyHtml='<div style="display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;text-align:center;min-height:200px;">'
              +'<div style="width:56px;height:56px;border-radius:50%;background:#059669;display:flex;align-items:center;justify-content:center;margin-bottom:16px;"><svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg></div>'
              +'<h3 style="margin:0 0 8px;font-size:20px;font-weight:700;color:#111;font-family:Inter,system-ui,sans-serif;">Thank You!</h3>'
              +'<p style="margin:0;font-size:14px;color:#6b7280;font-family:Inter,system-ui,sans-serif;line-height:1.5;">We will get back to you soon.</p>'
              +'<div style="margin-top:16px;font-size:11px;color:#9ca3af;font-family:Inter,system-ui,sans-serif;">Powered by <a href="https://quickgroww.ai" target="_blank" rel="noopener" style="color:#F5C518;font-weight:700;text-decoration:none;">QuickGroww</a></div>'
              +'</div>';
          // Check if form is inside a Radix dialog portal
          var radixPortal=f.closest('[data-radix-portal]');
          var dialogContent=radixPortal?radixPortal.querySelector('[data-slot=dialog-content]'):null;
          if(dialogContent){
            // Replace dialog content body with thank-you
            var body=dialogContent.querySelector('.flex-1')||dialogContent;
            body.innerHTML=tyHtml;
            // Auto-close dialog after 3s by clicking the close button
            setTimeout(function(){
              var closeBtn=dialogContent.querySelector('[data-slot=dialog-close]');
              if(closeBtn)closeBtn.click();
              else{radixPortal.style.transition='opacity 0.3s';radixPortal.style.opacity='0';setTimeout(function(){radixPortal.style.display='none';},300);}
            },3000);
          }else{
            var card=f.closest('.rounded-3xl')||f.closest('[class*=rounded]')||f.parentElement;
            if(card){
              card.innerHTML=tyHtml;
              // Auto-close modal if inside one
              setTimeout(function(){
                var overlay=card.closest('[class*=overlay]')||card.closest('[class*=modal]')||card.closest('[role=dialog]');
                if(overlay){
                  overlay.style.transition='opacity 0.3s ease';
                  overlay.style.opacity='0';
                  setTimeout(function(){overlay.style.display='none';overlay.style.opacity='';},300);
                }
              },3000);
            }
          }
        }else{throw new Error('fail');}
      })
      .catch(function(){
        if(btn){btn.disabled=false;btn.textContent=origText;}
        alert('Something went wrong. Please try again.');
      });
    },true);
  })(forms[i]);}
}
if(document.readyState==='loading')document.addEventListener('DOMContentLoaded',hijack);
else hijack();
new MutationObserver(function(){hijack()}).observe(document.body||document.documentElement,{childList:true,subtree:true});
})()</script>
</body>
</html>