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 Agent for Medical Clinics | Never Miss a Patient Call</title>
    <meta name="description" content="AI receptionist for GP clinics, specialist practices & allied health. 24/7 appointment booking, patient triage & bulk billing enquiries. Save $52K/year vs human receptionist.">

    <!-- Schema.org MedicalClinic Markup -->
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "MedicalClinic",
        "name": "Sunaiva AI for Medical Clinics",
        "description": "AI Voice Agent solution for medical practice reception - handles calls, bookings & patient enquiries 24/7",
        "areaServed": "Australia",
        "serviceType": ["Medical Reception", "Appointment Scheduling", "Patient Triage"],
        "priceRange": "$$"
    }
    </script>

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

        :root {
            --bg-primary: #0B0C0E;
            --bg-secondary: #151820;
            --bg-tertiary: #1E2029;
            --text-primary: #E5E7EB;
            --text-secondary: #9CA3AF;
            --accent-blue: #3B82F6;
            --accent-green: #10B981;
            --accent-teal: #14B8A6;
            --accent-red: #EF4444;
            --border-color: #2D2F3A;
            --font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, sans-serif;
        }

        html {
            scroll-behavior: smooth;
        }

        body {
            font-family: var(--font-family);
            background-color: var(--bg-primary);
            color: var(--text-primary);
            line-height: 1.6;
            overflow-x: hidden;
        }

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

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

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

        .text-center { text-align: center; }
        .text-accent { color: var(--accent-blue); }
        .text-green { color: var(--accent-green); }
        .text-secondary { color: var(--text-secondary); }

        /* Buttons */
        .btn {
            display: inline-block;
            padding: 1rem 2rem;
            border-radius: 8px;
            font-weight: 600;
            font-size: 1rem;
            text-decoration: none;
            transition: all 0.3s ease;
            cursor: pointer;
            border: none;
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

        .hero h1 {
            margin-bottom: 1.5rem;
        }

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

        .hero-stats {
            display: flex;
            gap: 3rem;
            margin-top: 3rem;
            padding-top: 2rem;
            border-top: 1px solid var(--border-color);
        }

        .stat {
            text-align: left;
        }

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

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

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

        .section-header {
            text-align: center;
            margin-bottom: 4rem;
        }

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

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

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

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

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

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

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

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

        /* Compliance Section */
        .compliance {
            padding: 5rem 0;
            background: var(--bg-primary);
        }

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

        .compliance-item {
            display: flex;
            align-items: flex-start;
            gap: 1rem;
            padding: 1.5rem;
            background: var(--bg-secondary);
            border-radius: 12px;
            border: 1px solid var(--border-color);
        }

        .compliance-icon {
            width: 48px;
            height: 48px;
            background: rgba(16, 185, 129, 0.1);
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            font-size: 1.25rem;
        }

        .compliance-item h4 {
            margin-bottom: 0.5rem;
            font-size: 1.1rem;
        }

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

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

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

        .badge-icon {
            width: 24px;
            height: 24px;
            background: var(--accent-green);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 0.75rem;
        }

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

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

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

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

        .feature-number {
            font-size: 0.75rem;
            font-weight: 700;
            color: var(--accent-blue);
            text-transform: uppercase;
            letter-spacing: 1px;
            margin-bottom: 1rem;
        }

        .feature-card h3 {
            margin-bottom: 0.75rem;
        }

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

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

        .calculator-card {
            background: var(--bg-tertiary);
            border-radius: 16px;
            padding: 3rem;
            border: 1px solid var(--border-color);
            max-width: 700px;
            margin: 0 auto;
        }

        .calculator-title {
            text-align: center;
            margin-bottom: 2rem;
        }

        .calculator-row {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 1.5rem 0;
            border-bottom: 1px solid var(--border-color);
        }

        .calculator-row:last-of-type {
            border-bottom: none;
        }

        .calc-label {
            color: var(--text-secondary);
        }

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

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

        .calc-original {
            text-decoration: line-through;
            color: var(--text-secondary);
            font-size: 1rem;
        }

        .calculator-note {
            text-align: center;
            margin-top: 2rem;
            color: var(--text-secondary);
            font-size: 0.9rem;
        }

        /* Testimonial Section */
        .testimonial {
            padding: 5rem 0;
            background: var(--bg-primary);
        }

        .testimonial-card {
            background: var(--bg-secondary);
            border-radius: 16px;
            padding: 3rem;
            border: 1px solid var(--border-color);
            max-width: 800px;
            margin: 0 auto;
            position: relative;
        }

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

        .testimonial-quote::before {
            content: '"';
            font-size: 4rem;
            color: var(--accent-blue);
            opacity: 0.3;
            line-height: 0;
            display: block;
            margin-bottom: 1rem;
        }

        .testimonial-author {
            display: flex;
            align-items: center;
            gap: 1rem;
        }

        .author-avatar {
            width: 56px;
            height: 56px;
            background: var(--accent-blue);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 700;
            font-size: 1.25rem;
        }

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

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

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

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

        .pricing-card {
            background: var(--bg-primary);
            border-radius: 16px;
            padding: 2.5rem;
            border: 1px solid var(--border-color);
            transition: all 0.3s ease;
            position: relative;
        }

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

        .pricing-card.featured::before {
            content: 'Most Popular';
            position: absolute;
            top: -12px;
            left: 50%;
            transform: translateX(-50%);
            background: var(--accent-blue);
            color: white;
            padding: 0.25rem 1rem;
            border-radius: 20px;
            font-size: 0.75rem;
            font-weight: 600;
        }

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

        .pricing-name {
            font-size: 1.25rem;
            font-weight: 600;
            margin-bottom: 0.5rem;
        }

        .pricing-desc {
            color: var(--text-secondary);
            font-size: 0.9rem;
            margin-bottom: 1.5rem;
        }

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

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

        .pricing-features {
            list-style: none;
            margin: 2rem 0;
            padding: 0;
        }

        .pricing-features li {
            padding: 0.75rem 0;
            color: var(--text-secondary);
            display: flex;
            align-items: center;
            gap: 0.75rem;
            font-size: 0.95rem;
        }

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

        /* FAQ Section */
        .faq {
            padding: 5rem 0;
            background: var(--bg-primary);
        }

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

        .faq-item {
            background: var(--bg-secondary);
            border-radius: 12px;
            margin-bottom: 1rem;
            border: 1px solid var(--border-color);
            overflow: hidden;
        }

        .faq-question {
            padding: 1.5rem;
            cursor: pointer;
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-weight: 600;
            font-size: 1.05rem;
        }

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

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

        .faq-answer {
            padding: 0 1.5rem;
            max-height: 0;
            overflow: hidden;
            transition: all 0.3s ease;
        }

        .faq-item.active .faq-answer {
            padding: 0 1.5rem 1.5rem;
            max-height: 300px;
        }

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

        /* Trust Section */
        .trust {
            padding: 4rem 0;
            background: var(--bg-secondary);
        }

        .trust-content {
            text-align: center;
        }

        .trust-number {
            font-size: 4rem;
            font-weight: 700;
            color: var(--accent-blue);
            margin-bottom: 0.5rem;
        }

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

        /* Footer */
        footer {
            padding: 3rem 0;
            background: var(--bg-primary);
            border-top: 1px solid var(--border-color);
        }

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

        .footer-brand {
            font-size: 1.25rem;
            font-weight: 700;
        }

        .footer-brand span {
            color: var(--accent-blue);
        }

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

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

            .hero-stats {
                flex-direction: column;
                gap: 1.5rem;
            }

            .trust-badges {
                flex-direction: column;
                align-items: center;
            }

            .calculator-card {
                padding: 2rem 1.5rem;
            }

            .footer-content {
                flex-direction: column;
                text-align: center;
            }
        }

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

        .animate-in {
            animation: fadeInUp 0.6s ease forwards;
        }

        .delay-1 { animation-delay: 0.1s; }
        .delay-2 { animation-delay: 0.2s; }
        .delay-3 { animation-delay: 0.3s; }
    </style>
