<turbo-stream action="update" target="analysis-result"><template><div class="space-y-6 animate-fade-in">
  <div class="bg-surface border border-border shadow-sm rounded-card p-6 sm:p-8 relative overflow-hidden">
  <div class="space-y-6">
    <div class="flex items-center justify-between">
      <h2 class="text-xl font-bold text-text-primary tracking-tight">Executive Summary</h2>
      <span class="text-sm font-bold text-accent font-mono">staples</span>
    </div>

    <p class="text-text-muted leading-relaxed text-sm sm:text-base">
      Staples is a well-established North American brand primarily known for office supplies and business services, operating in both B2C and B2B segments. AI assistants generally perceive Staples accurately regarding its core retail offerings and historical presence. Its biggest strength lies in pervasive brand recognition, ensuring inclusion in many general office-related queries. The biggest gap is AI&#39;s tendency to overemphasize Staples&#39; legacy retail footprint while understating the strategic importance and evolving capabilities of its Staples Business Advantage B2B division. Staples maintains solid AI visibility but needs to actively guide AI understanding of its modern B2B focus.
    </p>

    <!-- Score Factors -->
      <div class="bg-surface-bg border border-border rounded-card p-5 space-y-4">
        <div class="flex items-center justify-between">
          <span class="text-xs font-bold tracking-wider text-accent uppercase">Score Breakdown</span>
          <span class="text-[0.6875rem] text-text-muted">Weighted Analysis</span>
        </div>
        <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
            <div class="bg-surface px-4 py-3.5 rounded-card border border-border space-y-2">
              <div class="flex justify-between items-center">
                <span class="text-xs text-text-primary font-bold">Brand Recognition</span>
                <span class="text-xs font-mono font-bold text-text-primary">90</span>
              </div>
              <div class="w-full bg-surface-bg rounded-full h-1.5 overflow-hidden border border-border">
                <div class="bg-accent h-full rounded-full transition-all duration-1000 ease-out"
                     style="width: 0%;"
                     data-controller="progressbar"
                     data-progressbar-target-width="90%"></div>
              </div>
              <div class="flex justify-between items-center text-[0.6875rem] text-text-muted">
                <span class="font-light">Staples is a widely recognized brand, ensuring high top-of-mind awareness for relevant inquiries.</span>
                <span class="font-mono font-bold">35%</span>
              </div>
            </div>
            <div class="bg-surface px-4 py-3.5 rounded-card border border-border space-y-2">
              <div class="flex justify-between items-center">
                <span class="text-xs text-text-primary font-bold">Data Accuracy &amp; Consistency</span>
                <span class="text-xs font-mono font-bold text-text-primary">75</span>
              </div>
              <div class="w-full bg-surface-bg rounded-full h-1.5 overflow-hidden border border-border">
                <div class="bg-accent h-full rounded-full transition-all duration-1000 ease-out"
                     style="width: 0%;"
                     data-controller="progressbar"
                     data-progressbar-target-width="75%"></div>
              </div>
              <div class="flex justify-between items-center text-[0.6875rem] text-text-muted">
                <span class="font-light">General factual information is accurate, but specifics on its B2B evolution and modern offerings can be inconsistent.</span>
                <span class="font-mono font-bold">30%</span>
              </div>
            </div>
            <div class="bg-surface px-4 py-3.5 rounded-card border border-border space-y-2">
              <div class="flex justify-between items-center">
                <span class="text-xs text-text-primary font-bold">Service Depth &amp; Differentiation</span>
                <span class="text-xs font-mono font-bold text-text-primary">68</span>
              </div>
              <div class="w-full bg-surface-bg rounded-full h-1.5 overflow-hidden border border-border">
                <div class="bg-accent h-full rounded-full transition-all duration-1000 ease-out"
                     style="width: 0%;"
                     data-controller="progressbar"
                     data-progressbar-target-width="68%"></div>
              </div>
              <div class="flex justify-between items-center text-[0.6875rem] text-text-muted">
                <span class="font-light">AI describes core products well but struggles to articulate the unique value proposition of its B2B services or competitive advantages.</span>
                <span class="font-mono font-bold">35%</span>
              </div>
            </div>
        </div>
      </div>
  </div>
</div>

  <div class="bg-surface border border-border rounded-card p-6">
  <div class="flex items-center justify-between mb-5">
    <h3 class="text-xs font-bold tracking-wider text-text-muted uppercase">Brand Snapshot</h3>
      <a href="https://staples.com" target="_blank" rel="noopener"
         class="text-[0.6875rem] text-accent hover:text-accent/80 transition-colors flex items-center gap-1">
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-3 h-3">
  <path d="M12 6h-6a2 2 0 0 0 -2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-6"></path>
  <path d="M11 13l9 -9"></path>
  <path d="M15 4h5v5"></path>
</svg>
        <span>Visit Website</span>
      </a>
  </div>

  <div class="grid grid-cols-2 sm:grid-cols-4 gap-4">
      <div class="space-y-1">
        <span class="block text-[0.6875rem] font-bold tracking-wider text-text-muted uppercase">Industry</span>
        <span class="block text-sm text-text-primary font-medium">Office Supplies &amp; Business Services</span>
      </div>
      <div class="space-y-1">
        <span class="block text-[0.6875rem] font-bold tracking-wider text-text-muted uppercase">Headquarters</span>
        <span class="block text-sm text-text-primary font-medium">Framingham, Massachusetts, USA</span>
      </div>
      <div class="space-y-1">
        <span class="block text-[0.6875rem] font-bold tracking-wider text-text-muted uppercase">Founded</span>
        <span class="block text-sm text-text-primary font-medium">1986</span>
      </div>
      <div class="space-y-1">
        <span class="block text-[0.6875rem] font-bold tracking-wider text-text-muted uppercase">Company Size</span>
        <span class="block text-sm text-text-primary font-medium">Enterprise</span>
      </div>
      <div class="space-y-1">
        <span class="block text-[0.6875rem] font-bold tracking-wider text-text-muted uppercase">Business Model</span>
        <span class="block text-sm text-text-primary font-medium">B2B / B2C</span>
      </div>
  </div>

    <div class="mt-5 flex flex-wrap gap-2">
        <span class="px-2.5 py-1 rounded-badge text-[0.6875rem] font-semibold bg-accent-subtle border border-accent-border/30 text-accent">Office supplies</span>
        <span class="px-2.5 py-1 rounded-badge text-[0.6875rem] font-semibold bg-accent-subtle border border-accent-border/30 text-accent">Office furniture</span>
        <span class="px-2.5 py-1 rounded-badge text-[0.6875rem] font-semibold bg-accent-subtle border border-accent-border/30 text-accent">Technology products</span>
        <span class="px-2.5 py-1 rounded-badge text-[0.6875rem] font-semibold bg-accent-subtle border border-accent-border/30 text-accent">Print &amp; marketing services</span>
        <span class="px-2.5 py-1 rounded-badge text-[0.6875rem] font-semibold bg-accent-subtle border border-accent-border/30 text-accent">Breakroom supplies</span>
    </div>
