Move "Built For" section above "Legal Protection Matters"

Co-authored-by: seanieb <191516+seanieb@users.noreply.github.com>

Author: Copilot

index.html

@@ -96,6 +96,34 @@ <h3>🔴 Full Shutdown</h3>
             </div>
         </section>
 
+        <section id="for-whom" class="for-whom">
+            <div class="container">
+                <h2>Built For</h2>
+                <div class="persona-grid">
+                    <div class="persona-card">
+                        <div class="persona-icon">✈️</div>
+                        <h3>Travelers</h3>
+                        <p>Protecting sensitive client or company data across borders</p>
+                    </div>
+                    <div class="persona-card">
+                        <div class="persona-icon">📰</div>
+                        <h3>Journalists</h3>
+                        <p>Safeguarding sources and confidential information</p>
+                    </div>
+                    <div class="persona-card">
+                        <div class="persona-icon">⚖️</div>
+                        <h3>Lawyers</h3>
+                        <p>Maintaining attorney-client privilege</p>
+                    </div>
+                    <div class="persona-card">
+                        <div class="persona-icon">📣</div>
+                        <h3>Activists</h3>
+                        <p>Securing devices in hostile environments</p>
+                    </div>
+                </div>
+            </div>
+        </section>
+
         <section id="legal" class="legal">
             <div class="container">
                 <h2>Legal Protection Matters</h2>
@@ -177,47 +205,6 @@ <h3>International: Compelled Disclosure Laws</h3>
         </section>
 
         <section id="use-cases" class="use-cases">
-            <div class="container">
-                <h2>High-Risk Situations</h2>
-                <p class="section-intro">When you need instant password-only security:</p>
-                <ul class="use-case-list">
-                    <li>🛂 <strong>Border crossings</strong> & security checkpoints</li>
-                    <li>📢 <strong>Protests</strong> or demonstrations</li>
-                    <li>👤 Preventing forced Touch ID access</li>
-                    <li>🚨 Any situation requiring immediate password-only security</li>
-                </ul>
-            </div>
-        </section>
-
-        <section id="for-whom" class="for-whom">
-            <div class="container">
-                <h2>Built For</h2>
-                <div class="persona-grid">
-                    <div class="persona-card">
-                        <div class="persona-icon">✈️</div>
-                        <h3>Travelers</h3>
-                        <p>Protecting sensitive client or company data across borders</p>
-                    </div>
-                    <div class="persona-card">
-                        <div class="persona-icon">📰</div>
-                        <h3>Journalists</h3>
-                        <p>Safeguarding sources and confidential information</p>
-                    </div>
-                    <div class="persona-card">
-                        <div class="persona-icon">⚖️</div>
-                        <h3>Lawyers</h3>
-                        <p>Maintaining attorney-client privilege</p>
-                    </div>
-                    <div class="persona-card">
-                        <div class="persona-icon">📣</div>
-                        <h3>Activists</h3>
-                        <p>Securing devices in hostile environments</p>
-                    </div>
-                </div>
-            </div>
-        </section>
-
-        <section class="cta">
             <div class="container">
                 <h2>Ready to Secure Your Mac?</h2>
                 <p>Get the panic button your Mac deserves.</p>