</head>
<body>
    <!-- Navigation -->
    <nav>
        <div class="container nav-container">
            <a href="#" class="logo">Sunaiva<span>.</span></a>
            <ul class="nav-links">
                <li><a href="#features">Features</a></li>
                <li><a href="#compliance">Compliance</a></li>
                <li><a href="#pricing">Pricing</a></li>
                <li><a href="#faq">FAQ</a></li>
            </ul>
            <a href="#pricing" class="btn btn-primary">Get Started</a>
        </div>
    </nav>

    <!-- Hero Section -->
    <section class="hero">
        <div class="container">
            <div class="hero-content">
                <h1>Medical Clinic AI Voice Agent</h1>
                <p>Never miss a patient call. Your AI receptionist handles appointments, triage questions, and bulk billing enquiries 24/7—while you focus on patient care.</p>
                <div style="display: flex; gap: 1rem; flex-wrap: wrap;">
                    <a href="#pricing" class="btn btn-primary">Start Free Trial</a>
                    <a href="#features" class="btn btn-secondary">See Features</a>
                </div>
                <div class="hero-stats">
                    <div class="stat">
                        <div class="stat-value">62%</div>
                        <div class="stat-label">of clinic calls go unanswered</div>
                    </div>
                    <div class="stat">
                        <div class="stat-value">$52K+</div>
                        <div class="stat-label">saved annually vs receptionist</div>
                    </div>
                    <div class="stat">
                        <div class="stat-value">24/7</div>
                        <div class="stat-label">patient coverage</div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Pain Points Section -->
    <section class="pain-points">
        <div class="container">
            <div class="section-header">
                <h2>Common Challenges for <span class="text-accent">Medical Clinics</span></h2>
                <p>Running a busy practice means every missed call could mean a lost patient. Here's why clinics switch to Sunaiva.</p>
            </div>
            <div class="pain-grid">
                <div class="pain-card">
                    <div class="pain-icon">📞</div>
                    <h3>Missed Calls During Consultations</h3>
                    <p>When you're with a patient, calls go to voicemail. That voicemail may never get returned—costing you an average of $200+ per missed enquiry in lost revenue.</p>
                </div>
                <div class="pain-card">
                    <div class="pain-icon">😫</div>
                    <h3>Overwhelmed Reception Staff</h3>
                    <p>Peak periods create call queues that frustrate patients. Long wait times damage your reputation and push patients to competitors with modern booking systems.</p>
                </div>
                <div class="pain-card">
                    <div class="pain-icon">🌙</div>
                    <h3>After-Hours Enquiries Lost</h3>
                    <p>Patients often call outside business hours for urgent matters or to book appointments. Without coverage, you're missing 30% of potential bookings.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Compliance Section -->
    <section class="compliance" id="compliance">
        <div class="container">
            <div class="section-header">
                <h2>Built for <span class="text-green">Healthcare Compliance</span></h2>
                <p>Your patients' data is sensitive. Our AI is designed with Australian healthcare privacy requirements top of mind.</p>
            </div>
            <div class="compliance-grid">
                <div class="compliance-item">
                    <div class="compliance-icon">🔒</div>
                    <div>
                        <h4>Strict Privacy Compliance</h4>
                        <p>AI handles patient enquiries without storing sensitive data. All conversations follow Australian Privacy Principles (APP).</p>
                    </div>
                </div>
                <div class="compliance-item">
                    <div class="compliance-icon">🏥</div>
                    <div>
                        <h4>Clinical Triage Support</h4>
                        <p>AI asks appropriate screening questions to assess urgency. Emergencies are immediately transferred to your on-call doctor or redirected to 000.</p>
                    </div>
                </div>
                <div class="compliance-item">
                    <div class="compliance-icon">💳</div>
                    <div>
                        <h4>Medicare & Billing Enquiries</h4>
                        <p>Patients can ask about bulk billing eligibility, out-of-pocket costs, and appointment fees. AI provides accurate information based on your practice settings.</p>
                    </div>
                </div>
                <div class="compliance-item">
                    <div class="compliance-icon">🇦🇺</div>
                    <div>
                        <h4>Australian Data Sovereignty</h4>
                        <p>All patient data is processed and stored on Australian servers. Full compliance with My Health Records and RACGP data handling guidelines.</p>
                    </div>
                </div>
            </div>
            <div class="trust-badges">
                <div class="badge">
                    <div class="badge-icon">✓</div>
                    <span>HIPAA-Ready Architecture</span>
                </div>
                <div class="badge">
                    <div class="badge-icon">✓</div>
                    <span>RACGP Compliant</span>
                </div>
                <div class="badge">
                    <div class="badge-icon">✓</div>
                    <span>ISO 27001 Certified</span>
                </div>
                <div class="badge">
                    <div class="badge-icon">✓</div>
                    <span>AusPost Secure Messaging</span>
                </div>
            </div>
        </div>
    </section>

    <!-- Features Section -->
    <section class="features" id="features">
        <div class="container">
            <div class="section-header">
                <h2>Everything Your <span class="text-accent">Reception Team Needs</span></h2>
                <p>Purpose-built features for modern medical practices.</p>
            </div>
            <div class="feature-grid">
                <div class="feature-card">
                    <div class="feature-number">01</div>
                    <h3>Smart Appointment Scheduling</h3>
                    <p>AI books, reschedules, and cancels appointments directly into your calendar. Handles complex rules like appointment types, provider availability, and buffer times.</p>
                </div>
                <div class="feature-card">
                    <div class="feature-number">02</div>
                    <h3>Emergency Triage & Prioritisation</h3>
                    <p>AI assesses symptom urgency using evidence-based protocols. Critical cases get immediate escalation to your on-call doctor or emergency services.</p>
                </div>
                <div class="feature-card">
                    <div class="feature-number">03</div>
                    <h3>Patient Intake & History</h3>
                    <p>Collect reason for visit, symptoms, and Medicare details before the appointment. Information flows directly to your practice management software.</p>
                </div>
                <div class="feature-card">
                    <div class="feature-number">04</div>
                    <h3>24/7 After-Hours Coverage</h3>
                    <p>Patients can book, ask about services, and get urgent triage any time—including weekends, public holidays, and after closing time.</p>
                </div>
                <div class="feature-card">
                    <div class="feature-number">05</div>
                    <h3>Multi-Language Support</h3>
                    <p>Communicate with diverse patient populations in English, Mandarin, Vietnamese, Arabic, Greek, and more. Break down language barriers in healthcare.</p>
                </div>
                <div class="feature-card">
                    <div class="feature-number">06</div>
                    <h3>Industry Software Integration</h3>
                    <p>Connects with MedicalDirector, Best Practice, CliniCapture, and other major Australian practice management systems. Syncs appointments in real-time.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Calculator Section -->
    <section class="calculator">
        <div class="container">
            <div class="calculator-card">
                <div class="calculator-title">
                    <h2>Cost Savings Calculator</h2>
                    <p class="text-secondary">See how much your clinic can save with AI</p>
                </div>
                <div class="calculator-row">
                    <span class="calc-label">Full-time Receptionist (Salary + On-costs)</span>
                    <span class="calc-value">$55,000<span>/yr</span></span>
                </div>
                <div class="calculator-row">
                    <span class="calc-label">Sunaiva AI (Essentials Plan)</span>
                    <span class="calc-value calc-original">$2,364<span>/yr</span></span>
                </div>
                <div class="calculator-row">
                    <span class="calc-label">Your Annual Savings</span>
                    <span class="calc-value savings">$52,636<span>/yr</span></span>
                </div>
                <p class="calculator-note">*Based on average Australian medical receptionist salary of $55K/year (including superannuation, leave loading, and oncosts). AI pricing at Essentials tier $197/month.</p>
            </div>
        </div>
    </section>

    <!-- Testimonial Section -->
    <section class="testimonial">
        <div class="container">
            <div class="testimonial-card">
                <p class="testimonial-quote">Since installing Sunaiva, we haven't missed a single after-hours enquiry. Our patients love being able to book appointments at 9pm on a Sunday. The triage feature has actually helped us identify urgent cases faster—we had a patient with chest pain symptoms escalated to our on-call GP within minutes. It's transformed our practice.</p>
                <div class="testimonial-author">
                    <div class="author-avatar">DR</div>
                    <div class="author-info">
                        <h4>Dr. Rebecca Chen</h4>
                        <p>Principal GP, Riverside Family Medical Practice, Melbourne</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Pricing Section -->
    <section class="pricing" id="pricing">
        <div class="container">
            <div class="section-header">
                <h2>Simple, Transparent <span class="text-accent">Pricing</span></h2>
                <p>No hidden fees. No lock-in contracts. Cancel anytime.</p>
            </div>
            <div class="pricing-grid">
                <div class="pricing-card">
                    <div class="pricing-name">Essentials</div>
                    <div class="pricing-desc">For small practices just getting started</div>
                    <div class="pricing-price">$197<span>/mo</span></div>
                    <ul class="pricing-features">
                        <li>Unlimited voice calls</li>
                        <li>Appointment scheduling</li>
                        <li>After-hours coverage</li>
                        <li>Basic triage questions</li>
                        <li>Email & chat support</li>
                    </ul>
                    <a href="#" class="btn btn-secondary" style="width: 100%; text-align: center;">Start Free Trial</a>
                </div>
                <div class="pricing-card featured">
                    <div class="pricing-name">Business</div>
                    <div class="pricing-desc">For growing clinics needing more features</div>
                    <div class="pricing-price">$397<span>/mo</span></div>
                    <ul class="pricing-features">
                        <li>Everything in Essentials</li>
                        <li>Advanced triage protocols</li>
                        <li>Medicare/billing enquiries</li>
                        <li>Multi-language support</li>
                        <li>Practice software integration</li>
                        <li>Priority support</li>
                    </ul>
                    <a href="#" class="btn btn-primary" style="width: 100%; text-align: center;">Start Free Trial</a>
                </div>
                <div class="pricing-card">
                    <div class="pricing-name">Growth</div>
                    <div class="pricing-desc">For multi-location practices</div>
                    <div class="pricing-price">$597<span>/mo</span></div>
                    <ul class="pricing-features">
                        <li>Everything in Business</li>
                        <li>Multiple clinic locations</li>
                        <li>Custom voice training</li>
                        <li>Dedicated account manager</li>
                        <li>Advanced analytics</li>
                        <li>API access</li>
                    </ul>
                    <a href="#" class="btn btn-secondary" style="width: 100%; text-align: center;">Start Free Trial</a>
                </div>
            </div>
        </div>
    </section>

    <!-- FAQ Section -->
    <section class="faq" id="faq">
        <div class="container">
            <div class="section-header">
                <h2>Frequently Asked <span class="text-accent">Questions</span></h2>
            </div>
            <div class="faq-grid">
                <div class="faq-item">
                    <div class="faq-question">Is the AI compliant with Australian privacy laws?</div>
                    <div class="faq-answer">
                        <p>Yes. Sunaiva is designed to comply with the Australian Privacy Principles (APP), RACGP guidelines, and HIPAA-ready architecture. Patient data is processed on Australian servers with enterprise-grade encryption. The AI doesn't store sensitive medical history—just appointment details and basic contact information.</p>
                    </div>
                </div>
                <div class="faq-item">
                    <div class="faq-question">Can the AI handle medical triage questions?</div>
                    <div class="faq-answer">
                        <p>Absolutely. Our AI is trained on evidence-based clinical triage protocols and can ask appropriate screening questions to assess urgency. If symptoms indicate an emergency (chest pain, difficulty breathing, severe bleeding), it immediately escalates to your on-call doctor or advises the patient to call 000.</p>
                    </div>
                </div>
                <div class="faq-item">
                    <div class="faq-question">Does it integrate with my practice management software?</div>
                    <div class="faq-answer">
                        <p>Yes. Sunaiva integrates with major Australian systems including MedicalDirector, Best Practice, CliniCapture, and Genie. We can also work with most other systems via standard APIs. Our team handles the integration setup at no additional cost on Business and Growth plans.</p>
                    </div>
                </div>
                <div class="faq-item">
                    <div class="faq-question">Can patients ask about Medicare and bulk billing?</div>
                    <div class="faq-answer">
                        <p>Yes. You can configure the AI with your practice's billing policies—which appointment types are bulk billed, your standard fees, and any out-of-pocket costs. Patients can ask these questions and receive accurate answers based on your specific settings.</p>
                    </div>
                </div>
                <div class="faq-item">
                    <div class="faq-question">What happens if the AI can't handle a query?</div>
                    <div class="faq-answer">
                        <p>The AI is designed to know its limits. For complex medical questions, it transfers the call to your on-call doctor. For non-urgent administrative queries it can't resolve, it takes a detailed message and sends it to your team via SMS and email. You can also set specific office hours beyond which calls always transfer to your reception team.</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Trust Section -->
    <section class="trust">
        <div class="container">
            <div class="trust-content">
                <div class="trust-number">250+</div>
                <p class="trust-text">Medical Clinic businesses across Australia trust Sunaiva</p>
            </div>
        </div>
    </section>

    <!-- Footer -->
    <footer>
        <div class="container footer-content">
            <div class="footer-brand">Sunaiva<span>.</span></div>
            <p class="footer-powered">Powered by Sunaiva — Australian AI Voice Agents</p>
        </div>
    </footer>

    <!-- FAQ Toggle Script -->
    <script>
        document.querySelectorAll('.faq-question').forEach(question => {
            question.addEventListener('click', () => {
                const item = question.parentElement;
                item.classList.toggle('active');
            });
        });
    </script>
