feat(layout-review): journey-level redesign — front door, taught order, consistency

Addresses the journey-level review (the app felt like 12 tools sharing a
stylesheet, not one guided product). File-partitioned changes:

Navigation (shell.js): rename Home -> "Start here" with front-door
emphasis (.dt-nav-start); reorder Data Cleaners into pipeline order
(Clean Text -> Standardize -> Fix Missing -> Find Duplicates); new
"Finance" group (Reconcile, PDF to CSV); all stubs moved to a bottom
"Coming soon" group, no longer interleaved with working tools.

Front door (home.html): a prominent primary "Clean these files for me"
that runs the recommended pipeline in order, above the existing
per-finding cards (reframed as "fix one thing at a time").

Shared tokens (app.css): .dt-next-step suggestion strip + .dt-nav-start.

Teach the order: a slim .dt-next-step strip at the end of each linear
cleaner page points to the next pipeline step (Map Columns -> Start here;
orchestrator/Finance pages correctly omit it).

Local-first: the green "Runs 100% locally" pill now sits in every working
tool page's header (home + 8 tools), where client data is entered.

Plain English: jargon relabeled on input controls (coerce, E.164,
NFC/NFKC, sentinels, survivor rule), technical terms kept in tooltips and
audit/output cells only.

Stubs (06/08/07): rebuilt to one identical skeleton — info line + plain
feature list + a real "Notify me when this ships" button; every disabled
control and uploader removed (a dimmed dropzone reads as broken).

Intake: full dropzone+chip replaced with the compact "Using <file>" banner
on Clean Text, Fix Missing, Find Duplicates, and both Reconcile sides.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

layout-review/06_outlier_detector.html

@@ -12,7 +12,7 @@
   <main class="dt-main">
     <div class="dt-review-banner">
       <span class="dt-mi">visibility</span>
-      <span>Static layout preview of <strong>Find Unusual Values</strong> — a <strong>Coming&nbsp;Soon</strong> tool. The page is a stub/teaser: an "under development" notice and disabled placeholder controls. <a href="index.html">All pages →</a></span>
+      <span>Static layout preview of <strong>Find Unusual Values</strong> — a <strong>Coming&nbsp;Soon</strong> tool. The page is a stub: a "coming soon" notice, a plain-English list of what the tool will do, and a single "Notify me" action. <a href="index.html">All pages →</a></span>
     </div>
     <div class="dt-main-inner">
 
@@ -25,36 +25,26 @@
 
       <div class="dt-spacer"></div>
 
-      <!-- st.info: under development -->
+      <!-- Coming-soon notice (st.info) -->
       <div class="dt-alert info">
         <span class="dt-mi">info</span>
-        <span>This tool is under development.</span>
+        <span>This tool is coming soon.</span>
       </div>
 
+      <!-- What it will do (st.markdown) -->
+      <p><strong>What it will do:</strong></p>
+      <ul>
+        <li>Find values that are unusually high or low for a column</li>
+        <li>Spot values that break the rules you set (out of range, wrong type)</li>
+        <li>Choose how sensitive the check is</li>
+        <li>Flag unusual rows by adding a column, without changing your data</li>
+        <li>Cap extreme values at a limit you choose</li>
+        <li>See a summary of how many values were flagged</li>
+      </ul>
+
       <hr class="dt-divider">
 
-      <!-- Placeholder options (all disabled) -->
-      <h3>Detection Method</h3>
-
-      <div class="dt-field" style="max-width:420px">
-        <label class="dt-label">Method</label>
-        <div class="dt-select" style="opacity:.55;cursor:not-allowed">IQR (interquartile range)</div>
-      </div>
-
-      <div class="dt-field" style="max-width:420px;opacity:.55">
-        <label class="dt-label">IQR multiplier</label>
-        <div class="dt-slider"><div class="track"><div class="fill" style="width:25%"></div><div class="knob" style="left:25%"></div></div><div class="val">1.5</div></div>
-      </div>
-
-      <h3>Handling</h3>
-
-      <div class="dt-field" style="max-width:420px">
-        <label class="dt-label">Action</label>
-        <div class="dt-select" style="opacity:.55;cursor:not-allowed">Flag only (add column)</div>
-      </div>
-
-      <hr class="dt-divider">
-      <button class="dt-btn dt-btn-primary dt-btn-block is-disabled" disabled>Detect Outliers</button>
+      <button class="dt-btn dt-btn-primary"><span class="dt-mi">notifications</span> Notify me when this ships</button>
 
     </div>
   </main>