V48 (impl-only): Polish settle header, full-width guide, and product copy

Two-line BTC · BTD / On-Chain subtitle, top-aligned Bitcode mark, Sell/Buy-sized settle icon, micro-blog full column width, commercial product fills residual height with with-Bitcoin and ERC-1155 Ethereum wording.

Author: geraldarthurdavis

uapi/components/bitcode/layout/BitcodePublicCopy/bitcode-public-copy.ts

@@ -66,11 +66,12 @@ export const BITCODE_PUBLIC_COPY = {
     rail: ['sell', 'buy', 'settle'],
   },
   // Marketing presents the commercial product as production — no testnet language.
+  // AssetPacks + BTD are ERC-1155 on Ethereum; purchase/settlement money is Bitcoin.
   testnetLaunch: {
     badge: 'Commercial Product',
-    title: 'Sell and buy AssetPacks on Bitcoin.',
+    title: 'Sell and buy AssetPacks with Bitcoin.',
     meaning:
-      'Measurements, quotes, settlement order, BTD rights, and delivery are live protocol state—trade AssetPacks with BTC.',
+      'Measurements, quotes, settlement order, BTD rights, and delivery are live protocol state—AssetPacks and BTD are ERC-1155 on Ethereum; purchase with Bitcoin.',
     flow: [
       {
         step: '01',
@@ -84,7 +85,7 @@ export const BITCODE_PUBLIC_COPY = {
         label: 'Buy (Read)',
         href: '/reads',
         detail:
-          'Write a Need, review fit measurements and the quote, then SettleAssetPack in BTC.',
+          'Write a Need, review fit measurements and the quote, then SettleAssetPack with Bitcoin.',
       },
       {
         step: '03',
@@ -97,7 +98,7 @@ export const BITCODE_PUBLIC_COPY = {
     trust:
       'Trust the proof: protocol law and proof readback decide state; the product surfaces explain it.',
     sourceSafety:
-      'Source-safe trade: buyers see measurements before pay; protected source stays withheld until BTC finality and BTD rights transfer.',
+      'Source-safe trade: buyers see measurements before pay; protected source stays withheld until Bitcoin finality and BTD rights transfer.',
   },
   operatorFrame: {
     title: 'AssetPack market',

uapi/components/marketing/MarketingLandingGuideCard/MarketingLandingGuideCard.tsx

@@ -59,7 +59,7 @@ export const MarketingLandingGuideCard = memo(function MarketingLandingGuideCard
       initial={{ opacity: 0, y: 18 }}
       animate={{ opacity: 1, y: 0 }}
       transition={{ duration: 0.8, delay: 0.3, ease: entranceEase }}
-      className="relative mt-6 max-w-xl overflow-visible rounded-none border border-emerald-300/12 bg-black/25 p-4 pt-5 shadow-[0_20px_60px_rgba(0,0,0,0.32)] backdrop-blur-xl phone:mt-7 phone:pt-6"
+      className="relative mt-6 w-full max-w-none overflow-visible rounded-none border border-emerald-300/12 bg-black/25 p-4 pt-5 shadow-[0_20px_60px_rgba(0,0,0,0.32)] backdrop-blur-xl phone:mt-7 phone:pt-6"
       style={animatedMotionStyle}
     >
       <div className="absolute left-0 top-0 flex -translate-y-1/2 flex-wrap items-center gap-2">

uapi/components/marketing/MarketingLandingPillarCard/MarketingLandingPillarCard.tsx

@@ -220,21 +220,23 @@ export function MarketingLandingPillarCard({
           <div className="absolute inset-x-5 top-0 h-px bg-gradient-to-r from-transparent via-orange-100/70 to-transparent" />
           <div className="absolute inset-0 bg-[radial-gradient(circle_at_top_right,rgba(251,146,60,0.24),transparent_34%),radial-gradient(circle_at_bottom_left,rgba(251,191,36,0.08),transparent_30%)]" />
           <div className="relative flex min-h-0 flex-1 flex-col">
-            <div className="relative pr-16 text-orange-100 phone:pr-20">
-              <div className="flex items-start gap-2">
-                <Icon className="h-5 w-5 text-orange-300" />
+            <div className="relative pr-14 text-orange-100 phone:pr-16">
+              {/* Logo top-aligned with Settle title; icon size matches Sell/Buy title row. */}
+              <div className="absolute right-0 top-0">
+                <BitcodeSoftwareSvgLogo width="36px" softwareClassName="hidden" className="opacity-90" />
+              </div>
+              <div className="flex min-w-0 items-start gap-2">
+                <Icon className="mt-0.5 h-4 w-4 shrink-0 text-orange-300" />
                 <div className="min-w-0">
                   <p className="bg-gradient-to-r from-white via-orange-100 to-white/80 bg-clip-text text-[11px] font-semibold uppercase tracking-[0.18em] text-transparent">
                     {title}
                   </p>
-                  <p className="mt-1 max-w-[20ch] text-[9px] uppercase leading-snug tracking-[0.14em] text-orange-100/52 phone:text-[10px]">
-                    <span className="block whitespace-nowrap">BTC · BTD · On-Chain</span>
+                  <p className="mt-1 max-w-[16ch] text-[9px] uppercase leading-snug tracking-[0.16em] text-orange-100/52 phone:text-[10px]">
+                    <span className="block whitespace-nowrap">BTC · BTD</span>
+                    <span className="block whitespace-nowrap">On-Chain</span>
                   </p>
                 </div>
               </div>
-              <div className="absolute right-0 top-0">
-                <BitcodeSoftwareSvgLogo width="44px" softwareClassName="hidden" className="opacity-90" />
-              </div>
             </div>
             <p className="mt-1.5 min-h-[4.5rem] text-[11px] leading-4 text-orange-50/88 phone:min-h-[5rem] phone:text-[13px] phone:leading-5">
               {hasBtdInDescription ? (

uapi/components/marketing/MarketingLandingTestnetSection/MarketingLandingTestnetSection.tsx

@@ -18,24 +18,24 @@ export function MarketingLandingTestnetSection() {
     <section
       data-testid="landing-testnet-launch"
       aria-label="Commercial product launch readiness"
-      className="relative mt-4 w-full"
+      className="relative mt-4 flex min-h-0 w-full flex-1 flex-col"
     >
-      <div className="rounded-none border border-emerald-300/16 bg-emerald-300/[0.045] px-3.5 py-3.5 backdrop-blur-sm phone:px-4 phone:py-4">
+      <div className="flex min-h-0 flex-1 flex-col rounded-none border border-emerald-300/16 bg-emerald-300/[0.045] px-4 py-4 backdrop-blur-sm phone:px-5 phone:py-5">
         <div className="flex flex-wrap items-center gap-2">
           <span className="rounded-none border border-emerald-300/35 bg-emerald-300/12 px-2.5 py-1 text-[0.62rem] font-medium uppercase tracking-[0.18em] text-emerald-100">
             {copy.badge}
           </span>
         </div>
-        <h2 className="mt-2.5 text-base font-semibold leading-snug text-white phone:text-lg">
+        <h2 className="mt-3 text-lg font-semibold leading-snug text-white phone:text-xl">
           {copy.title}
         </h2>
-        <p className="mt-2 text-[12px] leading-5 text-neutral-300 phone:text-[13px]">{copy.meaning}</p>
-        <ol className="mt-3 grid grid-cols-1 gap-2" aria-label="Core product flow">
+        <p className="mt-2 text-[13px] leading-5 text-neutral-300 phone:text-[14px]">{copy.meaning}</p>
+        <ol className="mt-3 grid min-h-0 flex-1 grid-cols-1 gap-2.5" aria-label="Core product flow">
           {copy.flow.map((entry) => (
-            <li key={entry.step}>
+            <li key={entry.step} className="min-h-0">
               <Link
                 href={entry.href}
-                className="block rounded-none border border-white/10 bg-black/25 px-3 py-2.5 transition hover:border-emerald-300/35 hover:bg-emerald-300/[0.07]"
+                className="block h-full rounded-none border border-white/10 bg-black/25 px-3 py-3 transition hover:border-emerald-300/35 hover:bg-emerald-300/[0.07]"
               >
                 <span className="inline-flex items-baseline gap-2">
                   <span className="text-[0.62rem] font-medium uppercase tracking-[0.18em] text-emerald-200/85">
@@ -48,7 +48,7 @@ export function MarketingLandingTestnetSection() {
             </li>
           ))}
         </ol>
-        <div className="mt-2.5 grid gap-1.5 border-t border-white/8 pt-2.5 text-[11px] leading-4 text-neutral-400">
+        <div className="mt-3 grid gap-1.5 border-t border-white/8 pt-3 text-[11px] leading-5 text-neutral-400">
           <p>{copy.trust}</p>
           <p>{copy.sourceSafety}</p>
         </div>

uapi/tests/marketingLandingPage.test.tsx

@@ -139,9 +139,11 @@ describe('MarketingLandingPage', () => {
     const section = screen.getByTestId('landing-testnet-launch');
     expect(section).toBeInTheDocument();
     expect(screen.getByText('Commercial Product')).toBeInTheDocument();
-    expect(screen.getByText('Sell and buy AssetPacks on Bitcoin.')).toBeInTheDocument();
+    expect(screen.getByText('Sell and buy AssetPacks with Bitcoin.')).toBeInTheDocument();
+    expect(screen.getByText(/ERC-1155 on Ethereum/i)).toBeInTheDocument();
     expect(screen.getByText(/measurements, quotes, settlement order/iu)).toBeInTheDocument();
     expect(screen.queryByText(/testnet/i)).toBeNull();
+    expect(screen.queryByText(/on Bitcoin/i)).toBeNull();
     expect(screen.getByRole('link', { name: /01\s*Sell \(Deposit\)/u })).toHaveAttribute(
       'href',
       '/deposits',
@@ -158,7 +160,9 @@ describe('MarketingLandingPage', () => {
       screen.getByText(/protocol law and proof readback decide state/u),
     ).toBeInTheDocument();
     expect(
-      screen.getByText(/protected source stays withheld until BTC finality and BTD rights transfer/u),
+      screen.getByText(
+        /protected source stays withheld until Bitcoin finality and BTD rights transfer/u,
+      ),
     ).toBeInTheDocument();
     expect(screen.getByText('Public Measures')).toBeInTheDocument();
     expect(screen.getByText('Private Source')).toBeInTheDocument();