</div>

  <div class="bg-surface border border-border rounded-card p-6">
  <h3 class="text-xs font-bold tracking-wider text-text-muted uppercase mb-4">Company Overview</h3>
  <p class="text-text-primary leading-relaxed text-sm">Staples is a leading North American retailer and business-to-business supplier offering a comprehensive range of office products, furniture, technology, and business services. The company serves individual consumers, small businesses, and large corporate clients through its extensive network of retail stores, e-commerce platforms, and dedicated B2B sales channels.</p>
</div>

  <div class="bg-surface border border-border rounded-card p-6">
  <div class="flex items-center justify-between mb-5">
    <h3 class="text-xs font-bold tracking-wider text-text-muted uppercase">Products & Services</h3>
    <span class="text-[0.6875rem] text-text-muted">4 identified</span>
  </div>

  <div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
      <div class="bg-surface-bg border border-border rounded-card p-4 space-y-2.5">
        <h4 class="text-sm font-bold text-text-primary">Office Supplies</h4>
        <p class="text-xs text-text-muted leading-relaxed">Staples offers a vast selection of essential office products, including paper, pens, binders, and other consumables.</p>

          <div class="flex items-start gap-2 pt-1">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-3.5 h-3.5 text-accent mt-0.5 shrink-0">
  <path d="M3 12h1m8 -9v1m8 8h1m-15.4 -6.4l.7 .7m12.1 -.7l-.7 .7"></path>
  <path d="M9 16a5 5 0 1 1 6 0a3.5 3.5 0 0 0 -1 3a2 2 0 0 1 -4 0a3.5 3.5 0 0 0 -1 -3"></path>
  <path d="M9.7 17l4.6 0"></path>
</svg>
            <span class="text-[11px] text-text-muted leading-relaxed"><strong class="text-text-primary font-medium">AI Perception:</strong> Accurate and consistently recognized as a core offering.</span>
          </div>
      </div>
      <div class="bg-surface-bg border border-border rounded-card p-4 space-y-2.5">
        <h4 class="text-sm font-bold text-text-primary">Office Furniture</h4>
        <p class="text-xs text-text-muted leading-relaxed">The company provides a wide array of office furniture, from desks and chairs to storage solutions and ergonomic accessories.</p>

          <div class="flex items-start gap-2 pt-1">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-3.5 h-3.5 text-accent mt-0.5 shrink-0">
  <path d="M3 12h1m8 -9v1m8 8h1m-15.4 -6.4l.7 .7m12.1 -.7l-.7 .7"></path>
  <path d="M9 16a5 5 0 1 1 6 0a3.5 3.5 0 0 0 -1 3a2 2 0 0 1 -4 0a3.5 3.5 0 0 0 -1 -3"></path>
  <path d="M9.7 17l4.6 0"></path>
</svg>
            <span class="text-[11px] text-text-muted leading-relaxed"><strong class="text-text-primary font-medium">AI Perception:</strong> Accurate, often mentioned as a key product category for outfitting offices.</span>
          </div>
      </div>
      <div class="bg-surface-bg border border-border rounded-card p-4 space-y-2.5">
        <h4 class="text-sm font-bold text-text-primary">Print &amp; Marketing Services</h4>
        <p class="text-xs text-text-muted leading-relaxed">Staples offers services for document printing, custom marketing materials, signs, and promotional products.</p>

          <div class="flex items-start gap-2 pt-1">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-3.5 h-3.5 text-accent mt-0.5 shrink-0">
  <path d="M3 12h1m8 -9v1m8 8h1m-15.4 -6.4l.7 .7m12.1 -.7l-.7 .7"></path>
  <path d="M9 16a5 5 0 1 1 6 0a3.5 3.5 0 0 0 -1 3a2 2 0 0 1 -4 0a3.5 3.5 0 0 0 -1 -3"></path>
  <path d="M9.7 17l4.6 0"></path>
</svg>
            <span class="text-[11px] text-text-muted leading-relaxed"><strong class="text-text-primary font-medium">AI Perception:</strong> Accurate, recognized as a convenient service for both personal and business needs.</span>
          </div>
      </div>
      <div class="bg-surface-bg border border-border rounded-card p-4 space-y-2.5">
        <h4 class="text-sm font-bold text-text-primary">Staples Business Advantage</h4>
        <p class="text-xs text-text-muted leading-relaxed">This B2B division provides tailored procurement solutions, managed services, and bulk supplies for businesses of all sizes.</p>

          <div class="flex items-start gap-2 pt-1">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-3.5 h-3.5 text-accent mt-0.5 shrink-0">
  <path d="M3 12h1m8 -9v1m8 8h1m-15.4 -6.4l.7 .7m12.1 -.7l-.7 .7"></path>
  <path d="M9 16a5 5 0 1 1 6 0a3.5 3.5 0 0 0 -1 3a2 2 0 0 1 -4 0a3.5 3.5 0 0 0 -1 -3"></path>
  <path d="M9.7 17l4.6 0"></path>
</svg>
            <span class="text-[11px] text-text-muted leading-relaxed"><strong class="text-text-primary font-medium">AI Perception:</strong> Incomplete; AI often acknowledges its existence but rarely articulates the full scope of its specialized services or strategic value beyond general business supply.</span>
          </div>
      </div>
  </div>
