Fix HTML encoding issues and clean up structure

Author: SSOBHY2

index.html

@@ -39,19 +39,9 @@
         nav ul li { margin: 5px 15px; }
         nav ul li a { color: var(--primary-color); font-weight: 600; padding: 8px 15px; border-radius: 50px; transition: background-color 0.3s, color 0.3s; }
         nav ul li a:hover, nav ul li a:focus { background-color: var(--primary-color); color: var(--background-white); }
-        
-        /* FIXED: Hero section with background image */
-        .hero { 
-            padding: 6rem 2rem; 
-            text-align: center; 
-            color: var(--background-white);
-            background-image: linear-gradient(rgba(0, 58, 110, 0.85), rgba(0, 58, 110, 0.85)), url('healthcare.jpg');
-            background-size: cover;
-            background-position: center;
-        }
+        .hero { padding: 5rem 2rem; text-align: center; background-color: var(--primary-color); color: var(--background-white); }
         .hero h1 { color: var(--background-white); border: none; }
-        .hero p { font-size: 1.2em; max-width: 700px; margin: 1rem auto 0 auto; color: rgba(255, 255, 255, 0.9); }
-        
+        .hero p { font-size: 1.2em; max-width: 700px; margin: 1rem auto 0 auto; color: rgba(255, 255, 255, 0.85); }
         .main { padding: 4rem 0; }
         .section { background: var(--background-white); margin-bottom: 40px; padding: 50px; border-radius: 16px; box-shadow: var(--shadow); overflow: hidden; }
 
@@ -119,11 +109,11 @@ <h2>The Problem: Trust as the Primary Barrier</h2>
 
         <section id="research" class="section">
             <h2>Background Research & Design Principles</h2>
-            <p><strong>Our research confirmed that a successful AI health tool in Quebec must address specific, real-world challenges.</strong> We established a direct line from our research findings to our core design principles:</p>
+            <p><strong>Our research confirmed that a successful AI health tool in Quebec must address specific, real-world challenges.</strong> We established a direct line from our research findings to our core, user-centric design principles:</p>
             <ul>
-                <li><strong>Finding:</strong> Competitor apps often feel clinical and text-heavy.<br><strong>Our Principle:</strong> Adopt a clean, simple UI with clear visual hierarchy to reduce cognitive load.</li>
-                <li><strong>Finding:</strong> Users abandon AI tools that feel like a "black box."<br><strong>Our Principle:</strong> Every AI recommendation must be paired with trust-building elements: a confidence score and verifiable sources.</li>
-                <li><strong>Finding:</strong> Quebec's diverse population faces significant language barriers.<br><strong>Our Principle:</strong> Multilingual support is a non-negotiable, core feature.</li>
+                <li><strong>Finding:</strong> Competitor apps often feel clinical and text-heavy.<br><strong>Our Principle: Prioritize Cognitive Ease to Reduce User Anxiety.</strong> A simple, uncluttered interface is not just a design choice; it is a tool to make a stressful situation more manageable for the user.</li>
+                <li><strong>Finding:</strong> Users abandon AI tools that feel like a "black box."<br><strong>Our Principle: Build Trust Through Radical Transparency.</strong> To combat user skepticism, our design mandates that every recommendation is paired with clear, understandable evidence, empowering the user to trust the output.</li>
+                <li><strong>Finding:</strong> Quebec's diverse population faces significant language barriers.<br><strong>Our Principle: Ensure Inclusivity and Accessibility to Empower All Users.</strong> The application must serve every citizen of Quebec, regardless of their native language. True accessibility is the foundation of trustworthy public healthcare.</li>
             </ul>
         </section>
 
@@ -221,7 +211,7 @@ <h4>Interview Script Snippet</h4>
                 <p><strong>Key questions designed to uncover core user needs:</strong></p>
                 <ul>
                     <li>"Can you tell me about the last time you were unsure about a health symptom? What was your first instinct?"</li>
-                    <li>"What would make you trust an application that uses AI to provide health recommendations? Conversely, what would make you distrust it?"</li>
+                    <li>"What would make you trust an application that uses AI to provide health recommendations? Conversely, what would you distrust it?"</li>
                     <li>"Describe your ideal experience for getting quick, reliable health advice without visiting a doctor in person."</li>
                 </ul>
             </div>