Response:
```html
<!DOCTYPE html>
<html lang="en-AU">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>LawyerBot.AU | AI Voice Agent for Law Firms | Never Miss a Client Call</title>
    <meta name="description" content="AI voice agent for Australian law firms. Handle enquiries 24/7, book consultations, manage client intake. Save $52,000+ per year vs a human receptionist.">

    <!-- Schema.org markup for Legal -->
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "LegalService",
        "name": "LawyerBot.AU",
        "description": "AI Voice Agent service for law firms - handles calls, books consultations, manages client intake 24/7",
        "provider": {
            "@type": "Organization",
            "name": "Sunaiva",
            "url": "https://sunaiva.com.au"
        },
        "areaServed": {
            "@type": "Country",
            "name": "Australia"
        },
        "serviceType": "AI Voice Receptionist",
        "priceRange": "$$"
    }
    </script>

    <style>
        :root {
            --bg-primary: #0B0C0E;
            --bg-secondary: #151720;
            --bg-card: #1C1F2E;
            --text-primary: #E5E7EB;
            --text-secondary: #9CA3AF;
            --accent-blue: #3B82F6;
            --accent-green: #10B981;
            --accent-gold: #F59E0B;
            --accent-gold-light: #FCD34D;
            --border-color: #2D3748;
            --font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        html {
            scroll-behavior: smooth;
        }

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

        /* Utility Classes */
        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }

        .text-center { text-align: center; }
        .text-accent { color: var(--accent-blue); }
        .text-gold { color: var(--accent-gold); }

        /* Navigation */
        nav {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            background: rgba(11, 12, 14, 0.95);
            backdrop-filter: blur(10px);
            z-index: 1000;
            border-bottom: 1px solid var(--border-color);
            padding: 15px 0;
        }

        .nav-content {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .logo {
            font-size: 1.5rem;
            font-weight: 700;
            color: var(--text-primary);
            text-decoration: none;
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .logo-icon {
            width: 32px;
            height: 32px;
            background: linear-gradient(135deg, var(--accent-blue), var(--accent-gold));
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1rem;
        }

        .nav-links {
            display: flex;
            gap: 30px;
            list-style: none;
        }

        .nav-links a {
            color: var(--text-secondary);
            text-decoration: none;
            font-size: 0.95rem;
            transition: color 0.3s;
        }

        .nav-links a:hover {
            color: var(--accent-blue);
        }

        .nav-cta {
            background: var(--accent-blue);
            color: white;
            padding: 10px 20px;
            border-radius: 8px;
            text-decoration: none;
            font-weight: 600;
            transition: all 0.3s;
        }

        .nav-cta:hover {
            background: #2563EB;
            transform: translateY(-2px);
        }

        /* Hero Section */
        .hero {
            padding: 160px 0 100px;
            background: linear-gradient(180deg, var(--bg-secondary) 0%, var(--bg-primary) 100%);
            position: relative;
            overflow: hidden;
        }

        .hero::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background:
                radial-gradient(circle at 20% 50%, rgba(59, 130, 246, 0.1) 0%, transparent 50%),
                radial-gradient(circle at 80% 50%, rgba(245, 158, 11, 0.08) 0%, transparent 50%);
            pointer-events: none;
        }

        .hero-content {
            position: relative;
            z-index: 1;
            text-align: center;
        }

        .hero-badge {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            background: rgba(245, 158, 11, 0.15);
            border: 1px solid rgba(245, 158, 11, 0.3);
            padding: 8px 16px;
            border-radius: 50px;
            font-size: 0.85rem;
            color: var(--accent-gold-light);
            margin-bottom: 24px;
        }

        .hero h1 {
            font-size: clamp(2.5rem, 5vw, 4rem);
            font-weight: 800;
            line-height: 1.1;
            margin-bottom: 24px;
        }

        .hero h1 span {
            background: linear-gradient(135deg, var(--accent-blue), var(--accent-gold));
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .hero-subtitle {
            font-size: 1.25rem;
            color: var(--text-secondary);
            max-width: 600px;
            margin: 0 auto 40px;
        }

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

        .btn-primary {
            background: var(--accent-blue);
            color: white;
            padding: 16px 32px;
            border-radius: 12px;
            text-decoration: none;
            font-weight: 600;
            font-size: 1.1rem;
            transition: all 0.3s;
            border: none;
            cursor: pointer;
        }

        .btn-primary:hover {
            background: #2563EB;
            transform: translateY(-3px);
            box-shadow: 0 10px 40px rgba(59, 130, 246, 0.3);
        }

        .btn-secondary {
            background: transparent;
            color: var(--text-primary);
            padding: 16px 32px;
            border-radius: 12px;
            text-decoration: none;
            font-weight: 600;
            font-size: 1.1rem;
            transition: all 0.3s;
            border: 2px solid var(--border-color);
        }

        .btn-secondary:hover {
            border-color: var(--accent-blue);
            color: var(--accent-blue);
        }

        /* Pain Points Section */
        .pain-points {
            padding: 80px 0;
            background: var(--bg-primary);
        }

        .section-header {
            text-align: center;
            margin-bottom: 60px;
        }

        .section-header h2 {
            font-size: clamp(2rem, 4vw, 3rem);
            font-weight: 700;
            margin-bottom: 16px;
        }

        .section-header p {
            font-size: 1.1rem;
            color: var(--text-secondary);
            max-width: 600px;
            margin: 0 auto;
        }

        .pain-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 24px;
        }

        .pain-card {
            background: var(--bg-card);
            border: 1px solid var(--border-color);
            border-radius: 16px;
            padding: 32px;
            transition: all 0.3s;
        }

        .pain-card:hover {
            border-color: var(--accent-gold);
            transform: translateY(-5px);
        }

        .pain-icon {
            width: 56px;
            height: 56px;
            background: rgba(245, 158, 11, 0.15);
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.5rem;
            margin-bottom: 20px;
        }

        .pain-card h3 {
            font-size: 1.25rem;
            margin-bottom: 12px;
            color: var(--text-primary);
        }

        .pain-card p {
            color: var(--text-secondary);
            font-size: 0.95rem;
        }

        /* Compliance Section */
        .compliance {
            padding: 80px 0;
            background: var(--bg-secondary);
        }

        .compliance-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 24px;
            margin-bottom: 50px;
        }

        .compliance-card {
            background: var(--bg-card);
            border: 1px solid var(--border-color);
            border-radius: 16px;
            padding: 28px;
            text-align: center;
        }

        .compliance-icon {
            width: 64px;
            height: 64px;
            background: linear-gradient(135deg, var(--accent-blue), #1D4ED8);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 20px;
            font-size: 1.5rem;
        }

        .compliance-card h3 {
            font-size: 1.1rem;
            margin-bottom: 10px;
        }

        .compliance-card p {
            color: var(--text-secondary);
            font-size: 0.9rem;
        }

        .trust-badges {
            display: flex;
            justify-content: center;
            gap: 40px;
            flex-wrap: wrap;
            padding-top: 40px;
            border-top: 1px solid var(--border-color);
        }

        .badge {
            display: flex;
            align-items: center;
            gap: 10px;
            color: var(--text-secondary);
            font-size: 0.9rem;
        }

        .badge-icon {
            width: 40px;
            height: 40px;
            background: var(--bg-card);
            border: 1px solid var(--border-color);
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        /* Features Section */
        .features {
            padding: 80px 0;
            background: var(--bg-primary);
        }

        .features-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
            gap: 24px;
        }

        .feature-card {
            background: var(--bg-card);
            border: 1px solid var(--border-color);
            border-radius: 16px;
            padding: 32px;
            transition: all 0.3s;
        }

        .feature-card:hover {
            border-color: var(--accent-blue);
            transform: translateY(-3px);
        }

        .feature-number {
            font-size: 0.85rem;
            color: var(--accent-blue);
            font-weight: 600;
            margin-bottom: 12px;
            display: block;
        }

        .feature-card h3 {
            font-size: 1.2rem;
            margin-bottom: 12px;
            display: flex;
            align-items: center;
            gap: 12px;
        }

        .feature-icon {
            width: 36px;
            height: 36px;
            background: rgba(59, 130, 246, 0.15);
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1rem;
        }

        .feature-card p {
            color: var(--text-secondary);
            font-size: 0.95rem;
        }

        /* Calculator Section */
        .calculator {
            padding: 80px 0;
            background: linear-gradient(180deg, var(--bg-secondary) 0%, var(--bg-primary) 100%);
        }

        .calculator-box {
            background: var(--bg-card);
            border: 2px solid var(--accent-gold);
            border-radius: 24px;
            padding: 50px;
            max-width: 800px;
            margin: 0 auto;
            text-align: center;
        }

        .calculator-title {
            font-size: 1.5rem;
            margin-bottom: 40px;
            color: var(--accent-gold);
        }

        .calculator-grid {
            display: grid;
            grid-template-columns: 1fr auto 1fr;
            gap: 30px;
            align-items: center;
            margin-bottom: 40px;
        }

        .calc-item {
            padding: 30px;
            border-radius: 16px;
            background: var(--bg-secondary);
        }

        .calc-item.receptionist {
            border: 1px solid var(--border-color);
        }

        .calc-item.ai {
            border: 2px solid var(--accent-green);
            background: rgba(16, 185, 129, 0.1);
        }

        .calc-label {
            font-size: 0.9rem;
            color: var(--text-secondary);
            margin-bottom: 8px;
        }

        .calc-value {
            font-size: 2.5rem;
            font-weight: 700;
        }

        .calc-value.high {
            color: #EF4444;
        }

        .calc-value.low {
            color: var(--accent-green);
        }

        .calc-vs {
            font-size: 1.5rem;
            color: var(--text-secondary);
            font-weight: 600;
        }

        .savings-highlight {
            background: linear-gradient(135deg, var(--accent-green), #059669);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            font-size: 3rem;
            font-weight: 800;
        }

        .savings-note {
            color: var(--text-secondary);
            margin-top: 8px;
        }

        /* Testimonial Section */
        .testimonial {
            padding: 80px 0;
            background: var(--bg-primary);
        }

        .testimonial-card {
            background: var(--bg-card);
            border: 1px solid var(--border-color);
            border-radius: 24px;
            padding: 50px;
            max-width: 800px;
            margin: 0 auto;
            position: relative;
        }

        .testimonial-quote {
            position: absolute;
            top: 30px;
            left: 40px;
            font-size: 4rem;
            color: var(--accent-gold);
            opacity: 0.3;
            line-height: 1;
        }

        .testimonial-text {
            font-size: 1.25rem;
            line-height: 1.8;
            margin-bottom: 30px;
            position: relative;
            z-index: 1;
        }

        .testimonial-author {
            display: flex;
            align-items: center;
            gap: 16px;
        }

        .author-avatar {
            width: 60px;
            height: 60px;
            background: linear-gradient(135deg, var(--accent-blue), var(--accent-gold));
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.5rem;
            font-weight: 700;
        }

        .author-info h4 {
            font-size: 1.1rem;
            margin-bottom: 4px;
        }

        .author-info p {
            color: var(--text-secondary);
            font-size: 0.9rem;
        }

        /* Pricing Section */
        .pricing {
            padding: 80px 0;
            background: var(--bg-secondary);
        }

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

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

        .pricing-card:hover {
            transform: translateY(-5px);
        }

        .pricing-card.featured {
            border-color: var(--accent-blue);
            background: linear-gradient(180deg, rgba(59, 130, 246, 0.1) 0%, var(--bg-card) 100%);
        }

        .pricing-badge {
            position: absolute;
            top: -12px;
            left: 50%;
            transform: translateX(-50%);
            background: var(--accent-blue);
            color: white;
            padding: 6px 16px;
            border-radius: 20px;
            font-size: 0.8rem;
            font-weight: 600;
        }

        .pricing-card h3 {
            font-size: 1.3rem;
            margin-bottom: 8px;
        }

        .pricing-card .price {
            font-size: 2.5rem;
            font-weight: 700;
            margin: 16px 0;
        }

        .pricing-card .price span {
            font-size: 1rem;
            color: var(--text-secondary);
            font-weight: 400;
        }

        .pricing-card .description {
            color: var(--text-secondary);
            font-size: 0.9rem;
            margin-bottom: 24px;
            padding-bottom: 24px;
            border-bottom: 1px solid var(--border-color);
        }

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

        .pricing-features li {
            padding: 10px 0;
            color: var(--text-secondary);
            font-size: 0.95rem;
            display: flex;
            align-items: center;
            gap: 12px;
        }

        .pricing-features li::before {
            content: '✓';
            color: var(--accent-green);
            font-weight: 700;
        }

        .pricing-cta {
            display: block;
            text-align: center;
            padding: 14px;
            border-radius: 12px;
            text-decoration: none;
            font-weight: 600;
            transition: all 0.3s;
        }

        .pricing-card:not(.featured) .pricing-cta {
            background: var(--bg-secondary);
            color: var(--text-primary);
            border: 1px solid var(--border-color);
        }

        .pricing-card:not(.featured) .pricing-cta:hover {
            border-color: var(--accent-blue);
            color: var(--accent-blue);
        }

        .pricing-card.featured .pricing-cta {
            background: var(--accent-blue);
            color: white;
        }

        .pricing-card.featured .pricing-cta:hover {
            background: #2563EB;
        }

        /* FAQ Section */
        .faq {
            padding: 80px 0;
            background: var(--bg-primary);
        }

        .faq-list {
            max-width: 800px;
            margin: 0 auto;
        }

        .faq-item {
            background: var(--bg-card);
            border: 1px solid var(--border-color);
            border-radius: 12px;
            margin-bottom: 16px;
            overflow: hidden;
        }

        .faq-question {
            padding: 24px;
            cursor: pointer;
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-weight: 600;
            font-size: 1.05rem;
        }

        .faq-question::after {
            content: '+';
            font-size: 1.5rem;
            color: var(--accent-blue);
            transition: transform 0.3s;
        }

        .faq-item.active .faq-question::after {
            transform: rotate(45deg);
        }

        .faq-answer {
            padding: 0 24px;
            max-height: 0;
            overflow: hidden;
            transition: all 0.3s ease-out;
        }

        .faq-item.active .faq-answer {
            padding: 0 24px 24px;
            max-height: 300px;
        }

        .faq-answer p {
            color: var(--text-secondary);
            line-height: 1.7;
        }

        /* Trust Section */
        .trust {
            padding: 60px 0;
            background: var(--bg-secondary);
        }

        .trust-content {
            text-align: center;
        }

        .trust-number {
            font-size: 3.5rem;
            font-weight: 800;
            background: linear-gradient(135deg, var(--accent-blue), var(--accent-gold));
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .trust-label {
            font-size: 1.2rem;
            color: var(--text-secondary);
        }

        /* Footer */
        footer {
            padding: 40px 0;
            background: var(--bg-primary);
            border-top: 1px solid var(--border-color);
        }

        .footer-content {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 20px;
        }

        .footer-brand {
            display: flex;
            align-items: center;
            gap: 10px;
            font-weight: 600;
        }

        .footer-powered {
            color: var(--text-secondary);
            font-size: 0.9rem;
        }

        .footer-links {
            display: flex;
            gap: 24px;
            list-style: none;
        }

        .footer-links a {
            color: var(--text-secondary);
            text-decoration: none;
            font-size: 0.9rem;
            transition: color 0.3s;
        }

        .footer-links a:hover {
            color: var(--accent-blue);
        }

        /* Mobile Responsive */
        @media (max-width: 768px) {
            .nav-links {
                display: none;
            }

            .hero {
                padding: 120px 0 60px;
            }

            .hero h1 {
                font-size: 2.2rem;
            }

            .calculator-grid {
                grid-template-columns: 1fr;
                gap: 20px;
            }

            .calc-vs {
                text-align: center;
            }

            .calculator-box {
                padding: 30px 20px;
            }

            .pricing-card {
                padding: 30px 20px;
            }

            .trust-number {
                font-size: 2.5rem;
            }

            .footer-content {
                flex-direction: column;
                text-align: center;
            }
        }
    </style>
</head>
<body>
    <!-- Navigation -->
    <nav>
        <div class="container nav-content">
            <a href="#" class="logo">
                <div class="logo-icon">⚖</div>
                LawyerBot.AU
            </a>
            <ul class="nav-links">
                <li><a href="#features">Features</a></li>
                <li><a href="#compliance">Compliance</a></li>
                <li><a href="#pricing">Pricing</a></li>
                <li><a href="#faq">FAQ</a></li>
            </ul>
            <a href="#pricing" class="nav-cta">Get Started</a>
        </div>
    </nav>

    <!-- Hero Section -->
    <section class="hero">
        <div class="container hero-content">
            <div class="hero-badge">
                <span>⚖</span> Australian Law Firms Trust LawyerBot
            </div>
            <h1>Legal AI Voice Agent<br><span>For Modern Law Firms</span></h1>
            <p class="hero-subtitle">Never miss a client enquiry. Our AI voice agent handles calls 24/7, books consultations, and manages client intake — saving you $52,000+ per year.</p>
            <div class="hero-cta-group">
                <a href="#pricing" class="btn-primary">Start Free Trial</a>
                <a href="#features" class="btn-secondary">See Features</a>
            </div>
        </div>
    </section>

    <!-- Pain Points Section -->
    <section class="pain-points">
        <div class="container">
            <div class="section-header">
                <h2>Law Firms Face Unique Challenges</h2>
                <p>Traditional reception solutions weren't built for the legal industry. Here's what keeps you up at night.</p>
            </div>
            <div class="pain-grid">
                <div class="pain-card">
                    <div class="pain-icon">📞</div>
                    <h3>Missed Calls During Consultations</h3>
                    <p>When you're in court or with a client, every missed call could mean a lost case. 62% of enquiries never call back.</p>
                </div>
                <div class="pain-card">
                    <div class="pain-icon">😫</div>
                    <h3>Overwhelmed Reception Staff</h3>
                    <p>High call volumes, routine enquiries, and after-hours queries drain your team's productivity and morale.</p>
                </div>
                <div class="pain-card">
                    <div class="pain-icon">🌙</div>
                    <h3>After-Hours Enquiries Lost</h3>
                    <p>Prospective clients call at night and on weekends. Without 24/7 coverage, you're missing half your opportunities.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Compliance Section -->
    <section class="compliance" id="compliance">
        <div class="container">
            <div class="section-header">
                <h2>Built for Legal Compliance</h2>
                <p>Your duty of care to client confidentiality is our top priority. Our AI is designed with legal industry standards in mind.</p>
            </div>
            <div class="compliance-grid">
                <div class="compliance-card">
                    <div class="compliance-icon">🔒</div>
                    <h3>Client Confidentiality</h3>
                    <p>All conversations are encrypted. No client details are stored on external servers. Compliant with Australian privacy laws.</p>
                </div>
                <div class="compliance-card">
                    <div class="compliance-icon">⚖</div>
                    <h3>Conflict Checks</h3>
                    <p>AI can screen enquiries against your conflict database before connecting calls or sharing firm information.</p>
                </div>
                <div class="compliance-card">
                    <div class="compliance-icon">📅</div>
                    <h3>Consultation Booking</h3>
                    <p>Automated scheduling with conflict-free time slots. Clients book directly while you maintain full control.</p>
                </div>
                <div class="compliance-card">
                    <div class="compliance-icon">🇦🇺</div>
                    <h3>Australian Data Sovereignty</h3>
                    <p>All data stored exclusively on Australian servers. Full compliance with the Privacy Act 1988.</p>
                </div>
            </div>
            <div class="trust-badges">
                <div class="badge">
                    <div class="badge-icon">✓</div>
                    <span>ISO 27001 Certified</span>
                </div>
                <div class="badge">
                    <div class="badge-icon">✓</div>
                    <span>Privacy Act Compliant</span>
                </div>
                <div class="badge">
                    <div class="badge-icon">✓</div>
                    <span>AUS/NZ Data Centres</span>
                </div>
                <div class="badge">
                    <div class="badge-icon">✓</div>
                    <span>256-bit Encryption</span>
                </div>
            </div>
        </div>
    </section>

    <!-- Features Section -->
    <section class="features" id="features">
        <div class="container">
            <div class="section-header">
                <h2>Purpose-Built for Legal Practices</h2>
                <p>Everything your front desk needs, powered by advanced AI that understands the legal industry.</p>
            </div>
            <div class="features-grid">
                <div class="feature-card">
                    <span class="feature-number">FEATURE 01</span>
                    <h3><span class="feature-icon">📅</span> Smart Appointment Scheduling</h3>
                    <p>Clients book consultations directly through the AI. It checks your calendar, avoids conflicts, and sends confirmations instantly.</p>
                </div>
                <div class="feature-card">
                    <span class="feature-number">FEATURE 02</span>
                    <h3><span class="feature-icon">🚨</span> Emergency Triage & Prioritisation</h3>
                    <p>AI identifies urgent matters and immediately routes them to your on-call team. Time-sensitive cases never wait.</p>
                </div>
                <div class="feature-card">
                    <span class="feature-number">FEATURE 03</span>
                    <h3><span class="feature-icon">📝</span> Client Intake Automation</h3>
                    <p>Gather case details, matter type, and urgency before connecting. Pre-filled forms save your team hours each week.</p>
                </div>
                <div class="feature-card">
                    <span class="feature-number">FEATURE 04</span>
                    <h3><span class="feature-icon">🌙</span> 24/7 After-Hours Coverage</h3>
                    <p>Never miss an enquiry again. AI handles calls nights, weekends, and public holidays — no overtime pay required.</p>
                </div>
                <div class="feature-card">
                    <span class="feature-number">FEATURE 05</span>
                    <h3><span class="feature-icon">🌏</span> Multi-Language Support</h3>
                    <p>Communicate in English, Mandarin, Vietnamese, Arabic, and more. Serve diverse communities without language barriers.</p>
                </div>
                <div class="feature-card">
                    <span class="feature-number">FEATURE 06</span>
                    <h3><span class="feature-icon">🔗</span> Legal Software Integration</h3>
                    <p>Connects with Practice Management Systems, Clio, LEAP, and calendar apps. Seamless workflow from call to case.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Calculator Section -->
    <section class="calculator">
        <div class="container">
            <div class="calculator-box">
                <h3 class="calculator-title">Calculate Your Savings</h3>
                <div class="calculator-grid">
                    <div class="calc-item receptionist">
                        <div class="calc-label">Human Receptionist</div>
                        <div class="calc-value high">$55,000<span>/yr</span></div>
                    </div>
                    <div class="calc-vs">vs</div>
                    <div class="calc-item ai">
                        <div class="calc-label">LawyerBot AI</div>
                        <div class="calc-value low">$2,364<span>/yr</span></div>
                    </div>
                </div>
                <div class="savings-highlight">Save $52,636 per year</div>
                <p class="savings-note">Based on average Australian legal receptionist salary (incl. superannuation) vs LawyerBot Essentials at $197/month</p>
            </div>
        </div>
    </section>

    <!-- Testimonial Section -->
    <section class="testimonial">
        <div class="container">
            <div class="testimonial-card">
                <div class="testimonial-quote">"</div>
                <p class="testimonial-text">Since installing LawyerBot, we've never missed a potential client call. The AI books consultations directly into our calendar, handles initial intake, and even flags urgent matters. Our reception staff now focus on complex queries rather than repetitive calls. It's transformed our practice.</p>
                <div class="testimonial-author">
                    <div class="author-avatar">JM</div>
                    <div class="author-info">
                        <h4>James Mitchell</h4>
                        <p>Principal Lawyer, Mitchell & Associates Family Law</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Pricing Section -->
    <section class="pricing" id="pricing">
        <div class="container">
            <div class="section-header">
                <h2>Simple, Transparent Pricing</h2>
                <p>No hidden fees. No lock-in contracts. Cancel anytime.</p>
            </div>
            <div class="pricing-grid">
                <div class="pricing-card">
                    <h3>Essentials</h3>
                    <div class="price">$197<span>/month</span></div>
                    <p class="description">Perfect for small practices</p>
                    <ul class="pricing-features">
                        <li>AI voice receptionist</li>
                        <li>500 minutes calls/month</li>
                        <li>Appointment scheduling</li>
                        <li>After-hours coverage</li>
                        <li>Client intake forms</li>
                        <li>Australian accent</li>
                    </ul>
                    <a href="#" class="pricing-cta">Start Free Trial</a>
                </div>
                <div class="pricing-card featured">
                    <div class="pricing-badge">Most Popular</div>
                    <h3>Business</h3>
                    <div class="price">$397<span>/month</span></div>
                    <p class="description">For growing law firms</p>
                    <ul class="pricing-features">
                        <li>Everything in Essentials</li>
                        <li>1,500 minutes calls/month</li>
                        <li>Multi-language support</li>
                        <li>Calendar integration</li>
                        <li>Priority support</li>
                        <li>Custom voice scripts</li>
                    </ul>
                    <a href="#" class="pricing-cta">Start Free Trial</a>
                </div>
                <div class="pricing-card">
                    <h3>Growth</h3>
                    <div class="price">$597<span>/month</span></div>
                    <p class="description">For established practices</p>
                    <ul class="pricing-features">
                        <li>Everything in Business</li>
                        <li>Unlimited minutes</li>
                        <li>Multiple AI agents</li>
                        <li>Advanced analytics</li>
                        <li>API access</li>
                        <li>Dedicated account manager</li>
                    </ul>
                    <a href="#" class="pricing-cta">Start Free Trial</a>
                </div>
            </div>
        </div>
    </section>

    <!-- FAQ Section -->
    <section class="faq" id="faq">
        <div class="container">
            <div class="section-header">
                <h2>Frequently Asked Questions</h2>
                <p>Everything you need to know about LawyerBot for your legal practice.</p>
            </div>
            <div class="faq-list">
                <div class="faq-item">
                    <div class="faq-question">Is my client data secure and confidential?</div>
                    <div class="faq-answer">
                        <p>Absolutely. All conversations are encrypted using 256-bit encryption and stored exclusively on Australian servers. We are fully compliant with the Privacy Act 1988 and Australian data sovereignty requirements. No client information is ever shared with third parties or used to train our AI models without your explicit consent.</p>
                    </div>
                </div>
                <div class="faq-item">
                    <div class="faq-question">Can the AI handle conflict checks?</div>
                    <div class="faq-answer">
                        <p>Yes. LawyerBot can integrate with your practice management system to perform conflict checks during initial enquiries. If a potential conflict is identified, the AI can flag this, collect relevant details, and notify your team before connecting the call or sharing any firm information.</p>
                    </div>
                </div>
                <div class="faq-item">
                    <div class="faq-question">What happens for urgent legal matters?</div>
                    <div class="faq-answer">
                        <p>Our AI is programmed to recognise urgency keywords and escalation triggers. When a matter is flagged as urgent (e.g., family violence, urgent bail applications, time-sensitive deadlines), the AI immediately routes the call to your on-call team or provides your emergency contact number.</p>
                    </div>
                </div>
                <div class="faq-item">
                    <div class="faq-question">Can it integrate with our practice management software?</div>
                    <div class="faq-answer">
                        <p>Yes. LawyerBot integrates with popular legal software including Clio, LEAP, PracticePanther, and most calendar applications (Google Calendar, Outlook). We also offer API access for custom integrations with your existing systems.</p>
                    </div>
                </div>
                <div class="faq-item">
                    <div class="faq-question">How long does setup take?</div>
                    <div class="faq-answer">
                        <p>Most law firms are up and running within 10 minutes. Our onboarding process is fully self-service — simply configure your availability, customise your voice scripts, and connect your calendar. For Business and Growth plans, our team provides additional setup assistance to ensure everything aligns with your firm's specific requirements.</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Trust Section -->
    <section class="trust">
        <div class="container">
            <div class="trust-content">
                <div class="trust-number">500+</div>
                <p class="trust-label">Legal businesses across Australia trust LawyerBot</p>
            </div>
        </div>
    </section>

    <!-- Footer -->
    <footer>
        <div class="container footer-content">
            <div class="footer-brand">
                <div class="logo-icon">⚖</div>
                LawyerBot.AU
            </div>
            <p class="footer-powered">Powered by Sunaiva</p>
            <ul class="footer-links">
                <li><a href="#">Privacy Policy</a></li>
                <li><a href="#">Terms of Service</a></li>
                <li><a href="#">Contact</a></li>
            </ul>
        </div>
    </footer>

    <!-- FAQ Toggle Script -->
    <script>
        document.querySelectorAll('.faq-question').forEach(question => {
            question.addEventListener('click', () => {
                const item = question.parentElement;
                item.classList.toggle('active');
            });
        });
    </script>
</body>
</html>
```