</div>

  <div class="bg-surface border border-border rounded-card p-6 space-y-6">
  <h3 class="text-xs font-bold tracking-wider text-text-muted uppercase">Deep AI Visibility Analysis</h3>

  <div class="grid grid-cols-1 md:grid-cols-2 gap-6">

    <!-- AI Understanding -->
      <div class="bg-surface-bg border border-border rounded-card p-5 space-y-3">
        <div class="flex items-center justify-between">
          <span class="text-[11px] font-bold tracking-wider text-accent uppercase">AI Understanding</span>
          <span class="px-2 py-0.5 rounded text-[0.6875rem] font-bold border text-emerald-600 dark:text-emerald-400 bg-emerald-500/10 border-emerald-500/20">High Accuracy</span>
        </div>

          <div class="space-y-1.5">
            <span class="text-[0.6875rem] text-text-muted font-semibold uppercase tracking-wider">Common Mistakes</span>
              <div class="flex items-start gap-2">
                <span class="text-status-negative text-xs mt-0.5">✕</span>
                <span class="text-xs text-text-muted leading-relaxed">Overemphasis on physical retail store presence, often overlooking closures or the shift to online/B2B focus.</span>
              </div>
              <div class="flex items-start gap-2">
                <span class="text-status-negative text-xs mt-0.5">✕</span>
                <span class="text-xs text-text-muted leading-relaxed">Understating the full scope and strategic importance of Staples Business Advantage.</span>
              </div>
              <div class="flex items-start gap-2">
                <span class="text-status-negative text-xs mt-0.5">✕</span>
                <span class="text-xs text-text-muted leading-relaxed">Generic descriptions of services without highlighting specialized features or benefits for specific business needs.</span>
              </div>
          </div>

          <div class="space-y-1.5">
            <span class="text-[0.6875rem] text-text-muted font-semibold uppercase tracking-wider">Missing Context</span>
              <div class="flex items-start gap-2">
                <span class="text-status-warning text-xs mt-0.5">○</span>
                <span class="text-xs text-text-muted leading-relaxed">Details on specific digital transformation initiatives or technology solutions offered.</span>
              </div>
              <div class="flex items-start gap-2">
                <span class="text-status-warning text-xs mt-0.5">○</span>
                <span class="text-xs text-text-muted leading-relaxed">Recent acquisitions, divestitures, or organizational restructuring that impact its market positioning.</span>
              </div>
              <div class="flex items-start gap-2">
                <span class="text-status-warning text-xs mt-0.5">○</span>
                <span class="text-xs text-text-muted leading-relaxed">Comprehensive sustainability efforts or community involvement programs beyond basic mentions.</span>
              </div>
          </div>
      </div>

    <!-- Recommendation Likelihood -->
      <div class="bg-surface-bg border border-border rounded-card p-5 space-y-3">
        <div class="flex items-center justify-between">
          <span class="text-[11px] font-bold tracking-wider text-accent uppercase">Recommendation Likelihood</span>
          <span class="text-lg font-black text-text-primary">72<span class="text-text-muted text-xs font-normal">/100</span></span>
        </div>

          <div class="space-y-2">
              <div class="bg-surface border border-border rounded-card px-3 py-2.5 space-y-1">
                <p class="text-xs text-text-primary font-medium">"Where can I buy office supplies online?"</p>
                <div class="flex items-center gap-3 text-[0.6875rem]">
                  <span class="text-emerald-600 dark:text-emerald-400 font-semibold">
                    ✓ Mentioned
                  </span>
                    <span class="text-text-muted">Position: <strong class="text-text-primary">1st</strong></span>
                </div>
                  <p class="text-[0.6875rem] text-text-muted">AI frequently lists Staples among the top 1-2 options due to strong brand association.</p>
              </div>
              <div class="bg-surface border border-border rounded-card px-3 py-2.5 space-y-1">
                <p class="text-xs text-text-primary font-medium">"Best place for printing business cards?"</p>
                <div class="flex items-center gap-3 text-[0.6875rem]">
                  <span class="text-emerald-600 dark:text-emerald-400 font-semibold">
                    ✓ Mentioned
                  </span>
                    <span class="text-text-muted">Position: <strong class="text-text-primary">2nd</strong></span>
                </div>
                  <p class="text-[0.6875rem] text-text-muted">Staples is often mentioned, usually after more specialized print shops or alongside other big-box retailers.</p>
              </div>
              <div class="bg-surface border border-border rounded-card px-3 py-2.5 space-y-1">
                <p class="text-xs text-text-primary font-medium">"Who are the top office furniture suppliers for a large enterprise?"</p>
                <div class="flex items-center gap-3 text-[0.6875rem]">
                  <span class="text-emerald-600 dark:text-emerald-400 font-semibold">
                    ✓ Mentioned
                  </span>
                    <span class="text-text-muted">Position: <strong class="text-text-primary">3rd</strong></span>
                </div>
                  <p class="text-[0.6875rem] text-text-muted">Staples may be mentioned, but often after dedicated B2B furniture or contract suppliers, and the AI may not detail its B2B furniture services.</p>
              </div>
          </div>
      </div>

    <!-- Citation Analysis -->
      <div class="bg-surface-bg border border-border rounded-card p-5 space-y-3">
        <div class="flex items-center justify-between">
          <span class="text-[11px] font-bold tracking-wider text-accent uppercase">Citation Analysis</span>
          <span class="px-2 py-0.5 rounded text-[0.6875rem] font-bold border text-emerald-600 dark:text-emerald-400 bg-emerald-500/10 border-emerald-500/20">Strong</span>
        </div>

          <div class="space-y-1.5">
            <span class="text-[0.6875rem] text-text-muted font-semibold uppercase tracking-wider">Primary Sources</span>
            <div class="flex flex-wrap gap-1.5">
                <span class="px-2 py-0.5 rounded text-[0.6875rem] font-medium bg-surface border border-border text-text-primary">Wikipedia</span>
                <span class="px-2 py-0.5 rounded text-[0.6875rem] font-medium bg-surface border border-border text-text-primary">staples.com (corporate site)</span>
                <span class="px-2 py-0.5 rounded text-[0.6875rem] font-medium bg-surface border border-border text-text-primary">Major business news outlets (e.g., Forbes, Wall Street Journal)</span>
                <span class="px-2 py-0.5 rounded text-[0.6875rem] font-medium bg-surface border border-border text-text-primary">Industry trade publications</span>
            </div>
          </div>

          <div class="space-y-1.5">
            <span class="text-[0.6875rem] text-text-muted font-semibold uppercase tracking-wider">Missing Sources</span>
              <div class="flex items-start gap-2">
                <span class="text-status-warning text-xs mt-0.5">○</span>
                <span class="text-xs text-text-muted">Dedicated Staples Business Advantage case studies or whitepapers on third-party sites.</span>
              </div>
              <div class="flex items-start gap-2">
                <span class="text-status-warning text-xs mt-0.5">○</span>
                <span class="text-xs text-text-muted">Specialized B2B industry reports or analyst reviews focusing on their enterprise solutions.</span>
              </div>
              <div class="flex items-start gap-2">
                <span class="text-status-warning text-xs mt-0.5">○</span>
                <span class="text-xs text-text-muted">Specific press releases detailing strategic B2B partnerships or technology integrations.</span>
              </div>
          </div>
      </div>

    <!-- Competitive Position -->
      <div class="bg-surface-bg border border-border rounded-card p-5 space-y-3">
        <div class="flex items-center justify-between">
          <span class="text-[11px] font-bold tracking-wider text-accent uppercase">Competitive Position</span>
          <span class="text-[0.6875rem] font-semibold text-amber-600 dark:text-amber-400">Moderate Differentiation</span>
        </div>

          <div class="space-y-2">
              <div class="bg-surface border border-border rounded-card px-3 py-2.5 flex items-start justify-between gap-3">
                <div class="min-w-0">
                  <span class="text-xs text-text-primary font-bold">Amazon Business</span>
                  <p class="text-xs text-text-muted leading-relaxed mt-1">AI often highlights Amazon Business for its vast product selection, competitive pricing, and integrated logistics, sometimes presenting it as a more modern or comprehensive solution.</p>
                </div>
                <span class="px-2 py-0.5 rounded text-[0.6875rem] font-bold border shrink-0 mt-0.5 text-emerald-600 dark:text-emerald-400 bg-emerald-500/10 border-emerald-500/20">Favored</span>
              </div>
              <div class="bg-surface border border-border rounded-card px-3 py-2.5 flex items-start justify-between gap-3">
                <div class="min-w-0">
                  <span class="text-xs text-text-primary font-bold">Office Depot/OfficeMax</span>
                  <p class="text-xs text-text-muted leading-relaxed mt-1">AI views Office Depot/OfficeMax as a direct and comparable competitor, often mentioning them interchangeably with Staples for general office supply needs.</p>
                </div>
                <span class="px-2 py-0.5 rounded text-[0.6875rem] font-bold border shrink-0 mt-0.5 text-text-muted bg-surface-bg border border-border">Equal</span>
              </div>
              <div class="bg-surface border border-border rounded-card px-3 py-2.5 flex items-start justify-between gap-3">
                <div class="min-w-0">
                  <span class="text-xs text-text-primary font-bold">Grainger</span>
                  <p class="text-xs text-text-muted leading-relaxed mt-1">For specialized MRO (Maintenance, Repair, and Operations) or industrial supplies, AI will favor Grainger due to its niche focus, making Staples appear less specialized in these areas.</p>
                </div>
                <span class="px-2 py-0.5 rounded text-[0.6875rem] font-bold border shrink-0 mt-0.5 text-red-600 dark:text-red-400 bg-red-500/10 border-red-500/20">Disadvantaged</span>
              </div>
          </div>
      </div>

    <!-- Content Coverage -->
      <div class="bg-surface-bg border border-border rounded-card p-5 space-y-3">
        <span class="text-[11px] font-bold tracking-wider text-accent uppercase">Content Coverage</span>

          <div class="space-y-1.5">
            <span class="text-[0.6875rem] text-text-muted font-semibold uppercase tracking-wider">Well Covered</span>
              <div class="flex items-start gap-2">
                <span class="text-emerald-600 dark:text-emerald-400 text-xs mt-0.5">✓</span>
                <span class="text-xs text-text-muted">General office supplies availability and pricing</span>
              </div>
              <div class="flex items-start gap-2">
                <span class="text-emerald-600 dark:text-emerald-400 text-xs mt-0.5">✓</span>
                <span class="text-xs text-text-muted">Retail store locations (though some info may be outdated)</span>
              </div>
              <div class="flex items-start gap-2">
                <span class="text-emerald-600 dark:text-emerald-400 text-xs mt-0.5">✓</span>
                <span class="text-xs text-text-muted">Basic printing and copying services</span>
              </div>
              <div class="flex items-start gap-2">
                <span class="text-emerald-600 dark:text-emerald-400 text-xs mt-0.5">✓</span>
                <span class="text-xs text-text-muted">Overview of company history and founding</span>
              </div>
          </div>

          <div class="space-y-1.5">
            <span class="text-[0.6875rem] text-text-muted font-semibold uppercase tracking-wider">Gaps</span>
              <div class="flex items-start gap-2">
                <span class="text-status-negative text-xs mt-0.5">✕</span>
                <span class="text-xs text-text-muted">Detailed value propositions and success stories for Staples Business Advantage clients.</span>
              </div>
              <div class="flex items-start gap-2">
                <span class="text-status-negative text-xs mt-0.5">✕</span>
                <span class="text-xs text-text-muted">Specific advanced services such as managed print services, IT solutions, or comprehensive facility supplies.</span>
              </div>
              <div class="flex items-start gap-2">
                <span class="text-status-negative text-xs mt-0.5">✕</span>
                <span class="text-xs text-text-muted">The impact of recent corporate strategies or market pivots on their current business model.</span>
              </div>
          </div>

          <div class="space-y-1.5">
            <span class="text-[0.6875rem] text-text-muted font-semibold uppercase tracking-wider">Opportunities</span>
              <div class="flex items-start gap-2">
                <span class="text-status-warning text-xs mt-0.5">◆</span>
                <span class="text-xs text-text-muted">Publishing schema-rich content on the benefits and specific offerings of Staples Business Advantage.</span>
              </div>
              <div class="flex items-start gap-2">
                <span class="text-status-warning text-xs mt-0.5">◆</span>
                <span class="text-xs text-text-muted">Creating explainer content for specialized B2B services, including problem/solution scenarios.</span>
              </div>
              <div class="flex items-start gap-2">
                <span class="text-status-warning text-xs mt-0.5">◆</span>
                <span class="text-xs text-text-muted">Highlighting unique partnerships or technology integrations that add value for business clients.</span>
              </div>
          </div>
      </div>

    <!-- Trust Signals -->
      <div class="bg-surface-bg border border-border rounded-card p-5 space-y-3">
        <span class="text-[11px] font-bold tracking-wider text-accent uppercase">Trust Signals</span>

        <div class="grid grid-cols-2 gap-3">
          <div class="space-y-1">
            <span class="text-[0.6875rem] text-text-muted uppercase tracking-wider">Review Presence</span>
            <span class="block text-sm text-text-primary font-bold">Strong</span>
          </div>
          <div class="space-y-1">
            <span class="text-[0.6875rem] text-text-muted uppercase tracking-wider">Transparency</span>
            <span class="block text-sm text-text-primary font-bold">High</span>
          </div>
        </div>

          <div class="space-y-1.5">
            <span class="text-[0.6875rem] text-text-muted font-semibold uppercase tracking-wider">Authority Indicators</span>
            <div class="flex flex-wrap gap-1.5">
                <span class="px-2 py-0.5 rounded-badge text-[0.6875rem] font-semibold bg-emerald-500/10 border border-emerald-500/20 text-emerald-600">Long-standing brand presence since 1986</span>
                <span class="px-2 py-0.5 rounded-badge text-[0.6875rem] font-semibold bg-emerald-500/10 border border-emerald-500/20 text-emerald-600">Extensive physical retail footprint (historically significant)</span>
                <span class="px-2 py-0.5 rounded-badge text-[0.6875rem] font-semibold bg-emerald-500/10 border border-emerald-500/20 text-emerald-600">Significant market share in office supply retail and B2B sectors</span>
                <span class="px-2 py-0.5 rounded-badge text-[0.6875rem] font-semibold bg-emerald-500/10 border border-emerald-500/20 text-emerald-600">High brand recall among general consumers</span>
            </div>
          </div>
      </div>

  </div>
