|
|
|
@ -323,7 +323,7 @@ |
|
|
|
|
|
|
|
<!-- 2. How to Use (30-Second Guide) --> |
|
|
|
<section> |
|
|
|
<h2 class="text-center mb-4">How to Use (The 30-Second Guide)</h2> |
|
|
|
<h2 class="text-center mb-4" style="margin-bottom: 2px;">How to Use (The 30-Second Guide)</h2> |
|
|
|
<div class="flow-diagram flex flex-col md:flex-row items-stretch justify-center gap-2 md:gap-4"> |
|
|
|
<div class="flow-step flex-1"> |
|
|
|
<span class="text-3xl">1️⃣</span> |
|
|
|
@ -350,7 +350,7 @@ |
|
|
|
|
|
|
|
<!-- 3. The Main Interface (VISUAL) --> |
|
|
|
<section> |
|
|
|
<h2 class="text-center mb-8">The Main Interface</h2> |
|
|
|
<h2 class="text-center mb-8" style="margin-bottom: 2px;">The Main Interface</h2> |
|
|
|
|
|
|
|
<div class="relative p-8 bg-white rounded-lg shadow-lg border border-slate-200"> |
|
|
|
<!-- Main Layout Wireframe --> |
|
|
|
|