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="Never miss a client call. AI voice agent for barristers, corporate law firms & litigation practices. 24/7 appointment scheduling, client intake & matter classification.">

    <!-- Schema.org for LegalService -->
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "LegalService",
        "name": "LegalBot AI",
        "description": "Premium AI voice agent for legal practices - handles client intake, appointment scheduling and matter classification",
        "url": "https://legalbotai.au",
        "areaServed": {
            "@type": "Country",
            "name": "Australia"
        },
        "serviceType": "Legal Services",
        "provider": {
            "@type": "Organization",
            "name": "Sunaiva",
            "url": "https://sunaiva.com"
        },
        "priceRange": "$$"
    }
    </script>

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

        :root {
            --bg-primary: #0B0C0E;
            --bg-secondary: #151720;
            --bg-tertiary: #1C1F2E;
            --text-primary: #E5E7EB;
            --text-secondary: #9CA3AF;
            --accent-blue: #3B82F6;
            --accent-green: #10B981;
            --accent-gold: #D4AF37;
            --border-color: #2D3748;
        }

        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, 2vw, 1.75rem); }

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

        /* Section Styling */
        section { padding: 80px 0; }

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

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

        .logo {
            font-size: 1.5rem;
            font-weight: 700;
            color: var(--text-primary);
            text-decoration: none;
        }

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

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

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

        /* Hero Section */
        .hero {
            padding-top: 160px;
            padding-bottom: 100px;
            text-align: center;
            background:
                radial-gradient(ellipse at 50% 0%, rgba(59, 130, 246, 0.15) 0%, transparent 50%),
                linear-gradient(180deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);
        }

        .hero-badge {
            display: inline-block;
            background: rgba(59, 130, 246, 0.1);
            border: 1px solid rgba(59, 130, 246, 0.3);
            color: var(--accent-blue);
            padding: 8px 16px;
            border-radius: 50px;
            font-size: 0.875rem;
            font-weight: 600;
            margin-bottom: 24px;
        }

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

        .hero h1 .highlight {
            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: 700px;
            margin: 0 auto 40px;
        }

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

        .btn {
            display: inline-block;
            padding: 16px 32px;
            border-radius: 10px;
            font-weight: 600;
            font-size: 1.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(-3px);
            box-shadow: 0 10px 30px rgba(59, 130, 246, 0.3);
        }

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

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

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

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

        .section-header h2 { margin-bottom: 16px; }
        .section-header p { color: var(--text-secondary); font-size: 1.125rem; }

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

        .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(-5px);
        }

        .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); }

        /* Compliance Section */
        .compliance {
            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: 48px;
        }

        .compliance-card {
            background: var(--bg-tertiary);
            border: 1px solid var(--border-color);
            border-radius: 16px;
            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;
            margin: 0 auto 20px;
            font-size: 2rem;
        }

        .compliance-card h3 { margin-bottom: 12px; }
        .compliance-card p { color: var(--text-secondary); font-size: 0.95rem; }

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

        .trust-badge {
            text-align: center;
            color: var(--text-secondary);
        }

        .trust-badge-icon {
            font-size: 2rem;
            margin-bottom: 8px;
        }

        /* Features */
        .features {
            background: var(--bg-primary);
        }

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

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

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

        .feature-header {
            display: flex;
            align-items: center;
            gap: 16px;
            margin-bottom: 16px;
        }

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

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

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

        .calculator-box {
            background: linear-gradient(135deg, var(--bg-tertiary), var(--bg-primary));
            border: 1px solid var(--accent-gold);
            border-radius: 24px;
            padding: 48px;
            max-width: 800px;
            margin: 0 auto;
            text-align: center;
        }

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

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

        .calc-item {
            padding: 24px;
            border-radius: 12px;
        }

        .calc-human {
            background: rgba(239, 68, 68, 0.1);
            border: 1px solid rgba(239, 68, 68, 0.3);
        }

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

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

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

        .calc-human .calc-value { color: #EF4444; }
        .calc-ai .calc-value { color: var(--accent-green); }

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

        .savings-highlight {
            background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(59, 130, 246, 0.2));
            border-radius: 12px;
            padding: 24px;
        }

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

        .savings-value {
            font-size: 3rem;
            font-weight: 700;
            color: var(--accent-green);
        }

        .savings-subtitle {
            font-size: 0.875rem;
            color: var(--text-secondary);
            margin-top: 8px;
        }

        /* Testimonial */
        .testimonial {
            background: var(--bg-primary);
        }

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

        .testimonial-quote {
            font-size: 1.25rem;
            line-height: 1.8;
            margin-bottom: 32px;
            color: var(--text-primary);
        }

        .testimonial-quote::before {
            content: '"';
            font-size: 4rem;
            color: var(--accent-blue);
            line-height: 0;
            display: block;
            margin-bottom: 16px;
        }

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

        .testimonial-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-weight: 700;
            font-size: 1.25rem;
        }

        .testimonial-info h4 { font-size: 1.125rem; margin-bottom: 4px; }
        .testimonial-info p { color: var(--text-secondary); font-size: 0.875rem; }

        /* Pricing */
        .pricing {
            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-tertiary);
            border: 1px solid var(--border-color);
            border-radius: 20px;
            padding: 40px 32px;
            text-align: center;
            transition: all 0.3s ease;
            position: relative;
        }

        .pricing-card.featured {
            border-color: var(--accent-blue);
            transform: scale(1.05);
        }

        .pricing-card.featured::before {
            content: 'Most Popular';
            position: absolute;
            top: -12px;
            left: 50%;
            transform: translateX(-50%);
            background: var(--accent-blue);
            color: white;
            padding: 6px 16px;
            border-radius: 20px;
            font-size: 0.75rem;
            font-weight: 600;
        }

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

        .pricing-card.featured:hover {
            transform: scale(1.05) translateY(-8px);
        }

        .pricing-name {
            font-size: 1.25rem;
            font-weight: 600;
            margin-bottom: 8px;
        }

        .pricing-desc {
            color: var(--text-secondary);
            font-size: 0.875rem;
            margin-bottom: 24px;
        }

        .pricing-price {
            font-size: 3rem;
            font-weight: 700;
            margin-bottom: 8px;
        }

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

        .pricing-features {
            list-style: none;
            margin: 32px 0;
            text-align: left;
        }

        .pricing-features li {
            padding: 12px 0;
            border-bottom: 1px solid var(--border-color);
            display: flex;
            align-items: center;
            gap: 12px;
            color: var(--text-secondary);
        }

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

        .pricing-cta {
            display: block;
            width: 100%;
            padding: 16px;
            border-radius: 10px;
            font-weight: 600;
            text-decoration: none;
            transition: all 0.3s ease;
        }

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

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

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

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

        /* FAQ */
        .faq {
            background: var(--bg-primary);
        }

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

        .faq-item {
            background: var(--bg-secondary);
            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.1rem;
        }

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

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

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

        .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 {
            background: var(--bg-secondary);
            text-align: center;
        }

        .trust h2 {
            margin-bottom: 16px;
        }

        .trust-number {
            font-size: 4rem;
            font-weight: 700;
            color: var(--accent-blue);
            margin-bottom: 8px;
        }

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

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

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

        .footer-brand {
            font-size: 1.25rem;
            font-weight: 700;
        }

        .footer-brand span { color: var(--accent-blue); }

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

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

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

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

        /* Responsive */
        @media (max-width: 768px) {
            .calculator-grid {
                grid-template-columns: 1fr;
                gap: 16px;
            }

            .calc-vs {
                transform: rotate(90deg);
            }

            .pricing-card.featured {
                transform: none;
            }

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

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

            .footer-links {
                justify-content: center;
            }
        }

        /* Animations */
        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .animate-in {
            animation: fadeInUp 0.6s ease forwards;
        }

        .delay-1 { animation-delay: 0.1s; }
        .delay-2 { animation-delay: 0.2s; }
        .delay-3 { animation-delay: 0.3s; }
        .delay-4 { animation-delay: 0.4s; }
    </style>