</div>

  <div class="bg-surface border border-border rounded-card p-6 space-y-5">
  <h3 class="text-xs font-bold tracking-wider text-text-muted uppercase">AI Answer Engine Performance</h3>

  <div class="grid grid-cols-1 md:grid-cols-2 gap-5">


      <div class="bg-surface-bg border border-border rounded-card p-5 space-y-3 flex flex-col justify-between">
        <div class="space-y-2">
          <div class="flex justify-between items-center">
            <div class="flex items-center gap-2">
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-4 h-4 text-orange-600 shrink-0">
  <path d="M15.5 13a3.5 3.5 0 0 0 -3.5 3.5v1a3.5 3.5 0 0 0 7 0v-1.8"></path>
  <path d="M8.5 13a3.5 3.5 0 0 1 3.5 3.5v1a3.5 3.5 0 0 1 -7 0v-1.8"></path>
  <path d="M17.5 16a3.5 3.5 0 0 0 0 -7h-.5"></path>
  <path d="M19 9.3v-2.8a3.5 3.5 0 0 0 -7 0"></path>
  <path d="M6.5 16a3.5 3.5 0 0 1 0 -7h.5"></path>
  <path d="M5 9.3v-2.8a3.5 3.5 0 0 1 7 0v10"></path>
</svg>
              <span class="text-sm font-bold text-text-primary">Claude</span>
            </div>
            <span class="text-xs font-semibold px-2 py-0.5 rounded-badge bg-accent-subtle text-accent border border-accent-border/30">82/100</span>
          </div>
          <!-- Progress Bar -->
          <div class="w-full bg-surface rounded-full h-2.5 overflow-hidden border border-border">
            <div class="bg-gradient-to-r from-accent to-accent/75 h-full rounded-full transition-all duration-1000 ease-out"
                 style="width: 0%;"
                 data-controller="progressbar"
                 data-progressbar-target-width="82%"></div>
          </div>
        </div>
        <!-- Platform Insight -->
          <p class="text-xs text-text-muted leading-relaxed pt-1">Claude demonstrates a slightly more nuanced understanding of Staples&#39; evolution, often integrating details about Staples Business Advantage more effectively than other models. It synthesizes information to present a balanced view, acknowledging both their retail heritage and current B2B offerings, sometimes providing clearer examples of business services.</p>
      </div>

      <div class="bg-surface-bg border border-border rounded-card p-5 space-y-3 flex flex-col justify-between">
        <div class="space-y-2">
          <div class="flex justify-between items-center">
            <div class="flex items-center gap-2">
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-4 h-4 text-blue-500 shrink-0">
  <path d="M20.945 11a9 9 0 1 1 -3.284 -5.997l-2.655 2.392a5.5 5.5 0 1 0 2.119 6.605h-4.125v-3h7.945"></path>