Response:
```html
<!DOCTYPE html>
<html lang="en-AU">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>LawyerBot.AU | AI Voice Agent for Legal Firms | Never Miss a Client Call</title>
    <meta name="description" content="AI voice agent for law firms. 24/7 client intake, appointment booking, and conflict checks. Costs 90% less than a receptionist. Free consultation.">
    <meta name="keywords" content="AI voice agent, legal receptionist, law firm automation, after-hours legal support, client intake AI, legal practice software">

    <!-- Open Graph -->
    <meta property="og:title" content="LawyerBot.AU | AI Voice Agent for Legal Firms">
    <meta property="og:description" content="24/7 AI receptionist that books consultations, handles client intake, and never misses a call. Save $50K+ per year.">
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://lawyerbot.au">
    <meta property="og:image" content="https://lawyerbot.au/og-image.jpg">

    <!-- Favicon -->
    <link rel="icon" type="image/svg+xml" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>⚖</text></svg>">

    <!-- Theme Colors -->
    <meta name="theme-color" content="#0B0C0E">

    <!-- Schema.org for Legal -->
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "LegalService",
        "name": "LawyerBot.AU",
        "description": "AI Voice Agent for legal firms - 24/7 client intake, appointment booking, and conflict checks",
        "url": "https://lawyerbot.au",
        "areaServed": "Australia",
        "serviceType": "Legal Services",
        "provider": {
            "@type": "Organization",
            "name": "Sunaiva",
            "url": "https://sunaiva.com"
        }
    }
    </script>

    <!-- Smooth Scroll -->
    <style>
        :root {
            --bg-primary: #0B0C0E;
            --bg-secondary: #151720;
            --bg-tertiary: #1C1F2E;
            --text-primary: #E5E7EB;
            --text-secondary: #9CA3AF;
            --accent: #3B82F6;
            --accent-hover: #2563EB;
            --secondary: #10B981;
            --legal-accent: #F59E0B;
            --border: #2D3748;
            --gradient: linear-gradient(135deg, #3B82F6 0%, #10B981 100%);
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        html {
            scroll-behavior: smooth;
        }

        body {
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
            background-color: var(--bg-primary);
            color: var(--text-primary);
            line-height: 1.6;
            overflow-x: hidden;
        }

        /* Typography */
        h1, h2, h3, h4 {
            font-weight: 700;
            line-height: 1.2;
        }

        h1 { font-size: clamp(2.5rem, 5vw, 4rem); }
        h2 { font-size: clamp(2rem, 4vw, 3rem); }
        h3 { font-size: clamp(1.25rem, 2.5vw, 1.75rem); }

        p { color: var(--text-secondary); }

        a {
            color: var(--accent);
            text-decoration: none;
            transition: color 0.3s ease;
        }

        a:hover { color: var(--accent-hover); }

        /* Container */
        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }

        /* Buttons */
        .btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 14px 28px;
            border-radius: 8px;
            font-weight: 600;
            font-size: 1rem;
            cursor: pointer;
            transition: all 0.3s ease;
            border: none;
            gap: 8px;
        }

        .btn-primary {
            background: var(--accent);
            color: white;
        }

        .btn-primary:hover {
            background: var(--accent-hover);
            transform: translateY(-2px);
            box-shadow: 0 10px 30px rgba(59, 130, 246, 0.3);
        }

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

        .btn-secondary:hover {
            border-color: var(--accent);
            color: var(--accent);
        }

        /* Header */
        header {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            z-index: 1000;
            background: rgba(11, 12, 14, 0.9);
            backdrop-filter: blur(20px);
            border-bottom: 1px solid var(--border);
        }

        .header-inner {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 15px 20px;
            max-width: 1200px;
            margin: 0 auto;
        }

        .logo {
            display: flex;
            align-items: center;
            gap: 10px;
            font-size: 1.5rem;
            font-weight: 700;
            color: var(--text-primary);
        }

        .logo-icon {
            width: 40px;
            height: 40px;
            background: var(--gradient);
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.2rem;
        }

        .logo span { color: var(--accent); }

        nav {
            display: flex;
            align-items: center;
            gap: 30px;
        }

        nav a {
            color: var(--text-secondary);
            font-weight: 500;
            font-size: 0.95rem;
        }

        nav a:hover { color: var(--text-primary); }

        /* Hero Section */
        .hero {
            min-height: 100vh;
            display: flex;
            align-items: center;
            padding: 120px 20px 80px;
            position: relative;
            overflow: hidden;
        }

        .hero::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background:
                radial-gradient(ellipse at 20% 50%, rgba(59, 130, 246, 0.15) 0%, transparent 50%),
                radial-gradient(ellipse at 80% 20%, rgba(16, 185, 129, 0.1) 0%, transparent 40%),
                radial-gradient(ellipse at 50% 100%, rgba(245, 158, 11, 0.08) 0%, transparent 40%);
            pointer-events: none;
        }

        .hero-content {
            max-width: 700px;
            position: relative;
            z-index: 1;
        }

        .hero-badge {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 8px 16px;
            background: var(--bg-tertiary);
            border: 1px solid var(--border);
            border-radius: 50px;
            font-size: 0.875rem;
            color: var(--text-secondary);
            margin-bottom: 24px;
        }

        .hero-badge .dot {
            width: 8px;
            height: 8px;
            background: var(--secondary);
            border-radius: 50%;
            animation: pulse 2s infinite;
        }

        @keyframes pulse {
            0%, 100% { opacity: 1; }
            50% { opacity: 0.5; }
        }

        .hero h1 {
            margin-bottom: 20px;
        }

        .hero h1 .highlight {
            background: var(--gradient);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .hero p {
            font-size: 1.25rem;
            margin-bottom: 32px;
            max-width: 550px;
        }

        .hero-buttons {
            display: flex;
            gap: 16px;
            flex-wrap: wrap;
        }

        .hero-stats {
            display: flex;
            gap: 40px;
            margin-top: 60px;
            padding-top: 40px;
            border-top: 1px solid var(--border);
        }

        .stat {
            text-align: left;
        }

        .stat-value {
            font-size: 2rem;
            font-weight: 700;
            color: var(--text-primary);
        }

        .stat-label {
            font-size: 0.875rem;
            color: var(--text-secondary);
        }

        /* Hero Visual */
        .hero-visual {
            position: absolute;
            right: -100px;
            top: 50%;
            transform: translateY(-50%);
            width: 500px;
            height: 500px;
            background: var(--bg-secondary);
            border-radius: 30px;
            border: 1px solid var(--border);
            display: flex;
            align-items: center;
            justify-content: center;
            opacity: 0.6;
            z-index: 0;
        }

        .phone-mockup {
            width: 280px;
            height: 560px;
            background: var(--bg-tertiary);
            border-radius: 40px;
            border: 3px solid var(--border);
            padding: 20px;
            position: relative;
        }

        .phone-notch {
            position: absolute;
            top: 15px;
            left: 50%;
            transform: translateX(-50%);
            width: 100px;
            height: 28px;
            background: var(--bg-primary);
            border-radius: 20px;
        }

        .phone-screen {
            width: 100%;
            height: 100%;
            background: var(--bg-secondary);
            border-radius: 25px;
            padding: 50px 15px 15px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            text-align: center;
        }

        .ai-avatar {
            width: 80px;
            height: 80px;
            background: var(--gradient);
            border-radius: 50%;
            margin-bottom: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 2rem;
            animation: float 3s ease-in-out infinite;
        }

        @keyframes float {
            0%, 100% { transform: translateY(0); }
            50% { transform: translateY(-10px); }
        }

        .call-status {
            font-size: 0.75rem;
            color: var(--secondary);
            margin-bottom: 8px;
        }

        .caller-info {
            font-size: 1rem;
            font-weight: 600;
            margin-bottom: 4px;
        }

        .call-type {
            font-size: 0.8rem;
            color: var(--text-secondary);
        }

        .waveform {
            display: flex;
            align-items: center;
            gap: 3px;
            height: 30px;
            margin-top: 20px;
        }

        .wave {
            width: 4px;
            background: var(--accent);
            border-radius: 2px;
            animation: wave 1s ease-in-out infinite;
        }

        .wave:nth-child(1) { height: 15px; animation-delay: 0s; }
        .wave:nth-child(2) { height: 25px; animation-delay: 0.1s; }
        .wave:nth-child(3) { height: 20px; animation-delay: 0.2s; }
        .wave:nth-child(4) { height: 30px; animation-delay: 0.3s; }
        .wave:nth-child(5) { height: 18px; animation-delay: 0.4s; }

        @keyframes wave {
            0%, 100% { transform: scaleY(1); }
            50% { transform: scaleY(0.5); }
        }

        /* Pain Points */
        .pain-points {
            padding: 100px 20px;
            background: var(--bg-secondary);
        }

        .section-header {
            text-align: center;
            max-width: 600px;
            margin: 0 auto 60px;
        }

        .section-header h2 {
            margin-bottom: 16px;
        }

        .section-tag {
            display: inline-block;
            padding: 6px 14px;
            background: rgba(59, 130, 246, 0.1);
            border: 1px solid rgba(59, 130, 246, 0.3);
            border-radius: 50px;
            font-size: 0.8rem;
            font-weight: 600;
            color: var(--accent);
            text-transform: uppercase;
            letter-spacing: 1px;
            margin-bottom: 16px;
        }

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

        .pain-card {
            background: var(--bg-tertiary);
            border: 1px solid var(--border);
            border-radius: 16px;
            padding: 32px;
            transition: all 0.3s ease;
        }

        .pain-card:hover {
            border-color: var(--accent);
            transform: translateY(-4px);
        }

        .pain-icon {
            width: 56px;
            height: 56px;
            background: rgba(245, 158, 11, 0.1);
            border-radius: 14px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.5rem;
            margin-bottom: 20px;
        }

        .pain-card h3 {
            margin-bottom: 12px;
            color: var(--text-primary);
        }

        .pain-card p {
            font-size: 0.95rem;
        }

        /* Compliance Section */
        .compliance {
            padding: 100px 20px;
            background: var(--bg-primary);
        }

        .compliance-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 30px;
            margin-top: 50px;
        }

        .compliance-card {
            background: var(--bg-secondary);
            border: 1px solid var(--border);
            border-radius: 16px;
            padding: 30px;
            text-align: center;
        }

        .compliance-icon {
            width: 70px;
            height: 70px;
            background: var(--bg-tertiary);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.75rem;
            margin: 0 auto 20px;
        }

        .compliance-card h3 {
            margin-bottom: 12px;
            font-size: 1.25rem;
        }

        .compliance-card p {
            font-size: 0.9rem;
        }

        /* Trust Badges */
        .trust-badges {
            display: flex;
            justify-content: center;
            gap: 40px;
            flex-wrap: wrap;
            margin-top: 50px;
            padding-top: 40px;
            border-top: 1px solid var(--border);
        }

        .badge {
            display: flex;
            align-items: center;
            gap: 10px;
            color: var(--text-secondary);
            font-size: 0.9rem;
        }

        .badge-icon {
            width: 36px;
            height: 36px;
            background: var(--bg-tertiary);
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        /* Features */
        .features {
            padding: 100px 20px;
            background: var(--bg-secondary);
        }

        .features-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
            gap: 24px;
            margin-top: 50px;
        }

        .feature-card {
            background: var(--bg-tertiary);
            border: 1px solid var(--border);
            border-radius: 16px;
            padding: 32px;
            transition: all 0.3s ease;
        }


Response:
```html
<!DOCTYPE html>
<html lang="en-AU">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>LawyerBot.ai — Legal AI Voice Agent | Never Miss a Client Call</title>
    <meta name="description" content="AI voice agent for law firms. Answers calls 24/7, books consultations, handles client intake. Costs 90% less than a receptionist. Australian servers.">
    <meta name="robots" content="index, follow">

    <!-- Open Graph -->
    <meta property="og:title" content="LawyerBot.ai — Legal AI Voice Agent">
    <meta property="og:description" content="Professional AI reception for law firms. 24/7 coverage, client intake, consultation booking.">
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://lawyerbot.au">

    <!-- Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">

    <!-- Schema.org for Legal -->
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "LegalService",
        "name": "LawyerBot.ai",
        "description": "AI Voice Agent for Law Firms - 24/7 client intake and consultation booking",
        "areaServed": "Australia",
        "priceRange": "$$",
        "serviceType": ["Legal Services", "Artificial Intelligence"],
        "provider": {
            "@type": "Organization",
            "name": "Sunaiva",
            "url": "https://sunaiva.com.au"
        }
    }
    </script>

    <style>
        :root {
            --bg-primary: #0B0C0E;
            --bg-secondary: #15171A;
            --bg-card: #1C1F24;
            --text-primary: #E5E7EB;
            --text-secondary: #9CA3AF;
            --accent-blue: #3B82F6;
            --accent-blue-hover: #2563EB;
            --accent-green: #10B981;
            --accent-gold: #F59E0B;
            --border-color: #2D3139;
            --radius: 12px;
            --radius-lg: 20px;
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        html {
            scroll-behavior: smooth;
        }

        body {
            font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
            background-color: var(--bg-primary);
            color: var(--text-primary);
            line-height: 1.6;
            overflow-x: hidden;
        }

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

        .text-center { text-align: center; }
        .text-accent { color: var(--accent-blue); }
        .text-gold { color: var(--accent-gold); }

        /* Navigation */
        nav {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            z-index: 1000;
            background: rgba(11, 12, 14, 0.9);
            backdrop-filter: blur(20px);
            border-bottom: 1px solid var(--border-color);
            padding: 16px 0;
        }

        .nav-content {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .logo {
            display: flex;
            align-items: center;
            gap: 12px;
            font-size: 1.5rem;
            font-weight: 700;
            color: var(--text-primary);
            text-decoration: none;
        }

        .logo-icon {
            width: 40px;
            height: 40px;
            background: linear-gradient(135deg, var(--accent-blue), var(--accent-gold));
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.2rem;
        }

        .nav-cta {
            background: var(--accent-blue);
            color: white;
            padding: 12px 24px;
            border-radius: 8px;
            text-decoration: none;
            font-weight: 600;
            transition: all 0.3s ease;
        }

        .nav-cta:hover {
            background: var(--accent-blue-hover);
            transform: translateY(-2px);
        }

        /* Hero Section */
        .hero {
            padding: 180px 0 120px;
            background: radial-gradient(ellipse at 50% 0%, rgba(59, 130, 246, 0.15) 0%, transparent 60%),
                        radial-gradient(ellipse at 80% 80%, rgba(245, 158, 11, 0.1) 0%, transparent 50%);
        }

        .hero-badge {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            background: var(--bg-card);
            border: 1px solid var(--border-color);
            padding: 8px 16px;
            border-radius: 50px;
            font-size: 0.875rem;
            color: var(--text-secondary);
            margin-bottom: 24px;
        }

        .hero-badge::before {
            content: '';
            width: 8px;
            height: 8px;
            background: var(--accent-green);
            border-radius: 50%;
            animation: pulse 2s infinite;
        }

        @keyframes pulse {
            0%, 100% { opacity: 1; }
            50% { opacity: 0.5; }
        }

        .hero h1 {
            font-size: clamp(2.5rem, 5vw, 4rem);
            font-weight: 700;
            line-height: 1.1;
            margin-bottom: 24px;
            background: linear-gradient(135deg, var(--text-primary) 0%, var(--accent-blue) 50%, var(--accent-gold) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .hero-subtitle {
            font-size: 1.25rem;
            color: var(--text-secondary);
            max-width: 600px;
            margin-bottom: 40px;
        }

        .hero-cta-group {
            display: flex;
            gap: 16px;
            flex-wrap: wrap;
            margin-bottom: 60px;
        }

        .btn {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 16px 32px;
            border-radius: 10px;
            font-size: 1rem;
            font-weight: 600;
            text-decoration: none;
            transition: all 0.3s ease;
            cursor: pointer;
            border: none;
        }

        .btn-primary {
            background: var(--accent-blue);
            color: white;
        }

        .btn-primary:hover {
            background: var(--accent-blue-hover);
            transform: translateY(-2px);
            box-shadow: 0 10px 40px rgba(59, 130, 246, 0.3);
        }

        .btn-secondary {
            background: var(--bg-card);
            color: var(--text-primary);
            border: 1px solid var(--border-color);
        }

        .btn-secondary:hover {
            border-color: var(--accent-blue);
            background: var(--bg-secondary);
        }

        .hero-stats {
            display: flex;
            gap: 48px;
            flex-wrap: wrap;
        }

        .stat {
            text-align: left;
        }

        .stat-value {
            font-size: 2rem;
            font-weight: 700;
            color: var(--accent-gold);
        }

        .stat-label {
            font-size: 0.875rem;
            color: var(--text-secondary);
        }

        /* Pain Points */
        .pain-points {
            padding: 100px 0;
            background: var(--bg-secondary);
        }

        .section-header {
            text-align: center;
            margin-bottom: 60px;
        }

        .section-label {
            display: inline-block;
            font-size: 0.875rem;
            font-weight: 600;
            color: var(--accent-blue);
            text-transform: uppercase;
            letter-spacing: 1px;
            margin-bottom: 16px;
        }

        .section-title {
            font-size: clamp(2rem, 4vw, 2.75rem);
            font-weight: 700;
            margin-bottom: 16px;
        }

        .section-subtitle {
            font-size: 1.125rem;
            color: var(--text-secondary);
            max-width: 600px;
            margin: 0 auto;
        }

        .pain-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
            gap: 24px;
        }

        .pain-card {
            background: var(--bg-card);
            border: 1px solid var(--border-color);
            border-radius: var(--radius-lg);
            padding: 32px;
            transition: all 0.3s ease;
        }

        .pain-card:hover {
            border-color: var(--accent-blue);
            transform: translateY(-4px);
        }

        .pain-icon {
            width: 56px;
            height: 56px;
            background: rgba(245, 158, 11, 0.15);
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.5rem;
            margin-bottom: 20px;
        }

        .pain-card h3 {
            font-size: 1.25rem;
            font-weight: 600;
            margin-bottom: 12px;
        }

        .pain-card p {
            color: var(--text-secondary);
            font-size: 0.95rem;
        }

        /* Compliance Section */
        .compliance {
            padding: 100px 0;
            background: linear-gradient(180deg, var(--bg-secondary) 0%, var(--bg-primary) 100%);
        }

        .compliance-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 32px;
            margin-top: 60px;
        }

        .compliance-card {
            background: var(--bg-card);
            border: 1px solid var(--border-color);
            border-radius: var(--radius-lg);
            padding: 32px;
            text-align: center;
        }

        .compliance-icon {
            width: 72px;
            height: 72px;
            background: linear-gradient(135deg, rgba(59, 130, 246, 0.2), rgba(16, 185, 129, 0.2));
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 2rem;
            margin: 0 auto 24px;
        }

        .compliance-card h3 {
            font-size: 1.25rem;
            font-weight: 600;
            margin-bottom: 12px;
        }

        .compliance-card p {
            color: var(--text-secondary);
            font-size: 0.95rem;
        }

        .trust-badges {
            display: flex;
            justify-content: center;
            gap: 32px;
            flex-wrap: wrap;
            margin-top: 48px;
            padding-top: 48px;
            border-top: 1px solid var(--border-color);
        }

        .badge {
            display: flex;
            align-items: center;
            gap: 8px;
            color: var(--text-secondary);
            font-size: 0.875rem;
        }

        .badge-icon {
            width: 32px;
            height: 32px;
            background: var(--bg-card);
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        /* Features */
        .features {
            padding: 100px 0;
        }

        .features-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
            gap: 24px;
        }

        .feature-card {
            background: var(--bg-card);
            border: 1px solid var(--border-color);
            border-radius: var(--radius-lg);
            padding: 32px;
            transition: all 0.3s ease;
        }

        .feature-card:hover {
            border-color: var(--accent-green);
            transform: translateY(-4px);
        }

        .feature-header {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            margin-bottom: 16px;
        }

        .feature-icon {
            width: 48px;
            height: 48px;
            background: rgba(16, 185, 129, 0.15);
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.25rem;
        }

        .feature-tag {
            font-size: 0.75rem;
            font-weight: 600;
            color: var(--accent-green);
            background: rgba(16, 185, 129, 0.15);
            padding: 4px 10px;
            border-radius: 20px;
        }

        .feature-card h3 {
            font-size: 1.125rem;
            font-weight: 600;
            margin-bottom: 8px;
        }

        .feature-card p {
            color: var(--text-secondary);
            font-size: 0.9rem;
        }

        /* Calculator */
        .calculator {
            padding: 100px 0;
            background: var(--bg-secondary);
        }

        .calculator-card {
            background: linear-gradient(135deg, var(--bg-card) 0%, var(--bg-primary) 100%);
            border: 1px solid var(--border-color);
            border-radius: var(--radius-lg);
            padding: 60px;
            max-width: 800px;
            margin: 0 auto;
            text-align: center;
            position: relative;
            overflow: hidden;
        }

        .calculator-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 4px;
            background: linear-gradient(90deg, var(--accent-blue), var(--accent-gold), var(--accent-green));
        }

        .calc-title {
            font-size: 1.75rem;
            font-weight: 700;
            margin-bottom: 40px;
        }

        .calc-comparison {
            display: grid;
            grid-template-columns: 1fr auto 1fr;
            gap: 24px;
            align-items: center;
            margin-bottom: 40px;
        }

        .calc-item {
            padding: 24px;
            border-radius: var(--radius);
        }

        .calc-item.receptionist {
            background: rgba(239, 68, 68, 0.15);
            border: 1px solid rgba(239, 68, 68, 0.3);
        }

        .calc-item.ai {
            background: rgba(16, 185, 129, 0.15);
            border: 1px solid rgba(16, 185, 129, 0.3);
        }

        .calc-value {
            font-size: 2.5rem;
            font-weight: 700;
            margin-bottom: 8px;
        }

        .calc-item.receptionist .calc-value {
            color: #EF4444;
        }

        .calc-item.ai .calc-value {
            color: var(--accent-green);
        }

        .calc-label {
            font-size: 0.95rem;
            color: var(--text-secondary);
        }

        .calc-vs {
            font-size: 1.5rem;
            font-weight: 700;
            color: var(--accent-gold);
        }

        .calc-savings {
            background: linear-gradient(135deg, rgba(245, 158, 11, 0.2), rgba(16, 185, 129, 0.2));
            border-radius: var(--radius);
            padding: 32px;
        }


Response:
```html
<!DOCTYPE html>
<html lang="en-AU">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Legal AI Voice Agent | Premium Legal Reception | legalbotai.au</title>
    <meta name="description" content="Premium AI voice reception for barristers, top-tier law firms, and corporate legal practices. Never miss a client call. 24/7 coverage with Australian data sovereignty.">

    <!-- Schema.org for LegalService -->
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "LegalService",
        "name": "LegalBot AI",
        "description": "Premium AI voice reception for legal practices",
        "url": "https://legalbotai.au",
        "areaServed": {
            "@type": "Country",
            "name": "Australia"
        },
        "serviceType": "AI Voice Reception",
        "priceRange": "$$$"
    }
    </script>

    <style>
        :root {
            --bg-primary: #0B0C0E;
            --bg-secondary: #15171A;
            --bg-tertiary: #1C1F24;
            --text-primary: #E5E7EB;
            --text-secondary: #9CA3AF;
            --text-muted: #6B7280;
            --accent-blue: #3B82F6;
            --accent-green: #10B981;
            --accent-gold: #D4AF37;
            --accent-gold-light: #F5D76E;
            --border-color: #2D3139;
            --gradient-gold: linear-gradient(135deg, #D4AF37 0%, #F5D76E 50%, #D4AF37 100%);
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        html {
            scroll-behavior: smooth;
        }

        body {
            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
            background-color: var(--bg-primary);
            color: var(--text-primary);
            line-height: 1.6;
            overflow-x: hidden;
        }

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

        /* Typography */
        h1, h2, h3, h4 {
            font-weight: 700;
            line-height: 1.2;
        }

        h1 { font-size: clamp(2.5rem, 5vw, 4rem); }
        h2 { font-size: clamp(2rem, 4vw, 3rem); }
        h3 { font-size: clamp(1.25rem, 2.5vw, 1.75rem); }
        h4 { font-size: 1.125rem; }

        .text-gold { color: var(--accent-gold); }
        .text-blue { color: var(--accent-blue); }
        .text-green { color: var(--accent-green); }
        .text-muted { color: var(--text-muted); }

        /* Buttons */
        .btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 14px 32px;
            border-radius: 8px;
            font-weight: 600;
            font-size: 1rem;
            text-decoration: none;
            transition: all 0.3s ease;
            cursor: pointer;
            border: none;
        }

        .btn-primary {
            background: var(--accent-blue);
            color: white;
        }

        .btn-primary:hover {
            background: #2563EB;
            transform: translateY(-2px);
            box-shadow: 0 10px 30px rgba(59, 130, 246, 0.3);
        }

        .btn-gold {
            background: var(--gradient-gold);
            color: var(--bg-primary);
        }

        .btn-gold:hover {
            transform: translateY(-2px);
            box-shadow: 0 10px 30px rgba(212, 175, 55, 0.3);
        }

        .btn-outline {
            background: transparent;
            border: 2px solid var(--border-color);
            color: var(--text-primary);
        }

        .btn-outline:hover {
            border-color: var(--accent-gold);
            color: var(--accent-gold);
        }

        /* Navigation */
        nav {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            z-index: 1000;
            background: rgba(11, 12, 14, 0.9);
            backdrop-filter: blur(20px);
            border-bottom: 1px solid var(--border-color);
        }

        .nav-container {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 16px 24px;
            max-width: 1200px;
            margin: 0 auto;
        }

        .logo {
            font-size: 1.5rem;
            font-weight: 700;
            color: var(--text-primary);
            text-decoration: none;
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .logo span {
            background: var(--gradient-gold);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .nav-links {
            display: flex;
            align-items: center;
            gap: 32px;
        }

        .nav-links a {
            color: var(--text-secondary);
            text-decoration: none;
            font-weight: 500;
            transition: color 0.3s;
        }

        .nav-links a:hover {
            color: var(--accent-gold);
        }

        /* Hero Section */
        .hero {
            min-height: 100vh;
            display: flex;
            align-items: center;
            padding: 120px 0 80px;
            position: relative;
            overflow: hidden;
        }

        .hero::before {
            content: '';
            position: absolute;
            top: -50%;
            right: -20%;
            width: 800px;
            height: 800px;
            background: radial-gradient(circle, rgba(212, 175, 55, 0.08) 0%, transparent 70%);
            pointer-events: none;
        }

        .hero::after {
            content: '';
            position: absolute;
            bottom: -30%;
            left: -10%;
            width: 600px;
            height: 600px;
            background: radial-gradient(circle, rgba(59, 130, 246, 0.08) 0%, transparent 70%);
            pointer-events: none;
        }

        .hero-content {
            max-width: 800px;
            position: relative;
            z-index: 1;
        }

        .hero-badge {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 8px 16px;
            background: rgba(212, 175, 55, 0.1);
            border: 1px solid rgba(212, 175, 55, 0.3);
            border-radius: 50px;
            font-size: 0.875rem;
            color: var(--accent-gold);
            margin-bottom: 24px;
        }

        .hero-badge::before {
            content: '';
            width: 8px;
            height: 8px;
            background: var(--accent-gold);
            border-radius: 50%;
            animation: pulse 2s infinite;
        }

        @keyframes pulse {
            0%, 100% { opacity: 1; }
            50% { opacity: 0.5; }
        }

        .hero h1 {
            margin-bottom: 24px;
        }

        .hero h1 .highlight {
            background: var(--gradient-gold);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .hero-description {
            font-size: 1.25rem;
            color: var(--text-secondary);
            margin-bottom: 40px;
            max-width: 600px;
        }

        .hero-buttons {
            display: flex;
            gap: 16px;
            flex-wrap: wrap;
        }

        .hero-stats {
            display: flex;
            gap: 48px;
            margin-top: 64px;
            padding-top: 32px;
            border-top: 1px solid var(--border-color);
        }

        .stat {
            text-align: left;
        }

        .stat-value {
            font-size: 2rem;
            font-weight: 700;
            color: var(--accent-gold);
        }

        .stat-label {
            font-size: 0.875rem;
            color: var(--text-muted);
        }

        /* Pain Points Section */
        .pain-points {
            padding: 100px 0;
            background: var(--bg-secondary);
        }

        .section-header {
            text-align: center;
            margin-bottom: 64px;
        }

        .section-label {
            display: inline-block;
            font-size: 0.875rem;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 2px;
            color: var(--accent-gold);
            margin-bottom: 16px;
        }

        .section-title {
            margin-bottom: 16px;
        }

        .section-description {
            font-size: 1.125rem;
            color: var(--text-secondary);
            max-width: 600px;
            margin: 0 auto;
        }

        .pain-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
            gap: 32px;
        }

        .pain-card {
            background: var(--bg-tertiary);
            border: 1px solid var(--border-color);
            border-radius: 16px;
            padding: 32px;
            transition: all 0.3s ease;
        }

        .pain-card:hover {
            border-color: var(--accent-gold);
            transform: translateY(-4px);
        }

        .pain-icon {
            width: 56px;
            height: 56px;
            background: rgba(212, 175, 55, 0.1);
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 20px;
            font-size: 1.5rem;
        }

        .pain-card h3 {
            margin-bottom: 12px;
            color: var(--text-primary);
        }

        .pain-card p {
            color: var(--text-secondary);
            font-size: 0.95rem;
        }

        /* Compliance Section */
        .compliance {
            padding: 100px 0;
        }

        .compliance-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 32px;
            margin-top: 48px;
        }

        .compliance-card {
            background: var(--bg-secondary);
            border: 1px solid var(--border-color);
            border-radius: 16px;
            padding: 32px;
        }

        .compliance-card h3 {
            display: flex;
            align-items: center;
            gap: 12px;
            margin-bottom: 16px;
        }

        .compliance-card h3 .icon {
            width: 40px;
            height: 40px;
            background: rgba(59, 130, 246, 0.1);
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--accent-blue);
        }

        .compliance-card p {
            color: var(--text-secondary);
            font-size: 0.95rem;
        }

        .trust-badges {
            display: flex;
            flex-wrap: wrap;
            gap: 24px;
            margin-top: 48px;
            padding-top: 48px;
            border-top: 1px solid var(--border-color);
        }

        .badge {
            display: flex;
            align-items: center;
            gap: 12px;
            padding: 16px 24px;
            background: var(--bg-tertiary);
            border: 1px solid var(--border-color);
            border-radius: 12px;
        }

        .badge-icon {
            width: 48px;
            height: 48px;
            background: rgba(16, 185, 129, 0.1);
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--accent-green);
            font-size: 1.25rem;
        }

        .badge-text {
            font-weight: 600;
            font-size: 0.95rem;
        }

        .badge-subtext {
            font-size: 0.8rem;
            color: var(--text-muted);
        }

        /* Features Section */
        .features {
            padding: 100px 0;
            background: var(--bg-secondary);
        }

        .features-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
            gap: 24px;
        }

        .feature-card {
            background: var(--bg-tertiary);
            border: 1px solid var(--border-color);
            border-radius: 16px;
            padding: 28px;
            transition: all 0.3s ease;
        }

        .feature-card:hover {
            border-color: var(--accent-blue);
            transform: translateY(-2px);
        }

        .feature-header {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            margin-bottom: 16px;
        }

        .feature-icon {
            width: 48px;
            height: 48px;
            background: linear-gradient(135deg, var(--accent-blue) 0%, #1D4ED8 100%);
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.25rem;
        }

        .feature-card h4 {
            margin-bottom: 8px;
            color: var(--text-primary);
        }

        .feature-card p {
            color: var(--text-secondary);
            font-size: 0.9rem;
        }

        /* Calculator Section */
        .calculator {
            padding: 100px 0;
            background: linear-gradient(180deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);
        }

        .calculator-card {
            background: var(--bg-tertiary);
            border: 2px solid var(--accent-gold);
            border-radius: 24px;
            padding: 48px;
            max-width: 800px;
            margin: 0 auto;
            position: relative;
            overflow: hidden;
        }

        .calculator-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 4px;
            background: var(--gradient-gold);
        }

        .calc-header {
            text-align: center;
            margin-bottom: 40px;
        }

        .calc-header h3 {
            margin-bottom: 8px;
        }

        .calc-header p {
            color: var(--text-secondary);
        }

        .calc-comparison {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 32px;
            margin-bottom: 40px;
        }

        .calc-option {
            text-align: center;
            padding: 32px;
            background: var(--bg-secondary);
            border-radius: 16px;
        }

        .calc-option.human {
            border: 1px solid var(--border-color);
        }

        .calc-option.ai {
            border: 1px solid var(--accent-green);
            background: rgba(16, 185, 129, 0.05);
        }

        .calc-label {
            font-size: 0.875rem;
            color: var(--text-muted);
            text-transform: uppercase;
            letter-spacing: 1px;
            margin-bottom: 8px;
        }

        .calc-value {
            font-size: 2.5rem;
            font-weight: 700;
            margin-bottom: 8px;
        }

        .calc-option.human .calc-value {
            color: var(--text-primary);