</head>
<body>
    <!-- Navigation -->
    <nav class="navbar">
        <div class="container">
            <a href="https://legalbotai.au" class="logo">Legal<span>Bot</span> AI</a>
            <a href="#pricing" class="nav-cta">Get Started</a>
        </div>
    </nav>

    <!-- Hero Section -->
    <section class="hero">
        <div class="container">
            <div class="hero-badge">Premium Legal Reception</div>
            <h1>AI Voice Agent for <span class="highlight">Legal Professionals</span></h1>
            <p class="hero-subtitle">Never miss a client consultation. Handle intake, classify matters & schedule appointments 24/7 — while you focus on winning cases.</p>
            <div class="hero-cta-group">
                <a href="#pricing" class="btn btn-primary">Start Free Trial</a>
                <a href="#features" class="btn btn-secondary">See Features</a>
            </div>
        </div>
    </section>

    <!-- Pain Points -->
    <section class="pain-points" id="pain-points">
        <div class="container">
            <div class="section-header">
                <h2>Challenges Facing Legal Practices</h2>
                <p>Traditional reception costs $55K+/year and still misses 62% of calls</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, calls go unanswered. Every missed enquiry is potential lost business — and competitors are just one click away.</p>
                </div>
                <div class="pain-card">
                    <div class="pain-icon">📋</div>
                    <h3>Overwhelmed Reception Staff</h3>
                    <p>Junior lawyers and paralegals spend hours fielding basic enquiries instead of billable work. Reception burnout leads to turnover and training costs.</p>
                </div>
                <div class="pain-card">
                    <div class="pain-icon">🌙</div>
                    <h3>After-Hours Enquiries Lost</h3>
                    <p>Urgent legal matters don't keep 9-5 hours. Prospective clients calling after hours get voicemail — and often never call back.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Compliance Section -->
    <section class="compliance" id="compliance">
        <div class="container">
            <div class="section-header">
                <h2>Built for Legal Standards</h2>
                <p>Enterprise-grade security meets professional prestige</p>
            </div>
            <div class="compliance-grid">
                <div class="compliance-card">
                    <div class="compliance-icon">🏛</div>
                    <h3>Professional Prestige</h3>
                    <p>Natural Australian accent with formal, polished communication. Your AI receptionist represents your firm with distinction.</p>
                </div>
                <div class="compliance-card">
                    <div class="compliance-icon">📝</div>
                    <h3>Client Intake & Matter Classification</h3>
                    <p>AIQualifies leads, categorises by practice area (litigation, corporate, IP, family law), and routes urgent matters appropriately.</p>
                </div>
                <div class="compliance-card">
                    <div class="compliance-icon">🔒</div>
                    <h3>Data Sovereignty</h3>
                    <p>All data processed on Australian servers. Full GDPR & Privacy Act compliance. Your client data never leaves Australia.</p>
                </div>
            </div>
            <div class="trust-badges">
                <div class="trust-badge">
                    <div class="trust-badge-icon">🔐</div>
                    <div>SOC 2 Type II</div>
                </div>
                <div class="trust-badge">
                    <div class="trust-badge-icon">🇦🇺</div>
                    <div>Australian Data Centres</div>
                </div>
                <div class="trust-badge">
                    <div class="trust-badge-icon">✓</div>
                    <div>Privacy Act Compliant</div>
                </div>
                <div class="trust-badge">
                    <div class="trust-badge-icon">🔒</div>
                    <div>256-bit Encryption</div>
                </div>
            </div>
        </div>
    </section>

    <!-- Features -->
    <section class="features" id="features">
        <div class="container">
            <div class="section-header">
                <h2>Features Built for Legal Practice</h2>
                <p>Everything a premium law firm needs to capture and convert enquiries</p>
            </div>
            <div class="feature-grid">
                <div class="feature-card">
                    <div class="feature-header">
                        <div class="feature-icon">📅</div>
                        <h3>Appointment Scheduling</h3>
                    </div>
                    <p>Intelligent calendar management books consultations directly into your practice management software. Reduces admin by 80%.</p>
                </div>
                <div class="feature-card">
                    <div class="feature-header">
                        <div class="feature-icon">🚨</div>
                        <h3>Emergency Triage</h3>
                    </div>
                    <p>AIidentifies urgent matters (litigation deadlines, urgent injunctions) and immediately escalates to on-call staff via SMS/phone.</p>
                </div>
                <div class="feature-card">
                    <div class="feature-header">
                        <div class="feature-icon">🤝</div>
                        <h3>Client Intake</h3>
                    </div>
                    <p>Collects matter details, conflict checks, and key information before the consultation. New matters pre-populated in your CRM.</p>
                </div>
                <div class="feature-card">
                    <div class="feature-header">
                        <div class="feature-icon">🌙</div>
                        <h3>After-Hours Coverage</h3>
                    </div>
                    <p>24/7/365 coverage including weekends and public holidays. Urgent enquiries never slip through the cracks.</p>
                </div>
                <div class="feature-card">
                    <div class="feature-header">
                        <div class="feature-icon">🌏</div>
                        <h3>Multi-Language Support</h3>
                    </div>
                    <p>Communicate with clients in Mandarin, Vietnamese, Hindi, Arabic and 20+ languages. Expand your practice reach.</p>
                </div>
                <div class="feature-card">
                    <div class="feature-header">
                        <div class="feature-icon">🔗</div>
                        <h3>Legal Software Integration</h3>
                    </div>
                    <p>Connects with Practice Management, Clio, LEAP, InfoTrack, and legal CRM systems. Seamless data flow, zero duplication.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Calculator -->
    <section class="calculator" id="calculator">
        <div class="container">
            <div class="calculator-box">
                <div class="calculator-title">Cost Comparison Calculator</div>
                <div class="calculator-grid">
                    <div class="calc-item calc-human">
                        <div class="calc-label">Human Receptionist</div>
                        <div class="calc-value">$55,000<span>/yr</span></div>
                    </div>
                    <div class="calc-vs">vs</div>
                    <div class="calc-item calc-ai">
                        <div class="calc-label">Sunaiva AI Agent</div>
                        <div class="calc-value">$2,364<span>/yr</span></div>
                    </div>
                </div>
                <div class="savings-highlight">
                    <div class="savings-label">Annual Savings</div>
                    <div class="savings-value">$52,636</div>
                    <div class="savings-subtitle">That's 96% less than a traditional receptionist</div>
                </div>
            </div>
        </div>
    </section>

    <!-- Testimonial -->
    <section class="testimonial" id="testimonial">
        <div class="container">
            <div class="testimonial-card">
                <p class="testimonial-quote">Since installing LegalBot AI, we've captured an estimated $180K in previously missed enquiries. The matter classification alone saves our paralegals 15 hours per week. It's like having a premium reception team for a fraction of the cost.</p>
                <div class="testimonial-author">
                    <div class="testimonial-avatar">JR</div>
                    <div class="testimonial-info">
                        <h4>James Rutherford</h4>
                        <p>Managing Partner, Rutherford Corporate Law</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Pricing -->
    <section class="pricing" id="pricing">
        <div class="container">
            <div class="section-header">
                <h2>Simple, Transparent Pricing</h2>
                <p>No contracts, no setup fees. Cancel anytime.</p>
            </div>
            <div class="pricing-grid">
                <div class="pricing-card">
                    <div class="pricing-name">Essentials</div>
                    <div class="pricing-desc">For solo practitioners & small firms</div>
                    <div class="pricing-price">$197<span>/mo</span></div>
                    <ul class="pricing-features">
                        <li>Unlimited calls</li>
                        <li>Appointment scheduling</li>
                        <li>Client intake forms</li>
                        <li>After-hours coverage</li>
                        <li>Email notifications</li>
                        <li>Australian support</li>
                    </ul>
                    <a href="#" class="pricing-cta">Start Free Trial</a>
                </div>
                <div class="pricing-card featured">
                    <div class="pricing-name">Business</div>
                    <div class="pricing-desc">For growing practices</div>
                    <div class="pricing-price">$397<span>/mo</span></div>
                    <ul class="pricing-features">
                        <li>Everything in Essentials</li>
                        <li>Matter classification</li>
                        <li>Priority escalation</li>
                        <li>CRM integration</li>
                        <li>Multi-language (5)</li>
                        <li>Custom voice scripts</li>
                    </ul>
                    <a href="#" class="pricing-cta">Start Free Trial</a>
                </div>
                <div class="pricing-card">
                    <div class="pricing-name">Growth</div>
                    <div class="pricing-desc">For top-tier firms & chambers</div>
                    <div class="pricing-price">$597<span>/mo</span></div>
                    <ul class="pricing-features">
                        <li>Everything in Business</li>
                        <li>Unlimited integrations</li>
                        <li>Multi-language (all)</li>
                        <li>Dedicated account manager</li>
                        <li>Custom AI training</li>
                        <li>SLA guarantee</li>
                    </ul>
                    <a href="#" class="pricing-cta">Start Free Trial</a>
                </div>
            </div>
        </div>
    </section>

    <!-- FAQ -->
    <section class="faq" id="faq">
        <div class="container">
            <div class="section-header">
                <h2>Frequently Asked Questions</h2>
                <p>Common questions from legal professionals</p>
            </div>
            <div class="faq-grid">
                <div class="faq-item">
                    <div class="faq-question">Is my client data secure?</div>
                    <div class="faq-answer">
                        <p>Absolutely. All data is processed on Australian servers with 256-bit encryption. We're fully compliant with the Privacy Act 1988 and GDPR. Your client information never leaves Australia and is never used to train public AI models.</p>
                    </div>
                </div>
                <div class="faq-item">
                    <div class="faq-question">Can the AI handle urgent legal matters?</div>
                    <div class="faq-answer">
                        <p>Yes. Our AI triages enquiries in real-time, identifying urgency based on keywords and context. Emergency matters are immediately escalated via SMS and phone call to your on-call team, ensuring critical deadlines are never missed.</p>
                    </div>
                </div>
                <div class="faq-item">
                    <div class="faq-question">How does matter classification work?</div>
                    <div class="faq-answer">
                        <p>The AI asks strategic questions during intake to classify matters by practice area (litigation, corporate, family law, IP, etc.). This information is then tagged and routed to the appropriate lawyer or team in your practice management system.</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. We integrate with major Australian legal software including Clio, LEAP, InfoTrack, and most practice management systems. Our team handles the technical setup at no extra cost on Business and Growth plans.</p>
                    </div>
                </div>
                <div class="faq-item">
                    <div class="faq-question">What happens if the AI can't handle an enquiry?</div>
                    <div class="faq-answer">
                        <p>The AI will professionally take a comprehensive message and book a callback at the caller's preferred time. For complex matters, it can warm-transfer to a team member or schedule a consultation directly into your calendar.</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Trust Section -->
    <section class="trust">
        <div class="container">
            <h2>Trusted by Legal Professionals</h2>
            <div class="trust-number">200+</div>
            <p class="trust-subtitle">Legal practices across Australia use Sunaiva AI</p>
        </div>
    </section>

    <!-- Footer -->
    <footer>
        <div class="container">
            <div class="footer-content">
                <div class="footer-brand">Legal<span>Bot</span> AI</div>
                <div class="footer-links">
                    <a href="#features">Features</a>
                    <a href="#pricing">Pricing</a>
                    <a href="#faq">FAQ</a>
                    <a href="#">Privacy Policy</a>
                    <a href="#">Terms of Service</a>
                </div>
                <div class="footer-powered">Powered by <a href="https://sunaiva.com" style="color: var(--accent-blue); text-decoration: none;">Sunaiva</a></div>
            </div>
        </div>
    </footer>

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

        // Smooth scroll for anchor links
        document.querySelectorAll('a[href^="#"]').forEach(anchor => {
            anchor.addEventListener('click', function(e) {
                e.preventDefault();
                const target = document.querySelector(this.getAttribute('href'));
                if (target) {
                    target.scrollIntoView({
                        behavior: 'smooth',
                        block: 'start'
                    });
                }
            });
        });

        // Navbar background on scroll
        window.addEventListener('scroll', () => {
            const navbar = document.querySelector('.navbar');
            if (window.scrollY > 50) {
                navbar.style.background = 'rgba(11, 12, 14, 0.98)';
            } else {
                navbar.style.background = 'rgba(11, 12, 14, 0.95)';
            }
        });
    </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>Legal (Premium) AI Voice Agent | LegalBotAI - Never Miss a Client Call</title>
    <meta name="description" content="Premium AI receptionist for barristers, top-tier law firms & corporate legal. 24/7 client intake, matter classification & appointment booking. Save $52,636/year vs hiring.">

    <!-- Schema.org for LegalService -->
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "LegalService",
        "name": "LegalBotAI",
        "description": "Premium AI Voice Agent for legal firms - 24/7 client intake, matter classification, and appointment scheduling",
        "brand": {
            "@type": "Brand",
            "name": "Sunaiva"
        },
        "areaServed": {
            "@type": "Country",
            "name": "Australia"
        },
        "serviceType": "AI Voice Receptionist",
        "priceRange": "$$"
    }
    </script>

    <style>
        :root {
            --bg-primary: #0B0C0E;
            --bg-secondary: #111318;
            --bg-tertiary: #1a1d24;
            --text-primary: #E5E7EB;
            --text-secondary: #9CA3AF;
            --accent-blue: #3B82F6;
            --accent-green: #10B981;
            --accent-gold: #D4AF37;
            --accent-gold-light: #F5D76E;
            --border-color: #2D3748;
            --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;
        }

        /* 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);
        }

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

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

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

        /* Buttons */
        .btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 16px 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: #0B0C0E;
        }

        .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(--accent-gold);
            color: var(--accent-gold);
        }

        .btn-outline:hover {
            background: var(--accent-gold);
            color: var(--bg-primary);
        }

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

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

        .logo {
            display: flex;
            align-items: center;
            gap: 12px;
            text-decoration: none;
        }

        .logo-icon {
            width: 40px;
            height: 40px;
            background: var(--gradient-gold);
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 700;
            color: var(--bg-primary);
            font-size: 1.25rem;
        }

        .logo-text {
            font-size: 1.5rem;
            font-weight: 700;
            color: var(--text-primary);
        }

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

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

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

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

        .header-cta {
            display: none;
        }

        @media (min-width: 768px) {
            .header-cta {
                display: block;
            }
        }

        /* Hero Section */
        .hero {
            padding: 160px 0 100px;
            position: relative;
            overflow: hidden;
        }

        .hero::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: radial-gradient(ellipse at 50% 0%, rgba(212, 175, 55, 0.08) 0%, transparent 60%);
            pointer-events: none;
        }

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

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

        .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-subtitle {
            font-size: 1.25rem;
            color: var(--text-secondary);
            max-width: 700px;
            margin: 0 auto 40px;
        }

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

        .hero-stats {
            display: flex;
            justify-content: center;
            gap: 48px;
            margin-top: 64px;
            flex-wrap: wrap;
        }

        .stat {
            text-align: center;
        }

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

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

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

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

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

        .section-header p {
            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-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: 80px 0;
        }

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

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

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

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

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

        .trust-badges {
            display: flex;
            justify-content: center;
            gap: 32px;
            margin-top: 48px;
            flex-wrap: wrap;
        }

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

        .trust-badge svg {
            width: 20px;
            height: 20px;
            fill: var(--accent-gold);
        }

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

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

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

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

        .feature-header {
            display: flex;
            align-items: flex-start;
            gap: 16px;
            margin-bottom: 16px;
        }

        .feature-icon {
            width: 48px;
            height: 48px;
            background: rgba(59, 130, 246, 0.1);
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.25rem;
            flex-shrink: 0;
        }

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

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

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

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

        .calculator-box h2 {
            margin-bottom: 8px;
        }

        .calculator-subtitle {
            color: var(--text-secondary);
            margin-bottom: 40px;
        }

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

        @media (max-width: 600px) {
            .calculator-display {
                grid-template-columns: 1fr;
                text-align: center;
            }
        }

        .calc-item {
            padding: 24px;
            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.05);
        }

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

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

        .calc-item.receptionist .calc-value {
            color: var(--text-primary);
        }

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

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

        .savings-highlight {
            background: rgba(16, 185, 129, 0.1);
            border: 1px solid var(--accent-green);
            border-radius: 16px;
            padding: 24px;
            display: inline-block;
        }

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

        .savings-value {
            font-size: 3rem;
            font-weight: 700;
            color: var(--accent-green);
        }

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

        /* Testimonial */
        .testimonial {
            padding: 80px 0;
        }

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

        .testimonial-card::before {
            content: '"';
            position: absolute;
            top: 24px;
            left: 32px;
            font-size: 6rem;
            color: var(--accent-gold);
            opacity: 0.3;
            font-family: Georgia, serif;
            line-height: 1;
        }

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

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

        .testimonial-avatar {
            width: 56px;
            height: 56px;
            background: var(--gradient-gold);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 700;
            color: var(--bg-primary);
            font-size: 1.25rem;
        }

        .testimonial-info h4 {
            font-size: 1.125rem;
            margin-bottom: 4px;
        }

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

        /* Pricing */
        .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-tertiary);
            border: 1px solid var(--border-color);
            border-radius: 20px;
            padding: 40px 32px;
            transition: all 0.3s ease;
            position: relative;
        }

        .pricing-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
        }

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

        .pricing-card.featured::before {
            content: 'Most Popular';
            position: absolute;
            top: -12px;
            left: 50%;
            transform: translateX(-50%);
            background: var(--accent-blue);
            color: white;
            padding: 4px 16px;
            border-radius: 20px;
            font-size: 0.75rem;
            font-weight: 600;
        }

        .pricing-card.gold {
            border: 2px solid var(--accent-gold);
        }

        .pricing-card.gold::before {
            content: 'Best Value';
            position: absolute;
            top: -12px;
            left: 50%;
            transform: translateX(-50%);
            background: var(--accent-gold);
            color: var(--bg-primary);
            padding: 4px 16px;
            border-radius: 20px;
            font-size: 0.75rem;
            font-weight: 600;
        }

        .pricing-name {
            font-size: 1.25rem;
            font-weight: 600;
            margin-bottom: 8px;
        }

        .pricing-desc {
            color: var(--text-secondary);
            font-size: 0.875rem;
            margin-bottom: 24px;
        }

        .pricing-price {
            margin-bottom: 24px;
        }

        .pricing-amount {
            font-size: 3rem;
            font-weight: 700;
        }

        .pricing-card.featured .pricing-amount {
            color: var(--accent-blue);
        }

        .pricing-card.gold .pricing-amount {
            color: var(--accent-gold);
        }

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

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

        .pricing-features li {
            padding: 12px 0;
            border-bottom: 1px solid var(--border-color);
            display: flex;
            align-items: center;
            gap: 12px;
            font-size: 0.9rem;
        }

        .pricing-features li:last-child {
            border-bottom: none;
        }

        .pricing-features .check {
            color: var(--accent-green);
            font-weight: 700;
        }

        .pricing-card .btn {
            width: 100%;
        }

        /* FAQ */
        .faq {
            padding: 80px 0;
        }

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

        .faq-item {
            background: var(--bg-secondary);
            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.0625rem;
        }

        .faq-question::after {
            content: '+';
            font-size: 1.5rem;
            color: var(--accent-gold);
            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;
        }

        .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);
            text-align: center;
        }

        .trust h3 {
            color: var(--text-secondary);
            font-weight: 500;
            margin-bottom: 32px;
        }

        .trust-logos {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 48px;
            flex-wrap: wrap;
            opacity: 0.6;
        }

        .trust-logo {
            font-size: 1.5rem;
            font-weight: 700;
            color: var(--text-secondary);
            letter-spacing: 2px;
        }

        /* Footer */
        footer {
            padding: 48px 0 24px;
            border-top: 1px solid var(--border-color);
        }

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

        .footer-brand {
            display: flex;
            align-items: center;
            gap: 12px;
        }

        .footer-logo {
            width: 32px;
            height: 32px;
            background: var(--gradient-gold);
            border-radius: 6px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 700;
            color: var(--bg-primary);
            font-size: 1rem;
        }

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

        .footer-powered a {
            color: var(--accent-gold);
            text-decoration: none;
        }

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

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

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

        /* Mobile Menu */
        .mobile-menu-btn {
            display: none;
            background: none;
            border: none;
            color: var(--text-primary);
            font-size: 1.5rem;
            cursor: pointer;
        }

        @media (max-width: 768px) {
            .mobile-menu-btn {
                display: block;
            }

            nav {
                display: none;
            }

            nav.active {
                display: flex;
                flex-direction: column;
                position: absolute;
                top: 100%;
                left: 0;
                right: 0;
                background: var(--bg-primary);
                padding: 24px;
                border-bottom: 1px solid var(--border-color);
            }
        }
    </style>