</body>
</html>
```


Response:
<!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 Agent for Medical Clinics | Never Miss a Patient Call</title>
    <meta name="description" content="AI receptionist for GP clinics, specialist practices & allied health. 24/7 coverage, appointment booking, triage & Medicare handling. Save $52K/year vs human receptionist.">

    <!-- Schema.org MedicalClinic markup -->
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "MedicalClinic",
        "name": "Sunaiva - AI Voice Agent for Medical Clinics",
        "description": "AI-powered voice agent handling patient calls, appointment scheduling, triage and enquiries for medical practices across Australia",
        "areaServed": "Australia",
        "serviceType": ["Medical Phone Reception", "Appointment Scheduling", "Patient Triage"],
        "priceRange": "$$"
    }
    </script>

    <style>
        :root {
            --bg-primary: #0B0C0E;
            --bg-secondary: #141619;
            --bg-card: #1A1D21;
            --text-primary: #E5E7EB;
            --text-secondary: #9CA3AF;
            --accent-blue: #3B82F6;
            --accent-green: #10B981;
            --accent-red: #EF4444;
            --border-color: #2D3139;
            --font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
        }

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

        html {
            scroll-behavior: smooth;
        }

        body {
            font-family: var(--font-family);
            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 {
            background: rgba(11, 12, 14, 0.95);
            backdrop-filter: blur(10px);
            border-bottom: 1px solid var(--border-color);
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            z-index: 1000;
            padding: 15px 0;
        }

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

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

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

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

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

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

        .cta-button {
            background: var(--accent-blue);
            color: white;
            padding: 12px 24px;
            border-radius: 8px;
            text-decoration: none;
            font-weight: 600;
            transition: all 0.3s;
            border: none;
            cursor: pointer;
            font-size: 1rem;
        }

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

        .cta-button.secondary {
            background: transparent;
            border: 2px solid var(--accent-blue);
        }

        /* Hero Section */
        .hero {
            padding: 160px 0 100px;
            background: radial-gradient(ellipse at top, rgba(59, 130, 246, 0.15) 0%, transparent 60%),
                        radial-gradient(ellipse at bottom right, rgba(16, 185, 129, 0.1) 0%, transparent 50%);
            text-align: 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: 0.875rem;
            color: var(--accent-blue);
            margin-bottom: 24px;
        }

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

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

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

        .hero h1 span {
            background: linear-gradient(135deg, var(--accent-blue), var(--accent-green));
            -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;
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        .compliance-item {
            display: flex;
            align-items: flex-start;
            gap: 16px;
            padding: 24px;
            background: var(--bg-card);
            border: 1px solid var(--border-color);
            border-radius: 12px;
        }

        .compliance-icon {
            width: 48px;
            height: 48px;
            background: rgba(16, 185, 129, 0.1);
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.25rem;
            flex-shrink: 0;
        }

        .compliance-item h4 {
            font-size: 1rem;
            margin-bottom: 6px;
        }

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

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

        .trust-badge {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 8px;
            color: var(--text-secondary);
            font-size: 0.875rem;
        }

        .trust-badge-icon {
            width: 60px;
            height: 60px;
            background: var(--bg-card);
            border: 1px solid var(--border-color);
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.5rem;
        }

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

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

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

        .feature-card:hover {
            border-color: var(--accent-blue);
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
        }

        .feature-icon {
            width: 56px;
            height: 56px;
            background: linear-gradient(135deg, rgba(59, 130, 246, 0.2), rgba(16, 185, 129, 0.2));
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.5rem;
            margin-bottom: 20px;
        }

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

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

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

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

        .calculator-title {
            font-size: 1.5rem;
            margin-bottom: 40px;
        }

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

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

        .calc-option.receptionist {
            border: 2px solid var(--accent-red);
            position: relative;
        }

        .calc-option.ai {
            border: 2px solid var(--accent-green);
        }

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

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

        .calc-option.receptionist .calc-option-value {
            color: var(--accent-red);
        }

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

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

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

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

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

        .calc-savings-note {
            font-size: 0.875rem;
            color: var(--text-secondary);
            margin-top: 8px;
        }

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

        .multi-location h2 {
            font-size: 2rem;
            margin-bottom: 20px;
        }

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

        .location-logos {
            display: flex;
            justify-content: center;
            gap: 30px;
            flex-wrap: wrap;
            opacity: 0.6;
        }

        .location-logo {
            padding: 16px 24px;
            background: var(--bg-card);
            border-radius: 8px;
            font-weight: 600;
            color: var(--text-secondary);
        }

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

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

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

        .testimonial-quote::before {
            content: '"';
            font-size: 4rem;
            color: var(--accent-blue);
            display: block;
            line-height: 1;
            margin-bottom: 20px;
        }

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

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

        .testimonial-info h4 {
            font-size: 1.125rem;
        }

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

        .testimonial-rating {
            color: #FBBF24;
            font-size: 1.25rem;
            margin-bottom: 20px;
        }

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

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

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

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

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

        .pricing-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4);
        }

        .pricing-card.featured:hover {
            transform: scale(1.05) translateY(-10px);
        }

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

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

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

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

        .pricing-features {
            list-style: none;
            margin: 30px 0;
            padding: 0;
        }

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

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

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

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

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

        .faq-item {
            background: var(--bg-card);
            border: 1px solid var(--border-color);
            border-radius: 12px;
            margin-bottom: 16px;
            overflow: hidden;
        }

        .faq-question {
            padding: 24px;
            cursor: pointer;
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-weight: 600;
            font-size: 1.05rem;
        }

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

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

        .faq-answer {
            padding: 0 24px;
            max-height: 0;
            overflow: hidden;
            transition: all 0.3s ease;
            color: var(--text-secondary);
        }

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

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

        .trust h2 {
            font-size: 1.75rem;
            margin-bottom: 16px;
        }

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

        .trust-number {
            font-size: 4rem;
            font-weight: 800;
            color: var(--accent-blue);
            margin-bottom: 8px;
        }

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

        .footer-content {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 40px;
            margin-bottom: 40px;
        }

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

        .footer h4 {
            font-size: 1rem;
            margin-bottom: 20px;
        }

        .footer-links {
            list-style: none;
        }

        .footer-links li {
            margin-bottom: 12px;
        }

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

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

        .footer-bottom {
            text-align: center;
            padding-top: 30px;
            border-top: 1px solid var(--border-color);
            color: var(--text-secondary);
            font-size: 0.875rem;
        }

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

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

            .hero {
                padding: 120px 0 60px;
            }

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

            .hero-stats {
                gap: 30px;
            }

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

            .calculator-box {
                padding: 30px;
            }

            .calculator-comparison {
                grid-template-columns: 1fr;
                gap: 20px;
            }

            .calc-savings-value {
                font-size: 2.5rem;
            }

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

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

            .testimonial-card {
                padding: 30px;
            }

            .testimonial-quote {
                font-size: 1.25rem;
            }
        }
    </style>
</head>
<body>
    <!-- Navigation -->
    <nav>
        <div class="container nav-content">
            <a href="#" class="logo">
                <div class="logo-icon">⚡</div>
                Sunaiva
            </a>
            <ul class="nav-links">
                <li><a href="#features">Features</a></li>
                <li><a href="#compliance">Compliance</a></li>
                <li><a href="#pricing">Pricing</a></li>
                <li><a href="#faq">FAQ</a></li>
            </ul>
            <a href="#pricing" class="cta-button">Get Started</a>
        </div>
    </nav>

    <!-- Hero Section -->
    <section class="hero">
        <div class="container">
            <div class="hero-badge">
                <span>AI Receptionist for Medical Clinics</span>
            </div>
            <h1>Never Miss a Patient Call.<br><span>24/7 AI Voice Agent</span></h1>
            <p class="hero-subtitle">
                Handle appointment bookings, triage enquiries, and after-hours calls across all your clinic locations.
                Natural Australian voice, seamless integration, strict privacy compliance.
            </p>
            <div class="hero-cta">
                <a href="#pricing" class="cta-button">Start Free Trial</a>
                <a href="#features" class="cta-button secondary">See Features</a>
            </div>
            <div class="hero-stats">
                <div class="hero-stat">
                    <div class="hero-stat-value">62%</div>
                    <div class="hero-stat-label">of clinic calls go unanswered</div>
                </div>
                <div class="hero-stat">
                    <div class="hero-stat-value">$52K+</div>
                    <div class="hero-stat-label">saved annually per location</div>
                </div>
                <div class="hero-stat">
                    <div class="hero-stat-value">24/7</div>
                    <div class="hero-stat-label">patient coverage</div>
                </div>
            </div>
        </div>
    </section>

    <!-- Pain Points Section -->
    <section class="pain-points">
        <div class="container">
            <div class="section-header">
                <h2>Medical Clinics Face Critical Call Challenges</h2>
                <p>Missed calls mean missed patients. Here's why clinics need AI-powered reception.</p>
            </div>
            <div class="pain-grid">
                <div class="pain-card">
                    <div class="pain-icon">📞</div>
                    <h3>Missed Calls During Consultations</h3>
                    <p>When your doctors are with patients, calls go to voicemail. Each missed call is a potential patient who may call your competitor or delay their care.</p>
                </div>
                <div class="pain-card">
                    <div class="pain-icon">😩</div>
                    <h3>Overwhelmed Reception Staff</h3>
                    <p>High-volume clinics struggle with call queues, rushed interactions, and staff burnout. Quality patient care suffers when reception is chaotic.</p>
                </div>
                <div class="pain-card">
                    <div class="pain-icon">🌙</div>
                    <h3>After-Hours Enquiries Lost</h3>
                    <p>Patients call at night for appointments and urgent queries. Without after-hours coverage, you're losing bookings and leaving patients without care guidance.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Multi-Location Section -->
    <section class="multi-location">
        <div class="container">
            <h2>Scale Across Multiple Clinic Locations</h2>
            <p>One AI agent system manages calls for all your practices. Consistent patient experience, unified booking calendar, centralised management.</p>
            <div class="location-logos">
                <div class="location-logo">Main Practice</div>
                <div class="location-logo">+ North Sydney</div>
                <div class="location-logo">+ Parramatta</div>
                <div class="location-logo">+ Chatswood</div>
                <div class="location-logo">+ Bondi Junction</div>
            </div>
        </div>
    </section>

    <!-- Compliance Section -->
    <section class="compliance" id="compliance">
        <div class="container">
            <div class="section-header">
                <h2>Strict Privacy Compliance Built In</h2>
                <p>Healthcare data requires the highest security standards. Our AI meets them all.</p>
            </div>
            <div class="compliance-grid">
                <div class="compliance-item">
                    <div class="compliance-icon">🔒</div>
                    <div>
                        <h4>Australian Data Sovereignty</h4>
                        <p>All patient data stored on Australian servers, fully compliant with local data residency requirements.</p>
                    </div>
                </div>
                <div class="compliance-item">
                    <div class="compliance-icon">🏥</div>
                    <div>
                        <h4>HIPAA-Ready Architecture</h4>
                        <p>Built with healthcare privacy standards in mind. Secure data handling for patient information.</p>
                    </div>
                </div>
                <div class="compliance-item">
                    <div class="compliance-icon">🩺</div>
                    <div>
                        <h4>Medical Triage Protocols</h4>
                        <p>AI asks appropriate screening questions and can route urgent cases to on-call doctors immediately.</p>
                    </div>
                </div>
                <div class="compliance-item">
                    <div class="compliance-icon">💳</div>
                    <div>
                        <h4>Medicare & Billing Enquiries</h4>
                        <p>Handle questions about bulk billing, out-of-pocket costs, and appointment fees accurately.</p>
                    </div>
                </div>
                <div class="compliance-item">
                    <div class="compliance-icon">🔐</div>
                    <div>
                        <h4>Encrypted Communications</h4>
                        <p>All voice calls and data transmissions encrypted end-to-end with industry-standard protocols.</p>
                    </div>
                </div>
                <div class="compliance-item">
                    <div class="compliance-icon">📋</div>
                    <div>
                        <h4>Audit Trail & Logging</h4>
                        <p>Complete call logs for compliance reporting and quality assurance purposes.</p>
                    </div>
                </div>
            </div>
            <div class="trust-badges">
                <div class="trust-badge">
                    <div class="trust-badge-icon">🛡</div>
                    <span>Privacy Compliant</span>
                </div>
                <div class="trust-badge">
                    <div class="trust-badge-icon">🇦🇺</div>
                    <span>Australian Servers</span>
                </div>
                <div class="trust-badge">
                    <div class="trust-badge-icon">🔒</div>
                    <span>256-bit Encryption</span>
                </div>
                <div class="trust-badge">
                    <div class="trust-badge-icon">✓</div>
                    <span>Security Certified</span>
                </div>
            </div>
        </div>
    </section>

    <!-- Features Section -->
    <section class="features" id="features">
        <div class="container">
            <div class="section-header">
                <h2>Built for Medical Practice</h2>
                <p>Features designed specifically for GP clinics, specialist practices, and allied health.</p>
            </div>
            <div class="feature-grid">
                <div class="feature-card">
                    <div class="feature-icon">📅</div>
                    <h3>Smart Appointment Scheduling</h3>
                    <p>Book, reschedule, and cancel appointments directly through voice. Integration with PractiSoft, MedicalDirector, and more.</p>
                </div>
                <div class="feature-card">
                    <div class="feature-icon">🚨</div>
                    <h3>Emergency Triage & Prioritisation</h3>
                    <p>AI screens symptoms and flags urgent cases for immediate callback. Never miss a potentially serious medical situation.</p>
                </div>
                <div class="feature-card">
                    <div class="feature-icon">📝</div>
                    <h3>Patient Intake & Registration</h3>
                    <p>Collect patient details, Medicare numbers, and reason for visit before the appointment. Streamline your front desk.</p>
                </div>
                <div class="feature-card">
                    <div class="feature-icon">🌙</div>
                    <h3>After-Hours Coverage</h3>
                    <p>24/7/365 coverage for after-hours enquiries, appointment requests, and urgent message routing to on-call staff.</p>
                </div>
                <div class="feature-card">
                    <div class="feature-icon">🌏</div>
                    <h3>Multi-Language Support</h3>
                    <p>Serve diverse patient communities. AI communicates in English, Mandarin, Arabic, Vietnamese, and more.</p>
                </div>
                <div class="feature-card">
                    <div class="feature-icon">🔗</div>
                    <h3>Industry Software Integration</h3>
                    <p>Connect with your practice management software, calendar systems, and clinical workflows seamlessly.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Cost Savings Calculator -->
    <section class="calculator">
        <div class="container">
            <div class="calculator-box">
                <h3 class="calculator-title">Calculate Your Savings</h3>
                <div class="calculator-comparison">
                    <div class="calc-option receptionist">
                        <div class="calc-option-label">Human Receptionist</div>
                        <div class="calc-option-value">$55,000</div>
                        <div class="calc-option-detail">per year (incl. super, leave, training)</div>
                    </div>
                    <div class="calc-option ai">
                        <div class="calc-option-label">Sunaiva AI Agent</div>
                        <div class="calc-option-value">$2,364</div>
                        <div class="calc-option-detail">per year ($197 × 12 months)</div>
                    </div>
                </div>
                <div class="calc-savings">
                    <div class="calc-savings-label">Annual Savings</div>
                    <div class="calc-savings-value">$52,636</div>
                    <div class="calc-savings-note">That's 96% cheaper than a human receptionist</div>
                </div>
            </div>
        </div>
    </section>

    <!-- Testimonial Section -->
    <section class="testimonial">
        <div class="container">
            <div class="testimonial-card">
                <div class="testimonial-rating">★★★★★</div>
                <p class="testimonial-quote">
                    We have three clinic locations and were losing hundreds of calls every month. Since installing Sunaiva,
                    every patient call gets answered—24 hours a day. Our reception staff now focus on patients in front
                    of them instead of constantly juggling phone calls. The Medicare and billing questions are handled
                    perfectly, and the triage feature has already flagged two urgent cases after hours.
                </p>
                <div class="testimonial-author">
                    <div class="testimonial-avatar">DR</div>
                    <div class="testimonial-info">
                        <h4>Dr. Rebecca Chen</h4>
                        <p>Director, Regional Health Group (3 locations)</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Pricing Section -->
    <section class="pricing" id="pricing">
        <div class="container">
            <div class="section-header">
                <h2>Simple, Transparent Pricing</h2>
                <p>No hidden fees. No setup costs. Cancel anytime.</p>
            </div>
            <div class="pricing-grid">
                <div class="pricing-card">
                    <div class="pricing-name">Essentials</div>
                    <div class="pricing-desc">For single-location clinics</div>
                    <div class="pricing-price">$197<span>/mo</span></div>
                    <ul class="pricing-features">
                        <li>Unlimited calls</li>
                        <li>Appointment booking</li>
                        <li>After-hours coverage</li>
                        <li>Australian voice</li>
                        <li>Basic triage questions</li>
                        <li>Email support</li>
                    </ul>
                    <a href="#" class="cta-button secondary">Start Free Trial</a>
                </div>
                <div class="pricing-card featured">
                    <div class="pricing-name">Business</div>
                    <div class="pricing-desc">For multi-location practices</div>
                    <div class="pricing-price">$397<span>/mo</span></div>
                    <ul class="pricing-features">
                        <li>Everything in Essentials</li>
                        <li>Up to 3 locations</li>
                        <li>Advanced triage protocols</li>
                        <li>Medicare/billing handling</li>
                        <li>Priority support</li>
                        <li>Custom voice scripts</li>
                    </ul>
                    <a href="#" class="cta-button">Start Free Trial</a>
                </div>
                <div class="pricing-card">
                    <div class="pricing-name">Growth</div>
                    <div class="pricing-desc">For large practices & chains</div>
                    <div class="pricing-price">$597<span>/mo</span></div>
                    <ul class="pricing-features">
                        <li>Everything in Business</li>
                        <li>Unlimited locations</li>
                        <li>Multi-language support</li>
                        <li>API integrations</li>
                        <li>Dedicated account manager</li>
                        <li>Advanced analytics</li>
                    </ul>
                    <a href="#" class="cta-button secondary">Contact Sales</a>
                </div>
            </div>
        </div>
    </section>

    <!-- FAQ Section -->
    <section class="faq" id="faq">
        <div class="container">
            <div class="section-header">
                <h2>Frequently Asked Questions</h2>
                <p>Common questions about our medical clinic AI voice agent.</p>
            </div>
            <div class="faq-list">
                <div class="faq-item">
                    <div class="faq-question">Is the AI compliant with Australian privacy laws?</div>
                    <div class="faq-answer">Yes. All patient data is processed and stored on Australian servers, ensuring compliance with the Privacy Act 1988 and Australian Data Sovereignty requirements. We use 256-bit encryption for all communications.</div>
                </div>
                <div class="faq-item">
                    <div class="faq-question">Can the AI handle urgent medical situations?</div>
                    <div class="faq-answer">Our AI is programmed with medical triage protocols. It asks screening questions to assess urgency and can immediately flag and route emergency cases to your on-call doctor or after-hours service.</div>
                </div>
                <div class="faq-item">
                    <div class="faq-question">Does it integrate with our practice management software?</div>
                    <div class="faq-answer">Yes, we integrate with major Australian practice management systems including PractiSoft, MedicalDirector, and Best Practice. Our team will set up the integration during onboarding at no extra cost.</div>
                </div>
                <div class="faq-item">
                    <div class="faq-question">Can it answer questions about Medicare and billing?</div>
                    <div class="faq-answer">Absolutely. The AI can be configured to handle common billing enquiries including bulk billing eligibility, out-of-pocket costs, appointment fees, and payment methods specific to your practice.</div>
                </div>
                <div class="faq-item">
                    <div class="faq-question">What happens if a patient wants to speak to a human?</div>
                    <div class="faq-answer">The AI can seamlessly transfer calls to your reception staff or after-hours service. Patients can request a callback at any time, and urgent matters are always prioritised for human handling.</div>
                </div>
            </div>
        </div>
    </section>

    <!-- Trust Section -->
    <section class="trust">
        <div class="container">
            <div class="trust-number">150+</div>
            <h2>Medical Clinic Businesses Trust Sunaiva</h2>
            <p>GP clinics, specialist practices, and allied health professionals across Australia</p>
        </div>
    </section>

    <!-- Footer -->
    <footer>
        <div class="container">
            <div class="footer-content">
                <div class="footer-brand">
                    <a href="#" class="logo">
                        <div class="logo-icon">⚡</div>
                        Sunaiva
                    </a>
                    <p>AI-powered voice agents for Australian businesses. Never miss a call. Scale effortlessly.</p>
                </div>
                <div>
                    <h4>Product</h4>
                    <ul class="footer-links">
                        <li><a href="#features">Features</a></li>
                        <li><a href="#pricing">Pricing</a></li>
                        <li><a href="#">Integrations</a></li>
                        <li><a href="#">For Agencies</a></li>
                    </ul>
                </div>
                <div>
                    <h4>Company</h4>
                    <ul class="footer-links">
                        <li><a href="#">About Us</a></li>
                        <li><a href="#">Blog</a></li>
                        <li><a href="#">Careers</a></li>
                        <li><a href="#">Contact</a></li>
                    </ul>
                </div>
                <div>
                    <h4>Legal</h4>
                    <ul class="footer-links">
                        <li><a href="#">Privacy Policy</a></li>
                        <li><a href="#">Terms of Service</a></li>
                        <li><a href="#">Security</a></li>
                        <li><a href="#">Compliance</a></li>
                    </ul>
                </div>
            </div>
            <div class="footer-bottom">
                <p>© 2024 Sunaiva. All rights reserved. | <a href="#">Privacy</a> | <a href="#">Terms</a></p>
                <p style="margin-top: 10px; opacity: 0.7;">Powered by Sunaiva — Australian AI Voice Agents</p>
            </div>
        </div>
    </footer>

    <!-- FAQ Toggle Script -->
    <script>
        document.querySelectorAll('.faq-question').forEach(question => {
            question.addEventListener('click', () => {
                const item = question.parentElement;
                item.classList.toggle('active');
            });
        });
    </script>
</body>
</html>


Response:
```html
<!DOCTYPE html>
<html lang="en-AU">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>LawyerBot.AU — AI Voice Agent for Law Firms | Never Miss a Client Call</title>
    <meta name="description" content="AI voice agent for Australian law firms. Handle enquiries 24/7, book consultations, screen calls. Secure, confidential, Australian-hosted.">

    <!-- Schema.org for Legal -->
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "LegalService",
        "name": "LawyerBot.AU",
        "description": "AI Voice Agent service for Australian law firms",
        "areaServed": "Australia",
        "provider": {
            "@type": "Organization",
            "name": "Sunaiva"
        },
        "offers": {
            "@type": "Offer",
            "priceCurrency": "AUD",
            "price": "197",
            "priceSpecification": {
                "@type": "UnitPriceSpecification",
                "priceCurrency": "AUD",
                "price": "197",
                "unitText": "month"
            }
        }
    }
    </script>

    <style>
        :root {
            --bg-primary: #0B0C0E;
            --bg-secondary: #15171A;
            --bg-card: #1A1C21;
            --text-primary: #E5E7EB;
            --text-secondary: #9CA3AF;
            --text-muted: #6B7280;
            --accent-blue: #3B82F6;
            --accent-green: #10B981;
            --accent-gold: #F59E0B;
            --border-color: #2D2F35;
            --gradient-blue: linear-gradient(135deg, #3B82F6 0%, #1D4ED8 100%);
            --gradient-gold: linear-gradient(135deg, #F59E0B 0%, #D97706 100%);
        }

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

        html {
            scroll-behavior: smooth;
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        .hero h1 {
            font-size: clamp(2.5rem, 5vw, 4rem);
            font-weight: 800;
            line-height: 1.1;
            margin-bottom: 24px;
        }

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

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

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

        .hero-stats {
            display: flex;
            justify-content: center;
            gap: 60px;
            margin-top: 80px;
            padding-top: 40px;
            border-top: 1px solid var(--border-color);
        }

        .stat {
            text-align: center;
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        .compliance-content h2 {
            font-size: 2.5rem;
            font-weight: 700;
            margin-bottom: 20px;
        }

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

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

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

        .compliance-check {
            width: 24px;
            height: 24px;
            background: rgba(16, 185, 129, 0.1);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            color: var(--accent-green);
            font-size: 0.875rem;
        }

        .compliance-list strong {
            display: block;
            margin-bottom: 4px;
        }

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

        .compliance-right {
            background: var(--bg-card);
            border: 1px solid var(--border-color);
            border-radius: 20px;
            padding: 40px;
        }

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

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

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

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

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

        .data-sovereignty {
            margin-top: 24px;
            padding: 20px;
            background: rgba(59, 130, 246, 0.1);
            border-radius: 12px;
            border: 1px solid rgba(59, 130, 246, 0.2);
            display: flex;
            align-items: center;
            gap: 16px;
        }

        .data-sovereignty-icon {
            font-size: 1.5rem;
        }

        .data-sovereignty h4 {
            font-size: 0.95rem;
            margin-bottom: 2px;
        }

        .data-sovereignty p {
            font-size: 0.8rem;
            color: var(--text-secondary);
            margin: 0;
        }

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

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

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

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

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

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

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

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

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

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

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

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

        .calc-receptionist {
            background: var(--bg-card);
            border: 1px solid var(--border-color);
        }

        .calc-ai {
            background: var(--bg-card);
            border: 1px solid var(--accent-green);
        }

        .calc-icon {
            font-size: 3rem;
            margin-bottom: 16px;
        }

        .calc-item h3 {
            font-size: 1.25rem;
            margin-bottom: 8px;
        }

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

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

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

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

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

        .calculator-result {
            margin-top: 40px;
            padding-top: 40px;
            border-top: 1px solid var(--border-color);
        }

        .savings-amount {
            font-size: 3.5rem;
            font-weight: 800;
            color: var(--accent-green);
            margin-bottom: 8px;
        }

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

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

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

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

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

        .author-avatar {
            width: 60px;
            height: 60px;
            background: var(--gradient-gold);
            border-radius: