V48 (impl-only): Refine Read pillar metrics, candles, and Deposit packaged copy

Align candlesticks under metrics with full-scale geometry, taller proportional sticks, and centered wicks; drop Deposit divider and tighten packaged-item wording.

Author: geraldarthurdavis

apps/uapi/components/marketing/MarketingLandingPillarCard/MarketingLandingPillarCard.tsx

@@ -92,14 +92,14 @@ export function MarketingLandingPillarCard({
             <p className="mt-1.5 text-[11px] leading-4 text-violet-50/88 phone:text-[13px] phone:leading-5">
               {description}
             </p>
-            {/* mt-auto keeps lower chrome aligned with Read metrics + Settle list. */}
-            <div className="mt-auto border-t border-white/12 pt-2">
+            {/* mt-auto keeps lower chrome aligned with Read metrics + Settle list (no divider). */}
+            <div className="mt-auto pt-2">
               <div className="border-l-4 border-purple-400 pl-3">
                 <p className="text-[11px] font-semibold uppercase tracking-[0.18em] text-white">
                   What&apos;s Packaged
                 </p>
                 <p className="mt-1 text-[11px] leading-4 text-violet-100/72">
-                  a patchfile, its absolute measurements, metadata
+                  patchfile, absolute measurements, metadata
                 </p>
               </div>
             </div>
@@ -125,21 +125,30 @@ export function MarketingLandingPillarCard({
                   'linear-gradient(180deg, transparent 0%, white 18%, white 82%, transparent 100%)',
               }}
             />
-            <div className="absolute inset-0 translate-y-[5%] overflow-hidden opacity-80">
+            {/*
+              Full-card sizing so wick/body % match the original visual scale.
+              Shifted so the cluster is vertically centered on the metrics band.
+            */}
+            <div
+              className="pointer-events-none absolute inset-0 overflow-hidden opacity-80"
+              style={{ transform: 'translateY(27%)' }}
+              aria-hidden="true"
+            >
               {measuremintCandles.map((candle, candleIndex) => (
                 <React.Fragment key={`measuremint-candle-${candleIndex}`}>
+                  {/* Wick + body share the same left anchor and -50% X so lines center on boxes. */}
                   <span
-                    className={`absolute w-[1px] ${candle.bullish ? 'bg-orange-300/50' : 'bg-rose-300/40'}`}
+                    className={`absolute w-px -translate-x-1/2 ${candle.bullish ? 'bg-orange-300/50' : 'bg-rose-300/40'}`}
                     style={{
                       left: candle.left,
                       top: candle.wickTop,
                       height: candle.wickHeight,
                     }}
                   />
                   <span
-                    className={`absolute w-[6px] rounded-none ${candle.bullish ? 'bg-orange-300/40' : 'bg-rose-300/30'}`}
+                    className={`absolute w-1.5 -translate-x-1/2 rounded-none ${candle.bullish ? 'bg-orange-300/40' : 'bg-rose-300/30'}`}
                     style={{
-                      left: `calc(${candle.left} - 2px)`,
+                      left: candle.left,
                       top: candle.bodyTop,
                       height: candle.bodyHeight,
                     }}
@@ -174,8 +183,8 @@ export function MarketingLandingPillarCard({
             <p className="mt-1.5 text-[11px] leading-4 text-orange-50/88 phone:text-[13px] phone:leading-5">
               {description}
             </p>
-            {/* mt-auto aligns metrics band with Deposit/Settle lower elements. */}
-            <div className="relative mt-auto border-t border-orange-200/12 pt-2">
+            {/* Metrics band lifted toward body copy (no divider). */}
+            <div className="relative z-[1] mt-auto -translate-y-3 pt-2">
               <div className="relative grid grid-cols-3">
                 {measureCardAxes.map((axis, axisIndex) => (
                   <div

apps/uapi/components/marketing/MarketingLandingShared/MarketingLandingShared.tsx

@@ -159,15 +159,16 @@ export const previewRows = [
   },
 ] as const;
 
+/** Measuremint underlay — vertical scale 1.4× vs original, centers preserved; width/left unchanged. */
 export const measuremintCandles = [
-  { left: '8%', wickTop: '38%', wickHeight: '28%', bodyTop: '49%', bodyHeight: '12%', bullish: true },
-  { left: '18%', wickTop: '44%', wickHeight: '20%', bodyTop: '52%', bodyHeight: '10%', bullish: false },
-  { left: '30%', wickTop: '34%', wickHeight: '30%', bodyTop: '45%', bodyHeight: '14%', bullish: true },
-  { left: '42%', wickTop: '46%', wickHeight: '18%', bodyTop: '53%', bodyHeight: '8%', bullish: false },
-  { left: '56%', wickTop: '40%', wickHeight: '26%', bodyTop: '48%', bodyHeight: '12%', bullish: true },
-  { left: '68%', wickTop: '48%', wickHeight: '18%', bodyTop: '55%', bodyHeight: '9%', bullish: false },
-  { left: '80%', wickTop: '36%', wickHeight: '30%', bodyTop: '46%', bodyHeight: '15%', bullish: true },
-  { left: '90%', wickTop: '45%', wickHeight: '22%', bodyTop: '52%', bodyHeight: '10%', bullish: false },
+  { left: '8%', wickTop: '32.4%', wickHeight: '39.2%', bodyTop: '46.6%', bodyHeight: '16.8%', bullish: true },
+  { left: '18%', wickTop: '40%', wickHeight: '28%', bodyTop: '50%', bodyHeight: '14%', bullish: false },
+  { left: '30%', wickTop: '28%', wickHeight: '42%', bodyTop: '42.2%', bodyHeight: '19.6%', bullish: true },
+  { left: '42%', wickTop: '42.4%', wickHeight: '25.2%', bodyTop: '51.4%', bodyHeight: '11.2%', bullish: false },
+  { left: '56%', wickTop: '34.8%', wickHeight: '36.4%', bodyTop: '45.6%', bodyHeight: '16.8%', bullish: true },
+  { left: '68%', wickTop: '44.4%', wickHeight: '25.2%', bodyTop: '53.2%', bodyHeight: '12.6%', bullish: false },
+  { left: '80%', wickTop: '30%', wickHeight: '42%', bodyTop: '43%', bodyHeight: '21%', bullish: true },
+  { left: '90%', wickTop: '40.6%', wickHeight: '30.8%', bodyTop: '50%', bodyHeight: '14%', bullish: false },
 ] as const;
 
 export const verificationRows = [