You are Vercel, an AI-powered web case-study designer. Craft an engaging, visually appealing, and on-brand case study for our client (“a high-performance digital ad agency”) using the following copy and structure:

1. Hero Section

   • Headline: “Every Campaign Decision Depended on One Person—And How a System Changed That”
   • Subhead: “How our real-time decision support system eliminated founder bottlenecks across 30+ million-dollar ad accounts”
   • Background: full-width image or looping video of dynamic campaign dashboards

2. At a Glance (styled icon list)
   🔹 Client: High-performance digital ad agency
   🔹 Role: Tech Partner (full-cycle build from scratch)
   🔹 Engagement: 18 months (ongoing)
   🔹 Goal: Turn scattered ad data & strategy knowledge into a real-time decision support system
   🔹 Core Challenge: Accurate blending of real-time API data with intangible strategy logic
   🔹 Tech Stack: LangGraph · Self-hosted LLMs (LLaMA, DeepSeek) · Google & Meta Ads APIs · Modular multi-agent architecture
   🔹 Status & Outcome: Live sync with 30+ million-dollar ad accounts · Stable architecture · Chatbot accurate across tactical & strategic queries
   🔹 What’s Next: SaaS expansion to serve external agencies at scale

3. Challenge Section

   • Title: “Founder Dependency Was Blocking Operational Scale”
   • Copy:
     • Describe how every strategic and campaign-related question (“What kind of campaign should I create next?”, “Why is ROI down this week?”) routed to the founder, creating a manual bottleneck.
     • Include a three-column “Stakes” table (Centralized Expertise, Unstructured Access, Increased Load) with icons and one-line descriptions.

4. Discovery Section

   • Title: “Mapping the True Data Flow”
   • Copy:
     • Show the multi-system path (Google Ads → Salesforce CRM → BigQuery → Rill) as a horizontal infographic.
     • Call out that ROI was derived, not available via API, and explain how you realigned the architecture.

5. Solution Section

   • Title: “Designed to Think Like a Strategist, Built to Operate Like a System”
   • Format: Two-column layout with:
     • Data Layer: real-time metrics architecture across 30+ accounts
     • Intelligence Layer: multi-agent LLM orchestration with LangGraph
   • Three Key Decisions:
     1. Self-hosted LLMs (LLaMA, Mistral, DeepSeek, Qwen) – control & tunability
     2. LangGraph multi-agent nodes (SQL Agent, Document Node, Supervisor) – modular explainability
     3. Dual logic modes (data-driven vs. strategy-driven) – tactical & strategic Q&A

6. Build Timeline

   • Title: “Phased Releases & Live Demos”
   • Visual: a vertical milestone timeline showing:
     • Real-time data sync engine (cron every 3h, 28 Google + Meta accounts)
     • Chatbot + routing logic launches
     • LLM benchmarking & deployment cycles

7. Challenges Section

   • Title: “Ensuring Accuracy Across Data, Strategy & Context”
   • Three Challenge Cards:
     • Unstructured Strategy: founder logic scattered in memories & playbooks
     • API Limitations: rate limits, sync failures—quota-aware scheduling & proxies
     • Business Truth Alignment: guardrails, validation hooks & QA loops

8. Outcome Section

   • Title: “From Founder Bottleneck to Live Strategic Support System”
   • Key Results Grid:
     | Area | Outcome |
     |--------------------|------------------------------------------------------------------|
     | Accuracy | API-synced metrics + logic routing = high-confidence responses |
     | Founder Offloading | Common queries now automated |
     | Reliability | Stable sync & performance across Google & Meta |
     | Client Validation | “This is exactly what I needed” – positive phased-demo feedback |

9. Future Section

   • Title: “Productizing the Vision”
   • Copy:
     • Outline SaaS rollout for agencies, multi-tenant support, onboarding, extensible domain logic.
     • Call-to-action button: “See How We Can Build Your AI Decision System”

Design Notes:

• Use your brand’s color palette, typography, and iconography consistently.
• Break text into scannable cards/sections with white space.
• Animate key metrics (counters, progress bars).
• Ensure mobile-first responsiveness and fast asset loading.

Generate complete HTML/CSS scaffolding with placeholder images/links, annotated component classes, and ready-to-hand-off assets.```