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.">

    <style>
        :root {
            --bg-primary: #0B0C0E;
            --bg-secondary: #151720;
            --bg-tertiary: #1E2029;
            --text-primary: #E5E7EB;
            --text-secondary: #9CA3AF;
            --accent-blue: #3B82F6;
            --accent-teal: #14B8A6;
            --accent-green: #10B981;
            --accent-amber: #F59E0B;
            --border-color: #2D2F3B;
            --radius: 12px;
            --radius-lg: 20px;
        }

        * {
            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: var(--bg-primary);
            color: var(--text-primary);
            line-height: 1.6;
            overflow-x: hidden;
        }

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

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

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

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

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

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

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

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

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

        .cta-button {
            background: linear-gradient(135deg, var(--accent-blue), #2563EB);
            color: white;
            padding: 12px 24px;
            border-radius: var(--radius);
            text-decoration: none;
            font-weight: 600;
            font-size: 0.95rem;
            transition: all 0.3s;
            border: none;
            cursor: pointer;
        }

        .cta-button:hover {
            transform: translateY(-2px);
            box-shadow: 0 10px 30px rgba(59, 130, 246, 0.3);
        }

        .cta-button.secondary {
            background: var(--bg-tertiary);
            border: 1px solid var(--border-color);
        }

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

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

        .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.875rem;
            color: var(--text-secondary);
            margin-bottom: 24px;
        }

        .hero-badge span {
            color: var(--accent-teal);
            font-weight: 600;
        }

        .hero h1 {
            font-size: clamp(2.5rem, 5vw, 4rem);
            font-weight: 800;
            line-height: 1.1;
            margin-bottom: 24px;
            background: linear-gradient(135deg, #fff 0%, #9CA3AF 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        .pain-icon svg {
            width: 28px;
            height: 28px;
            stroke: var(--accent-blue);
        }

        .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.25rem;
            font-weight: 700;
            margin-bottom: 20px;
        }

        .compliance-content > p {
            color: var(--text-secondary);
            margin-bottom: 32px;
            font-size: 1.1rem;
        }

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

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

        .compliance-list .check {
            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 .check svg {
            width: 14px;
            height: 14px;
            stroke: var(--accent-green);
        }

        .compliance-list strong {
            color: var(--text-primary);
        }

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

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

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

        .badge-item svg {
            width: 32px;
            height: 32px;
            stroke: var(--accent-teal);
            margin-bottom: 8px;
        }

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

        .compliance-visual {
            background: var(--bg-secondary);
            border: 1px solid var(--border-color);
            border-radius: var(--radius-lg);
            padding: 40px;
            position: relative;
        }

        .compliance-visual::before {
            content: '';
            position: absolute;
            inset: 0;
            background: linear-gradient(135deg, rgba(59, 130, 246, 0.05), rgba(20, 184, 166, 0.05));
            border-radius: var(--radius-lg);
        }

        .call-interface {
            background: var(--bg-primary);
            border: 1px solid var(--border-color);
            border-radius: var(--radius);
            padding: 24px;
            position: relative;
            z-index: 1;
        }

        .call-header {
            display: flex;
            align-items: center;
            gap: 12px;
            margin-bottom: 20px;
            padding-bottom: 16px;
            border-bottom: 1px solid var(--border-color);
        }

        .call-avatar {
            width: 48px;
            height: 48px;
            background: linear-gradient(135deg, var(--accent-blue), var(--accent-teal));
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .call-avatar svg {
            width: 24px;
            height: 24px;
            fill: white;
        }

        .call-info h4 {
            font-size: 1rem;
            margin-bottom: 2px;
        }

        .call-info span {
            font-size: 0.8rem;
            color: var(--accent-green);
        }

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

        .pulse {
            width: 8px;
            height: 8px;
            background: var(--accent-green);
            border-radius: 50%;
            animation: pulse 1.5s infinite;
        }

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

        .transcript {
            background: var(--bg-tertiary);
            border-radius: var(--radius);
            padding: 16px;
            font-size: 0.9rem;
        }

        .transcript-line {
            margin-bottom: 8px;
            padding-left: 12px;
            border-left: 2px solid var(--border-color);
        }

        .transcript-line.caller {
            border-left-color: var(--accent-blue);
        }

        .transcript-line.ai {
            border-left-color: var(--accent-teal);
        }

        .transcript-line strong {
            font-size: 0.75rem;
            color: var(--text-secondary);
            display: block;
            margin-bottom: 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-primary);
            border: 1px solid var(--border-color);
            border-radius: var(--radius-lg);
            padding: 32px;
            transition: all 0.3s;
        }

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

        .feature-icon {
            width: 56px;
            height: 56px;
            background: rgba(20, 184, 166, 0.1);
            border-radius: 14px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 20px;
        }

        .feature-icon svg {
            width: 28px;
            height: 28px;
            stroke: var(--accent-teal);
        }

        .feature-card h3 {
            font-size: 1.2rem;
            margin-bottom: 12px;
        }

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

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

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

        .calculator-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 600px;
            height: 600px;
            background: radial-gradient(circle, rgba(20, 184, 166, 0.1) 0%, transparent 70%);
            pointer-events: none;
        }

        .calculator h2 {
            font-size: 2rem;
            margin-bottom: 40px;
            position: relative;
        }

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

        .calc-option {
            background: var(--bg-primary);
            border: 2px solid var(--border-color);
            border-radius: var(--radius-lg);
            padding: 32px 48px;
            min-width: 240px;
        }

        .calc-option.highlight {
            border-color: var(--accent-teal);
            background: rgba(20, 184, 166, 0.05);
        }

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

        .calc-option .price {
            font-size: 3rem;
            font-weight: 800;
        }

        .calc-option .price span {
            font-size: 1.25rem;
            color: var(--text-secondary);
            font-weight: 400;
        }

        .calc-option .per {
            color: var(--text-secondary);
            font-size: 0.9rem;
        }

        .calc-arrow {
            width: 60px;
            height: 60px;
            background: var(--accent-teal);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .calc-arrow svg {
            width: 24px;
            height: 24px;
            stroke: white;
        }

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

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

        .calc-savings p {
            color: var(--text-secondary);
            font-size: 0.9rem;
            margin-top: 4px;
        }

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

        .testimonial-card {
            background: var(--bg-secondary);
            border: 1px solid var(--border-color);
            border-radius: var(--radius-lg);
            padding: 60px;
            max-width: 800px;
            margin: 0 auto;
            text-align: center;
        }

        .testimonial-stars {
            display: flex;
            justify-content: center;
            gap: 4px;
            margin-bottom: 24px;
        }

        .testimonial-stars svg {
            width: 24px;
            height: 24px;
            fill: var(--accent-amber);
        }

        .testimonial-quote {
            font-size: 1.5rem;
            font-weight: 500;
            line-height: 1.6;
            margin-bottom: 32px;
            color: var(--text-primary);
        }

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

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

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

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

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

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

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

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

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

        .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: 50px;
            font-size: 0.75rem;
            font-weight: 600;
        }

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

        .pricing-card .price {
            font-size: 3rem;
            font-weight: 800;
            margin-bottom: 4px;
        }

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

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

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

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

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

        .pricing-features svg {
            width: 18px;
            height: 18px;
            stroke: var(--accent-green);
            flex-shrink: 0;
        }

        .pricing-card .cta-button {
            width: 100%;
            text-align: center;
        }

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

        .faq-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 24px;
            margin-top: 40px;
        }

        .faq-item {
            background: var(--bg-secondary);
            border: 1px solid var(--border-color);
            border-radius: var(--radius);
            padding: 24px;
            cursor: pointer;
            transition: all 0.3s;
        }

        .faq-item:hover {
            border-color: var(--accent-blue);
        }

        .faq-item h4 {
            font-size: 1.05rem;
            margin-bottom: 12px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

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

        .faq-item p {
            color: var(--text-secondary);
            font-size: 0.95rem;
            line-height: 1.7;
            display: none;
        }

        .faq-item.active p {
            display: block;
        }

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

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

        .trust h3 {
            font-size: 1.5rem;
            margin-bottom: 8px;
        }

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

        .trust-number {
            font-size: 3rem;
            font-weight: 800;
            color: var(--accent-teal);
            margin: 16px 0;
        }

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

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

        .footer-brand {
            display: flex;
            align-items: center;
            gap: 10px;
            font-size: 1.25rem;
            font-weight: 700;
        }

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

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

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

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

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

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

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

            .calculator-comparison {
                flex-direction: column;
            }

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

        @media (max-width: 640px) {
            .hero {
                padding: 120px 0 60px;
            }

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

            .hero-stats {
                gap: 30px;
            }

            .stat-value {
                font-size: 2rem;
            }

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

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

            .testimonial-card {
                padding: 40px 24px;
            }

            .testimonial-quote {
                font-size: 1.2rem;
            }
        }
    </style>
</head>
<body>
    <!-- Header -->
    <header>
        <div class="nav-container">
            <a href="#" class="logo">
                <div class="logo-icon">
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                        <path d="M3 18v-6a9 9 0 0 1 18 0v6"/>
                        <path d="M21 19a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3zM3 19a2 2 0 0 0 2 2h1a2 2 0 0 0 2-2v-3a2 2 0 0 0-2-2H3z"/>
                    </svg>
                </div>
                RentBot.AU
            </a>
            <nav>
                <ul class="nav-links">
                    <li><a href="#features">Features</a></li>
                    <li><a href="#pricing">Pricing</a></li>
                    <li><a href="#faq">FAQ</a></li>
                </ul>
            </nav>
            <a href="#pricing" class="cta-button">Get Started</a>
        </div>
    </header>

    <!-- Hero Section -->
    <section class="hero">
        <div class="container">
            <div class="hero-badge">
                <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                    <path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/>
                    <polyline points="22 4 12 14.01 9 11.01"/>
                </svg>
                <span>24/7</span> Rental Property AI Receptionist
            </div>
            <h1>AI Voice Agent for<br><span class="highlight">Rental & Property Management</span></h1>
            <p>Never miss a rental enquiry again. Our AI voice agent handles maintenance requests, inspection bookings, and tenant screening around the clock — saving you $52,000+ per year.</p>
            <div class="hero-buttons">
                <a href="#pricing" class="cta-button">Start Free Trial</a>
                <a href="#features" class="cta-button secondary">See Features</a>
            </div>
            <div class="hero-stats">
                <div class="stat-item">
                    <div class="stat-value">24/7</div>
                    <div class="stat-label">Always Available</div>
                </div>
                <div class="stat-item">
                    <div class="stat-value">62%</div>
                    <div class="stat-label">Calls Answered</div>
                </div>
                <div class="stat-item">
                    <div class="stat-value">$52K+</div>
                    <div class="stat-label">Annual Savings</div>
                </div>
            </div>
        </div>
    </section>

    <!-- Pain Points Section -->
    <section class="pain-points" id="pain-points">
        <div class="container">
            <div class="section-header">
                <h2>Property Management Challenges</h2>
                <p>Traditional reception methods cost you tenants and revenue. Here's how we're changing that.</p>
            </div>
            <div class="pain-grid">
                <div class="pain-card">
                    <div class="pain-icon">
                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                            <path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/>
                            <line x1="1" y1="1" x2="23" y2="23"/>
                        </svg>
                    </div>
                    <h3>Missed After-Hours Enquiries</h3>
                    <p>62% of rental enquiries happen outside business hours. Without 24/7 coverage, you're losing potential tenants to competitors who answer immediately.</p>
                </div>
                <div class="pain-card">
                    <div class="pain-icon">
                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                            <path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/>
                            <circle cx="9" cy="7" r="4"/>
                            <path d="M23 21v-2a4 4 0 0 0-3-3.87"/>
                            <path d="M16 3.13a4 4 0 0 1 0 7.75"/>
                        </svg>
                    </div>
                    <h3>Overwhelmed Property Managers</h3>
                    <p>Constant phone calls interrupt property inspections, tenant meetings, and maintenance coordination. Your team can't do their core job while managing a flooded inbox.</p>
                </div>
                <div class="pain-card">
                    <div class="pain-icon">
                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                            <rect x="3" y="4" width="18" height="18" rx="2" ry="2"/>
                            <line x1="16" y1="2" x2="16" y2="6"/>
                            <line x1="8" y1="2" x2="8" y2="6"/>
                            <line x1="3" y1="10" x2="21" y2="10"/>
                        </svg>
                    </div>
                    <h3>Inspection Booking Chaos</h3>
                    <p>Manually scheduling property inspections, coordinating tenant availability, and sending reminders is time-consuming and prone to errors that cost you vacancies.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Compliance Section -->
    <section class="compliance" id="compliance">
        <div class="container">
            <div class="compliance-grid">
                <div class="compliance-content">
                    <h2>Built for Property Management Compliance</h2>
                    <p>Our AI voice agent is designed to handle sensitive tenant information with the same care as a trained property manager — all while staying fully compliant with Australian regulations.</p>
                    <ul class="compliance-list">
                        <li>
                            <span class="check"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3"><polyline points="20 6 9 17 4 12"/></svg></span>
                            <div>
                                <strong>Maintenance Request Triage</strong>
                                <span>AI categorises and prioritises maintenance by urgency, ensuring emergency repairs get immediate attention while routine requests are scheduled appropriately.</span>
                            </div>
                        </li>
                        <li>
                            <span class="check"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3"><polyline points="20 6 9 17 4 12"/></svg></span>
                            <div>
                                <strong>Inspection Booking System</strong>
                                <span>Automated scheduling with tenant confirmation, reminders, and calendar integration keeps your properties filled and inspections on track.</span>
                            </div>
                        </li>
                        <li>
                            <span class="check"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3"><polyline points="20 6 9 17 4 12"/></svg></span>
                            <div>
                                <strong>Tenant Screening Intake</strong>
                                <span>Collect rental applications, verify identities, and gather references — all through natural conversation, with data stored securely.</span>
                            </div>
                        </li>
                    </ul>
                    <div class="compliance-badges">
                        <div class="badge-item">
                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                                <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/>
                            </svg>
                            <p>SOC 2 Compliant</p>
                        </div>
                        <div class="badge-item">
                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                                <circle cx="12" cy="12" r="10"/>
                                <path d="M2 12h20"/>
                                <path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/>
                            </svg>
                            <p>Australian Data Centres</p>
                        </div>
                        <div class="badge-item">
                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                                <rect x="3" y="11" width="18" height="11" rx="2" ry="2"/>
                                <path d="M7 11V7a5 5 0 0 1 10 0v4"/>
                            </svg>
                            <p>Encrypted Storage</p>
                        </div>
                        <div class="badge-item">
                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                                <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/>
                                <polyline points="14 2 14 8 20 8"/>
                                <line x1="16" y1="13" x2="8" y2="13"/>
                                <line x1="16" y1="17" x2="8" y2="17"/>
                            </svg>
                            <p>Privacy Act Compliant</p>
                        </div>
                    </div>
                </div>
                <div class="compliance-visual">
                    <div class="call-interface">
                        <div class="call-header">
                            <div class="call-avatar">
                                <svg viewBox="0 0 24 24" fill="currentColor">
                                    <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/>
                                    <circle cx="12" cy="7" r="4"/>
                                </svg>
                            </div>
                            <div class="call-info">
                                <h4>RentBot.AI</h4>
                                <span>AI Assistant</span>
                            </div>
                        </div>
                        <div class="call-status">
                            <span class="pulse"></span>
                            Live Conversation
                        </div>
                        <div class="transcript">
                            <div class="transcript-line caller">
                                <strong>Caller</strong>
                                Hi, I found your rental listing for the unit on Smith Street. Is it still available for move-in next month?
                            </div>
                            <div class="transcript-line ai">
                                <strong>RentBot</strong>
                                Yes, it's available from 1st March! I can book you in for an inspection this week. What day works for you — Tuesday, Wednesday, or Thursday afternoon?
                            </div>
                            <div class="transcript-line caller">
                                <strong>Caller</strong>
                                Wednesday at 4pm would be great.
                            </div>
                            <div class="transcript-line ai">
                                <strong>RentBot</strong>
                                Perfect. I've booked the inspection for Wednesday 4pm. You'll receive a confirmation SMS shortly. Do you have any questions about the property?
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Features Section -->
    <section class="features" id="features">
        <div class="container">
            <div class="section-header">
                <h2>Powerful Features for Property Managers</h2>
                <p>Everything you need to automate tenant communications and never miss a rental opportunity.</p>
            </div>
            <div class="features-grid">
                <div class="feature-card">
                    <div class="feature-icon">
                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                            <rect x="3" y="4" width="18" height="18" rx="2" ry="2"/>
                            <line x1="16" y1="2" x2="16" y2="6"/>
                            <line x1="8" y1="2" x2="8" y2="6"/>
                            <line x1="3" y1="10" x2="21" y2="10"/>
                        </svg>
                    </div>
                    <h3>Smart Inspection Scheduling</h3>
                    <p>AI coordinates inspection times with tenants, sends automated reminders, and syncs with your calendar in real-time.</p>
                </div>
                <div class="feature-card">
                    <div class="feature-icon">
                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                            <path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"/>
                            <line x1="12" y1="9" x2="12" y2="13"/>
                            <line x1="12" y1="17" x2="12.01" y2="17"/>
                        </svg>
                    </div>
                    <h3>Emergency Triage & Prioritisation</h3>
                    <p>Maintenance requests are instantly assessed for urgency. Burst pipes and electrical hazards get priority routing to emergency contacts.</p>
                </div>
                <div class="feature-card">
                    <div class="feature-icon">
                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                            <path d="M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/>
                            <circle cx="8.5" cy="7" r="4"/>
                            <line x1="20" y1="8" x2="20" y2="14"/>
                            <line x1="23" y1="11" x2="17" y2="11"/>
                        </svg>
                    </div>
                    <h3>Tenant Application Intake</h3>
                    <p>Collect rental applications through conversational AI. Gather employment details, references, and ID verification seamlessly.</p>
                </div>
                <div class="feature-card">
                    <div class="feature-icon">
                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                            <circle cx="12" cy="12" r="10"/>
                            <polyline points="12 6 12 12 16 14"/>
                        </svg>
                    </div>
                    <h3>24/7 After-Hours Coverage</h3>
                    <p>Never miss an enquiry again. Your AI assistant works around the clock, capturing leads when competitors have gone home.</p>
                </div>
                <div class="feature-card">
                    <div class="feature-icon">
                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                            <circle cx="12" cy="12" r="10"/>
                            <line x1="2" y1="12" x2="22" y2="12"/>
                            <path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/>
                        </svg>
                    </div>
                    <h3>Multi-Language Support</h3>
                    <p>Communicate with tenants in their preferred language. Our AI speaks English, Mandarin, Vietnamese, Hindi, and more.</p>
                </div>
                <div class="feature-card">
                    <div class="feature-icon">
                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                            <polyline points="16 18 22 12 16 6"/>
                            <polyline points="8 6 2 12 8 18"/>
                        </svg>
                    </div>
                    <h3>Industry Software Integration</h3>
                    <p>Connects with PropertyMe, Console, Landlord Hub, and other major Australian property management platforms.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Calculator Section -->
    <section class="calculator" id="calculator">
        <div class="container">
            <div class="calculator-card">
                <h2>See How Much You Could Save</h2>
                <div class="calculator-comparison">
                    <div class="calc-option">
                        <h3>Human Receptionist</h3>
                        <div class="price">$55,000<span>/yr</span></div>
                        <p class="per">Salary, superannuation, leave, training</p>
                    </div>
                    <div class="calc-arrow">
                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="5" y1="12" x2="19" y2="12"/>
                            <polyline points="12 5 19 12 12 19"/>
                        </svg>
                    </div>
                    <div class="calc-option highlight">
                        <h3>RentBot.AI</h3>
                        <div class="price">$197<span>/mo</span></div>
                        <p class="per">Per month, billed annually</p>
                    </div>
                </div>
                <div class="calc-savings">
                    <span>$52,636</span>
                    <p>Potential annual savings</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Testimonial Section -->
    <section class="testimonial">
        <div class="container">
            <div class="testimonial-card">
                <div class="testimonial-stars">
                    <svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
                    <svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
                    <svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
                    <svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
                    <svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
                </div>
                <p class="testimonial-quote">"We were losing tenants because we couldn't answer calls during inspections. RentBot now handles all our enquiry calls and inspection bookings. We've filled three vacant properties in the last month alone — the AI paid for itself in the first week."</p>
                <div class="testimonial-author">
                    <div class="author-avatar">MK</div>
                    <div class="author-info">
                        <h4>Michelle Kennedy</h4>
                        <p>Director, Melbourne Keys Property Management</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Pricing Section -->
    <section class="pricing" id="pricing">
        <div class="container">
            <div class="section-header">
                <h2>Simple, Transparent Pricing</h2>
                <p>No hidden fees. No setup costs. Cancel anytime.</p>
            </div>
            <div class="pricing-grid">
                <div class="pricing-card">
                    <h3>Essentials</h3>
                    <div class="price">$197<span>/mo</span></div>
                    <p class="per">billed annually</p>
                    <ul class="pricing-features">
                        <li>
                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
                            500 minutes calls/month
                        </li>
                        <li>
                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
                            AI voice receptionist
                        </li>
                        <li>
                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
                            Inspection scheduling
                        </li>
                        <li>
                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
                            Maintenance request intake
                        </li>
                        <li>
                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
                            Calendar integration
                        </li>
                    </ul>
                    <a href="#" class="cta-button secondary">Start Free Trial</a>
                </div>
                <div class="pricing-card featured">
                    <h3>Business</h3>
                    <div class="price">$397<span>/mo</span></div>
                    <p class="per">billed annually</p>
                    <ul class="pricing-features">
                        <li>
                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
                            1,500 minutes calls/month
                        </li>
                        <li>
                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
                            Everything in Essentials
                        </li>
                        <li>
                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
                            Tenant application intake
                        </li>
                        <li>
                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
                            Multi-language support
                        </li>
                        <li>
                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
                            CRM integration
                        </li>
                        <li>
                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
                            Priority support
                        </li>
                    </ul>
                    <a href="#" class="cta-button">Start Free Trial</a>
                </div>
                <div class="pricing-card">
                    <h3>Growth</h3>
                    <div class="price">$597<span>/mo</span></div>
                    <p class="per">billed annually</p>
                    <ul class="pricing-features">
                        <li>
                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
                            Unlimited minutes
                        </li>
                        <li>
                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
                            Everything in Business
                        </li>
                        <li>
                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
                            Multiple properties
                        </li>
                        <li>
                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
                            Custom AI training
                        </li>
                        <li>
                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
                            Advanced analytics
                        </li>
                        <li>
                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
                            Dedicated account manager
                        </li>
                    </ul>
                    <a href="#" class="cta-button secondary">Start Free Trial</a>
                </div>
            </div>
        </div>
    </section>

    <!-- FAQ Section -->
    <section class="faq" id="faq">
        <div class="container">
            <div class="section-header">
                <h2>Frequently Asked Questions</h2>
                <p>Everything you need to know about RentBot.AI</p>
            </div>
            <div class="faq-grid">
                <div class="faq-item">
                    <h4>How does the AI handle maintenance requests?</h4>
                    <p>Our AI triages maintenance requests in real-time, categorising them by urgency (emergency, urgent, routine). Emergency requests like gas leaks or major water leaks are immediately routed to your emergency contact. Routine requests are logged and scheduled based on your preferences.</p>
                </div>
                <div class="faq-item">
                    <h4>Is my tenant data secure and compliant with Australian law?</h4>
                    <p>Yes. All data is stored on Australian servers (Sydney/Melbourne) and is fully compliant with the Privacy Act 1988 and APPs. We're SOC 2 Type II certified and use end-to-end encryption for all communications. You maintain full ownership of your data.</p>
                </div>
                <div class="faq-item">
                    <h4>Can the AI integrate with my property management software?</h4>
                    <p>Yes! RentBot integrates with major Australian platforms including PropertyMe, Console, Landlord Hub, and REST. We can also connect via API to custom systems. Our team handles the integration setup at no extra cost on Business and Growth plans.</p>
                </div>
                <div class="faq-item">
                    <h4>What happens if a call requires human intervention?</h4>
                    <p>The AI can intelligently transfer calls to your team when needed — for complex queries, complaints, or at the caller's request. You'll receive a detailed summary of every call via SMS or email, ensuring nothing falls through the cracks.</p>
                </div>
                <div class="faq-item">
                    <h4>How long does setup take?</h4>
                    <p>Most property managers are up and running within 10 minutes. We provide a simple onboarding wizard that configures your AI with property details, inspection times, maintenance protocols, and contact information. No coding required.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Trust Section -->
    <section class="trust">
        <div class="container">
            <h3>Trusted by Property Managers Across Australia</h3>
            <div class="trust-number">340+</div>
            <p>Rental & Property Management businesses already using RentBot.AI</p>
        </div>
    </section>

    <!-- Footer -->
    <footer>
        <div class="container">
            <div class="footer-content">
                <div class="footer-brand">
                    <div class="logo-icon">
                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                            <path d="M3 18v-6a9 9 0 0 1 18 0v6"/>
                            <path d="M21 19a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3zM3 19a2 2 0 0 0 2 2h1a2 2 0 0 0 2-2v-3a2 2 0 0 0-2-2H3z"/>
                        </svg>
                    </div>
                    RentBot.AU
                </div>
                <p class="footer-powered">Powered by <a href="https://sunaiva.com.au" target="_blank">Sunaiva</a> — Australian AI Voice Agents</p>
            </div>
        </div>
    </footer>

    <!-- Schema.org Markup -->
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "Product",
        "name": "RentBot.AI",
        "description": "AI Voice Agent for Rental & Property Management - handles maintenance requests, inspection bookings, and tenant screening 24/7",
        "brand": {
            "@type": "Brand",
            "name": "Sunaiva",
            "logo": "https://sunaiva.com.au/logo.png"
        },
        "offers": {
            "@type": "AggregateOffer",
            "lowPrice": "197",
            "highPrice": "597",
            "priceCurrency": "AUD",
            "offerCount": "3"
        },
        "aggregateRating": {
            "@type": "AggregateRating",
            "ratingValue": "4.9",
            "reviewCount": "127"
        },
        "areaServed": {
            "@type": "Country",
            "name": "Australia"
        },
        "category": "Business Services > Real Estate > Property Management > AI Voice Agent"
    }
    </script>
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "LocalBusiness",
        "name": "RentBot.AU",
        "description": "AI Voice Agent for Rental Property Management",
        "url": "https://rentbot.au",
        "areaServed": {
            "@type": "Country",
            "name": "Australia"
        },
        "serviceType": ["AI Voice Receptionist", "Property Management Automation", "Tenant Screening", "Inspection Scheduling"],
        "priceRange": "$$"
    }
    </script>

    <script>
        // FAQ Accordion
        document.querySelectorAll('.faq-item').forEach(item => {
            item.addEventListener('click', () => {
                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>
```


Response:
```html
<!DOCTYPE html>
<html lang="en-AU">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="RentBot AI - Never miss a rental enquiry. 24/7 AI voice agent for property managers. Book inspections, handle maintenance requests, screen tenants.">
    <title>RentBot.au | AI Voice Agent for Rental & Property Management</title>

    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "RealEstateAgent",
        "name": "RentBot.au",
        "description": "AI Voice Agent for Rental Property Management - handles calls, bookings, and enquiries 24/7",
        "areaServed": "Australia",
        "serviceType": "https://schema.org/ProfessionalService",
        "brand": {
            "@type": "Brand",
            "name": "Sunaiva"
        },
        "offers": {
            "@type": "AggregateOffer",
            "lowPrice": "197",
            "highPrice": "597",
            "priceCurrency": "AUD"
        }
    }
    </script>

    <style>
        :root {
            --bg-primary: #0B0C0E;
            --bg-secondary: #151720;
            --bg-tertiary: #1C2029;
            --text-primary: #E5E7EB;
            --text-secondary: #9CA3AF;
            --text-muted: #6B7280;
            --accent-blue: #3B82F6;
            --accent-green: #10B981;
            --accent-orange: #F59E0B;
            --accent-red: #EF4444;
            --border-color: #2D3142;
            --gradient-blue: linear-gradient(135deg, #3B82F6 0%, #1D4ED8 100%);
            --gradient-orange: linear-gradient(135deg, #F59E0B 0%, #D97706 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 {
           1200px;
            margin:  max-width: 0 auto;
            padding: 0 20px;
        }

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

        .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.5rem;
            font-weight: 700;
            color: var(--text-primary);
            text-decoration: none;
        }

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

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

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

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

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

        .cta-button {
            background: var(--gradient-orange);
            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(245, 158, 11, 0.3);
        }

        /* Hero Section */
        .hero {
            padding: 160px 20px 100px;
            text-align: center;
            background: radial-gradient(ellipse at top, rgba(59, 130, 246, 0.1) 0%, transparent 50%),
                        radial-gradient(ellipse at bottom right, rgba(245, 158, 11, 0.08) 0%, transparent 50%);
        }

        .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.875rem;
            color: var(--text-secondary);
            margin-bottom: 30px;
        }

        .hero-badge span {
            color: var(--accent-green);
        }

        .hero h1 {
            font-size: clamp(2.5rem, 6vw, 4rem);
            font-weight: 800;
            line-height: 1.1;
            margin-bottom: 24px;
            max-width: 900px;
            margin-left: auto;
            margin-right: auto;
        }

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

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

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

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

        .btn-primary:hover {
            transform: translateY(-3px);
            box-shadow: 0 15px 40px rgba(245, 158, 11, 0.35);
        }

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

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

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

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

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

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

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

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

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

        .pain-icon {
            width: 60px;
            height: 60px;
            background: rgba(245, 158, 11, 0.15);
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.75rem;
            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: 100px 20px;
            background: var(--bg-primary);
        }

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

        .compliance-item {
            text-align: center;
            padding: 30px;
        }

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

        .compliance-item h3 {
            font-size: 1.2rem;
            margin-bottom: 10px;
        }

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

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

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

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

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

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

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

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

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

        .feature-icon {
            width: 48px;
            height: 48px;
            background: var(--gradient-blue);
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.5rem;
        }

        .feature-card h3 {
            font-size: 1.15rem;
            font-weight: 600;
        }

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

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

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

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

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

        .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.9rem;
            color: var(--text-secondary);
            margin-bottom: 10px;
            text-transform: uppercase;
            letter-spacing: 1px;
        }

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

        .calc-human .calc-price {
            color: var(--accent-red);
        }

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

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

        .calc-savings {
            background: var(--gradient-blue);
            color: white;
            padding: 20px 40px;
            border-radius: 12px;
            display: inline-block;
        }

        .calc-savings .amount {
            font-size: 2.5rem;
            font-weight: 800;
        }

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

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

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

        .testimonial-quote {
            position: absolute;
            top: 30px;
            left: 40px;
            font-size: 5rem;
            color: var(--accent-orange);
            opacity: 0.3;
            font-family: Georgia, serif;
            line-height: 1;
        }

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

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

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

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

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

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

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


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 again. AI voice agent handles maintenance requests, inspection bookings & tenant screening 24/7. Save $50K+ per year.">

    <!-- Schema.org Markup -->
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "LocalBusiness",
        "name": "RentBot.au",
        "description": "AI Voice Agent for Rental & Property Management",
        "url": "https://rentbot.au",
        "areaServed": {
            "@type": "Country",
            "name": "Australia"
        },
        "serviceType": ["AI Voice Agent", "Property Management Automation", "Tenant Screening"],
        "priceRange": "$$"
    }
    </script>

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

        :root {
            --bg-primary: #0B0C0E;
            --bg-secondary: #141619;
            --bg-card: #1A1D23;
            --text-primary: #E5E7EB;
            --text-secondary: #9CA3AF;
            --accent-blue: #3B82F6;
            --accent-green: #10B981;
            --accent-amber: #F59E0B;
            --accent-purple: #8B5CF6;
        }

        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(2rem, 5vw, 3.5rem); }
        h2 { font-size: clamp(1.75rem, 4vw, 2.5rem); }
        h3 { font-size: clamp(1.25rem, 3vw, 1.5rem); }

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

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

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

        /* Buttons */
        .btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 14px 32px;
            border-radius: 8px;
            font-weight: 600;
            font-size: 1rem;
            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;
            border: 2px solid var(--accent-blue);
            color: var(--accent-blue);
        }

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

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

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

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

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

        nav {
            display: none;
        }

        @media(min-width: 768px) {
            nav {
                display: flex;
                gap: 32px;
            }
            nav a {
                color: var(--text-secondary);
                font-size: 0.95rem;
                transition: color 0.2s;
            }
            nav a:hover { color: var(--accent-blue); }
        }

        /* Hero Section */
        .hero {
            padding: 160px 0 100px;
            background: radial-gradient(ellipse at top, rgba(59, 130, 246, 0.15) 0%, transparent 60%),
                        radial-gradient(ellipse at bottom right, rgba(139, 92, 246, 0.1) 0%, transparent 50%);
        }

        .hero-content {
            text-align: center;
            max-width: 800px;
            margin: 0 auto;
        }

        .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-badge::before {
            content: '';
            width: 8px;
            height: 8px;
            background: var(--accent-green);
            border-radius: 50%;
            animation: pulse 2s infinite;
        }

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

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

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

        .hero p {
            font-size: 1.25rem;
            margin-bottom: 40px;
            max-width: 600px;
            margin-left: auto;
            margin-right: auto;
        }

        .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: 2rem;
            font-weight: 700;
            color: var(--accent-blue);
        }

        .stat-label {
            font-size: 0.875rem;
            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-header h2 {
            margin-bottom: 16px;
        }

        .section-header p {
            font-size: 1.1rem;
        }

        .pain-grid {
            display: grid;
            gap: 24px;
        }

        @media(min-width: 768px) {
            .pain-grid {
                grid-template-columns: repeat(3, 1fr);
            }
        }

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

        .pain-card:hover {
            border-color: rgba(59, 130, 246, 0.3);
            transform: translateY(-4px);
        }

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

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

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

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

        @media(min-width: 768px) {
            .features-grid {
                grid-template-columns: repeat(3, 1fr);
            }
        }

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

        .feature-card:hover {
            border-color: rgba(59, 130, 246, 0.3);
        }

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

        .feature-icon.blue { background: rgba(59, 130, 246, 0.1); }
        .feature-icon.blue svg { stroke: var(--accent-blue); }

        .feature-icon.green { background: rgba(16, 185, 129, 0.1); }
        .feature-icon.green svg { stroke: var(--accent-green); }

        .feature-icon.amber { background: rgba(245, 158, 11, 0.1); }
        .feature-icon.amber svg { stroke: var(--accent-amber); }

        .feature-icon.purple { background: rgba(139, 92, 246, 0.1); }
        .feature-icon.purple svg { stroke: var(--accent-purple); }

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

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

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

        .compliance-content {
            display: grid;
            gap: 48px;
            align-items: center;
        }

        @media(min-width: 768px) {
            .compliance-content {
                grid-template-columns: 1fr 1fr;
                gap: 64px;
            }
        }

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

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

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

        .compliance-list li svg {
            width: 24px;
            height: 24px;
            stroke: var(--accent-green);
            flex-shrink: 0;
            margin-top: 2px;
        }

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

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

        .badge svg {
            width: 40px;
            height: 40px;
            stroke: var(--accent-blue);
            margin-bottom: 12px;
        }

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

        .badge p {
            font-size: 0.8rem;
        }

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

        .calculator-card {
            background: linear-gradient(135deg, var(--bg-card) 0%, rgba(59, 130, 246, 0.1) 100%);
            border: 1px solid rgba(59, 130, 246, 0.3);
            border-radius: 24px;
            padding: 48px;
            text-align: center;
        }

        .calc-comparison {
            display: grid;
            gap: 24px;
            margin: 48px 0;
        }

        @media(min-width: 768px) {
            .calc-comparison {
                grid-template-columns: 1fr 1fr;
                gap: 48px;
            }
        }

        .calc-option {
            padding: 32px;
            border-radius: 16px;
            background: var(--bg-primary);
        }

        .calc-option.human {
            border: 2px solid rgba(239, 68, 68, 0.3);
        }

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

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

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

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

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

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

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

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

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

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

        .testimonial-quote {
            position: absolute;
            top: -20px;
            left: 40px;
            width: 48px;
            height: 48px;
            background: var(--accent-amber);
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .testimonial-quote svg {
            width: 24px;
            height: 24px;
            fill: white;
        }

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

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

        .testimonial-avatar {
            width: 56px;
            height: 56px;
            background: linear-gradient(135deg, var(--accent-blue), var(--accent-purple));
            border-radius: 50%;