Act as an Expert UI/UX Designer and Frontend Developer. Build a fully functional, high-fidelity Web Application for a project named "DeepVoice Shield" (An AI-powered voice scam detector for Thai language). CRITICAL CONSTRAINT: The design MUST look like it was meticulously crafted by a professional human designer, NOT a generic AI-generated boilerplate template. Avoid overly futuristic cyber/neon-dark themes. Use a clean, trustworthy, organic, and modern Light-Mode aesthetic with premium micro-interactions, soft shadows, and delightful spacing. [TARGET AUDIENCE & ACCESSIBILITY] - Suitable for all ages, with a strong focus on ELDERLY USERS (Ages 60+). - Typography must be large, high-contrast, and extremely legible (Use clean fonts like Inter or Prompt). - Elements, buttons, and hit targets must be large and intuitive. No confusing icons without text labels. [CORE FUNCTIONALITY & USER JOURNEY] Create a seamless single-page application experience with the following states or tabs: 1. Interactive Onboarding System (Tutorial): - On first load, trigger a beautiful, step-by-step interactive onboarding modal or coach marks (guided tour). - Step 1: Explain the big blue button ("กดตรงนี้เพื่อเริ่มอัดเสียงมิจฉาชีพ"). - Step 2: Explain file upload ("หรือเลือกไฟล์เสียงที่บันทึกไว้ล่วงหน้าจากเครื่อง"). - Step 3: Show how the AI analyzes the voice. - Make it friendly, easy to skip, and have a "ดูวิธีใช้งานอีกครั้ง" (Re-play Tutorial) button clearly visible on the main page. 2. Home State (Input Screen): - A prominent, friendly header with the DeepVoice Shield logo and project name. - Centerpiece: A large, inviting, pulsing Microphone Button labeled "กดค้างเพื่อตรวจสอบเสียง" or "กดเพื่อเริ่มตรวจจับเสียง". - Secondary option: A drag-and-drop file upload area for audio files (.mp3, .wav), clearly labeled with a folder icon. - Bottom footer: A subtle privacy guarantee: "ระบบจะรักษาความเป็นส่วนตัวของคุณ ไม่มีการบันทึกเสียงถาวรเพื่อความปลอดภัย". 3. Processing State (Analyzing Screen): - Simulate the AI analysis phase with a smooth, beautiful soundwave animation (Spectrogram concept). - Add a visible scanning line or subtle pulse effect that feels like real technology working in the background. - Status text: "กำลังวิเคราะห์โครงสร้างเสียงด้วย AI..." and "กรุณารอสักครู่ ระบบกำลังสแกนหาความผิดปกติ". 4. Result States (2 Scenarios to switch between for presentation): - Scenario A (SAFE): Soft green background/card. Large green checkmark animation. Text: "เสียงมนุษย์จริง (ปกติ)" with "ความมั่นใจของ AI: 98%". Actionable advice: "น่าเชื่อถือ แต่เพื่อความปลอดภัย ควรตรวจสอบข้อมูลอื่นๆ ประกอบเสมอ". - Scenario B (DANGER): Soft pastel red background/card. Large pulsing danger warning triangle. Text: "เตือนภัย! เสียงสังเคราะห์ AI" with "ความมั่นใจของ AI: 95% เป็นของปลอม". Actionable advice in BOLD RED: "ห้ามโอนเงินเด็ดขาด! กรุณาวางสาย และติดต่อกลับเบอร์ทางการเพื่อยืนยันอีกครั้ง". [TECH STACK PREFERENCE] - React, Tailwind CSS, Lucide Icons, and Framer Motion for premium animations. - Ensure state management allows the user to click through "Start -> Tutorial -> Main -> Processing -> Result A / Result B" smoothly for presentation purposes.