<!DOCTYPE html>
<html lang="en" class="no-js">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Release Notes - AIGP Health</title>
    <meta name="description" content="Latest updates and release notes for AIGP Health's Anzu platform and AI-powered clinical solutions.">
    <link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Satoshi:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        :root {
            /* Primary & Core Colors */
            --tech-blue: #1E355C;
            --modern-green: #003e29;
            --highlight-blue: #356BAD;
            --text-gray: #2A2F36;
            --soft-cloud: #F9FAFB;
            
            /* Accent & Status Colors */
            --pulse-violet: #7F56D9;
            --vivid-sky: #3DBEFF;
            --energy-coral: #FF6B6B;
            --mint-leaf: #00C896;
            --lemon-pop: #FFD447;
            
            /* Utility Colors */
            --glimmer-lilac: #E4E0F6;
            --border-gray: #D5D9E0;
            
            /* Legacy color mappings for compatibility */
            --primary-teal: var(--tech-blue);
            --dark-teal: var(--modern-green);
            --light-teal: var(--glimmer-lilac);
            --accent-teal: var(--highlight-blue);
            --secondary-blue: var(--highlight-blue);
            --text-dark: var(--text-gray);
            --text-medium: #64748B;
            --text-light: #94A3B8;
            --white: #FFFFFF;
            --light-gray: var(--soft-cloud);
            --border-light: var(--border-gray);
            --shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
            --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
            --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
            --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
        }

        body {
            font-family: 'Satoshi', sans-serif;
            line-height: 1.6;
            color: var(--text-dark);
            overflow-x: hidden;
            background: var(--soft-cloud);
            margin: 0;
            padding: 0;
        }

        /* Typography System - Headlines use Space Grotesk */
        h1, h2, h3, h4, h5, h6 {
            font-family: 'Space Grotesk', sans-serif;
            font-weight: 700;
        }

        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 24px;
        }

        /* Header */
        header {
            background: linear-gradient(180deg,
                rgba(255, 255, 255, 0.98) 0%,
                rgba(255, 255, 255, 0.95) 100%);
            backdrop-filter: blur(30px);
            border-bottom: 1px solid rgba(70, 165, 154, 0.08);
            position: fixed;
            width: 100%;
            top: 0;
            z-index: 1000;
            box-shadow: 0 8px 40px rgba(70, 165, 154, 0.08);
            padding: 0;
        }

        nav {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 1.25rem 0;
        }

        .logo {
            display: flex;
            align-items: center;
            gap: 12px;
            text-decoration: none;
        }

        .logo img {
            height: 40px;
            width: auto;
        }

        .logo-text {
            font-size: 1.5rem;
            font-weight: 800;
            background: linear-gradient(135deg, var(--primary-teal) 0%, var(--accent-teal) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .back-home {
            background: linear-gradient(135deg, var(--primary-teal) 0%, var(--accent-teal) 100%);
            color: var(--white);
            padding: 12px 24px;
            border: none;
            border-radius: 50px;
            font-weight: 600;
            text-decoration: none;
            transition: all 0.3s ease;
            box-shadow: var(--shadow-md);
        }

        .back-home:hover {
            transform: translateY(-2px);
            box-shadow: var(--shadow-lg);
        }

        /* Main Content */
        .main-content {
            padding-top: 140px;
            padding-bottom: 80px;
            background: var(--light-gray);
            min-height: 100vh;
        }

        .page-header {
            text-align: center;
            margin-bottom: 4rem;
            background: var(--white);
            padding: 3rem 2rem;
            border-radius: 20px;
            box-shadow: var(--shadow-lg);
            border: 1px solid var(--border-light);
        }

        .page-header h1 {
            font-size: 3rem;
            font-weight: 700;
            color: var(--text-dark);
            margin-bottom: 1rem;
            background: linear-gradient(135deg, var(--primary-teal) 0%, var(--accent-teal) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .page-header p {
            font-size: 1.25rem;
            color: var(--text-medium);
            max-width: 600px;
            margin: 0 auto;
        }

        /* Release Section */
        .release-section {
            background: var(--white);
            border-radius: 20px;
            padding: 3rem;
            margin-bottom: 2rem;
            box-shadow: var(--shadow-lg);
            border: 1px solid var(--border-light);
            position: relative;
            overflow: hidden;
        }

        .release-section::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 4px;
            background: linear-gradient(90deg, var(--primary-teal), var(--accent-teal));
        }

        .release-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 2rem;
            flex-wrap: wrap;
            gap: 1rem;
        }

        .version-info h2 {
            font-size: 2rem;
            font-weight: 700;
            color: var(--text-dark);
            margin-bottom: 0.5rem;
        }

        .version-badge {
            background: linear-gradient(135deg, var(--primary-teal), var(--accent-teal));
            color: var(--white);
            padding: 0.5rem 1rem;
            border-radius: 20px;
            font-weight: 600;
            font-size: 0.875rem;
            display: inline-block;
            margin-bottom: 0.5rem;
        }

        .release-date {
            color: var(--text-medium);
            font-size: 1rem;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .release-summary {
            background: var(--light-teal);
            padding: 2rem;
            border-radius: 16px;
            margin-bottom: 2rem;
            border-left: 4px solid var(--primary-teal);
        }

        .release-summary h3 {
            color: var(--primary-teal);
            font-size: 1.3rem;
            margin-bottom: 1rem;
        }

        .release-summary p {
            color: var(--text-medium);
            font-size: 1.05rem;
            line-height: 1.7;
        }

        /* Feature Categories */
        .feature-category {
            margin-bottom: 3rem;
        }

        .category-header {
            display: flex;
            align-items: center;
            gap: 1rem;
            margin-bottom: 1.5rem;
        }

        .category-icon {
            width: 50px;
            height: 50px;
            background: linear-gradient(135deg, var(--primary-teal), var(--accent-teal));
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--white);
            font-size: 1.5rem;
        }

        .category-header h3 {
            font-size: 1.5rem;
            font-weight: 600;
            color: var(--text-dark);
        }

        .feature-list {
            list-style: none;
            padding: 0;
        }

        .feature-item {
            display: flex;
            align-items: flex-start;
            gap: 1rem;
            margin-bottom: 1.5rem;
            padding: 1.5rem;
            background: var(--light-gray);
            border-radius: 12px;
            border: 1px solid var(--border-light);
            transition: all 0.3s ease;
        }

        .feature-item:hover {
            background: var(--light-teal);
            transform: translateX(8px);
        }

        .feature-icon {
            color: var(--primary-teal);
            font-size: 1.2rem;
            margin-top: 0.25rem;
            flex-shrink: 0;
        }

        .feature-content h4 {
            font-size: 1.125rem;
            font-weight: 600;
            color: var(--text-dark);
            margin-bottom: 0.5rem;
        }

        .feature-content p {
            color: var(--text-medium);
            line-height: 1.6;
        }

        /* Stats Grid */
        .stats-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 1.5rem;
            margin: 2rem 0;
        }

        .stat-item {
            background: var(--white);
            padding: 2rem 1.5rem;
            border-radius: 16px;
            text-align: center;
            border: 1px solid var(--border-light);
            box-shadow: var(--shadow-sm);
            transition: all 0.3s ease;
        }

        .stat-item:hover {
            transform: translateY(-5px);
            box-shadow: var(--shadow-md);
        }

        .stat-number {
            font-size: 2.5rem;
            font-weight: 800;
            color: var(--primary-teal);
            margin-bottom: 0.5rem;
        }

        .stat-label {
            color: var(--text-medium);
            font-weight: 500;
        }

        /* Technical Details */
        .tech-details {
            background: #f8fafc;
            border: 1px solid #e2e8f0;
            border-radius: 12px;
            padding: 2rem;
            margin: 2rem 0;
        }

        .tech-details h4 {
            color: var(--text-dark);
            font-size: 1.2rem;
            margin-bottom: 1rem;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .tech-list {
            list-style: none;
            padding: 0;
        }

        .tech-list li {
            padding: 0.5rem 0;
            color: var(--text-medium);
            display: flex;
            align-items: center;
            gap: 0.75rem;
        }

        .tech-list i {
            color: var(--primary-teal);
            width: 16px;
        }

        /* Responsive Design */
        @media (max-width: 768px) {
            .container {
                padding: 0 16px;
            }

            .page-header h1 {
                font-size: 2.25rem;
            }

            .page-header {
                padding: 2rem 1.5rem;
            }

            .release-section {
                padding: 2rem 1.5rem;
            }

            .release-header {
                flex-direction: column;
                align-items: flex-start;
            }

            .version-info h2 {
                font-size: 1.75rem;
            }

            .stats-grid {
                grid-template-columns: 1fr;
            }

            .feature-item {
                padding: 1rem;
            }

            nav {
                padding: 1rem 0;
                flex-wrap: wrap;
                gap: 1rem;
            }

            .logo-text {
                font-size: 1.25rem;
            }

            .back-home {
                padding: 10px 20px;
                font-size: 0.9rem;
            }

            .logo {
                flex: 1;
                min-width: 200px;
            }
        }

        /* Animation Classes */
        .fade-in {
            opacity: 0;
            transform: translateY(30px);
            transition: all 0.8s ease;
        }

        .fade-in.visible {
            opacity: 1;
            transform: translateY(0);
        }

        /* Fallback for when JavaScript doesn't load */
        .no-js .fade-in {
            opacity: 1;
            transform: translateY(0);
        }
    </style>
</head>
<body>
    <header>
        <div class="container">
            <nav>
                <a href="index.html" class="logo">
                    <img src="AIGP logo new.png" alt="AIGP Health Logo">
                    <span class="logo-text">AIGP Health</span>
                </a>
                <a href="index.html" class="back-home">
                    <i class="fas fa-arrow-left"></i>
                    Back to Home
                </a>
            </nav>
        </div>
    </header>

    <main class="main-content">
        <div class="container">
            <div class="page-header fade-in">
                <h1>Release Notes</h1>
                <p>Stay updated with the latest features, improvements, and updates to AIGP Health's AI-powered clinical platform</p>
            </div>

            <!-- Version 0.5 Release -->
            <div class="release-section fade-in">
                <div class="release-header">
                    <div class="version-info">
                        <div class="version-badge">MAJOR RELEASE</div>
                        <h2>Version 0.5 - "Anzu"</h2>
                    </div>
                    <div class="release-date">
                        <i class="fas fa-calendar-alt"></i>
                        Released: January 2025
                    </div>
                </div>

                <div class="release-summary">
                    <h3>🚀 Introducing Anzu: THE Agentic AI Platform for Clinical Care</h3>
                    <p>Version 0.5 marks a revolutionary milestone with the launch of Anzu, our flagship agentic AI platform that transforms clinical workflows from reactive to proactive. Where AI doesn't just listen—it leads, orchestrating your entire patient journey with intelligent automation while keeping clinicians in complete control.</p>
                </div>

                <!-- Core Platform Stats -->
                <div class="stats-grid">
                    <div class="stat-item">
                        <div class="stat-number">5+</div>
                        <div class="stat-label">Languages Supported</div>
                    </div>
                    <div class="stat-item">
                        <div class="stat-number">95%</div>
                        <div class="stat-label">Clinical Accuracy</div>
                    </div>
                    <div class="stat-item">
                        <div class="stat-number">15+</div>
                        <div class="stat-label">Minutes Saved per Consultation</div>
                    </div>
                    <div class="stat-item">
                        <div class="stat-number">40%</div>
                        <div class="stat-label">Patient Engagement Increase</div>
                    </div>
                </div>

                <!-- Six Core Capabilities -->
                <div class="feature-category">
                    <div class="category-header">
                        <div class="category-icon">
                            <i class="fas fa-brain"></i>
                        </div>
                        <h3>Six Core Capabilities</h3>
                    </div>
                    <ul class="feature-list">
                        <li class="feature-item">
                            <i class="fas fa-robot feature-icon"></i>
                            <div class="feature-content">
                                <h4>Ambient to Agentic AI</h4>
                                <p>Goes beyond passive data capture to proactively orchestrate tasks—automated history taking, chart summaries, follow-up prompts—so physicians focus on patients, not paperwork.</p>
                            </div>
                        </li>
                        <li class="feature-item">
                            <i class="fas fa-route feature-icon"></i>
                            <div class="feature-content">
                                <h4>End-to-End Patient Journey</h4>
                                <p>Your intelligent co-pilot from first consult intake to chronic-care check-ins—seamlessly transitioning between history, scribing, translation, and follow-up.</p>
                            </div>
                        </li>
                        <li class="feature-item">
                            <i class="fas fa-stethoscope feature-icon"></i>
                            <div class="feature-content">
                                <h4>AI Triage & Clinical Decision Support</h4>
                                <p>Autonomously evaluates and ranks incoming cases using evidence-based algorithms, presenting reasoning and reference links while maintaining full clinical oversight.</p>
                            </div>
                        </li>
                        <li class="feature-item">
                            <i class="fas fa-clock feature-icon"></i>
                            <div class="feature-content">
                                <h4>Automated Follow-Up</h4>
                                <p>Takes proactive ownership of patient check-ins—scheduling personalized surveys, sending medication reminders, and flagging concerning responses for escalation.</p>
                            </div>
                        </li>
                        <li class="feature-item">
                            <i class="fas fa-globe feature-icon"></i>
                            <div class="feature-content">
                                <h4>Multilingual Mastery</h4>
                                <p>Fluent in English, Malay, Chinese, Tamil, and Bahasa Indonesia—engineered to scale worldwide, breaking language barriers one clinic at a time.</p>
                            </div>
                        </li>
                        <li class="feature-item">
                            <i class="fab fa-whatsapp feature-icon"></i>
                            <div class="feature-content">
                                <h4>Web & WhatsApp Deployment</h4>
                                <p>No new apps or complicated installs—plugs right into tools you and patients already use. Desktop browser or WhatsApp chat, Anzu works wherever care happens.</p>
                            </div>
                        </li>
                    </ul>
                </div>

                <!-- Product Portfolio -->
                <div class="feature-category">
                    <div class="category-header">
                        <div class="category-icon">
                            <i class="fas fa-layer-group"></i>
                        </div>
                        <h3>Product Portfolio</h3>
                    </div>
                    <ul class="feature-list">
                        <li class="feature-item">
                            <i class="fas fa-brain feature-icon"></i>
                            <div class="feature-content">
                                <h4>Anzu - THE Agentic AI Platform</h4>
                                <p>Flagship agentic-AI engine that orchestrates the entire patient journey—intake, charting, triage, follow-up, and analytics—so clinicians spend less time on admin and more time on care.</p>
                            </div>
                        </li>
                        <li class="feature-item">
                            <i class="fas fa-microphone feature-icon"></i>
                            <div class="feature-content">
                                <h4>DocAssist - Virtual Medical Scribe</h4>
                                <p>Advanced NLP and large-language AI to transcribe consultations, generate structured notes, and surface evidence-based references—transforming conversations into audit-ready documentation.</p>
                            </div>
                        </li>
                        <li class="feature-item">
                            <i class="fas fa-flask feature-icon"></i>
                            <div class="feature-content">
                                <h4>IntelliRheum - Coming Soon</h4>
                                <p>Supercharged agentic AI with deep specialist know-how for rheumatology and immunology—handling complex autoimmune and immunodeficiency cases with specialist-grade intelligence.</p>
                            </div>
                        </li>
                    </ul>
                </div>

                <!-- Use Cases -->
                <div class="feature-category">
                    <div class="category-header">
                        <div class="category-icon">
                            <i class="fas fa-hospital-user"></i>
                        </div>
                        <h3>Key Use Cases</h3>
                    </div>
                    <ul class="feature-list">
                        <li class="feature-item">
                            <i class="fas fa-user-md feature-icon"></i>
                            <div class="feature-content">
                                <h4>Primary Care Intake & Management</h4>
                                <p>Agentic history taking via WhatsApp or Web portal with real-time adaptation, instant EHR summaries, proactive lab & appointment reminders, and automated care gap identification.</p>
                            </div>
                        </li>
                        <li class="feature-item">
                            <i class="fas fa-stethoscope feature-icon"></i>
                            <div class="feature-content">
                                <h4>Specialist Clinic Workflows</h4>
                                <p>Adaptive deep dives with nuanced follow-up questions, critical signal alerts with evidence-backed reasoning, audit-ready documentation, and specialist-grade intelligence for complex cases.</p>
                            </div>
                        </li>
                        <li class="feature-item">
                            <i class="fas fa-calendar-check feature-icon"></i>
                            <div class="feature-content">
                                <h4>Chronic Care & Automated Follow-Up</h4>
                                <p>Scheduled check-ins with personalized surveys, escalation triggers for concerning responses, transparent oversight with complete timeline visibility, and medication adherence monitoring.</p>
                            </div>
                        </li>
                    </ul>
                </div>

                <!-- Pricing Structure -->
                <div class="feature-category">
                    <div class="category-header">
                        <div class="category-icon">
                            <i class="fas fa-dollar-sign"></i>
                        </div>
                        <h3>Transparent Pricing (SGD)</h3>
                    </div>
                    <ul class="feature-list">
                        <li class="feature-item">
                            <i class="fas fa-building feature-icon"></i>
                            <div class="feature-content">
                                <h4>Business Lite - SGD 29/user/month</h4>
                                <p>Perfect for solo & small practices (≤3 docs). Includes text scribing, English/Chinese/Malay support, web access, basic AI triage, and standard support.</p>
                            </div>
                        </li>
                        <li class="feature-item">
                            <i class="fas fa-star feature-icon"></i>
                            <div class="feature-content">
                                <h4>Business Pro - SGD 39/user/month (Most Popular)</h4>
                                <p>Ideal for mid-sized groups (4–10 docs). Includes voice & text scribing, all 5 languages, Web & WhatsApp, advanced AI triage, automated follow-up, and priority support.</p>
                            </div>
                        </li>
                        <li class="feature-item">
                            <i class="fas fa-crown feature-icon"></i>
                            <div class="feature-content">
                                <h4>Enterprise - SGD 49/user/month</h4>
                                <p>For large clinics & health systems. Unlimited scribing & follow-up, all languages + custom additions, API & custom integrations, dedicated SLAs, white-label options, and 24/7 support.</p>
                            </div>
                        </li>
                    </ul>
                </div>

                <!-- Technical Specifications -->
                <div class="tech-details">
                    <h4><i class="fas fa-cogs"></i> Technical Specifications</h4>
                    <ul class="tech-list">
                        <li><i class="fas fa-shield-alt"></i> HIPAA, GDPR, and Singapore data protection compliance</li>
                        <li><i class="fas fa-lock"></i> End-to-end encryption with enterprise-grade security</li>
                        <li><i class="fas fa-cloud"></i> API-first architecture for seamless integrations</li>
                        <li><i class="fas fa-mobile-alt"></i> Cross-platform support (Web, WhatsApp, Mobile)</li>
                        <li><i class="fas fa-language"></i> Real-time language detection and translation</li>
                        <li><i class="fas fa-chart-line"></i> Complete audit trails and reasoning transparency</li>
                        <li><i class="fas fa-sync-alt"></i> 24-48 hour standard EHR integration</li>
                        <li><i class="fas fa-headset"></i> 24/7 dedicated support for Enterprise customers</li>
                    </ul>
                </div>

                <!-- What's Next -->
                <div class="feature-category">
                    <div class="category-header">
                        <div class="category-icon">
                            <i class="fas fa-rocket"></i>
                        </div>
                        <h3>What's Next</h3>
                    </div>
                    <ul class="feature-list">
                        <li class="feature-item">
                            <i class="fas fa-flask feature-icon"></i>
                            <div class="feature-content">
                                <h4>IntelliRheum Launch</h4>
                                <p>Supercharged agentic AI with deep specialist know-how for rheumatology and immunology—handling complex autoimmune and immunodeficiency cases with specialist-grade intelligence.</p>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </main>

    <script>
        // Remove no-js class if JavaScript is enabled
        document.documentElement.classList.remove('no-js');
        
        // Initialize page when DOM is loaded
        document.addEventListener('DOMContentLoaded', function() {
            // Make content visible immediately as fallback
            document.querySelectorAll('.fade-in').forEach(el => {
                el.style.opacity = '1';
                el.style.transform = 'translateY(0)';
            });

            // Smooth fade-in animations
            const observerOptions = {
                threshold: 0.1,
                rootMargin: '0px 0px -50px 0px'
            };

            const observer = new IntersectionObserver((entries) => {
                entries.forEach((entry, index) => {
                    if (entry.isIntersecting) {
                        setTimeout(() => {
                            entry.target.classList.add('visible');
                        }, index * 150);
                    }
                });
            }, observerOptions);

            document.querySelectorAll('.fade-in').forEach(el => {
                observer.observe(el);
            });

        // Enhanced hover effects
        document.querySelectorAll('.feature-item').forEach(item => {
            item.addEventListener('mouseenter', function() {
                this.style.transform = 'translateX(12px) translateY(-3px)';
                this.style.boxShadow = '0 8px 25px rgba(70, 165, 154, 0.15)';
            });

            item.addEventListener('mouseleave', function() {
                this.style.transform = 'translateX(0) translateY(0)';
                this.style.boxShadow = 'none';
            });
        });

        // Smooth scrolling for any internal links
        document.querySelectorAll('a[href^="#"]').forEach(anchor => {
            anchor.addEventListener('click', function (e) {
                e.preventDefault();
                const target = document.querySelector(this.getAttribute('href'));
                if (target) {
                    const headerOffset = 80;
                    const elementPosition = target.getBoundingClientRect().top;
                    const offsetPosition = elementPosition + window.pageYOffset - headerOffset;

                    window.scrollTo({
                        top: offsetPosition,
                        behavior: 'smooth'
                    });
                }
            });
        });
    </script>
</body>
</html>