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>AI Voice Receptionist | Never Miss Another Call | aivoicereceptionist.au</title>
    <meta name="description" content="Replace your $55K/year receptionist with a $197/month AI that never calls in sick, never takes a lunch break, and answers every call in under 1 second.">

    <!-- Open Graph -->
    <meta property="og:title" content="AI Voice Receptionist - Never Miss Another Call">
    <meta property="og:description" content="Replace your $55K/year receptionist with a $197/month AI that never calls in sick.">
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://aivoicereceptionist.au">
    <meta property="og:image" content="https://aivoicereceptionist.au/og-image.jpg">
    <meta property="og:site_name" content="AI Voice Receptionist">

    <!-- Twitter Card -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="AI Voice Receptionist - Never Miss Another Call">
    <meta name="twitter:description" content="Replace your $55K/year receptionist with a $197/month AI.">

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

    <!-- Schema.org -->
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "SoftwareApplication",
        "name": "AI Voice Receptionist",
        "applicationCategory": "BusinessApplication",
        "operatingSystem": "Web",
        "offers": {
            "@type": "Offer",
            "price": "197",
            "priceCurrency": "AUD",
            "description": "Essentials plan - AI voice receptionist starting at $197/month"
        },
        "description": "AI-powered voice receptionist that answers calls, books jobs, and handles enquiries 24/7. Natural Australian accent, never misses a call.",
        "brand": {
            "@type": "Brand",
            "name": "Sunaiva"
        },
        "provider": {
            "@type": "Organization",
            "name": "Sunaiva",
            "url": "https://sunaiva.com.au"
        }
    }
    </script>

    <style>
        :root {
            --bg-primary: #0B0C0E;
            --bg-secondary: #15171A;
            --bg-tertiary: #1C1F24;
            --text-primary: #E5E7EB;
            --text-secondary: #9CA3AF;
            --text-muted: #6B7280;
            --accent: #3B82F6;
            --accent-hover: #2563EB;
            --accent-glow: rgba(59, 130, 246, 0.3);
            --success: #10B981;
            --warning: #F59E0B;
            --error: #EF4444;
            --border: #2D3139;
            --gradient: linear-gradient(135deg, #3B82F6 0%, #10B981 100%);
        }

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

        html {
            scroll-behavior: smooth;
        }

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

        /* Typography */
        h1, h2, h3, h4, h5, h6 {
            font-weight: 700;
            line-height: 1.2;
            letter-spacing: -0.02em;
        }

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

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

        .text-center { text-align: center; }
        .text-sm { font-size: 0.875rem; }
        .text-muted { color: var(--text-muted); }

        /* Container */
        .container {
            width: 100%;
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 1.5rem;
        }

        /* Sections */
        section {
            padding: 5rem 0;
            position: relative;
        }

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

        .btn-primary {
            background: var(--accent);
            color: white;
            box-shadow: 0 4px 20px var(--accent-glow);
        }

        .btn-primary:hover {
            background: var(--accent-hover);
            transform: translateY(-2px);
            box-shadow: 0 8px 30px var(--accent-glow);
        }

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

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

        .btn-lg {
            padding: 1.25rem 2.5rem;
            font-size: 1.125rem;
        }

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

        .header-inner {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 1rem 0;
        }

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

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

        .nav-links {
            display: flex;
            gap: 2rem;
            list-style: none;
        }

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

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

        /* Hero Section */
        .hero {
            padding-top: 10rem;
            padding-bottom: 6rem;
            background: radial-gradient(ellipse at top, rgba(59, 130, 246, 0.15) 0%, transparent 60%),
                        radial-gradient(ellipse at bottom right, rgba(16, 185, 129, 0.1) 0%, transparent 50%);
        }

        .hero-badge {
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            padding: 0.5rem 1rem;
            background: var(--bg-secondary);
            border: 1px solid var(--border);
            border-radius: 50px;
            font-size: 0.875rem;
            color: var(--text-secondary);
            margin-bottom: 2rem;
            animation: fadeInUp 0.6s ease forwards;
        }

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

        .hero h1 {
            margin-bottom: 1.5rem;
            animation: fadeInUp 0.6s ease 0.1s forwards;
            opacity: 0;
        }

        .hero-subtitle {
            font-size: 1.25rem;
            color: var(--text-secondary);
            max-width: 600px;
            margin-bottom: 2.5rem;
            animation: fadeInUp 0.6s ease 0.2s forwards;
            opacity: 0;
        }

        .cost-comparison {
            display: flex;
            align-items: center;
            gap: 1.5rem;
            flex-wrap: wrap;
            margin-bottom: 2.5rem;
            animation: fadeInUp 0.6s ease 0.3s forwards;
            opacity: 0;
        }

        .cost-item {
            display: flex;
            flex-direction: column;
            gap: 0.25rem;
        }

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

        .cost-value {
            font-size: 2.5rem;
            font-weight: 800;
        }

        .cost-value.strike {
            text-decoration: line-through;
            color: var(--text-muted);
            font-size: 1.75rem;
        }

        .cost-value.savings {
            color: var(--success);
        }

        .cost-arrow {
            font-size: 2rem;
            color: var(--text-muted);
        }

        .hero-cta {
            animation: fadeInUp 0.6s ease 0.4s forwards;
            opacity: 0;
        }

        /* Stats Bar */
        .stats-bar {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 2rem;
            padding: 2rem;
            background: var(--bg-secondary);
            border-radius: 16px;
            border: 1px solid var(--border);
            margin-top: 4rem;
        }

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

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

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

        /* Problem Section */
        .problem {
            background: var(--bg-secondary);
        }

        .problem-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 2rem;
            margin-top: 3rem;
        }

        .problem-card {
            padding: 2rem;
            background: var(--bg-primary);
            border: 1px solid var(--border);
            border-radius: 16px;
            transition: all 0.3s ease;
        }

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

        .problem-icon {
            width: 60px;
            height: 60px;
            background: rgba(239, 68, 68, 0.1);
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.5rem;
            margin-bottom: 1.5rem;
        }

        .problem-card h4 {
            margin-bottom: 1rem;
            color: var(--text-primary);
        }

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

        /* Voice Quality Section */
        .voice-quality {
            background: linear-gradient(180deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);
        }

        .voice-features {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 1.5rem;
            margin-top: 3rem;
        }

        .voice-feature {
            display: flex;
            gap: 1rem;
            padding: 1.5rem;
            background: var(--bg-tertiary);
            border: 1px solid var(--border);
            border-radius: 12px;
            transition: all 0.3s ease;
        }

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

        .voice-feature-icon {
            width: 48px;
            height: 48px;
            background: var(--gradient);
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.25rem;
            flex-shrink: 0;
        }

        .voice-feature h4 {
            font-size: 1.125rem;
            margin-bottom: 0.5rem;
        }

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

        /* Transcript Section */
        .transcript-container {
            margin-top: 4rem;
            background: var(--bg-primary);
            border: 1px solid var(--border);
            border-radius: 20px;
            overflow: hidden;
        }

        .transcript-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 1.5rem 2rem;
            background: var(--bg-tertiary);
            border-bottom: 1px solid var(--border);
        }

        .transcript-header h4 {
            display: flex;
            align-items: center;
            gap: 0.75rem;
        }

        .transcript-badge {
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            padding: 0.25rem 0.75rem;
            background: rgba(16, 185, 129, 0.15);
            color: var(--success);
            border-radius: 50px;
            font-size: 0.75rem;
            font-weight: 600;
        }

        .transcript-body {
            padding: 2rem;
            max-height: 500px;
            overflow-y: auto;
        }

        .message {
            display: flex;
            gap: 1rem;
            margin-bottom: 1.5rem;
            animation: fadeInUp 0.4s ease forwards;
        }

        .message-avatar {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1rem;
            flex-shrink: 0;
        }

        .message-avatar.ai {
            background: var(--gradient);
        }

        .message-avatar.customer {
            background: var(--bg-tertiary);
            border: 1px solid var(--border);
        }

        .message-content {
            flex: 1;
        }

        .message-label {
            font-size: 0.75rem;
            color: var(--text-muted);
            margin-bottom: 0.25rem;
        }

        .message-text {
            padding: 1rem;
            border-radius: 12px;
            font-size: 0.9375rem;
            line-height: 1.6;
        }

        .message.ai .message-text {
            background: var(--bg-secondary);
            border: 1px solid var(--border);
            border-bottom-left-radius: 4px;
        }

        .message.customer .message-text {
            background: rgba(59, 130,


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>AI Voice Receptionist | Never Miss Another Call | aivoicereceptionist.au</title>
    <meta name="description" content="Replace your $55K/year receptionist with a $197/month AI that never calls in sick, never takes a lunch break, and answers every single call in under 1 second.">

    <!-- Open Graph -->
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://aivoicereceptionist.au/">
    <meta property="og:title" content="AI Voice Receptionist | Never Miss Another Call">
    <meta property="og:description" content="Replace your $55K/year receptionist with a $197/month AI that never calls in sick and answers every call in under 1 second.">
    <meta property="og:image" content="https://aivoicereceptionist.au/og-image.jpg">

    <!-- Twitter Card -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="AI Voice Receptionist | Never Miss Another Call">
    <meta name="twitter:description" content="Replace your $55K/year receptionist with a $197/month AI that never calls in sick.">

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

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

    <!-- Schema.org -->
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "SoftwareApplication",
        "name": "AI Voice Receptionist",
        "applicationCategory": "BusinessApplication",
        "operatingSystem": "Web",
        "description": "AI-powered voice receptionist that answers calls 24/7, books appointments, and captures leads.",
        "offers": {
            "@type": "Offer",
            "price": "197",
            "priceCurrency": "AUD",
            "priceSpecification": {
                "@type": "PriceSpecification",
                "priceCurrency": "AUD",
                "minPrice": "197",
                "maxPrice": "597"
            }
        },
        "provider": {
            "@type": "Organization",
            "name": "Sunaiva",
            "url": "https://sunaiva.com.au"
        },
        "aggregateRating": {
            "@type": "AggregateRating",
            "ratingValue": "4.9",
            "reviewCount": "127"
        }
    }
    </script>
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "FAQPage",
        "mainEntity": [
            {
                "@type": "Question",
                "name": "What if the AI can't answer a customer's question?",
                "acceptedAnswer": {
                    "@type": "Answer",
                    "text": "Our AI is trained on thousands of Australian business scenarios and can handle 85% of inquiries autonomously. For complex queries, it can seamlessly transfer the call to you or take a detailed message with all the relevant information. You can customize the AI's knowledge base to match your specific business needs."
                }
            },
            {
                "@type": "Question",
                "name": "Can customers tell they're talking to an AI?",
                "acceptedAnswer": {
                    "@type": "Answer",
                    "text": "Our AI uses natural language processing and sounds remarkably human-like with an authentic Australian accent. Most callers cannot tell they're speaking to AI. The conversation flows naturally with appropriate pauses, tone variations, and context-aware responses."
                }
            },
            {
                "@type": "Question",
                "name": "How long does setup take?",
                "acceptedAnswer": {
                    "@type": "Answer",
                    "text": "Setup takes approximately 10 minutes. You'll answer a few questions about your business, customize your greeting, and configure how you want calls handled. No coding or technical knowledge required."
                }
            },
            {
                "@type": "Question",
                "name": "What happens if I need to speak to a customer directly?",
                "acceptedAnswer": {
                    "@type": "Answer",
                    "text": "The AI can transfer calls to your mobile, landline, or team members at any time. You can set up rules for when to transfer (e.g., VIP customers, specific keywords) or take over the conversation instantly with one tap."
                }
            },
            {
                "@type": "Question",
                "name": "Is my customer data secure?",
                "acceptedAnswer": {
                    "@type": "Answer",
                    "text": "Absolutely. We're Australian-owned with servers located in Australia. We're fully compliant with the Privacy Act 1988 and use bank-level encryption for all data. Your customer information never leaves Australia."
                }
            },
            {
                "@type": "Question",
                "name": "Can the AI book appointments directly?",
                "acceptedAnswer": {
                    "@type": "Answer",
                    "text": "Yes. The AI can integrate with popular calendar systems (Google Calendar, Calendly, etc.) to check availability and book appointments in real-time. Customers can self-schedule 24/7 without any human intervention."
                }
            },
            {
                "@type": "Question",
                "name": "What industries is this suitable for?",
                "acceptedAnswer": {
                    "@type": "Answer",
                    "text": "Our AI Voice Receptionist works for any business that receives phone inquiries: tradies, medical practices, legal firms, real estate agencies, beauty salons, restaurants, plumbing, electrical, HVAC, locksmiths, and more. We have industry-specific templates ready to go."
                }
            }
        ]
    }
    </script>

    <style>
        :root {
            --bg-primary: #0B0C0E;
            --bg-secondary: #151720;
            --bg-tertiary: #1C1F2E;
            --text-primary: #E5E7EB;
            --text-secondary: #9CA3AF;
            --text-muted: #6B7280;
            --accent: #3B82F6;
            --accent-hover: #2563EB;
            --accent-glow: rgba(59, 130, 246, 0.3);
            --success: #10B981;
            --success-glow: rgba(16, 185, 129, 0.3);
            --gradient: linear-gradient(135deg, #3B82F6 0%, #8B5CF6 100%);
            --border: rgba(255, 255, 255, 0.08);
            --border-accent: rgba(59, 130, 246, 0.3);
        }

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

        html {
            scroll-behavior: smooth;
        }

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

        /* Background Pattern */
        body::before {
            content: '';
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background:
                radial-gradient(ellipse 80% 50% at 50% -20%, rgba(59, 130, 246, 0.15), transparent),
                radial-gradient(ellipse 60% 40% at 80% 100%, rgba(139, 92, 246, 0.1), transparent);
            pointer-events: none;
            z-index: 0;
        }

        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 24px;
            position: relative;
            z-index: 1;
        }

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

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

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

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

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

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

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

        .nav-cta {
            background: var(--accent);
            color: white;
            padding: 10px 20px;
            border-radius: 8px;
            text-decoration: none;
            font-size: 0.9rem;
            font-weight: 500;
            transition: all 0.2s;
        }

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

        /* Hero Section */
        .hero {
            padding: 180px 0 120px;
            text-align: center;
            position: relative;
        }

        .hero-badge {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            background: rgba(59, 130, 246, 0.1);
            border: 1px solid var(--border-accent);
            padding: 8px 16px;
            border-radius: 50px;
            font-size: 0.85rem;
            color: var(--accent);
            margin-bottom: 32px;
            animation: fadeInUp 0.6s ease-out;
        }

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

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

        .hero h1 {
            font-size: clamp(2.5rem, 6vw, 4rem);
            font-weight: 800;
            line-height: 1.1;
            margin-bottom: 24px;
            animation: fadeInUp 0.6s ease-out 0.1s both;
        }

        .hero h1 .highlight {
            background: var(--gradient);
            -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 48px;
            animation: fadeInUp 0.6s ease-out 0.2s both;
        }

        /* Cost Comparison Card */
        .cost-comparison {
            display: grid;
            grid-template-columns: 1fr auto 1fr;
            gap: 24px;
            max-width: 800px;
            margin: 0 auto 48px;
            align-items: center;
            animation: fadeInUp 0.6s ease-out 0.3s both;
        }

        .cost-card {
            background: var(--bg-secondary);
            border: 1px solid var(--border);
            border-radius: 16px;
            padding: 32px;
            text-align: center;
            transition: all 0.3s;
        }

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

        .cost-card.human {
            border-color: rgba(239, 68, 68, 0.3);
        }

        .cost-card.ai {
            border-color: var(--success-glow);
            background: linear-gradient(135deg, rgba(16, 185, 129, 0.1) 0%, var(--bg-secondary) 100%);
        }

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

        .cost-value {
            font-size: 2.5rem;
            font-weight: 800;
        }

        .cost-card.human .cost-value {
            color: #EF4444;
            text-decoration: line-through;
            opacity: 0.7;
        }

        .cost-card.ai .cost-value {
            color: var(--success);
        }

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

        .cost-vs {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 48px;
            height: 48px;
            background: var(--bg-tertiary);
            border-radius: 50%;
            font-weight: 700;
            color: var(--text-secondary);
        }

        .savings-badge {
            display: inline-block;
            background: linear-gradient(135deg, rgba(16, 185, 129, 0.2) 0%, rgba(16, 185, 129, 0.1) 100%);
            border: 1px solid var(--success-glow);
            color: var(--success);
            padding: 12px 24px;
            border-radius: 50px;
            font-weight: 600;
            font-size: 1.1rem;
            animation: fadeInUp 0.6s ease-out 0.4s both;
        }

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

        .btn-primary {
            background: var(--accent);
            color: white;
            box-shadow: 0 4px 20px var(--accent-glow);
        }

        .btn-primary:hover {
            background: var(--accent-hover);
            transform: translateY(-2px);
            box-shadow: 0 8px 30px var(--accent-glow);
        }

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

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

        .hero-buttons {
            display: flex;
            gap: 16px;
            justify-content: center;
            flex-wrap: wrap;
            animation: fadeInUp 0.6s ease-out 0.5s both;
        }

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

        /* Section Styles */
        section {
            padding: 100px 0;
        }

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

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

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


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>AI Voice Receptionist | Never Miss Another Call | aivoicereceptionist.au</title>
    <meta name="description" content="Replace your $55K/year receptionist with a $197/month AI that never calls in sick, never takes a lunch break, and answers every single call in under 1 second.">
    <meta name="keywords" content="AI receptionist, virtual receptionist, AI voice agent, automated receptionist, small business AI">

    <!-- Open Graph -->
    <meta property="og:title" content="AI Voice Receptionist - Never Miss Another Call">
    <meta property="og:description" content="Replace your $55K/year receptionist with a $197/month AI that never calls in sick.">
    <meta property="og:url" content="https://aivoicereceptionist.au">
    <meta property="og:type" content="website">
    <meta property="og:image" content="https://aivoicereceptionist.au/og-image.jpg">

    <!-- Twitter Card -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="AI Voice Receptionist - Never Miss Another Call">
    <meta name="twitter:description" content="Replace your $55K/year receptionist with a $197/month AI.">

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

    <!-- Schema.org -->
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "SoftwareApplication",
        "name": "AI Voice Receptionist",
        "applicationCategory": "BusinessApplication",
        "operatingSystem": "Web, iOS, Android",
        "offers": {
            "@type": "Offer",
            "price": "197",
            "priceCurrency": "AUD",
            "description": "Essentials - AI Voice Receptionist"
        },
        "description": "AI-powered voice receptionist that answers calls, books jobs, and handles enquiries 24/7"
    }
    </script>

    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "FAQPage",
        "mainEntity": [
            {"@type": "Question", "name": "What if the AI can't answer a customer's question?", "acceptedAnswer": {"@type": "Answer", "text": "The AI is trained on your business knowledge and can handle 90%+ of enquiries. For complex issues, it can seamlessly transfer to a human staff member or take a detailed message with all the context your team needs to follow up effectively."}},
            {"@type": "Question", "name": "Can customers tell they're talking to an AI?", "acceptedAnswer": {"@type": "Answer", "text": "Our AI uses natural Australian voice synthesis with advanced conversational AI. Most callers cannot tell they're speaking to an AI - it sounds like a professional, friendly receptionist. Transparency option is available if you prefer to disclose it's AI."}},
            {"@type": "Question", "name": "Is my customer data secure?", "acceptedAnswer": {"@type": "Answer", "text": "Absolutely. All data is stored on Australian servers with bank-level 256-bit encryption. We're fully Privacy Act compliant and SOC2-equivalent. We never share your data with third parties without consent."}},
            {"@type": "Question", "name": "How long does setup take?", "acceptedAnswer": {"@type": "Answer", "text": "Most businesses are up and running in under 10 minutes. We provide a simple onboarding wizard where you input your business details, FAQ, and call handling preferences. No coding required."}},
            {"@type": "Question", "name": "What industries do you support?", "acceptedAnswer": {"@type": "Answer", "text": "We support trades, medical, legal, real estate, beauty, hospitality, and more. Our AI can be trained on industry-specific terminology and workflows."}},
            {"@type": "Question", "name": "Do you record customer calls?", "acceptedAnswer": {"@type": "Answer", "text": "Call recording only occurs with explicit consent. By default, we don't record - we focus on transcribing and processing interactions for service delivery. You can enable recording in settings if needed for quality assurance."}},
            {"@type": "Question", "name": "Can I cancel anytime?", "acceptedAnswer": {"@type": "Answer", "text": "Yes, you can cancel your subscription at any time with no lock-in contracts. We believe in earning your business every month."}}
        ]
    }
    </script>

    <style>
        :root {
            --bg-primary: #0B0C0E;
            --bg-secondary: #15171A;
            --bg-card: #1C1F24;
            --text-primary: #E5E7EB;
            --text-secondary: #9CA3AF;
            --text-muted: #6B7280;
            --accent: #3B82F6;
            --accent-hover: #2563EB;
            --accent-green: #10B981;
            --accent-purple: #8B5CF6;
            --border: #2D3139;
            --gradient: linear-gradient(135deg, #3B82F6 0%, #8B5CF6 100%);
        }

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

        body {
            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 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 20px;
        }

        /* Navigation */
        nav {
            padding: 20px 0;
            border-bottom: 1px solid var(--border);
            position: sticky;
            top: 0;
            background: rgba(11, 12, 14, 0.95);
            backdrop-filter: blur(10px);
            z-index: 100;
        }

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

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

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

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

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

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

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

        .nav-cta:hover {
            background: var(--accent-hover);
        }

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

        .hero::before {
            content: '';
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: radial-gradient(circle at center, rgba(59, 130, 246, 0.1) 0%, transparent 50%);
            animation: pulse 8s ease-in-out infinite;
        }

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

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

        .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: 14px;
            color: var(--accent);
            margin-bottom: 24px;
        }

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

        @keyframes blink {
            0%, 50%, 100% { opacity: 1; }
            25%, 75% { opacity: 0.3; }
        }

        .hero h1 {
            font-size: clamp(36px, 6vw, 64px);
            font-weight: 800;
            line-height: 1.1;
            margin-bottom: 24px;
        }

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

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

        /* Cost Comparison */
        .cost-comparison {
            display: flex;
            justify-content: center;
            gap: 40px;
            flex-wrap: wrap;
            margin-bottom: 48px;
        }

        .cost-card {
            background: var(--bg-card);
            border: 1px solid var(--border);
            border-radius: 16px;
            padding: 32px;
            min-width: 260px;
            position: relative;
        }

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

        .cost-card.highlight::after {
            content: 'SAVE 96%';
            position: absolute;
            top: -12px;
            right: 20px;
            background: var(--accent-green);
            color: white;
            font-size: 12px;
            font-weight: 700;
            padding: 4px 12px;
            border-radius: 20px;
        }

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

        .cost-value {
            font-size: 48px;
            font-weight: 800;
        }

        .cost-value.old {
            text-decoration: line-through;
            color: var(--text-muted);
            font-size: 32px;
        }

        .cost-value.new {
            color: var(--accent);
        }

        .cost-period {
            font-size: 16px;
            color: var(--text-secondary);
        }

        .cost-subtitle {
            font-size: 14px;
            color: var(--text-muted);
            margin-top: 8px;
        }

        .hero-cta {
            display: inline-flex;
            align-items: center;
            gap: 12px;
            background: var(--gradient);
            color: white;
            padding: 18px 36px;
            border-radius: 12px;
            font-size: 18px;
            font-weight: 700;
            text-decoration: none;
            transition: transform 0.3s, box-shadow 0.3s;
        }

        .hero-cta:hover {
            transform: translateY(-2px);
            box-shadow: 0 20px 40px rgba(59, 130, 246, 0.3);
        }

        .hero-note {
            margin-top: 16px;
            font-size: 14px;
            color: var(--text-muted);
        }

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

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

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

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

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

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

        .stat-icon {
            width: 64px;
            height: 64px;
            background: rgba(239, 68, 68, 0.1);
            border-radius: 16px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 20px;
            font-size: 32px;
        }

        .stat-value {
            font-size: 56px;
            font-weight: 800;
            color: #EF4444;
            margin-bottom: 8px;
        }

        .stat-label {
            font-size: 18px;
            color: var(--text-secondary);
            margin-bottom: 16px;
        }

        .stat-note {
            font-size: 14px;
            color: var(--text-muted);
        }

        /* Trust Section */
        .trust {
            padding: 80px 0;
        }

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

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

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

        .trust-icon {
            width: 48px;
            height: 48px;
            background: rgba(16, 185, 129, 0.1);
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 16px;
            font-size: 24px;
        }

        .trust-card h3 {
            font-size: 18px;
            font-weight: 600;
            margin-bottom: 8px;
        }

        .trust-card p {
            font-size: 14px;
            color: var(--text-secondary);
            line-height: 1.7;
        }

        .trust-badge-section {
            text-align: center;
            padding: 40px 0;
            border-top: 1px solid var(--border);
            margin-top: 40px;
        }

        .trust-badges {
            display: flex;
            justify-content: center;
            gap: 40px;
            flex-wrap: wrap;
        }

        .trust-badge {
            display: flex;
            align-items: center;
            gap: 12px;
            font-weight: 600;
            color: var(--text-secondary);
        }

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

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

        .demo-container {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 40px;
            align-items: start;
        }

        @media (max-width: 900px) {
            .demo-container {
                grid-template-columns: 1fr;
            }
        }

        .demo-widget {
            background: var(--bg-card);
            border: 1px solid var(--border);
            border-radius: 20px;
            padding: 40px;
            text-align: center;
            min-height: 400px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }

        .demo-avatar {
            width: 120px;
            height: 120px


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>Phone Bot | AI Phone Answering for Australian Businesses</title>
    <meta name="description" content="Replace your $55K/year receptionist with a $197/month AI that never calls in sick, never takes a lunch break, and answers every single call in under 1 second.">

    <!-- Open Graph -->
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://phonebot.au">
    <meta property="og:title" content="Phone Bot - AI Phone Answering for Australian Businesses">
    <meta property="og:description" content="Never miss a call again. AI receptionist that works 24/7 for $197/month.">
    <meta property="og:image" content="https://phonebot.au/og-image.jpg">

    <!-- Twitter Card -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="Phone Bot - AI Phone Answering">
    <meta name="twitter:description" content="Replace your $55K/year receptionist with a $197/month AI.">

    <!-- Schema.org -->
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "SoftwareApplication",
        "name": "Phone Bot",
        "applicationCategory": "BusinessApplication",
        "operatingSystem": "Web",
        "offers": {
            "@type": "Offer",
            "price": "197",
            "priceCurrency": "AUD"
        },
        "description": "AI-powered phone answering for Australian businesses. Never miss a call again."
    }
    </script>
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "FAQPage",
        "mainEntity": [
            {
                "@type": "Question",
                "name": "What if the AI can't answer a customer's question?",
                "acceptedAnswer": {
                    "@type": "Answer",
                    "text": "Phone Bot is designed to handle common enquiries. For complex queries, it can politely take a message, transfer to a mobile, or schedule a callback. You remain in complete control."
                }
            },
            {
                "@type": "Question",
                "name": "Can customers tell they're talking to AI?",
                "acceptedAnswer": {
                    "@type": "Answer",
                    "text": "Our AI uses natural Australian voice synthesis and conversational AI that sounds professional and helpful. Most callers interact without realising it's not a human—until they notice it's available 24/7!"
                }
            },
            {
                "@type": "Question",
                "name": "How long does setup take?",
                "acceptedAnswer": {
                    "@type": "Answer",
                    "text": "Phone Bot can be set up in as little as 10 minutes. We'll customise your greeting, FAQ responses, and booking flow to match your business needs."
                }
            },
            {
                "@type": "Question",
                "name": "What happens if my internet goes down?",
                "acceptedAnswer": {
                    "@type": "Answer",
                    "text": "Phone Bot runs on enterprise-grade infrastructure with 99.9% uptime. If any issues arise, calls can be configured to forward to your mobile as a backup."
                }
            },
            {
                "@type": "Question",
                "name": "Is my customer data secure?",
                "acceptedAnswer": {
                    "@type": "Answer",
                    "text": "Absolutely. We're fully compliant with Australian Privacy Act requirements. All data is stored on Australian servers with enterprise-grade encryption."
                }
            },
            {
                "@type": "Question",
                "name": "Can Phone Bot book appointments?",
                "acceptedAnswer": {
                    "@type": "Answer",
                    "text": "Yes! Phone Bot can integrate with popular booking systems, calendars, and CRMs to schedule appointments, confirm bookings, and manage availability in real-time."
                }
            },
            {
                "@type": "Question",
                "name": "Do I need any special equipment?",
                "acceptedAnswer": {
                    "@type": "Answer",
                    "text": "No. Phone Bot works with your existing phone number—there's no need to change your business number or buy new hardware. Just redirect your calls and you're ready to go."
                }
            }
        ]
    }
    </script>

    <style>
        :root {
            --bg-primary: #0B0C0E;
            --bg-secondary: #151720;
            --bg-tertiary: #1C1F2E;
            --text-primary: #E5E7EB;
            --text-secondary: #9CA3AF;
            --text-muted: #6B7280;
            --accent: #3B82F6;
            --accent-hover: #2563EB;
            --accent-glow: rgba(59, 130, 246, 0.3);
            --success: #10B981;
            --warning: #F59E0B;
            --danger: #EF4444;
            --gradient: linear-gradient(135deg, #3B82F6 0%, #8B5CF6 100%);
            --border: rgba(255, 255, 255, 0.08);
        }

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

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

        /* Navigation */
        nav {
            padding: 20px 0;
            border-bottom: 1px solid var(--border);
            background: rgba(11, 12, 14, 0.8);
            backdrop-filter: blur(20px);
            position: fixed;
            width: 100%;
            top: 0;
            z-index: 1000;
        }

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

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

        .logo-icon {
            width: 32px;
            height: 32px;
            background: var(--gradient);
            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: 32px;
            list-style: none;
        }

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

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

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

        .nav-cta:hover {
            background: var(--accent-hover);
            transform: translateY(-2px);
            box-shadow: 0 4px 20px var(--accent-glow);
        }

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

        .hero::before {
            content: '';
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: radial-gradient(circle at center, var(--accent-glow) 0%, transparent 50%);
            opacity: 0.3;
            animation: pulse 8s ease-in-out infinite;
        }

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

        .hero-badge {
            display: inline-block;
            background: var(--bg-tertiary);
            border: 1px solid var(--border);
            padding: 8px 16px;
            border-radius: 50px;
            font-size: 14px;
            color: var(--text-secondary);
            margin-bottom: 24px;
            animation: fadeInUp 0.6s ease-out;
        }

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

        .hero h1 {
            font-size: clamp(40px, 6vw, 72px);
            font-weight: 800;
            line-height: 1.1;
            margin-bottom: 24px;
            animation: fadeInUp 0.6s ease-out 0.1s backwards;
        }

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

        .hero p {
            font-size: clamp(18px, 2.5vw, 22px);
            color: var(--text-secondary);
            max-width: 600px;
            margin: 0 auto 40px;
            animation: fadeInUp 0.6s ease-out 0.2s backwards;
        }

        /* Cost Comparison Card */
        .cost-comparison {
            background: var(--bg-secondary);
            border: 1px solid var(--border);
            border-radius: 24px;
            padding: 40px;
            max-width: 700px;
            margin: 0 auto 40px;
            animation: fadeInUp 0.6s ease-out 0.3s backwards;
        }

        .cost-comparison h3 {
            font-size: 18px;
            color: var(--text-secondary);
            margin-bottom: 24px;
            font-weight: 500;
        }

        .cost-items {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 24px;
        }

        .cost-item {
            padding: 24px;
            border-radius: 16px;
            text-align: center;
        }

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

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

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

        .cost-value {
            font-size: 36px;
            font-weight: 800;
            margin-bottom: 4px;
        }

        .cost-item.human .cost-value {
            color: var(--danger);
            text-decoration: line-through;
            opacity: 0.7;
        }

        .cost-item.ai .cost-value {
            color: var(--success);
        }

        .cost-sub {
            font-size: 14px;
            color: var(--text-secondary);
        }

        .savings-badge {
            display: inline-block;
            background: var(--success);
            color: white;
            padding: 8px 16px;
            border-radius: 50px;
            font-weight: 700;
            font-size: 14px;
            margin-top: 20px;
        }

        .hero-ctas {
            display: flex;
            gap: 16px;
            justify-content: center;
            flex-wrap: wrap;
            animation: fadeInUp 0.6s ease-out 0.4s backwards;
        }

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

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

        .btn-primary:hover {
            background: var(--accent-hover);
            transform: translateY(-2px);
            box-shadow: 0 4px 20px var(--accent-glow);
        }

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

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

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

        /* Stats Section */
        .stats {
            padding: 80px 0;
            border-top: 1px solid var(--border);
            border-bottom: 1px solid var(--border);
        }

        .stats-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 40px;
            text-align: center;
        }

        .stat-item h3 {
            font-size: clamp(40px, 5vw, 56px);
            font-weight: 800;
            color: var(--accent);
            margin-bottom: 8px;
        }

        .stat-item p {
            color: var(--text-secondary);
            font-size: 16px;
        }

        /* Problem Section */
        .problem {
            padding: 100px 0;
        }

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

        .section-header h2 {
            font-size: clamp(32px, 4vw, 48px);
            font-weight: 800;
            margin-bottom: 16px;
        }

        .section-header p {
            color: var(--text-secondary);
            font-size: 18px;
        }

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

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

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

        .problem-card .icon svg {
            width: 24px;
            height: 24px;
            stroke: var(--danger);
        }

        .problem-card h3 {
            font-size: 20px;
            margin-bottom: 8px;
        }

        .problem-card p {
            color: var(--text-secondary);
            font-size: 15px;
        }

        .problem-card .cost-loss {
            margin-top: 16px;
            padding-top: 16px;
            border-top: 1px solid var(--border);
            color: var(--danger);
            font-weight: 700;
            font-size: 24px;
        }

        /* Comparison Table */
        .comparison {
            padding: 100px 0;
            background: var(--bg-secondary);
        }

        .comparison-table {
            overflow-x: auto;
        }

        .comparison-table table {
            width: 100%;
            border-collapse: collapse;
            min-width: 800px;
        }

        .comparison-table th,
        .comparison-table td {
            padding: 20px;
            text-align: left;
            border-bottom: 1px solid var(--border);
        }

        .comparison-table th {
            font-size: 14px;
            text-transform: uppercase;
            letter-spacing: 1px;
            color: var(--text-muted);
            font-weight: 600;
        }

        .comparison-table th.human-col {
            text-align: center;
            background: rgba(239, 68, 68, 0.05);
            color: var(--danger);
        }

        .comparison-table th.ai-col {
            text-align: center;
            background: rgba(


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>Phone Bot | AI Phone Answering for Australian Businesses</title>
    <meta name="description" content="Replace your $55K/year receptionist with a $197/month AI that never calls in sick, never takes a lunch break, and answers every call in under 1 second.">

    <!-- Open Graph -->
    <meta property="og:title" content="Phone Bot - AI Phone Answering for Australian Businesses">
    <meta property="og:description" content="Replace your $55K/year receptionist with a $197/month AI that never calls in sick. Start your free 14-day trial.">
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://phonebot.au">
    <meta property="og:image" content="https://phonebot.au/og-image.png">

    <!-- Twitter Card -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="Phone Bot - AI Phone Answering">
    <meta name="twitter:description" content="Replace your $55K/year receptionist with a $197/month AI">

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

    <!-- Schema.org -->
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "SoftwareApplication",
        "name": "Phone Bot",
        "applicationCategory": "BusinessApplication",
        "operatingSystem": "Web",
        "offers": {
            "@type": "Offer",
            "price": "197",
            "priceCurrency": "AUD",
            "availability": "https://schema.org/InStock"
        },
        "description": "AI-powered phone answering for Australian businesses. Never miss a call again."
    }
    </script>

    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "FAQPage",
        "mainEntity": [
            {
                "@type": "Question",
                "name": "What if the AI can't answer a customer's question?",
                "acceptedAnswer": {
                    "@type": "Answer",
                    "text": "Phone Bot is designed to handle common enquiries like booking appointments, answering FAQs, and taking messages. For complex queries, it can seamlessly transfer the call to you or take a detailed message with all the relevant information. You remain in full control."
                }
            },
            {
                "@type": "Question",
                "name": "Can customers tell they're talking to an AI?",
                "acceptedAnswer": {
                    "@type": "Answer",
                    "text": "Phone Bot uses natural language processing and sounds like a professional receptionist. Most callers cannot tell they're speaking to AI. It can also be configured to identify itself as an AI assistant if you prefer transparency."
                }
            },
            {
                "@type": "Question",
                "name": "How long does setup take?",
                "acceptedAnswer": {
                    "@type": "Answer",
                    "text": "Setup takes approximately 10 minutes. You'll answer a few questions about your business, and Phone Bot will be ready to answer calls immediately. No coding or technical expertise required."
                }
            },
            {
                "@type": "Question",
                "name": "Is my data secure and compliant with Australian privacy laws?",
                "acceptedAnswer": {
                    "@type": "Answer",
                    "text": "Yes. Phone Bot is fully compliant with the Australian Privacy Act and stores all data on Australian servers. We use enterprise-grade encryption to protect your business and customer information."
                }
            },
            {
                "@type": "Question",
                "name": "What industries work best with Phone Bot?",
                "acceptedAnswer": {
                    "@type": "Answer",
                    "text": "Phone Bot works exceptionally well for trades, medical practices, legal firms, real estate agencies, beauty salons, and any business that receives high volumes of phone enquiries. Any business that needs to book appointments or capture leads can benefit."
                }
            },
            {
                "@type": "Question",
                "name": "Can I customise how Phone Bot answers?",
                "acceptedAnswer": {
                    "@type": "Answer",
                    "text": "Absolutely. You can customise the greeting, the questions Phone Bot asks, how it handles bookings, and the information it captures. You have full control over the conversation flow and can update it anytime."
                }
            },
            {
                "@type": "Question",
                "name": "What happens if Phone Bot goes offline?",
                "acceptedAnswer": {
                    "@type": "Answer",
                    "text": "Phone Bot operates on enterprise infrastructure with 99.9% uptime. In the unlikely event of an issue, calls can be configured to route directly to your mobile as a backup. We're also available 24/7 for support."
                }
            }
        ]
    }
    </script>

    <style>
        :root {
            --bg-primary: #0B0C0E;
            --bg-secondary: #151720;
            --bg-tertiary: #1C1F2E;
            --text-primary: #E5E7EB;
            --text-secondary: #9CA3AF;
            --text-muted: #6B7280;
            --accent: #3B82F6;
            --accent-hover: #2563EB;
            --accent-glow: rgba(59, 130, 246, 0.3);
            --success: #10B981;
            --success-glow: rgba(16, 185, 129, 0.2);
            --warning: #F59E0B;
            --border: rgba(255, 255, 255, 0.08);
            --border-hover: rgba(255, 255, 255, 0.15);
        }

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

        html {
            scroll-behavior: smooth;
        }

        body {
            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 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;
        }

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

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

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

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

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

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

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

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

        .btn-primary {
            background: var(--accent);
            color: white;
            box-shadow: 0 4px 20px var(--accent-glow);
        }

        .btn-primary:hover {
            background: var(--accent-hover);
            transform: translateY(-2px);
            box-shadow: 0 6px 30px var(--accent-glow);
        }

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

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

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

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

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

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

        .hero h1 {
            font-size: clamp(2.5rem, 5vw, 4rem);
            font-weight: 700;
            line-height: 1.1;
            margin-bottom: 24px;
            animation: fadeInUp 0.6s ease 0.1s both;
        }

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

        .hero-subtitle {
            font-size: 1.2rem;
            color: var(--text-secondary);
            max-width: 600px;
            margin-bottom: 40px;
            animation: fadeInUp 0.6s ease 0.2s both;
        }

        /* Cost Comparison Card */
        .cost-comparison {
            background: var(--bg-secondary);
            border: 1px solid var(--border);
            border-radius: 20px;
            padding: 32px;
            display: grid;
            grid-template-columns: 1fr auto 1fr;
            gap: 32px;
            align-items: center;
            margin-bottom: 48px;
            animation: fadeInUp 0.6s ease 0.3s both;
        }

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

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

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

        .cost-item-value.old-price {
            color: var(--text-muted);
            text-decoration: line-through;
            font-size: 1.5rem;
        }

        .cost-item-value.new-price {
            color: var(--success);
        }

        .cost-vs {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 8px;
        }

        .cost-vs-text {
            font-size: 0.85rem;
            color: var(--text-muted);
            text-transform: uppercase;
            letter-spacing: 2px;
        }

        .cost-savings {
            background: var(--success-glow);
            color: var(--success);
            padding: 8px 16px;
            border-radius: 20px;
            font-weight: 600;
            font-size: 0.9rem;
        }

        .hero-cta {
            display: flex;
            gap: 16px;
            flex-wrap: wrap;
            animation: fadeInUp 0.6s ease 0.4s both;
        }

        .hero-stats {
            display: flex;
            gap: 48px;
            margin-top: 64px;
            padding-top: 32px;
            border-top: 1px solid var(--border);
            animation: fadeInUp 0.6s ease 0.5s both;
        }

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

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

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

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

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

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

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

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

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

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

        .problem-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;
            font-size: 1.5rem;
        }

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

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

        .problem-stat {
            display: inline-block;
            background: rgba(239, 68, 68, 0.1);
            color: #EF4444;
            padding: 4px 12px;
            border-radius: 20px;
            font-size: 0.85rem;
            font-weight: 600;
            margin-top: 16px;
        }

        /* Cost Analysis Section */
        .cost-analysis {
            padding: 100px 0;
        }

        .analysis-table {
            background: var(--bg-secondary);
            border: 1px solid var(--border);
            border-radius: 20px;
            overflow: hidden;
            margin-bottom: 48px;
        }

        .table-header {
            display: grid;
            grid-template-columns: 2fr 1fr 1fr 1fr;
            padding: 20px 32px;
            background: var(--bg-tertiary);
            font-weight: 600;
            font-size: 0.9rem;
            color: var(--text-secondary);
            text-transform: uppercase;
            letter-spacing: 1px;
        }

        .table-row {
            display: grid;
            grid-template-columns: 2fr 1fr 1fr 1fr;
            padding: 20px 32px;
            border-bottom: 1px solid var(--border);
            align-items: center;
        }

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

        .table-row.cost-category {
            color: var(--text-secondary);
            font-size: 0.95rem;
        }

        .table-row.cost-value {
            font-weight: 600;
        }

        .table-row


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>Phone Bot | AI Phone Answering for Australian Businesses | Never Miss a Call</title>
    <meta name="description" content="Replace your $55K/year receptionist with a $197/month AI that never calls in sick. 24/7 AI phone answering for trades, medical, legal, real estate & more.">

    <!-- Open Graph -->
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://phonebot.au">
    <meta property="og:title" content="Phone Bot | AI Phone Answering for Australian Businesses">
    <meta property="og:description" content="Never miss a call again. AI receptionist that works 24/7 for $197/month.">
    <meta property="og:image" content="https://phonebot.au/og-image.jpg">

    <!-- Twitter -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="Phone Bot | AI Phone Answering">
    <meta name="twitter:description" content="Never miss a call again. AI receptionist that works 24/7 for $197/month.">

    <link rel="canonical" href="https://phonebot.au">

    <!-- Schema.org -->
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "SoftwareApplication",
        "name": "Phone Bot",
        "applicationCategory": "BusinessApplication",
        "operatingSystem": "Web",
        "offers": {
            "@type": "Offer",
            "price": "197",
            "priceCurrency": "AUD",
            "priceSpecification": {
                "@type": "PriceSpecification",
                "pricePerUnit": "197",
                "unitCode": "MON"
            }
        },
        "description": "AI-powered phone answering for Australian businesses. Never miss a call, book jobs 24/7.",
        "brand": {
            "@type": "Brand",
            "name": "Sunaiva"
        },
        "provider": {
            "@type": "Organisation",
            "name": "Sunaiva",
            "url": "https://sunaiva.com"
        }
    }
    </script>

    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "FAQPage",
        "mainEntity": [
            {
                "@type": "Question",
                "name": "What happens if the AI can't answer a customer's question?",
                "acceptedAnswer": {
                    "@type": "Answer",
                    "text": "Phone Bot is programmed to handle common queries, but for complex issues, it can politely take a message, transfer to your mobile, or direct callers to your email. You stay in full control of how it handles different scenarios."
                }
            },
            {
                "@type": "Question",
                "name": "Can customers tell they're talking to AI?",
                "acceptedAnswer": {
                    "@type": "Answer",
                    "text": "Most customers can't tell. Our AI uses natural Australian accents and conversational phrasing. It handles pauses, interrupts naturally, and sounds professional—not robotic."
                }
            },
            {
                "@type": "Question",
                "name": "How long does setup take?",
                "acceptedAnswer": {
                    "@type": "Answer",
                    "text": "Most businesses are up and running in under 10 minutes. No coding required. We provide a simple setup wizard that guides you through customising greetings, business hours, and common responses."
                }
            },
            {
                "@type": "Question",
                "name": "Is my business data secure?",
                "acceptedAnswer": {
                    "@type": "Answer",
                    "text": "Absolutely. We're Australian-owned with servers in Australia. We comply with the Privacy Act 1988 and never share your data. All conversations are encrypted end-to-end."
                }
            },
            {
                "@type": "Question",
                "name": "Can I try it before committing?",
                "acceptedAnswer": {
                    "@type": "Answer",
                    "text": "Yes! We offer a 14-day free trial with full features. No credit card required. Test it with real calls to see the difference it makes to your business."
                }
            },
            {
                "@type": "Question",
                "name": "What industries work best with Phone Bot?",
                "acceptedAnswer": {
                    "@type": "Answer",
                    "text": "Phone Bot works brilliantly for tradies, medical practices, law firms, real estate agents, beauty salons, restaurants, and any business that receives phone enquiries. If you miss calls, we can help."
                }
            },
            {
                "@type": "Question",
                "name": "How does the pricing work?",
                "acceptedAnswer": {
                    "@type": "Answer",
                    "text": "Simple monthly subscription: Essentials at $197/mo for small teams, Business at $397/mo with advanced features, and Growth at $597/mo for high-volume businesses. All prices in AUD."
                }
            }
        ]
    }
    </script>

    <style>
        :root {
            --bg-primary: #0B0C0E;
            --bg-secondary: #111318;
            --bg-card: #1A1D24;
            --text-primary: #E5E7EB;
            --text-secondary: #9CA3AF;
            --accent: #3B82F6;
            --accent-hover: #2563EB;
            --accent-glow: rgba(59, 130, 246, 0.3);
            --success: #10B981;
            --warning: #F59E0B;
            --border: #2D3139;
            --gradient: linear-gradient(135deg, #3B82F6 0%, #8B5CF6 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: var(--bg-primary);
            color: var(--text-primary);
            line-height: 1.6;
            overflow-x: hidden;
        }

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

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

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

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

        .header-inner {
            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: var(--gradient);
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

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

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

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

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

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

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

        .btn-primary:hover {
            background: var(--accent-hover);
            transform: translateY(-2px);
            box-shadow: 0 8px 30px var(--accent-glow);
        }

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

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

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

        .hero::before {
            content: '';
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: radial-gradient(circle at 30% 30%, rgba(59, 130, 246, 0.08) 0%, transparent 50%),
                        radial-gradient(circle at 70% 70%, rgba(139, 92, 246, 0.05) 0%, transparent 50%);
            animation: float 20s ease-in-out infinite;
        }

        @keyframes float {
            0%, 100% { transform: translate(0, 0) rotate(0deg); }
            50% { transform: translate(-2%, 2%) rotate(1deg); }
        }

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

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

        .hero h1 {
            margin-bottom: 24px;
            animation: fadeInUp 0.6s ease-out 0.1s both;
        }

        .hero h1 .highlight {
            background: var(--gradient);
            -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;
            animation: fadeInUp 0.6s ease-out 0.2s both;
        }

        /* Cost Comparison */
        .cost-comparison {
            display: flex;
            justify-content: center;
            gap: 24px;
            margin-bottom: 40px;
            flex-wrap: wrap;
            animation: fadeInUp 0.6s ease-out 0.3s both;
        }

        .cost-card {
            background: var(--bg-card);
            border: 1px solid var(--border);
            border-radius: 16px;
            padding: 24px 32px;
            text-align: center;
            min-width: 200px;
        }

        .cost-card.receptionist {
            border-color: rgba(245, 158, 11, 0.3);
        }

        .cost-card.ai {
            border-color: rgba(16, 185, 129, 0.5);
            background: rgba(16, 185, 129, 0.05);
            position: relative;
        }

        .cost-card.ai::before {
            content: 'BEST VALUE';
            position: absolute;
            top: -12px;
            left: 50%;
            transform: translateX(-50%);
            background: var(--success);
            color: white;
            font-size: 0.7rem;
            font-weight: 700;
            padding: 4px 12px;
            border-radius: 100px;
        }

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

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

        .cost-card.receptionist .cost-value {
            color: var(--warning);
            text-decoration: line-through;
            opacity: 0.7;
        }

        .cost-card.ai .cost-value {
            color: var(--success);
        }

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

        .cost-savings {
            background: rgba(16, 185, 129, 0.1);
            border: 1px solid rgba(16, 185, 129, 0.3);
            border-radius: 12px;
            padding: 16px 24px;
            display: inline-flex;
            align-items: center;
            gap: 12px;
            margin-top: 16px;
            animation: fadeInUp 0.6s ease-out 0.4s both;
        }

        .cost-savings-value {
            font-size: 1.5rem;
            font-weight: 700;
            color: var(--success);
        }

        .hero-cta {
            animation: fadeInUp 0.6s ease-out 0.5s both;
        }

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

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

        /* Stats Bar */
        .stats-bar {
            background: var(--bg-secondary);
            border-top: 1px solid var(--border);
            border-bottom: 1px solid var(--border);
            padding: 40px 0;
        }

        .stats-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 32px;
            text-align: center;
        }

        .stat-item h4 {
            font-size: 2.5rem;
            color: var(--accent);
            margin-bottom: 8px;
        }

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

        /* Section Styles */
        section {
            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);
            font-size: 1.1rem;
        }

        /* Problem Section */
        .problem {
            background: var(--bg-secondary);
        }

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

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

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

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

        .problem-icon svg {
            width: 28px;
            height: 28px;
            stroke: var(--warning);
        }

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

        .problem-card p {
            color: var(--text-secondary);
            margin-bottom: 16px;
        }

        .problem-stat {
            font-size: 1.5rem;
            font-weight: 700;
            color: var(--warning);
        }

        /* How It Works Section */
        .how-it-works {
            background: var(--bg-primary);
        }

        .tech-flow {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 24px;
            margin-bottom: 60px;
        }