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>Voice Assistant (Premium) | AI Receptionist for Australian Business</title>
    <meta name="description" content="Replace your $55K/year receptionist with a $197/month AI that never calls in sick. Answers every call in under 1 second. 24/7.">

    <!-- Open Graph -->
    <meta property="og:title" content="Voice Assistant (Premium) | Never Miss a Call">
    <meta property="og:description" content="AI Receptionist: $197/mo vs $55K/yr human. Answers in 0.5 seconds. Handles 100 calls at once.">
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://voiceassistant.au">
    <meta property="og:image" content="https://voiceassistant.au/og-image.jpg">
    <meta property="og:site_name" content="voiceassistant.au">

    <!-- Twitter Card -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="Voice Assistant (Premium) - AI Receptionist">
    <meta name="twitter:description" content="Replace your $55K/year receptionist with $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>">

    <!-- 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&display=swap" rel="stylesheet">

    <style>
        :root {
            --bg-primary: #0B0C0E;
            --bg-secondary: #141518;
            --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);
            --secondary: #10B981;
            --secondary-glow: rgba(16, 185, 129, 0.3);
            --danger: #EF4444;
            --warning: #F59E0B;
            --gradient-accent: linear-gradient(135deg, #3B82F6 0%, #1D4ED8 100%);
            --gradient-hero: linear-gradient(180deg, #0B0C0E 0%, #1C1F24 100%);
            --border: rgba(255, 255, 255, 0.08);
            --border-hover: rgba(255, 255, 255, 0.15);
            --shadow: 0 4px 24px rgba(0, 0, 0, 0.4);
            --shadow-lg: 0 8px 48px rgba(0, 0, 0, 0.6);
        }

        * {
            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;
        }

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

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

        .text-gradient {
            background: linear-gradient(135deg, #3B82F6 0%, #10B981 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

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

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

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

        .btn-lg {
            padding: 18px 36px;
            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: 16px 24px;
            max-width: 1200px;
            margin: 0 auto;
        }

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

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

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

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

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

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

        /* Hero */
        .hero {
            padding: 180px 0 100px;
            background: var(--gradient-hero);
            position: relative;
            overflow: hidden;
        }

        .hero::before {
            content: '';
            position: absolute;
            top: -50%;
            left: -20%;
            width: 60%;
            height: 200%;
            background: radial-gradient(ellipse, var(--accent-glow) 0%, transparent 70%);
            pointer-events: none;
        }

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

        .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.2);
            border-radius: 100px;
            font-size: 0.875rem;
(--accent);
                       color: var margin-bottom: 24px;
        }

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

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

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

        .hero h1 .highlight {
            color: var(--accent);
            position: relative;
        }

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

        .cost-comparison {
            display: flex;
            gap: 24px;
            margin-bottom: 40px;
            flex-wrap: wrap;
        }

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

        .cost-card.highlight {
            border-color: var(--accent);
            background: rgba(59, 130, 246, 0.05);
        }

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

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

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

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

        .cost-card-sub {
            font-size: 0.875rem;
            color: var(--text-secondary);
        }

        .savings-badge {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 12px 20px;
            background: rgba(16, 185, 129, 0.1);
            border: 1px solid rgba(16, 185, 129, 0.3);
            border-radius: 100px;
            font-weight: 600;
            color: var(--secondary);
            margin-top: 16px;
        }

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

        .hero-visual {
            position: relative;
        }

        .phone-mockup {
            width: 100%;
            max-width: 380px;
            margin: 0 auto;
            background: var(--bg-tertiary);
            border-radius: 40px;
            border: 3px solid var(--border);
            overflow: hidden;
            box-shadow: var(--shadow-lg);
        }

        .phone-notch {
            width: 50%;
            height: 28px;
            background: var(--bg-primary);
            margin: 12px auto 0;
            border-radius: 20px;
        }

        .phone-screen {
            padding: 20px;
            min-height: 500px;
        }

        .call-status {
            display: flex;
            align-items: center;
            gap: 12px;
            padding: 16px;
            background: rgba(59, 130, 246, 0.1);
            border-radius: 12px;
            margin-top: 20px;
        }

        .call-status-icon {
            width: 40px;
            height: 40px;
            background: var(--accent);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .call-status-text {
            font-size: 0.875rem;
        }

        .call-status-time {
            font-weight: 600;
            color: var(--accent);
        }

        .realtime-call {
            display: flex;
            flex-direction: column;
            gap: 8px;
            margin-top: 20px;
        }

        .call-bubble {
            max-width: 85%;
            padding: 12px 16px;
            border-radius: 16px;
            font-size: 0.9rem;
            animation: slideIn 0.3s ease-out;
        }

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

        .call-bubble.ai {
            background: var(--bg-secondary);
            border: 1px solid var(--border);
            align-self: flex-start;
            border-bottom-left-radius: 4px;
        }

        .call-bubble.customer {
            background: var(--accent);
            align-self: flex-end;
            border-bottom-right-radius: 4px;
        }

        .typing-indicator {
            display: flex;
            gap: 4px;
            padding: 12px 16px;
            background: var(--bg-secondary);
            border-radius: 16px;
            width: fit-content;
            border: 1px solid var(--border);
        }

        .typing-indicator span {
            width: 8px;
            height: 8px;
            background: var(--text-muted);
            border-radius: 50%;
            animation: typing 1.4s infinite;
        }

        .typing-indicator span:nth-child(2) { animation-delay: 0.2s; }
        .typing-indicator span:nth-child(3) { animation-delay: 0.4s; }

        @keyframes typing {
            0%, 60%, 100% { transform: translateY(0); }
            30% { transform: translateY(-6px); }
        }

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

        .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.125rem;
        }

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

        .stat-card {
            padding: 32px;
            background: var(--bg-tertiary);
            border-radius: 20px;
            border: 1px solid var(--border);
            text-align: center;
            transition: all 0.3s ease;
        }

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

        .stat-value {
            font-size: 3.5rem;
            font-weight: 700;
            color: var(--accent);
            margin-bottom: 8px;
        }

        .stat-label {
            font-size: 1.125rem;
            color: var(--text-primary);
            margin-bottom: 8px;
        }

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

        .lost-revenue {
            margin-top: 60px;
            padding: 40px;
            background: linear-gradient(135deg, rgba(239, 68, 68, 0.1) 0%, rgba(239, 68, 68, 0.05) 100%);
            border: 1px solid rgba(239, 68, 68, 0.2);
            border-radius: 20px;
            text-align: center;
        }

        .lost-revenue h3 {
            color: var(--danger);
            margin-bottom: 12px;
        }

        .lost-revenue p {
            color: var(--text-secondary);
            max-width: 600px;
            margin: 0 auto;
        }

        /* Speed Section */
        .speed-section {
            padding: 100px 0;
        }

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

        .speed-card {
            padding: 32px;
            background: var(--bg-secondary);
            border-radius: 20px;
            border: 1px solid var(--border);
            position: relative;
            overflow: hidden;
        }

        .speed-card::before {
            content: '';
            position: absolute;
            top: 0;
            left:


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>Voice Assistant (Premium) | AI Receptionist for Australian Businesses | Sunaiva</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. 68% of calls come after-hours.">

    <!-- Open Graph -->
    <meta property="og:type" content="website">
    <meta property="og:title" content="Voice Assistant (Premium) | AI Receptionist for Australian Businesses">
    <meta property="og:description" content="Replace your $55K/year receptionist with a $197/month AI that never calls in sick and answers every call. 68% of calls come after-hours.">
    <meta property="og:url" content="https://voiceassistant.au">
    <meta property="og:site_name" content="voiceassistant.au">

    <!-- Schema.org -->
    <script type="application/    {
        "@context": "httpsld+json">
://schema.org",
        "@type": "SoftwareApplication",
        "name": "Voice Assistant (Premium)",
        "applicationCategory": "BusinessApplication",
        "operatingSystem": "Web, iOS, Android",
        "offers": {
            "@type": "Offer",
            "price": "197",
            "priceCurrency": "AUD",
            "description": "Essentials plan - AI voice assistant for small businesses"
        },
        "provider": {
            "@type": "Organization",
            "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": "Our AI is trained to handle common enquiries and can transfer calls to you or your team when needed. It can also take messages and send them via SMS or email instantly. You stay in control."
                }
            },
            {
                "@type": "Question",
                "name": "Can customers tell they're talking to an AI?",
                "acceptedAnswer": {
                    "@type": "Answer",
                    "text": "Our AI uses natural Australian speech patterns and sounds remarkably human. Most callers can't tell the difference. The focus is on solving their problem quickly and professionally."
                }
            },
            {
                "@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 setup wizard and pre-built templates for common industries. No coding required."
                }
            },
            {
                "@type": "Question",
                "name": "Is my data secure and compliant with Australian privacy laws?",
                "acceptedAnswer": {
                    "@type": "Answer",
                    "text": "Absolutely. We're fully compliant with the Australian Privacy Act and store all data on Australian servers. Your customer information stays secure."
                }
            },
            {
                "@type": "Question",
                "name": "Can I customise the AI's voice and responses?",
                "acceptedAnswer": {
                    "@type": "Answer",
                    "text": "Yes. You can choose from several Australian voices, customise greetings, and tailor responses to match your business needs and brand voice."
                }
            },
            {
                "@type": "Question",
                "name": "What industries do you support?",
                "acceptedAnswer": {
                    "@type": "Answer",
                    "text": "We support trades, medical, legal, real estate, beauty, hospitality, and many more. Our AI comes pre-trained for common industry scenarios."
                }
            },
            {
                "@type": "Question",
                "name": "Do you offer a free trial?",
                "acceptedAnswer": {
                    "@type": "Answer",
                    "text": "Yes! Start your free 14-day trial with no credit card required. Experience the full capabilities of your AI receptionist risk-free."
                }
            }
        ]
    }
    </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;
            --border: #2D3748;
            --gradient-accent: 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, '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 20px;
        }

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

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

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

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

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

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

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

        .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-accent);
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

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

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

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

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

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

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

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

        .hero-content {
            position: relative;
            z-index: 1;
            text-align: center;
            max-width: 900px;
            margin: 0 auto;
        }

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

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

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

        .hero p {
            font-size: 1.25rem;
            color: var(--text-secondary);
            margin-bottom: 40px;
            animation: fadeInUp 0.6s ease-out 0.2s both;
        }

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

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

        .cost-item.human {
            background: var(--bg-secondary);
            border: 1px solid var(--border);
        }

        .cost-item.ai {
            background: linear-gradient(135deg, rgba(59, 130, 246, 0.2) 0%, rgba(139, 92, 246, 0.2) 100%);
            border: 1px solid var(--accent);
            position: relative;
        }

        .cost-item.ai::before {
            content: 'SAVE $63,636/YR';
            position: absolute;
            top: -12px;
            left: 50%;
            transform: translateX(-50%);
            background: var(--success);
            color: white;
            font-size: 0.75rem;
            font-weight: 700;
            padding: 4px 12px;
            border-radius: 20px;
        }

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

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

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

        .cost-item.ai .cost-price {
            color: var(--accent);
        }

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

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

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

        .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.125rem;
        }

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

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

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

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

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

        .stat-sub {
            color: var(--text-muted);
            font-size: 0.875rem;
            margin-top: 8px;
        }

        /* After Hours Section */
        .after-hours {
            padding: 100px 0;
        }

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

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

        .after-hours-content h2 {
            margin-bottom: 24px;
        }

        .after-hours-content p {
            color: var(--text-secondary);
            font-size: 1.125rem;
            margin-bottom: 24px;
        }

        .after-hours-list {
            list-style: none;
        }

        .after-hours-list li {
            display: flex;
            align-items: flex-start;
            gap: 12px;
            margin-bottom: 16px;
            color: var(--text-secondary);
        }

        .after-hours-list li svg {
            width: 24px;
            height: 24px;
            fill: var(--success);
            flex-shrink: 0;
            margin-top: 2px;
        }

        /* Hourly Chart */
        .chart-container {
            background: var(--bg-secondary);
            border: 1px solid var(--border);
            border-radius: 20px;
            padding: 32px;
        }

        .chart-title {
            font-size: 1.25rem;
            font-weight: 600;
            margin-bottom: 24px;
            text-align: center;
        }

        .hourly-chart {
            display: flex;
            align-items: flex-end;
            justify-content: space-between;
            height: 200px;
            gap: 4px;
            padding: 0 8px;
        }

        .hour-bar {
            flex: 1;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 8px;
        }

        .bar {
            width: 100%;
            background: var(--bg-tertiary);
            border-radius: 4px 4px 0 0;
            transition: all 0.3s ease;
            position: relative;
        }

        .bar::after {
            content: attr(data-value);
            position: absolute;
            top: -24px;
            left: 50%;
            transform: translateX(-50%);
            font-size: 0.625rem;
            color: var(--text-muted);
            opacity: 0;
            transition: opacity 0.3s;
        }

        .hour-bar:hover


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>Voice Assistant (Premium) | AI Receptionist for Australian Business | voiceassistant.au</title>
    <meta name="description" content="Replace your $55K/year receptionist with a $197/month AI that never calls in sick. Never miss a call again. Book jobs 24/7. Free 14-day trial.">

    <!-- Open Graph -->
    <meta property="og:title" content="Voice Assistant (Premium) | AI Receptionist for Australian Business">
    <meta property="og:description" content="Never miss a call again. Replace your $55K/year receptionist with a $197/month AI that works 24/7.">
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://voiceassistant.au">
    <meta property="og:image" content="https://voiceassistant.au/og-image.jpg">

    <!-- Twitter Card -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="Voice Assistant (Premium) - AI Receptionist">
    <meta name="twitter:description" content="Never miss a call. Replace your $55K/year receptionist with $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": "Voice Assistant (Premium)",
        "applicationCategory": "BusinessApplication",
        "operatingSystem": "Web, iOS, Android",
        "offers": {
            "@type": "Offer",
            "price": "197",
            "priceCurrency": "AUD",
            "availability": "https://schema.org/InStock"
        },
        "description": "AI-powered voice assistant that answers calls, books jobs, and handles enquiries 24/7 for Australian businesses."
    }
    </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 to handle common enquiries and will transfer to a human team member when needed. You can set custom escalation rules for complex queries. The system also learns from interactions to improve over time."}},
            {"@type": "Question", "name": "Can customers tell they're talking to AI?", "acceptedAnswer": {"@type": "Answer", "text": "Our AI uses natural language processing and sounds like a professional Australian receptionist. Most callers cannot tell they're speaking with AI until informed. The voice is warm, conversational, and can handle interruptions naturally."}},
            {"@type": "Question", "name": "What integrations are available?", "acceptedAnswer": {"@type": "Answer", "text": "We integrate with Google Calendar, Microsoft 365, popular CRMs (Salesforce, HubSpot, Pipedrive), SMS notifications, email summaries, Zapier, Make.com (formerly Integromat), and custom webhooks. We also offer API access for custom integrations."}},
            {"@type": "Question", "name": "How long does setup take?", "acceptedAnswer": {"@type": "Answer", "text": "Most businesses are up and running in under 10 minutes. Our no-code setup means you don't need developer help. Simply configure your business hours, FAQ responses, and escalation rules through our dashboard."}},
            {"@type": "Question", "name": "Is my data secure and compliant?", "acceptedAnswer": {"@type": "Answer", "text": "Yes. We're fully compliant with the Australian Privacy Act 1988. All data is stored on Australian servers with enterprise-grade encryption. We never share your customer data with third parties."}},
            {"@type": "Question", "name": "What happens if the AI goes down?", "acceptedAnswer": {"@type": "Answer", "text": "We guarantee 99.9% uptime with redundant systems. In the unlikely event of an outage, calls are automatically routed to your designated backup number. Our 24/7 support team monitors all systems continuously."}},
            {"@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. There are no termination fees. If you cancel, you'll retain access until the end of your billing period."}}
        ]
    }
    </script>

    <style>
        :root {
            --bg-primary: #0B0C0E;
            --bg-secondary: #141619;
            --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;
            --success-glow: rgba(16, 185, 129, 0.3);
            --warning: #F59E0B;
            --danger: #EF4444;
            --border: #2D3139;
            --gradient-accent: linear-gradient(135deg, #3B82F6 0%, #1D4ED8 100%);
            --gradient-success: linear-gradient(135deg, #10B981 0%, #059669 100%);
        }

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

        html {
            scroll-behavior: smooth;
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        .section-header h2 {
            margin-bottom: 1rem;
        }

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

        /* Hero */
        .hero {
            min-height: 100vh;
            display: flex;
            align-items: center;
            padding: 8rem 0 5rem;
            background:
                radial-gradient(ellipse at 20% 20%, rgba(59, 130, 246, 0.15) 0%, transparent 50%),
                radial-gradient(ellipse at 80% 80%, rgba(16, 185, 129, 0.1) 0%, transparent 50%),
                var(--bg-primary);
            position: relative;
            overflow: hidden;
        }

        .hero::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%233B82F6' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
            opacity: 0.5;
        }

        .hero-content {
            position: relative;
            z-index: 1;
            text-align: center;
            max-width: 900px;
            margin: 0 auto;
        }

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

        .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-out 0.1s backwards;
        }

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

        .hero-subtitle {
            font-size: 1.25rem;
            color: var(--text-secondary);
            margin-bottom: 2.5rem;
            animation: fadeInUp 0.6s ease-out 0.2s backwards;
        }

        /* Cost Comparison */
        .cost-comparison {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 2rem;
            flex-wrap: wrap;
            margin-bottom: 3rem;
            animation: fadeInUp 0.6s ease-out 0.3s backwards;
        }

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

        .cost-card.highlight {
            background: linear-gradient(135deg, rgba(59, 130, 246, 0.15) 0%, rgba(16, 185, 129, 0.15) 100%);
            border-color: var(--accent);
            box-shadow: 0 0 40px var(--accent-glow);
        }

        .cost-card h4 {
            font-size: 0.875rem;
            color: var(--text-muted);
            margin-bottom: 0.5rem;
            text-transform: uppercase;
            letter-spacing: 0.05em;
        }

        .cost-card .price {
            font-size: 2.5rem;
            font-weight: 700;
            color: var(--text-primary);
        }

        .cost-card .price small {
            font-size: 1rem;
            color: var(--text-muted);
        }

        .cost-card.highlight .price {
            color: var(--success);
        }

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

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

        .hero-cta {
            display: flex;
            gap: 1rem;
            justify-content: center;
            flex-wrap: wrap;
            animation: fadeInUp 0.6s ease-out 0.4s backwards;
        }

        /* Problem Section */
        .problem {
            background: var(--bg-secondary);
            border-top: 1px solid var(--border);
            border-bottom: 1px solid var(--border);
        }

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

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

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

        .problem-stat {
            font-size: 4rem;
            font-weight: 700;
            background: linear-gradient(135deg, var(--danger) 0%, var(--warning) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            margin-bottom: 0.5rem;
        }

        .problem-card h4 {
            font-size: 1.25rem;
            margin-bottom: 0.75rem;
        }

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

        /* Integrations Section */
        .integrations {
            background: var(--bg-primary);
        }

        .integrations-intro {
            text-align: center;
            max-width: 700px;
            margin: 0 auto 3rem;
        }

        .integrations-intro h2 {
            margin-bottom: 1rem;
        }

        .integrations-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
            gap: 1rem;
            margin-bottom: 4rem;
        }

        .integration-item {
            background: var(--bg-secondary);
            border: 1px solid var(--border);
            border-radius: 12px;
            padding: 1.5rem;
            text-align: center;
            transition: all 0.3s ease;
            display: flex;
            flex-direction: column;


Response:
<!DOCTYPE html>
<html lang="en-AU">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Voice Assistant (Premium) | AI Receptionist for Australian Businesses | Sunaiva</title>
    <meta name="description" content="Replace your $55K/year receptionist with a $197/month AI that never calls in sick. Premium Australian voice assistant that answers every call in under 1 second. Start free 14-day trial.">

    <meta property="og:type" content="website">
    <meta property="og:title" content="Voice Assistant (Premium) | Never Miss Another Call">
    <meta property="og:description" content="Replace your $55K/year receptionist with a $197/month AI. Premium Australian voice assistant that answers every call in under 1 second.">
    <meta property="og:image" content="https://sunaiva.com/og-voiceassistant.png">
    <meta property="og:url" content="https://voiceassistant.au">
    <meta property="og:site_name" content="Sunaiva">

    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="Voice Assistant (Premium) | Never Miss Another Call">
    <meta name="twitter:description" content="Replace your $55K/year receptionist with a $197/month AI. Premium Australian voice assistant.">

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

    <style>
        :root {
            --bg-primary: #0B0C0E;
            --bg-secondary: #111318;
            --bg-tertiary: #1A1D24;
            --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);
            --warning: #F59E0B;
            --border: #2D3038;
            --border-light: #3D424D;
        }

        * {
            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;
        }

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

        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: linear-gradient(135deg, var(--accent) 0%, var(--success) 100%);
            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;
            align-items: center;
        }

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

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

        .nav-cta {
            background: var(--accent);
            color: white !important;
            padding: 10px 20px;
            border-radius: 8px;
            font-weight: 500;
            transition: all 0.2s;
        }

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

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

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

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

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

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

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

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

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

        .hero-subtitle {
            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 both;
        }

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

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

        .cost-card.highlight {
            background: linear-gradient(135deg, rgba(59, 130, 246, 0.1) 0%, rgba(16, 185, 129, 0.1) 100%);
            border-color: var(--accent);
            position: relative;
        }

        .cost-card.highlight::before {
            content: 'SAVE 96%';
            position: absolute;
            top: -12px;
            left: 50%;
            transform: translateX(-50%);
            background: var(--success);
            color: white;
            font-size: 11px;
            font-weight: 700;
            padding: 4px 12px;
            border-radius: 100px;
            letter-spacing: 0.5px;
        }

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

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

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

        .cost-card:not(.highlight) .cost-value {
            text-decoration: line-through;
            color: var(--text-muted);
        }

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

        .hero-cta {
            display: inline-flex;
            align-items: center;
            gap: 12px;
            background: var(--accent);
            color: white;
            padding: 18px 36px;
            border-radius: 12px;
            font-size: 18px;
            font-weight: 600;
            text-decoration: none;
            transition: all 0.3s;
            animation: fadeInUp 0.6s ease-out 0.4s both;
        }

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

        .hero-cta svg {
            width: 20px;
            height: 20px;
        }

        .hero-note {
            margin-top: 20px;
            font-size: 14px;
            color: var(--text-muted);
            animation: fadeInUp 0.6s ease-out 0.5s both;
        }

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

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

        .fade-in {
            opacity: 0;
            transform: translateY(30px);
            transition: all 0.6s ease-out;
        }

        .fade-in.visible {
            opacity: 1;
            transform: translateY(0);
        }

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

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

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

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

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

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

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

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

        .stat-icon {
            width: 64px;
            height: 64px;
            background: var(--accent-glow);
            border-radius: 16px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 20px;
        }

        .stat-icon svg {
            width: 32px;
            height: 32px;
            fill: var(--accent);
        }

        .stat-value {
            font-size: 48px;
            font-weight: 800;
            color: var(--accent);
            margin-bottom: 8px;
        }

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

        .stat-loss {
            margin-top: 16px;
            padding-top: 16px;
            border-top: 1px solid var(--border);
            font-size: 14px;
            color: var(--warning);
        }

        /* Voice Quality Section */
        .voice-quality {
            padding: 100px 0;
        }

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

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

        .voice-features {
            display: flex;
            flex-direction: column;
            gap: 24px;
        }

        .voice-feature {
            display: flex;
            gap: 16px;
            padding: 20px;
            background: var(--bg-secondary);
            border-radius: 12px;
            border: 1px solid var(--border);
            transition: all 0.3s;
        }

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

        .voice-feature-icon {
            width: 48px;
            height: 48px;
            background: var(--success-glow);
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
        }

        .voice-feature-icon svg {
            width: 24px;
            height: 24px;
            fill: var(--success);
        }

        .voice-feature h4 {
            font-size: 18px;
            margin-bottom: 6px;
        }

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

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

        .transcript-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 24px;
            padding-bottom: 16px;
            border-bottom: 1px solid var(--border);
        }

        .transcript-title {
            font-size: 16px;
            font-weight: 600;
        }

        .transcript-badge {
            font-size: 12px;
            background: var(--success-glow);
            color: var(--success);
            padding: 4px 12px;
            border-radius: 100px;
        }

        .transcript-content {
            display: flex;
            flex-direction: column;
            gap: 16px;
        }

        .transcript-line {
            display: flex;
            gap: 12px;
            align-items: flex-start;
        }

        .transcript-avatar {
            width: 36px;
            height: 36px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            font-size: 14px;
            font-weight: 600;
        }

        .transcript-avatar.customer {
            background: var(--text-muted);
            color: var(--bg-primary);
        }

        .transcript-avatar.ai {
            background: var(--accent);
            color: white;
        }

        .transcript-text {
            flex: 1;
            padding: 12px 16px;
            border-radius: 12px;
            font-size: 14px;
            line-height: 1.5;
        }

        .transcript-line.customer .transcript-text {
            background: var(--bg-tertiary);
        }

        .transcript-line.ai .transcript-text {
            background: var(--accent-glow);
        }

        .transcript-label {
            font-size: 11px;
            font-weight: 600;
            color: var(--text-muted);
            margin-bottom: 4px;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

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

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

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


Response:
```html
<!DOCTYPE html>
<html lang="en-AU">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Voice Assistant (Premium) - AI-powered voice agent that answers calls 24/7. Replace your $55K/year receptionist with a $197/month AI that never calls in sick.">
    <meta name="keywords" content="AI voice assistant, virtual receptionist, AI phone answering, business automation, Australian AI">
    <meta name="author" content="Sunaiva">
    <meta name="robots" content="index, follow">

    <!-- Open Graph -->
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://voiceassistant.au">
    <meta property="og:title" content="Voice Assistant (Premium) | AI Receptionist for Australian Businesses">
    <meta property="og: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.">
    <meta property="og:image" content="https://voiceassistant.au/og-image.jpg">
    <meta property="og:site_name" content="voiceassistant.au">

    <!-- Twitter Card -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="Voice Assistant (Premium) | AI Receptionist">
    <meta name="twitter:description" content="Replace your $55K/year receptionist with a $197/month AI.">

    <title>Voice Assistant (Premium) | AI Receptionist for Australian Businesses</title>

    <!-- Schema.org -->
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "SoftwareApplication",
        "name": "Voice Assistant (Premium)",
        "alternateName": "voiceassistant.au",
        "applicationCategory": "BusinessApplication",
        "operatingSystem": "Web, iOS, Android",
        "offers": {
            "@type": "Offer",
            "price": "197",
            "priceCurrency": "AUD",
            "description": "Essentials - AI Voice Agent",
            "priceSpecification": {
                "@type": "PriceSpecification",
                "price": "197",
                "priceCurrency": "AUD",
                "billingIncrement": "1",
                "billingPeriod": "month"
            }
        },
        "aggregateRating": {
            "@type": "AggregateRating",
            "ratingValue": "4.9",
            "reviewCount": "247",
            "bestRating": "5"
        },
        "provider": {
            "@type": "Organization",
            "name": "Sunaiva",
            "url": "https://sunaiva.com"
        },
        "description": "AI-powered voice assistant that answers calls, books jobs, and handles enquiries 24/7 for Australian businesses."
    }
    </script>

    <style>
        :root {
            --bg-primary: #0B0C0E;
            --bg-secondary: #141618;
            --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;
            --gradient: linear-gradient(135deg, #3B82F6 0%, #8B5CF6 100%);
            --border: rgba(255, 255, 255, 0.08);
            --card-bg: rgba(28, 31, 36, 0.6);
        }

        * {
            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: 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, h5, h6 {
            font-weight: 700;
            line-height: 1.2;
        }

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

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

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

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

        .logo-icon {
            width: 36px;
            height: 36px;
            background: var(--gradient);
            border-radius: 8px;
            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.2s;
        }

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

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

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

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

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

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

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

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

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

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

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

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

        .hero h1 span {
            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);
            margin-bottom: 48px;
            max-width: 700px;
            margin-left: auto;
            margin-right: auto;
        }

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

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

        .cost-card.featured {
            border-color: var(--accent);
            box-shadow: 0 0 40px rgba(59, 130, 246, 0.15);
        }

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

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

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

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

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

        .cost-savings {
            display: inline-block;
            background: rgba(16, 185, 129, 0.1);
            color: var(--success);
            padding: 8px 16px;
            border-radius: 8px;
            font-weight: 600;
            margin-top: 16px;
        }

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

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

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

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

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

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

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

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

        .stat-card:hover {
            transform: translateY(-4px);
        }

        .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 24px;
            font-size: 2rem;
        }

        .stat-value {
            font-size: 3.5rem;
            font-weight: 800;
            color: var(--error);
            margin-bottom: 8px;
        }

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

        .stat-note {
            margin-top: 16px;
            font-size: 0.875rem;
            color: var(--text-muted);
        }

        /* Growth Section */
        .growth {
            padding: 100px 0;
            position: relative;
        }

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

        .growth-card {
            background: var(--card-bg);
            border: 1px solid var(--border);
            border-radius: 20px;
            padding: 40px;
            position: relative;
            overflow: hidden;
        }

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

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

        .growth-card h3 {
            margin-bottom: 16px;
        }

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

        .growth-math {
            background: var(--bg-tertiary);
            border-radius: 12px;
            padding: 20px;
            font-family: 'Monaco', 'Menlo', monospace;
        }

        .growth-math-row {
            display: flex;
            justify-content: space-between;
            padding: 8px 0;
            border-bottom: 1px solid var(--border);
        }

        .growth-math-row:last-child {
            border-bottom: none;
            font-weight: 700;
            color: var(--success);
            font-size: 1.25rem;
        }

        .growth-result {
            text-align: center;
            margin-top: 40px;
            padding: 32px;
            background: rgba(16, 185, 129, 0.1);
            border-radius: 16px;
            border: 1px solid rgba(16, 185, 129, 0.2);
        }

        .growth-result .value {
            font-size: 3rem;
            font-weight: 800;
            color: var(--success);
        }

        .growth-result .label {
            font-size: 1.125rem;
            color: var(--text-secondary);
        }

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

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

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

        .demo-widget {
            background: var(--card-bg);
            border: 1px solid var(--border);
            border-radius: 20px;
            padding: 32px;
            position: relative;
        }

        .demo-widget-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 24px;
            padding-bottom: 16px;
            border-bottom: 1px solid var(--border);
        }

        .demo-status {
            display: flex;
            align-items: center;
            gap: 8px;
            font-size: 0.875rem;
            color: var(--success);
        }

        .demo-status::before {
            content: '';
            width: 8px;
            height: 8px;
            background: var(--success);
            border-radius: 50%;
            animation: blink 2


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, never takes a lunch break, and answers every single 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, never takes a lunch break, and answers every single call in under 1 second.">

    <!-- 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": "AI-powered voice receptionist that answers calls, books jobs, and handles enquiries 24/7"
    }
    </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-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;
        }

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

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

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

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

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

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

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

        .btn-large {
            padding: 18px 36px;
            font-size: 18px;
        }

        /* 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: 16px 0;
        }

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

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

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

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

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

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

        .hero::before {
            content: '';
            position: absolute;
            top: -50%;
            left: -20%;
            width: 140%;
            height: 200%;
            background: radial-gradient(ellipse at center, rgba(59, 130, 246, 0.15) 0%, transparent 60%);
            pointer-events: none;
        }

        .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;
            animation: fadeInUp 0.6s ease-out;
        }

        .hero h1 {
            font-size: clamp(40px, 6vw, 64px);
            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-subtitle {
            font-size: 20px;
            color: var(--text-secondary);
            max-width: 600px;
            margin-bottom: 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: 20px;
            padding: 32px;
            margin-bottom: 40px;
            animation: fadeInUp 0.6s ease-out 0.3s backwards;
        }

        .cost-comparison h3 {
            font-size: 18px;
            color: var(--text-secondary);
            margin-bottom: 20px;
            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.3);
        }

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

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

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

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

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

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

        .cost-item .actual-price {
            font-size: 28px;
            color: var(--accent-green);
            font-weight: 700;
        }

        .savings-badge {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            background: var(--accent-green);
            color: white;
            padding: 12px 24px;
            border-radius: 50px;
            font-weight: 600;
            margin-top: 24px;
        }

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

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

        .problem-stat {
            margin-bottom: 32px;
        }

        .big-stat {
            font-size: 80px;
            font-weight: 800;
            background: var(--gradient);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            line-height: 1;
        }

        .stat-label {
            font-size: 20px;
            color: var(--text-secondary);
            margin-top: 8px;
        }

        .loss-amount {
            font-size: 32px;
            font-weight: 700;
            color: #EF4444;
            margin: 16px 0;
        }

        .problem-visual {
            background: var(--bg-tertiary);
            border-radius: 20px;
            padding: 32px;
            border: 1px solid var(--border);
        }

        .call-metrics {
            display: flex;
            flex-direction: column;
            gap: 16px;
        }

        .metric-bar {
            position: relative;
            height: 48px;
            background: var(--bg-primary);
            border-radius: 8px;
            overflow: hidden;
        }

        .metric-fill {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            display: flex;
            align-items: center;
            padding: 0 16px;
            font-weight: 600;
            border-radius: 8px;
        }

        .metric-fill.missed {
            background: #EF4444;
            width: 62%;
        }

        .metric-fill.answered {
            background: var(--accent-green);
            width: 38%;
        }

        .metric-labels {
            display: flex;
            justify-content: space-between;
            margin-top: 8px;
            font-size: 14px;
            color: var(--text-secondary);
        }

        /* Comparison Table Section */
        .comparison {
            padding: 100px 0;
        }

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

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

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

        .comparison-table-wrapper {
            overflow-x: auto;
            border-radius: 20px;
            border: 1px solid var(--border);
        }

        .comparison-table {
            width: 100%;
            min-width: 800px;
            border-collapse: collapse;
            background: var(--bg-secondary);
        }

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

        .comparison-table th {
            background: var(--bg-tertiary);
            font-weight: 600;
            font-size: 14px;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            color: var(--text-secondary);
        }

        .comparison-table th.human-col {
            color: #EF4444;
        }

        .comparison-table th.ai-col {
            color: var(--accent-green);
        }

        .comparison-table tr:last-child td {
            border-bottom: none;
        }

        .comparison-table td {
            font-size: 15px;
        }

        .comparison-table td:first-child {
            font-weight: 500;
            color: var(--text-secondary);
        }

        .check-icon {
            color: var(--accent-green);
            font-size: 20px;
        }

        .cross-icon {
            color: #EF4444;
            font-size: 20px;
        }

        .partial-icon {
            color: #F59E0B;
            font-size: 20px;
        }

        .highlight-row {
            background: rgba(59, 130, 246, 0.1);
        }

        .winner-badge {
            display: inline-block;
            padding: 4px 10px;
            border-radius: 4px;
            font-size: 12px;
            font-weight: 600;
        }

        .winner-badge.ai {
            background: rgba(16, 185, 129, 0.2);
            color: var(--accent-green);
        }

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

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

        .demo-widget {
            background: var(--bg-tertiary);
            border: 1px solid var(--border);
            border-radius: 20px;
            padding: 32px;
            min-height: 400px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            position: relative;
            overflow: hidden;
        }

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

        .phone-mockup {
            width: 200px;
            height: 400px;
            background: var(--bg-primary);
            border-radius: 32px;
            border: 3px solid var(--border);
            position: relative;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: 20px;
        }

        .phone-notch {
            position: absolute;
            top: 12px;
            width: 80px;
            height: 24px;
            background: var(--bg-tertiary);
            border-radius: 12px;
        }

        .call-animation {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 16px;
        }

        .call-icon {
            width: 64px;
            height: 64