Redesign on the Stitch reference, in Plus Jakarta Sans

Four passes, and the shape they landed on.

The type face is Plus Jakarta Sans (variable, wght 200-800), which brings a
fix with it: it carries the rupee glyph and Switzer does not, so prices stop
being set in Geist Mono to work around a missing character. Mono stays where
it is earned - references and phone numbers, read digit by digit.

Surfaces lift rather than outline. Cards carry two very soft shadow layers
instead of a hairline, because eight outlined boxes down a screen read as a
wireframe. The tab bar floats as a pill again for the same reason it was
right to: it is now the same kind of object as everything above it.

Screens:

* Home is the greeting, the address, the sphere and one card. The card lost
  its progress bar - a filling line says "wait", and a parcel two days into
  a journey is not something anyone is waiting through - and gained the size
  that buys.
* Orders cards are four bands: identity, destination, route, and whatever is
  happening right now. Plus a search field, because the list is the archive.
* Tracking leads with the state at display size, then TRIP MILESTONES with a
  step counter, then the courier.
* Review is a route thread over two particular cards.
* Account opens on the person: avatar, name, and two counted figures.

Three real bugs the redesign surfaced:

* Quick dispatch handed `loadCities()` straight to a FutureBuilder, so the
  catalogue was refetched on every rebuild and Home never settled.
* Order cards showed the whole visit's weight on one destination's row -
  somebody else's parcel. Per group now, and only once actually weighed.
* The pickup window was printed beside "In transit", where it reads as a
  delivery time nobody promised.

Nothing invented. The reference shows EXPRESS PRIORITY, CARBON OFFSET,
CONCIERGE ELITE and hub-to-hub routing; this backend sends none of them, so
they are absent rather than mocked up.

flutter analyze: clean. flutter test: 88 passing.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01EqVJPB9B4QuieZnBAAKgYQ

lib/ui/widgets/milestones.dart

@@ -28,6 +28,7 @@ class DmMilestones extends StatelessWidget {
     this.title = 'Recent updates',
     this.maxRows,
     this.onExpand,
+    this.showStep = false,
   });
 
   final Booking booking;
@@ -44,6 +45,10 @@ class DmMilestones extends StatelessWidget {
   /// Tapped from the "Full timeline" action. Null hides the action.
   final VoidCallback? onExpand;
 
+  /// Puts "Step N of 5" opposite the title. Only where the whole rail is on
+  /// screen — a counter over a compressed list counts rows nobody can see.
+  final bool showStep;
+
   @override
   Widget build(BuildContext context) {
     final current = stage ?? booking.stage;
@@ -89,6 +94,20 @@ class DmMilestones extends StatelessWidget {
                   style: DmText.eyebrow,
                 ),
               ),
+              // ── "Step 2 of 5" ──
+              //
+              // The rail shows where the parcel is; the counter says how much
+              // of the journey that is. A customer looking at five rows with
+              // one of them lit has to count to know, and counting is the one
+              // thing a progress indicator exists to save them.
+              if (showStep)
+                Text(
+                  'Step ${currentIndex + 1} of ${milestones.length}',
+                  style: DmText.label.copyWith(
+                    fontSize: 12.5,
+                    color: DmColors.brand,
+                  ),
+                ),
               if (onExpand != null && shown.length < ordered.length)
                 DmTextAction(
                   // Was "All 7 stages". The number counts something the
@@ -258,9 +277,11 @@ class _MilestoneRow extends StatelessWidget {
                         const SizedBox(width: 10),
                         Text(
                           time,
-                          style: DmText.monoSm.copyWith(
-                            color: isCurrent ? DmColors.brand : DmColors.ink3,
-                          ),
+                          // Always quiet. The crimson on the current row is
+                          // the "you are here" marker and it belongs to the
+                          // milestone; a timestamp set in it made the accent
+                          // mean "recent" on one row and "now" on the next.
+                          style: DmText.monoSm.copyWith(color: DmColors.ink3),
                         ),
                       ],
                     ],