</svg>
              <span class="text-sm font-bold text-text-primary">Gemini</span>
            </div>
            <span class="text-xs font-semibold px-2 py-0.5 rounded-badge bg-accent-subtle text-accent border border-accent-border/30">78/100</span>
          </div>
          <!-- Progress Bar -->
          <div class="w-full bg-surface rounded-full h-2.5 overflow-hidden border border-border">
            <div class="bg-gradient-to-r from-accent to-accent/75 h-full rounded-full transition-all duration-1000 ease-out"
                 style="width: 0%;"
                 data-controller="progressbar"
                 data-progressbar-target-width="78%"></div>
          </div>
        </div>
        <!-- Platform Insight -->
          <p class="text-xs text-text-muted leading-relaxed pt-1">Gemini delivers accurate factual information about Staples, confirming its status as a prominent office supply provider. Its responses are direct and generally correct, focusing on the breadth of products and services. However, it can lack depth in explaining Staples&#39; strategic B2B differentiation or recent market adaptations, tending to stick to well-established public information.</p>
      </div>

      <div class="bg-surface-bg border border-border rounded-card p-5 space-y-3 flex flex-col justify-between">
        <div class="space-y-2">
          <div class="flex justify-between items-center">
            <div class="flex items-center gap-2">
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-4 h-4 text-emerald-500 shrink-0">
  <path d="M11.217 19.384a3.501 3.501 0 0 0 6.783 -1.217v-5.167l-6 -3.35"></path>
  <path d="M5.214 15.014a3.501 3.501 0 0 0 4.446 5.266l4.34 -2.534v-6.946"></path>
  <path d="M6 7.63c-1.391 -.236 -2.787 .395 -3.534 1.689a3.474 3.474 0 0 0 1.271 4.745l4.263 2.514l6 -3.348"></path>
  <path d="M12.783 4.616a3.501 3.501 0 0 0 -6.783 1.217v5.067l6 3.45"></path>
  <path d="M18.786 8.986a3.501 3.501 0 0 0 -4.446 -5.266l-4.34 2.534v6.946"></path>
  <path d="M18 16.302c1.391 .236 2.787 -.395 3.534 -1.689a3.474 3.474 0 0 0 -1.271 -4.745l-4.308 -2.514l-5.955 3.42"></path>
