Update index.html

index.html

@@ -120,11 +120,6 @@
     <!-- INTRO -->
     <section id="intro" class="card">
       <div class="hero">
-        <!-- MOVED: Start/Quick buttons placed here (below tag line, above title) -->
-        <div class="row center" style="margin-top:4px; margin-bottom:14px">
-          <button id="startBtn" class="btn primary">Start the quiz</button>
-        </div>
-
         <h2 style="margin:10px 0 6px 0;">Find your color mix in ~6 minutes</h2>
         <p>Answer 40 quick scenario questions. Options are <b>blind-labeled</b> (no color hints) to reduce bias. At the end you’ll see your score profile across the four styles with tips to interpret it.</p>
 
@@ -163,6 +158,10 @@
           </div>
         </div>
 
+        <div class="row center" style="margin-top:14px">
+          <button id="startBtn" class="btn primary">Start the quiz</button>
+          <button id="howBtn" class="btn" title="Toggle quick notes">Quick notes</button>
+        </div>
         <div id="howText" style="display:none; margin-top:12px; color:#cbd5e1;">
           Blind choices (no color cues) • 40 questions • 1 point per selected option • results show totals and %.
         </div>