</head>
<body>
    <!-- Header -->
    <header>
        <div class="header-inner">
            <a href="#" class="logo">
                <div class="logo-icon">L</div>
                <div class="logo-text">Legal<span>BotAI</span></div>
            </a>
            <button class="mobile-menu-btn" onclick="document.querySelector('nav').classList.toggle('active')">☰</button>
            <nav>
                <a href="#features">Features</a>
                <a href="#pricing">Pricing</a>
                <a href="#faq">FAQ</a>
                <a href="#calculator">Savings</a>
            </nav>
            <a href="#pricing" class="btn btn-gold header-cta">Get Started</a>
        </div>
    </header>

    <!-- Hero -->
    <section class="hero">
        <div class="container">
            <div class="hero-content">
                <div class="hero-badge">
                    <span>⚖</span> Premium Legal AI Receptionist
                </div>
                <h1>Never Miss a <span class="highlight">Legal Client Call</span> Again</h1>
                <p class="hero-subtitle">AI-powered voice receptionist designed for barristers, top-tier law firms & corporate legal. Handle client intake, matter classification & appointment booking 24/7 — without the $55K/year price tag.</p>
                <div class="hero-buttons">
                    <a href="#pricing" class="btn btn-gold">Start Free Trial</a>
                    <a href="#features" class="btn btn-outline">See Features</a>
                </div>
                <div class="hero-stats">
                    <div class="stat">
                        <div class="stat-value">62%</div>
                        <div class="stat-label">Calls Missed by Law Firms</div>
                    </div>
                    <div class="stat">
                        <div class="stat-value">$52K+</div>
                        <div class="stat-label">Annual Savings</div>
                    </div>
                    <div class="stat">
                        <div class="stat-value">24/7</div>
                        <div class="stat-label">Client Coverage</div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Pain Points -->
    <section class="pain-points">
        <div class="container">
            <div class="section-header">
                <h2>Legal Firms Face <span class="text-gold">Critical Call Handling Challenges</span></h2>
                <p>Every missed call could mean a new client, a urgent matter, or a case worth thousands.</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, incoming calls go unanswered. Research shows 62% of calls to law firms are never answered — many from potential clients.</p>
                </div>
                <div class="pain-card">
                    <div class="pain-icon">🏢</div>
                    <h3>Overwhelmed Reception Staff</h3>
                    <p>Receptionists juggle multiple tasks — scheduling, client intake, billing enquiries. This leads to errors, long wait times, and frustrated potential clients.</p>
                </div>
                <div class="pain-card">
                    <div class="pain-icon">🌙</div>
                    <h3>After-Hours Enquiries Lost</h3>
                    <p>Legal emergencies don't keep business hours. 40% of client enquiries happen outside 9-5, but most firms have no way to capture them until the next day.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Compliance -->
    <section class="compliance">
        <div class="container">
            <div class="section-header">
                <h2>Built for <span class="text-gold">Professional Legal Practice</span></h2>
                <p>Enterprise-grade security meets professional excellence. Your clients' data is protected by Australian law.</p>
            </div>
            <div class="compliance-grid">
                <div class="compliance-card">
                    <div class="compliance-icon">🏛</div>
                    <h3>Professional Prestige</h3>
                    <p>Every interaction reflects your firm's excellence. Polished AI voice with Australian accent projects competence and authority.</p>
                </div>
                <div class="compliance-card">
                    <div class="compliance-icon">📋</div>
                    <h3>Client Intake & Classification</h3>
                    <p>AI collects case details, determines matter type (litigation, corporate, IP, family), and routes enquiries appropriately.</p>
                </div>
                <div class="compliance-card">
                    <div class="compliance-icon">🔒</div>
                    <h3>Data Sovereignty</h3>
                    <p>All data stored on Australian servers, fully compliant with Privacy Act 1988 and GDPR-equivalent standards.</p>
                </div>
                <div class="compliance-card">
                    <div class="compliance-icon">✅</div>
                    <h3>Professional Conduct</h3>
                    <p>Designed to understand legal boundaries. AI knows when to escalate to paralegals or counsel for sensitive matters.</p>
                </div>
            </div>
            <div class="trust-badges">
                <div class="trust-badge">
                    <svg viewBox="0 0 24 24"><path d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm-2 16l-4-4 1.41-1.41L10 14.17l6.59-6.59L18 9l-8 8z"/></svg>
                    SOC 2 Compliant
                </div>
                <div class="trust-badge">
                    <svg viewBox="0 0 24 24"><path d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 10.99h7c-.53 4.12-3.28 7.79-7 8.94V12H5V6.3l7-3.11v8.8z"/></svg>
                    Australian Data Centres
                </div>
                <div class="trust-badge">
                    <svg viewBox="0 0 24 24"><path d="M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2z"/></svg>
                    256-bit Encryption
                </div>
                <div class="trust-badge">
                    <svg viewBox="0 0 24 24"><path d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm-2 19l-4-4 1.41-1.41L10 16.17l6.59-6.59L18 11l-8 8z"/></svg>
                    Privacy Act Compliant
                </div>
            </div>
        </div>
    </section>

    <!-- Features -->
    <section class="features" id="features">
        <div class="container">
            <div class="section-header">
                <h2>Everything Your <span class="text-gold">Receptionist Should Do</span></h2>
                <p>Powerful features designed specifically for legal practice needs.</p>
            </div>
            <div class="features-grid">
                <div class="feature-card">
                    <div class="feature-header">
                        <div class="feature-icon">📅</div>
                        <h3>Appointment Scheduling</h3>
                    </div>
                    <p>AI books consultations directly into your calendar system. Clients get instant confirmation. No back-and-forth.</p>
                </div>
                <div class="feature-card">
                    <div class="feature-header">
                        <div class="feature-icon">🚨</div>
                        <h3>Emergency Triage</h3>
                    </div>
                    <p>Urgent matters flagged immediately. AI identifies emergency keywords and routes to on-call staff instantly.</p>
                </div>
                <div class="feature-card">
                    <div class="feature-header">
                        <div class="feature-icon">🤝</div>
                        <h3>Client Intake</h3>
                    </div>
                    <p>Collects name, contact, matter type, brief description, and urgency. Ready for your team before first contact.</p>
                </div>
                <div class="feature-card">
                    <div class="feature-header">
                        <div class="feature-icon">🌙</div>
                        <h3>After-Hours Coverage</h3>
                    </div>
                    <p>24/7/365 coverage including weekends and holidays. Never miss a potential client regardless of when they call.</p>
                </div>
                <div class="feature-card">
                    <div class="feature-header">
                        <div class="feature-icon">🌏</div>
                        <h3>Multi-Language Support</h3>
                    </div>
                    <p>Serve diverse clients. AI communicates fluently in English, Mandarin, Vietnamese, Arabic and more.</p>
                </div>
                <div class="feature-card">
                    <div class="feature-header">
                        <div class="feature-icon">🔗</div>
                        <h3>Legal Software Integration</h3>
                    </div>
                    <p>Connects with Practice Management Systems, Clio, LEAP, Smokeball, and calendar apps automatically.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Calculator -->
    <section class="calculator" id="calculator">
        <div class="container">
            <div class="calculator-box">
                <h2>Calculate Your <span class="text-gold">Annual Savings</span></h2>
                <p class="calculator-subtitle">Compare the real cost of AI vs. hiring a full-time receptionist</p>

                <div class="calculator-display">
                    <div class="calc-item receptionist">
                        <div class="calc-label">Full-Time Receptionist</div>
                        <div class="calc-value">$55,000</div>
                        <div class="calc-label">per year</div>
                    </div>
                    <div class="calc-vs">vs</div>
                    <div class="calc-item ai">
                        <div class="calc-label">LegalBotAI</div>
                        <div class="calc-value">$2,364</div>
                        <div class="calc-label">per year</div>
                    </div>
                </div>

                <div class="savings-highlight">
                    <div class="savings-label">You Save Annually</div>
                    <div class="savings-value">$52,636</div>
                    <div class="savings-note">That's 96% savings — enough to hire a paralegal or upgrade your practice technology</div>
                </div>
            </div>
        </div>
    </section>

    <!-- Testimonial -->
    <section class="testimonial">
        <div class="container">
            <div class="testimonial-card">
                <p class="testimonial-text">"Since implementing LegalBotAI, we've captured over 40 new matters that would have otherwise gone to voicemail. The AI handles client intake beautifully — our lawyers review fully populated intake forms before each consultation. It's like having a premium receptionist who never sleeps."</p>
                <div class="testimonial-author">
                    <div class="testimonial-avatar">JM</div>
                    <div class="testimonial-info">
                        <h4>James Mitchell</h4>
                        <p>Managing Partner, Mitchell Chambers & Associates</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Pricing -->
    <section class="pricing" id="pricing">
        <div class="container">
            <div class="section-header">
                <h2>Simple, <span class="text-gold">Transparent Pricing</span></h2>
                <p>No contracts, no setup fees. Cancel anytime.</p>
            </div>
            <div class="pricing-grid">
                <div class="pricing-card">
                    <div class="pricing-name">Essentials</div>
                    <div class="pricing-desc">For solo practitioners & small firms</div>
                    <div class="pricing-price">
                        <span class="pricing-amount">$197</span>
                        <span class="pricing-period">/month</span>
                    </div>
                    <ul class="pricing-features">
                        <li><span class="check">✓</span> 500 calls/month</li>
                        <li><span class="check">✓</span> Client intake forms</li>
                        <li><span class="check">✓</span> Appointment scheduling</li>
                        <li><span class="check">✓</span> After-hours coverage</li>
                        <li><span class="check">✓</span> Australian accent</li>
                    </ul>
                    <a href="#" class="btn btn-outline">Start Free Trial</a>
                </div>

                <div class="pricing-card gold">
                    <div class="pricing-name">Business</div>
                    <div class="pricing-desc">For growing law firms</div>
                    <div class="pricing-price">
                        <span class="pricing-amount">$397</span>
                        <span class="pricing-period">/month</span>
                    </div>
                    <ul class="pricing-features">
                        <li><span class="check">✓</span> 1,500 calls/month</li>
                        <li><span class="check">✓</span> Matter classification</li>
                        <li><span class="check">✓</span> Emergency triage</li>
                        <li><span class="check">✓</span> Multi-language (5 lang)</li>
                        <li><span class="check">✓</span> Calendar integration</li>
                        <li><span class="check">✓</span> Priority support</li>
                    </ul>
                    <a href="#" class="btn btn-gold">Start Free Trial</a>
                </div>

                <div class="pricing-card featured">
                    <div class="pricing-name">Growth</div>
                    <div class="pricing-desc">For busy practices</div>
                    <div class="pricing-price">
                        <span class="pricing-amount">$597</span>
                        <span class="pricing-period">/month</span>
                    </div>
                    <ul class="pricing-features">
                        <li><span class="check">✓</span> Unlimited calls</li>
                        <li><span class="check">✓</span> Custom voice training</li>
                        <li><span class="check">✓</span> Full software integration</li>
                        <li><span class="check">✓</span> Multi-language (all)</li>
                        <li><span class="check">✓</span> Dedicated account manager</li>
                        <li><span class="check">✓</span> Custom workflows</li>
                    </ul>
                    <a href="#" class="btn btn-primary">Start Free Trial</a>
                </div>
            </div>
        </div>
    </section>

    <!-- FAQ -->
    <section class="faq" id="faq">
        <div class="container">
            <div class="section-header">
                <h2>Frequently Asked <span class="text-gold">Questions</span></h2>
            </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 end-to-end with 256-bit encryption. Data is stored exclusively on Australian servers, fully compliant with the Privacy Act 1988. We can also execute custom NDAs and data processing agreements for enterprise clients.</p>
                    </div>
                </div>
                <div class="faq-item">
                    <div class="faq-question">Can the AI handle matters requiring immediate attention?</div>
                    <div class="faq-answer">
                        <p>Yes. Our AI uses intelligent emergency triage to identify urgent keywords and situations. Urgent matters are immediately flagged and routed to your on-call staff via phone, SMS, or email — ensuring critical client needs are never delayed.</p>
                    </div>
                </div>
                <div class="faq-item">
                    <div class="faq-question">How does matter classification work?</div>
                    <div class="faq-answer">
                        <p>The AI asks targeted questions during intake to determine matter type (family law, corporate, litigation, IP, property, etc.), estimated value, and urgency. This information is formatted and delivered to your team along with full contact details, enabling efficient case assignment.</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. LegalBotAI integrates with major Australian legal software including Clio, LEAP, Smokeball, Practice Evolve, and InfoTrack. We also offer custom API integrations for bespoke systems. Calendar integrations include Google Calendar, Outlook, and Legal Server calendars.</p>
                    </div>
                </div>
                <div class="faq-item">
                    <div class="faq-question">What happens if a caller needs to speak with a lawyer directly?</div>
                    <div class="faq-answer">
                        <p>The AI will always offer to connect callers to available staff. If no one is available, it takes a detailed message and can schedule a callback at the client's preferred time. For urgent matters, it can escalate to your designated emergency line.</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Trust -->
    <section class="trust">
        <div class="container">
            <h3>Trusted by 200+ Legal Businesses Across Australia</h3>
            <div class="trust-logos">
                <span class="trust-logo">BARRISTER CO.</span>
                <span class="trust-logo">CORP LEGAL</span>
                <span class="trust-logo">FAMILY LAW PARTNERS</span>
                <span class="trust-logo">IP SPECIALISTS</span>
                <span class="trust-logo">Mitchell Chambers</span>
            </div>
        </div>
    </section>

    <!-- Footer -->
    <footer>
        <div class="container">
            <div class="footer-inner">
                <div class="footer-brand">
                    <div class="footer-logo">L</div>
                    <div class="logo-text">Legal<span>BotAI</span></div>
                </div>
                <div class="footer-links">
                    <a href="#">Privacy Policy</a>
                    <a href="#">Terms of Service</a>
                    <a href="#">Contact</a>
                </div>
                <div class="footer-powered">
                    Powered by <a href="#">Sunaiva</a> — Australian AI Innovation
                </div>
            </div>
        </div>
    </footer>

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

        // Smooth scroll for anchor links
        document.querySelectorAll('a[href^="#"]').forEach(anchor => {
            anchor.addEventListener('click', function(e) {
                e.preventDefault();
                const target = document.querySelector(this.getAttribute('href'));
                if (target) {
                    target.scrollIntoView({
                        behavior: 'smooth',
                        block: 'start'
                    });
                }
            });
        });
    </script>
</body>
</html>
```