experiment: replace landing with workshop introduction

- Added Welcome card (Before we begin) to idle state
- Reduced textarea from 10 to 6 rows
- Added reassurance text below Analyse button
- Removed redundant empty-state placeholder
- Closed Experiment 03 (Partially confirmed) in evolution log
- Added Experiment 04: Facilitated Workshop Introduction
- Added Entry Experience section to UX guidelines

components/scenario-form.jsx

@@ -377,27 +377,49 @@ export default function ScenarioForm() {
   return (
     <div className="space-y-6">
       {status === "idle" && (
-        <form onSubmit={handleSubmit} className="space-y-4">
-          <textarea
-            ref={textareaRef}
-            value={scenario}
-            onChange={(e) => setScenario(e.target.value)}
-            placeholder="Describe the scenario you want analysed..."
-            rows={10}
-            className="w-full rounded-lg border border-gray-300 px-4 py-3 text-sm focus:border-gray-500 focus:outline-none focus:ring-2 focus:ring-gray-400"
-          />
-          <div className="flex items-center justify-between">
-            <span className="text-xs text-gray-400">
-              {scenario.length}/{MAX_LENGTH}
-            </span>
-            <button
-              type="submit"
-              disabled={!scenario.trim()}
-              className="rounded-lg bg-gray-900 px-6 py-2.5 text-sm font-medium text-white transition hover:bg-gray-700 disabled:cursor-not-allowed disabled:opacity-40"
-            >
-              Analyse
-            </button>
+        <form onSubmit={handleSubmit} className="space-y-6">
+
+          {/* Welcome introduction */}
+          <div className="rounded-lg border border-gray-100 bg-gray-50/60 px-6 pt-5 pb-6">
+            <h2 className="mb-3 text-sm font-semibold tracking-wide text-gray-500 uppercase">Before we begin</h2>
+            <p className="text-sm leading-relaxed text-gray-700 mb-4">
+              The Confidence Engine helps build confidence by understanding situations before deciding what to do.
+            </p>
+            <p className="text-sm leading-relaxed text-gray-700 mb-3">
+              You do not need to know exactly what the problem is.
+            </p>
+            <p className="text-sm leading-relaxed text-gray-700">
+              Simply describe what you have observed. We will work through it together, one question at a time.
+            </p>
           </div>
+
+          {/* Scenario input */}
+          <div className="space-y-2">
+            <textarea
+              ref={textareaRef}
+              value={scenario}
+              onChange={(e) => setScenario(e.target.value)}
+              placeholder="Describe the scenario you want analysed..."
+              rows={6}
+              className="w-full rounded-lg border border-gray-300 px-4 py-3 text-sm focus:border-gray-500 focus:outline-none focus:ring-2 focus:ring-gray-400"
+            />
+            <div className="flex items-center justify-between">
+              <span className="text-xs text-gray-400">{scenario.length}/{MAX_LENGTH}</span>
+              <button
+                type="submit"
+                disabled={!scenario.trim()}
+                className="rounded-lg bg-blue-700 px-6 py-2.5 text-sm font-medium text-white transition hover:bg-blue-600 disabled:cursor-not-allowed disabled:opacity-40"
+              >
+                Analyse
+              </button>
+            </div>
+          </div>
+
+          {/* Reassurance */}
+          <p className="text-xs italic text-gray-400">
+            You do not need all the answers yet.
+          </p>
+
         </form>
       )}
 
@@ -509,14 +531,6 @@ export default function ScenarioForm() {
         </div>
       )}
 
-      {/* Empty state */}
-      {status === "idle" && (
-        <div className="rounded-lg border border-dashed border-gray-300 bg-gray-50 px-6 py-8 text-center">
-          <p className="text-sm text-gray-400">
-            Enter a scenario above and click Analyse to begin.
-          </p>
-        </div>
-      )}
     </div>
   );
 }