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 | 24/7 Legal Reception | LegalBot AI</title>
    <meta name="description" content="Premium AI voice agent for legal professionals. Never miss a client call. 24/7 coverage, matter classification, client intake. Save $52K+ per year vs a receptionist.">

    <!-- Schema.org markup for LegalService -->
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "LegalService",
        "name": "LegalBot AI",
        "description": "Premium AI voice agent for legal professionals - 24/7 client intake, matter classification, and appointment scheduling",
        "url": "https://legalbotai.au",
        "areaServed": {
            "@type": "Country",
            "name": "Australia"
        },
        "serviceType": "AI Voice Agent",
        "provider": {
            "@type": "Organization",
            "name": "Sunaiva",
            "url": "https://sunaiva.com"
        },
        "offers": {
            "@type": "AggregateOffer",
            "lowPrice": "197",
            "highPrice": "597",
            "priceCurrency": "AUD",
            "offerCount": "3"
        }
    }
    </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: #D4A853;
            --accent-gold-light: #E8C97A;
            --border-color: #2D3139;
            --gradient-gold: linear-gradient(135deg, #D4A853 0%, #E8C97A 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;
        }

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

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

        nav .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;
            display: flex;
            align-items: center;
            gap: 8px;
        }

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

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

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

        .nav-cta {
            background: var(--gradient-gold);
            color: var(--bg-primary) !important;
            padding: 10px 20px;
            border-radius: 8px;
            font-weight: 600;
        }

        /* 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, 168, 83, 0.1) 0%, transparent 70%);
            pointer-events: none;
        }

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

        .hero-badge {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            background: var(--bg-tertiary);
            border: 1px solid var(--border-color);
            padding: 8px 16px;
            border-radius: 50px;
            font-size: 0.85rem;
            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 {
            font-size: clamp(2.5rem, 5vw, 4rem);
            font-weight: 800;
            line-height: 1.1;
            margin-bottom: 24px;
        }

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

        .hero p {
            font-size: 1.2rem;
            color: var(--text-secondary);
            margin-bottom: 40px;
            max-width: 550px;
        }

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

        .btn-primary {
            background: var(--gradient-gold);
            color: var(--bg-primary);
            padding: 16px 32px;
            border-radius: 10px;
            text-decoration: none;
            font-weight: 600;
            font-size: 1rem;
            transition: transform 0.3s, box-shadow 0.3s;
            border: none;
            cursor: pointer;
        }

        .btn-primary:hover {
            transform: translateY(-2px);
            box-shadow: 0 10px 40px rgba(212, 168, 83, 0.3);
        }

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

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

        .hero-stats {
            display: flex;
            gap: 40px;
            margin-top: 60px;
            padding-top: 40px;
            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.9rem;
            color: var(--text-secondary);
        }

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

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

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

        .section-title {
            font-size: 2.5rem;
            font-weight: 700;
            margin-bottom: 16px;
        }

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

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

        .pain-card {
            background: var(--bg-tertiary);
            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(-4px);
        }

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

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

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

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

        .compliance-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 60px;
            align-items: center;
        }

        .compliance-content h2 {
            font-size: 2.2rem;
            margin-bottom: 24px;
        }

        .compliance-content h2 span {
            color: var(--accent-gold);
        }

        .compliance-list {
            list-style: none;
            margin-top: 30px;
        }

        .compliance-list li {
            display: flex;
            align-items: flex-start;
            gap: 16px;
            margin-bottom: 20px;
            padding: 20px;
            background: var(--bg-secondary);
            border-radius: 12px;
            border: 1px solid var(--border-color);
        }

        .compliance-check {
            width: 24px;
            height: 24px;
            background: var(--accent-green);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            margin-top: 2px;
        }

        .compliance-check::after {
            content: '✓';
            color: white;
            font-size: 14px;
            font-weight: bold;
        }

        .compliance-list h4 {
            font-size: 1.1rem;
            margin-bottom: 4px;
        }

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

        .trust-badges {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 20px;
        }

        .trust-badge {
            background: var(--bg-secondary);
            border: 1px solid var(--border-color);
            border-radius: 16px;
            padding: 24px;
            text-align: center;
        }

        .trust-badge-icon {
            font-size: 2.5rem;
            margin-bottom: 12px;
        }

        .trust-badge h4 {
            font-size: 1rem;
            color: var(--text-primary);
        }

        .trust-badge p {
            font-size: 0.8rem;
            color: var(--text-muted);
            margin-top: 4px;
        }

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

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

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

        .feature-card:hover {
            border-color: var(--accent-gold);
        }

        .feature-icon {
            width: 48px;
            height: 48px;
            background: linear-gradient(135deg, var(--accent-gold) 0%, var(--accent-gold-light) 100%);
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 20px;
            font-size: 1.3rem;
        }

        .feature-card h3 {
            font-size: 1.15rem;
            margin-bottom: 10px;
        }

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

        /* Calculator Section */
        .calculator {
            padding: 100px 0;
        }

        .calculator-box {
            background: var(--bg-secondary);
            border: 1px solid var(--border-color);
            border-radius: 24px;
            padding: 60px;
            text-align: center;
            position: relative;
            overflow: hidden;
        }

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

        .calculator h2 {
            font-size: 2.5rem;
            margin-bottom: 16px;
        }

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

        .calculator-comparison {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 40px;
            flex-wrap: wrap;
        }

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

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

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

        .calc-value.receptionist {
            color: var(--text-secondary);
            text-decoration: line-through;
            opacity: 0.7;
        }

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

        .calc-period {
            font-size: 1rem;
            color: var(--text-muted);
        }

        .calc-arrow {
            font-size: 2rem;
            color: var(--accent-gold);
        }

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

        .calc-savings-label {
            color: var(--accent-green);
            font-size: 0.9rem;
            margin-bottom: 4px;
        }

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

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

        .testimonial-card {
            max-width: 800px;
            margin: 0 auto;
            text-align: center;
            position: relative;
        }

        .testimonial-quote {
            font-size: 1.5rem;
            line-height: 1.8;
            color: var(--text-primary);
            margin-bottom: 40px;
            position: relative;
        }

        .testimonial-quote::before {
            content: '"';
            position: absolute;
            top: -20px;
            left: -10px;
            font-size: 4rem;
            color: var(--accent-gold);
            opacity: 0.3;
            font-family: Georgia, serif;
        }

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

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

        .testimonial-info h4 {
            font-size: 1.1rem;
            margin-bottom: 2px;
        }

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

        .testimonial-rating {
            color: var(--accent-gold);
            margin-bottom: 20px;
            font-size: 1.2rem;
            letter-spacing: 4px;
        }

        /* Pricing Section */
        .pricing {
            padding: 100px 0;
        }

        .pricing-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 30px;
            margin-top: 50px;
        }

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

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

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

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

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

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

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

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

        .pricing-period {
            color: var(--text-secondary);
            margin-bottom: 30px;
        }

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

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

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

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

        .pricing-card.featured .pricing-cta {
            background: var(--gradient-gold);
            color: var(--bg-primary);
        }

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

        .pricing-cta:hover {
            transform: translateY(-2px);
        }

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

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

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

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

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

        /* Trust Section */
        .trust {
            padding: 80px 0;
            text-align: center;
        }

        .trust h2 {
            font-size: 1.5rem;
            color: var(--text-secondary);
            margin-bottom: 40px;
        }

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

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

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

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

        .footer-brand p {
            color: var(--text-secondary);
            margin-top: 16px;
            font-size: 0.95rem;
            max-width: 300px;
        }

        .footer-column h4 {
            font-size: 0.9rem;
            text-transform: uppercase;
            letter-spacing: 1px;
            margin-bottom: 20px;
            color: var(--text-muted);
        }

        .footer-column a {
            display: block;
            color: var(--text-secondary);
            text-decoration: none;
            margin-bottom: 12px;
            font-size: 0.95rem;
            transition: color 0.3s;
        }

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

        .footer-bottom {
            padding-top: 30px;
            border-top: 1px solid var(--border-color);
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .footer-bottom p {
            color: var(--text-muted);
            font-size: 0.85rem;
        }

        .powered-by {
            display: flex;
            align-items: center;
            gap: 8px;
            color: var(--text-muted);
            font-size: 0.85rem;
        }

        .powered-by span {
            color: var(--accent-gold);
            font-weight: 600;
        }

        /* Responsive */
        @media (max-width: 1024px) {
            .features-grid {
                grid-template-columns: repeat(2, 1fr);
            }

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

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

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

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

            .hero-stats {
                flex-direction: column;
                gap: 24px;
            }

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

            .trust-badges {
                grid-template-columns: 1fr;
            }

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

            .calculator-box {
                padding: 40px 24px;
            }

            .calculator-comparison {
                flex-direction: column;
                gap: 20px;
            }

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

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

            .footer-bottom {
                flex-direction: column;
                gap: 16px;
                text-align: center;
            }
        }
    </style>
</head>
<body>
    <!-- Navigation -->
    <nav>
        <div class="container">
            <a href="#" class="logo">Legal<span>Bot</span> AI</a>
            <div class="nav-links">
                <a href="#features">Features</a>
                <a href="#pricing">Pricing</a>
                <a href="#faq">FAQ</a>
                <a href="#contact" class="nav-cta">Get Started</a>
            </div>
        </div>
    </nav>

    <!-- Hero Section -->
    <section class="hero">
        <div class="container">
            <div class="hero-content">
                <div class="hero-badge">24/7 Premium Legal Reception</div>
                <h1>Never Miss a <span class="highlight">Client Call</span> Again</h1>
                <p>Your dedicated AI voice agent handles client enquiries, screens matters, and books consultations around the clock. Professional. Discreet. Always available.</p>
                <div class="hero-buttons">
                    <a href="#contact" class="btn-primary">Start Free Trial</a>
                    <a href="#features" class="btn-secondary">See Features</a>
                </div>
                <div class="hero-stats">
                    <div class="stat">
                        <div class="stat-value">24/7</div>
                        <div class="stat-label">Coverage</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">62%</div>
                        <div class="stat-label">Calls Otherwise Missed</div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Pain Points Section -->
    <section class="pain-points">
        <div class="container">
            <div class="section-header">
                <div class="section-label">Industry Challenges</div>
                <h2 class="section-title">The Cost of Missed Opportunities</h2>
                <p class="section-subtitle">Legal firms lose significant revenue when client calls go unanswered</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 is a potential matter. 62% of calls to small businesses go unanswered—often at the exact moment a prospective client is ready to engage.</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. Potential clients calling after 5pm or on weekends often hang up and contact your competitors. You need coverage when it matters most.</p>
                </div>
                <div class="pain-card">
                    <div class="pain-icon">📋</div>
                    <h3>Overwhelmed Reception Staff</h3>
                    <p>Receptionists can't handle intake, scheduling, and matter screening while managing multiple incoming calls. Quality suffers, and experienced staff burn out or leave.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Compliance Section -->
    <section class="compliance">
        <div class="container">
            <div class="compliance-grid">
                <div class="compliance-content">
                    <h2>Built for <span>Legal Professionals</span></h2>
                    <p style="color: var(--text-secondary); margin-bottom: 20px;">Our AI voice agent is designed with the unique requirements of legal practice in mind—professionalism, discretion, and compliance.</p>

                    <ul class="compliance-list">
                        <li>
                            <div class="compliance-check"></div>
                            <div>
                                <h4>Professional Matter Classification</h4>
                                <p>Intelligently categorises enquiries by practice area—litigation, corporate, IP, family law—and routes or schedules appropriately.</p>
                            </div>
                        </li>
                        <li>
                            <div class="compliance-check"></div>
                            <div>
                                <h4>Client Intake & Conflict Checks</h4>
                                <p>Collects essential client information, conducts preliminary conflict checks, and captures matter details before your team engages.</p>
                            </div>
                        </li>
                        <li>
                            <div class="compliance-check"></div>
                            <div>
                                <h4>Australian Data Sovereignty</h4>
                                <p>All data processed and stored on Australian servers. Full compliance with privacy regulations and legal professional obligations.</p>
                            </div>
                        </li>
                        <li>
                            <div class="compliance-check"></div>
                            <div>
                                <h4>Confidentiality Assured</h4>
                                <p>Enterprise-grade encryption and strict access controls. Your client communications remain private and protected.</p>
                            </div>
                        </li>
                    </ul>
                </div>

                <div class="trust-badges">
                    <div class="trust-badge">
                        <div class="trust-badge-icon">🔒</div>
                        <h4>AUS/NZ Privacy</h4>
                        <p>Compliant</p>
                    </div>
                    <div class="trust-badge">
                        <div class="trust-badge-icon">🏢</div>
                        <h4>Legal Profession</h4>
                        <p>Standards</p>
                    </div>
                    <div class="trust-badge">
                        <div class="trust-badge-icon">🌏</div>
                        <h4>Australian</h4>
                        <p>Servers</p>
                    </div>
                    <div class="trust-badge">
                        <div class="trust-badge-icon">🔐</div>
                        <h4>256-bit</h4>
                        <p>Encryption</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Features Section -->
    <section class="features" id="features">
        <div class="container">
            <div class="section-header">
                <div class="section-label">Capabilities</div>
                <h2 class="section-title">Everything Your Receptionist Does—Without the Overhead</h2>
                <p class="section-subtitle">Six powerful features designed specifically for legal practice</p>
            </div>

            <div class="features-grid">
                <div class="feature-card">
                    <div class="feature-icon">📅</div>
                    <h3>Smart Appointment Scheduling</h3>
                    <p>Checks your calendar in real-time, books suitable slots, sends confirmations, and handles rescheduling requests automatically.</p>
                </div>
                <div class="feature-card">
                    <div class="feature-icon">⚡</div>
                    <h3>Emergency Triage</h3>
                    <p>Identifies urgent matters and immediately escalates to your on-call team. Critical cases never wait for business hours.</p>
                </div>
                <div class="feature-card">
                    <div class="feature-icon">📝</div>
                    <h3>Comprehensive Client Intake</h3>
                    <p>Collects matter details, party information, urgency level, and preferred contact times. Structured data ready for your practice management system.</p>
                </div>
                <div class="feature-card">
                    <div class="feature-icon">🌙</div>
                    <h3>After-Hours Coverage</h3>
                    <p>24/7/365 availability. Weekend enquiries, late-night emergencies, and holiday calls are all handled professionally.</p>
                </div>
                <div class="feature-card">
                    <div class="feature-icon">🌐</div>
                    <h3>Multi-Language Support</h3>
                    <p>Communicates fluently in English, Mandarin, Vietnamese, Arabic, and other languages common in Australian legal practice.</p>
                </div>
                <div class="feature-card">
                    <div class="feature-icon">🔗</div>
                    <h3>Industry Software Integration</h3>
                    <p>Connects with Clio, Leap, PracticePanlegder, and other legal practice management systems. Seamless data flow.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Calculator Section -->
    <section class="calculator">
        <div class="container">
            <div class="calculator-box">
                <h2>Calculate Your Savings</h2>
                <p class="calculator-subtitle">Compare the cost of AI assistance versus a full-time receptionist</p>

                <div class="calculator-comparison">
                    <div class="calc-item">
                        <div class="calc-label">Traditional Receptionist</div>
                        <div class="calc-value receptionist">$55,000</div>
                        <div class="calc-period">per year</div>
                    </div>

                    <div class="calc-arrow">→</div>

                    <div class="calc-item">
                        <div class="calc-label">LegalBot AI</div>
                        <div class="calc-value ai">$2,364</div>
                        <div class="calc-period">per year (Essentials)</div>
                    </div>
                </div>

                <div class="calc-savings">
                    <div class="calc-savings-label">Annual Savings</div>
                    <div class="calc-savings-value">$52,636</div>
                </div>
            </div>
        </div>
    </section>

    <!-- Testimonial Section -->
    <section class="testimonial">
        <div class="container">
            <div class="testimonial-card">
                <div class="testimonial-rating">★★★★★</div>
                <p class="testimonial-quote">Since implementing LegalBot AI, we've captured an additional 15 matters per month that would have otherwise gone to voicemail. The after-hours coverage alone has been worth it—clients are impressed that we 'answer' at 9pm on a Sunday. It's transformed our client experience.</p>
                <div class="testimonial-author">
                    <div class="testimonial-avatar">JR</div>
                    <div class="testimonial-info">
                        <h4>James Richmond</h4>
                        <p>Managing Partner, Richmond Corporate Law</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Pricing Section -->
    <section class="pricing" id="pricing">
        <div class="container">
            <div class="section-header">
                <div class="section-label">Pricing</div>
                <h2 class="section-title">Simple, Transparent Pricing</h2>
                <p class="section-subtitle">Choose the plan that fits your practice</p>
            </div>

            <div class="pricing-grid">
                <div class="pricing-card">
                    <div class="pricing-name">Essentials</div>
                    <div class="pricing-desc">For solo practitioners</div>
                    <div class="pricing-price">$197<span>/mo</span></div>
                    <div class="pricing-period">AUD incl. GST</div>
                    <ul class="pricing-features">
                        <li>Unlimited calls</li>
                        <li>After-hours coverage</li>
                        <li>Client intake forms</li>
                        <li>Calendar integration</li>
                        <li>Email support</li>
                    </ul>
                    <a href="#contact" class="pricing-cta">Get Started</a>
                </div>

                <div class="pricing-card featured">
                    <div class="pricing-name">Business</div>
                    <div class="pricing-desc">For growing firms</div>
                    <div class="pricing-price">$397<span>/mo</span></div>
                    <div class="pricing-period">AUD incl. GST</div>
                    <ul class="pricing-features">
                        <li>Everything in Essentials</li>
                        <li>Matter classification</li>
                        <li>Conflict checking</li>
                        <li>Multi-language (5 languages)</li>
                        <li>Priority support</li>
                        <li>Analytics dashboard</li>
                    </ul>
                    <a href="#contact" class="pricing-cta">Get Started</a>
                </div>

                <div class="pricing-card">
                    <div class="pricing-name">Growth</div>
                    <div class="pricing-desc">For large practices</div>
                    <div class="pricing-price">$597<span>/mo</span></div>
                    <div class="pricing-period">AUD incl. GST</div>
                    <ul class="pricing-features">
                        <li>Everything in Business</li>
                        <li>Unlimited languages</li>
                        <li>Custom integrations</li>
                        <li>Dedicated account manager</li>
                        <li>Advanced analytics</li>
                        <li>White-label options</li>
                    </ul>
                    <a href="#contact" class="pricing-cta">Get Started</a>
                </div>
            </div>
        </div>
    </section>

    <!-- FAQ Section -->
    <section class="faq" id="faq">
        <div class="container">
            <div class="section-header">
                <div class="section-label">Questions</div>
                <h2 class="section-title">Frequently Asked Questions</h2>
                <p class="section-subtitle">Everything you need to know about LegalBot AI</p>
            </div>

            <div class="faq-grid">
                <div class="faq-item">
                    <div class="faq-question">Is my client data secure and confidential?</div>
                    <div class="faq-answer">
                        <p>Absolutely. We use 256-bit encryption for all communications and store all data on Australian servers, fully compliant with the Privacy Act 1988 and legal professional obligations. Your client information never leaves Australia and is protected by enterprise-grade security protocols.</p>
                    </div>
                </div>

                <div class="faq-item">
                    <div class="faq-question">Can the AI handle complex legal enquiries?</div>
                    <div class="faq-answer">
                        <p>The AI is trained to handle initial client enquiries, gather relevant information, and determine matter urgency. For complex legal questions, it professionally routes callers to appropriate team members or takes detailed messages. It excels at intake, screening, and scheduling—handling the 80% of enquiries that don't require a lawyer's immediate attention.</p>
                    </div>
                </div>

                <div class="faq-item">
                    <div class="faq-question">How does matter classification work?</div>
                    <div class="faq-answer">
                        <p>Our AI uses natural language processing to identify the nature of each enquiry—corporate, litigation, family law, property, IP, etc. It then applies your firm's routing rules to either book appropriate appointments, escalate to specific teams, or capture detailed information for follow-up.</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 practice management systems including Clio, Leap, and PracticePanlegder. Client intake data flows directly into your existing workflows, eliminating duplicate data entry and ensuring consistency across your practice.</p>
                    </div>
                </div>

                <div class="faq-item">
                    <div class="faq-question">What happens if a matter is urgent or an emergency?</div>
                    <div class="faq-answer">
                        <p>The AI is programmed to recognise urgency indicators and emergency keywords. When detected, it immediately escalates through your defined pathway—either connecting to an on-call lawyer, routing to an emergency hotline, or sending urgent notifications to your team with full caller details.</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Trust Section -->
    <section class="trust">
        <div class="container">
            <h2>Trusted by 200+ legal businesses across Australia</h2>
            <div class="trust-logos">
                <div class="trust-logo">BARRISTER CO.</div>
                <div class="trust-logo">CORP LEGAL</div>
                <div class="trust-logo">PARTNERS LAW</div>
                <div class="trust-logo">JUSTICE GROUP</div>
                <div class="trust-logo">EQUITY PARTNERS</div>
            </div>
        </div>
    </section>

    <!-- Footer -->
    <footer id="contact">
        <div class="container">
            <div class="footer-grid">
                <div class="footer-brand">
                    <a href="#" class="logo">Legal<span>Bot</span> AI</a>
                    <p>Premium AI voice reception for legal professionals. Never miss a client call. 24/7 coverage, matter classification, and seamless integration.</p>
                </div>
                <div class="footer-column">
                    <h4>Product</h4>
                    <a href="#features">Features</a>
                    <a href="#pricing">Pricing</a>
                    <a href="#faq">FAQ</a>
                    <a href="#">Integrations</a>
                </div>
                <div class="footer-column">
                    <h4>Company</h4>
                    <a href="#">About Us</a>
                    <a href="#">Careers</a>
                    <a href="#">Contact</a>
                    <a href="#">Blog</a>
                </div>
                <div class="footer-column">
                    <h4>Legal</h4>
                    <a href="#">Privacy Policy</a>
                    <a href="#">Terms of Service</a>
                    <a href="#">Security</a>
                    <a href="#">Compliance</a>
                </div>
            </div>
            <div class="footer-bottom">
                <p>© 2024 LegalBot AI. All rights reserved.</p>
                <div class="powered-by">Powered by <span>Sunaiva</span></div>
            </div>
        </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>Legal (Premium) AI Voice Agent | LegalBotAI.au</title>
    <meta name="description" content="Premium AI voice receptionist for barristers, top-tier law firms & corporate legal. Never miss a client call. 24/7 coverage. Book consultations automatically.">

    <!-- Schema.org for Legal Service -->
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "LegalService",
        "name": "LegalBotAI",
        "description": "Premium AI Voice Agent for legal practices",
        "url": "https://legalbotai.au",
        "areaServed": {
            "@type": "Country",
            "name": "Australia"
        },
        "provider": {
            "@type": "Organization",
            "name": "Sunaiva",
            "url": "https://sunaiva.com.au"
        },
        "priceRange": "$$"
    }
    </script>

    <style>
        :root {
            --bg-primary: #0B0C0E;
            --bg-secondary: #111318;
            --bg-card: #1A1D24;
            --text-primary: #E5E7EB;
            --text-secondary: #9CA3AF;
            --accent-blue: #3B82F6;
            --accent-green: #10B981;
            --accent-gold: #D4AF37;
            --accent-gold-light: #F4D03F;
            --gradient-gold: linear-gradient(135deg, #D4AF37 0%, #F4D03F 50%, #D4AF37 100%);
        }

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

        html {
            scroll-behavior: smooth;
        }

        body {
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 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 20px;
        }

        /* 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 rgba(212, 175, 55, 0.1);
        }

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

        .logo {
            display: flex;
            align-items: center;
            gap: 10px;
            font-size: 1.4rem;
            font-weight: 700;
        }

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

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

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

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

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

        .cta-button {
            background: var(--gradient-gold);
            color: var(--bg-primary);
            padding: 12px 24px;
            border-radius: 8px;
            text-decoration: none;
            font-weight: 600;
            transition: transform 0.3s, box-shadow 0.3s;
        }

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

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

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

        .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.2);
            padding: 8px 16px;
            border-radius: 50px;
            font-size: 0.85rem;
            color: var(--accent-gold-light);
            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 {
            font-size: 3.5rem;
            font-weight: 800;
            margin-bottom: 20px;
            line-height: 1.1;
        }

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

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

        .hero-cta {
            padding: 16px 32px;
            font-size: 1.1rem;
            border-radius: 10px;
        }

        .hero-cta-secondary {
            background: transparent;
            border: 1px solid rgba(212, 175, 55, 0.3);
            color: var(--accent-gold-light);
        }

        .hero-cta-secondary:hover {
            background: rgba(212, 175, 55, 0.1);
            border-color: var(--accent-gold);
        }

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

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

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

        .section-title {
            font-size: 2.5rem;
            font-weight: 700;
            margin-bottom: 16px;
        }

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

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

        .pain-card {
            background: var(--bg-card);
            border: 1px solid rgba(212, 175, 55, 0.1);
            border-radius: 16px;
            padding: 32px;
            transition: transform 0.3s, border-color 0.3s;
        }

        .pain-card:hover {
            transform: translateY(-5px);
            border-color: rgba(212, 175, 55, 0.3);
        }

        .pain-icon {
            width: 56px;
            height: 56px;
            background: rgba(212, 175, 55, 0.1);
            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;
        }

        .compliance-content {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 60px;
            align-items: center;
        }

        .compliance-text h2 {
            font-size: 2.2rem;
            margin-bottom: 20px;
        }

        .compliance-text p {
            color: var(--text-secondary);
            margin-bottom: 30px;
            font-size: 1.05rem;
        }

        .compliance-list {
            list-style: none;
        }

        .compliance-list li {
            display: flex;
            align-items: flex-start;
            gap: 12px;
            margin-bottom: 16px;
        }

        .compliance-list .check {
            color: var(--accent-green);
            font-size: 1.2rem;
            flex-shrink: 0;
        }

        .compliance-badges {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 20px;
        }

        .badge-card {
            background: var(--bg-card);
            border: 1px solid rgba(212, 175, 55, 0.1);
            border-radius: 12px;
            padding: 24px;
            text-align: center;
        }

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

        .badge-card h4 {
            font-size: 1rem;
            margin-bottom: 6px;
        }

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

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

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

        .feature-card {
            background: var(--bg-card);
            border: 1px solid rgba(212, 175, 55, 0.1);
            border-radius: 16px;
            padding: 28px;
            transition: border-color 0.3s, transform 0.3s;
        }

        .feature-card:hover {
            border-color: rgba(212, 175, 55, 0.3);
            transform: translateY(-3px);
        }

        .feature-icon {
            width: 48px;
            height: 48px;
            background: linear-gradient(135deg, rgba(212, 175, 55, 0.2), rgba(212, 175, 55, 0.05));
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.3rem;
            margin-bottom: 16px;
        }

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

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

        /* Calculator */
        .calculator {
            padding: 80px 0;
        }

        .calc-container {
            background: var(--bg-card);
            border: 1px solid rgba(212, 175, 55, 0.15);
            border-radius: 24px;
            padding: 50px;
            text-align: center;
        }

        .calc-grid {
            display: grid;
            grid-template-columns: 1fr auto 1fr;
            gap: 40px;
            align-items: center;
            max-width: 900px;
            margin: 40px auto;
        }

        .calc-item {
            padding: 30px;
            border-radius: 16px;
        }

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

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

        .calc-amount {
            font-size: 3rem;
            font-weight: 800;
            margin-bottom: 8px;
        }

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

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

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

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

        .calc-savings {
            background: linear-gradient(135deg, rgba(212, 175, 55, 0.15), rgba(244, 208, 63, 0.05));
            border: 1px solid rgba(212, 175, 55, 0.3);
            border-radius: 16px;
            padding: 30px;
            max-width: 500px;
            margin: 0 auto;
        }

        .calc-savings .calc-amount {
            color: var(--accent-gold-light);
            font-size: 2.5rem;
        }

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

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

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

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

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

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

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

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

        /* Pricing */
        .pricing {
            padding: 80px 0;
        }

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

        .pricing-card {
            background: var(--bg-card);
            border: 1px solid rgba(212, 175, 55, 0.1);
            border-radius: 20px;
            padding: 36px;
            transition: transform 0.3s, border-color 0.3s;
            position: relative;
        }

        .pricing-card:hover {
            transform: translateY(-5px);
            border-color: rgba(212, 175, 55, 0.3);
        }

        .pricing-card.featured {
            border-color: var(--accent-gold);
            background


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>RentBot.au | AI Voice Agent for Rental & Property Management</title>
    <meta name="description" content="Never miss a rental enquiry. AI voice agent handles maintenance requests, inspection bookings & tenant screening 24/7. Save $52K/year vs a receptionist.">

    <!-- Schema.org for Rental/Property Management -->
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "RealEstateAgent",
        "name": "RentBot.au",
        "description": "AI Voice Agent for Rental & Property Management businesses",
        "areaServed": "Australia",
        "serviceType": "AI Voice Assistant",
        "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-amber: #F59E0B;
            --accent-red: #EF4444;
        }

        * {
            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(2rem, 5vw, 3.5rem);
        }

        h2 {
            font-size: clamp(1.75rem, 4vw, 2.5rem);
        }

        h3 {
            font-size: clamp(1.25rem, 2.5vw, 1.5rem);
        }

        /* 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;
            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-secondary {
            background: transparent;
            color: var(--text-primary);
            border: 2px solid var(--text-secondary);
        }

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

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

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

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

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

        .logo-icon svg {
            width: 20px;
            height: 20px;
            fill: white;
        }

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

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

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

        /* 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: -50%;
            right: -20%;
            width: 600px;
            height: 600px;
            background: radial-gradient(circle, rgba(59, 130, 246, 0.15) 0%, transparent 70%);
            pointer-events: none;
        }

        .hero-content {
            max-width: 800px;
        }

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

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

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

        .hero p {
            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: 40px;
            margin-top: 60px;
            padding-top: 40px;
            border-top: 1px solid rgba(255,255,255,0.1);
        }

        .stat {
            text-align: left;
        }

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

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

        /* Pain Points Section */
        .pain-points {
            padding: 80px 0;
        }

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

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

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

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

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

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

        .pain-icon {
            width: 56px;
            height: 56px;
            background: rgba(239, 68, 68, 0.1);
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 20px;
        }

        .pain-icon svg {
            width: 28px;
            height: 28px;
            stroke: #EF4444;
        }

        .pain-card h3 {
            margin-bottom: 12px;
        }

        .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: 1fr 1fr;
            gap: 60px;
            align-items: center;
        }

        .compliance-content h2 {
            margin-bottom: 20px;
        }

        .compliance-content > p {
            color: var(--text-secondary);
            margin-bottom: 30px;
        }

        .compliance-list {
            list-style: none;
        }

        .compliance-list li {
            display: flex;
            align-items: flex-start;
            gap: 16px;
            margin-bottom: 20px;
        }

        .compliance-list .icon {
            width: 24px;
            height: 24px;
            background: rgba(16, 185, 129, 0.1);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            margin-top: 2px;
        }

        .compliance-list .icon svg {
            width: 14px;
            height: 14px;
            stroke: var(--accent-green);
        }

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

        .compliance-card {
            background: var(--bg-card);
            border: 1px solid rgba(255,255,255,0.05);
            border-radius: 20px;
            padding: 40px;
        }

        .compliance-card h3 {
            margin-bottom: 30px;
            color: var(--accent-amber);
        }

        .compliance-features {
            display: grid;
            gap: 24px;
        }

        .compliance-feature {
            padding: 20px;
            background: rgba(255,255,255,0.02);
            border-radius: 12px;
            border-left: 3px solid var(--accent-green);
        }

        .compliance-feature h4 {
            font-size: 1rem;
            margin-bottom: 8px;
        }

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

        .trust-badges {
            display: flex;
            gap: 20px;
            margin-top: 30px;
            flex-wrap: wrap;
        }

        .trust-badge {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 10px 16px;
            background: rgba(255,255,255,0.05);
            border-radius: 8px;
            font-size: 0.8rem;
            color: var(--text-secondary);
        }

        .trust-badge svg {
            width: 18px;
            height: 18px;
            stroke: var(--accent-green);
        }

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

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

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

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

        .feature-icon {
            width: 52px;
            height: 52px;
            background: linear-gradient(135deg, var(--accent-blue) 0%, #1D4ED8 100%);
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 20px;
        }

        .feature-icon svg {
            width: 26px;
            height: 26px;
            stroke: white;
            fill: none;
        }

        .feature-card h3 {
            margin-bottom: 12px;
        }

        .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-card {
            background: var(--bg-card);
            border: 2px solid var(--accent-green);
            border-radius: 24px;
            padding: 60px;
            text-align: center;
            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: linear-gradient(90deg, var(--accent-green), var(--accent-blue));
        }

        .calculator-card h2 {
            margin-bottom: 10px;
        }

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

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

        .calc-option {
            padding: 30px;
            border-radius: 16px;
            text-align: center;
        }

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

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

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

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

        .calc-option.receptionist .calc-price {
            color: #EF4444;
        }

        .calc-option.ai .calc-price {
            color: var(--accent-green);
        }

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

        .calc-arrow {
            font-size: 2rem;
            color: var(--accent-blue);
        }

        .calc-savings {
            background: linear-gradient(135deg, var(--accent-green) 0%, #059669 100%);
            padding: 24px 40px;
            border-radius: 12px;
            display: inline-block;
        }

        .calc-savings-label {
            font-size: 0.9rem;
            opacity: 0.9;
        }

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