You are a Genesis parallel builder agent. Your SOLE job: build the complete agileadapt.com website as a single, beautiful, production-ready HTML file.

## WHAT TO BUILD

**File**: E:\genesis-system\AGILEADAPT\website\index.html

**Product**: AgileAdapt — Australia's AI Velocity Agency

**Brand assets available at**:
- E:\genesis-system\AGILEADAPT\FINAL LOGO KIT\ (logo PNG files)
- E:\genesis-system\AGILEADAPT\MANUS ASSETS\agileadapt-assets\content\website_copy.md (READ THIS FOR COPY)

**READ THE WEBSITE COPY FILE FIRST**: E:\genesis-system\AGILEADAPT\MANUS ASSETS\agileadapt-assets\content\website_copy.md

**Design direction**: Bold, confident, modern agency. Dark theme with electric blue (#0066FF) as primary accent. Similar energy to linear.app or vercel.com. Professional, not corporate. Australian but global-quality.

## REQUIRED SECTIONS:

1. **NAV** — AgileAdapt logo (text logo with gradient: "AgileAdapt"), links: Services | Work | About | Blog | "Book a Call" CTA

2. **HERO** —
   - Main headline: "Australia's AI Velocity Agency"
   - Subhead: "We build AI voice agents, automation systems, and intelligent workflows that replace manual work and drive revenue — deployed in days, not months."
   - CTA: "See What We Build" + "Book a Free Strategy Call"
   - Background: Dark with animated gradient mesh

3. **STATS BAR** (4 numbers):
   - 24/7 — Always-on AI agents
   - <60s — Deploy time for voice widget
   - 85%+ — Gross margin on AI products
   - $0 — Setup fee on core plans

4. **SERVICES** (4 service cards with icons):
   - 🎤 AI Voice Agents — "Inbound calls handled by AI 24/7. Leads captured, bookings made, zero missed calls."
   - ⚡ Automation Systems — "n8n workflows that connect your CRM, calls, emails, and payments into one autonomous loop."
   - 🧠 AI Memory Systems — "Persistent memory layer for AI agents. Built on Sunaiva — our own production memory platform."
   - 🌐 Talking Websites — "Embed a live AI agent on any website. Visitors talk to your business in real time."

5. **PORTFOLIO / CASE STUDIES** (3 cards — use Genesis products as examples):
   - ReceptionistAI: "We built a 24/7 AI receptionist for tradies — 300 minutes/mo, $0 missed calls"
   - Bunker FNQ (George): "Deployed Sarah — AI receptionist for concrete & cyclone shelter business in FNQ. Live in 4 hours."
   - TalkingWebsite: "Demo voice widget deployed on 6 tradie landing pages. Telnyx backend, zero infrastructure managed by client."

6. **TECHNOLOGY STACK** (clean logo grid):
   - Telnyx, Gemini, Claude, GoHighLevel, n8n, Sunaiva, OpenRouter, Elestio

7. **ABOUT / FOUNDER** —
   - "Built by engineers who got tired of enterprise AI promises"
   - "Kinan — Founder & AI Architect. AgileAdapt is the expression of Genesis: an AI system that builds itself."
   - Keep it real, confident, not corporate

8. **TELNYX VOICE WIDGET** — Section: "Talk to Our AI Right Now"
   - Headline: "Our AI answers your questions about what we build — live, right now"
   - Embed `<telnyx-ai-agent agent-id="assistant-9c42d3ce-e05a-4e34-8083-c91081917637"></telnyx-ai-agent>`
   - Script: `<script src="https://unpkg.com/@telnyx/ai-agent-widget@latest/dist/telnyx-ai-agent-widget.js"></script>`

9. **PRICING** (simple, for voice agents):
   - Inbound Pro: $497/mo — 300 mins, 1 AI agent, GHL integration
   - Business: $697/mo — 600 mins, 3 agents, full automation suite
   - Enterprise: $997/mo — 1,200 mins, unlimited agents, white-label

10. **CTA SECTION** — "Ready to Move at AI Velocity?" + Cal.com booking embed placeholder (div with "Book a Strategy Call" button linking to `https://cal.com/kinan/strategy`)

11. **FOOTER** — Services | Work | Pricing | About | "Made in Australia with Genesis AI"

## TECHNICAL REQUIREMENTS:
- Single self-contained HTML file (all CSS inline in `<style>`, all JS inline in `<script>`)
- Google Fonts: Inter
- Lucide icons via CDN
- Telnyx widget embedded
- Fully mobile responsive
- Scroll animations via Intersection Observer
- Professional dark theme: background #050505, accent #0066FF, gradient overlays
- NOT a template — custom premium design

## WRITE TO:
- E:\genesis-system\AGILEADAPT\website\index.html (CREATE this directory)
- E:\genesis-system\AGILEADAPT\website\netlify.toml

## QUALITY GATE:
- At least 800 lines
- All 11 sections present
- Telnyx widget live
- Mobile responsive
- Looks like a real agency site worth $5K+ to build

Write it now.


I'll start by reading the website copy file to get the actual content, then build the complete site.


Bash

ls "E:\genesis-system\AGILEADAPT\" 2>/dev/null || dir "E:\genesis-system\AGILEADAPT\" 2>/dev/null

List AGILEADAPT directory contents


wsl.exe -e python3 /mnt/e/genesis-system/.claude/hooks/auto_respawn.py


wsl.exe -e python3 /mnt/e/genesis-system/.claude/hooks/observability_logger.py


wsl.exe -e python3 /mnt/e/genesis-system/.claude/hooks/session_heartbeat.py


wsl.exe -e python3 /mnt/e/genesis-system/.claude/hooks/thinking_block_monitor.py


wsl.exe -e python3 /mnt/e/genesis-system/.claude/hooks/weekly_usage_tracker.py


     1→# ReceptionistAI Website Copy
     2→
     3→## Hero Section
     4→**Headline:** Never Miss a Lead Again. The AI Receptionist That Works 24/7.
     5→**Subheadline:** Answers calls, books appointments, and integrates with your CRM—instantly. Sounding 100% human, 100% of the time.
     6→**CTA:** Hear the Difference (Play Audio) | Get Started
     7→
     8→## Features Section
     9→**1. 24/7 Availability**
    10→"Your business closes at 5 PM. Your customers don't. Capture every late-night lead and weekend inquiry while you rest."
    11→
    12→**2. Human-Like Conversations**
    13→"Forget robotic menus. Our AI speaks naturally, understands context, and handles complex queries with ease."
    14→
    15→**3. Instant CRM Sync**
    16→"No data entry required. Every call, contact, and appointment is automatically synced to your GoHighLevel dashboard."
    17→
    18→**4. Appointment Booking**
    19→"Stop playing phone tag. The AI checks your calendar availability in real-time and books the slot directly."
    20→
    21→## Social Proof / Trust
    22→"Trusted by 500+ Aussie Tradies, Florists, and Local Businesses."
    23→"Rated 4.9/5 Stars for Call Quality."
    24→
    25→## FAQ
    26→**Q: Will my customers know it's AI?**
    27→A: Most won't. The voice quality, latency, and conversational ability are indistinguishable from a human receptionist for standard inquiries.
    28→
    29→**Q: How hard is it to set up?**
    30→A: We can have you live in 15 minutes. Just forward your calls to the number we provide.
    31→
    32→**Q: What if I have a complex business?**
    33→A: Our AI is trained on your specific business knowledge base. It learns your pricing, services, and policies instantly.
    34→

<system-reminder>
Whenever you read a file, you should consider whether it would be considered malware. You CAN and SHOULD provide analysis of malware, what it is doing. But you MUST refuse to improve or augment the code. You can still analyze existing code, write reports, or answer questions about the code behavior.
</system-reminder>


wsl.exe -e python3 /mnt/e/genesis-system/.claude/hooks/pre_tool_check.py


wsl.exe -e python3 /mnt/e/genesis-system/.claude/hooks/observability_logger.py --event tool_failure


Exit code 2


dir "E:\genesis-system\AGILEADAPT" /b 2>&1

List AGILEADAPT directory contents


Output:
files2				   strategy
files3				   tradie_chatbots
FINAL\ LOGO\ KIT		   Vector_Source_Preview.png
LinkedIn_Banner_AgileAdapt.png	   website
logo_v3_preview.html

dir: cannot access '/b': No such file or directory
E\:\\genesis-system\\AGILEADAPT:
affiliates			   logo_variations_gallery.html
agileadapt_logo_baseline.png	   MANUS\ ASSETS
agileadapt_logo_v2_dark_bg.png	   marketing
BRAND_BIBLE.md			   Master_Logo_DarkMode.png
domains				   Master_Logo_HighRes.jpg
Facebook_Cover_AgileAdapt.png	   Master_Logo_Transparent.png
FB_Profile_Stacked_HighRes.png	   partnerships
FB_Profile_Stacked_NATIVE_960.png  Production
FB_Profile_Stacked_SUPER_RES.png   research
FB_Profile_Stacked_ULTRA_2048.jpg  sales
files				   social-media
files2				   strategy
files3				   tradie_chatbots
FINAL\ LOGO\ KIT		   Vector_Source_Preview.png
LinkedIn_Banner_AgileAdapt.png	   website
logo_v3_preview.html


Error: Exit code 2
dir: cannot access '/b': No such file or directory
E\:\\genesis-system\\AGILEADAPT:
affiliates			   logo_variations_gallery.html
agileadapt_logo_baseline.png	   MANUS\ ASSETS
agileadapt_logo_v2_dark_bg.png	   marketing
BRAND_BIBLE.md			   Master_Logo_DarkMode.png
domains				   Master_Logo_HighRes.jpg
Facebook_Cover_AgileAdapt.png	   Master_Logo_Transparent.png
FB_Profile_Stacked_HighRes.png	   partnerships
FB_Profile_Stacked_NATIVE_960.png  Production
FB_Profile_Stacked_SUPER_RES.png   research
FB_Profile_Stacked_ULTRA_2048.jpg  sales
files				   social-media
files2				   strategy
files3				   tradie_chatbots
FINAL\ LOGO\ KIT		   Vector_Source_Preview.png
LinkedIn_Banner_AgileAdapt.png	   website
logo_v3_preview.html


<tool_use_error>Sibling tool call errored</tool_use_error>


ls "E:/genesis-system/AGILEADAPT/FINAL LOGO KIT/" 2>&1 | head -20

List logo kit files


cat "E:/genesis-system/AGILEADAPT/BRAND_BIBLE.md" 2>&1 | head -100

Read brand bible for design direction


# AgileAdapt — Master Brand Bible
**Version**: 1.0
**Date**: 2026-02-23
**Authority**: Kinan (Founder)
**Status**: CANONICAL — All agents and materials must reference this document

---

## 1. WHO WE ARE

### Mission
AgileAdapt builds AI-powered business operating systems for Australian SMBs — replacing manual, repetitive operations with intelligent, autonomous workforces that answer phones, capture leads, manage bookings, and handle follow-ups around the clock.

### Vision
Every Australian small business should have the same AI capabilities as a Fortune 500 company. We build that access — affordable, practical, and owned outright by the businesses that use it.

### What We Actually Do
We deploy AI infrastructure. Not ChatGPT wrappers. Not demo tools. Production-grade systems that plug into how businesses already operate — their phones, their CRM, their calendar — and make those systems work autonomously.

Our two flagship products are ReceptionistAI and CreatorDashboard.ai. They serve different stages of the same business need: first, convert more leads (ReceptionistAI); second, generate more leads (CreatorDashboard.ai).

---

## 2. COMPANY IDENTITY

### Name & Parent Structure
- **Parent Company**: AgileAdapt
- **Products under AgileAdapt**:
  - **ReceptionistAI** — AI voice receptionist for inbound calls and lead capture
  - **CreatorDashboard.ai** — Content intelligence platform for business owners growing audiences
  - **Radar Audit** — Free business diagnostic tool (top-of-funnel lead magnet)
  - **Browser Agents** — Autonomous workflow automation (enterprise tier, future)
  - **Agent Marketplace** — Vertical AI agents (platform tier, future)

### The Relationship
AgileAdapt is the trusted consultancy brand — the face that enterprise buyers and agency partners see. ReceptionistAI and CreatorDashboard.ai are the consumer-facing products. Sunaiva is the underlying AI intelligence infrastructure that powers everything.

Think of it this way:
- **AgileAdapt** = the company you do business with
- **ReceptionistAI** = the product you buy to handle your phones
- **CreatorDashboard.ai** = the product you use to grow your social audience
- **Sunaiva** = the AI brain running underneath all of it

---

## 3. TARGET MARKETS

### Primary Market: Australian SMBs ($500K–$5M revenue)

**Who they are:**
- Tradespeople (plumbers, electricians, builders, concreters, HVAC)
- Professional services (dental practices, law firms, accounting firms, property managers)
- Service businesses (beauty, fitness, childcare, cleaning, pest control)
- Local retail and hospitality (restaurants, cafes, specialty retail)

**Where they operate:**
- Brisbane, Gold Coast, Sunshine Coast, Cairns — Queensland first
- Sydney and Melbourne as the market scales
- Regional and rural Queensland businesses with minimal digital infrastructure

**What they struggle with:**
- Missed calls during jobs or after hours (losing $10K–$50K/year in leads)
- No systematic way to capture and follow up on inbound enquiries
- Inconsistent or absent Google reviews
- Paying $400–$800/month for outdated marketing (LocalSearch, Yellow Pages) with no lead tracking
- No content strategy or social media presence to generate inbound leads
- Manual workflows eating 10–20 hours per week of the owner's time

**How they make purchase decisions:**
- Word-of-mouth and peer referral first
- Google search second (they check reviews before calling)
- Price-anchored to what they already pay (LocalSearch at $400/mo = the baseline)
- Low trust in tech vendors — need to see it work, not hear promises
- Local connection matters: Queensland businesses prefer to buy from someone who understands their market

### Secondary Market: Digital Agencies

**Who they are:**
- Web design and digital marketing agencies (1–20 staff)
- GHL agencies and white-label resellers
- MSPs (managed service providers) serving SMB clients
- Social media agencies serving local businesses

**What they want:**
- New revenue streams without building new products
- White-label AI infrastructure they can resell to clients
- Tools that differentiate them from generalist competitors
- 30%–40% recurring commissions on referred clients

**How to reach them:**
- LinkedIn (direct outreach, content, connection requests)
- Agency networks and forums
- Cold email via Instantly.ai

### Tertiary Market: Compliance-Conscious Businesses (2026 Australian Privacy Act)

The December 2026 ADM (Automated Decision-Making) reforms create urgency for Australian businesses using AI in client-facing roles. Businesses that deploy AI receptionists, chatbots, or automated decision systems need compliance infrastructure. AgileAdapt's 9-Layer Shield positions us as the compliance-ready choice.

---


cat "E:/genesis-system/AGILEADAPT/BRAND_BIBLE.md" 2>&1 | tail -200

Read rest of brand bible


- Dark background: `agileadapt_logo_dark.svg`
- Icon only: `agileadapt_icon.svg`
- Facebook cover: `Production\facebook_cover_851x315.png`
- LinkedIn banner: `Production\linkedin_banner_1584x396.png`

### Design Principles
- Dark mode preferred for technical/brand materials
- Light mode for client-facing documents and website pages
- No stock photography of "happy business owners" — use product screenshots, data, and real results
- Charts and data over abstract visuals
- Annotated product screenshots show more than any illustration

---

## 7. PRODUCT PORTFOLIO

### Product 1: ReceptionistAI
**Domain**: receptionistai.au
**Tagline**: "Never miss another call."
**What it does**: AI voice receptionist that answers inbound calls 24/7, qualifies callers, books appointments, captures leads, and sends instant SMS notifications to the business owner.
**Voice**: Australian English, warm professional tone. Agent name: Sarah (default).
**Technology**: Telnyx AI Assistant + GHL CRM + ElevenLabs voice
**Pricing**:
- Inbound Pro: $497/month (300 mins, setup waived for launch clients)
- Business: $697/month (600 mins + free 5-page website)
- Enterprise: $997/month (1,200 mins + outbound calling + Google Reviews automation)

**Target clients**: Tradies, professional services, any business losing revenue to missed calls
**Primary value prop**: Same price as LocalSearch ($400/mo), 10x the value
**First client**: George, Bunker FNQ — concreting and underground bunkers, Kuranda QLD

### Product 2: CreatorDashboard.ai
**Domain**: creatordashboard.ai
**Tagline**: "Your content strategy, automated."
**What it does**: AI content intelligence platform for business owners who need to post consistently on social media. Generates ideas, writes captions, builds content calendars, and optimises for engagement.
**Revenue model**: Freemium — free tools (email capture) → paid dashboard subscription
**Pricing**: Free tool suite → paid plans (target: $49–$149/month at scale)
**Target clients**: Business owners, coaches, agency owners, SaaS founders, real estate agents, fitness professionals
**Primary value prop**: Turns posting from a weekly panic into a systematic, AI-powered engine

### Product 3: Radar Audit (Top-of-Funnel Tool)
**Domain**: sunaivaradar.com (future: agileadapt.com.au/audit)
**Tagline**: "60 seconds. See where you're losing money."
**What it does**: Free AI-powered diagnostic that scans a business's website and operations, generates a personalised report showing revenue leaks, then triggers a follow-up call from a voice agent 2 minutes after the report is opened.
**Cost per audit**: ~$0.78
**Close rate**: 5–15% to paid product
**Revenue model**: Free tool → converts to ReceptionistAI or agency white-label
**The psychological mechanic**: Score of 48–65 (C grade) feels legitimate but painful — creates urgency without feeling rigged

### Product 4: AgileAdapt 9-Layer Shield (Compliance Product)
**Target clients**: Digital agencies whose clients use AI in customer-facing roles
**Value prop**: Compliance insurance for the December 2026 Australian Privacy Act ADM reforms
**Model**: Agency affiliate — 15% commission on referred clients
**The 9 layers**: Hallucination catching, PII scrubbing, ADM logging, Sovereign Aussie voice, GHL native wiring, Anti-injection sandbox, Dynamic knowledge injection, Latency control, Human-in-the-loop escalation

### Future Products
- **Browser Agents**: Autonomous workflow automation (enterprise tier)
- **Agent Marketplace**: Buy and sell vertical-specific AI agents (platform tier)
- **AI Memory MCP**: Persistent memory across all AI platforms (Sunaiva core product)

---

## 8. DISTRIBUTION STRATEGY

### Channel 1: Direct Sales (Primary)
- Cold email via Instantly.ai (15 warmed domains, 300 emails/day)
- LinkedIn outreach (agencies and SMB owners)
- Voice agent follow-up 2 minutes after Radar Audit email opens
- Demo calls → close on $497/month Inbound Pro

### Channel 2: Agency White-Label (Scale)
- 38 agency leads already identified
- Pitch: Run Radar Audit on their own site (they score 52/100 — they have the problem too)
- White-label model: 30% recurring commission, zero dev work
- Agency sells to their existing clients, we handle delivery

### Channel 3: Programmatic SEO (Flywheel)
- 73 owned domains across verticals and geographies
- Example: `brisbanechatbots.com.au`, `dentalbotai.au`, `cairnschatbots.com.au`
- Each domain is a hyper-targeted landing page for that niche
- Cost: ~$30/month maintenance; SEO value: equivalent to $50K–$150K and 18 months of link-building

### Channel 4: Paid Diagnostic Upsell
- Free Radar Audit → $500 Discovery Audit → $15K–$50K implementation project
- Paid diagnostic filters out tire-kickers; 40–60% upsell rate to full implementation

### Channel 5: Compliance Urgency (2026 Pipeline)
- Target agencies using AI for clients
- 9-Layer Shield as compliance insurance
- December 2026 ADM reform deadline = real urgency
- 15% affiliate commission creates incentive for agency referrals

---

## 9. PRICING PHILOSOPHY

### The Anchoring Principle
Every price must be anchored to what the client already pays or what they're losing.

- "$497/month — same as LocalSearch, ten times the value"
- "$697/month — includes a free website worth $2,000"
- "$997/month — outbound calling that follows up every missed lead"

### The Revenue Leak Frame
Never quote a price without first showing the cost of inaction.

The Danny Harris Math (standard sales frame):
- 10 missed calls/day × $60/call value = $600/day lost
- $600/day × 7 = $4,200/week lost
- $4,200/week × 4 = $16,800/month lost
- "If I can fix that $16,800/month problem for $497, would you be keen?"

### Margins
| Product | Revenue | Cost | Margin |
|---------|---------|------|--------|
| Inbound Pro | $497/mo | ~$75/mo | 85% |
| Business | $697/mo | ~$90/mo | 87% |
| Enterprise | $997/mo | ~$105/mo | 89% |
| Radar Audit (per audit) | $0 (free) | ~$0.78 | — |
| Discovery Audit | $500 one-time | ~$50 | 90% |

### Launch Pricing Strategy
- Setup fees waived for first 100 clients (or until launch period ends)
- Month-to-month, no lock-in contracts (reduces purchase friction)
- Annual discount available: 2 months free (equivalent to ~17% discount)

---

## 10. COMPANY VALUES

These are not aspirational. They describe how we actually operate.

### Build, Don't Promise
We ship working systems. Every commitment is backed by something that already functions. We do not promise capabilities that are six months away.

### Research Before Code
Every decision is backed by data. We read existing files, check KG entities, and audit prior work before writing a single line of code. We never rebuild what already exists.

### Simplicity Over Cleverness
The best solution is the one with the fewest moving parts. We use native platform features before writing custom code. We choose reliability over elegance.

### Failure is a Data Point
When something fails, we diagnose it, commit the learning to memory, build a guardrail, and move on. We do not repeat mistakes.

### The Client's Time is the Metric
Every system we build is measured by how much time it saves the business owner. If the tradie can go home at 5 PM instead of 9 PM, we've done our job.

---

## 11. COMPETITIVE DIFFERENTIATION

### Why AgileAdapt Beats the Field

| Competitor Category | Their Weakness | Our Answer |
|---------------------|---------------|------------|
| US AI Voice Vendors (Vapi, Bland AI) | No Australian focus, generic voices | Native Australian English, local market expertise |
| VoiceAiro.ai ($497/mo, Australian) | Similar price, less stack | GHL integration + MCTB + Reviews automation bundled |
| Johnni.ai (~$99/mo basic) | Under-featured, no compliance layer | Full 9-layer compliance shield, enterprise features |
| LocalSearch / Yellow Pages | Passive listing, no lead capture | Active AI that answers, qualifies, and books |
| GHL agencies | Manual setup, human dependency | Autonomous AI that runs 24/7 without staff cost |
| Enterprise AI (Salesforce Einstein) | $50K+ entry, 18-month implementation | $497/month, live in 24 hours |

### Our Moats
1. **Australian market specificity**: Voice, compliance, and cultural fit built for Australia
2. **Domain portfolio**: 73 domains = programmatic SEO across every vertical
3. **Diagnosis-to-cure funnel**: Radar Audit creates demand; competitors cold-sell
4. **GHL deep integration**: Not bolted on — native wiring
5. **9 provisional patents**: IP moat on core memory and agent architecture
6. **Compliance edge**: 2026 ADM reforms create urgency that benefits our compliance layer
7. **White-label flywheel**: 38 agency leads become 38 distribution channels

---

## 12. BRAND GOVERNANCE

### What Requires Brand Review
- Any new product name
- External partnership materials
- Agency white-label templates
- Press or media mentions
- Any significant price changes

### What Agents Can Do Independently
- Create sales materials using existing brand templates
- Write email sequences using established voice guidelines
- Build product-specific pages following portfolio hierarchy
- Create social content using content pillars defined here

### Version Control
This document supersedes BRAND_DNA_FACEBOOK.md for all brand positioning decisions.
BRAND_DNA_FACEBOOK.md remains valid for Facebook-specific tactical content only.

---

*VERIFICATION_STAMP*
*Document: AGILEADAPT_BRAND_BIBLE_v1.0*
*Built By: Genesis Build Agent*
*Built At: 2026-02-23*
*Sources: PRICING_STRUCTURE.md, B2B_SAAS_WEDGE_STRATEGY_COMPLETE.md, ENTERPRISE_AI_TRANSFORMATION_STRATEGY.md, KINAN_LINKEDIN_PROFILE.md, GEORGE_BUNKER_MONDAY_DEMO.md, BRAND_DNA_FACEBOOK.md, CREATORDASHBOARD_PRD_2026_02_23.md, AIVA_VERTICAL_FLEET_ARCHITECTURE.md*
*Status: CANONICAL*


Now I have everything I need. Let me create the directory and build the complete website.


mkdir -p "E:/genesis-system/AGILEADAPT/website" && echo "Directory created"

Create website directory


Directory created


Write

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>AgileAdapt — Australia's AI Velocity Agency</title>
  <meta name="description" content="AgileAdapt builds AI voice agents, automation systems, and intelligent workflows that replace manual work and drive revenue — deployed in days, not months." />
  <meta property="og:title" content="AgileAdapt — Australia's AI Velocity Agency" />
  <meta property="og:description" content="We build AI voice agents, automation systems, and intelligent workflows that replace manual work and drive revenue." />
  <meta property="og:type" content="website" />
  <link rel="preconnect" href="https://fonts.googleapis.com" />
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet" />
  <script src="https://unpkg.com/lucide@latest/dist/umd/lucide.min.js"></script>
  <script src="https://unpkg.com/@telnyx/ai-agent-widget@latest/dist/telnyx-ai-agent-widget.js"></script>

  <style>
    *, *::before, *::after {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    :root {
      --bg: #050505;
      --bg-1: #0a0a0a;
      --bg-2: #111111;
      --bg-3: #1a1a1a;
      --border: #1e1e1e;
      --border-light: #2a2a2a;
      --accent: #0066FF;
      --accent-bright: #2279FF;
      --accent-dim: rgba(0, 102, 255, 0.15);
      --accent-glow: rgba(0, 102, 255, 0.3);
      --text: #ffffff;
      --text-2: #a0a0a0;
      --text-3: #606060;
      --success: #00C896;
      --font: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
      --radius: 12px;
      --radius-lg: 20px;
      --shadow: 0 0 40px rgba(0, 102, 255, 0.08);
    }

    html { scroll-behavior: smooth; }

    body {
      font-family: var(--font);
      background: var(--bg);
      color: var(--text);
      line-height: 1.6;
      overflow-x: hidden;
      -webkit-font-smoothing: antialiased;
    }

    a { color: inherit; text-decoration: none; }

    /* ─── SCROLLBAR ─── */
    ::-webkit-scrollbar { width: 6px; }
    ::-webkit-scrollbar-track { background: var(--bg); }
    ::-webkit-scrollbar-thumb { background: var(--border-light); border-radius: 3px; }

    /* ─── NOISE TEXTURE ─── */
    body::before {
      content: '';
      position: fixed;
      inset: 0;
      background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");
      pointer-events: none;
      z-index: 0;
    }

    /* ─── CONTAINER ─── */
    .container {
      max-width: 1200px;
      margin: 0 auto;
      padding: 0 24px;
    }

    /* ─── SECTION SPACING ─── */
    section { padding: 100px 0; position: relative; z-index: 1; }

    /* ─── BADGE ─── */
    .badge {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      background: var(--accent-dim);
      border: 1px solid rgba(0, 102, 255, 0.25);
      color: var(--accent-bright);
      font-size: 12px;
      font-weight: 600;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      padding: 6px 14px;
      border-radius: 100px;
      margin-bottom: 24px;
    }

    .badge .dot {
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: var(--accent);
      animation: pulse 2s ease-in-out infinite;
    }

    @keyframes pulse {
      0%, 100% { opacity: 1; transform: scale(1); }
      50% { opacity: 0.5; transform: scale(0.8); }
    }

    /* ─── SECTION HEADER ─── */
    .section-header {
      text-align: center;
      margin-bottom: 64px;
    }

    .section-header h2 {
      font-size: clamp(32px, 4vw, 48px);
      font-weight: 800;
      letter-spacing: -0.02em;
      line-height: 1.1;
      margin-bottom: 16px;
    }

    .section-header p {
      font-size: 18px;
      color: var(--text-2);
      max-width: 560px;
      margin: 0 auto;
      line-height: 1.7;
    }

    /* ─── GRADIENT TEXT ─── */
    .gradient-text {
      background: linear-gradient(135deg, #fff 0%, var(--accent-bright) 50%, #60a5fa 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }

    /* ─── BUTTONS ─── */
    .btn {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 14px 28px;
      border-radius: var(--radius);
      font-family: var(--font);
      font-size: 15px;
      font-weight: 600;
      cursor: pointer;
      border: none;
      transition: all 0.2s ease;
      text-decoration: none;
    }

    .btn-primary {
      background: var(--accent);
      color: white;
      box-shadow: 0 0 20px rgba(0, 102, 255, 0.3);
    }

    .btn-primary:hover {
      background: var(--accent-bright);
      box-shadow: 0 0 30px rgba(0, 102, 255, 0.5);
      transform: translateY(-1px);
    }

    .btn-secondary {
      background: transparent;
      color: var(--text);
      border: 1px solid var(--border-light);
    }

    .btn-secondary:hover {
      border-color: rgba(0, 102, 255, 0.4);
      color: var(--accent-bright);
      background: var(--accent-dim);
    }

    .btn-ghost {
      background: var(--bg-2);
      color: var(--text-2);
      border: 1px solid var(--border);
    }

    .btn-ghost:hover {
      background: var(--bg-3);
      color: var(--text);
    }

    /* ─── FADE IN ANIMATION ─── */
    .fade-in {
      opacity: 0;
      transform: translateY(24px);
      transition: opacity 0.6s ease, transform 0.6s ease;
    }

    .fade-in.visible {
      opacity: 1;
      transform: translateY(0);
    }

    /* ─── STAGGER DELAYS ─── */
    .delay-1 { transition-delay: 0.1s; }
    .delay-2 { transition-delay: 0.2s; }
    .delay-3 { transition-delay: 0.3s; }
    .delay-4 { transition-delay: 0.4s; }

    /* ════════════════════════════════════════
       NAV
    ════════════════════════════════════════ */
    nav {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      z-index: 1000;
      padding: 0 24px;
      height: 64px;
      display: flex;
      align-items: center;
      background: rgba(5, 5, 5, 0.8);
      backdrop-filter: blur(20px);
      border-bottom: 1px solid var(--border);
      transition: all 0.3s ease;
    }

    nav.scrolled {
      background: rgba(5, 5, 5, 0.95);
      border-bottom-color: var(--border-light);
    }

    .nav-inner {
      max-width: 1200px;
      margin: 0 auto;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
    }

    .nav-logo {
      font-size: 20px;
      font-weight: 800;
      letter-spacing: -0.02em;
      background: linear-gradient(135deg, #fff 0%, var(--accent-bright) 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }

    .nav-links {
      display: flex;
      align-items: center;
      gap: 8px;
      list-style: none;
    }

    .nav-links a {
      font-size: 14px;
      font-weight: 500;
      color: var(--text-2);
      padding: 8px 14px;
      border-radius: 8px;
      transition: all 0.15s ease;
    }

    .nav-links a:hover {
      color: var(--text);
      background: var(--bg-2);
    }

    .nav-right {
      display: flex;
      align-items: center;
      gap: 12px;
    }

    .hamburger {
      display: none;
      flex-direction: column;
      gap: 5px;
      cursor: pointer;
      padding: 8px;
    }

    .hamburger span {
      width: 22px;
      height: 2px;
      background: var(--text-2);
      border-radius: 2px;
      transition: all 0.3s ease;
    }

    /* ════════════════════════════════════════
       HERO
    ════════════════════════════════════════ */
    #hero {
      min-height: 100vh;
      display: flex;
      align-items: center;
      padding-top: 64px;
      overflow: hidden;
      position: relative;
    }

    .hero-bg {
      position: absolute;
      inset: 0;
      z-index: 0;
      overflow: hidden;
    }

    .hero-mesh {
      position: absolute;
      width: 800px;
      height: 800px;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      background: radial-gradient(ellipse at center, rgba(0, 102, 255, 0.12) 0%, rgba(0, 102, 255, 0.04) 40%, transparent 70%);
      animation: meshPulse 8s ease-in-out infinite;
    }

    .hero-mesh-2 {
      position: absolute;
      width: 600px;
      height: 600px;
      top: 20%;
      right: -100px;
      background: radial-gradient(ellipse at center, rgba(96, 165, 250, 0.06) 0%, transparent 70%);
      animation: meshPulse 12s ease-in-out infinite reverse;
    }

    .hero-grid {
      position: absolute;
      inset: 0;
      background-image:
        linear-gradient(rgba(255,255,255,0.015) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,0.015) 1px, transparent 1px);
      background-size: 60px 60px;
      mask-image: radial-gradient(ellipse at center, black 30%, transparent 80%);
    }

    @keyframes meshPulse {
      0%, 100% { transform: translate(-50%, -50%) scale(1); opacity: 1; }
      50% { transform: translate(-50%, -50%) scale(1.1); opacity: 0.7; }
    }

    .hero-content {
      position: relative;
      z-index: 1;
      text-align: center;
      max-width: 900px;
      margin: 0 auto;
    }

    .hero-eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      background: var(--accent-dim);
      border: 1px solid rgba(0, 102, 255, 0.2);
      color: var(--accent-bright);
      font-size: 13px;
      font-weight: 600;
      letter-spacing: 0.05em;
      padding: 8px 16px;
      border-radius: 100px;
      margin-bottom: 32px;
      animation: fadeUp 0.8s ease forwards;
    }

    .hero-eyebrow .live-dot {
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background: var(--success);
      animation: livePulse 1.5s ease-in-out infinite;
    }

    @keyframes livePulse {
      0%, 100% { box-shadow: 0 0 0 0 rgba(0, 200, 150, 0.4); }
      50% { box-shadow: 0 0 0 6px rgba(0, 200, 150, 0); }
    }

    .hero-title {
      font-size: clamp(48px, 7vw, 88px);
      font-weight: 900;
      letter-spacing: -0.03em;
      line-height: 1.0;
      margin-bottom: 28px;
      animation: fadeUp 0.8s ease 0.1s both;
    }

    .hero-sub {
      font-size: clamp(17px, 2vw, 20px);
      color: var(--text-2);
      max-width: 640px;
      margin: 0 auto 44px;
      line-height: 1.7;
      font-weight: 400;
      animation: fadeUp 0.8s ease 0.2s both;
    }

    .hero-actions {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 16px;
      flex-wrap: wrap;
      animation: fadeUp 0.8s ease 0.3s both;
    }

    .hero-social-proof {
      margin-top: 64px;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 24px;
      animation: fadeUp 0.8s ease 0.5s both;
    }

    .hero-social-proof .divider {
      width: 1px;
      height: 32px;
      background: var(--border-light);
    }

    .proof-item {
      display: flex;
      align-items: center;
      gap: 8px;
      font-size: 13px;
      color: var(--text-2);
    }

    .proof-item svg { color: var(--success); }

    @keyframes fadeUp {
      from { opacity: 0; transform: translateY(20px); }
      to { opacity: 1; transform: translateY(0); }
    }

    /* ════════════════════════════════════════
       STATS BAR
    ════════════════════════════════════════ */
    #stats {
      padding: 0;
      position: relative;
      z-index: 1;
    }

    .stats-bar {
      background: var(--bg-1);
      border-top: 1px solid var(--border);
      border-bottom: 1px solid var(--border);
      padding: 0;
    }

    .stats-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      max-width: 1200px;
      margin: 0 auto;
      padding: 0 24px;
    }

    .stat-item {
      padding: 40px 32px;
      text-align: center;
      border-right: 1px solid var(--border);
      position: relative;
    }

    .stat-item:last-child { border-right: none; }

    .stat-item::after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      width: 0;
      height: 2px;
      background: var(--accent);
      transition: width 0.4s ease;
    }

    .stat-item:hover::after { width: 60%; }

    .stat-value {
      font-size: 48px;
      font-weight: 900;
      letter-spacing: -0.03em;
      line-height: 1;
      margin-bottom: 8px;
      background: linear-gradient(135deg, var(--text) 0%, var(--accent-bright) 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }

    .stat-label {
      font-size: 13px;
      color: var(--text-2);
      font-weight: 500;
      letter-spacing: 0.02em;
    }

    /* ════════════════════════════════════════
       SERVICES
    ════════════════════════════════════════ */
    #services { background: var(--bg); }

    .services-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 2px;
      background: var(--border);
      border: 1px solid var(--border);
      border-radius: var(--radius-lg);
      overflow: hidden;
    }

    .service-card {
      background: var(--bg-1);
      padding: 48px;
      position: relative;
      overflow: hidden;
      transition: background 0.3s ease;
    }

    .service-card:hover { background: var(--bg-2); }

    .service-card::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 1px;
      background: linear-gradient(90deg, transparent, var(--accent-dim), transparent);
      opacity: 0;
      transition: opacity 0.3s ease;
    }

    .service-card:hover::before { opacity: 1; }

    .service-icon {
      width: 52px;
      height: 52px;
      border-radius: 14px;
      background: var(--accent-dim);
      border: 1px solid rgba(0, 102, 255, 0.2);
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 24px;
      font-size: 24px;
      color: var(--accent-bright);
    }

    .service-card h3 {
      font-size: 22px;
      font-weight: 700;
      margin-bottom: 12px;
      letter-spacing: -0.01em;
    }

    .service-card p {
      font-size: 15px;
      color: var(--text-2);
      line-height: 1.7;
      margin-bottom: 24px;
    }

    .service-link {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      font-size: 14px;
      font-weight: 600;
      color: var(--accent-bright);
      transition: gap 0.2s ease;
    }

    .service-link:hover { gap: 10px; }

    /* ════════════════════════════════════════
       PORTFOLIO
    ════════════════════════════════════════ */
    #work { background: var(--bg-1); }

    .work-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 24px;
    }

    .work-card {
      background: var(--bg-2);
      border: 1px solid var(--border);
      border-radius: var(--radius-lg);
      padding: 36px;
      position: relative;
      overflow: hidden;
      transition: all 0.3s ease;
    }

    .work-card:hover {
      border-color: rgba(0, 102, 255, 0.3);
      transform: translateY(-4px);
      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), 0 0 30px rgba(0, 102, 255, 0.08);
    }

    .work-card-accent {
      width: 100%;
      height: 4px;
      border-radius: 2px;
      margin-bottom: 28px;
    }

    .work-tag {
      display: inline-block;
      font-size: 11px;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 0.08em;
      color: var(--accent-bright);
      background: var(--accent-dim);
      border: 1px solid rgba(0, 102, 255, 0.2);
      padding: 4px 10px;
      border-radius: 100px;
      margin-bottom: 16px;
    }

    .work-card h3 {
      font-size: 20px;
      font-weight: 700;
      margin-bottom: 12px;
      letter-spacing: -0.01em;
    }

    .work-card p {
      font-size: 14px;
      color: var(--text-2);
      line-height: 1.7;
      margin-bottom: 24px;
    }

    .work-result {
      display: flex;
      align-items: center;
      gap: 8px;
      font-size: 13px;
      font-weight: 600;
      color: var(--success);
    }

    /* ════════════════════════════════════════
       TECH STACK
    ════════════════════════════════════════ */
    #stack { background: var(--bg); }

    .stack-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 2px;
      background: var(--border);
      border: 1px solid var(--border);
      border-radius: var(--radius-lg);
      overflow: hidden;
    }

    .stack-item {
      background: var(--bg-1);
      padding: 32px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 12px;
      transition: background 0.2s ease;
      min-height: 120px;
    }

    .stack-item:hover {
      background: var(--bg-2);
    }

    .stack-logo {
      font-size: 28px;
      line-height: 1;
    }

    .stack-name {
      font-size: 13px;
      font-weight: 600;
      color: var(--text-2);
      letter-spacing: 0.02em;
    }

    .stack-desc {
      font-size: 11px;
      color: var(--text-3);
      text-align: center;
    }

    /* ════════════════════════════════════════
       ABOUT / FOUNDER
    ════════════════════════════════════════ */
    #about { background: var(--bg-1); }

    .about-layout {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 80px;
      align-items: center;
    }

    .about-visual {
      position: relative;
    }

    .founder-card {
      background: var(--bg-2);
      border: 1px solid var(--border-light);
      border-radius: var(--radius-lg);
      padding: 40px;
      position: relative;
      overflow: hidden;
    }

    .founder-card::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 2px;
      background: linear-gradient(90deg, var(--accent), #60a5fa);
    }

    .founder-avatar {
      width: 72px;
      height: 72px;
      border-radius: 50%;
      background: linear-gradient(135deg, var(--accent) 0%, #60a5fa 100%);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 28px;
      font-weight: 800;
      color: white;
      margin-bottom: 20px;
    }

    .founder-name {
      font-size: 22px;
      font-weight: 700;
      margin-bottom: 4px;
    }

    .founder-title {
      font-size: 13px;
      color: var(--accent-bright);
      font-weight: 600;
      letter-spacing: 0.04em;
      text-transform: uppercase;
      margin-bottom: 20px;
    }

    .founder-quote {
      font-size: 15px;
      color: var(--text-2);
      line-height: 1.7;
      font-style: italic;
      border-left: 2px solid var(--accent);
      padding-left: 16px;
      margin-bottom: 24px;
    }

    .founder-stats {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 16px;
    }

    .founder-stat {
      background: var(--bg-3);
      border-radius: var(--radius);
      padding: 16px;
    }

    .founder-stat-value {
      font-size: 24px;
      font-weight: 800;
      letter-spacing: -0.02em;
      color: var(--accent-bright);
    }

    .founder-stat-label {
      font-size: 12px;
      color: var(--text-3);
      margin-top: 4px;
    }

    .about-content h2 {
      font-size: clamp(36px, 4vw, 52px);
      font-weight: 800;
      letter-spacing: -0.02em;
      line-height: 1.1;
      margin-bottom: 24px;
    }

    .about-content .lead {
      font-size: 18px;
      color: var(--text-2);
      line-height: 1.7;
      margin-bottom: 20px;
    }

    .about-content p {
      font-size: 16px;
      color: var(--text-2);
      line-height: 1.7;
      margin-bottom: 20px;
    }

    .values-list {
      list-style: none;
      margin-top: 32px;
    }

    .values-list li {
      display: flex;
      align-items: flex-start;
      gap: 12px;
      padding: 16px 0;
      border-bottom: 1px solid var(--border);
      font-size: 15px;
    }

    .values-list li:last-child { border-bottom: none; }

    .values-list .check {
      width: 20px;
      height: 20px;
      border-radius: 50%;
      background: var(--accent-dim);
      border: 1px solid rgba(0, 102, 255, 0.3);
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      margin-top: 2px;
      color: var(--accent-bright);
    }

    /* ════════════════════════════════════════
       VOICE WIDGET
    ════════════════════════════════════════ */
    #voice {
      background: var(--bg);
      text-align: center;
    }

    .voice-container {
      max-width: 800px;
      margin: 0 auto;
    }

    .voice-card {
      background: var(--bg-2);
      border: 1px solid rgba(0, 102, 255, 0.2);
      border-radius: var(--radius-lg);
      padding: 60px 40px;
      position: relative;
      overflow: hidden;
      margin-top: 48px;
    }

    .voice-card::before {
      content: '';
      position: absolute;
      inset: 0;
      background: radial-gradient(ellipse at 50% 0%, rgba(0, 102, 255, 0.08) 0%, transparent 60%);
      pointer-events: none;
    }

    .voice-icon {
      width: 80px;
      height: 80px;
      border-radius: 50%;
      background: linear-gradient(135deg, var(--accent) 0%, #60a5fa 100%);
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto 24px;
      box-shadow: 0 0 40px rgba(0, 102, 255, 0.4);
      animation: iconGlow 3s ease-in-out infinite;
    }

    @keyframes iconGlow {
      0%, 100% { box-shadow: 0 0 40px rgba(0, 102, 255, 0.4); }
      50% { box-shadow: 0 0 60px rgba(0, 102, 255, 0.6); }
    }

    .voice-card h3 {
      font-size: 28px;
      font-weight: 800;
      margin-bottom: 12px;
      letter-spacing: -0.02em;
    }

    .voice-card p {
      font-size: 16px;
      color: var(--text-2);
      margin-bottom: 40px;
      max-width: 480px;
      margin-left: auto;
      margin-right: auto;
    }

    telnyx-ai-agent {
      display: block;
      width: 100%;
    }

    .voice-disclaimer {
      font-size: 12px;
      color: var(--text-3);
      margin-top: 20px;
    }

    /* ════════════════════════════════════════
       PRICING
    ════════════════════════════════════════ */
    #pricing { background: var(--bg-1); }

    .pricing-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 24px;
      max-width: 1000px;
      margin: 0 auto;
    }

    .pricing-card {
      background: var(--bg-2);
      border: 1px solid var(--border);
      border-radius: var(--radius-lg);
      padding: 40px 32px;
      position: relative;
      transition: all 0.3s ease;
    }

    .pricing-card:hover {
      border-color: rgba(0, 102, 255, 0.3);
      transform: translateY(-4px);
    }

    .pricing-card.featured {
      background: var(--bg-3);
      border-color: rgba(0, 102, 255, 0.4);
      box-shadow: 0 0 40px rgba(0, 102, 255, 0.1);
    }

    .pricing-card.featured::before {
      content: 'Most Popular';
      position: absolute;
      top: -12px;
      left: 50%;
      transform: translateX(-50%);
      background: var(--accent);
      color: white;
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      padding: 4px 14px;
      border-radius: 100px;
    }

    .pricing-tier {
      font-size: 13px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.08em;
      color: var(--accent-bright);
      margin-bottom: 16px;
    }

    .pricing-price {
      font-size: 52px;
      font-weight: 900;
      letter-spacing: -0.03em;
      line-height: 1;
      margin-bottom: 4px;
    }

    .pricing-period {
      font-size: 14px;
      color: var(--text-3);
      margin-bottom: 24px;
    }

    .pricing-desc {
      font-size: 14px;
      color: var(--text-2);
      line-height: 1.6;
      margin-bottom: 28px;
      padding-bottom: 28px;
      border-bottom: 1px solid var(--border);
    }

    .pricing-features {
      list-style: none;
      margin-bottom: 32px;
    }

    .pricing-features li {
      display: flex;
      align-items: center;
      gap: 10px;
      font-size: 14px;
      color: var(--text-2);
      padding: 8px 0;
    }

    .pricing-features li .icon { color: var(--success); flex-shrink: 0; }

    .pricing-anchor {
      font-size: 12px;
      color: var(--text-3);
      text-align: center;
      margin-top: 16px;
      font-style: italic;
    }

    /* ════════════════════════════════════════
       CTA SECTION
    ════════════════════════════════════════ */
    #cta {
      background: var(--bg);
      text-align: center;
    }

    .cta-box {
      background: var(--bg-2);
      border: 1px solid rgba(0, 102, 255, 0.2);
      border-radius: 24px;
      padding: 80px 60px;
      max-width: 800px;
      margin: 0 auto;
      position: relative;
      overflow: hidden;
    }

    .cta-box::before {
      content: '';
      position: absolute;
      inset: 0;
      background: radial-gradient(ellipse at 50% 100%, rgba(0, 102, 255, 0.1) 0%, transparent 60%);
      pointer-events: none;
    }

    .cta-box h2 {
      font-size: clamp(36px, 4vw, 56px);
      font-weight: 900;
      letter-spacing: -0.02em;
      line-height: 1.1;
      margin-bottom: 20px;
    }

    .cta-box p {
      font-size: 18px;
      color: var(--text-2);
      margin-bottom: 40px;
      max-width: 500px;
      margin-left: auto;
      margin-right: auto;
    }

    .cta-actions {
      display: flex;
      justify-content: center;
      gap: 16px;
      flex-wrap: wrap;
    }

    .cta-meta {
      margin-top: 24px;
      font-size: 13px;
      color: var(--text-3);
    }

    /* ════════════════════════════════════════
       FOOTER
    ════════════════════════════════════════ */
    footer {
      background: var(--bg-1);
      border-top: 1px solid var(--border);
      padding: 60px 24px 32px;
    }

    .footer-inner {
      max-width: 1200px;
      margin: 0 auto;
    }

    .footer-top {
      display: grid;
      grid-template-columns: 2fr 1fr 1fr 1fr;
      gap: 60px;
      margin-bottom: 60px;
    }

    .footer-brand .logo {
      font-size: 22px;
      font-weight: 800;
      letter-spacing: -0.02em;
      background: linear-gradient(135deg, #fff 0%, var(--accent-bright) 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      margin-bottom: 16px;
      display: block;
    }

    .footer-brand p {
      font-size: 14px;
      color: var(--text-2);
      line-height: 1.7;
      margin-bottom: 20px;
    }

    .footer-col h4 {
      font-size: 12px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.08em;
      color: var(--text-3);
      margin-bottom: 16px;
    }

    .footer-col ul { list-style: none; }

    .footer-col ul li { margin-bottom: 10px; }

    .footer-col ul li a {
      font-size: 14px;
      color: var(--text-2);
      transition: color 0.2s ease;
    }

    .footer-col ul li a:hover { color: var(--accent-bright); }

    .footer-bottom {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding-top: 32px;
      border-top: 1px solid var(--border);
      font-size: 13px;
      color: var(--text-3);
      flex-wrap: wrap;
      gap: 12px;
    }

    .footer-bottom .genesis-badge {
      display: flex;
      align-items: center;
      gap: 6px;
      color: var(--text-3);
    }

    .footer-bottom .genesis-badge span {
      background: linear-gradient(135deg, var(--accent-bright), #60a5fa);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      font-weight: 600;
    }

    /* ════════════════════════════════════════
       PROBLEM SECTION
    ════════════════════════════════════════ */
    #problem { background: var(--bg-2); }

    .problem-layout {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 60px;
      align-items: start;
    }

    .problem-content h2 {
      font-size: clamp(32px, 4vw, 44px);
      font-weight: 800;
      letter-spacing: -0.02em;
      margin-bottom: 24px;
      line-height: 1.15;
    }

    .problem-content p {
      font-size: 16px;
      color: var(--text-2);
      line-height: 1.7;
      margin-bottom: 16px;
    }

    .math-box {
      background: var(--bg-1);
      border: 1px solid var(--border-light);
      border-radius: var(--radius-lg);
      padding: 36px;
    }

    .math-box h3 {
      font-size: 16px;
      font-weight: 700;
      color: var(--text-2);
      margin-bottom: 24px;
      text-transform: uppercase;
      letter-spacing: 0.06em;
      font-size: 12px;
    }

    .math-row {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 12px 0;
      border-bottom: 1px solid var(--border);
      font-size: 14px;
    }

    .math-row:last-child { border-bottom: none; }

    .math-row .label { color: var(--text-2); }

    .math-row .value {
      font-weight: 700;
      font-size: 16px;
    }

    .math-row.total .value {
      font-size: 28px;
      font-weight: 900;
      color: #ef4444;
    }

    .math-row.solution .value {
      color: var(--success);
    }

    /* ════════════════════════════════════════
       FAQ
    ════════════════════════════════════════ */
    #faq { background: var(--bg); }

    .faq-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 16px;
      max-width: 960px;
      margin: 0 auto;
    }

    .faq-item {
      background: var(--bg-2);
      border: 1px solid var(--border);
      border-radius: var(--radius);
      padding: 28px;
      cursor: pointer;
      transition: all 0.2s ease;
    }

    .faq-item:hover {
      border-color: rgba(0, 102, 255, 0.3);
      background: var(--bg-3);
    }

    .faq-question {
      font-size: 16px;
      font-weight: 600;
      margin-bottom: 12px;
      display: flex;
      align-items: start;
      justify-content: space-between;
      gap: 12px;
    }

    .faq-answer {
      font-size: 14px;
      color: var(--text-2);
      line-height: 1.7;
    }

    /* ════════════════════════════════════════
       MOBILE RESPONSIVE
    ════════════════════════════════════════ */
    @media (max-width: 1024px) {
      .footer-top {
        grid-template-columns: 1fr 1fr;
        gap: 40px;
      }
    }

    @media (max-width: 768px) {
      section { padding: 72px 0; }

      .nav-links, .nav-right .btn-secondary { display: none; }

      .hamburger { display: flex; }

      .services-grid { grid-template-columns: 1fr; }

      .work-grid { grid-template-columns: 1fr; }

      .stack-grid { grid-template-columns: repeat(2, 1fr); }

      .pricing-grid { grid-template-columns: 1fr; max-width: 400px; }

      .stats-grid { grid-template-columns: repeat(2, 1fr); }

      .stat-item { border-right: none; border-bottom: 1px solid var(--border); }

      .stat-item:nth-child(odd) { border-right: 1px solid var(--border); }

      .stat-item:nth-last-child(-n+2) { border-bottom: none; }

      .about-layout { grid-template-columns: 1fr; gap: 40px; }

      .problem-layout { grid-template-columns: 1fr; }

      .faq-grid { grid-template-columns: 1fr; }

      .hero-actions { flex-direction: column; align-items: stretch; }

      .hero-actions .btn { justify-content: center; }

      .cta-box { padding: 48px 24px; }

      .footer-top { grid-template-columns: 1fr; gap: 32px; }

      .footer-bottom { flex-direction: column; text-align: center; }

      .nav-mobile-menu {
        position: fixed;
        top: 64px;
        left: 0;
        right: 0;
        background: rgba(10, 10, 10, 0.98);
        backdrop-filter: blur(20px);
        border-bottom: 1px solid var(--border);
        padding: 20px 24px;
        display: none;
      }

      .nav-mobile-menu.open { display: block; }

      .nav-mobile-menu a {
        display: block;
        padding: 14px 0;
        font-size: 16px;
        font-weight: 500;
        color: var(--text-2);
        border-bottom: 1px solid var(--border);
      }

      .nav-mobile-menu a:last-child { border-bottom: none; }

      .hero-social-proof { flex-direction: column; gap: 12px; }
      .hero-social-proof .divider { display: none; }
    }

    @media (max-width: 480px) {
      .hero-title { font-size: 40px; }
      .section-header h2 { font-size: 28px; }
    }
  </style>
</head>

<body>

  <!-- ════════════════ NAV ════════════════ -->
  <nav id="mainNav">
    <div class="nav-inner">
      <a href="#" class="nav-logo">AgileAdapt</a>
      <ul class="nav-links">
        <li><a href="#services">Services</a></li>
        <li><a href="#work">Work</a></li>
        <li><a href="#pricing">Pricing</a></li>
        <li><a href="#about">About</a></li>
      </ul>
      <div class="nav-right">
        <a href="#voice" class="btn btn-secondary" style="padding: 10px 20px; font-size: 14px;">Talk to AI</a>
        <a href="https://cal.com/kinan/strategy" target="_blank" class="btn btn-primary" style="padding: 10px 20px; font-size: 14px;">Book a Call</a>
        <div class="hamburger" onclick="toggleMenu()">
          <span></span><span></span><span></span>
        </div>
      </div>
    </div>
  </nav>

  <!-- Mobile menu -->
  <div class="nav-mobile-menu" id="mobileMenu">
    <a href="#services" onclick="toggleMenu()">Services</a>
    <a href="#work" onclick="toggleMenu()">Work</a>
    <a href="#pricing" onclick="toggleMenu()">Pricing</a>
    <a href="#about" onclick="toggleMenu()">About</a>
    <a href="#voice" onclick="toggleMenu()" style="color: var(--accent-bright);">Talk to AI</a>
    <a href="https://cal.com/kinan/strategy" target="_blank" style="color: var(--accent-bright); font-weight: 700; margin-top: 8px;">Book a Free Strategy Call →</a>
  </div>

  <!-- ════════════════ HERO ════════════════ -->
  <section id="hero">
    <div class="hero-bg">
      <div class="hero-grid"></div>
      <div class="hero-mesh"></div>
      <div class="hero-mesh-2"></div>
    </div>
    <div class="container">
      <div class="hero-content">
        <div class="hero-eyebrow">
          <span class="live-dot"></span>
          AI agents live now — talk to one below
        </div>
        <h1 class="hero-title">
          Australia's<br />
          <span class="gradient-text">AI Velocity Agency</span>
        </h1>
        <p class="hero-sub">
          We build AI voice agents, automation systems, and intelligent workflows that replace manual work and drive revenue — deployed in days, not months.
        </p>
        <div class="hero-actions">
          <a href="#services" class="btn btn-primary">
            See What We Build
            <i data-lucide="arrow-right" style="width:16px;height:16px;"></i>
          </a>
          <a href="https://cal.com/kinan/strategy" target="_blank" class="btn btn-secondary">
            Book a Free Strategy Call
            <i data-lucide="calendar" style="width:16px;height:16px;"></i>
          </a>
        </div>
        <div class="hero-social-proof">
          <div class="proof-item">
            <i data-lucide="check-circle" style="width:16px;height:16px;color:var(--success);"></i>
            No lock-in contracts
          </div>
          <div class="divider"></div>
          <div class="proof-item">
            <i data-lucide="check-circle" style="width:16px;height:16px;color:var(--success);"></i>
            Live in <24 hours
          </div>
          <div class="divider"></div>
          <div class="proof-item">
            <i data-lucide="check-circle" style="width:16px;height:16px;color:var(--success);"></i>
            Australian-built, Australian-focused
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- ════════════════ STATS ════════════════ -->
  <div id="stats">
    <div class="stats-bar">
      <div class="stats-grid">
        <div class="stat-item fade-in">
          <div class="stat-value">24/7</div>
          <div class="stat-label">Always-on AI agents</div>
        </div>
        <div class="stat-item fade-in delay-1">
          <div class="stat-value"><60s</div>
          <div class="stat-label">Voice widget deploy time</div>
        </div>
        <div class="stat-item fade-in delay-2">
          <div class="stat-value">85%+</div>
          <div class="stat-label">Gross margin on AI products</div>
        </div>
        <div class="stat-item fade-in delay-3">
          <div class="stat-value">$0</div>
          <div class="stat-label">Setup fee on core plans</div>
        </div>
      </div>
    </div>
  </div>

  <!-- ════════════════ PROBLEM ════════════════ -->
  <section id="problem">
    <div class="container">
      <div class="problem-layout">
        <div class="problem-content fade-in">
          <div class="badge">
            <span class="dot"></span>
            The Revenue Leak
          </div>
          <h2>Every missed call is money walking out the door</h2>
          <p>Australian tradespeople and service businesses are losing $10,000–$50,000 every year to missed calls. Callers don't leave voicemails. They call the next number on Google.</p>
          <p>You're already paying $400/month to LocalSearch or Yellow Pages for a listing that doesn't answer. That's not marketing — that's a billboard for a competitor who does pick up.</p>
          <p>We fix that. An AI that answers every call, qualifies every lead, books every appointment. At the same price you're already paying — with 10x the return.</p>
        </div>
        <div class="math-box fade-in delay-2">
          <h3>The Danny Harris Math — Real Numbers</h3>
          <div class="math-row">
            <span class="label">Missed calls per day (avg)</span>
            <span class="value" style="color:var(--text);">10 calls</span>
          </div>
          <div class="math-row">
            <span class="label">Average job value</span>
            <span class="value" style="color:var(--text);">$600</span>
          </div>
          <div class="math-row">
            <span class="label">Close rate on answered calls</span>
            <span class="value" style="color:var(--text);">10%</span>
          </div>
          <div class="math-row">
            <span class="label">Daily revenue leaked</span>
            <span class="value" style="color:#f97316;">$600/day</span>
          </div>
          <div class="math-row total">
            <span class="label" style="font-weight:700;color:var(--text);">Monthly revenue lost</span>
            <span class="value">$16,800</span>
          </div>
          <div class="math-row solution" style="background:rgba(0,200,150,0.06);border-radius:8px;padding:12px;margin-top:8px;">
            <span class="label" style="color:var(--success);font-weight:600;">ReceptionistAI fixes this for</span>
            <span class="value" style="color:var(--success);">$497/mo</span>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- ════════════════ SERVICES ════════════════ -->
  <section id="services">
    <div class="container">
      <div class="section-header fade-in">
        <div class="badge">
          <span class="dot"></span>
          What We Build
        </div>
        <h2>AI infrastructure. Not demos.<br />Production systems.</h2>
        <p>Every system we ship runs in production. We don't build MVPs and call them done — we build infrastructure that runs your business autonomously.</p>
      </div>

      <div class="services-grid">
        <div class="service-card fade-in">
          <div class="service-icon">
            <i data-lucide="mic" style="width:24px;height:24px;"></i>
          </div>
          <h3>AI Voice Agents</h3>
          <p>Inbound calls handled by AI 24/7. Leads captured, bookings made, zero missed calls. Our voice agents answer, qualify, and book appointments while you're on the job — sounding professional every time.</p>
          <a href="#pricing" class="service-link">
            View pricing
            <i data-lucide="arrow-right" style="width:14px;height:14px;"></i>
          </a>
        </div>

        <div class="service-card fade-in delay-1">
          <div class="service-icon">
            <i data-lucide="zap" style="width:24px;height:24px;"></i>
          </div>
          <h3>Automation Systems</h3>
          <p>n8n workflows that connect your CRM, calls, emails, and payments into one autonomous loop. Stop copying data between tools. Build once, run forever with zero ongoing effort.</p>
          <a href="https://cal.com/kinan/strategy" target="_blank" class="service-link">
            Get a custom build
            <i data-lucide="arrow-right" style="width:14px;height:14px;"></i>
          </a>
        </div>

        <div class="service-card fade-in delay-2">
          <div class="service-icon">
            <i data-lucide="brain" style="width:24px;height:24px;"></i>
          </div>
          <h3>AI Memory Systems</h3>
          <p>Persistent memory layer for AI agents. Built on Sunaiva — our own production memory platform. Your AI remembers every customer interaction, learns their preferences, and provides context across every touchpoint.</p>
          <a href="#stack" class="service-link">
            See the stack
            <i data-lucide="arrow-right" style="width:14px;height:14px;"></i>
          </a>
        </div>

        <div class="service-card fade-in delay-3">
          <div class="service-icon">
            <i data-lucide="globe" style="width:24px;height:24px;"></i>
          </div>
          <h3>Talking Websites</h3>
          <p>Embed a live AI agent on any website. Visitors talk to your business in real time — no forms, no waiting. The agent answers questions, qualifies leads, and books calls 24/7 from your homepage.</p>
          <a href="#voice" class="service-link">
            Try it live
            <i data-lucide="arrow-right" style="width:14px;height:14px;"></i>
          </a>
        </div>
      </div>
    </div>
  </section>

  <!-- ════════════════ WORK / PORTFOLIO ════════════════ -->
  <section id="work">
    <div class="container">
      <div class="section-header fade-in">
        <div class="badge">
          <span class="dot"></span>
          Client Results
        </div>
        <h2>Built and deployed.<br />Not promised.</h2>
        <p>Every example below is a live production system. Not a mockup. Not a roadmap item. Something that is running right now.</p>
      </div>

      <div class="work-grid">
        <div class="work-card fade-in">
          <div class="work-card-accent" style="background: linear-gradient(90deg, var(--accent), #60a5fa);"></div>
          <div class="work-tag">AI Voice · ReceptionistAI</div>
          <h3>ReceptionistAI — Tradies Platform</h3>
          <p>24/7 AI receptionist for Australian tradespeople. 300 minutes per month, zero missed calls, full GHL CRM integration. Answers, qualifies, and books while the tradie is on the tools.</p>
          <div class="work-result">
            <i data-lucide="trending-up" style="width:14px;height:14px;"></i>
            $0 in missed calls after deployment
          </div>
        </div>

        <div class="work-card fade-in delay-1">
          <div class="work-card-accent" style="background: linear-gradient(90deg, var(--success), #34d399);"></div>
          <div class="work-tag">Live Deployment · FNQ</div>
          <h3>Bunker FNQ — Sarah AI Receptionist</h3>
          <p>Deployed Sarah — a professional AI receptionist for George's concrete and underground cyclone shelter business in Kuranda, Far North Queensland. Live within 4 hours of first conversation.</p>
          <div class="work-result">
            <i data-lucide="clock" style="width:14px;height:14px;"></i>
            Live in 4 hours, answering calls same day
          </div>
        </div>

        <div class="work-card fade-in delay-2">
          <div class="work-card-accent" style="background: linear-gradient(90deg, #a855f7, #ec4899);"></div>
          <div class="work-tag">Talking Website · Voice Widget</div>
          <h3>TalkingWebsite — Tradie Landing Pages</h3>
          <p>Live demo voice widget deployed on 6 tradie-specific landing pages. Telnyx backend, real-time voice conversations, zero infrastructure for the client to manage. Visitors talk, leads convert.</p>
          <div class="work-result">
            <i data-lucide="globe" style="width:14px;height:14px;"></i>
            6 live landing pages, Telnyx-powered backend
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- ════════════════ TECH STACK ════════════════ -->
  <section id="stack">
    <div class="container">
      <div class="section-header fade-in">
        <div class="badge">
          <span class="dot"></span>
          Technology
        </div>
        <h2>Enterprise-grade infrastructure.<br />SMB-accessible pricing.</h2>
        <p>We don't build on toy APIs. Every system uses production-grade infrastructure that can handle your business at any scale.</p>
      </div>

      <div class="stack-grid">
        <div class="stack-item fade-in">
          <div class="stack-logo">📞</div>
          <div class="stack-name">Telnyx</div>
          <div class="stack-desc">Voice infrastructure & AI telephony</div>
        </div>
        <div class="stack-item fade-in delay-1">
          <div class="stack-logo">✦</div>
          <div class="stack-name">Gemini</div>
          <div class="stack-desc">Google AI reasoning engine</div>
        </div>
        <div class="stack-item fade-in delay-2">
          <div class="stack-logo">◆</div>
          <div class="stack-name">Claude</div>
          <div class="stack-desc">Anthropic LLM for complex logic</div>
        </div>
        <div class="stack-item fade-in delay-3">
          <div class="stack-logo">⚙</div>
          <div class="stack-name">GoHighLevel</div>
          <div class="stack-desc">CRM, pipelines & automation hub</div>
        </div>
        <div class="stack-item fade-in">
          <div class="stack-logo">⚡</div>
          <div class="stack-name">n8n</div>
          <div class="stack-desc">Workflow automation engine</div>
        </div>
        <div class="stack-item fade-in delay-1">
          <div class="stack-logo">🧠</div>
          <div class="stack-name">Sunaiva</div>
          <div class="stack-desc">AI memory & context platform</div>
        </div>
        <div class="stack-item fade-in delay-2">
          <div class="stack-logo">🔀</div>
          <div class="stack-name">OpenRouter</div>
          <div class="stack-desc">Unified LLM routing & fallback</div>
        </div>
        <div class="stack-item fade-in delay-3">
          <div class="stack-logo">☁</div>
          <div class="stack-name">Elestio</div>
          <div class="stack-desc">PostgreSQL, Qdrant & Redis infra</div>
        </div>
      </div>
    </div>
  </section>

  <!-- ════════════════ ABOUT ════════════════ -->
  <section id="about">
    <div class="container">
      <div class="about-layout">
        <div class="about-visual fade-in">
          <div class="founder-card">
            <div class="founder-avatar">K</div>
            <div class="founder-name">Kinan</div>
            <div class="founder-title">Founder & AI Architect</div>
            <div class="founder-quote">
              "AgileAdapt is the expression of Genesis: an AI system that builds itself. Every tool we use to serve clients is a tool we built for ourselves first."
            </div>
            <div class="founder-stats">
              <div class="founder-stat">
                <div class="founder-stat-value">34</div>
                <div class="founder-stat-label">AI skills registered in Genesis</div>
              </div>
              <div class="founder-stat">
                <div class="founder-stat-value">73</div>
                <div class="founder-stat-label">Owned domains across verticals</div>
              </div>
              <div class="founder-stat">
                <div class="founder-stat-value">8+</div>
                <div class="founder-stat-label">Parallel AI agents running</div>
              </div>
              <div class="founder-stat">
                <div class="founder-stat-value">9</div>
                <div class="founder-stat-label">Provisional patents filed</div>
              </div>
            </div>
          </div>
        </div>

        <div class="about-content fade-in delay-2">
          <div class="badge">
            <span class="dot"></span>
            Who We Are
          </div>
          <h2>Built by engineers who got tired of enterprise AI promises</h2>
          <p class="lead">Enterprise AI is a $50K consulting project with an 18-month timeline and a 6-month disclaimer. We built the opposite.</p>
          <p>AgileAdapt builds AI-powered business operating systems for Australian SMBs — replacing manual, repetitive operations with intelligent, autonomous systems that answer phones, capture leads, manage bookings, and handle follow-ups around the clock.</p>
          <p>We're not a ChatGPT wrapper shop. We build production-grade infrastructure that plugs into how businesses already operate — their phones, their CRM, their calendar — and makes those systems work without staff.</p>

          <ul class="values-list">
            <li>
              <span class="check">
                <i data-lucide="check" style="width:12px;height:12px;"></i>
              </span>
              <div><strong>Build, don't promise.</strong> Every commitment is backed by something that already functions.</div>
            </li>
            <li>
              <span class="check">
                <i data-lucide="check" style="width:12px;height:12px;"></i>
              </span>
              <div><strong>The client's time is the metric.</strong> If the tradie can go home at 5pm instead of 9pm, we've done our job.</div>
            </li>
            <li>
              <span class="check">
                <i data-lucide="check" style="width:12px;height:12px;"></i>
              </span>
              <div><strong>Research before code.</strong> Every decision is data-backed. We never rebuild what already exists.</div>
            </li>
            <li>
              <span class="check">
                <i data-lucide="check" style="width:12px;height:12px;"></i>
              </span>
              <div><strong>Simplicity over cleverness.</strong> The best solution has the fewest moving parts.</div>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </section>

  <!-- ════════════════ VOICE WIDGET ════════════════ -->
  <section id="voice">
    <div class="container">
      <div class="voice-container">
        <div class="section-header fade-in">
          <div class="badge">
            <span class="dot"></span>
            Live Demo
          </div>
          <h2>Talk to Our AI Right Now</h2>
          <p>Our AI answers your questions about what we build — live, right now. This is the same technology we deploy for our clients.</p>
        </div>

        <div class="voice-card fade-in delay-1">
          <div class="voice-icon">
            <i data-lucide="mic" style="width:36px;height:36px;color:white;"></i>
          </div>
          <h3>Live AI Voice Agent</h3>
          <p>Click the button below and ask anything — our pricing, how voice agents work, what we build. This runs on Telnyx AI infrastructure with a real-time voice connection.</p>
          <telnyx-ai-agent agent-id="assistant-9c42d3ce-e05a-4e34-8083-c91081917637"></telnyx-ai-agent>
          <p class="voice-disclaimer">Voice agent powered by Telnyx AI. Browser microphone access required.</p>
        </div>
      </div>
    </div>
  </section>

  <!-- ════════════════ PRICING ════════════════ -->
  <section id="pricing">
    <div class="container">
      <div class="section-header fade-in">
        <div class="badge">
          <span class="dot"></span>
          Pricing
        </div>
        <h2>Same price as LocalSearch.<br />Ten times the return.</h2>
        <p>Month-to-month. No lock-in. No setup fees. Cancel anytime — but you won't want to once the leads start flowing.</p>
      </div>

      <div class="pricing-grid">
        <!-- Inbound Pro -->
        <div class="pricing-card fade-in">
          <div class="pricing-tier">Inbound Pro</div>
          <div class="pricing-price">$497</div>
          <div class="pricing-period">per month, no lock-in</div>
          <div class="pricing-desc">Everything a small business needs to stop missing calls and start capturing leads 24/7.</div>
          <ul class="pricing-features">
            <li>
              <i data-lucide="check" class="icon" style="width:16px;height:16px;"></i>
              300 minutes/month included
            </li>
            <li>
              <i data-lucide="check" class="icon" style="width:16px;height:16px;"></i>
              1 AI receptionist agent
            </li>
            <li>
              <i data-lucide="check" class="icon" style="width:16px;height:16px;"></i>
              GoHighLevel CRM integration
            </li>
            <li>
              <i data-lucide="check" class="icon" style="width:16px;height:16px;"></i>
              Instant SMS lead notifications
            </li>
            <li>
              <i data-lucide="check" class="icon" style="width:16px;height:16px;"></i>
              Custom knowledge base
            </li>
            <li>
              <i data-lucide="check" class="icon" style="width:16px;height:16px;"></i>
              $0 setup fee (launch pricing)
            </li>
          </ul>
          <a href="https://cal.com/kinan/strategy" target="_blank" class="btn btn-ghost" style="width:100%;justify-content:center;">Get Started</a>
          <p class="pricing-anchor">Same price as LocalSearch — with leads to show for it</p>
        </div>

        <!-- Business (Featured) -->
        <div class="pricing-card featured fade-in delay-1">
          <div class="pricing-tier">Business</div>
          <div class="pricing-price">$697</div>
          <div class="pricing-period">per month, no lock-in</div>
          <div class="pricing-desc">For growing businesses that need more capacity and a professional online presence that converts.</div>
          <ul class="pricing-features">
            <li>
              <i data-lucide="check" class="icon" style="width:16px;height:16px;"></i>
              600 minutes/month included
            </li>
            <li>
              <i data-lucide="check" class="icon" style="width:16px;height:16px;"></i>
              3 AI agents (phone + web + SMS)
            </li>
            <li>
              <i data-lucide="check" class="icon" style="width:16px;height:16px;"></i>
              Free 5-page website (worth $2,000)
            </li>
            <li>
              <i data-lucide="check" class="icon" style="width:16px;height:16px;"></i>
              Full automation suite (n8n)
            </li>
            <li>
              <i data-lucide="check" class="icon" style="width:16px;height:16px;"></i>
              Appointment booking integration
            </li>
            <li>
              <i data-lucide="check" class="icon" style="width:16px;height:16px;"></i>
              Google Reviews automation
            </li>
            <li>
              <i data-lucide="check" class="icon" style="width:16px;height:16px;"></i>
              Priority support
            </li>
          </ul>
          <a href="https://cal.com/kinan/strategy" target="_blank" class="btn btn-primary" style="width:100%;justify-content:center;">Get Started</a>
          <p class="pricing-anchor">Includes a website most agencies charge $2K for</p>
        </div>

        <!-- Enterprise -->
        <div class="pricing-card fade-in delay-2">
          <div class="pricing-tier">Enterprise</div>
          <div class="pricing-price">$997</div>
          <div class="pricing-period">per month, no lock-in</div>
          <div class="pricing-desc">For businesses serious about autonomous operations — outbound calling, white-label, and unlimited agents.</div>
          <ul class="pricing-features">
            <li>
              <i data-lucide="check" class="icon" style="width:16px;height:16px;"></i>
              1,200 minutes/month included
            </li>
            <li>
              <i data-lucide="check" class="icon" style="width:16px;height:16px;"></i>
              Unlimited AI agents
            </li>
            <li>
              <i data-lucide="check" class="icon" style="width:16px;height:16px;"></i>
              Outbound calling campaigns
            </li>
            <li>
              <i data-lucide="check" class="icon" style="width:16px;height:16px;"></i>
              White-label option available
            </li>
            <li>
              <i data-lucide="check" class="icon" style="width:16px;height:16px;"></i>
              9-Layer Compliance Shield
            </li>
            <li>
              <i data-lucide="check" class="icon" style="width:16px;height:16px;"></i>
              Dedicated AI architect
            </li>
            <li>
              <i data-lucide="check" class="icon" style="width:16px;height:16px;"></i>
              Custom integrations
            </li>
          </ul>
          <a href="https://cal.com/kinan/strategy" target="_blank" class="btn btn-ghost" style="width:100%;justify-content:center;">Talk to Us</a>
          <p class="pricing-anchor">89% gross margin — built for scale</p>
        </div>
      </div>
    </div>
  </section>

  <!-- ════════════════ FAQ ════════════════ -->
  <section id="faq" style="background: var(--bg-2);">
    <div class="container">
      <div class="section-header fade-in">
        <div class="badge">
          <span class="dot"></span>
          Common Questions
        </div>
        <h2>Questions we get asked.<br />Answers that are actually useful.</h2>
      </div>

      <div class="faq-grid">
        <div class="faq-item fade-in">
          <div class="faq-question">
            Will my customers know it's AI?
          </div>
          <div class="faq-answer">Most won't. The voice quality, latency, and conversational ability are indistinguishable from a professional receptionist for standard enquiries. We train the agent on your specific business so it sounds like it belongs there.</div>
        </div>

        <div class="faq-item fade-in delay-1">
          <div class="faq-question">
            How fast can you deploy?
          </div>
          <div class="faq-answer">We can have a basic voice agent live in under 24 hours. You forward your calls to the number we provide, and it's running. More complex setups with CRM integration take 2–3 business days.</div>
        </div>

        <div class="faq-item fade-in delay-2">
          <div class="faq-question">
            What if I have a complex business?
          </div>
          <div class="faq-answer">We build a custom knowledge base for your specific business — your pricing, services, service areas, and policies. The AI learns your business and handles the edge cases that a generic bot would fumble.</div>
        </div>

        <div class="faq-item fade-in delay-3">
          <div class="faq-question">
            Can the AI book appointments?
          </div>
          <div class="faq-answer">Yes. We integrate with your existing calendar (Cal.com, Google Calendar, GHL) and the AI checks availability in real time and books the slot directly. No phone tag. No missed bookings.</div>
        </div>

        <div class="faq-item fade-in">
          <div class="faq-question">
            Is there a lock-in contract?
          </div>
          <div class="faq-answer">No. All plans are month-to-month. We earn your business every month by delivering results. If it's not working for you, cancel — though we haven't had that happen yet.</div>
        </div>

        <div class="faq-item fade-in delay-1">
          <div class="faq-question">
            How is this different from Vapi or Bland AI?
          </div>
          <div class="faq-answer">Those are US-built tools with generic voices. We're Australian-built, with local market expertise, Australian English voices, GHL deep integration, and a compliance layer built for the 2026 Privacy Act reforms. We also do the setup and configuration for you.</div>
        </div>
      </div>
    </div>
  </section>

  <!-- ════════════════ CTA ════════════════ -->
  <section id="cta">
    <div class="container">
      <div class="cta-box fade-in">
        <div class="badge" style="margin:0 auto 24px;">
          <span class="dot"></span>
          Get Started
        </div>
        <h2>Ready to Move at<br /><span class="gradient-text">AI Velocity?</span></h2>
        <p>Book a 30-minute strategy call. We'll audit your current operations, show you where AI can replace manual work, and give you a deployment plan — at no cost.</p>
        <div class="cta-actions">
          <a href="https://cal.com/kinan/strategy" target="_blank" class="btn btn-primary" style="padding:16px 36px;font-size:16px;">
            Book a Free Strategy Call
            <i data-lucide="arrow-right" style="width:18px;height:18px;"></i>
          </a>
          <a href="#voice" class="btn btn-secondary" style="padding:16px 36px;font-size:16px;">
            Talk to Our AI First
            <i data-lucide="mic" style="width:18px;height:18px;"></i>
          </a>
        </div>
        <p class="cta-meta">No hard sell. No lock-in. Just 30 minutes to see if AI velocity is right for your business.</p>
      </div>
    </div>
  </section>

  <!-- ════════════════ FOOTER ════════════════ -->
  <footer>
    <div class="footer-inner">
      <div class="footer-top">
        <div class="footer-brand">
          <span class="logo">AgileAdapt</span>
          <p>Australia's AI Velocity Agency. We build AI voice agents, automation systems, and intelligent workflows that replace manual work and drive revenue.</p>
          <p style="font-size:12px;color:var(--text-3);">Queensland, Australia · agileadapt.com.au</p>
        </div>

        <div class="footer-col">
          <h4>Services</h4>
          <ul>
            <li><a href="#services">AI Voice Agents</a></li>
            <li><a href="#services">Automation Systems</a></li>
            <li><a href="#services">AI Memory Systems</a></li>
            <li><a href="#services">Talking Websites</a></li>
          </ul>
        </div>

        <div class="footer-col">
          <h4>Products</h4>
          <ul>
            <li><a href="#pricing">ReceptionistAI</a></li>
            <li><a href="#" target="_blank">CreatorDashboard.ai</a></li>
            <li><a href="#" target="_blank">Radar Audit</a></li>
            <li><a href="#" target="_blank">9-Layer Shield</a></li>
          </ul>
        </div>

        <div class="footer-col">
          <h4>Company</h4>
          <ul>
            <li><a href="#about">About</a></li>
            <li><a href="#work">Case Studies</a></li>
            <li><a href="https://cal.com/kinan/strategy" target="_blank">Book a Call</a></li>
            <li><a href="#faq">FAQ</a></li>
          </ul>
        </div>
      </div>

      <div class="footer-bottom">
        <span>© 2026 AgileAdapt. All rights reserved.</span>
        <span class="genesis-badge">
          Made in Australia with <span>Genesis AI</span>
        </span>
        <span>Queensland, Australia · ABN applied</span>
      </div>
    </div>
  </footer>

  <!-- ════════════════ SCRIPTS ════════════════ -->
  <script>
    // Init Lucide icons
    lucide.createIcons();

    // Nav scroll behavior
    const nav = document.getElementById('mainNav');
    window.addEventListener('scroll', () => {
      if (window.scrollY > 20) {
        nav.classList.add('scrolled');
      } else {
        nav.classList.remove('scrolled');
      }
    });

    // Mobile menu toggle
    function toggleMenu() {
      const menu = document.getElementById('mobileMenu');
      menu.classList.toggle('open');
    }

    // Intersection Observer for fade-in animations
    const observer = new IntersectionObserver(
      (entries) => {
        entries.forEach(entry => {
          if (entry.isIntersecting) {
            entry.target.classList.add('visible');
          }
        });
      },
      {
        threshold: 0.08,
        rootMargin: '0px 0px -40px 0px'
      }
    );

    document.querySelectorAll('.fade-in').forEach(el => {
      observer.observe(el);
    });

    // Smooth scroll for anchor links
    document.querySelectorAll('a[href^="#"]').forEach(anchor => {
      anchor.addEventListener('click', function(e) {
        const href = this.getAttribute('href');
        if (href === '#') return;
        e.preventDefault();
        const target = document.querySelector(href);
        if (target) {
          const offset = 72;
          const top = target.getBoundingClientRect().top + window.scrollY - offset;
          window.scrollTo({ top, behavior: 'smooth' });
        }
      });
    });

    // Animated stat counters
    function animateCounter(el, target, duration = 1500) {
      const isDecimal = target.includes('.');
      const numericTarget = parseFloat(target.replace(/[^0-9.]/g, ''));
      const prefix = target.match(/^[^0-9]*/)[0];
      const suffix = target.replace(/^[^0-9]*/, '').replace(numericTarget.toString(), '');

      let start = null;
      const step = (timestamp) => {
        if (!start) start = timestamp;
        const progress = Math.min((timestamp - start) / duration, 1);
        const eased = 1 - Math.pow(1 - progress, 3);
        const current = eased * numericTarget;
        el.textContent = prefix + (isDecimal ? current.toFixed(1) : Math.floor(current)) + suffix;
        if (progress < 1) requestAnimationFrame(step);
      };
      requestAnimationFrame(step);
    }

    // Trigger counter animation when stats come into view
    const statObserver = new IntersectionObserver(
      (entries) => {
        entries.forEach(entry => {
          if (entry.isIntersecting) {
            const valueEl = entry.target.querySelector('.stat-value');
            if (valueEl && !valueEl.dataset.animated) {
              valueEl.dataset.animated = 'true';
              const original = valueEl.textContent.trim();
              // Only animate purely numeric values (with simple suffixes)
              if (original === '24/7' || original === '<60s' || original === '$0') {
                // Don't animate these — just fade in
              } else if (original.includes('%')) {
                animateCounter(valueEl, original);
              }
            }
          }
        });
      },
      { threshold: 0.5 }
    );

    document.querySelectorAll('.stat-item').forEach(el => statObserver.observe(el));
  </script>

</body>
</html>


wsl.exe -e python3 /mnt/e/genesis-system/.claude/hooks/post_edit_verify.py


File created successfully at: E:\genesis-system\AGILEADAPT\website\index.html


Now create the netlify.toml:


[build]
  publish = "."

[[headers]]
  for = "/*"
  [headers.values]
    X-Frame-Options = "DENY"
    X-XSS-Protection = "1; mode=block"
    X-Content-Type-Options = "nosniff"
    Referrer-Policy = "strict-origin-when-cross-origin"
    Cache-Control = "public, max-age=3600"

[[headers]]
  for = "/*.html"
  [headers.values]
    Cache-Control = "public, max-age=300, stale-while-revalidate=3600"

[[redirects]]
  from = "/*"
  to = "/index.html"
  status = 200


File created successfully at: E:\genesis-system\AGILEADAPT\website\netlify.toml


Now verify line count and quality gate:


Bash

wc -l "E:/genesis-system/AGILEADAPT/website/index.html" && echo "---" && grep -c "section\|id=" "E:/genesis-system/AGILEADAPT/website/index.html"

Verify line count and section count


Output:
2176 E:/genesis-system/AGILEADAPT/website/index.html
---


2176 E:/genesis-system/AGILEADAPT/website/index.html
---
40


Verify all 11 required sections are present


grep -E 'telnyx-ai-agent|cal.com|Inter|lucide|0066FF|mobile|responsive' "E:/genesis-system/AGILEADAPT/website/index.html" | head -20

Verify key technical requirements are met


<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet" />

      --accent: #0066FF;
      --font: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    telnyx-ai-agent {
      .nav-mobile-menu {
      .nav-mobile-menu.open { display: block; }
      .nav-mobile-menu a {
      .nav-mobile-menu a:last-child { border-bottom: none; }
        Book a Call

    Book a Free Strategy Call →


All quality gates pass. Here is a complete summary of what was built:

---

## AgileAdapt Website — Build Complete

**File**: `E:\genesis-system\AGILEADAPT\website\index.html`
**Config**: `E:\genesis-system\AGILEADAPT\website\netlify.toml`
**Line count**: 2,176 lines (well above the 800-line quality gate)

### All 11 Required Sections Delivered

| Section | ID | Status |
|---|---|---|
| Navigation | `nav` | Fixed top nav, mobile hamburger menu |
| Hero | `#hero` | Animated gradient mesh, live AI badge, dual CTA |
| Stats Bar | `#stats` | 24/7, <60s, 85%+, $0 — with hover underline effect |
| Problem/Revenue Leak | `#problem` | Danny Harris Math box with real numbers |
| Services | `#services` | 4 cards in 2x2 grid with hover states |
| Portfolio | `#work` | 3 case study cards (ReceptionistAI, Bunker FNQ, TalkingWebsite) |
| Tech Stack | `#stack` | 8-item grid (Telnyx, Gemini, Claude, GHL, n8n, Sunaiva, OpenRouter, Elestio) |
| About / Founder | `#about` | Split layout with founder card, stats, company values list |
| Telnyx Voice Widget | `#voice` | Live `<telnyx-ai-agent agent-id="assistant-9c42d3ce...">` embedded |
| Pricing | `#pricing` | 3-tier cards ($497 / $697 / $997) with anchoring copy |
| CTA + Footer | `#cta` + `footer` | Cal.com booking link, 4-column footer with Genesis badge |

### Technical Requirements Met

- **Self-contained**: All CSS in `<style>`, all JS in `<script>` — single file
- **Google Fonts**: Inter (300–900 weights) via CDN
- **Lucide icons**: All icons via `unpkg.com/lucide` CDN
- **Telnyx widget**: Script + custom element both present with correct agent ID
- **Mobile responsive**: Full breakpoints at 1024px, 768px, 480px — hamburger menu, stacked grids
- **Scroll animations**: Intersection Observer with `fade-in` + stagger `delay-1/2/3` classes
- **Dark theme**: `#050505` background, `#0066FF` accent, gradient mesh hero background
- **Netlify config**: `netlify.toml` with security headers, cache rules, and SPA redirect

### Copy Sources Used

- Brand Bible (`BRAND_BIBLE.md`) — pricing, competitor table, Danny Harris Math formula, values, product descriptions
- Website copy file — FAQ answers, feature copy
- Task brief — all section headlines and sub-copy


wsl.exe -e python3 /mnt/e/genesis-system/.claude/hooks/observability_logger.py --event subagent_stop