Help
RSS
API
Feed
Maltego
Contact
Domain > auradiagnostics.tech
×
More information on this domain is in
AlienVault OTX
Is this malicious?
Yes
No
DNS Resolutions
Date
IP Address
2026-02-06
104.21.51.189
(
ClassC
)
Port 80
HTTP/1.1 200 OKDate: Fri, 06 Feb 2026 19:38:48 GMTContent-Type: text/html; charsetutf-8Transfer-Encoding: chunkedConnection: keep-aliveAccept-Ranges: bytesCache-Control: no-storeReport-To: {group:cf-nel,max_age:604800,endpoints:{url:https://a.nel.cloudflare.com/report/v4?saXQKKWhSiuXC0y5nzMH3Jp%2FVF4kPki306g%2BiJG%2Fa6TFtqwoQUo%2FS10m1zk%2BKMbHWvwyHzVAP8tacgeVcAIPSru02JjfiR5hEbo2qVZciQC721Xmn}}last-modified: Mon, 03 Nov 2025 11:29:04 GMTServer: cloudflarecf-cache-status: DYNAMICNel: {report_to:cf-nel,success_fraction:0.0,max_age:604800}CF-RAY: 9c9d1c22f9a7b1c2-PDXalt-svc: h3:443; ma86400 !DOCTYPE html>html langen>head> meta charsetUTF-8> meta nameviewport contentwidthdevice-width, initial-scale1.0> title>AURA - Autonomous AI Glaucoma Diagnosis/title> !-- Favicon --> link relicon typeimage/svg+xml href/frontend/favicon.svg> link relalternate icon href/frontend/favicon.svg> script srchttps://cdn.tailwindcss.com>/script> script srchttps://unpkg.com/lucide@latest>/script> style> :root { --bg-primary: #000000; --bg-secondary: #0A0A0A; --border-color: #1A1A1A; --accent-blue: #007BFF; --accent-purple: #7C3AED; } body { background: #000000; min-height: 100vh; overflow-x: hidden; } /* Animated gradient background */ .animated-bg { background: #000000; } @keyframes gradientShift { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } /* Gradient text effects */ .gradient-text { background: linear-gradient(135deg, #007BFF 0%, #00D4FF 50%, #7C3AED 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; animation: gradientFlow 3s ease infinite; background-size: 200% auto; } @keyframes gradientFlow { 0%, 100% { background-position: 0% center; } 50% { background-position: 100% center; } } /* Feature cards */ .feature-card { transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); position: relative; overflow: hidden; } .feature-card::before { content: ; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(0, 123, 255, 0.1), transparent); transition: left 0.5s; } .feature-card:hover::before { left: 100%; } .feature-card:hover { transform: translateY(-8px); box-shadow: 0 20px 40px rgba(0, 123, 255, 0.3); border-color: #007BFF; } /* Pulse animation */ @keyframes pulse-ring { 0% { transform: scale(0.8); opacity: 0; } 50% { opacity: 0.3; } 100% { transform: scale(1.4); opacity: 0; } } .pulse-ring { animation: pulse-ring 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; } /* Glowing effect */ .glow { box-shadow: 0 0 20px rgba(0, 123, 255, 0.4); } .glow-text { text-shadow: 0 0 20px rgba(0, 123, 255, 0.5); } /* Grid background */ .grid-bg { background-image: linear-gradient(rgba(0, 123, 255, 0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 123, 255, 0.03) 1px, transparent 1px); background-size: 50px 50px; } /* Workflow animation */ @keyframes flowPath { 0% { stroke-dashoffset: 1000; } 100% { stroke-dashoffset: 0; } } .flow-path { stroke-dasharray: 10 5; animation: flowPath 3s linear infinite; } @keyframes pulse { 0%, 100% { opacity: 0.6; transform: scale(1); } 50% { opacity: 1; transform: scale(1.05); } } .node-pulse { animation: pulse 2s ease-in-out infinite; } /* Data processing animation */ @keyframes dataFlow { 0% { transform: translateX(-20px); opacity: 0; } 50% { opacity: 1; } 100% { transform: translateX(20px); opacity: 0; } } .data-flow { animation: dataFlow 2s ease-in-out infinite; } /* Flowing data particles */ @keyframes flowDown { 0% { transform: translateY(0); opacity: 0; } 20% { opacity: 1; } 80% { opacity: 1; } 100% { transform: translateY(100px); opacity: 0; } } .flow-particle { animation: flowDown 3s ease-in-out infinite; } /* Processing animation for progress bars */ @keyframes processing { 0%, 100% { width: var(--width); opacity: 0.8; } 50% { width: calc(var(--width) + 5%); opacity: 1; } } /* Reveal on scroll */ .reveal { opacity: 0; transform: translateY(30px); transition: all 0.8s ease-out; } .reveal.active { opacity: 1; transform: translateY(0); } /* Neural Network Background */ #neural-network { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; pointer-events: none; } .neural-node { position: absolute; width: 4px; height: 4px; background: radial-gradient(circle, #007BFF 0%, transparent 70%); border-radius: 50%; animation: sparkle 3s ease-in-out infinite; } .neural-node::before { content: ; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 12px; height: 12px; background: radial-gradient(circle, rgba(0, 123, 255, 0.4) 0%, transparent 70%); border-radius: 50%; animation: pulse-glow 2s ease-in-out infinite; } @keyframes sparkle { 0%, 100% { opacity: 0.3; transform: scale(1); } 50% { opacity: 1; transform: scale(1.5); } } @keyframes pulse-glow { 0%, 100% { opacity: 0.2; transform: translate(-50%, -50%) scale(1); } 50% { opacity: 0.6; transform: translate(-50%, -50%) scale(1.3); } } .neural-connection { position: absolute; height: 1px; background: linear-gradient(90deg, transparent, rgba(0, 123, 255, 0.3), transparent); transform-origin: 0 0; animation: pulse-line 4s ease-in-out infinite; } @keyframes pulse-line { 0%, 100% { opacity: 0.1; } 50% { opacity: 0.4; } } /style>/head>body classanimated-bg> !-- Neural Network Background --> canvas idneural-network>/canvas> !-- Fixed Navigation --> nav classfixed top-0 w-full z-50 bg-#0A0A0A/95 backdrop-blur-xl border-b border-#1A1A1A> div classmax-w-7xl mx-auto px-6 py-3.5> div classflex items-center justify-between> !-- Logo Section --> div classflex items-center space-x-3> !-- Hexagonal Logo --> div classrelative group> div classabsolute inset-0 bg-gradient-to-br from-blue-500/20 to-purple-600/20 blur-lg group-hover:blur-xl transition-all duration-300>/div> div classrelative w-10 h-10 flex items-center justify-center> !-- Hexagon SVG --> svg classabsolute w-full h-full viewBox0 0 100 100> defs> linearGradient idhexGradient x10% y10% x2100% y2100%> stop offset0% stylestop-color:#007BFF;stop-opacity:1 /> stop offset100% stylestop-color:#7C3AED;stop-opacity:1 /> /linearGradient> /defs> polygon points50,5 95,27.5 95,72.5 50,95 5,72.5 5,27.5 fillnone strokeurl(#hexGradient) stroke-width2.5 classgroup-hover:stroke-3 transition-all duration-300/> /svg> !-- Inner Icon --> i data-lucidescan-eye classw-5 h-5 text-blue-400 relative z-10 group-hover:text-blue-300 transition-colors duration-300>/i> /div> /div> !-- Brand Name --> div classflex flex-col -space-y-1> span classtext-2xl font-bold tracking-tight text-white stylefont-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif; letter-spacing: 0.02em;>AURA/span> span classtext-10px text-gray-500 tracking-wider uppercase font-medium styleletter-spacing: 0.15em;>Diagnostics/span> /div> /div> !-- Navigation Links --> div classflex items-center space-x-8> a href/frontend/about.html classtext-sm text-gray-400 hover:text-white transition-colors duration-200 hidden md:block font-medium>About Us/a> !-- Professional Login Button --> a href/login classgroup relative overflow-hidden> div classabsolute inset-0 bg-gradient-to-r from-blue-600 to-blue-700 rounded-lg>/div> div classabsolute inset-0 bg-gradient-to-r from-blue-500 to-purple-600 rounded-lg opacity-0 group-hover:opacity-100 transition-opacity duration-300>/div> div classrelative flex items-center space-x-2 px-5 py-2.5 border border-blue-500/30 rounded-lg group-hover:border-blue-400/50 transition-all duration-300> span classtext-sm font-semibold text-white tracking-wide>Sign In/span> i data-lucidearrow-right classw-4 h-4 text-white transform group-hover:translate-x-1 transition-transform duration-300>/i> /div> /a> /div> /div> /div> /nav> !-- Hero Section --> section classrelative min-h-screen flex items-center pt-20 overflow-hidden> div classabsolute inset-0 grid-bg opacity-20>/div> div classmax-w-7xl mx-auto px-6 py-20 relative z-10 w-full> !-- Top: Text Content --> div classtext-center max-w-4xl mx-auto mb-16> h1 classtext-5xl md:text-7xl font-bold text-white mb-6 leading-tight reveal> Agentic AI for span classgradient-text>Glaucoma/span> Detection /h1> p classtext-lg md:text-xl text-gray-300 mb-8 leading-relaxed reveal max-w-3xl mx-auto> First-ever strong classtext-blue-400>autonomous AI agent/strong> that orchestrates multiple deep learning models, performs self-reasoning, and generates evidence-based clinical reports through intelligent decision-making. /p> div classflex flex-wrap gap-4 mb-12 reveal justify-center> a href/login classgroup relative px-8 py-4 bg-gradient-to-r from-blue-600 to-blue-700 hover:from-blue-700 hover:to-blue-800 text-white rounded-xl font-semibold text-lg transition shadow-lg hover:shadow-2xl glow> span classrelative z-10 flex items-center gap-2> Launch Platform i data-lucidearrow-right classw-5 h-5 group-hover:translate-x-1 transition>/i> /span> /a> button onclickscrollToScience() classpx-8 py-4 bg-#161B22 border-2 border-blue-500/30 hover:border-blue-500 text-white rounded-xl font-semibold text-lg transition> See Technology /button> /div> !-- Stats Grid --> div classgrid grid-cols-2 md:grid-cols-4 gap-4 reveal max-w-3xl mx-auto mb-12> div classtext-center p-4 bg-#0A0A0A/50 border border-#1A1A1A rounded-xl hover:border-blue-500/50 transition> div classtext-3xl font-bold text-blue-500 mb-1>94%/div> div classtext-xs text-gray-400>Detection Accuracy/div> /div> div classtext-center p-4 bg-#0A0A0A/50 border border-#1A1A1A rounded-xl hover:border-purple-500/50 transition> div classtext-3xl font-bold text-purple-500 mb-1><30s/div> div classtext-xs text-gray-400>Full Analysis/div> /div> div classtext-center p-4 bg-#0A0A0A/50 border border-#1A1A1A rounded-xl hover:border-cyan-500/50 transition> div classtext-3xl font-bold text-cyan-500 mb-1>5+/div> div classtext-xs text-gray-400>AI Models/div> /div> div classtext-center p-4 bg-#0A0A0A/50 border border-#1A1A1A rounded-xl hover:border-emerald-500/50 transition> div classtext-3xl font-bold text-emerald-500 mb-1>24/7/div> div classtext-xs text-gray-400>Availability/div> /div> /div> !-- Key Features --> div classgrid grid-cols-1 md:grid-cols-3 gap-4 reveal max-w-4xl mx-auto mb-12> div classflex items-start space-x-3 p-4 bg-#0A0A0A/30 border border-#1A1A1A/50 rounded-lg> div classbg-blue-500/10 p-2 rounded-lg> i data-lucidezap classw-5 h-5 text-blue-500>/i> /div> div> h4 classtext-sm font-semibold text-white mb-1>Multi-LLM Orchestration/h4> p classtext-xs text-gray-400>Gemini 2.0, GPT-4, Qwen 2.5 working in parallel/p> /div> /div> div classflex items-start space-x-3 p-4 bg-#0A0A0A/30 border border-#1A1A1A/50 rounded-lg> div classbg-purple-500/10 p-2 rounded-lg> i data-lucidebrain classw-5 h-5 text-purple-500>/i> /div> div> h4 classtext-sm font-semibold text-white mb-1>Self-Reasoning Agent/h4> p classtext-xs text-gray-400>Autonomous planning, reasoning & synthesis/p> /div> /div> div classflex items-start space-x-3 p-4 bg-#0A0A0A/30 border border-#1A1A1A/50 rounded-lg> div classbg-emerald-500/10 p-2 rounded-lg> i data-lucideshield-check classw-5 h-5 text-emerald-500>/i> /div> div> h4 classtext-sm font-semibold text-white mb-1>Clinical-Grade Reports/h4> p classtext-xs text-gray-400>PDF, HL7 FHIR, JSON export formats/p> /div> /div> /div> /div> !-- Bottom: Advanced AI Architecture Visualization --> div classrelative reveal max-w-5xl mx-auto> !-- Section header --> div classtext-center mb-6> h2 classtext-2xl md:text-3xl font-bold text-white mb-2> How It Works: span classgradient-text>AI Pipeline/span> /h2> p classtext-sm text-gray-400>Real-time multi-modal deep learning with autonomous agent orchestration/p> /div> div classrelative bg-#0A0A0A border border-#1A1A1A rounded-2xl p-8 overflow-hidden stylemin-height: 550px;> !-- Neural Network Background --> div classabsolute inset-0 opacity-10> svg classw-full h-full viewBox0 0 400 400> !-- Connection mesh --> line x150 y1100 x2200 y2150 stroke#007BFF stroke-width0.5 opacity0.3/> line x150 y1150 x2200 y2150 stroke#007BFF stroke-width0.5 opacity0.3/> line x150 y1200 x2200 y2150 stroke#007BFF stroke-width0.5 opacity0.3/> line x1200 y1150 x2350 y2200 stroke#7C3AED stroke-width0.5 opacity0.3/> circle cx100 cy120 r2 fill#007BFF opacity0.4/> circle cx150 cy180 r2 fill#7C3AED opacity0.4/> circle cx250 cy140 r2 fill#00D4FF opacity0.4/> /svg> /div> !-- Title --> div classtext-center mb-6 relative z-10> h3 classtext-xl font-bold text-white mb-2>Multi-Modal AI Fusion Architecture/h3> p classtext-sm text-gray-400 mb-3>Parallel Deep Learning Pipeline with Ensemble Intelligence/p> !-- ReAct Framework Badge --> div classinline-flex items-center space-x-2 bg-gradient-to-r from-orange-500/10 to-red-500/10 border border-orange-500/30 rounded-full px-4 py-2> i data-luciderepeat classw-4 h-4 text-orange-400>/i> span classtext-sm font-semibold text-orange-300>ReAct Framework/span> span classtext-xs text-orange-400/70>Reasoning + Acting/span> /div> /div> !-- ReAct Agentic Cycle --> div classmb-6 relative z-10> div classgrid grid-cols-5 gap-2 mb-4> !-- Thought/Reason --> div classrelative group> div classabsolute inset-0 bg-purple-500 blur-md opacity-10 group-hover:opacity-20 transition>/div> div classrelative bg-gradient-to-br from-purple-900/50 to-purple-700/50 border border-purple-500/40 rounded-lg p-3 text-center> div classw-10 h-10 bg-purple-500/20 rounded-full flex items-center justify-center mx-auto mb-2> i data-lucidebrain classw-5 h-5 text-purple-400>/i> /div> div classtext-11px font-bold text-purple-300 mb-1>THOUGHT/div> div classtext-8px text-purple-400/80>Reasoning/div> /div> !-- Arrow --> div classabsolute -right-1 top-1/2 transform translate-x-1/2 -translate-y-1/2 z-10> i data-lucidearrow-right classw-3 h-3 text-purple-500>/i> /div> /div> !-- Action --> div classrelative group> div classabsolute inset-0 bg-orange-500 blur-md opacity-10 group-hover:opacity-20 transition>/div> div classrelative bg-gradient-to-br from-orange-900/50 to-orange-700/50 border border-orange-500/40 rounded-lg p-3 text-center> div classw-10 h-10 bg-orange-500/20 rounded-full flex items-center justify-center mx-auto mb-2> i data-lucidezap classw-5 h-5 text-orange-400>/i> /div> div classtext-11px font-bold text-orange-300 mb-1>ACTION/div> div classtext-8px text-orange-400/80>Execute tools/div> /div> !-- Arrow --> div classabsolute -right-1 top-1/2 transform translate-x-1/2 -translate-y-1/2 z-10> i data-lucidearrow-right classw-3 h-3 text-orange-500>/i> /div> /div> !-- Observation --> div classrelative group> div classabsolute inset-0 bg-blue-500 blur-md opacity-10 group-hover:opacity-20 transition>/div> div classrelative bg-gradient-to-br from-blue-900/50 to-blue-700/50 border border-blue-500/40 rounded-lg p-3 text-center> div classw-10 h-10 bg-blue-500/20 rounded-full flex items-center justify-center mx-auto mb-2> i data-lucideeye classw-5 h-5 text-blue-400>/i> /div> div classtext-11px font-bold text-blue-300 mb-1>OBSERVE/div> div classtext-8px text-blue-400/80>Analyze output/div> /div> !-- Arrow --> div classabsolute -right-1 top-1/2 transform translate-x-1/2 -translate-y-1/2 z-10> i data-lucidearrow-right classw-3 h-3 text-blue-500>/i> /div> /div> !-- Reflect --> div classrelative group> div classabsolute inset-0 bg-cyan-500 blur-md opacity-10 group-hover:opacity-20 transition>/div> div classrelative bg-gradient-to-br from-cyan-900/50 to-cyan-700/50 border border-cyan-500/40 rounded-lg p-3 text-center> div classw-10 h-10 bg-cyan-500/20 rounded-full flex items-center justify-center mx-auto mb-2> i data-lucidelightbulb classw-5 h-5 text-cyan-400>/i> /div> div classtext-11px font-bold text-cyan-300 mb-1>REFLECT/div> div classtext-8px text-cyan-400/80>Self-evaluate/div> /div> !-- Arrow --> div classabsolute -right-1 top-1/2 transform translate-x-1/2 -translate-y-1/2 z-10> i data-lucidearrow-right classw-3 h-3 text-cyan-500>/i> /div> /div> !-- Decide --> div classrelative group> div classabsolute inset-0 bg-emerald-500 blur-md opacity-10 group-hover:opacity-20 transition>/div> div classrelative bg-gradient-to-br from-emerald-900/50 to-emerald-700/50 border border-emerald-500/40 rounded-lg p-3 text-center> div classw-10 h-10 bg-emerald-500/20 rounded-full flex items-center justify-center mx-auto mb-2> i data-lucidecheck-circle classw-5 h-5 text-emerald-400>/i> /div> div classtext-11px font-bold text-emerald-300 mb-1>DECIDE/div> div classtext-8px text-emerald-400/80>Next step/div> /div> /div> /div> !-- Feedback loop arrow --> div classflex justify-center> div classflex items-center space-x-2 text-9px text-gray-500> div classh-px w-24 bg-gradient-to-r from-transparent via-emerald-500/30 to-transparent>/div> i data-luciderepeat classw-3 h-3 text-emerald-500/50>/i> span classtext-emerald-400/60>Iterative Reasoning Loop/span> i data-luciderepeat classw-3 h-3 text-emerald-500/50>/i> div classh-px w-24 bg-gradient-to-r from-transparent via-emerald-500/30 to-transparent>/div> /div> /div> /div> !-- Architecture Diagram --> div classrelative z-10> !-- Input Layer --> div classflex justify-center mb-8> div classrelative group> div classabsolute inset-0 bg-blue-500 blur-xl opacity-15 group-hover:opacity-25 transition>/div> div classrelative bg-gradient-to-br from-blue-600 to-blue-800 border-2 border-blue-400 rounded-xl p-4 w-40> div classtext-center> i data-lucideimage classw-6 h-6 text-white mx-auto mb-2>/i> div classtext-xs font-bold text-white>INPUT LAYER/div> div classtext-10px text-blue-200 mt-1>Fundus Image/div> div classmt-2 space-y-1> div classflex items-center justify-between text-8px text-blue-300> span>Dimensions:/span> span classfont-mono>512×512/span> /div> div classflex items-center justify-between text-8px text-blue-300> span>Channels:/span> span classfont-mono>RGB (3)/span> /div> div classflex items-center justify-between text-8px text-blue-300> span>Format:/span> span classfont-mono>PNG/JPEG/span> /div> /div> /div> /div> /div> /div> !-- Flowing data arrows from input to AI agents --> div classflex justify-center mb-2 relative styleheight: 30px;> div classabsolute left-1/2 transform -translate-x-1/2> svg width4 height30 classflow-particle> circle cx2 cy15 r2 fill#06B6D4/> /svg> /div> /div> !-- AI AGENT ORCHESTRATION - PLANNING PHASE --> div classmb-8> div classtext-center mb-3> div classtext-base font-bold text-cyan-300 flex items-center justify-center gap-2> i data-lucidebrain classw-5 h-5 text-cyan-300>/i> AI AGENT PLANNING & ORCHESTRATION /div> div classtext-xs text-cyan-200 mt-1>Agents analyze task and plan tool usage/div> /div> !-- Specialized Agents Grid --> div classgrid grid-cols-5 gap-3 mb-4> !-- Planning Agent --> div classrelative group> div classabsolute inset-0 bg-blue-500 blur-md opacity-10 group-hover:opacity-20 transition>/div> div classrelative bg-gradient-to-br from-blue-900/80 to-blue-700/80 border border-blue-500/50 rounded-lg p-3> div classtext-center mb-2> div classtext-sm font-bold text-blue-300>🎯 Planning/div> div classtext-xs text-blue-400>Agent/div> /div> div classbg-blue-800/40 rounded p-1.5 mb-1> div classtext-11px text-blue-200>Workflow Design/div> div classh-1 bg-blue-500 rounded mt-1 stylewidth: 85%;>/div> /div> div classtext-10px text-blue-400 text-center>Gemini 2.0/div> /div> /div> !-- Tool Selection Agent --> div classrelative group> div classabsolute inset-0 bg-purple-500 blur-md opacity-10 group-hover:opacity-20 transition>/div> div classrelative bg-gradient-to-br from-purple-900/80 to-purple-700/80 border border-purple-500/50 rounded-lg p-3> div classtext-center mb-2> div classtext-sm font-bold text-purple-300>🔧 Tool Selection/div> div classtext-xs text-purple-400>Agent/div> /div> div classbg-purple-800/40 rounded p-1.5 mb-1> div classtext-11px text-purple-200>Smart Routing/div> div classh-1 bg-purple-500 rounded mt-1 stylewidth: 92%;>/div> /div> div classtext-10px text-purple-400 text-center>GPT-4/div> /div> /div> !-- Reasoning Agent --> div classrelative group> div classabsolute inset-0 bg-cyan-500 blur-md opacity-10 group-hover:opacity-20 transition>/div> div classrelative bg-gradient-to-br from-cyan-900/80 to-cyan-700/80 border border-cyan-500/50 rounded-lg p-3> div classtext-center mb-2> div classtext-sm font-bold text-cyan-300>🧠 Reasoning/div> div classtext-xs text-cyan-400>Agent/div> /div> div classbg-cyan-800/40 rounded p-1.5 mb-1> div classtext-11px text-cyan-200>Analysis/div> div classh-1 bg-cyan-500 rounded mt-1 stylewidth: 90%;>/div> /div> div classtext-10px text-cyan-400 text-center>Qwen 2.5/div> /div> /div> !-- Coordination Agent --> div classrelative group> div classabsolute inset-0 bg-green-500 blur-md opacity-10 group-hover:opacity-20 transition>/div> div classrelative bg-gradient-to-br from-green-900/80 to-green-700/80 border border-green-500/50 rounded-lg p-3> div classtext-center mb-2> div classtext-sm font-bold text-green-300>⚡ Coordination/div> div classtext-xs text-green-400>Agent/div> /div> div classbg-green-800/40 rounded p-1.5 mb-1> div classtext-11px text-green-200>Task Dispatch/div> div classh-1 bg-green-500 rounded mt-1 stylewidth: 88%;>/div> /div> div classtext-10px text-green-400 text-center>Gemini 2.0/div> /div> /div> !-- Quality Agent --> div classrelative group> div classabsolute inset-0 bg-orange-500 blur-md opacity-10 group-hover:opacity-20 transition>/div> div classrelative bg-gradient-to-br from-orange-900/80 to-orange-700/80 border border-orange-500/50 rounded-lg p-3> div classtext-center mb-2> div classtext-sm font-bold text-orange-300>✅ Quality/div> div classtext-xs text-orange-400>Agent/div> /div> div classbg-orange-800/40 rounded p-1.5 mb-1> div classtext-11px text-orange-200>Monitoring/div> div classh-1 bg-orange-500 rounded mt-1 stylewidth: 95%;>/div> /div> div classtext-10px text-orange-400 text-center>GPT-4/div> /div> /div> /div> !-- Framework info --> div classflex justify-center> div classbg-gradient-to-r from-cyan-900/60 to-blue-900/60 border border-cyan-500/40 rounded-lg px-4 py-2> div classflex gap-3 items-center flex-wrap justify-center> span classtext-xs px-2 py-1 bg-cyan-500/20 text-cyan-200 rounded border border-cyan-500/40>LangGraph/span> span classtext-xs px-2 py-1 bg-blue-500/20 text-blue-200 rounded border border-blue-500/40>ReAct Pattern/span> span classtext-xs px-2 py-1 bg-purple-500/20 text-purple-200 rounded border border-purple-500/40>Multi-LLM/span> /div> /div> /div> /div> !-- Agents commanding tools --> div classflex justify-center mb-2 relative styleheight: 40px;> div classtext-center mb-2> div classtext-xs text-cyan-400 font-semibold>↓ Agents dispatch tools ↓/div> /div> /div> !-- Parallel Processing Layer - TOOLS --> div classgrid grid-cols-4 gap-3 mb-8> !-- CNN Branch --> div classspace-y-2> div classrelative group> div classabsolute inset-0 bg-purple-500 blur-lg opacity-10 group-hover:opacity-20 transition node-pulse>/div> div classrelative bg-gradient-to-br from-purple-900/80 to-purple-700/80 border border-purple-500/50 rounded-lg p-3> div classflex items-center justify-between mb-1> div classtext-lg font-bold text-purple-300>CNN Tool/div> div classtext-sm text-purple-400>Conv2D/div> /div> div classtext-base text-purple-200 mb-2>EfficientNet-B4/div> !-- Neural layers visualization --> div classspace-y-1 mb-2> div classflex items-center space-x-1> div classh-1 flex-1 bg-gradient-to-r from-purple-600 to-purple-400 rounded>/div> span classtext-xs text-purple-300>256/span> /div> div classflex items-center space-x-1> div classh-1 flex-1 bg-gradient-to-r from-purple-500 to-purple-300 rounded stylewidth: 85%;>/div> span classtext-xs text-purple-300>128/span> /div> div classflex items-center space-x-1> div classh-1 flex-1 bg-gradient-to-r from-purple-400 to-purple-200 rounded stylewidth: 70%;>/div> span classtext-xs text-purple-300>64/span> /div> /div> div classflex items-center justify-between> div classtext-sm text-purple-400>Segmentation/div> div classtext-xs text-purple-500>ReLU • BatchNorm/div> /div> /div> /div> div classflex items-center justify-center> div classw-px h-4 bg-gradient-to-b from-purple-500 to-transparent>/div> /div> div classbg-purple-900/30 border border-purple-500/30 rounded px-2 py-1> div classtext-sm text-purple-300 font-semibold>Output/div> div classtext-xs text-purple-400>Cup/Disc Masks/div> div classtext-xs text-purple-500>IoU: 0.94/div> /div> /div> !-- SVM Branch --> div classspace-y-2> div classrelative group> div classabsolute inset-0 bg-green-500 blur-lg opacity-10 group-hover:opacity-20 transition node-pulse styleanimation-delay: 0.3s;>/div> div classrelative bg-gradient-to-br from-green-900/80 to-green-700/80 border border-green-500/50 rounded-lg p-3> div classflex items-center justify-between mb-1> div classtext-lg font-bold text-green-300>SVM Tool/div> div classtext-sm text-green-400>ML/div> /div> div classtext-base text-green-200 mb-2>Radial Basis Function/div> !-- Support vectors visualization --> div classmb-2> div classgrid grid-cols-4 gap-1> div classh-1.5 w-1.5 bg-green-500/40 rounded-full node-pulse>/div> div classh-1.5 w-1.5 bg-green-500/70 rounded-full node-pulse styleanimation-delay: 0.1s;>/div> div classh-1.5 w-1.5 bg-green-500/50 rounded-full node-pulse styleanimation-delay: 0.2s;>/div> div classh-1.5 w-1.5 bg-green-500/60 rounded-full node-pulse styleanimation-delay: 0.3s;>/div> div classh-1.5 w-1.5 bg-green-500/60 rounded-full node-pulse styleanimation-delay: 0.4s;>/div> div classh-1.5 w-1.5 bg-green-500/90 rounded-full node-pulse styleanimation-delay: 0.5s;>/div> div classh-1.5 w-1.5 bg-green-500/80 rounded-full node-pulse styleanimation-delay: 0.6s;>/div> div classh-1.5 w-1.5 bg-green-500/50 rounded-full node-pulse styleanimation-delay: 0.7s;>/div> /div> /div> div classflex items-center justify-between> div classtext-sm text-green-400>Classification/div> div classtext-xs text-green-500>γ0.001/div> /div> /div> /div> div classflex items-center justify-center> div classw-px h-4 bg-gradient-to-b from-green-500 to-transparent>/div> /div> div classbg-green-900/30 border border-green-500/30 rounded px-2 py-1> div classtext-sm text-green-300 font-semibold>Output/div> div classtext-xs text-green-400>Risk Probability/div> div classtext-xs text-green-500>AUC: 0.98/div> /div> /div> !-- YOLO Branch --> div classspace-y-2> div classrelative group> div classabsolute inset-0 bg-orange-500 blur-lg opacity-10 group-hover:opacity-20 transition node-pulse styleanimation-delay: 0.6s;>/div> div classrelative bg-gradient-to-br from-orange-900/80 to-orange-700/80 border border-orange-500/50 rounded-lg p-3> div classflex items-center justify-between mb-1> div classtext-lg font-bold text-orange-300>YOLO Tool/div> div classtext-sm text-orange-400>v8/div> /div> div classtext-base text-orange-200 mb-2>Object Detection/div> !-- Bounding box visualization --> div classmb-2 p-2 border border-orange-500/30 rounded> div classrelative> div classh-8 border-2 border-orange-500/60 rounded-sm relative overflow-hidden> !-- Detection boxes --> div classabsolute top-1 left-1 right-1 bottom-1 border border-orange-400/40 rounded-sm>/div> div classabsolute top-2 left-2 w-3 h-3 border border-orange-300/60 rounded-sm>/div> /div> /div> /div> div classflex items-center justify-between> div classtext-sm text-orange-400>Detection/div> div classtext-xs text-orange-500>mAP: 0.92/div> /div> /div> /div> div classflex items-center justify-center> div classw-px h-4 bg-gradient-to-b from-orange-500 to-transparent>/div> /div> div classbg-orange-900/30 border border-orange-500/30 rounded px-2 py-1> div classtext-sm text-orange-300 font-semibold>Output/div> div classtext-xs text-orange-400>ROI Coordinates/div> div classtext-xs text-orange-500>Conf: 0.96/div> /div> /div> /div> !-- Google Search Branch --> div classspace-y-2> div classrelative group> div classabsolute inset-0 bg-blue-500 blur-lg opacity-10 group-hover:opacity-20 transition node-pulse>/div> div classrelative bg-gradient-to-br from-blue-900/80 to-blue-700/80 border border-blue-500/50 rounded-lg p-3> div classflex items-center justify-between mb-1> div classtext-lg font-bold text-blue-300>Google Tool/div> div classtext-sm text-blue-400>API/div> /div> div classtext-base text-blue-200 mb-2>Web Search/div> !-- Compact Search visualization --> div classmb-2> div classgrid grid-cols-3 gap-1> div classh-1.5 w-1.5 bg-blue-500/40 rounded-full node-pulse>/div> div classh-1.5 w-1.5 bg-blue-500/70 rounded-full node-pulse styleanimation-delay: 0.1s;>/div> div classh-1.5 w-1.5 bg-blue-500/50 rounded-full node-pulse styleanimation-delay: 0.2s;>/div> div classh-1.5 w-1.5 bg-blue-500/60 rounded-full node-pulse styleanimation-delay: 0.3s;>/div> div classh-1.5 w-1.5 bg-blue-500/90 rounded-full node-pulse styleanimation-delay: 0.4s;>/div> div classh-1.5 w-1.5 bg-blue-500/80 rounded-full node-pulse styleanimation-delay: 0.5s;>/div> /div> /div> div classflex items-center justify-between> div classtext-sm text-blue-400>Research/div> div classtext-xs text-blue-500>Real-time/div> /div> /div> /div> div classflex items-center justify-center> div classw-px h-4 bg-gradient-to-b from-blue-500 to-transparent>/div> /div> div classbg-blue-900/30 border border-blue-500/30 rounded px-2 py-1> div classtext-sm text-blue-300 font-semibold>Output/div> div classtext-xs text-blue-400>Citations/div> div classtext-xs text-blue-500>Context/div> /div> /div> /div> !-- Tool results flowing back to agents --> div classflex justify-center mb-3 relative styleheight: 40px;> div classtext-center> div classtext-xs text-cyan-400 font-semibold>↓ Tools return results ↓/div> /div> /div> !-- AI AGENT SYNTHESIS & DISCUSSION PHASE --> div classmb-8> div classtext-center mb-3> div classtext-base font-bold text-emerald-300 flex items-center justify-center gap-2> i data-lucidemessages-square classw-5 h-5 text-emerald-300>/i> AI AGENT SYNTHESIS & DISCUSSION /div> div classtext-xs text-emerald-200 mt-1>Agents collaborate to analyze tool outputs/div> /div> !-- Discussion Grid --> div classgrid grid-cols-3 gap-4 mb-4> !-- Evidence Analysis --> div classrelative group> div classabsolute inset-0 bg-cyan-500 blur-lg opacity-10 group-hover:opacity-20 transition>/div> div classrelative bg-gradient-to-br from-cyan-900/80 to-cyan-700/80 border border-cyan-500/50 rounded-lg p-4> div classtext-center mb-2> div classtext-base font-bold text-cyan-300>🔍 Evidence Analysis/div> div classtext-sm text-cyan-400>Reasoning Agent/div> /div> div classbg-cyan-800/40 rounded p-2 mb-2> div classtext-xs text-cyan-200 mb-1>Analyzing tool outputs:/div> div classspace-y-1> div classflex items-center gap-1> div classw-1.5 h-1.5 bg-purple-500 rounded-full>/div> div classtext-11px text-cyan-300>CNN: CDR 0.68/div> /div> div classflex items-center gap-1> div classw-1.5 h-1.5 bg-green-500 rounded-full>/div> div classtext-11px text-cyan-300>SVM: 82% risk/div> /div> div classflex items-center gap-1> div classw-1.5 h-1.5 bg-orange-500 rounded-full>/div> div classtext-11px text-cyan-300>YOLO: Detected ROI/div> /div> div classflex items-center gap-1> div classw-1.5 h-1.5 bg-blue-500 rounded-full>/div> div classtext-11px text-cyan-300>Google: 15 studies/div> /div> /div> /div> div classtext-11px text-cyan-400 text-center>Qwen 2.5 • Chain-of-Thought/div> /div> /div> !-- Consensus Building --> div classrelative group> div classabsolute inset-0 bg-green-500 blur-lg opacity-10 group-hover:opacity-20 transition>/div> div classrelative bg-gradient-to-br from-green-900/80 to-green-700/80 border border-green-500/50 rounded-lg p-4> div classtext-center mb-2> div classtext-base font-bold text-green-300>⚡ Evidence Fusion/div> div classtext-sm text-green-400>Synthesis Agent/div> /div> div classbg-green-800/40 rounded p-2 mb-2> div classtext-xs text-green-200 mb-1>Combining insights:/div> div classspace-y-1> div classh-1 bg-green-500/60 rounded stylewidth: 85%;>/div> div classtext-11px text-green-300>Multi-modal agreement/div> div classh-1 bg-green-500/80 rounded stylewidth: 92%;>/div> div classtext-11px text-green-300>Clinical correlation/div> div classh-1 bg-green-500/70 rounded stylewidth: 78%;>/div> div classtext-11px text-green-300>Evidence strength/div> /div> /div> div classtext-11px text-green-400 text-center>Gemini 2.0 • Fusion/div> /div> /div> !-- Quality Validation --> div classrelative group> div classabsolute inset-0 bg-orange-500 blur-lg opacity-10 group-hover:opacity-20 transition>/div> div classrelative bg-gradient-to-br from-orange-900/80 to-orange-700/80 border border-orange-500/50 rounded-lg p-4> div classtext-center mb-2> div classtext-base font-bold text-orange-300>✅ Quality Check/div> div classtext-sm text-orange-400>Validation Agent/div> /div> div classbg-orange-800/40 rounded p-2 mb-2> div classtext-xs text-orange-200 mb-1>Verification:/div> div classspace-y-1> div classflex justify-between items-center> div classtext-11px text-orange-300>Consistency/div> div classtext-11px text-orange-400>✓/div> /div> div classflex justify-between items-center> div classtext-11px text-orange-300>Completeness/div> div classtext-11px text-orange-400>✓/div> /div> div classflex justify-between items-center> div classtext-11px text-orange-300>Medical validity/div> div classtext-11px text-orange-400>✓/div> /div> div classflex justify-between items-center> div classtext-11px text-orange-300>Citation accuracy/div> div classtext-11px text-orange-400>✓/div> /div> /div> /div> div classtext-11px text-orange-400 text-center>GPT-4 • Validation/div> /div> /div> /div> !-- Framework info --> div classflex justify-center> div classbg-gradient-to-r from-emerald-900/60 to-cyan-900/60 border border-emerald-500/40 rounded-lg px-4 py-2> div classtext-center text-xs text-emerald-200 mb-1>Multi-Agent Collaboration/div> div classflex gap-3 items-center flex-wrap justify-center> span classtext-xs px-2 py-1 bg-emerald-500/20 text-emerald-200 rounded border border-emerald-500/40>LangGraph/span> span classtext-xs px-2 py-1 bg-cyan-500/20 text-cyan-200 rounded border border-cyan-500/40>Inter-Agent Communication/span> span classtext-xs px-2 py-1 bg-blue-500/20 text-blue-200 rounded border border-blue-500/40>Consensus Protocol/span> /div> /div> /div> /div> !-- Final report generation --> div classflex justify-center mb-3 relative styleheight: 40px;> div classtext-center> div classtext-xs text-emerald-400 font-semibold>↓ Generating final report ↓/div> /div> /div> !-- Output Layer --> div classflex justify-center> div classrelative group> div classabsolute inset-0 bg-emerald-500 blur-xl opacity-15 group-hover:opacity-25 transition>/div> div classrelative bg-gradient-to-br from-emerald-600 to-emerald-800 border-2 border-emerald-400 rounded-xl p-5 w-56> div classtext-center> i data-lucidefile-check classw-7 h-7 text-white mx-auto mb-2>/i> div classtext-sm font-bold text-white>CLINICAL REPORT/div> div classtext-xs text-emerald-200 mt-1>Comprehensive Analysis/div> !-- Report structure visualization --> div classmt-3 space-y-2 text-left> div classflex items-center space-x-2> div classh-px flex-1 bg-emerald-300/60>/div> span classtext-10px text-emerald-300>CDR Ratio/span> /div> div classflex items-center space-x-2> div classh-px flex-1 bg-emerald-300/50>/div> span classtext-10px text-emerald-300>ISNT Rule/span> /div> div classflex items-center space-x-2> div classh-px flex-1 bg-emerald-300/40>/div> span classtext-10px text-emerald-300>Risk Score/span> /div> div classflex items-center space-x-2> div classh-px flex-1 bg-emerald-300/30>/div> span classtext-10px text-emerald-300>Recommendations/span> /div> /div> div classmt-3 text-10px text-emerald-400> PDF • HL7 FHIR • JSON /div> /div> /div> /div> /div> /div> !-- Metrics Footer --> div classmt-6 pt-4 border-t border-#30363D relative z-10> div classgrid grid-cols-5 gap-3 text-center mb-3> div> div classtext-blue-500 text-sm font-bold>4/div> div classtext-11px text-gray-500>Tools/div> /div> div> div classtext-purple-500 text-sm font-bold>5/div> div classtext-11px text-gray-500>Agents/div> /div> div> div classtext-cyan-500 text-sm font-bold>Parallel/div> div classtext-11px text-gray-500>Execution/div> /div> div> div classtext-emerald-500 text-sm font-bold><30s/div> div classtext-11px text-gray-500>Inference/div> /div> div> div classtext-orange-500 text-sm font-bold>94%/div> div classtext-11px text-gray-500>Accuracy/div> /div> /div> !-- Technical specs --> div classmt-3 pt-3 border-t border-#30363D/50> div classflex flex-wrap gap-2 justify-center> span classtext-10px px-2 py-1 bg-purple-500/10 text-purple-400 rounded border border-purple-500/30>PyTorch 2.0/span> span classtext-10px px-2 py-1 bg-green-500/10 text-green-400 rounded border border-green-500/30>scikit-learn/span> span classtext-10px px-2 py-1 bg-orange-500/10 text-orange-400 rounded border border-orange-500/30>Ultralytics/span> span classtext-10px px-2 py-1 bg-cyan-500/10 text-cyan-400 rounded border border-cyan-500/30>LangGraph/span> span classtext-10px px-2 py-1 bg-blue-500/10 text-blue-400 rounded border border-blue-500/30>CUDA 11.8/span> /div> /div> /div> /div> /div> /div> /div> /div> /section> !-- Scientific Features Section --> section idscience classpy-32 relative> div classmax-w-7xl mx-auto px-6> div classtext-center mb-16 reveal> h2 classtext-5xl font-bold text-white mb-4> Clinical-Grade span classgradient-text>AI Technology/span> /h2> p classtext-xl text-gray-400 max-w-3xl mx-auto> Built on peer-reviewed research and validated clinical protocols /p> /div> div classgrid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8> !-- Feature Cards --> div classfeature-card bg-#0A0A0A border border-#1A1A1A rounded-2xl p-8 reveal> div classbg-blue-500/10 w-14 h-14 rounded-xl flex items-center justify-center mb-5> i data-lucidecpu classw-7 h-7 text-blue-500>/i> /div> h3 classtext-xl font-bold text-white mb-3>Deep Learning Architecture/h3> p classtext-gray-400 mb-4> EfficientNet-B4 backbone with custom heads for optic disc/cup segmentation achieving 99.2% IoU accuracy. /p> div classflex flex-wrap gap-2> span classtext-xs bg-blue-500/10 text-blue-400 px-2 py-1 rounded>PyTorch/span> span classtext-xs bg-blue-500/10 text-blue-400 px-2 py-1 rounded>ResNet-50/span> /div> /div> div classfeature-card bg-#0A0A0A border border-#1A1A1A rounded-2xl p-8 reveal> div classbg-purple-500/10 w-14 h-14 rounded-xl flex items-center justify-center mb-5> i data-lucidebrain classw-7 h-7 text-purple-500>/i> /div> h3 classtext-xl font-bold text-white mb-3>AI Agent Framework/h3> p classtext-gray-400 mb-4> LangGraph-powered autonomous agent with planning, reasoning, and reflection capabilities for clinical decision support. /p> div classflex flex-wrap gap-2> span classtext-xs bg-purple-500/10 text-purple-400 px-2 py-1 rounded>LangGraph/span> span classtext-xs bg-purple-500/10 text-purple-400 px-2 py-1 rounded>Gemini/span> /div> /div> div classfeature-card bg-#0A0A0A border border-#1A1A1A rounded-2xl p-8 reveal> div classbg-green-500/10 w-14 h-14 rounded-xl flex items-center justify-center mb-5> i data-lucideactivity classw-7 h-7 text-green-500>/i> /div> h3 classtext-xl font-bold text-white mb-3>CDR & ISNT Analysis/h3> p classtext-gray-400 mb-4> Automated cup-to-disc ratio calculation and ISNT rule verification following established clinical protocols. /p> div classflex flex-wrap gap-2> span classtext-xs bg-green-500/10 text-green-400 px-2 py-1 rounded>CDR/span> span classtext-xs bg-green-500/10 text-green-400 px-2 py-1 rounded>ISNT/span> /div> /div> div classfeature-card bg-#0A0A0A border border-#1A1A1A rounded-2xl p-8 reveal> div classbg-orange-500/10 w-14 h-14 rounded-xl flex items-center justify-center mb-5> i data-lucidemessage-square classw-7 h-7 text-orange-500>/i> /div> h3 classtext-xl font-bold text-white mb-3>Interactive Diagnosis/h3> p classtext-gray-400 mb-4> Conversational AI interface for differential diagnosis, treatment recommendations, and clinical queries. /p> div classflex flex-wrap gap-2> span classtext-xs bg-orange-500/10 text-orange-400 px-2 py-1 rounded>NLP/span> span classtext-xs bg-orange-500/10 text-orange-400 px-2 py-1 rounded>RAG/span> /div> /div> div classfeature-card bg-#0A0A0A border border-#1A1A1A rounded-2xl p-8 reveal> div classbg-cyan-500/10 w-14 h-14 rounded-xl flex items-center justify-center mb-5> i data-lucideshield-check classw-7 h-7 text-cyan-500>/i> /div> h3 classtext-xl font-bold text-white mb-3>HIPAA Compliant/h3> p classtext-gray-400 mb-4> Enterprise-grade security with JWT authentication, encrypted storage, and comprehensive audit trails. /p> div classflex flex-wrap gap-2> span classtext-xs bg-cyan-500/10 text-cyan-400 px-2 py-1 rounded>PostgreSQL/span> span classtext-xs bg-cyan-500/10 text-cyan-400 px-2 py-1 rounded>MinIO/span> /div> /div> div classfeature-card bg-#0A0A0A border border-#1A1A1A rounded-2xl p-8 reveal> div classbg-pink-500/10 w-14 h-14 rounded-xl flex items-center justify-center mb-5> i data-lucidefile-text classw-7 h-7 text-pink-500>/i> /div> h3 classtext-xl font-bold text-white mb-3>Clinical Reports/h3> p classtext-gray-400 mb-4> Automated generation of structured clinical reports with evidence citations and treatment recommendations. /p> div classflex flex-wrap gap-2> span classtext-xs bg-pink-500/10 text-pink-400 px-2 py-1 rounded>PDF/span> span classtext-xs bg-pink-500/10 text-pink-400 px-2 py-1 rounded>HL7/span> /div> /div> /div> /div> /section> !-- Footer --> footer classbg-#0A0A0A border-t border-#1A1A1A py-12> div classmax-w-7xl mx-auto px-6> div classflex flex-col md:flex-row items-center justify-between> div classflex items-center space-x-3 mb-6 md:mb-0> div classbg-gradient-to-br from-blue-500 to-purple-600 p-2 rounded-xl> i data-lucideeye classw-6 h-6 text-white>/i> /div> div> div classtext-xl font-bold text-white>AURA/div> div classtext-xs text-gray-400>Autonomous AI Medical Systems/div> /div> /div> div classtext-gray-400 text-sm text-center md:text-right> p>© 2025 AURA Medical AI. All rights reserved./p> p classtext-xs mt-1>Clinical-Grade • HIPAA Compliant • FDA Ready/p> /div> /div> /div> /footer> script> // Initialize Lucide icons lucide.createIcons(); // Space Background with Stars const canvas document.getElementById(neural-network); const ctx canvas.getContext(2d); // Set canvas size function resizeCanvas() { canvas.width window.innerWidth; canvas.height document.documentElement.scrollHeight; } resizeCanvas(); window.addEventListener(resize, resizeCanvas); // Stars with depth layers const stars ; const starCount 500; // Many more stars class Star { constructor() { this.x Math.random() * canvas.width; this.y Math.random() * canvas.height; // Create depth with different sizes and brightness this.layer Math.random(); if (this.layer > 0.8) { // Close stars - subtle blue-white this.radius 1.2 + Math.random() * 0.8; this.baseOpacity 0.4 + Math.random() * 0.3; this.speed 0.15 + Math.random() * 0.1; this.color Math.random() > 0.5 ? blue-white : grey-white; } else if (this.layer > 0.5) { // Medium stars - greyish blue this.radius 0.8 + Math.random() * 0.4; this.baseOpacity 0.3 + Math.random() * 0.2; this.speed 0.08 + Math.random() * 0.07; this.color Math.random() > 0.6 ? blue : grey; } else { // Distant dim stars - very faint grey this.radius 0.4 + Math.random() * 0.4; this.baseOpacity 0.15 + Math.random() * 0.15; this.speed 0.03 + Math.random() * 0.04; this.color faint-grey; } this.twinkleSpeed Math.random() * 0.015 + 0.005; this.phase Math.random() * Math.PI * 2; } update() { this.phase + this.twinkleSpeed; // Parallax movement effect (stars drift slowly) this.x - this.speed; // Wrap around when star goes off screen if (this.x -10) { this.x canvas.width + 10; this.y Math.random() * canvas.height; } } draw() { const twinkle Math.sin(this.phase) * 0.5 + 0.5; const currentOpacity this.baseOpacity * (0.4 + twinkle * 0.6); // Enhanced star glow with subtle colors const glowRadius this.radius * (this.layer > 0.7 ? 5 : 3); const glow ctx.createRadialGradient(this.x, this.y, 0, this.x, this.y, glowRadius); if (this.color blue-white) { glow.addColorStop(0, `rgba(220, 230, 245, ${currentOpacity})`); glow.addColorStop(0.2, `rgba(200, 215, 240, ${currentOpacity * 0.5})`); glow.addColorStop(0.5, `rgba(180, 200, 230, ${currentOpacity * 0.2})`); glow.addColorStop(1, rgba(150, 170, 200, 0)); } else if (this.color grey-white) { glow.addColorStop(0, `rgba(230, 230, 235, ${currentOpacity})`); glow.addColorStop(0.2, `rgba(210, 210, 220, ${currentOpacity * 0.5})`); glow.addColorStop(0.5, `rgba(190, 190, 200, ${currentOpacity * 0.2})`); glow.addColorStop(1, rgba(160, 160, 180, 0)); } else if (this.color blue) { glow.addColorStop(0, `rgba(190, 205, 230, ${currentOpacity * 0.8})`); glow.addColorStop(0.3, `rgba(170, 185, 215, ${currentOpacity * 0.4})`); glow.addColorStop(1, rgba(140, 160, 190, 0)); } else if (this.color grey) { glow.addColorStop(0, `rgba(200, 200, 210, ${currentOpacity * 0.7})`); glow.addColorStop(0.3, `rgba(180, 180, 195, ${currentOpacity * 0.3})`); glow.addColorStop(1, rgba(150, 150, 170, 0)); } else { // faint-grey glow.addColorStop(0, `rgba(180, 180, 190, ${currentOpacity * 0.6})`); glow.addColorStop(0.4, `rgba(160, 160, 175, ${currentOpacity * 0.2})`); glow.addColorStop(1, rgba(130, 130, 150, 0)); } ctx.fillStyle glow; ctx.beginPath(); ctx.arc(this.x, this.y, glowRadius, 0, Math.PI * 2); ctx.fill(); // Star core with subtle color let coreColor; if (this.color blue-white || this.color blue) { coreColor `rgba(210, 220, 240, ${currentOpacity})`; } else { coreColor `rgba(220, 220, 230, ${currentOpacity})`; } ctx.fillStyle coreColor; ctx.beginPath(); ctx.arc(this.x, this.y, this.radius, 0, Math.PI * 2); ctx.fill(); // Subtle sparkle effect for brightest stars if (this.layer > 0.85 && twinkle > 0.75) { ctx.strokeStyle `rgba(220, 225, 235, ${currentOpacity * 0.4})`; ctx.lineWidth 0.5; ctx.beginPath(); ctx.moveTo(this.x - this.radius * 2.5, this.y); ctx.lineTo(this.x + this.radius * 2.5, this.y); ctx.moveTo(this.x, this.y - this.radius * 2.5); ctx.lineTo(this.x, this.y + this.radius * 2.5); ctx.stroke(); } } } // Initialize stars for (let i 0; i starCount; i++) { stars.push(new Star()); } // Animation loop function animate() { // Fill with pure black ctx.fillStyle #000000; ctx.fillRect(0, 0, canvas.width, canvas.height); stars.forEach(star > { star.update(); star.draw(); }); requestAnimationFrame(animate); } animate(); // Reinitialize on resize window.addEventListener(resize, () > { resizeCanvas(); stars.length 0; for (let i 0; i starCount; i++) { stars.push(new Star()); } }); // Recalculate canvas height on scroll let resizeTimeout; window.addEventListener(scroll, () > { clearTimeout(resizeTimeout); resizeTimeout setTimeout(() > { if (canvas.height ! document.documentElement.scrollHeight) { resizeCanvas(); } }, 100); }); // Smooth scroll function scrollToScience() { document.getElementById(science).scrollIntoView({ behavior: smooth }); } // Scroll reveal animation const reveals document.querySelectorAll(.reveal); function checkReveal() { reveals.forEach(element > { const windowHeight window.innerHeight; const elementTop element.getBoundingClientRect().top; const elementVisible 100; if (elementTop windowHeight - elementVisible) { element.classList.add(active); } }); } window.addEventListener(scroll, checkReveal); window.addEventListener(load, checkReveal); checkReveal(); // Add smooth entrance animation on load setTimeout(() > { document.querySelectorAll(.reveal).forEach((el, index) > { setTimeout(() > { el.classList.add(active); }, index * 100); }); }, 300); /script>/body>/html>
Port 443
HTTP/1.1 200 OKDate: Fri, 06 Feb 2026 19:38:48 GMTContent-Type: text/html; charsetutf-8Transfer-Encoding: chunkedConnection: keep-aliveAccept-Ranges: bytesCache-Control: no-storeReport-To: {group:cf-nel,max_age:604800,endpoints:{url:https://a.nel.cloudflare.com/report/v4?s5umCyiCvU0Q6OjOna1xCbGyFrxZEKfIrVQ6Mb9FtzDV0paPN0q63qmTRKcGdWtmajWZUPd4UAXoZJxNeC7EDUdDFhgI6iAWxsonE%2Bo8fFekIM4na}}last-modified: Mon, 03 Nov 2025 11:29:04 GMTServer: cloudflarecf-cache-status: DYNAMICNel: {report_to:cf-nel,success_fraction:0.0,max_age:604800}CF-RAY: 9c9d1c26ec5c20eb-PDXalt-svc: h3:443; ma86400 !DOCTYPE html>html langen>head> meta charsetUTF-8> meta nameviewport contentwidthdevice-width, initial-scale1.0> title>AURA - Autonomous AI Glaucoma Diagnosis/title> !-- Favicon --> link relicon typeimage/svg+xml href/frontend/favicon.svg> link relalternate icon href/frontend/favicon.svg> script srchttps://cdn.tailwindcss.com>/script> script srchttps://unpkg.com/lucide@latest>/script> style> :root { --bg-primary: #000000; --bg-secondary: #0A0A0A; --border-color: #1A1A1A; --accent-blue: #007BFF; --accent-purple: #7C3AED; } body { background: #000000; min-height: 100vh; overflow-x: hidden; } /* Animated gradient background */ .animated-bg { background: #000000; } @keyframes gradientShift { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } /* Gradient text effects */ .gradient-text { background: linear-gradient(135deg, #007BFF 0%, #00D4FF 50%, #7C3AED 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; animation: gradientFlow 3s ease infinite; background-size: 200% auto; } @keyframes gradientFlow { 0%, 100% { background-position: 0% center; } 50% { background-position: 100% center; } } /* Feature cards */ .feature-card { transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); position: relative; overflow: hidden; } .feature-card::before { content: ; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(0, 123, 255, 0.1), transparent); transition: left 0.5s; } .feature-card:hover::before { left: 100%; } .feature-card:hover { transform: translateY(-8px); box-shadow: 0 20px 40px rgba(0, 123, 255, 0.3); border-color: #007BFF; } /* Pulse animation */ @keyframes pulse-ring { 0% { transform: scale(0.8); opacity: 0; } 50% { opacity: 0.3; } 100% { transform: scale(1.4); opacity: 0; } } .pulse-ring { animation: pulse-ring 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; } /* Glowing effect */ .glow { box-shadow: 0 0 20px rgba(0, 123, 255, 0.4); } .glow-text { text-shadow: 0 0 20px rgba(0, 123, 255, 0.5); } /* Grid background */ .grid-bg { background-image: linear-gradient(rgba(0, 123, 255, 0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 123, 255, 0.03) 1px, transparent 1px); background-size: 50px 50px; } /* Workflow animation */ @keyframes flowPath { 0% { stroke-dashoffset: 1000; } 100% { stroke-dashoffset: 0; } } .flow-path { stroke-dasharray: 10 5; animation: flowPath 3s linear infinite; } @keyframes pulse { 0%, 100% { opacity: 0.6; transform: scale(1); } 50% { opacity: 1; transform: scale(1.05); } } .node-pulse { animation: pulse 2s ease-in-out infinite; } /* Data processing animation */ @keyframes dataFlow { 0% { transform: translateX(-20px); opacity: 0; } 50% { opacity: 1; } 100% { transform: translateX(20px); opacity: 0; } } .data-flow { animation: dataFlow 2s ease-in-out infinite; } /* Flowing data particles */ @keyframes flowDown { 0% { transform: translateY(0); opacity: 0; } 20% { opacity: 1; } 80% { opacity: 1; } 100% { transform: translateY(100px); opacity: 0; } } .flow-particle { animation: flowDown 3s ease-in-out infinite; } /* Processing animation for progress bars */ @keyframes processing { 0%, 100% { width: var(--width); opacity: 0.8; } 50% { width: calc(var(--width) + 5%); opacity: 1; } } /* Reveal on scroll */ .reveal { opacity: 0; transform: translateY(30px); transition: all 0.8s ease-out; } .reveal.active { opacity: 1; transform: translateY(0); } /* Neural Network Background */ #neural-network { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; pointer-events: none; } .neural-node { position: absolute; width: 4px; height: 4px; background: radial-gradient(circle, #007BFF 0%, transparent 70%); border-radius: 50%; animation: sparkle 3s ease-in-out infinite; } .neural-node::before { content: ; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 12px; height: 12px; background: radial-gradient(circle, rgba(0, 123, 255, 0.4) 0%, transparent 70%); border-radius: 50%; animation: pulse-glow 2s ease-in-out infinite; } @keyframes sparkle { 0%, 100% { opacity: 0.3; transform: scale(1); } 50% { opacity: 1; transform: scale(1.5); } } @keyframes pulse-glow { 0%, 100% { opacity: 0.2; transform: translate(-50%, -50%) scale(1); } 50% { opacity: 0.6; transform: translate(-50%, -50%) scale(1.3); } } .neural-connection { position: absolute; height: 1px; background: linear-gradient(90deg, transparent, rgba(0, 123, 255, 0.3), transparent); transform-origin: 0 0; animation: pulse-line 4s ease-in-out infinite; } @keyframes pulse-line { 0%, 100% { opacity: 0.1; } 50% { opacity: 0.4; } } /style>/head>body classanimated-bg> !-- Neural Network Background --> canvas idneural-network>/canvas> !-- Fixed Navigation --> nav classfixed top-0 w-full z-50 bg-#0A0A0A/95 backdrop-blur-xl border-b border-#1A1A1A> div classmax-w-7xl mx-auto px-6 py-3.5> div classflex items-center justify-between> !-- Logo Section --> div classflex items-center space-x-3> !-- Hexagonal Logo --> div classrelative group> div classabsolute inset-0 bg-gradient-to-br from-blue-500/20 to-purple-600/20 blur-lg group-hover:blur-xl transition-all duration-300>/div> div classrelative w-10 h-10 flex items-center justify-center> !-- Hexagon SVG --> svg classabsolute w-full h-full viewBox0 0 100 100> defs> linearGradient idhexGradient x10% y10% x2100% y2100%> stop offset0% stylestop-color:#007BFF;stop-opacity:1 /> stop offset100% stylestop-color:#7C3AED;stop-opacity:1 /> /linearGradient> /defs> polygon points50,5 95,27.5 95,72.5 50,95 5,72.5 5,27.5 fillnone strokeurl(#hexGradient) stroke-width2.5 classgroup-hover:stroke-3 transition-all duration-300/> /svg> !-- Inner Icon --> i data-lucidescan-eye classw-5 h-5 text-blue-400 relative z-10 group-hover:text-blue-300 transition-colors duration-300>/i> /div> /div> !-- Brand Name --> div classflex flex-col -space-y-1> span classtext-2xl font-bold tracking-tight text-white stylefont-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif; letter-spacing: 0.02em;>AURA/span> span classtext-10px text-gray-500 tracking-wider uppercase font-medium styleletter-spacing: 0.15em;>Diagnostics/span> /div> /div> !-- Navigation Links --> div classflex items-center space-x-8> a href/frontend/about.html classtext-sm text-gray-400 hover:text-white transition-colors duration-200 hidden md:block font-medium>About Us/a> !-- Professional Login Button --> a href/login classgroup relative overflow-hidden> div classabsolute inset-0 bg-gradient-to-r from-blue-600 to-blue-700 rounded-lg>/div> div classabsolute inset-0 bg-gradient-to-r from-blue-500 to-purple-600 rounded-lg opacity-0 group-hover:opacity-100 transition-opacity duration-300>/div> div classrelative flex items-center space-x-2 px-5 py-2.5 border border-blue-500/30 rounded-lg group-hover:border-blue-400/50 transition-all duration-300> span classtext-sm font-semibold text-white tracking-wide>Sign In/span> i data-lucidearrow-right classw-4 h-4 text-white transform group-hover:translate-x-1 transition-transform duration-300>/i> /div> /a> /div> /div> /div> /nav> !-- Hero Section --> section classrelative min-h-screen flex items-center pt-20 overflow-hidden> div classabsolute inset-0 grid-bg opacity-20>/div> div classmax-w-7xl mx-auto px-6 py-20 relative z-10 w-full> !-- Top: Text Content --> div classtext-center max-w-4xl mx-auto mb-16> h1 classtext-5xl md:text-7xl font-bold text-white mb-6 leading-tight reveal> Agentic AI for span classgradient-text>Glaucoma/span> Detection /h1> p classtext-lg md:text-xl text-gray-300 mb-8 leading-relaxed reveal max-w-3xl mx-auto> First-ever strong classtext-blue-400>autonomous AI agent/strong> that orchestrates multiple deep learning models, performs self-reasoning, and generates evidence-based clinical reports through intelligent decision-making. /p> div classflex flex-wrap gap-4 mb-12 reveal justify-center> a href/login classgroup relative px-8 py-4 bg-gradient-to-r from-blue-600 to-blue-700 hover:from-blue-700 hover:to-blue-800 text-white rounded-xl font-semibold text-lg transition shadow-lg hover:shadow-2xl glow> span classrelative z-10 flex items-center gap-2> Launch Platform i data-lucidearrow-right classw-5 h-5 group-hover:translate-x-1 transition>/i> /span> /a> button onclickscrollToScience() classpx-8 py-4 bg-#161B22 border-2 border-blue-500/30 hover:border-blue-500 text-white rounded-xl font-semibold text-lg transition> See Technology /button> /div> !-- Stats Grid --> div classgrid grid-cols-2 md:grid-cols-4 gap-4 reveal max-w-3xl mx-auto mb-12> div classtext-center p-4 bg-#0A0A0A/50 border border-#1A1A1A rounded-xl hover:border-blue-500/50 transition> div classtext-3xl font-bold text-blue-500 mb-1>94%/div> div classtext-xs text-gray-400>Detection Accuracy/div> /div> div classtext-center p-4 bg-#0A0A0A/50 border border-#1A1A1A rounded-xl hover:border-purple-500/50 transition> div classtext-3xl font-bold text-purple-500 mb-1><30s/div> div classtext-xs text-gray-400>Full Analysis/div> /div> div classtext-center p-4 bg-#0A0A0A/50 border border-#1A1A1A rounded-xl hover:border-cyan-500/50 transition> div classtext-3xl font-bold text-cyan-500 mb-1>5+/div> div classtext-xs text-gray-400>AI Models/div> /div> div classtext-center p-4 bg-#0A0A0A/50 border border-#1A1A1A rounded-xl hover:border-emerald-500/50 transition> div classtext-3xl font-bold text-emerald-500 mb-1>24/7/div> div classtext-xs text-gray-400>Availability/div> /div> /div> !-- Key Features --> div classgrid grid-cols-1 md:grid-cols-3 gap-4 reveal max-w-4xl mx-auto mb-12> div classflex items-start space-x-3 p-4 bg-#0A0A0A/30 border border-#1A1A1A/50 rounded-lg> div classbg-blue-500/10 p-2 rounded-lg> i data-lucidezap classw-5 h-5 text-blue-500>/i> /div> div> h4 classtext-sm font-semibold text-white mb-1>Multi-LLM Orchestration/h4> p classtext-xs text-gray-400>Gemini 2.0, GPT-4, Qwen 2.5 working in parallel/p> /div> /div> div classflex items-start space-x-3 p-4 bg-#0A0A0A/30 border border-#1A1A1A/50 rounded-lg> div classbg-purple-500/10 p-2 rounded-lg> i data-lucidebrain classw-5 h-5 text-purple-500>/i> /div> div> h4 classtext-sm font-semibold text-white mb-1>Self-Reasoning Agent/h4> p classtext-xs text-gray-400>Autonomous planning, reasoning & synthesis/p> /div> /div> div classflex items-start space-x-3 p-4 bg-#0A0A0A/30 border border-#1A1A1A/50 rounded-lg> div classbg-emerald-500/10 p-2 rounded-lg> i data-lucideshield-check classw-5 h-5 text-emerald-500>/i> /div> div> h4 classtext-sm font-semibold text-white mb-1>Clinical-Grade Reports/h4> p classtext-xs text-gray-400>PDF, HL7 FHIR, JSON export formats/p> /div> /div> /div> /div> !-- Bottom: Advanced AI Architecture Visualization --> div classrelative reveal max-w-5xl mx-auto> !-- Section header --> div classtext-center mb-6> h2 classtext-2xl md:text-3xl font-bold text-white mb-2> How It Works: span classgradient-text>AI Pipeline/span> /h2> p classtext-sm text-gray-400>Real-time multi-modal deep learning with autonomous agent orchestration/p> /div> div classrelative bg-#0A0A0A border border-#1A1A1A rounded-2xl p-8 overflow-hidden stylemin-height: 550px;> !-- Neural Network Background --> div classabsolute inset-0 opacity-10> svg classw-full h-full viewBox0 0 400 400> !-- Connection mesh --> line x150 y1100 x2200 y2150 stroke#007BFF stroke-width0.5 opacity0.3/> line x150 y1150 x2200 y2150 stroke#007BFF stroke-width0.5 opacity0.3/> line x150 y1200 x2200 y2150 stroke#007BFF stroke-width0.5 opacity0.3/> line x1200 y1150 x2350 y2200 stroke#7C3AED stroke-width0.5 opacity0.3/> circle cx100 cy120 r2 fill#007BFF opacity0.4/> circle cx150 cy180 r2 fill#7C3AED opacity0.4/> circle cx250 cy140 r2 fill#00D4FF opacity0.4/> /svg> /div> !-- Title --> div classtext-center mb-6 relative z-10> h3 classtext-xl font-bold text-white mb-2>Multi-Modal AI Fusion Architecture/h3> p classtext-sm text-gray-400 mb-3>Parallel Deep Learning Pipeline with Ensemble Intelligence/p> !-- ReAct Framework Badge --> div classinline-flex items-center space-x-2 bg-gradient-to-r from-orange-500/10 to-red-500/10 border border-orange-500/30 rounded-full px-4 py-2> i data-luciderepeat classw-4 h-4 text-orange-400>/i> span classtext-sm font-semibold text-orange-300>ReAct Framework/span> span classtext-xs text-orange-400/70>Reasoning + Acting/span> /div> /div> !-- ReAct Agentic Cycle --> div classmb-6 relative z-10> div classgrid grid-cols-5 gap-2 mb-4> !-- Thought/Reason --> div classrelative group> div classabsolute inset-0 bg-purple-500 blur-md opacity-10 group-hover:opacity-20 transition>/div> div classrelative bg-gradient-to-br from-purple-900/50 to-purple-700/50 border border-purple-500/40 rounded-lg p-3 text-center> div classw-10 h-10 bg-purple-500/20 rounded-full flex items-center justify-center mx-auto mb-2> i data-lucidebrain classw-5 h-5 text-purple-400>/i> /div> div classtext-11px font-bold text-purple-300 mb-1>THOUGHT/div> div classtext-8px text-purple-400/80>Reasoning/div> /div> !-- Arrow --> div classabsolute -right-1 top-1/2 transform translate-x-1/2 -translate-y-1/2 z-10> i data-lucidearrow-right classw-3 h-3 text-purple-500>/i> /div> /div> !-- Action --> div classrelative group> div classabsolute inset-0 bg-orange-500 blur-md opacity-10 group-hover:opacity-20 transition>/div> div classrelative bg-gradient-to-br from-orange-900/50 to-orange-700/50 border border-orange-500/40 rounded-lg p-3 text-center> div classw-10 h-10 bg-orange-500/20 rounded-full flex items-center justify-center mx-auto mb-2> i data-lucidezap classw-5 h-5 text-orange-400>/i> /div> div classtext-11px font-bold text-orange-300 mb-1>ACTION/div> div classtext-8px text-orange-400/80>Execute tools/div> /div> !-- Arrow --> div classabsolute -right-1 top-1/2 transform translate-x-1/2 -translate-y-1/2 z-10> i data-lucidearrow-right classw-3 h-3 text-orange-500>/i> /div> /div> !-- Observation --> div classrelative group> div classabsolute inset-0 bg-blue-500 blur-md opacity-10 group-hover:opacity-20 transition>/div> div classrelative bg-gradient-to-br from-blue-900/50 to-blue-700/50 border border-blue-500/40 rounded-lg p-3 text-center> div classw-10 h-10 bg-blue-500/20 rounded-full flex items-center justify-center mx-auto mb-2> i data-lucideeye classw-5 h-5 text-blue-400>/i> /div> div classtext-11px font-bold text-blue-300 mb-1>OBSERVE/div> div classtext-8px text-blue-400/80>Analyze output/div> /div> !-- Arrow --> div classabsolute -right-1 top-1/2 transform translate-x-1/2 -translate-y-1/2 z-10> i data-lucidearrow-right classw-3 h-3 text-blue-500>/i> /div> /div> !-- Reflect --> div classrelative group> div classabsolute inset-0 bg-cyan-500 blur-md opacity-10 group-hover:opacity-20 transition>/div> div classrelative bg-gradient-to-br from-cyan-900/50 to-cyan-700/50 border border-cyan-500/40 rounded-lg p-3 text-center> div classw-10 h-10 bg-cyan-500/20 rounded-full flex items-center justify-center mx-auto mb-2> i data-lucidelightbulb classw-5 h-5 text-cyan-400>/i> /div> div classtext-11px font-bold text-cyan-300 mb-1>REFLECT/div> div classtext-8px text-cyan-400/80>Self-evaluate/div> /div> !-- Arrow --> div classabsolute -right-1 top-1/2 transform translate-x-1/2 -translate-y-1/2 z-10> i data-lucidearrow-right classw-3 h-3 text-cyan-500>/i> /div> /div> !-- Decide --> div classrelative group> div classabsolute inset-0 bg-emerald-500 blur-md opacity-10 group-hover:opacity-20 transition>/div> div classrelative bg-gradient-to-br from-emerald-900/50 to-emerald-700/50 border border-emerald-500/40 rounded-lg p-3 text-center> div classw-10 h-10 bg-emerald-500/20 rounded-full flex items-center justify-center mx-auto mb-2> i data-lucidecheck-circle classw-5 h-5 text-emerald-400>/i> /div> div classtext-11px font-bold text-emerald-300 mb-1>DECIDE/div> div classtext-8px text-emerald-400/80>Next step/div> /div> /div> /div> !-- Feedback loop arrow --> div classflex justify-center> div classflex items-center space-x-2 text-9px text-gray-500> div classh-px w-24 bg-gradient-to-r from-transparent via-emerald-500/30 to-transparent>/div> i data-luciderepeat classw-3 h-3 text-emerald-500/50>/i> span classtext-emerald-400/60>Iterative Reasoning Loop/span> i data-luciderepeat classw-3 h-3 text-emerald-500/50>/i> div classh-px w-24 bg-gradient-to-r from-transparent via-emerald-500/30 to-transparent>/div> /div> /div> /div> !-- Architecture Diagram --> div classrelative z-10> !-- Input Layer --> div classflex justify-center mb-8> div classrelative group> div classabsolute inset-0 bg-blue-500 blur-xl opacity-15 group-hover:opacity-25 transition>/div> div classrelative bg-gradient-to-br from-blue-600 to-blue-800 border-2 border-blue-400 rounded-xl p-4 w-40> div classtext-center> i data-lucideimage classw-6 h-6 text-white mx-auto mb-2>/i> div classtext-xs font-bold text-white>INPUT LAYER/div> div classtext-10px text-blue-200 mt-1>Fundus Image/div> div classmt-2 space-y-1> div classflex items-center justify-between text-8px text-blue-300> span>Dimensions:/span> span classfont-mono>512×512/span> /div> div classflex items-center justify-between text-8px text-blue-300> span>Channels:/span> span classfont-mono>RGB (3)/span> /div> div classflex items-center justify-between text-8px text-blue-300> span>Format:/span> span classfont-mono>PNG/JPEG/span> /div> /div> /div> /div> /div> /div> !-- Flowing data arrows from input to AI agents --> div classflex justify-center mb-2 relative styleheight: 30px;> div classabsolute left-1/2 transform -translate-x-1/2> svg width4 height30 classflow-particle> circle cx2 cy15 r2 fill#06B6D4/> /svg> /div> /div> !-- AI AGENT ORCHESTRATION - PLANNING PHASE --> div classmb-8> div classtext-center mb-3> div classtext-base font-bold text-cyan-300 flex items-center justify-center gap-2> i data-lucidebrain classw-5 h-5 text-cyan-300>/i> AI AGENT PLANNING & ORCHESTRATION /div> div classtext-xs text-cyan-200 mt-1>Agents analyze task and plan tool usage/div> /div> !-- Specialized Agents Grid --> div classgrid grid-cols-5 gap-3 mb-4> !-- Planning Agent --> div classrelative group> div classabsolute inset-0 bg-blue-500 blur-md opacity-10 group-hover:opacity-20 transition>/div> div classrelative bg-gradient-to-br from-blue-900/80 to-blue-700/80 border border-blue-500/50 rounded-lg p-3> div classtext-center mb-2> div classtext-sm font-bold text-blue-300>🎯 Planning/div> div classtext-xs text-blue-400>Agent/div> /div> div classbg-blue-800/40 rounded p-1.5 mb-1> div classtext-11px text-blue-200>Workflow Design/div> div classh-1 bg-blue-500 rounded mt-1 stylewidth: 85%;>/div> /div> div classtext-10px text-blue-400 text-center>Gemini 2.0/div> /div> /div> !-- Tool Selection Agent --> div classrelative group> div classabsolute inset-0 bg-purple-500 blur-md opacity-10 group-hover:opacity-20 transition>/div> div classrelative bg-gradient-to-br from-purple-900/80 to-purple-700/80 border border-purple-500/50 rounded-lg p-3> div classtext-center mb-2> div classtext-sm font-bold text-purple-300>🔧 Tool Selection/div> div classtext-xs text-purple-400>Agent/div> /div> div classbg-purple-800/40 rounded p-1.5 mb-1> div classtext-11px text-purple-200>Smart Routing/div> div classh-1 bg-purple-500 rounded mt-1 stylewidth: 92%;>/div> /div> div classtext-10px text-purple-400 text-center>GPT-4/div> /div> /div> !-- Reasoning Agent --> div classrelative group> div classabsolute inset-0 bg-cyan-500 blur-md opacity-10 group-hover:opacity-20 transition>/div> div classrelative bg-gradient-to-br from-cyan-900/80 to-cyan-700/80 border border-cyan-500/50 rounded-lg p-3> div classtext-center mb-2> div classtext-sm font-bold text-cyan-300>🧠 Reasoning/div> div classtext-xs text-cyan-400>Agent/div> /div> div classbg-cyan-800/40 rounded p-1.5 mb-1> div classtext-11px text-cyan-200>Analysis/div> div classh-1 bg-cyan-500 rounded mt-1 stylewidth: 90%;>/div> /div> div classtext-10px text-cyan-400 text-center>Qwen 2.5/div> /div> /div> !-- Coordination Agent --> div classrelative group> div classabsolute inset-0 bg-green-500 blur-md opacity-10 group-hover:opacity-20 transition>/div> div classrelative bg-gradient-to-br from-green-900/80 to-green-700/80 border border-green-500/50 rounded-lg p-3> div classtext-center mb-2> div classtext-sm font-bold text-green-300>⚡ Coordination/div> div classtext-xs text-green-400>Agent/div> /div> div classbg-green-800/40 rounded p-1.5 mb-1> div classtext-11px text-green-200>Task Dispatch/div> div classh-1 bg-green-500 rounded mt-1 stylewidth: 88%;>/div> /div> div classtext-10px text-green-400 text-center>Gemini 2.0/div> /div> /div> !-- Quality Agent --> div classrelative group> div classabsolute inset-0 bg-orange-500 blur-md opacity-10 group-hover:opacity-20 transition>/div> div classrelative bg-gradient-to-br from-orange-900/80 to-orange-700/80 border border-orange-500/50 rounded-lg p-3> div classtext-center mb-2> div classtext-sm font-bold text-orange-300>✅ Quality/div> div classtext-xs text-orange-400>Agent/div> /div> div classbg-orange-800/40 rounded p-1.5 mb-1> div classtext-11px text-orange-200>Monitoring/div> div classh-1 bg-orange-500 rounded mt-1 stylewidth: 95%;>/div> /div> div classtext-10px text-orange-400 text-center>GPT-4/div> /div> /div> /div> !-- Framework info --> div classflex justify-center> div classbg-gradient-to-r from-cyan-900/60 to-blue-900/60 border border-cyan-500/40 rounded-lg px-4 py-2> div classflex gap-3 items-center flex-wrap justify-center> span classtext-xs px-2 py-1 bg-cyan-500/20 text-cyan-200 rounded border border-cyan-500/40>LangGraph/span> span classtext-xs px-2 py-1 bg-blue-500/20 text-blue-200 rounded border border-blue-500/40>ReAct Pattern/span> span classtext-xs px-2 py-1 bg-purple-500/20 text-purple-200 rounded border border-purple-500/40>Multi-LLM/span> /div> /div> /div> /div> !-- Agents commanding tools --> div classflex justify-center mb-2 relative styleheight: 40px;> div classtext-center mb-2> div classtext-xs text-cyan-400 font-semibold>↓ Agents dispatch tools ↓/div> /div> /div> !-- Parallel Processing Layer - TOOLS --> div classgrid grid-cols-4 gap-3 mb-8> !-- CNN Branch --> div classspace-y-2> div classrelative group> div classabsolute inset-0 bg-purple-500 blur-lg opacity-10 group-hover:opacity-20 transition node-pulse>/div> div classrelative bg-gradient-to-br from-purple-900/80 to-purple-700/80 border border-purple-500/50 rounded-lg p-3> div classflex items-center justify-between mb-1> div classtext-lg font-bold text-purple-300>CNN Tool/div> div classtext-sm text-purple-400>Conv2D/div> /div> div classtext-base text-purple-200 mb-2>EfficientNet-B4/div> !-- Neural layers visualization --> div classspace-y-1 mb-2> div classflex items-center space-x-1> div classh-1 flex-1 bg-gradient-to-r from-purple-600 to-purple-400 rounded>/div> span classtext-xs text-purple-300>256/span> /div> div classflex items-center space-x-1> div classh-1 flex-1 bg-gradient-to-r from-purple-500 to-purple-300 rounded stylewidth: 85%;>/div> span classtext-xs text-purple-300>128/span> /div> div classflex items-center space-x-1> div classh-1 flex-1 bg-gradient-to-r from-purple-400 to-purple-200 rounded stylewidth: 70%;>/div> span classtext-xs text-purple-300>64/span> /div> /div> div classflex items-center justify-between> div classtext-sm text-purple-400>Segmentation/div> div classtext-xs text-purple-500>ReLU • BatchNorm/div> /div> /div> /div> div classflex items-center justify-center> div classw-px h-4 bg-gradient-to-b from-purple-500 to-transparent>/div> /div> div classbg-purple-900/30 border border-purple-500/30 rounded px-2 py-1> div classtext-sm text-purple-300 font-semibold>Output/div> div classtext-xs text-purple-400>Cup/Disc Masks/div> div classtext-xs text-purple-500>IoU: 0.94/div> /div> /div> !-- SVM Branch --> div classspace-y-2> div classrelative group> div classabsolute inset-0 bg-green-500 blur-lg opacity-10 group-hover:opacity-20 transition node-pulse styleanimation-delay: 0.3s;>/div> div classrelative bg-gradient-to-br from-green-900/80 to-green-700/80 border border-green-500/50 rounded-lg p-3> div classflex items-center justify-between mb-1> div classtext-lg font-bold text-green-300>SVM Tool/div> div classtext-sm text-green-400>ML/div> /div> div classtext-base text-green-200 mb-2>Radial Basis Function/div> !-- Support vectors visualization --> div classmb-2> div classgrid grid-cols-4 gap-1> div classh-1.5 w-1.5 bg-green-500/40 rounded-full node-pulse>/div> div classh-1.5 w-1.5 bg-green-500/70 rounded-full node-pulse styleanimation-delay: 0.1s;>/div> div classh-1.5 w-1.5 bg-green-500/50 rounded-full node-pulse styleanimation-delay: 0.2s;>/div> div classh-1.5 w-1.5 bg-green-500/60 rounded-full node-pulse styleanimation-delay: 0.3s;>/div> div classh-1.5 w-1.5 bg-green-500/60 rounded-full node-pulse styleanimation-delay: 0.4s;>/div> div classh-1.5 w-1.5 bg-green-500/90 rounded-full node-pulse styleanimation-delay: 0.5s;>/div> div classh-1.5 w-1.5 bg-green-500/80 rounded-full node-pulse styleanimation-delay: 0.6s;>/div> div classh-1.5 w-1.5 bg-green-500/50 rounded-full node-pulse styleanimation-delay: 0.7s;>/div> /div> /div> div classflex items-center justify-between> div classtext-sm text-green-400>Classification/div> div classtext-xs text-green-500>γ0.001/div> /div> /div> /div> div classflex items-center justify-center> div classw-px h-4 bg-gradient-to-b from-green-500 to-transparent>/div> /div> div classbg-green-900/30 border border-green-500/30 rounded px-2 py-1> div classtext-sm text-green-300 font-semibold>Output/div> div classtext-xs text-green-400>Risk Probability/div> div classtext-xs text-green-500>AUC: 0.98/div> /div> /div> !-- YOLO Branch --> div classspace-y-2> div classrelative group> div classabsolute inset-0 bg-orange-500 blur-lg opacity-10 group-hover:opacity-20 transition node-pulse styleanimation-delay: 0.6s;>/div> div classrelative bg-gradient-to-br from-orange-900/80 to-orange-700/80 border border-orange-500/50 rounded-lg p-3> div classflex items-center justify-between mb-1> div classtext-lg font-bold text-orange-300>YOLO Tool/div> div classtext-sm text-orange-400>v8/div> /div> div classtext-base text-orange-200 mb-2>Object Detection/div> !-- Bounding box visualization --> div classmb-2 p-2 border border-orange-500/30 rounded> div classrelative> div classh-8 border-2 border-orange-500/60 rounded-sm relative overflow-hidden> !-- Detection boxes --> div classabsolute top-1 left-1 right-1 bottom-1 border border-orange-400/40 rounded-sm>/div> div classabsolute top-2 left-2 w-3 h-3 border border-orange-300/60 rounded-sm>/div> /div> /div> /div> div classflex items-center justify-between> div classtext-sm text-orange-400>Detection/div> div classtext-xs text-orange-500>mAP: 0.92/div> /div> /div> /div> div classflex items-center justify-center> div classw-px h-4 bg-gradient-to-b from-orange-500 to-transparent>/div> /div> div classbg-orange-900/30 border border-orange-500/30 rounded px-2 py-1> div classtext-sm text-orange-300 font-semibold>Output/div> div classtext-xs text-orange-400>ROI Coordinates/div> div classtext-xs text-orange-500>Conf: 0.96/div> /div> /div> /div> !-- Google Search Branch --> div classspace-y-2> div classrelative group> div classabsolute inset-0 bg-blue-500 blur-lg opacity-10 group-hover:opacity-20 transition node-pulse>/div> div classrelative bg-gradient-to-br from-blue-900/80 to-blue-700/80 border border-blue-500/50 rounded-lg p-3> div classflex items-center justify-between mb-1> div classtext-lg font-bold text-blue-300>Google Tool/div> div classtext-sm text-blue-400>API/div> /div> div classtext-base text-blue-200 mb-2>Web Search/div> !-- Compact Search visualization --> div classmb-2> div classgrid grid-cols-3 gap-1> div classh-1.5 w-1.5 bg-blue-500/40 rounded-full node-pulse>/div> div classh-1.5 w-1.5 bg-blue-500/70 rounded-full node-pulse styleanimation-delay: 0.1s;>/div> div classh-1.5 w-1.5 bg-blue-500/50 rounded-full node-pulse styleanimation-delay: 0.2s;>/div> div classh-1.5 w-1.5 bg-blue-500/60 rounded-full node-pulse styleanimation-delay: 0.3s;>/div> div classh-1.5 w-1.5 bg-blue-500/90 rounded-full node-pulse styleanimation-delay: 0.4s;>/div> div classh-1.5 w-1.5 bg-blue-500/80 rounded-full node-pulse styleanimation-delay: 0.5s;>/div> /div> /div> div classflex items-center justify-between> div classtext-sm text-blue-400>Research/div> div classtext-xs text-blue-500>Real-time/div> /div> /div> /div> div classflex items-center justify-center> div classw-px h-4 bg-gradient-to-b from-blue-500 to-transparent>/div> /div> div classbg-blue-900/30 border border-blue-500/30 rounded px-2 py-1> div classtext-sm text-blue-300 font-semibold>Output/div> div classtext-xs text-blue-400>Citations/div> div classtext-xs text-blue-500>Context/div> /div> /div> /div> !-- Tool results flowing back to agents --> div classflex justify-center mb-3 relative styleheight: 40px;> div classtext-center> div classtext-xs text-cyan-400 font-semibold>↓ Tools return results ↓/div> /div> /div> !-- AI AGENT SYNTHESIS & DISCUSSION PHASE --> div classmb-8> div classtext-center mb-3> div classtext-base font-bold text-emerald-300 flex items-center justify-center gap-2> i data-lucidemessages-square classw-5 h-5 text-emerald-300>/i> AI AGENT SYNTHESIS & DISCUSSION /div> div classtext-xs text-emerald-200 mt-1>Agents collaborate to analyze tool outputs/div> /div> !-- Discussion Grid --> div classgrid grid-cols-3 gap-4 mb-4> !-- Evidence Analysis --> div classrelative group> div classabsolute inset-0 bg-cyan-500 blur-lg opacity-10 group-hover:opacity-20 transition>/div> div classrelative bg-gradient-to-br from-cyan-900/80 to-cyan-700/80 border border-cyan-500/50 rounded-lg p-4> div classtext-center mb-2> div classtext-base font-bold text-cyan-300>🔍 Evidence Analysis/div> div classtext-sm text-cyan-400>Reasoning Agent/div> /div> div classbg-cyan-800/40 rounded p-2 mb-2> div classtext-xs text-cyan-200 mb-1>Analyzing tool outputs:/div> div classspace-y-1> div classflex items-center gap-1> div classw-1.5 h-1.5 bg-purple-500 rounded-full>/div> div classtext-11px text-cyan-300>CNN: CDR 0.68/div> /div> div classflex items-center gap-1> div classw-1.5 h-1.5 bg-green-500 rounded-full>/div> div classtext-11px text-cyan-300>SVM: 82% risk/div> /div> div classflex items-center gap-1> div classw-1.5 h-1.5 bg-orange-500 rounded-full>/div> div classtext-11px text-cyan-300>YOLO: Detected ROI/div> /div> div classflex items-center gap-1> div classw-1.5 h-1.5 bg-blue-500 rounded-full>/div> div classtext-11px text-cyan-300>Google: 15 studies/div> /div> /div> /div> div classtext-11px text-cyan-400 text-center>Qwen 2.5 • Chain-of-Thought/div> /div> /div> !-- Consensus Building --> div classrelative group> div classabsolute inset-0 bg-green-500 blur-lg opacity-10 group-hover:opacity-20 transition>/div> div classrelative bg-gradient-to-br from-green-900/80 to-green-700/80 border border-green-500/50 rounded-lg p-4> div classtext-center mb-2> div classtext-base font-bold text-green-300>⚡ Evidence Fusion/div> div classtext-sm text-green-400>Synthesis Agent/div> /div> div classbg-green-800/40 rounded p-2 mb-2> div classtext-xs text-green-200 mb-1>Combining insights:/div> div classspace-y-1> div classh-1 bg-green-500/60 rounded stylewidth: 85%;>/div> div classtext-11px text-green-300>Multi-modal agreement/div> div classh-1 bg-green-500/80 rounded stylewidth: 92%;>/div> div classtext-11px text-green-300>Clinical correlation/div> div classh-1 bg-green-500/70 rounded stylewidth: 78%;>/div> div classtext-11px text-green-300>Evidence strength/div> /div> /div> div classtext-11px text-green-400 text-center>Gemini 2.0 • Fusion/div> /div> /div> !-- Quality Validation --> div classrelative group> div classabsolute inset-0 bg-orange-500 blur-lg opacity-10 group-hover:opacity-20 transition>/div> div classrelative bg-gradient-to-br from-orange-900/80 to-orange-700/80 border border-orange-500/50 rounded-lg p-4> div classtext-center mb-2> div classtext-base font-bold text-orange-300>✅ Quality Check/div> div classtext-sm text-orange-400>Validation Agent/div> /div> div classbg-orange-800/40 rounded p-2 mb-2> div classtext-xs text-orange-200 mb-1>Verification:/div> div classspace-y-1> div classflex justify-between items-center> div classtext-11px text-orange-300>Consistency/div> div classtext-11px text-orange-400>✓/div> /div> div classflex justify-between items-center> div classtext-11px text-orange-300>Completeness/div> div classtext-11px text-orange-400>✓/div> /div> div classflex justify-between items-center> div classtext-11px text-orange-300>Medical validity/div> div classtext-11px text-orange-400>✓/div> /div> div classflex justify-between items-center> div classtext-11px text-orange-300>Citation accuracy/div> div classtext-11px text-orange-400>✓/div> /div> /div> /div> div classtext-11px text-orange-400 text-center>GPT-4 • Validation/div> /div> /div> /div> !-- Framework info --> div classflex justify-center> div classbg-gradient-to-r from-emerald-900/60 to-cyan-900/60 border border-emerald-500/40 rounded-lg px-4 py-2> div classtext-center text-xs text-emerald-200 mb-1>Multi-Agent Collaboration/div> div classflex gap-3 items-center flex-wrap justify-center> span classtext-xs px-2 py-1 bg-emerald-500/20 text-emerald-200 rounded border border-emerald-500/40>LangGraph/span> span classtext-xs px-2 py-1 bg-cyan-500/20 text-cyan-200 rounded border border-cyan-500/40>Inter-Agent Communication/span> span classtext-xs px-2 py-1 bg-blue-500/20 text-blue-200 rounded border border-blue-500/40>Consensus Protocol/span> /div> /div> /div> /div> !-- Final report generation --> div classflex justify-center mb-3 relative styleheight: 40px;> div classtext-center> div classtext-xs text-emerald-400 font-semibold>↓ Generating final report ↓/div> /div> /div> !-- Output Layer --> div classflex justify-center> div classrelative group> div classabsolute inset-0 bg-emerald-500 blur-xl opacity-15 group-hover:opacity-25 transition>/div> div classrelative bg-gradient-to-br from-emerald-600 to-emerald-800 border-2 border-emerald-400 rounded-xl p-5 w-56> div classtext-center> i data-lucidefile-check classw-7 h-7 text-white mx-auto mb-2>/i> div classtext-sm font-bold text-white>CLINICAL REPORT/div> div classtext-xs text-emerald-200 mt-1>Comprehensive Analysis/div> !-- Report structure visualization --> div classmt-3 space-y-2 text-left> div classflex items-center space-x-2> div classh-px flex-1 bg-emerald-300/60>/div> span classtext-10px text-emerald-300>CDR Ratio/span> /div> div classflex items-center space-x-2> div classh-px flex-1 bg-emerald-300/50>/div> span classtext-10px text-emerald-300>ISNT Rule/span> /div> div classflex items-center space-x-2> div classh-px flex-1 bg-emerald-300/40>/div> span classtext-10px text-emerald-300>Risk Score/span> /div> div classflex items-center space-x-2> div classh-px flex-1 bg-emerald-300/30>/div> span classtext-10px text-emerald-300>Recommendations/span> /div> /div> div classmt-3 text-10px text-emerald-400> PDF • HL7 FHIR • JSON /div> /div> /div> /div> /div> /div> !-- Metrics Footer --> div classmt-6 pt-4 border-t border-#30363D relative z-10> div classgrid grid-cols-5 gap-3 text-center mb-3> div> div classtext-blue-500 text-sm font-bold>4/div> div classtext-11px text-gray-500>Tools/div> /div> div> div classtext-purple-500 text-sm font-bold>5/div> div classtext-11px text-gray-500>Agents/div> /div> div> div classtext-cyan-500 text-sm font-bold>Parallel/div> div classtext-11px text-gray-500>Execution/div> /div> div> div classtext-emerald-500 text-sm font-bold><30s/div> div classtext-11px text-gray-500>Inference/div> /div> div> div classtext-orange-500 text-sm font-bold>94%/div> div classtext-11px text-gray-500>Accuracy/div> /div> /div> !-- Technical specs --> div classmt-3 pt-3 border-t border-#30363D/50> div classflex flex-wrap gap-2 justify-center> span classtext-10px px-2 py-1 bg-purple-500/10 text-purple-400 rounded border border-purple-500/30>PyTorch 2.0/span> span classtext-10px px-2 py-1 bg-green-500/10 text-green-400 rounded border border-green-500/30>scikit-learn/span> span classtext-10px px-2 py-1 bg-orange-500/10 text-orange-400 rounded border border-orange-500/30>Ultralytics/span> span classtext-10px px-2 py-1 bg-cyan-500/10 text-cyan-400 rounded border border-cyan-500/30>LangGraph/span> span classtext-10px px-2 py-1 bg-blue-500/10 text-blue-400 rounded border border-blue-500/30>CUDA 11.8/span> /div> /div> /div> /div> /div> /div> /div> /div> /section> !-- Scientific Features Section --> section idscience classpy-32 relative> div classmax-w-7xl mx-auto px-6> div classtext-center mb-16 reveal> h2 classtext-5xl font-bold text-white mb-4> Clinical-Grade span classgradient-text>AI Technology/span> /h2> p classtext-xl text-gray-400 max-w-3xl mx-auto> Built on peer-reviewed research and validated clinical protocols /p> /div> div classgrid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8> !-- Feature Cards --> div classfeature-card bg-#0A0A0A border border-#1A1A1A rounded-2xl p-8 reveal> div classbg-blue-500/10 w-14 h-14 rounded-xl flex items-center justify-center mb-5> i data-lucidecpu classw-7 h-7 text-blue-500>/i> /div> h3 classtext-xl font-bold text-white mb-3>Deep Learning Architecture/h3> p classtext-gray-400 mb-4> EfficientNet-B4 backbone with custom heads for optic disc/cup segmentation achieving 99.2% IoU accuracy. /p> div classflex flex-wrap gap-2> span classtext-xs bg-blue-500/10 text-blue-400 px-2 py-1 rounded>PyTorch/span> span classtext-xs bg-blue-500/10 text-blue-400 px-2 py-1 rounded>ResNet-50/span> /div> /div> div classfeature-card bg-#0A0A0A border border-#1A1A1A rounded-2xl p-8 reveal> div classbg-purple-500/10 w-14 h-14 rounded-xl flex items-center justify-center mb-5> i data-lucidebrain classw-7 h-7 text-purple-500>/i> /div> h3 classtext-xl font-bold text-white mb-3>AI Agent Framework/h3> p classtext-gray-400 mb-4> LangGraph-powered autonomous agent with planning, reasoning, and reflection capabilities for clinical decision support. /p> div classflex flex-wrap gap-2> span classtext-xs bg-purple-500/10 text-purple-400 px-2 py-1 rounded>LangGraph/span> span classtext-xs bg-purple-500/10 text-purple-400 px-2 py-1 rounded>Gemini/span> /div> /div> div classfeature-card bg-#0A0A0A border border-#1A1A1A rounded-2xl p-8 reveal> div classbg-green-500/10 w-14 h-14 rounded-xl flex items-center justify-center mb-5> i data-lucideactivity classw-7 h-7 text-green-500>/i> /div> h3 classtext-xl font-bold text-white mb-3>CDR & ISNT Analysis/h3> p classtext-gray-400 mb-4> Automated cup-to-disc ratio calculation and ISNT rule verification following established clinical protocols. /p> div classflex flex-wrap gap-2> span classtext-xs bg-green-500/10 text-green-400 px-2 py-1 rounded>CDR/span> span classtext-xs bg-green-500/10 text-green-400 px-2 py-1 rounded>ISNT/span> /div> /div> div classfeature-card bg-#0A0A0A border border-#1A1A1A rounded-2xl p-8 reveal> div classbg-orange-500/10 w-14 h-14 rounded-xl flex items-center justify-center mb-5> i data-lucidemessage-square classw-7 h-7 text-orange-500>/i> /div> h3 classtext-xl font-bold text-white mb-3>Interactive Diagnosis/h3> p classtext-gray-400 mb-4> Conversational AI interface for differential diagnosis, treatment recommendations, and clinical queries. /p> div classflex flex-wrap gap-2> span classtext-xs bg-orange-500/10 text-orange-400 px-2 py-1 rounded>NLP/span> span classtext-xs bg-orange-500/10 text-orange-400 px-2 py-1 rounded>RAG/span> /div> /div> div classfeature-card bg-#0A0A0A border border-#1A1A1A rounded-2xl p-8 reveal> div classbg-cyan-500/10 w-14 h-14 rounded-xl flex items-center justify-center mb-5> i data-lucideshield-check classw-7 h-7 text-cyan-500>/i> /div> h3 classtext-xl font-bold text-white mb-3>HIPAA Compliant/h3> p classtext-gray-400 mb-4> Enterprise-grade security with JWT authentication, encrypted storage, and comprehensive audit trails. /p> div classflex flex-wrap gap-2> span classtext-xs bg-cyan-500/10 text-cyan-400 px-2 py-1 rounded>PostgreSQL/span> span classtext-xs bg-cyan-500/10 text-cyan-400 px-2 py-1 rounded>MinIO/span> /div> /div> div classfeature-card bg-#0A0A0A border border-#1A1A1A rounded-2xl p-8 reveal> div classbg-pink-500/10 w-14 h-14 rounded-xl flex items-center justify-center mb-5> i data-lucidefile-text classw-7 h-7 text-pink-500>/i> /div> h3 classtext-xl font-bold text-white mb-3>Clinical Reports/h3> p classtext-gray-400 mb-4> Automated generation of structured clinical reports with evidence citations and treatment recommendations. /p> div classflex flex-wrap gap-2> span classtext-xs bg-pink-500/10 text-pink-400 px-2 py-1 rounded>PDF/span> span classtext-xs bg-pink-500/10 text-pink-400 px-2 py-1 rounded>HL7/span> /div> /div> /div> /div> /section> !-- Footer --> footer classbg-#0A0A0A border-t border-#1A1A1A py-12> div classmax-w-7xl mx-auto px-6> div classflex flex-col md:flex-row items-center justify-between> div classflex items-center space-x-3 mb-6 md:mb-0> div classbg-gradient-to-br from-blue-500 to-purple-600 p-2 rounded-xl> i data-lucideeye classw-6 h-6 text-white>/i> /div> div> div classtext-xl font-bold text-white>AURA/div> div classtext-xs text-gray-400>Autonomous AI Medical Systems/div> /div> /div> div classtext-gray-400 text-sm text-center md:text-right> p>© 2025 AURA Medical AI. All rights reserved./p> p classtext-xs mt-1>Clinical-Grade • HIPAA Compliant • FDA Ready/p> /div> /div> /div> /footer> script> // Initialize Lucide icons lucide.createIcons(); // Space Background with Stars const canvas document.getElementById(neural-network); const ctx canvas.getContext(2d); // Set canvas size function resizeCanvas() { canvas.width window.innerWidth; canvas.height document.documentElement.scrollHeight; } resizeCanvas(); window.addEventListener(resize, resizeCanvas); // Stars with depth layers const stars ; const starCount 500; // Many more stars class Star { constructor() { this.x Math.random() * canvas.width; this.y Math.random() * canvas.height; // Create depth with different sizes and brightness this.layer Math.random(); if (this.layer > 0.8) { // Close stars - subtle blue-white this.radius 1.2 + Math.random() * 0.8; this.baseOpacity 0.4 + Math.random() * 0.3; this.speed 0.15 + Math.random() * 0.1; this.color Math.random() > 0.5 ? blue-white : grey-white; } else if (this.layer > 0.5) { // Medium stars - greyish blue this.radius 0.8 + Math.random() * 0.4; this.baseOpacity 0.3 + Math.random() * 0.2; this.speed 0.08 + Math.random() * 0.07; this.color Math.random() > 0.6 ? blue : grey; } else { // Distant dim stars - very faint grey this.radius 0.4 + Math.random() * 0.4; this.baseOpacity 0.15 + Math.random() * 0.15; this.speed 0.03 + Math.random() * 0.04; this.color faint-grey; } this.twinkleSpeed Math.random() * 0.015 + 0.005; this.phase Math.random() * Math.PI * 2; } update() { this.phase + this.twinkleSpeed; // Parallax movement effect (stars drift slowly) this.x - this.speed; // Wrap around when star goes off screen if (this.x -10) { this.x canvas.width + 10; this.y Math.random() * canvas.height; } } draw() { const twinkle Math.sin(this.phase) * 0.5 + 0.5; const currentOpacity this.baseOpacity * (0.4 + twinkle * 0.6); // Enhanced star glow with subtle colors const glowRadius this.radius * (this.layer > 0.7 ? 5 : 3); const glow ctx.createRadialGradient(this.x, this.y, 0, this.x, this.y, glowRadius); if (this.color blue-white) { glow.addColorStop(0, `rgba(220, 230, 245, ${currentOpacity})`); glow.addColorStop(0.2, `rgba(200, 215, 240, ${currentOpacity * 0.5})`); glow.addColorStop(0.5, `rgba(180, 200, 230, ${currentOpacity * 0.2})`); glow.addColorStop(1, rgba(150, 170, 200, 0)); } else if (this.color grey-white) { glow.addColorStop(0, `rgba(230, 230, 235, ${currentOpacity})`); glow.addColorStop(0.2, `rgba(210, 210, 220, ${currentOpacity * 0.5})`); glow.addColorStop(0.5, `rgba(190, 190, 200, ${currentOpacity * 0.2})`); glow.addColorStop(1, rgba(160, 160, 180, 0)); } else if (this.color blue) { glow.addColorStop(0, `rgba(190, 205, 230, ${currentOpacity * 0.8})`); glow.addColorStop(0.3, `rgba(170, 185, 215, ${currentOpacity * 0.4})`); glow.addColorStop(1, rgba(140, 160, 190, 0)); } else if (this.color grey) { glow.addColorStop(0, `rgba(200, 200, 210, ${currentOpacity * 0.7})`); glow.addColorStop(0.3, `rgba(180, 180, 195, ${currentOpacity * 0.3})`); glow.addColorStop(1, rgba(150, 150, 170, 0)); } else { // faint-grey glow.addColorStop(0, `rgba(180, 180, 190, ${currentOpacity * 0.6})`); glow.addColorStop(0.4, `rgba(160, 160, 175, ${currentOpacity * 0.2})`); glow.addColorStop(1, rgba(130, 130, 150, 0)); } ctx.fillStyle glow; ctx.beginPath(); ctx.arc(this.x, this.y, glowRadius, 0, Math.PI * 2); ctx.fill(); // Star core with subtle color let coreColor; if (this.color blue-white || this.color blue) { coreColor `rgba(210, 220, 240, ${currentOpacity})`; } else { coreColor `rgba(220, 220, 230, ${currentOpacity})`; } ctx.fillStyle coreColor; ctx.beginPath(); ctx.arc(this.x, this.y, this.radius, 0, Math.PI * 2); ctx.fill(); // Subtle sparkle effect for brightest stars if (this.layer > 0.85 && twinkle > 0.75) { ctx.strokeStyle `rgba(220, 225, 235, ${currentOpacity * 0.4})`; ctx.lineWidth 0.5; ctx.beginPath(); ctx.moveTo(this.x - this.radius * 2.5, this.y); ctx.lineTo(this.x + this.radius * 2.5, this.y); ctx.moveTo(this.x, this.y - this.radius * 2.5); ctx.lineTo(this.x, this.y + this.radius * 2.5); ctx.stroke(); } } } // Initialize stars for (let i 0; i starCount; i++) { stars.push(new Star()); } // Animation loop function animate() { // Fill with pure black ctx.fillStyle #000000; ctx.fillRect(0, 0, canvas.width, canvas.height); stars.forEach(star > { star.update(); star.draw(); }); requestAnimationFrame(animate); } animate(); // Reinitialize on resize window.addEventListener(resize, () > { resizeCanvas(); stars.length 0; for (let i 0; i starCount; i++) { stars.push(new Star()); } }); // Recalculate canvas height on scroll let resizeTimeout; window.addEventListener(scroll, () > { clearTimeout(resizeTimeout); resizeTimeout setTimeout(() > { if (canvas.height ! document.documentElement.scrollHeight) { resizeCanvas(); } }, 100); }); // Smooth scroll function scrollToScience() { document.getElementById(science).scrollIntoView({ behavior: smooth }); } // Scroll reveal animation const reveals document.querySelectorAll(.reveal); function checkReveal() { reveals.forEach(element > { const windowHeight window.innerHeight; const elementTop element.getBoundingClientRect().top; const elementVisible 100; if (elementTop windowHeight - elementVisible) { element.classList.add(active); } }); } window.addEventListener(scroll, checkReveal); window.addEventListener(load, checkReveal); checkReveal(); // Add smooth entrance animation on load setTimeout(() > { document.querySelectorAll(.reveal).forEach((el, index) > { setTimeout(() > { el.classList.add(active); }, index * 100); }); }, 300); /script>/body>/html>
View on OTX
|
View on ThreatMiner
Please enable JavaScript to view the
comments powered by Disqus.
Data with thanks to
AlienVault OTX
,
VirusTotal
,
Malwr
and
others
. [
Sitemap
]