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 for Australian Businesses | Never Miss Another Call</title>
    <meta name="description" content="Replace your $55K/year receptionist with a $197/month AI voice assistant. 24/7 coverage, instant answers, Australian accent. Start your free 14-day trial.">

    <!-- Open Graph -->
    <meta property="og:title" content="Voice Assistant for Australian Businesses | Never Miss Another Call">
    <meta property="og:description" content="Replace your $55K/year receptionist with a $197/month AI that never calls in sick. 24/7 coverage, instant answers.">
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://voiceassistant.com.au">
    <meta property="og:image" content="https://voiceassistant.com.au/og-image.jpg">
    <meta property="og:site_name" content="Voice Assistant">

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

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

    <!-- Schema Markup -->
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "SoftwareApplication",
        "name": "Voice Assistant by Sunaiva",
        "applicationCategory": "BusinessApplication",
        "operatingSystem": "Web, iOS, Android",
        "offers": {
            "@type": "Offer",
            "price": "197",
            "priceCurrency": "AUD",
            "priceSpecification": {
                "@type": "PriceSpecification",
                "pricePerUnit": "197",
                "unitCode": "MON"
            }
        },
        "description": "AI voice assistant for Australian businesses that answers calls, books appointments, and handles enquiries 24/7.",
        "aggregateRating": {
            "@type": "AggregateRating",
            "ratingValue": "4.9",
            "reviewCount": "247"
        },
        "provider": {
            "@type": "Organization",
            "name": "Sunaiva",
            "url": "https://sunaiva.com.au"
        }
    }
    </script>

    <style>
        :root {
            --bg-primary: #0B0C0E;
            --bg-secondary: #141619;
            --bg-card: #1A1D21;
            --bg-card-hover: #22262B;
            --text-primary: #F9FAFB;
            --text-secondary: #9CA3AF;
            --text-muted: #6B7280;
            --accent: #3B82F6;
            --accent-hover: #2563EB;
            --accent-glow: rgba(59, 130, 246, 0.3);
            --success: #10B981;
            --warning: #F59E0B;
            --border: #2D3139;
            --gradient-start: #3B82F6;
            --gradient-end: #8B5CF6;
        }

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

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

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

        .text-gradient {
            background: linear-gradient(135deg, var(--gradient-start), var(--gradient-end));
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

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

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

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

        /* Sections */
        section {
            padding: 80px 0;
        }

        /* 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(--accent);
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

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

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

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

        /* Hero Section */
        .hero {
            padding-top: 140px;
            padding-bottom: 100px;
            position: relative;
            overflow: hidden;
        }

        .hero::before {
            content: '';
            position: absolute;
            top: -50%;
            left: 50%;
            transform: translateX(-50%);
            width: 800px;
            height: 800px;
            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;
            padding: 8px 16px;
            background: var(--bg-card);
            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);
            max-width: 600px;
            margin: 0 auto 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-card {
            padding: 24px 32px;
            border-radius: 16px;
            text-align: center;
            min-width: 200px;
        }

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

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

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

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

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

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

        .cost-sub {
            font-size: 0.75rem;
            color: var(--text-muted);
            margin-top: 4px;
        }

        .vs-badge {
            width: 48px;
            height: 48px;
            background: var(--accent);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 700;
            font-size: 0.875rem;
        }

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

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

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

        .stat-card {
            background: var(--bg-card);
            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);
            line-height: 1;
        }

        .stat-label {
            font-size: 1rem;
            color: var(--text-secondary);
            margin-top: 12px;
        }

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

        /* How It Works Section */
        .how-it-works {
            position: relative;
        }

        .tech-diagram {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 24px;
            margin-top: 48px;
        }

        .tech-step {
            background: var(--bg-card);
            border: 1px solid var(--border);
            border-radius: 16px;
            padding: 32px;
            position: relative;
            overflow: hidden;
        }

        .tech-step::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 4px;
            height: 100%;
            background: var(--accent);
        }

        .step-number {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 40px;
            height: 40px;
            background: var(--accent);
            border-radius: 10px;
            font-weight: 700;
            margin-bottom: 16px;
        }

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

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

        .tech-icon {
            font-size: 2rem;
            margin-bottom: 16px;
        }

        /* Audio Comparison */
        .audio-comparison {
            margin-top: 64px;
            padding: 48px;
            background: var(--bg-card);
            border: 1px solid var(--border);
            border-radius: 24px;
        }

        .audio-comparison h3 {
            text-align: center;
            margin-bottom: 32px;
        }

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

        .audio-sample {
            text-align: center;
        }

        .audio-sample h4 {
            margin-bottom: 16px;
            color: var(--text-secondary);
        }

        .audio-player {
            background: var(--bg-secondary);
            border-radius: 12px;
            padding: 24px;
            margin-bottom: 12px;
        }

        .audio-visual {
            height: 60px;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 4px;
        }

        .audio-bar {
            width: 4px;
            background: var(--accent);
            border-radius: 2px;
            animation: audioWave 1s ease-in-out infinite;
        }

        .audio-bar:nth-child(2) { animation-delay: 0.1s; }
        .audio-bar:nth-child(3) { animation-delay: 0.2s; }
        .audio-bar:nth-child(4) { animation-delay: 0.3s; }
        .audio-bar:nth-child(5) { animation-delay: 0.4s; }

        @keyframes audioWave {
            0%, 100% { height: 20px; }
            50% { height: 50px; }
        }

        .audio-sample.old .audio-bar {
            background: var(--text-muted);
        }

        .audio-sample.new .audio-bar {
            background: var(--success);
        }

        .play-btn {
            background: var(--accent);
            border: none;
            color: white;
            padding: 12px 24px;
            border-radius: 8px;
            cursor: pointer;
            font-weight: 600;
            transition: all 0.3s;
        }

        .play-btn: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 | 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 miss a call again. 14-day free trial.">

    <!-- Open Graph -->
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://voiceassistant.com.au">
    <meta property="og:title" content="Voice Assistant - 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.com.au/og-image.jpg">

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

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

    <!-- Schema Markup -->
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "SoftwareApplication",
        "name": "Voice Assistant by Sunaiva",
        "applicationCategory": "BusinessApplication",
        "operatingSystem": "Web",
        "offers": {
            "@type": "Offer",
            "price": "197",
            "priceCurrency": "AUD"
        },
        "description": "AI 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. It can take messages, book callbacks, and escalate urgent matters instantly."
                }
            },
            {
                "@type": "Question",
                "name": "Can customers tell they're talking to an AI?",
                "acceptedAnswer": {
                    "@type": "Answer",
                    "text": "Our AI uses natural Australian voice technology with contextual understanding. Most callers can't tell they're speaking with an AI - it sounds like a professional receptionist."
                }
            },
            {
                "@type": "Question",
                "name": "How long does setup take?",
                "acceptedAnswer": {
                    "@type": "Answer",
                    "text": "Most businesses are up and running in under 10 minutes. No coding required - just configure your business hours, services, and FAQ responses."
                }
            },
            {
                "@type": "Question",
                "name": "Is my customer data secure?",
                "acceptedAnswer": {
                    "@type": "Answer",
                    "text": "Absolutely. We're 100% Australian-owned, host data on Australian servers, and are fully compliant with the Privacy Act 1988."
                }
            },
            {
                "@type": "Question",
                "name": "Can it integrate with my existing software?",
                "acceptedAnswer": {
                    "@type": "Answer",
                    "text": "Yes! We integrate with popular Australian platforms including CalSync, ServiceM8, Jobber, and can connect via API to most CRMs."
                }
            },
            {
                "@type": "Question",
                "name": "What happens after hours?",
                "acceptedAnswer": {
                    "@type": "Answer",
                    "text": "The AI works 24/7, 365 days a year. After hours calls are handled the same way - bookings, messages, and urgent escalations are all processed."
                }
            },
            {
                "@type": "Question",
                "name": "Do you offer a free trial?",
                "acceptedAnswer": {
                    "@type": "Answer",
                    "text": "Yes! Start your free 14-day trial today. No credit card required. Experience the difference an AI receptionist can make."
                }
            }
        ]
    }
    </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);
            --secondary: #10B981;
            --secondary-hover: #059669;
            --danger: #EF4444;
            --warning: #F59E0B;
            --border: #2D3748;
            --gradient: linear-gradient(135deg, #3B82F6 0%, #10B981 100%);
        }

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

        html {
            scroll-behavior: smooth;
        }

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

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

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

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

        .logo {
            font-size: 1.5rem;
            font-weight: 800;
            background: var(--gradient);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

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

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

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

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

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

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

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

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

        .hero-badge .dot {
            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 {
            font-size: clamp(2.5rem, 6vw, 4.5rem);
            font-weight: 800;
            line-height: 1.1;
            margin-bottom: 24px;
            animation: fadeInUp 0.6s ease-out 0.1s backwards;
        }

        .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);
            max-width: 600px;
            margin-bottom: 40px;
            animation: fadeInUp 0.6s ease-out 0.2s backwards;
        }

        /* Cost Comparison Box */
        .cost-comparison {
            background: var(--bg-secondary);
            border: 1px solid var(--border);
            border-radius: 16px;
            padding: 30px;
            display: flex;
            align-items: center;
            gap: 40px;
            max-width: 700px;
            margin-bottom: 40px;
            animation: fadeInUp 0.6s ease-out 0.3s backwards;
            flex-wrap: wrap;
        }

        .cost-item {
            flex: 1;
            min-width: 200px;
        }

        .cost-item.receptionist .cost-label {
            color: var(--danger);
        }

        .cost-item.ai .cost-label {
            color: var(--secondary);
        }

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

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

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

        .cost-savings {
            background: var(--secondary);
            color: white;
            padding: 10px 20px;
            border-radius: 8px;
            font-weight: 700;
            font-size: 1.125rem;
        }

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

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

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

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

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

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

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

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

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

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

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

        /* The Problem */
        .problem-stats {
            background: linear-gradient(135deg, var(--bg-secondary) 0%, var(--bg-tertiary) 100%);
            border: 1px solid var(--border);
            border-radius: 20px;
            padding: 60px;
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 40px;
        }

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

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

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

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

        /* Use Cases */
        .use-cases-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
            gap: 24px;
        }

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

        .use-case-card:hover {
            border-color: var(--accent);
            transform: translateY(-5px);
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
        }

        .use-case-icon {
            width: 50px;
            height: 50px;
            background: var(--bg-tertiary);
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.5rem;
            margin-bottom: 20px;
        }

        .use-case-title {
            font-size: 1.25rem;
            font-weight: 600;
            margin-bottom: 8px;
        }

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

        .conversation {
            background: var(--bg-primary);
            border-radius: 12px;
            padding: 20px;
            font-family: 'Monaco', 'Consolas', monospace;
            font-size: 0.8125rem;
        }

        .conversation-line {
            margin-bottom: 12px;
            padding-left: 15px;
            border-left: 3px solid var(--border);
        }

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

        .conversation-line.ai {
            border-left-color: var(--secondary);
            color: var(--text-secondary);
        }

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

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

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

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

        .demo-widget-preview {
            background: var(--bg-tertiary


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 Assistant for Australian Businesses | Never Miss Another Call</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. Book your free trial today.">

    <!-- Open Graph -->
    <meta property="og:title" content="AI Voice Assistant - 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:type" content="website">
    <meta property="og:url" content="https://voiceassistant.com.au">
    <meta property="og:image" content="https://voiceassistant.com.au/og-image.jpg">

    <!-- Schema.org -->
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "SoftwareApplication",
        "name": "Sunaiva Voice Assistant",
        "applicationCategory": "BusinessApplication",
        "operatingSystem": "Web, iOS, Android",
        "offers": {
            "@type": "Offer",
            "price": "197",
            "priceCurrency": "AUD"
        },
        "description": "AI 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 question?",
                "acceptedAnswer": {
                    "@type": "Answer",
                    "text": "The AI is trained to handle common enquiries and will professionally take a message or transfer the call to your mobile. For complex queries, it can schedule a callback from your team."
                }
            },
            {
                "@type": "Question",
                "name": "Can customers tell it's AI?",
                "acceptedAnswer": {
                    "@type": "Answer",
                    "text": "Our AI uses natural Australian accent and conversational tone. Most callers can't tell it's AI until we tell them! It handles routine enquiries so seamlessly that customers are satisfied."
                }
            },
            {
                "@type": "Question",
                "name": "How long does setup take?",
                "acceptedAnswer": {
                    "@type": "Answer",
                    "text": "Setup takes about 10 minutes. No coding required. We guide you through configuring your business hours, FAQ responses, and call handling rules."
                }
            },
            {
                "@type": "Question",
                "name": "Is my data secure?",
                "acceptedAnswer": {
                    "@type": "Answer",
                    "text": "Absolutely. We're Australian-owned, use Australian servers, and are fully compliant with the Privacy Act. Your customer data is encrypted and never sold."
                }
            },
            {
                "@type": "Question",
                "name": "What industries do you support?",
                "acceptedAnswer": {
                    "@type": "Answer",
                    "text": "We support all Australian businesses including trades (plumbers, electricians), medical, legal, real estate, beauty, hospitality, and professional services."
                }
            },
            {
                "@type": "Question",
                "name": "Can it integrate with my existing systems?",
                "acceptedAnswer": {
                    "@type": "Answer",
                    "text": "Yes! We integrate with calendar systems, CRMs, booking platforms, and can send enquiries via email, SMS, or webhook to your existing tools."
                }
            },
            {
                "@type": "Question",
                "name": "What happens if I need to cancel?",
                "acceptedAnswer": {
                    "@type": "Answer",
                    "text": "No lock-in contracts. Cancel anytime with 30 days notice. You're in full control."
                }
            }
        ]
    }
    </script>

    <style>
        :root {
            --bg-primary: #0B0C0E;
            --bg-secondary: #151619;
            --bg-tertiary: #1C1E22;
            --text-primary: #E5E7EB;
            --text-secondary: #9CA3AF;
            --accent: #3B82F6;
            --accent-hover: #2563EB;
            --accent-green: #10B981;
            --accent-orange: #F59E0B;
            --border: #2D3139;
            --gradient: linear-gradient(135deg, #3B82F6 0%, #8B5CF6 100%);
        }

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

        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 20px;
        }

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

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

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

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

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

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

        .header-cta {
            background: var(--accent);
            color: white !important;
            padding: 10px 20px;
            border-radius: 8px;
            font-weight: 600;
        }

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

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

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

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

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

        .hero-badge {
            display: inline-block;
            background: rgba(59, 130, 246, 0.15);
            border: 1px solid rgba(59, 130, 246, 0.3);
            color: var(--accent);
            padding: 8px 16px;
            border-radius: 50px;
            font-size: 0.85rem;
            font-weight: 600;
            margin-bottom: 24px;
            animation: fadeInUp 0.8s ease-out;
        }

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

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

        .hero-subtitle {
            font-size: 1.25rem;
            color: var(--text-secondary);
            max-width: 700px;
            margin: 0 auto 40px;
            animation: fadeInUp 0.8s ease-out 0.2s both;
        }

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

        .cost-card {
            background: var(--bg-secondary);
            border: 1px solid var(--border);
            border-radius: 16px;
            padding: 30px 40px;
            text-align: center;
            transition: transform 0.3s, border-color 0.3s;
        }

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

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

        .cost-card.human:hover {
            border-color: var(--accent-orange);
        }

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

        .cost-card.ai:hover {
            border-color: var(--accent-green);
        }

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

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

        .cost-card.human .cost-value {
            color: var(--accent-orange);
            text-decoration: line-through;
            opacity: 0.7;
        }

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

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

        .cost-savings {
            background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(59, 130, 246, 0.2));
            border: 1px solid var(--accent-green);
            border-radius: 12px;
            padding: 16px 32px;
            display: inline-block;
            margin-top: 20px;
            animation: fadeInUp 0.8s ease-out 0.4s both;
        }

        .savings-label {
            font-size: 0.9rem;
            color: var(--accent-green);
            font-weight: 600;
        }

        .savings-amount {
            font-size: 1.5rem;
            font-weight: 800;
            color: var(--text-primary);
        }

        .hero-cta {
            display: inline-block;
            background: var(--gradient);
            color: white;
            padding: 18px 40px;
            border-radius: 12px;
            font-size: 1.1rem;
            font-weight: 700;
            text-decoration: none;
            transition: transform 0.3s, box-shadow 0.3s;
            animation: fadeInUp 0.8s ease-out 0.5s both;
        }

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

        .hero-note {
            color: var(--text-secondary);
            font-size: 0.9rem;
            margin-top: 16px;
        }

        @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;
            margin-bottom: 60px;
        }

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

        .section-title {
            font-size: clamp(2rem, 4vw, 3rem);
            font-weight: 800;
            margin-bottom: 20px;
        }

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

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

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

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

        .stat-number {
            font-size: 4rem;
            font-weight: 800;
            color: var(--accent-orange);
            line-height: 1;
            margin-bottom: 16px;
        }

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

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

        .cost-per-call {
            margin-top: 60px;
            background: var(--bg-tertiary);
            border: 1px solid var(--border);
            border-radius: 16px;
            padding: 40px;
            text-align: center;
        }

        .cost-per-call-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 30px;
            margin-top: 30px;
        }

        .industry-cost {
            padding: 20px;
        }

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

        .industry-value {
            font-size: 1.8rem;
            font-weight: 700;
            color: var(--accent-orange);
        }

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

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

        .speed-card {
            background: var(--bg-secondary);
            border: 1px solid var(--border);
            border-radius: 16px;
            padding: 40px;
            display: flex;
            align-items: flex-start;
            gap: 20px;
            transition: transform 0.3s, border-color 0.3s;
        }

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

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

        .speed-content h3 {
            font-size: 1.3rem;
            margin-bottom: 8px;
        }

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

        .speed-comparison {
            background: var(--bg-secondary);
            border: 1px solid var(--border);
            border-radius: 20px;
            overflow: hidden;
        }

        .comparison-header {
            background: var(--bg-tertiary);
            padding: 20px 40px;


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 | AI Receptionist for Australian Businesses | Sunaiva</title>
    <meta name="description" content="Never miss a call again. Our AI Voice Assistant answers calls 24/7, books jobs, and handles enquiries. Save $63,000/year vs a human receptionist. Start free trial.">

    <!-- Open Graph -->
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://voiceassistant.com.au">
    <meta property="og:title" content="AI Voice Assistant | Never Miss Another Call">
    <meta property="og:description" content="Replace your $55K/year receptionist with a $197/month AI that never calls in sick. 24/7 answering service for Australian businesses.">
    <meta property="og:image" content="https://voiceassistant.com.au/og-image.jpg">

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

    <!-- Schema.org -->
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "SoftwareApplication",
        "name": "Voice Assistant by Sunaiva",
        "applicationCategory": "BusinessApplication",
        "operatingSystem": "Web, iOS, Android",
        "offers": {
            "@type": "Offer",
            "price": "197",
            "priceCurrency": "AUD"
        },
        "description": "AI-powered voice assistant that answers calls, books jobs, and handles enquiries 24/7 for Australian small businesses."
    }
    </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": "The AI is programmed to recognise when a query is beyond its capabilities. In these cases, it professionally takes a detailed message and immediately notifies you via SMS, email, or your preferred channel. You can also set up call routing to your mobile for urgent matters."
                }
            },
            {
                "@type": "Question",
                "name": "Can customers tell they're talking to AI?",
                "acceptedAnswer": {
                    "@type": "Answer",
                    "text": "Our AI uses natural language processing and sounds remarkably human with a friendly Australian accent. Most callers can't tell and assume they're speaking with a receptionist. However, we're transparent—our AI identifies itself when asked."
                }
            },
            {
                "@type": "Question",
                "name": "How long does setup take?",
                "acceptedAnswer": {
                    "@type": "Answer",
                    "text": "Setup takes approximately 10 minutes. You'll answer a few questions about your business, and we'll configure the AI with your specific responses, booking system, and escalation rules. No coding required."
                }
            },
            {
                "@type": "Question",
                "name": "What industries do you support?",
                "acceptedAnswer": {
                    "@type": "Answer",
                    "text": "We support all Australian small businesses including trades (plumbers, electricians), medical practices, legal firms, real estate agencies, beauty salons, restaurants, and more. The AI is trained on industry-specific terminology and booking requirements."
                }
            },
            {
                "@type": "Question",
                "name": "Is my customer data secure?",
                "acceptedAnswer": {
                    "@type": "Answer",
                    "text": "Absolutely. We're fully Privacy Act compliant, store data on Australian servers, and use enterprise-grade encryption. We never share your customer data with third parties."
                }
            },
            {
                "@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, script responses for common queries, and integrate with your existing booking calendar or CRM system."
                }
            },
            {
                "@type": "Question",
                "name": "What happens during the free trial?",
                "acceptedAnswer": {
                    "@type": "Answer",
                    "text": "You get full access to all features for 14 days. Your phone number routes to our AI immediately. You'll see real conversations, captured leads, and bookings. No credit card required to start."
                }
            }
        ]
    }
    </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.4);
            --success: #10B981;
            --success-glow: rgba(16, 185, 129, 0.3);
            --warning: #F59E0B;
            --gradient: linear-gradient(135deg, #3B82F6 0%, #8B5CF6 100%);
        }

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

        html {
            scroll-behavior: smooth;
        }

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

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

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

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

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

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

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

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

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

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

        /* Hero Section */
        .hero {
            min-height: 100vh;
            display: flex;
            align-items: center;
            padding: 120px 0 80px;
            position: relative;
            overflow: hidden;
        }

        .hero::before {
            content: '';
            position: absolute;
            top: -50%;
            right: -20%;
            width: 800px;
            height: 800px;
            background: radial-gradient(circle, 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;
            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-badge::before {
            content: '';
            width: 8px;
            height: 8px;
            background: var(--accent);
            border-radius: 50%;
            animation: pulse 2s infinite;
        }

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

        .hero h1 {
            font-size: 56px;
            font-weight: 800;
            line-height: 1.1;
            margin-bottom: 24px;
            animation: fadeInUp 0.6s ease-out 0.1s both;
        }

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

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

        .hero-cta-group {
            display: flex;
            gap: 16px;
            margin-bottom: 40px;
            animation: fadeInUp 0.6s ease-out 0.3s both;
        }

        .btn-primary {
            background: var(--accent);
            color: white;
            padding: 16px 32px;
            border-radius: 12px;
            font-size: 18px;
            font-weight: 600;
            text-decoration: none;
            transition: all 0.3s;
            border: none;
            cursor: pointer;
            display: inline-flex;
            align-items: center;
            gap: 8px;
        }

        .btn-primary:hover {
            background: var(--accent-hover);
            transform: translateY(-3px);
            box-shadow: 0 15px 40px var(--accent-glow);
        }

        .btn-secondary {
            background: transparent;
            color: var(--text-primary);
            padding: 16px 32px;
            border-radius: 12px;
            font-size: 18px;
            font-weight: 600;
            text-decoration: none;
            transition: all 0.3s;
            border: 1px solid rgba(255, 255, 255, 0.2);
        }

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

        /* Cost Comparison Card */
        .cost-comparison {
            background: var(--bg-secondary);
            border: 1px solid rgba(255, 255, 255, 0.1);
            border-radius: 20px;
            padding: 32px;
            animation: fadeInUp 0.6s ease-out 0.4s both;
        }

        .cost-comparison h3 {
            font-size: 18px;
            color: var(--text-secondary);
            margin-bottom: 20px;
            text-align: center;
        }

        .cost-items {
            display: flex;
            flex-direction: column;
            gap: 16px;
        }

        .cost-item {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 16px;
            border-radius: 12px;
            transition: all 0.3s;
        }

        .cost-item.human {
            background: rgba(245, 158, 11, 0.1);
            border: 1px solid rgba(245, 158, 11, 0.3);
        }

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

        .cost-label {
            display: flex;
            align-items: center;
            gap: 12px;
        }

        .cost-icon {
            width: 40px;
            height: 40px;
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 20px;
        }

        .cost-item.human .cost-icon {
            background: rgba(245, 158, 11, 0.2);
        }

        .cost-item.ai .cost-icon {
            background: rgba(16, 185, 129, 0.2);
        }

        .cost-text {
            font-weight: 600;
            font-size: 16px;
        }

        .cost-subtext {
            font-size: 13px;
            color: var(--text-muted);
        }

        .cost-value {
            text-align: right;
        }

        .cost-amount {
            font-size: 24px;
            font-weight: 700;
        }

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

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

        .cost-savings {
            margin-top: 20px;
            padding-top: 20px;
            border-top: 1px solid rgba(255, 255, 255, 0.1);
            text-align: center;
        }

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

        .savings-amount {
            font-size: 36px;
            font-weight: 800;
            color: var(--success);
            text-shadow: 0 0 30px var(--success-glow);
        }

        /* Hero Visual */
        .hero-visual {
            position: relative;
            animation: fadeInUp 0.8s ease-out 0.5s both;
        }

        .phone-mockup {
            background: var(--bg-secondary);
            border: 1px solid rgba(255, 255, 255, 0.1);
            border-radius: 40px;
            padding: 20px;
            max-width: 320px;
            margin: 0 auto;
            box-shadow: 0 50px 100px rgba(0, 0, 0, 0.5);
        }

        .phone-screen {
            background: var(--bg-primary);
            border-radius: 24px;
            padding: 20px;
            min-height: 500px;
            position: relative;
            overflow: hidden;
        }

        .phone-notch {
            position: absolute;
            top: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 120px;
            height: 24px;
            background: var(--bg-secondary);
            border-radius: 0 0 20px 20px;
        }

        .call-indicator {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 12px;
            padding: 40px 0 20px;
            margin-bottom: 20px;
        }

        .caller-avatar {
            width: 60px;
            height: 60px;
            border-radius: 50%;
            background: var(--gradient);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 24px;
            animation: ring 1s infinite;
        }

        @keyframes ring {
            0%, 100% { transform: rotate(0deg); }
            25% { transform: rotate(10deg); }
            75% { transform: rotate(-10deg); }
        }

        .call-status {
            text-align: center;
        }

        .call-number {
            font-size: 20px;
            font-weight: 600;
            margin-bottom: 4px;
        }

        .call-time {
            color: var(--success);
            font-size: 14px;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 6px;
        }

        .call-transcript {
            background: var(--bg-secondary);
            border-radius: 16px;
            padding: 16px;
            margin-top: 20px;
        }

        .transcript-line {
            display: flex;
            gap:


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 | 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. Answers every call in under 1 second. 24/7 AI voice assistant for trades, medical, legal, real estate, beauty.">

    <!-- Open Graph -->
    <meta property="og:title" content="Voice Assistant | 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 miss a call again.">
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://voiceassistant.com.au">
    <meta property="og:image" content="https://voiceassistant.com.au/og-image.jpg">
    <meta property="og:site_name" content="Voice Assistant">

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

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

    <!-- Schema.org -->
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "SoftwareApplication",
        "name": "Voice Assistant by Sunaiva",
        "applicationCategory": "BusinessApplication",
        "operatingSystem": "Web, iOS, Android",
        "offers": {
            "@type": "Offer",
            "price": "197",
            "priceCurrency": "AUD"
        },
        "description": "AI Voice Assistant that answers calls, books jobs, and handles enquiries 24/7 for Australian businesses.",
        "brand": {
            "@type": "Brand",
            "name": "Sunaiva"
        },
        "provider": {
            "@type": "Organization",
            "name": "Sunaiva",
            "url": "https://sunaiva.com.au"
        }
    }
    </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;
            --warning: #F59E0B;
            --border: #2D3139;
            --gradient: linear-gradient(135deg, #3B82F6 0%, #8B5CF6 100%);
        }

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

        html {
            scroll-behavior: smooth;
        }

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

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

        /* 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, 2vw, 1.5rem); }

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

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

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

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

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

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

        .btn-secondary:hover {
            background: var(--bg-tertiary);
            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);
        }

        .logo-icon {
            width: 36px;
            height: 36px;
            background: var(--gradient);
            border-radius: 8px;
            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);
            font-weight: 500;
            font-size: 0.95rem;
        }

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

        .header-cta {
            padding: 10px 20px;
            font-size: 0.9rem;
        }

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

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

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

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

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

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

        .hero-subtitle {
            font-size: 1.25rem;
            max-width: 600px;
            margin: 0 auto 40px;
            animation: fadeInUp 0.6s ease 0.2s both;
        }

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

        .cost-card {
            padding: 24px 32px;
            border-radius: 12px;
            text-align: center;
            min-width: 200px;
        }

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

        .cost-card.ai {
            background: var(--bg-tertiary);
            border: 2px solid var(--accent);
            box-shadow: 0 0 40px var(--accent-glow);
            transform: scale(1.05);
        }

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

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

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

        .cost-card.human .price {
            color: var(--text-muted);
            text-decoration: line-through;
        }

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

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

        .cost-card.ai .per { color: var(--accent); }

        .vs-badge {
            width: 48px;
            height: 48px;
            background: var(--gradient);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 700;
            font-size: 0.875rem;
        }

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

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

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

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

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

        .problem-card {
            background: var(--bg-primary);
            border: 1px solid var(--border);
            border-radius: 12px;
            padding: 32px;
            transition: transform 0.3s, border-color 0.3s;
        }

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

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

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

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

        .stat-highlight {
            color: #EF4444;
            font-weight: 700;
        }

        /* Integrations Section */
        .integrations {
            padding: 100px 0;
        }

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

        .integration-card {
            background: var(--bg-secondary);
            border: 1px solid var(--border);
            border-radius: 12px;
            padding: 28px;
            display: flex;
            align-items: flex-start;
            gap: 16px;
            transition: all 0.3s;
        }

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

        .integration-icon {
            width: 48px;
            height: 48px;
            background: var(--bg-tertiary);
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.5rem;
            flex-shrink: 0;
        }

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

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

        .workflow-section {
            background: var(--bg-secondary);
            border-radius: 16px;
            padding: 48px;
            margin-top: 40px;
        }

        .workflow-title {
            text-align: center;
            margin-bottom: 40px;
        }

        .workflow-steps {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            gap: 20px;
            flex-wrap: wrap;
        }

        .workflow-step {
            flex: 1;
            min-width: 200px;
            text-align: center;
            position: relative;
        }

        .workflow-step:not(:last-child)::after {
            content: '→';
            position: absolute;
            top: 30px;
            right: -20px;
            font-size: 1.5rem;
            color: var(--accent);
        }

        .step-number {
            width: 60px;
            height: 60px;
            background: var(--gradient);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 700;
            font-size: 1.25rem;
            margin: 0 auto 16px;
        }

        .workflow-step h4 {
            margin-bottom: 8px;
        }

        .workflow-step p {
            font-size: 0.875rem;
        }

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

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

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

        .demo-widget {
            background: var(--bg-primary);
            border: 1px solid var(--border);
            border-radius: 16px;
            padding: 32px;
            min-height: 400px;
            display: flex;
            flex-direction: column;
        }

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

        .widget-avatar {
            width: 48px;
            height: 48px;
            background: var(--gradient);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.25rem;
        }

        .widget-status {
            display: flex;


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 | 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. Natural Australian voice, 24/7 availability, instant answers.">

    <!-- Open Graph -->
    <meta property="og:title" content="Voice Assistant - Never Miss Another Call">
    <meta property="og:description" content="AI receptionist that speaks with a natural Australian accent. 24/7 availability for $197/month.">
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://voiceassistant.com.au">
    <meta property="og:image" content="https://voiceassistant.com.au/og-image.jpg">
    <meta property="og:site_name" content="Sunaiva Voice Assistant">

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

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

    <!-- Schema.org -->
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "SoftwareApplication",
        "name": "Sunaiva Voice Assistant",
        "applicationCategory": "BusinessApplication",
        "operatingSystem": "Web, iOS, Android",
        "offers": {
            "@type": "Offer",
            "price": "197",
            "priceCurrency": "AUD"
        },
        "description": "AI-powered voice assistant with natural Australian accent that answers calls, books jobs, and handles enquiries 24/7",
        "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 if the AI can't answer a customer's question?",
                "acceptedAnswer": {
                    "@type": "Answer",
                    "text": "The AI will politely inform the customer that it needs to connect them with a team member, and seamlessly transfer the call or take a detailed message with all relevant information."
                }
            },
            {
                "@type": "Question",
                "name": "Can customers tell it's AI?",
                "acceptedAnswer": {
                    "@type": "Answer",
                    "text": "Most customers can't tell. Our AI uses natural Australian speech patterns, appropriate pauses, and conversational fillers. It handles interruptions and adapts to different speaking styles."
                }
            },
            {
                "@type": "Question",
                "name": "How long does setup take?",
                "acceptedAnswer": {
                    "@type": "Answer",
                    "text": "Most businesses are up and running in under 10 minutes. No coding required. Simply configure your business hours, services, and FAQs through our dashboard."
                }
            },
            {
                "@type": "Question",
                "name": "Is my customer data secure?",
                "acceptedAnswer": {
                    "@type": "Answer",
                    "text": "Absolutely. We're fully compliant with the Australian Privacy Act, use enterprise-grade encryption, and store all data on Australian servers."
                }
            },
            {
                "@type": "Question",
                "name": "What industries do you support?",
                "acceptedAnswer": {
                    "@type": "Answer",
                    "text": "We support trades, medical, legal, real estate, beauty, hospitality, and more. Our AI can be customized for your specific industry requirements."
                }
            },
            {
                "@type": "Question",
                "name": "Can it handle multiple phone lines?",
                "acceptedAnswer": {
                    "@type": "Answer",
                    "text": "Yes, our Business and Growth plans support multiple phone lines and simultaneous calls. Each line can have its own custom configuration."
                }
            },
            {
                "@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 Voice Assistant risk-free."
                }
            }
        ]
    }
    </script>

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

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

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

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

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

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

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

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

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

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

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

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

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

        .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: var(--bg-tertiary);
            color: var(--text-primary);
            border: 1px solid var(--border);
        }

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

        /* 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% 30%, rgba(59, 130, 246, 0.08) 0%, transparent 50%),
                        radial-gradient(circle at 70% 70%, rgba(139, 92, 246, 0.05) 0%, transparent 50%);
            animation: float 20s ease-in-out infinite;
        }

        @keyframes float {
            0%, 100% { transform: translate(0, 0); }
            50% { transform: translate(-20px, 20px); }
        }

        .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-tertiary);
            border: 1px solid var(--border);
            border-radius: 50px;
            font-size: 14px;
            color: var(--text-secondary);
            margin-bottom: 32px;
            animation: fadeInUp 0.8s ease;
        }

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

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

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

        .hero h1 {
            font-size: clamp(36px, 6vw, 64px);
            font-weight: 700;
            line-height: 1.1;
            margin-bottom: 24px;
            animation: fadeInUp 0.8s ease 0.1s both;
        }

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

        .hero-subtitle {
            font-size: 20px;
            color: var(--text-secondary);
            margin-bottom: 48px;
            animation: fadeInUp 0.8s ease 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.8s ease 0.3s both;
        }

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

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

        .cost-card.ai {
            background: linear-gradient(135deg, rgba(59, 130, 246, 0.15) 0%, rgba(139, 92, 246, 0.15) 100%);
            border: 1px solid rgba(59, 130, 246, 0.3);
        }

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

        .cost-value {
            font-size: 32px;
            font-weight: 700;
        }

        .cost-card.human .cost-value {
            color: var(--text-secondary);
            text-decoration: line-through;
        }

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

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

        .cost-card.ai .cost-period {
            font-size: 16px;
            color: var(--accent);
        }

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

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

        .btn-large {
            padding: 16px 32px;
            font-size: 17px;
        }

        /* Section Headers */
        .section-header {
            text-align: center;
            margin-bottom: 60px;
        }

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

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

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

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

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

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

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

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

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

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

        .stat-highlight {
            color: #EF4444;
            font-weight: 600;
        }

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

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

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

        .voice-features h2 {
            font-size: clamp(28px, 4vw, 38px);
            margin-bottom: 24px;
        }

        .voice-features > p {
            color: var(--text-secondary);
            font-size: 17px;
            margin-bottom: 32px;
        }

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

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

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

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

        .feature-text strong {
            display: block;
            margin-bottom: 4px;
        }

        .feature-text span {
            color: var(--text-secondary);
            font-size: 15px;
        }

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

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

        .