</svg>
              <span class="text-sm font-bold text-text-primary">ChatGPT</span>
            </div>
            <span class="text-xs font-semibold px-2 py-0.5 rounded-badge bg-accent-subtle text-accent border border-accent-border/30">80/100</span>
          </div>
          <!-- Progress Bar -->
          <div class="w-full bg-surface rounded-full h-2.5 overflow-hidden border border-border">
            <div class="bg-gradient-to-r from-accent to-accent/75 h-full rounded-full transition-all duration-1000 ease-out"
                 style="width: 0%;"
                 data-controller="progressbar"
                 data-progressbar-target-width="80%"></div>
          </div>
        </div>
        <!-- Platform Insight -->
          <p class="text-xs text-text-muted leading-relaxed pt-1">ChatGPT provides a solid overview of Staples, recognizing it as a major office supply retailer and B2B provider. It accurately lists core products and services but often emphasizes the traditional retail aspect. While mentioning Staples Business Advantage, it frequently describes it generically without highlighting its advanced solutions or specific competitive advantages.</p>
      </div>

      <div class="bg-surface-bg border border-border rounded-card p-5 space-y-3 flex flex-col justify-between">
        <div class="space-y-2">
          <div class="flex justify-between items-center">
            <div class="flex items-center gap-2">
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-4 h-4 text-teal-600 shrink-0">
  <path d="M3 10a7 7 0 1 0 14 0a7 7 0 1 0 -14 0"></path>
  <path d="M21 21l-6 -6"></path>
</svg>
              <span class="text-sm font-bold text-text-primary">Perplexity</span>
            </div>
            <span class="text-xs font-semibold px-2 py-0.5 rounded-badge bg-accent-subtle text-accent border border-accent-border/30">75/100</span>
          </div>
          <!-- Progress Bar -->
          <div class="w-full bg-surface rounded-full h-2.5 overflow-hidden border border-border">
            <div class="bg-gradient-to-r from-accent to-accent/75 h-full rounded-full transition-all duration-1000 ease-out"
                 style="width: 0%;"
                 data-controller="progressbar"
                 data-progressbar-target-width="75%"></div>
          </div>
        </div>
        <!-- Platform Insight -->
          <p class="text-xs text-text-muted leading-relaxed pt-1">Perplexity, utilizing live web search, can provide current information on Staples, including recent news or store updates. While excellent for factual retrieval, it sometimes struggles to synthesize a coherent, strategic narrative of the brand&#39;s B2B pivot, often presenting disparate pieces of information rather than a cohesive story of its enterprise value.</p>
      </div>
  </div>
</div>

  <div class="bg-surface border border-border rounded-card p-6 space-y-4">
  <h3 class="text-xs font-bold tracking-wider text-text-muted uppercase">Key Insights</h3>

  <div class="space-y-3">

      <div class="flex items-start gap-3 p-3 rounded-card border bg-emerald-500/5 dark:bg-emerald-500/10 border-emerald-500/20">
        <span class="text-emerald-600 dark:text-emerald-400 text-sm mt-0.5 shrink-0">✓</span>
        <div class="min-w-0">
          <span class="text-[0.6875rem] font-bold tracking-wider uppercase text-emerald-600 dark:text-emerald-400">Strength</span>
          <p class="text-sm text-text-primary leading-relaxed mt-0.5">Staples&#39; pervasive brand recognition consistently positions it as a top-of-mind choice for general office supply inquiries across AI assistants, ensuring high visibility in relevant search and conversational contexts.</p>
        </div>
      </div>

      <div class="flex items-start gap-3 p-3 rounded-card border bg-amber-500/5 dark:bg-amber-500/10 border-amber-500/20">
        <span class="text-amber-600 dark:text-amber-400 text-sm mt-0.5 shrink-0">⚠</span>
        <div class="min-w-0">
          <span class="text-[0.6875rem] font-bold tracking-wider uppercase text-amber-600 dark:text-amber-400">Warning</span>
          <p class="text-sm text-text-primary leading-relaxed mt-0.5">AI models frequently overemphasize Staples&#39; historical retail presence and basic product offerings, leading to an incomplete understanding and underselling of the advanced capabilities and strategic importance of Staples Business Advantage for enterprise clients.</p>
        </div>
      </div>

      <div class="flex items-start gap-3 p-3 rounded-card border bg-fuchsia-500/5 dark:bg-fuchsia-500/10 border-fuchsia-500/20">
        <span class="text-fuchsia-600 dark:text-fuchsia-400 text-sm mt-0.5 shrink-0">◆</span>
        <div class="min-w-0">
          <span class="text-[0.6875rem] font-bold tracking-wider uppercase text-fuchsia-600 dark:text-fuchsia-400">Opportunity</span>
          <p class="text-sm text-text-primary leading-relaxed mt-0.5">Staples can significantly improve its AI visibility by actively developing and promoting detailed, schema-optimized content that clearly articulates the unique value proposition, specialized services, and success stories of its Staples Business Advantage division.</p>
        </div>
      </div>
  </div>
