fix workflow section

src/components/sections/WingsHowItWorks.module.css

@@ -200,6 +200,26 @@
   margin: 0;
 }
 
+/* ---- Step 04 / Step 05 title-alignment fix ----
+   .stepBottom sits in .step's 1fr grid row with align-self:end, so its
+   title starts wherever the leftover space above it runs out — driven by
+   its OWN content height, not a shared position. Steps 01-03's
+   descriptions wrap to 3 lines, giving .stepBottom a natural height of
+   ~101px; "Destination Hub" (04) and "EV Last-Mile" (05) wrap to only 2
+   lines (~79px) at several desktop widths, so under that same
+   end-alignment they're left with ~22px more leftover space above them
+   and their titles land visibly lower. Reserving that same ~101px on
+   .stepBottom for these two steps only — a floor, not a cap, so it's
+   inert wherever their content is already taller — reproduces Steps
+   01-03's exact title position without touching their CSS, the shared
+   grid, or align-self. */
+@media (min-width: 1200px) {
+  .step:nth-child(4) .stepBottom,
+  .step:nth-child(5) .stepBottom {
+    min-height: 102px;
+  }
+}
+
 @media (max-width: 1024px) {
   .headerRow {
     flex-direction: column;