</div>

  <div class="bg-surface border border-border rounded-card p-6 space-y-6">
  <div class="flex flex-col sm:flex-row justify-between sm:items-center gap-2">
    <div>
      <h3 class="text-xs font-bold tracking-wider text-text-muted uppercase">Improvement Roadmap</h3>
      <p class="text-xs text-text-muted mt-1">Prioritized actions to boost your AI visibility and recommendation rate.</p>
    </div>
    <span class="text-[0.6875rem] font-semibold text-accent bg-accent-subtle border border-accent-border/30 px-3 py-1 rounded-badge uppercase tracking-wider shrink-0">
      6 Actions
    </span>
  </div>



    <div class="space-y-3">
      <div class="flex items-center gap-2">
        <div class="w-8 h-0.5 bg-gradient-to-r from-red-500 to-fuchsia-500 rounded-full"></div>
        <span class="text-[11px] font-bold tracking-wider text-text-muted uppercase">High Impact</span>
        <span class="text-[0.6875rem] text-text-muted">(2)</span>
      </div>

      <div class="grid grid-cols-1 gap-4">
          <div class="bg-surface-bg border border-border rounded-card p-5 space-y-3 relative overflow-hidden group">
            <!-- Bottom accent bar -->
            <div class="absolute bottom-0 inset-x-0 h-0.5 bg-gradient-to-r from-red-500 to-fuchsia-500 opacity-40 group-hover:opacity-70 transition-opacity"></div>

            <div class="flex flex-wrap items-center justify-between gap-3">
              <div class="flex items-center gap-3">
                <span class="px-2.5 py-0.5 rounded text-[0.6875rem] font-bold border uppercase bg-red-500/10 border-red-500/20 text-red-600 dark:text-red-400">High Impact</span>
                <h4 class="text-sm font-bold text-text-primary">Optimize Staples Business Advantage Content</h4>
              </div>

              <div class="flex items-center gap-4 text-xs">
                  <div class="flex items-center gap-1.5 text-text-muted">
                    <span class="text-text-muted font-light">Impact:</span>
                    <span class="font-medium text-text-primary">All engines, especially Claude and Gemini, as they tend to synthesize structured data more effectively.</span>
                  </div>
                  <div class="flex items-center gap-1.5 text-text-muted">
                    <span class="text-text-muted font-light">Effort:</span>
                    <span class="font-medium text-text-primary">Hard</span>
                  </div>
              </div>
            </div>

            <p class="text-xs sm:text-sm text-text-primary leading-relaxed">Create dedicated, schema-rich content and case studies specifically detailing the services, solutions, and unique value proposition of Staples Business Advantage. This will help AI models understand and articulate their B2B differentiation and modern capabilities beyond general product supply.</p>
          </div>
          <div class="bg-surface-bg border border-border rounded-card p-5 space-y-3 relative overflow-hidden group">
            <!-- Bottom accent bar -->
            <div class="absolute bottom-0 inset-x-0 h-0.5 bg-gradient-to-r from-red-500 to-fuchsia-500 opacity-40 group-hover:opacity-70 transition-opacity"></div>

            <div class="flex flex-wrap items-center justify-between gap-3">
              <div class="flex items-center gap-3">
                <span class="px-2.5 py-0.5 rounded text-[0.6875rem] font-bold border uppercase bg-red-500/10 border-red-500/20 text-red-600 dark:text-red-400">High Impact</span>
                <h4 class="text-sm font-bold text-text-primary">Update Wikipedia and Knowledge Panels</h4>
              </div>

              <div class="flex items-center gap-4 text-xs">
                  <div class="flex items-center gap-1.5 text-text-muted">
                    <span class="text-text-muted font-light">Impact:</span>
                    <span class="font-medium text-text-primary">All engines, as they heavily rely on these authoritative sources for factual consistency.</span>
                  </div>
                  <div class="flex items-center gap-1.5 text-text-muted">
                    <span class="text-text-muted font-light">Effort:</span>
                    <span class="font-medium text-text-primary">Medium</span>
                  </div>
              </div>
            </div>

            <p class="text-xs sm:text-sm text-text-primary leading-relaxed">Ensure Staples&#39; Wikipedia page is current, accurate, and prominently reflects its B2B evolution, digital services, and strategic direction. Proactively manage Google Knowledge Panel and other foundational data sources to propagate correct and updated information across the web, influencing AI models.</p>
          </div>
      </div>
    </div>

    <div class="space-y-3">
      <div class="flex items-center gap-2">
        <div class="w-8 h-0.5 bg-gradient-to-r from-amber-500 to-orange-500 rounded-full"></div>
        <span class="text-[11px] font-bold tracking-wider text-text-muted uppercase">Medium Impact</span>
        <span class="text-[0.6875rem] text-text-muted">(2)</span>
      </div>

      <div class="grid grid-cols-1 gap-4">
          <div class="bg-surface-bg border border-border rounded-card p-5 space-y-3 relative overflow-hidden group">
            <!-- Bottom accent bar -->
            <div class="absolute bottom-0 inset-x-0 h-0.5 bg-gradient-to-r from-amber-500 to-orange-500 opacity-40 group-hover:opacity-70 transition-opacity"></div>

            <div class="flex flex-wrap items-center justify-between gap-3">
              <div class="flex items-center gap-3">
                <span class="px-2.5 py-0.5 rounded text-[0.6875rem] font-bold border uppercase bg-amber-500/10 border-amber-500/20 text-amber-600 dark:text-amber-400">Medium Impact</span>
                <h4 class="text-sm font-bold text-text-primary">Publish AI-Friendly &#39;About Us&#39; Content</h4>
              </div>

              <div class="flex items-center gap-4 text-xs">
                  <div class="flex items-center gap-1.5 text-text-muted">
                    <span class="text-text-muted font-light">Impact:</span>
                    <span class="font-medium text-text-primary">All engines, particularly Perplexity which actively searches the web, and LLMs that crawl websites for factual summaries.</span>
                  </div>
                  <div class="flex items-center gap-1.5 text-text-muted">
                    <span class="text-text-muted font-light">Effort:</span>
                    <span class="font-medium text-text-primary">Medium</span>
                  </div>
              </div>
            </div>

            <p class="text-xs sm:text-sm text-text-primary leading-relaxed">Develop an &#39;About Us&#39; section on both staples.com and staplesbusinessadvantage.com specifically structured for AI consumption, using clear headings, bullet points, and concise factual summaries of key business segments, history, and strategic direction. This facilitates accurate model understanding.</p>
          </div>
          <div class="bg-surface-bg border border-border rounded-card p-5 space-y-3 relative overflow-hidden group">
            <!-- Bottom accent bar -->
            <div class="absolute bottom-0 inset-x-0 h-0.5 bg-gradient-to-r from-amber-500 to-orange-500 opacity-40 group-hover:opacity-70 transition-opacity"></div>

            <div class="flex flex-wrap items-center justify-between gap-3">
              <div class="flex items-center gap-3">
                <span class="px-2.5 py-0.5 rounded text-[0.6875rem] font-bold border uppercase bg-amber-500/10 border-amber-500/20 text-amber-600 dark:text-amber-400">Medium Impact</span>
                <h4 class="text-sm font-bold text-text-primary">Amplify B2B Success Stories</h4>
              </div>

              <div class="flex items-center gap-4 text-xs">
                  <div class="flex items-center gap-1.5 text-text-muted">
                    <span class="text-text-muted font-light">Impact:</span>
                    <span class="font-medium text-text-primary">All engines, especially those that look for application and proof points like Perplexity and Claude.</span>
                  </div>
                  <div class="flex items-center gap-1.5 text-text-muted">
                    <span class="text-text-muted font-light">Effort:</span>
                    <span class="font-medium text-text-primary">Medium</span>
                  </div>
              </div>
            </div>

            <p class="text-xs sm:text-sm text-text-primary leading-relaxed">Publish a series of detailed customer success stories and testimonials for Staples Business Advantage on their website and through relevant PR channels. This provides concrete, real-world examples for AI to draw upon when asked about B2B capabilities and value.</p>
          </div>
      </div>
    </div>

    <div class="space-y-3">
      <div class="flex items-center gap-2">
        <div class="w-8 h-0.5 bg-gradient-to-r from-blue-500 to-indigo-500 rounded-full"></div>
        <span class="text-[11px] font-bold tracking-wider text-text-muted uppercase">Low Impact</span>
        <span class="text-[0.6875rem] text-text-muted">(2)</span>
      </div>

      <div class="grid grid-cols-1 gap-4">
          <div class="bg-surface-bg border border-border rounded-card p-5 space-y-3 relative overflow-hidden group">
            <!-- Bottom accent bar -->
            <div class="absolute bottom-0 inset-x-0 h-0.5 bg-gradient-to-r from-blue-500 to-indigo-500 opacity-40 group-hover:opacity-70 transition-opacity"></div>

            <div class="flex flex-wrap items-center justify-between gap-3">
              <div class="flex items-center gap-3">
                <span class="px-2.5 py-0.5 rounded text-[0.6875rem] font-bold border uppercase bg-blue-500/10 border-blue-500/20 text-blue-600 dark:text-blue-400">Low Impact</span>
                <h4 class="text-sm font-bold text-text-primary">Standardize Brand Q&amp;A on Website</h4>
              </div>

              <div class="flex items-center gap-4 text-xs">
                  <div class="flex items-center gap-1.5 text-text-muted">
                    <span class="text-text-muted font-light">Impact:</span>
                    <span class="font-medium text-text-primary">All engines, particularly helpful for direct question-answering capabilities and reducing AI hallucinations.</span>
                  </div>
                  <div class="flex items-center gap-1.5 text-text-muted">
                    <span class="text-text-muted font-light">Effort:</span>
                    <span class="font-medium text-text-primary">Easy</span>
                  </div>
              </div>
            </div>

            <p class="text-xs sm:text-sm text-text-primary leading-relaxed">Develop an extensive FAQ section on both the retail and B2B sites that directly answers common questions about Staples&#39; business model, services, and differentiators in a concise, AI-friendly format. This provides direct answers for conversational AI.</p>
          </div>
          <div class="bg-surface-bg border border-border rounded-card p-5 space-y-3 relative overflow-hidden group">
            <!-- Bottom accent bar -->
            <div class="absolute bottom-0 inset-x-0 h-0.5 bg-gradient-to-r from-blue-500 to-indigo-500 opacity-40 group-hover:opacity-70 transition-opacity"></div>

            <div class="flex flex-wrap items-center justify-between gap-3">
              <div class="flex items-center gap-3">
                <span class="px-2.5 py-0.5 rounded text-[0.6875rem] font-bold border uppercase bg-blue-500/10 border-blue-500/20 text-blue-600 dark:text-blue-400">Low Impact</span>
                <h4 class="text-sm font-bold text-text-primary">Engage in Industry Forums and Directories</h4>
              </div>

              <div class="flex items-center gap-4 text-xs">
                  <div class="flex items-center gap-1.5 text-text-muted">
                    <span class="text-text-muted font-light">Impact:</span>
                    <span class="font-medium text-text-primary">Perplexity and other search-based AIs, improving overall web context and domain authority signals.</span>
                  </div>
                  <div class="flex items-center gap-1.5 text-text-muted">
                    <span class="text-text-muted font-light">Effort:</span>
                    <span class="font-medium text-text-primary">Easy</span>
                  </div>
              </div>
            </div>

            <p class="text-xs sm:text-sm text-text-primary leading-relaxed">Ensure Staples Business Advantage is accurately listed and described in relevant B2B industry directories, review sites, and participates in pertinent forums. This provides additional credible and consistent data points for AI models to cross-reference.</p>
          </div>
      </div>
    </div>
</div>

  
</div>
</template></turbo-stream><turbo-stream action="update" target="brand-error"><template></template></turbo-stream>