diff --git a/components/FloatingNavbar.tsx b/components/FloatingNavbar.tsx
index 9e60c9b1..d73eca22 100644
--- a/components/FloatingNavbar.tsx
+++ b/components/FloatingNavbar.tsx
@@ -29,7 +29,7 @@ function DiscordIcon(props: React.ComponentPropsWithoutRef<'svg'>) {
     )
 }
 
-type ProductId = 'concepta' | 'mix' | 'remix' | 'naked-ui' | 'ack' | 'stargate' | 'code-analysis'
+type ProductId = 'concepta' | 'mix' | 'remix' | 'naked-ui' | 'ack' | 'stargate' | 'code-analysis' | 'voyager'
 
 function getActiveProduct(pathname: string | null): ProductId {
     if (!pathname) return 'concepta'
@@ -43,6 +43,7 @@ function getActiveProduct(pathname: string | null): ProductId {
     if (pathname === '/ack' || pathname.startsWith('/ack/')) return 'ack'
     if (pathname === '/stargate' || pathname.startsWith('/stargate/')) return 'stargate'
     if (pathname === '/code-analysis' || pathname.startsWith('/code-analysis/')) return 'code-analysis'
+    if (pathname === '/voyager' || pathname.startsWith('/voyager/')) return 'voyager'
     return 'mix'
 }
 
@@ -143,6 +144,22 @@ const PRODUCTS: Product[] = [
     },
 ]
 
+// Voyager is intentionally available only by direct URL while its positioning
+// is being tested. It needs a real shell identity without appearing in either
+// desktop or mobile product menus.
+const VOYAGER_PRODUCT: Product = {
+    id: 'voyager',
+    label: 'Voyager',
+    href: '/voyager',
+    logo: '/assets/logo_voyager_mark.svg',
+    showLabel: true,
+}
+
+function getProductMeta(id: ProductId) {
+    if (id === 'voyager') return VOYAGER_PRODUCT
+    return PRODUCTS.find((product) => product.id === id)
+}
+
 type DocsEntry =
     | { label: string; href: string }
     | { label: string; pages: { label: string; href: string }[] }
@@ -340,7 +357,7 @@ function ProductMenu() {
     const pathname = usePathname()
     const active = getActiveProduct(pathname)
     // Undefined on the Concepta home — the trigger falls back to "Projects".
-    const activeProduct = PRODUCTS.find((p) => p.id === active)
+    const activeProduct = getProductMeta(active)
 
     const [open, setOpen] = useState(false)
     const ref = useRef<HTMLDivElement>(null)
@@ -447,12 +464,16 @@ function MobileDrawer({
     onClose,
     docsHref,
     githubHref,
+    productCtaHref,
+    productCtaLabel,
     activeProduct,
     isDocsActive,
 }: {
     onClose: () => void
     docsHref: string | null
     githubHref: string | null
+    productCtaHref: string
+    productCtaLabel: string
     activeProduct: ProductId
     isDocsActive: boolean
 }) {
@@ -560,11 +581,11 @@ function MobileDrawer({
                         </>
                     ) : (
                         <Link
-                            href="#waitlist"
+                            href={productCtaHref}
                             onClick={onClose}
                             className="px-3 py-2 text-white/90 hover:bg-white/5 rounded mt-2"
                         >
-                            Join waitlist
+                            {productCtaLabel}
                         </Link>
                     )}
                     {hasVersionMenu(activeProduct) && (
@@ -625,11 +646,13 @@ export default function FloatingNavbar() {
     const isDocsActive = pathname?.startsWith('/documentation') ?? false
     const isReportsActive = pathname?.startsWith('/reports') ?? false
     const activeProduct = getActiveProduct(pathname)
-    const homeHref =
-        PRODUCTS.find((p) => p.id === activeProduct)?.href ?? '/'
+    const homeHref = getProductMeta(activeProduct)?.href ?? '/'
     const isHomeActive = pathname === homeHref
     const docsHref = getDocsHref(activeProduct)
     const githubHref = getGithubHref(activeProduct)
+    const isVoyagerReadiness = pathname?.startsWith('/voyager/readiness') ?? false
+    const productCtaHref = isVoyagerReadiness ? '#request' : '#waitlist'
+    const productCtaLabel = isVoyagerReadiness ? 'Request assessment' : 'Join waitlist'
 
     useEffect(() => {
         setDrawerOpen(false)
@@ -716,10 +739,10 @@ export default function FloatingNavbar() {
                             </Link>
                         ) : (
                             <Link
-                                href="#waitlist"
+                                href={productCtaHref}
                                 className="px-3 py-1.5 text-sm text-white/80 hover:text-white transition-colors"
                             >
-                                Join waitlist
+                                {productCtaLabel}
                             </Link>
                         )}
                         <span className="h-4 w-px bg-white/10" />
@@ -839,6 +862,8 @@ export default function FloatingNavbar() {
                     onClose={() => setDrawerOpen(false)}
                     docsHref={docsHref}
                     githubHref={githubHref}
+                    productCtaHref={productCtaHref}
+                    productCtaLabel={productCtaLabel}
                     activeProduct={activeProduct}
                     isDocsActive={isDocsActive}
                 />
diff --git a/components/ProductFooter.tsx b/components/ProductFooter.tsx
index 69d48c09..d508bee7 100644
--- a/components/ProductFooter.tsx
+++ b/components/ProductFooter.tsx
@@ -26,11 +26,17 @@ function isMixPath(pathname: string | null) {
         || pathname?.startsWith('/documentation/mix')
 }
 
+function isVoyagerPath(pathname: string | null) {
+    return pathname === '/voyager' || pathname?.startsWith('/voyager/')
+}
+
 function isProductWithoutPublicRepo(pathname: string | null) {
     return pathname === '/stargate'
         || pathname?.startsWith('/stargate/')
         || pathname === '/code-analysis'
         || pathname?.startsWith('/code-analysis/')
+        || pathname === '/voyager'
+        || pathname?.startsWith('/voyager/')
 }
 
 function getGithubHref(pathname: string | null) {
@@ -48,6 +54,7 @@ function getPubDevHref(pathname: string | null) {
 
 export default function ProductFooter() {
     const pathname = usePathname()
+    const isVoyager = isVoyagerPath(pathname)
 
     if (isAckPath(pathname)) {
         return (
@@ -83,10 +90,18 @@ export default function ProductFooter() {
     return (
         <div className="flex flex-col sm:flex-row items-center justify-between w-full gap-4 text-sm text-[var(--mix-text-muted)]">
             <span className="flex items-center gap-2.5">
-                <Link href="/" aria-label="Concepta home" className="opacity-80 hover:opacity-100 transition-opacity">
-                    <img src="/assets/logo_concepta.svg" alt="Concepta" className="h-3.5 w-auto" />
+                <Link
+                    href={isVoyager ? '/voyager' : '/'}
+                    aria-label={isVoyager ? 'Voyager home' : 'Concepta home'}
+                    className="opacity-80 hover:opacity-100 transition-opacity"
+                >
+                    <img
+                        src={isVoyager ? '/assets/logo_voyager_mark.svg' : '/assets/logo_concepta.svg'}
+                        alt={isVoyager ? 'Voyager' : 'Concepta'}
+                        className={isVoyager ? 'h-4 w-auto' : 'h-3.5 w-auto'}
+                    />
                 </Link>
-                <span>&copy; 2026 Concepta Tech.</span>
+                <span>&copy; 2026 {isVoyager ? 'Voyager.' : 'Concepta Tech.'}</span>
             </span>
             <div className="flex items-center gap-5">
                 <Link href="/reports" className="hover:text-white transition-colors">Reports</Link>
diff --git a/components/landing/landing.css b/components/landing/landing.css
index 30383fbd..492f0a70 100644
--- a/components/landing/landing.css
+++ b/components/landing/landing.css
@@ -33,6 +33,19 @@ html[data-product='code-analysis'] {
   --lp-aurora-b-glow: rgba(79, 70, 229, 0.16);
 }
 
+html[data-product='voyager'] {
+  --lp-bg: #050812;
+  --lp-surface: #0a1020;
+  --lp-surface-bright: #111a31;
+  --lp-accent: #67e8f9;
+  --lp-accent-hover: #a5f3fc;
+  --lp-accent-low: rgba(103, 232, 249, 0.1);
+  --lp-accent-glow: rgba(103, 232, 249, 0.2);
+  --lp-accent-2: #8b5cf6;
+  --lp-gradient-mid: #a5b4fc;
+  --lp-aurora-b-glow: rgba(139, 92, 246, 0.2);
+}
+
 html[data-product='naked-ui'] {
   --lp-accent: #60a5fa;
   --lp-accent-hover: #93c5fd;
@@ -55,6 +68,7 @@ html[data-product='naked-ui'] {
 @media (prefers-reduced-motion: no-preference) {
   html[data-product='stargate'],
   html[data-product='code-analysis'],
+  html[data-product='voyager'],
   html[data-product='naked-ui'] {
     scroll-behavior: smooth;
   }
@@ -148,6 +162,25 @@ html[data-product='naked-ui'] {
   -webkit-mask-image: radial-gradient(circle at 50% 22%, #000, transparent 62%);
 }
 
+html[data-product='voyager'] .lp-aurora::before,
+html[data-product='voyager'] .lp-aurora::after {
+  content: "";
+  position: absolute;
+  left: 50%;
+  top: 45px;
+  width: min(82vw, 920px);
+  aspect-ratio: 2.35 / 1;
+  border: 1px solid rgba(103, 232, 249, 0.11);
+  border-radius: 50%;
+  transform: translateX(-50%) rotate(-8deg);
+}
+html[data-product='voyager'] .lp-aurora::after {
+  top: 2px;
+  width: min(64vw, 720px);
+  border-color: rgba(139, 92, 246, 0.12);
+  transform: translateX(-50%) rotate(10deg);
+}
+
 /* ═══ Hero ══════════════════════════════════════════════ */
 .lp-hero {
   display: flex;
@@ -2032,3 +2065,487 @@ html[data-product='naked-ui'] {
     margin: 0;
   }
 }
+
+/* ═══ Voyager: developer-first mission visuals ═════════ */
+.vy-window-wrap .lp-window {
+  border-color: rgba(103, 232, 249, 0.12);
+  background:
+    linear-gradient(145deg, rgba(103, 232, 249, 0.035), transparent 36%),
+    linear-gradient(180deg, rgba(17, 26, 49, 0.94), rgba(7, 12, 26, 0.94));
+}
+
+.vy-map {
+  position: relative;
+  width: 100%;
+  max-width: 320px;
+  height: 190px;
+  margin: 12px auto 0;
+}
+.vy-map-lines {
+  position: absolute;
+  inset: 0;
+  width: 100%;
+  height: 100%;
+  overflow: visible;
+}
+.vy-map-lines path {
+  fill: none;
+  stroke: color-mix(in srgb, var(--lp-accent) 42%, transparent);
+  stroke-width: 1.4;
+  stroke-dasharray: 4 4;
+}
+.vy-map-node {
+  position: absolute;
+  z-index: 1;
+  transform: translate(-50%, -50%);
+  min-width: 58px;
+  padding: 7px 9px;
+  border: 1px solid var(--lp-border-card);
+  border-radius: 9px;
+  background: rgba(10, 16, 32, 0.96);
+  box-shadow: 0 10px 24px -14px rgba(0, 0, 0, 0.9);
+  font-family: var(--font-jetbrains-mono), ui-monospace, monospace;
+  font-size: 10px;
+  color: #dce7f5;
+  text-align: center;
+}
+.vy-map-node::before {
+  content: "";
+  display: inline-block;
+  width: 5px;
+  height: 5px;
+  margin-right: 6px;
+  border-radius: 50%;
+  background: var(--lp-accent);
+  box-shadow: 0 0 10px var(--lp-accent);
+  vertical-align: 1px;
+}
+.vy-map-node.is-entry {
+  left: 14%;
+  top: 50%;
+  border-color: color-mix(in srgb, var(--lp-accent) 36%, transparent);
+}
+.vy-map-node.is-auth {
+  left: 55%;
+  top: 23%;
+}
+.vy-map-node.is-billing {
+  left: 55%;
+  top: 50%;
+}
+.vy-map-node.is-notify {
+  left: 55%;
+  top: 77%;
+}
+.vy-map-node.is-data {
+  left: 92%;
+  top: 50%;
+  border-color: color-mix(in srgb, var(--lp-accent-2) 38%, transparent);
+}
+.vy-map-node.is-data::before {
+  background: var(--lp-accent-2);
+  box-shadow: 0 0 10px var(--lp-accent-2);
+}
+.vy-map-note {
+  position: absolute;
+  left: 50%;
+  bottom: -3px;
+  transform: translateX(-50%);
+  white-space: nowrap;
+  font-family: var(--font-jetbrains-mono), ui-monospace, monospace;
+  font-size: 9px;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+  color: rgba(255, 255, 255, 0.35);
+}
+
+.vy-priorities {
+  display: flex;
+  flex-direction: column;
+  gap: 9px;
+  width: 100%;
+  max-width: 320px;
+  margin: 16px auto 0;
+}
+.vy-priority {
+  display: grid;
+  grid-template-columns: 28px minmax(0, 1fr) auto;
+  align-items: center;
+  gap: 10px;
+  padding: 10px 12px;
+  border: 1px solid var(--lp-border-card);
+  border-radius: 10px;
+  background: rgba(0, 0, 0, 0.22);
+}
+.vy-priority-level {
+  font-family: var(--font-jetbrains-mono), ui-monospace, monospace;
+  font-size: 10px;
+  font-weight: 700;
+}
+.vy-priority-copy {
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+}
+.vy-priority-copy b {
+  overflow: hidden;
+  font-size: 11.5px;
+  font-weight: 560;
+  color: #fff;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.vy-priority-copy small {
+  margin-top: 2px;
+  font-family: var(--font-jetbrains-mono), ui-monospace, monospace;
+  font-size: 9px;
+  color: var(--lp-text-muted);
+}
+.vy-priority svg {
+  color: rgba(255, 255, 255, 0.35);
+}
+
+.vy-progress {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  width: 100%;
+  max-width: 320px;
+  margin: 16px auto 0;
+}
+.vy-progress-head {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  margin-bottom: 2px;
+}
+.vy-progress-head > span:last-child {
+  display: flex;
+  flex-direction: column;
+}
+.vy-progress-head b {
+  font-size: 12px;
+  color: #fff;
+}
+.vy-progress-head small {
+  font-size: 10px;
+  color: var(--lp-text-muted);
+}
+.vy-progress-icon,
+.vy-proof-icon {
+  display: grid;
+  place-items: center;
+  width: 32px;
+  height: 32px;
+  border: 1px solid color-mix(in srgb, var(--lp-accent) 22%, transparent);
+  border-radius: 9px;
+  background: var(--lp-accent-low);
+  color: var(--lp-accent);
+}
+.vy-delta {
+  display: grid;
+  grid-template-columns: 72px 1fr 24px 28px;
+  align-items: center;
+  gap: 8px;
+  font-family: var(--font-jetbrains-mono), ui-monospace, monospace;
+  font-size: 9.5px;
+}
+.vy-delta-label {
+  color: #d4d4dc;
+}
+.vy-delta-track {
+  height: 4px;
+  overflow: hidden;
+  border-radius: 999px;
+  background: rgba(255, 255, 255, 0.08);
+}
+.vy-delta-track span {
+  display: block;
+  height: 100%;
+  border-radius: inherit;
+  background: linear-gradient(90deg, var(--lp-accent-2), var(--lp-accent));
+}
+.vy-delta-value {
+  color: #fff;
+  text-align: right;
+}
+.vy-delta-change {
+  color: #6ee7b7;
+  text-align: right;
+}
+.vy-progress-proof,
+.vy-proof-foot {
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+  margin-top: 2px;
+  font-family: var(--font-jetbrains-mono), ui-monospace, monospace;
+  font-size: 9px;
+  letter-spacing: 0.06em;
+  color: rgba(255, 255, 255, 0.38);
+}
+.vy-progress-proof svg,
+.vy-proof-foot svg {
+  color: var(--lp-accent);
+}
+
+.vy-value-grid {
+  display: grid;
+  grid-template-columns: 1fr;
+  gap: 18px;
+}
+@media (min-width: 820px) {
+  .vy-value-grid {
+    grid-template-columns: repeat(3, 1fr);
+  }
+}
+.vy-value-card {
+  position: relative;
+  padding: 20px;
+  overflow: hidden;
+  border: 1px solid var(--lp-border-card);
+  border-radius: 20px;
+  background:
+    radial-gradient(circle at 100% 0%, var(--lp-accent-low), transparent 42%),
+    linear-gradient(180deg, rgba(17, 26, 49, 0.78), rgba(7, 12, 26, 0.88));
+  box-shadow: 0 26px 64px -44px rgba(0, 0, 0, 0.9);
+  transition: transform 0.2s ease, border-color 0.2s ease;
+}
+@media (hover: hover) and (pointer: fine) {
+  .vy-value-card:hover {
+    transform: translateY(-3px);
+    border-color: color-mix(in srgb, var(--lp-accent) 32%, transparent);
+  }
+}
+.vy-value-meta {
+  display: flex;
+  align-items: center;
+  gap: 9px;
+  font-family: var(--font-jetbrains-mono), ui-monospace, monospace;
+  font-size: 10px;
+  letter-spacing: 0.1em;
+  text-transform: uppercase;
+}
+.vy-value-meta span:first-child {
+  color: rgba(255, 255, 255, 0.28);
+}
+.vy-value-meta span:last-child {
+  color: var(--lp-accent);
+}
+.vy-value-visual {
+  height: 185px;
+  margin: 20px 0 22px;
+  padding: 18px;
+  border: 1px solid var(--lp-border-card);
+  border-radius: 14px;
+  background: rgba(0, 0, 0, 0.24);
+}
+.vy-value-card h3 {
+  font-size: 1.14rem;
+  font-weight: 610;
+  letter-spacing: -0.02em;
+  color: #fff;
+}
+.vy-value-card > p {
+  margin-top: 9px;
+  font-size: 0.92rem;
+  line-height: 1.6;
+  color: var(--lp-text-muted);
+}
+
+.vy-context-visual {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+.vy-context-node {
+  display: inline-flex;
+  align-items: center;
+  gap: 7px;
+  padding: 8px 11px;
+  border: 1px solid color-mix(in srgb, var(--lp-accent) 28%, transparent);
+  border-radius: 9px;
+  background: var(--lp-accent-low);
+  font-family: var(--font-jetbrains-mono), ui-monospace, monospace;
+  font-size: 10px;
+  color: #e8fbff;
+}
+.vy-context-line {
+  width: 1px;
+  height: 20px;
+  background: var(--lp-accent);
+  opacity: 0.45;
+}
+.vy-context-branches {
+  position: relative;
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  width: 100%;
+  gap: 6px;
+}
+.vy-context-branches::before {
+  content: "";
+  position: absolute;
+  left: 16%;
+  right: 16%;
+  top: -10px;
+  height: 10px;
+  border-top: 1px solid rgba(103, 232, 249, 0.4);
+  border-left: 1px solid rgba(103, 232, 249, 0.4);
+  border-right: 1px solid rgba(103, 232, 249, 0.4);
+}
+.vy-context-branches span {
+  padding: 7px 4px;
+  border: 1px solid var(--lp-border-card);
+  border-radius: 8px;
+  font-family: var(--font-jetbrains-mono), ui-monospace, monospace;
+  font-size: 9px;
+  color: #d4d4dc;
+  text-align: center;
+}
+.vy-context-foot {
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+  margin-top: auto;
+  font-family: var(--font-jetbrains-mono), ui-monospace, monospace;
+  font-size: 9px;
+  color: var(--lp-text-muted);
+}
+.vy-context-foot svg {
+  color: var(--lp-accent);
+}
+
+.vy-queue-visual {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  gap: 8px;
+}
+.vy-queue-row {
+  display: grid;
+  grid-template-columns: 24px minmax(0, 1fr);
+  gap: 2px 8px;
+  padding: 9px 10px;
+  border: 1px solid var(--lp-border-card);
+  border-radius: 9px;
+  background: rgba(255, 255, 255, 0.018);
+}
+.vy-queue-row > span {
+  grid-row: span 2;
+  align-self: center;
+  font-family: var(--font-jetbrains-mono), ui-monospace, monospace;
+  font-size: 9px;
+  font-weight: 700;
+}
+.vy-queue-row b {
+  overflow: hidden;
+  font-size: 10.5px;
+  font-weight: 560;
+  color: #fff;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.vy-queue-row small {
+  font-family: var(--font-jetbrains-mono), ui-monospace, monospace;
+  font-size: 8.5px;
+  color: var(--lp-text-muted);
+}
+
+.vy-proof-visual {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+}
+.vy-proof-top {
+  display: grid;
+  grid-template-columns: 34px auto minmax(0, 1fr);
+  align-items: center;
+  gap: 8px;
+}
+.vy-proof-number {
+  font-size: 2rem;
+  font-weight: 650;
+  letter-spacing: -0.05em;
+  color: #6ee7b7;
+}
+.vy-proof-label {
+  font-size: 10px;
+  line-height: 1.35;
+  color: var(--lp-text-muted);
+}
+.vy-proof-bars {
+  display: grid;
+  grid-template-columns: 1fr auto 1fr;
+  align-items: center;
+  gap: 8px;
+  margin: 20px 0 14px;
+}
+.vy-proof-bars > span {
+  display: flex;
+  align-items: center;
+  height: 7px;
+  padding: 1px;
+  border-radius: 999px;
+  background: rgba(255, 255, 255, 0.08);
+}
+.vy-proof-bars i {
+  display: block;
+  height: 100%;
+  border-radius: inherit;
+  background: rgba(255, 255, 255, 0.25);
+}
+.vy-proof-bars .is-now i {
+  background: linear-gradient(90deg, var(--lp-accent-2), var(--lp-accent));
+}
+.vy-proof-bars svg {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+.vy-artifacts {
+  display: grid;
+  grid-template-columns: 1fr;
+  gap: 14px;
+  margin-top: 22px;
+  padding: 18px 20px;
+  border: 1px solid var(--lp-border-card);
+  border-radius: 16px;
+  background: rgba(10, 16, 32, 0.54);
+}
+@media (min-width: 820px) {
+  .vy-artifacts {
+    grid-template-columns: auto 1fr;
+    align-items: center;
+  }
+}
+.vy-artifacts-label {
+  font-size: 12px;
+  color: var(--lp-text-muted);
+}
+.vy-artifact-list {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 7px;
+}
+.vy-artifact-list span {
+  padding: 5px 9px;
+  border: 1px solid color-mix(in srgb, var(--lp-accent) 18%, transparent);
+  border-radius: 999px;
+  background: var(--lp-accent-low);
+  font-family: var(--font-jetbrains-mono), ui-monospace, monospace;
+  font-size: 9px;
+  color: #c9f8ff;
+}
+
+@media (max-width: 520px) {
+  .vy-map {
+    transform: scale(0.9);
+  }
+  .vy-map-node.is-data {
+    left: 89%;
+  }
+  .vy-delta {
+    grid-template-columns: 64px 1fr 22px 26px;
+    gap: 6px;
+  }
+}
diff --git a/components/landing/sections/ClosingCta.tsx b/components/landing/sections/ClosingCta.tsx
index 5f703961..ebbefe25 100644
--- a/components/landing/sections/ClosingCta.tsx
+++ b/components/landing/sections/ClosingCta.tsx
@@ -25,10 +25,18 @@ export function ClosingCta({
         <WaitlistForm product={product} />
         {Visual ? <Visual /> : null}
         <div className="lp-cta-links">
-          <Link href="/" className="lp-cta-concepta" aria-label="Concepta home">
-            <img src="/assets/logo_concepta.svg" alt="Concepta" />
-          </Link>
-          <span aria-hidden="true">·</span>
+          {closingCta.showConceptaBrand !== false ? (
+            <>
+              <Link
+                href="/"
+                className="lp-cta-concepta"
+                aria-label="Concepta home"
+              >
+                <img src="/assets/logo_concepta.svg" alt="Concepta" />
+              </Link>
+              <span aria-hidden="true">·</span>
+            </>
+          ) : null}
           <span className="lp-cta-fine">{closingCta.finePrint}</span>
         </div>
       </motion.div>
diff --git a/components/landing/sections/Hero.tsx b/components/landing/sections/Hero.tsx
index 62627aef..85c1d4b3 100644
--- a/components/landing/sections/Hero.tsx
+++ b/components/landing/sections/Hero.tsx
@@ -15,7 +15,10 @@ export function Hero({ content }: { content: LandingContent }) {
         animate={{ opacity: 1, y: 0, scale: 1, filter: "blur(0px)" }}
         transition={{ duration: 1.1, ease: EASE }}
       >
-        <Wordmark name={content.wordmarkName} />
+        <Wordmark
+          name={content.wordmarkName}
+          showByline={content.wordmarkShowByline}
+        />
       </motion.div>
 
       <motion.h1
diff --git a/components/landing/types.ts b/components/landing/types.ts
index 8abcb27b..e786abf0 100644
--- a/components/landing/types.ts
+++ b/components/landing/types.ts
@@ -8,6 +8,8 @@ export type ProductSlug = "stargate" | "code-analysis" | "readiness";
 export interface LandingContent {
   product: ProductSlug;
   wordmarkName: string;
+  /** Defaults to true; products can hide the Concepta badge beneath the wordmark. */
+  wordmarkShowByline?: boolean;
   hero: {
     titleTop: ReactNode;
     titleGradient: ReactNode;
@@ -39,7 +41,13 @@ export interface LandingContent {
     snippetFile: string;
   };
   faq: { q: string; a: ReactNode }[];
-  closingCta: { title: string; lead: string; finePrint: string };
+  closingCta: {
+    title: string;
+    lead: string;
+    finePrint: string;
+    /** Defaults to true; set false for product-first pages without a parent-brand badge. */
+    showConceptaBrand?: boolean;
+  };
   /** Optional visual rendered inside the closing CTA card, below the waitlist form. */
   ClosingVisual?: ComponentType;
 }
diff --git a/components/landing/voyager/HeroWindow.tsx b/components/landing/voyager/HeroWindow.tsx
new file mode 100644
index 00000000..50bae17c
--- /dev/null
+++ b/components/landing/voyager/HeroWindow.tsx
@@ -0,0 +1,219 @@
+"use client";
+
+import { useState } from "react";
+import { AnimatePresence, motion } from "framer-motion";
+import { ArrowRight, Check, TrendingUp } from "lucide-react";
+import { HighlightedCode } from "../HighlightedCode";
+import { EASE } from "../motion";
+import {
+  PRIORITIES_JSON,
+  PROGRESS_JSON,
+  SIGNAL_COLORS,
+  SYSTEM_MAP_JSON,
+} from "./snippets";
+
+function MapStage() {
+  return (
+    <div
+      className="vy-map"
+      role="img"
+      aria-label="A map of connected code modules"
+    >
+      <svg className="vy-map-lines" viewBox="0 0 320 190" aria-hidden="true">
+        <path d="M64 95 C102 95 106 44 146 44" />
+        <path d="M64 95 C106 95 108 95 146 95" />
+        <path d="M64 95 C102 95 106 146 146 146" />
+        <path d="M206 44 C246 44 250 95 286 95" />
+        <path d="M206 95 C244 95 250 95 286 95" />
+        <path d="M206 146 C246 146 250 95 286 95" />
+      </svg>
+      <span className="vy-map-node is-entry">router</span>
+      <span className="vy-map-node is-auth">auth</span>
+      <span className="vy-map-node is-billing">billing</span>
+      <span className="vy-map-node is-notify">notify</span>
+      <span className="vy-map-node is-data">data</span>
+      <span className="vy-map-note">12 request flows mapped</span>
+    </div>
+  );
+}
+
+const PRIORITIES = [
+  { level: "P0", title: "Expire session tokens", why: "blocks launch · 2 files" },
+  { level: "P1", title: "Bound invoice retries", why: "high churn · ~1 day" },
+  { level: "P2", title: "Remove legacy logger", why: "safe to defer" },
+];
+
+function PrioritiesStage() {
+  return (
+    <div className="vy-priorities">
+      {PRIORITIES.map((item) => (
+        <div className="vy-priority" key={item.level}>
+          <span
+            className="vy-priority-level"
+            style={{ color: SIGNAL_COLORS[item.level] }}
+          >
+            {item.level}
+          </span>
+          <span className="vy-priority-copy">
+            <b>{item.title}</b>
+            <small>{item.why}</small>
+          </span>
+          <ArrowRight size={14} aria-hidden="true" />
+        </div>
+      ))}
+    </div>
+  );
+}
+
+const DELTAS = [
+  { label: "Architecture", value: 82, delta: "+6" },
+  { label: "Security", value: 76, delta: "+18" },
+  { label: "Tech debt", value: 71, delta: "+4" },
+];
+
+function ProgressStage() {
+  return (
+    <div className="vy-progress">
+      <div className="vy-progress-head">
+        <span className="vy-progress-icon">
+          <TrendingUp size={16} aria-hidden="true" />
+        </span>
+        <span>
+          <b>Fixes confirmed</b>
+          <small>same ruler as the first pass</small>
+        </span>
+      </div>
+      {DELTAS.map((item) => (
+        <div className="vy-delta" key={item.label}>
+          <span className="vy-delta-label">{item.label}</span>
+          <span className="vy-delta-track">
+            <span style={{ width: `${item.value}%` }} />
+          </span>
+          <span className="vy-delta-value">{item.value}</span>
+          <span className="vy-delta-change">{item.delta}</span>
+        </div>
+      ))}
+      <span className="vy-progress-proof">
+        <Check size={12} aria-hidden="true" /> byte-equal scoring verified
+      </span>
+    </div>
+  );
+}
+
+const TABS = [
+  {
+    key: "map",
+    name: "Map",
+    code: SYSTEM_MAP_JSON,
+    lang: "json" as const,
+    stageLabel: "System map · 34 modules",
+    Stage: MapStage,
+  },
+  {
+    key: "priorities",
+    name: "Priorities",
+    code: PRIORITIES_JSON,
+    lang: "json" as const,
+    stageLabel: "Next moves · ordered by impact",
+    Stage: PrioritiesStage,
+  },
+  {
+    key: "progress",
+    name: "Progress",
+    code: PROGRESS_JSON,
+    lang: "json" as const,
+    stageLabel: "Change since the last pass",
+    Stage: ProgressStage,
+  },
+];
+
+export function HeroWindow() {
+  const [activeTab, setActiveTab] = useState(0);
+  const tab = TABS[activeTab];
+
+  return (
+    <motion.div
+      className="lp-window-wrap vy-window-wrap"
+      initial={{ opacity: 0, y: 40, scale: 0.97 }}
+      animate={{ opacity: 1, y: 0, scale: 1 }}
+      transition={{ duration: 0.9, delay: 0.38, ease: EASE }}
+    >
+      <div className="lp-window-glow" aria-hidden="true" />
+
+      <div className="lp-window">
+        <div className="lp-window-bar">
+          <div className="lp-dots" aria-hidden="true">
+            <span />
+            <span />
+            <span />
+          </div>
+          <div className="lp-segmented" role="tablist" aria-label="Voyager view">
+            {TABS.map((item, index) => (
+              <button
+                key={item.key}
+                type="button"
+                role="tab"
+                aria-selected={index === activeTab}
+                className={"lp-seg" + (index === activeTab ? " is-active" : "")}
+                onClick={() => setActiveTab(index)}
+              >
+                {index === activeTab && (
+                  <motion.span
+                    layoutId="vy-seg-pill"
+                    className="lp-seg-pill"
+                    aria-hidden="true"
+                    transition={{ type: "spring", stiffness: 420, damping: 34 }}
+                  />
+                )}
+                <span className="lp-seg-label">{item.name}</span>
+              </button>
+            ))}
+          </div>
+        </div>
+
+        <div className="lp-window-body">
+          <div className="lp-window-code">
+            <div className="lp-code-stack">
+              <AnimatePresence initial={false}>
+                <motion.div
+                  key={`${tab.key}-code`}
+                  className="lp-code-layer"
+                  initial={{ opacity: 0, filter: "blur(3px)" }}
+                  animate={{ opacity: 1, filter: "blur(0px)" }}
+                  exit={{ opacity: 0, filter: "blur(3px)" }}
+                  transition={{ duration: 0.28, ease: EASE }}
+                >
+                  <HighlightedCode code={tab.code} lang={tab.lang} />
+                </motion.div>
+              </AnimatePresence>
+            </div>
+          </div>
+
+          <div className="lp-stage">
+            <div className="lp-stage-label" aria-hidden="true">
+              {tab.stageLabel}
+            </div>
+            <div className="lp-stage-stack">
+              {TABS.map((item, index) => {
+                const Stage = item.Stage;
+                return (
+                  <div
+                    key={item.key}
+                    className="lp-stage-layer"
+                    aria-hidden={index !== activeTab}
+                    style={{
+                      opacity: index === activeTab ? 1 : 0,
+                      pointerEvents: index === activeTab ? "auto" : "none",
+                    }}
+                  >
+                    <Stage />
+                  </div>
+                );
+              })}
+            </div>
+          </div>
+        </div>
+      </div>
+    </motion.div>
+  );
+}
diff --git a/components/landing/voyager/OutputsBento.tsx b/components/landing/voyager/OutputsBento.tsx
new file mode 100644
index 00000000..0d93b132
--- /dev/null
+++ b/components/landing/voyager/OutputsBento.tsx
@@ -0,0 +1,165 @@
+"use client";
+
+import { motion } from "framer-motion";
+import { ArrowRight, Check, GitBranch, Map, TrendingUp } from "lucide-react";
+import { SectionHead } from "../SectionHead";
+import { staggerChild, staggerParent } from "../motion";
+import { SIGNAL_COLORS } from "./snippets";
+
+function ContextVisual() {
+  return (
+    <div
+      className="vy-value-visual vy-context-visual"
+      role="img"
+      aria-label="A system flow from route to auth, billing, and data modules"
+    >
+      <div className="vy-context-node is-root">
+        <Map size={14} aria-hidden="true" /> API route
+      </div>
+      <span className="vy-context-line" aria-hidden="true" />
+      <div className="vy-context-branches">
+        <span>auth</span>
+        <span>billing</span>
+        <span>data</span>
+      </div>
+      <div className="vy-context-foot">
+        <GitBranch size={13} aria-hidden="true" /> 12 flows · 34 modules
+      </div>
+    </div>
+  );
+}
+
+function PriorityVisual() {
+  const items = [
+    { level: "P0", title: "Expire sessions", note: "blocks launch" },
+    { level: "P1", title: "Bound retries", note: "high churn" },
+    { level: "P2", title: "Remove logger", note: "safe to defer" },
+  ];
+  return (
+    <div className="vy-value-visual vy-queue-visual">
+      {items.map((item) => (
+        <div className="vy-queue-row" key={item.level}>
+          <span style={{ color: SIGNAL_COLORS[item.level] }}>{item.level}</span>
+          <b>{item.title}</b>
+          <small>{item.note}</small>
+        </div>
+      ))}
+    </div>
+  );
+}
+
+function ProgressVisual() {
+  return (
+    <div className="vy-value-visual vy-proof-visual">
+      <div className="vy-proof-top">
+        <span className="vy-proof-icon">
+          <TrendingUp size={18} aria-hidden="true" />
+        </span>
+        <span className="vy-proof-number">+18</span>
+        <span className="vy-proof-label">security since last pass</span>
+      </div>
+      <div
+        className="vy-proof-bars"
+        aria-label="Security improved from 58 to 76"
+      >
+        <span>
+          <i style={{ width: "58%" }} />
+        </span>
+        <ArrowRight size={14} aria-hidden="true" />
+        <span className="is-now">
+          <i style={{ width: "76%" }} />
+        </span>
+      </div>
+      <div className="vy-proof-foot">
+        <Check size={12} aria-hidden="true" /> deterministic rerun
+      </div>
+    </div>
+  );
+}
+
+const VALUES = [
+  {
+    num: "01",
+    eyebrow: "Understand",
+    title: "See how the system fits together.",
+    body: "Start with modules, dependencies, and real request flows—not a directory tree you still have to decode.",
+    Visual: ContextVisual,
+  },
+  {
+    num: "02",
+    eyebrow: "Prioritize",
+    title: "Know the next right move.",
+    body: "Signals arrive in order, with the reason each one matters now and what is safe to leave for later.",
+    Visual: PriorityVisual,
+  },
+  {
+    num: "03",
+    eyebrow: "Improve",
+    title: "Prove the fix made it better.",
+    body: "Rerun the same baseline and show the delta. The ruler stays still; your code is what changed.",
+    Visual: ProgressVisual,
+  },
+];
+
+const ARTIFACTS = [
+  "system map",
+  "hotspot catalog",
+  "finding catalog",
+  "flow catalog",
+  "coverage map",
+  "code-health.json",
+  "shareable PDF",
+];
+
+export function OutputsBento() {
+  return (
+    <section className="lp-shell lp-gap" id="deliverables">
+      <SectionHead
+        eyebrow="The downlink"
+        title="Not more findings. A way forward."
+        lead="Voyager turns analysis into three things a developer can use immediately: context, an ordered next move, and visible progress."
+      />
+
+      <motion.div
+        className="vy-value-grid"
+        variants={staggerParent}
+        initial="hidden"
+        whileInView="visible"
+        viewport={{ once: true, margin: "-80px" }}
+      >
+        {VALUES.map((item) => {
+          const Visual = item.Visual;
+          return (
+            <motion.article
+              className="vy-value-card"
+              key={item.num}
+              variants={staggerChild}
+            >
+              <div className="vy-value-meta">
+                <span>{item.num}</span>
+                <span>{item.eyebrow}</span>
+              </div>
+              <Visual />
+              <h3>{item.title}</h3>
+              <p>{item.body}</p>
+            </motion.article>
+          );
+        })}
+      </motion.div>
+
+      <motion.div
+        className="vy-artifacts"
+        initial={{ opacity: 0, y: 12 }}
+        whileInView={{ opacity: 1, y: 0 }}
+        viewport={{ once: true, margin: "-40px" }}
+      >
+        <span className="vy-artifacts-label">Every pass also leaves behind</span>
+        <div className="vy-artifact-list">
+          {ARTIFACTS.map((artifact) => (
+            <span key={artifact}>{artifact}</span>
+          ))}
+        </div>
+      </motion.div>
+    </section>
+  );
+}
diff --git a/components/landing/voyager/VoyagerLanding.tsx b/components/landing/voyager/VoyagerLanding.tsx
new file mode 100644
index 00000000..9e6a792e
--- /dev/null
+++ b/components/landing/voyager/VoyagerLanding.tsx
@@ -0,0 +1,8 @@
+"use client";
+
+import { LandingRoot } from "../LandingRoot";
+import { voyagerContent } from "./content";
+
+export function VoyagerLanding() {
+  return <LandingRoot content={voyagerContent} />;
+}
diff --git a/components/landing/voyager/content.tsx b/components/landing/voyager/content.tsx
new file mode 100644
index 00000000..9a08d77f
--- /dev/null
+++ b/components/landing/voyager/content.tsx
@@ -0,0 +1,173 @@
+import Link from "next/link";
+import {
+  Crosshair,
+  ListChecks,
+  Map,
+  Package,
+  TrendingUp,
+} from "lucide-react";
+import type { LandingContent } from "../types";
+import { HeroWindow } from "./HeroWindow";
+import { OutputsBento } from "./OutputsBento";
+import { EVIDENCE_JSON } from "./snippets";
+
+export const voyagerContent: LandingContent = {
+  /* Voyager stays an isolated naming/tone experiment. The API slug is reused
+     only so early-access signups continue to reach the existing audience. */
+  product: "code-analysis",
+  wordmarkName: "voyager",
+  wordmarkShowByline: false,
+  hero: {
+    titleTop: "See any codebase whole.",
+    titleGradient: "Know it like you wrote it.",
+    lead: (
+      <>
+        Voyager turns an unfamiliar repository into a map you can navigate:
+        how the system fits together, what deserves attention first, and a
+        baseline that proves each fix made it better.
+      </>
+    ),
+  },
+  HeroWindow,
+  stats: [
+    { value: "Whole", label: "System context in one view" },
+    { value: "Ranked", label: "Next moves with a reason" },
+    { value: "0–100", label: "Baseline, not a report card" },
+    { value: "Δ", label: "Progress on every rerun" },
+  ],
+  statement: (
+    <>
+      Most codebases outlive the context that built them.{" "}
+      <span className="lp-gradient-text">
+        Voyager rebuilds that missing context
+      </span>{" "}
+      — grounded in your architecture, connected to file-and-line evidence,
+      and organized around what your team should do next.
+    </>
+  ),
+  features: {
+    eyebrow: "Developer equipment",
+    title: "Built to help you move, not judge how you got here.",
+    lead: "Use Voyager when you inherit a repository, join a project mid-flight, or need to make a risky change without six months of tribal knowledge.",
+    items: [
+      {
+        icon: Map,
+        title: "See the system, not a pile of files",
+        body: "Modules, dependencies, state machines, and real request flows come together in one navigable picture.",
+        wide: true,
+      },
+      {
+        icon: ListChecks,
+        title: "Start with the next right fix",
+        body: "Security, release impact, churn, complexity, and fix dependencies become an ordered queue—with a reason for every position.",
+        wide: true,
+      },
+      {
+        icon: TrendingUp,
+        title: "Make progress visible",
+        body: "Fix, rerun, and compare against the same deterministic baseline. When the number moves, your code moved it.",
+      },
+      {
+        icon: Crosshair,
+        title: "Ask it to show its work",
+        body: "Every signal carries file:line evidence, its source, and a confidence level. Coverage gaps stay visible too.",
+      },
+      {
+        icon: Package,
+        title: "Keep the context after the pass",
+        body: "The maps, flows, evidence, and baseline stay with your team—ready for the next developer, decision, and change.",
+      },
+    ],
+  },
+  OutputsBento,
+  marquee: {
+    rowA: [
+      "Inherited codebase",
+      "Vendor handoff",
+      "Team onboarding",
+      "Release preparation",
+      "Legacy modernization",
+      "Architecture change",
+      "Security hardening",
+      "Technical due diligence",
+    ],
+    rowB: [
+      "System map",
+      "Module relationships",
+      "Request flows",
+      "Churn × complexity",
+      "Release risks",
+      "Fix order",
+      "Coverage gaps",
+      "Progress deltas",
+      "Machine-readable output",
+      "Shareable brief",
+    ],
+  },
+  trustSplit: {
+    eyebrow: "Evidence trail",
+    title: "Every call comes with coordinates.",
+    lead: "Voyager connects every signal to the code behind it, explains why it matters, and shows how confident you should be before acting.",
+    bullets: [
+      "File:line evidence and source on every signal",
+      "Aligned with your intended architecture",
+      "Coverage gaps and confidence disclosed",
+      "Deterministic scoring — reruns are byte-equal",
+    ],
+    ctaLabel: "How the evidence works",
+    snippet: EVIDENCE_JSON,
+    snippetFile: "finding.json",
+  },
+  faq: [
+    {
+      q: "Who is Voyager for?",
+      a: "Developers walking into code they did not write—or no longer remember clearly. That includes inherited products, vendor handoffs, acquisitions, legacy systems, and teams preparing a risky release. Voyager rebuilds the context the original team carried in their heads.",
+    },
+    {
+      q: "What does a Voyager pass cover?",
+      a: "The system's architecture, module relationships, request flows, security risks, maintenance hotspots, coverage gaps, and accumulated tech debt. It brings those views together so your team can understand both the whole system and the next concrete action.",
+    },
+    {
+      q: "How does Voyager decide what comes first?",
+      a: "It combines release and security impact with churn, complexity, blast radius, and fix dependencies. The result is not just a severity list: it explains why an item matters now, what evidence supports it, and what is safe to defer.",
+    },
+    {
+      q: "What does Voyager measure?",
+      a: "The current state of the codebase—not developer performance. Architecture, module quality, security, and tech debt each receive a 0–100 baseline so the team knows where to start and can measure how the system changes after the work.",
+    },
+    {
+      q: "How do I know which findings to trust?",
+      a: "Findings carry file:line evidence, a clear reason, and a confidence level. Voyager also discloses coverage gaps instead of treating silence as proof that everything is fine, so your team keeps the final engineering judgment.",
+    },
+    {
+      q: "Does Voyager replace engineering judgment?",
+      a: "No. Voyager gives your team context, evidence, and an ordered starting point. Developers still decide what fits the system, what to defer, and how each change should be implemented.",
+    },
+    {
+      q: "What do I get at the end?",
+      a: "A system map, hotspot catalog, finding catalog, flow catalog, coverage map, and code-health.json for your tooling—plus a consolidated PDF written for the team doing the fixing and polished enough to share with a client or stakeholder.",
+    },
+    {
+      q: "Can you run it with us?",
+      a: (
+        <>
+          Yes. The{" "}
+          <Link href="/voyager/readiness">Delivery Readiness Assessment</Link>{" "}
+          is a two-to-three-week engagement where we ground Voyager in your
+          system, verify the release gates, and turn the evidence into an
+          ordered remediation plan with your team.
+        </>
+      ),
+    },
+    {
+      q: "When can I use it?",
+      a: "Voyager is launching soon. Join the waitlist for early access, launch pricing, and progress updates.",
+    },
+  ],
+  closingCta: {
+    title: "Your next codebase comes with a map.",
+    lead: "Join the Voyager waitlist for early access, launch pricing, and progress updates.",
+    finePrint: "© 2026 · macOS · Linux · Windows",
+    showConceptaBrand: false,
+  },
+};
diff --git a/components/landing/voyager/readiness/BusinessImpactBento.tsx b/components/landing/voyager/readiness/BusinessImpactBento.tsx
new file mode 100644
index 00000000..8b8d05c1
--- /dev/null
+++ b/components/landing/voyager/readiness/BusinessImpactBento.tsx
@@ -0,0 +1,178 @@
+"use client";
+
+import { motion } from "framer-motion";
+import { SectionHead } from "../../SectionHead";
+import { staggerParent, staggerChild } from "../../motion";
+import { SEVERITY_COLORS } from "../snippets";
+
+/* All figures come from the sample assessment report (client anonymized). */
+
+function RegulatoryMock() {
+  const exposures = [
+    {
+      v: "FTC Act §5",
+      l: "US unfair / deceptive-practices enforcement — civil penalties up to ~$51K per violation",
+    },
+    {
+      v: "$2,500–$7,500",
+      l: "per CCPA / CPRA violation — the higher tier covers sensitive data like precise location",
+    },
+    {
+      v: "50-state",
+      l: "breach-notification duties, where applicable",
+    },
+  ];
+  return (
+    <div className="lp-tile-body">
+      <span className="lp-bi-title">Regulatory exposure</span>
+      <div className="lp-ex-grid">
+        {exposures.map((e) => (
+          <div key={e.v} className="lp-ex">
+            <div className="lp-ex-v">{e.v}</div>
+            <div className="lp-ex-l">{e.l}</div>
+          </div>
+        ))}
+      </div>
+    </div>
+  );
+}
+
+function SeverityMock() {
+  const rows = [
+    { name: "Critical", count: 1, color: SEVERITY_COLORS.critical },
+    { name: "High", count: 6, color: SEVERITY_COLORS.high },
+  ];
+  return (
+    <div className="lp-tile-body">
+      <span className="lp-bi-title">Severity snapshot</span>
+      <div className="lp-bi-hero">
+        <span className="lp-bi-hero-num">7</span>
+        <span className="lp-bi-hero-label">headline findings</span>
+      </div>
+      {rows.map((r) => (
+        <div key={r.name} className="lp-sev-line">
+          <span className="lp-sev-swatch" style={{ background: r.color }} />
+          {r.name}
+          <b>{r.count}</b>
+        </div>
+      ))}
+    </div>
+  );
+}
+
+function PostureMock() {
+  return (
+    <div className="lp-tile-body">
+      <span className="lp-bi-title">Decision posture</span>
+      <div className="lp-bi-hero">
+        <span className="lp-bi-hero-num is-crit">7</span>
+        <span className="lp-bi-hero-label">awaiting action</span>
+      </div>
+      <div className="lp-bi-hero">
+        <span className="lp-bi-hero-num is-warn">0</span>
+        <span className="lp-bi-hero-label">risk accepted &amp; deferred</span>
+      </div>
+    </div>
+  );
+}
+
+function EffortMock() {
+  const rows = [
+    { fix: "Rotate & restrict backend keys", effort: "1 day" },
+    { fix: "Harden the in-app browser", effort: "1 day" },
+    { fix: "Purge key from git history", effort: "1–2 days" },
+  ];
+  return (
+    <div className="lp-tile-body">
+      <span className="lp-bi-title">Remediation effort</span>
+      {rows.map((r) => (
+        <div key={r.fix} className="lp-effort-line">
+          {r.fix}
+          <span className="lp-graph-cap">{r.effort}</span>
+        </div>
+      ))}
+    </div>
+  );
+}
+
+function ReachMock() {
+  const who = [
+    "anyone with a copy of the app",
+    "anyone watching its network traffic",
+    "anyone who can edit backend records",
+  ];
+  return (
+    <div className="lp-tile-body">
+      <span className="lp-bi-title">Who can reach it</span>
+      <div className="lp-dual-chips" style={{ marginTop: 0 }}>
+        {who.map((w) => (
+          <span key={w} className="lp-graph-cap">
+            {w}
+          </span>
+        ))}
+      </div>
+    </div>
+  );
+}
+
+const TILES = [
+  {
+    cap: "Sourced to statute in the report — illustrative, not legal advice.",
+    wide: true,
+    Mock: RegulatoryMock,
+  },
+  {
+    cap: "The 101-cluster catalog, distilled to what matters now.",
+    wide: false,
+    Mock: SeverityMock,
+  },
+  {
+    cap: "Deferring a risk is recorded as a business decision — with a date.",
+    wide: false,
+    Mock: PostureMock,
+  },
+  {
+    cap: "Every fix sized in days, not story points.",
+    wide: false,
+    Mock: EffortMock,
+  },
+  {
+    cap: "Exposure written in people, not CVEs.",
+    wide: false,
+    Mock: ReachMock,
+  },
+];
+
+export function BusinessImpactBento() {
+  return (
+    <section className="lp-shell lp-gap" id="impact">
+      <SectionHead
+        eyebrow="Business impact"
+        title="The same finding, translated for every room."
+        lead="Engineers get file:line evidence and a concrete fix. Stakeholders get the exposure, reach, and effort around the same signal—every figure sourced in the report. Sample data from a real, anonymized assessment."
+      />
+
+      <motion.div
+        className="lp-bento"
+        variants={staggerParent}
+        initial="hidden"
+        whileInView="visible"
+        viewport={{ once: true, margin: "-80px" }}
+      >
+        {TILES.map((t) => {
+          const Mock = t.Mock;
+          return (
+            <motion.div
+              key={t.cap}
+              variants={staggerChild}
+              className={"lp-tile" + (t.wide ? " lp-tile-wide" : "")}
+            >
+              <Mock />
+              <p className="lp-tile-cap">{t.cap}</p>
+            </motion.div>
+          );
+        })}
+      </motion.div>
+    </section>
+  );
+}
diff --git a/components/landing/voyager/readiness/ReadinessHeroWindow.tsx b/components/landing/voyager/readiness/ReadinessHeroWindow.tsx
new file mode 100644
index 00000000..0120644e
--- /dev/null
+++ b/components/landing/voyager/readiness/ReadinessHeroWindow.tsx
@@ -0,0 +1,269 @@
+"use client";
+
+import { useState } from "react";
+import { motion, AnimatePresence } from "framer-motion";
+import { HighlightedCode } from "../../HighlightedCode";
+import { EASE } from "../../motion";
+import { SEVERITY_COLORS } from "../snippets";
+import { FINDING_JSON, GATES_JSON, SCORECARD_JSON } from "./snippets";
+
+/* Baseline stage: the four dimensions from a real (anonymized) run. */
+const GRADES = [
+  { name: "Architecture", value: 74, confidence: "medium" },
+  { name: "Module Quality", value: 65, confidence: "medium" },
+  { name: "Security", value: 65, confidence: "medium" },
+  { name: "Tech-Debt", value: 85, confidence: "high" },
+];
+
+function BaselineStage() {
+  return (
+    <div className="lp-grades">
+      {GRADES.map((g) => {
+        const color = g.value >= 80 ? "#67E8F9" : "#A5B4FC";
+        return (
+          <div key={g.name} className="lp-grade-tile">
+            <div className="lp-grade-head">
+              <span className="lp-grade-letter" style={{ color }}>
+                {g.value}
+              </span>
+              <span className="lp-grade-value">/100</span>
+            </div>
+            <span className="lp-grade-name">{g.name}</span>
+            <span className="lp-grade-bar">
+              <span style={{ width: `${g.value}%`, background: color }} />
+            </span>
+            <span className="lp-grade-conf">
+              <span
+                className="lp-conf-dot"
+                style={{ background: g.confidence === "high" ? "#67E8F9" : "#A5B4FC" }}
+              />
+              {g.confidence} confidence
+            </span>
+          </div>
+        );
+      })}
+    </div>
+  );
+}
+
+/* Gates stage: pass/fail release gates with a plain-language next step. */
+const GATES = [
+  { name: "Tests", state: "pass" },
+  { name: "Code quality", state: "pass" },
+  { name: "Dependencies", state: "pass" },
+  { name: "Compatibility", state: "pass" },
+  { name: "Dependencies locked", state: "fail" },
+  { name: "Formatting", state: "fail" },
+] as const;
+
+function GatesStage() {
+  return (
+    <div className="lp-gates">
+      {GATES.map((g) => (
+        <div key={g.name} className="lp-gate-row">
+          <span className="lp-gate-name">{g.name}</span>
+          <span className={"lp-gate-chip is-" + g.state}>
+            {g.state === "pass" ? "PASS" : "FAIL"}
+          </span>
+        </div>
+      ))}
+      <div className="lp-gates-verdict">
+        <b>Release-ready today?</b> Not yet — two clear next steps, both
+        fixable in under a day.
+      </div>
+    </div>
+  );
+}
+
+/* Findings stage: one finding, toggled between its two audiences */
+const DEV_ROWS = [
+  { file: "lib/firebase_options.dart:50", desc: "Committed GCP apiKey" },
+  { file: "lib/main.dart:29", desc: "initializeApp — no App Check" },
+];
+
+function FindingsStage() {
+  const [view, setView] = useState<"dev" | "biz">("dev");
+  return (
+    <div className="lp-dual">
+      <div className="lp-dual-head">
+        <span
+          className="lp-severity-chip"
+          style={{
+            background: "rgba(251,146,60,0.15)",
+            color: SEVERITY_COLORS.high,
+          }}
+        >
+          HIGH
+        </span>
+        <span className="lp-dual-title">Backend keys shipped in the app</span>
+      </div>
+      <div className="lp-dual-tabs" role="tablist" aria-label="Finding view">
+        {(["dev", "biz"] as const).map((v) => (
+          <button
+            key={v}
+            type="button"
+            role="tab"
+            aria-selected={view === v}
+            className={"lp-dual-tab" + (view === v ? " is-active" : "")}
+            onClick={() => setView(v)}
+          >
+            {v === "dev" ? "Developer view" : "Business view"}
+          </button>
+        ))}
+      </div>
+      {view === "dev" ? (
+        <div className="lp-dual-dev">
+          {DEV_ROWS.map((r) => (
+            <div key={r.file} className="lp-report-row">
+              <div style={{ minWidth: 0 }}>
+                <p className="lp-report-file">{r.file}</p>
+                <p className="lp-report-desc">{r.desc}</p>
+              </div>
+            </div>
+          ))}
+          <div className="lp-dual-chips">
+            <span className="lp-graph-cap">rotate keys</span>
+            <span className="lp-graph-cap">restrict by bundle</span>
+            <span className="lp-graph-cap">enforce App Check</span>
+          </div>
+        </div>
+      ) : (
+        <div className="lp-dual-biz">
+          <p>
+            The keys that unlock your backend are printed inside the app —
+            anyone who copies them can talk to it directly.
+          </p>
+          <div className="lp-dual-chips">
+            <span className="lp-graph-cap">who: anyone with the app</span>
+            <span className="lp-graph-cap">fix: ~1 day</span>
+            <span className="lp-graph-cap">reach: public client</span>
+          </div>
+        </div>
+      )}
+    </div>
+  );
+}
+
+const TABS = [
+  {
+    key: "baseline",
+    name: "Baseline",
+    code: SCORECARD_JSON,
+    lang: "json" as const,
+    stageLabel: "Baseline · 4 dimensions · 0–100",
+    Stage: BaselineStage,
+  },
+  {
+    key: "gates",
+    name: "Gates",
+    code: GATES_JSON,
+    lang: "json" as const,
+    stageLabel: "Release gates · clear next steps",
+    Stage: GatesStage,
+  },
+  {
+    key: "findings",
+    name: "Findings",
+    code: FINDING_JSON,
+    lang: "json" as const,
+    stageLabel: "Findings · two audiences",
+    Stage: FindingsStage,
+  },
+];
+
+export function ReadinessHeroWindow() {
+  const [activeTab, setActiveTab] = useState(0);
+  const tab = TABS[activeTab];
+
+  return (
+    <motion.div
+      className="lp-window-wrap"
+      initial={{ opacity: 0, y: 40, scale: 0.97 }}
+      animate={{ opacity: 1, y: 0, scale: 1 }}
+      transition={{ duration: 0.9, delay: 0.38, ease: EASE }}
+    >
+      <div className="lp-window-glow" aria-hidden="true" />
+
+      <div className="lp-window">
+        <div className="lp-window-bar">
+          <div className="lp-dots" aria-hidden="true">
+            <span />
+            <span />
+            <span />
+          </div>
+          <div
+            className="lp-segmented"
+            role="tablist"
+            aria-label="Assessment view"
+          >
+            {TABS.map((t, i) => (
+              <button
+                key={t.key}
+                type="button"
+                role="tab"
+                aria-selected={i === activeTab}
+                className={"lp-seg" + (i === activeTab ? " is-active" : "")}
+                onClick={() => setActiveTab(i)}
+              >
+                {i === activeTab && (
+                  <motion.span
+                    layoutId="lp-seg-pill"
+                    className="lp-seg-pill"
+                    aria-hidden="true"
+                    transition={{ type: "spring", stiffness: 420, damping: 34 }}
+                  />
+                )}
+                <span className="lp-seg-label">{t.name}</span>
+              </button>
+            ))}
+          </div>
+        </div>
+
+        <div className="lp-window-body">
+          <div className="lp-window-code">
+            <div className="lp-code-stack">
+              <AnimatePresence initial={false}>
+                <motion.div
+                  key={tab.key + "-code"}
+                  className="lp-code-layer"
+                  initial={{ opacity: 0, filter: "blur(3px)" }}
+                  animate={{ opacity: 1, filter: "blur(0px)" }}
+                  exit={{ opacity: 0, filter: "blur(3px)" }}
+                  transition={{ duration: 0.28, ease: EASE }}
+                >
+                  <HighlightedCode code={tab.code} lang={tab.lang} />
+                </motion.div>
+              </AnimatePresence>
+            </div>
+          </div>
+
+          <div className="lp-stage">
+            <div className="lp-stage-label" aria-hidden="true">
+              {tab.stageLabel}
+            </div>
+            {/* All stages mount once and cross-fade on switch for instant,
+                flicker-free toggling. */}
+            <div className="lp-stage-stack">
+              {TABS.map((t, i) => {
+                const Stage = t.Stage;
+                return (
+                  <div
+                    key={t.key}
+                    className="lp-stage-layer"
+                    aria-hidden={i !== activeTab}
+                    style={{
+                      opacity: i === activeTab ? 1 : 0,
+                      pointerEvents: i === activeTab ? "auto" : "none",
+                    }}
+                  >
+                    <Stage />
+                  </div>
+                );
+              })}
+            </div>
+          </div>
+        </div>
+      </div>
+    </motion.div>
+  );
+}
diff --git a/components/landing/voyager/readiness/ReadinessLanding.tsx b/components/landing/voyager/readiness/ReadinessLanding.tsx
new file mode 100644
index 00000000..e858a2c1
--- /dev/null
+++ b/components/landing/voyager/readiness/ReadinessLanding.tsx
@@ -0,0 +1,264 @@
+"use client";
+
+import Link from "next/link";
+import { MotionConfig, motion } from "framer-motion";
+import { Fingerprint, Flame, Gauge, Map, Rocket, ShieldAlert } from "lucide-react";
+import "../../landing.css";
+import { Aurora } from "../../sections/Aurora";
+import { Stats } from "../../sections/Stats";
+import { Statement } from "../../sections/Statement";
+import { Features } from "../../sections/Features";
+import { TrustSplit } from "../../sections/TrustSplit";
+import { Faq } from "../../sections/Faq";
+import { LandingButton } from "../../LandingButton";
+import { SectionHead } from "../../SectionHead";
+import { WaitlistForm } from "../../WaitlistForm";
+import { fadeUp, reveal, staggerParent, staggerChild } from "../../motion";
+import type { LandingContent } from "../../types";
+import { BusinessImpactBento } from "./BusinessImpactBento";
+import { ReadinessHeroWindow } from "./ReadinessHeroWindow";
+import { METHODOLOGY_JSON } from "./snippets";
+
+const STATS: LandingContent["stats"] = [
+  { value: "2–3", label: "Weeks to a working plan" },
+  { value: "One", label: "Decision-ready system picture" },
+  { value: "101→12", label: "Signals distilled into priority actions" },
+  { value: "100%", label: "Source coverage, gaps disclosed" },
+];
+
+const FEATURES: LandingContent["features"] = {
+  eyebrow: "What your team gets",
+  title: "Six lenses. One decision-ready picture.",
+  lead: "Everything comes together in one grounded assessment, with every claim tied to the code and every recommendation connected to a clear next action.",
+  items: [
+    {
+      icon: Gauge,
+      title: "A four-part baseline",
+      body: "Architecture, Module Quality, Security, and Tech-Debt—scored 0–100, with confidence on every number and a module-by-module view of where attention will have the most impact.",
+      wide: true,
+    },
+    {
+      icon: Rocket,
+      title: "Release gates with clear next steps",
+      body: "Release prerequisites, dependency health, tests, formatting, and compatibility—each shown with evidence and paired with the work needed to move it.",
+      wide: true,
+    },
+    {
+      icon: ShieldAlert,
+      title: "Business impact, quantified",
+      body: "Every exposure with file:line evidence and the business context around it: what's exposed, who can reach it, the potential liability, and what it costs to fix.",
+      wide: true,
+    },
+    {
+      icon: Fingerprint,
+      title: "Privacy, mapped",
+      body: "Every flow tagged with the personal data it touches — location, camera, push tokens, device IDs — surfacing undisclosed third-party leaks and consent checks that don't line up. A data map your counsel can use.",
+      wide: true,
+    },
+    {
+      icon: Flame,
+      title: "Where maintenance is getting expensive",
+      body: "Churn × complexity hotspots, systemic test gaps, duplication, and verified dead code—the tech debt most likely to slow the next change, ranked.",
+      wide: true,
+    },
+    {
+      icon: Map,
+      title: "A map of your own system",
+      body: "Business rules with enforcement points, state machines, module dependencies, and plain-English flows. Documentation your team keeps, whatever you do next.",
+      wide: true,
+    },
+  ],
+};
+
+const STEPS = [
+  {
+    num: "01",
+    title: "Ground, then survey",
+    body: "We learn the domain, intended architecture, and release goals with your team. Then we map the system, identify what needs attention, and establish the baseline for the work ahead.",
+  },
+  {
+    num: "02",
+    title: "Findings and walkthrough",
+    body: "You get the baseline, the release gates, and the full evidence catalog—walked through live in engineering terms, with a stakeholder view for the decisions around it.",
+  },
+  {
+    num: "03",
+    title: "The sequenced plan",
+    body: "Findings become an ordered remediation plan—safety first, refactors after—with effort estimates per fix. Run it with your team, or have us own the remediation with your engineers reviewing each release.",
+  },
+];
+
+const TRUST_SPLIT: LandingContent["trustSplit"] = {
+  eyebrow: "Evidence, including the gaps",
+  title: "A baseline that shows its blind spots.",
+  lead: "Every score carries confidence, and every run discloses exactly what automated analysis did and did not cover. Your team can see how much weight to give each signal.",
+  bullets: [
+    "Confidence level on every score and finding",
+    "Coverage gaps disclosed — never papered over",
+    "Deterministic evidence — rerun it, get the same numbers",
+    "Policy-backed guardrails keep critical release risks visible",
+  ],
+  ctaLabel: "Questions, answered",
+  snippet: METHODOLOGY_JSON,
+  snippetFile: "methodology.json",
+};
+
+const FAQ: LandingContent["faq"] = [
+  {
+    q: "What exactly do we get?",
+    a: "A four-dimension baseline, release-gate status with next steps, the full findings catalog with file:line evidence, a documented system map—business rules, state machines, and flows—and a sequenced remediation plan. It is consolidated into a PDF you can share with your team, buyer, board, or client.",
+  },
+  {
+    q: "How is this different from hiring a consultant to review our code?",
+    a: "Expert review provides context and judgment. The assessment adds deterministic scoring, evidence-backed findings, and disclosed blind spots, giving your team a repeatable baseline to rerun after the work and measure what changed.",
+  },
+  {
+    q: "What do you need from us?",
+    a: "Read-only access to the repository and about an hour with someone who knows the system, so the assessment reflects the domain, intended architecture, and release goals. No production access required.",
+  },
+  {
+    q: "Does this only cover security?",
+    a: "No—security is one of six lenses. The same run baselines architecture, module quality, and tech debt, checks your release gates, maps where personal data flows, and documents the system's business rules. The sample above comes from a real, anonymized assessment.",
+  },
+  {
+    q: "What happens after the assessment?",
+    a: "Your team can run the plan as-is—it's written to be executable, with effort estimates per fix. Or we can own the remediation with your team's review, bundle the work into releases, and track every action to done.",
+  },
+  {
+    q: "How much does it cost?",
+    a: "Pricing is scoped to the size and shape of the codebase. Request an assessment below and we'll set up a short call—you'll have a clear quote before any work starts.",
+  },
+];
+
+export function ReadinessLanding() {
+  return (
+    <MotionConfig reducedMotion="user">
+      <main className="lp-root" data-pagefind-ignore>
+        <Aurora />
+
+        {/* The service page keeps Voyager's developer-first promise while
+            making the release decision explicit for stakeholders. */}
+        <section className="lp-shell lp-hero" id="top">
+          <motion.h1
+            className="lp-hero-title"
+            initial="hidden"
+            animate="visible"
+            custom={0.08}
+            variants={fadeUp}
+          >
+            Know what&apos;s ready.
+            <br />
+            <span className="lp-gradient-text">Know what comes next.</span>
+          </motion.h1>
+
+          <motion.p
+            className="lp-hero-sub"
+            initial="hidden"
+            animate="visible"
+            custom={0.18}
+            variants={fadeUp}
+          >
+            The Delivery Readiness Assessment is a two-to-three-week
+            engagement. We ground Voyager in your system, verify the release
+            gates, and give your team a clear plan—file:line evidence for the
+            work, plus the stakeholder context around each decision.
+          </motion.p>
+
+          <motion.div
+            className="lp-hero-cta"
+            initial="hidden"
+            animate="visible"
+            custom={0.28}
+            variants={fadeUp}
+          >
+            <LandingButton href="#request" arrow="right">
+              Request an assessment
+            </LandingButton>
+            <LandingButton href="#how" variant="secondary">
+              See what you get
+            </LandingButton>
+          </motion.div>
+
+          <ReadinessHeroWindow />
+        </section>
+
+        <Stats stats={STATS} />
+
+        <Statement>
+          Advice doesn&apos;t ship. Before you bet a launch, an acquisition, or
+          a client on a codebase,{" "}
+          <span className="lp-gradient-text">
+            turn the evidence into an ordered plan
+          </span>{" "}
+          — what is ready, what needs attention, and what your team should do
+          first.
+        </Statement>
+
+        <Features features={FEATURES} />
+
+        <BusinessImpactBento />
+
+        {/* Engagement timeline */}
+        <section className="lp-shell lp-gap" id="process">
+          <SectionHead
+            eyebrow="The engagement"
+            title="Two to three weeks, start to plan."
+            lead="No embedded team, no six-month discovery. A tight engagement with a hard end date and a concrete artifact at every step."
+          />
+          <motion.div
+            className="lp-features"
+            variants={staggerParent}
+            initial="hidden"
+            whileInView="visible"
+            viewport={{ once: true, margin: "-80px" }}
+          >
+            {STEPS.map((step) => (
+              <motion.div
+                key={step.num}
+                variants={staggerChild}
+                className="lp-feature"
+              >
+                <span className="lp-feature-icon lp-step-num">{step.num}</span>
+                <h3 className="lp-feature-title">{step.title}</h3>
+                <p className="lp-feature-body">{step.body}</p>
+              </motion.div>
+            ))}
+          </motion.div>
+        </section>
+
+        <TrustSplit trustSplit={TRUST_SPLIT} />
+
+        <Faq faq={FAQ} />
+
+        {/* Request CTA — a service request, not a launch waitlist */}
+        <section className="lp-shell lp-gap" id="request">
+          <motion.div className="lp-cta-card" {...reveal}>
+            <div className="lp-cta-glow" aria-hidden="true" />
+            <h2 className="lp-cta-title">Know where your release stands.</h2>
+            <p className="lp-cta-lead">
+              Leave your email and we&apos;ll set up a short scoping call —
+              you&apos;ll have a quote before any work starts. Two to three
+              weeks later: a grounded baseline and a working plan.
+            </p>
+            <div className="lp-cta-reqs">
+              <span className="lp-cta-reqs-label">All we need →</span>
+              <span className="lp-graph-cap">read-only repo access</span>
+              <span className="lp-graph-cap">one hour with your team</span>
+              <span className="lp-graph-cap">no production access</span>
+            </div>
+            <WaitlistForm
+              product="readiness"
+              buttonLabel="Request an assessment"
+              loadingLabel="Sending…"
+            />
+            <div className="lp-cta-links">
+              <Link href="/voyager">Powered by Voyager</Link>
+              <span aria-hidden="true">·</span>
+              <span className="lp-cta-fine">© 2026 · Delivery readiness assessment</span>
+            </div>
+          </motion.div>
+        </section>
+      </main>
+    </MotionConfig>
+  );
+}
diff --git a/components/landing/voyager/readiness/snippets.ts b/components/landing/voyager/readiness/snippets.ts
new file mode 100644
index 00000000..c6257e0f
--- /dev/null
+++ b/components/landing/voyager/readiness/snippets.ts
@@ -0,0 +1,46 @@
+/* Outcome-focused examples from a real assessment run (client anonymized). */
+
+export const SCORECARD_JSON = `{
+  "baseline": {
+    "architecture":  { "value": 74 },
+    "moduleQuality": { "value": 65 },
+    "security":      { "value": 65 },
+    "techDebt":      { "value": 85 }
+  },
+  "confidence": "medium",
+  "next": { "signalsReviewed": 101, "priorityActions": 12 }
+}`;
+
+export const GATES_JSON = `{
+  "release": "needs attention",
+  "ready": ["tests", "dependencies", "compatibility"],
+  "next": ["lock dependencies", "apply formatting"],
+  "estimatedEffort": "under one day"
+}`;
+
+export const FINDING_JSON = `{
+  "id": "C-1",
+  "severity": "high",
+  "title": "Backend keys shipped inside the app",
+  "evidence": [
+    "lib/firebase_options.dart:50",
+    "lib/firebase_options.dart:59",
+    "lib/main.dart:29"
+  ],
+  "next": "rotate and restrict the keys",
+  "estimatedEffort": "1 day"
+}`;
+
+export const METHODOLOGY_JSON = `{
+  "evidence": {
+    "sourceCoverage": "100%",
+    "fileAndLine": true,
+    "gaps": "disclosed"
+  },
+  "decisions": {
+    "signalsReviewed": 101,
+    "priorityActions": 12,
+    "effortIncluded": true
+  },
+  "repeatableBaseline": true
+}`;
diff --git a/components/landing/voyager/snippets.ts b/components/landing/voyager/snippets.ts
new file mode 100644
index 00000000..719dd7ed
--- /dev/null
+++ b/components/landing/voyager/snippets.ts
@@ -0,0 +1,43 @@
+/* Code snippets shared between the Voyager hero and evidence sections. */
+
+export const SYSTEM_MAP_JSON = `{
+  "entry": "src/api/router.ts",
+  "touches": ["auth", "billing", "notifications"],
+  "flows": 12,
+  "groundedBy": ".voyager/context.md"
+}`;
+
+export const PRIORITIES_JSON = `{
+  "next": [
+    { "priority": "P0", "why": "blocks launch", "at": "auth/session.ts:84" },
+    { "priority": "P1", "why": "high churn",    "at": "billing/retry.ts:41" },
+    { "priority": "P2", "why": "safe to defer", "at": "lib/logger.ts:12" }
+  ]
+}`;
+
+export const PROGRESS_JSON = `{
+  "since": "previous pass",
+  "architecture": { "before": 76, "now": 82, "delta": "+6" },
+  "security":     { "before": 58, "now": 76, "delta": "+18" },
+  "techDebt":     { "before": 67, "now": 71, "delta": "+4" },
+  "sameRuler": true
+}`;
+
+export const EVIDENCE_JSON = `{
+  "signal": "session tokens never expire",
+  "evidence": ["src/auth/session.ts:84"],
+  "basis": "verified in code",
+  "confidence": "high",
+  "next": "set maxAge and rotate on refresh"
+}`;
+
+export const SIGNAL_COLORS: Record<string, string> = {
+  P0: "#FB7185",
+  P1: "#FBBF24",
+  P2: "#67E8F9",
+};
+
+export const SEVERITY_COLORS = {
+  critical: "#F87171",
+  high: "#FB923C",
+};
diff --git a/globals.css b/globals.css
index 6bc9f975..70a4e03d 100644
--- a/globals.css
+++ b/globals.css
@@ -78,6 +78,27 @@ html.dark[data-product="code-analysis"] {
     --mix-accent-glow: rgba(0, 211, 255, 0.18);
 }
 
+/* Voyager is intentionally distinct from Code Analysis while it is tested as
+   an unlisted product: deeper navigation surfaces, cyan signal, violet orbit. */
+html.dark[data-product="voyager"] {
+    --nextra-primary-hue: 187deg;
+    --nextra-primary-saturation: 86%;
+    --nextra-primary-lightness: 69%;
+
+    --mix-bg: #050812;
+    --mix-surface: #0A1020;
+    --mix-surface-bright: #111A31;
+    --mix-accent: #67E8F9;
+    --mix-accent-low: rgba(103, 232, 249, 0.1);
+    --mix-accent-glow: rgba(103, 232, 249, 0.2);
+    --mix-surface-code: #0A1020;
+    --mix-surface-card: #0A1020;
+    --mix-surface-table-body: #0A1020;
+    --mix-surface-table-head: #111A31;
+    --mix-border-card: rgba(165, 180, 252, 0.12);
+    --mix-border-table: rgba(165, 180, 252, 0.14);
+}
+
 /* Naked UI product: official blue, lifted for contrast on the dark shell. */
 html.dark[data-product="naked-ui"] {
     --nextra-primary-hue: 213deg;
diff --git a/public/assets/logo_ack_sidebar.svg b/public/assets/logo_ack_sidebar.svg
index 497540c5..289364ae 100644
--- a/public/assets/logo_ack_sidebar.svg
+++ b/public/assets/logo_ack_sidebar.svg
@@ -1,3 +1,9 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200">
-  <path fill="#315CFF" fill-rule="evenodd" d="M40 180 100 30l60 150h-30l-30-50-30 50H40Zm30-40h60l20 40H50Z"/>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
+  <defs>
+    <linearGradient id="ack-mark" x1="12" y1="54" x2="48" y2="10" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#315CFF"/>
+      <stop offset="1" stop-color="#67E8F9"/>
+    </linearGradient>
+  </defs>
+  <path fill="url(#ack-mark)" fill-rule="evenodd" d="M32 7 57 55H44l-6-12H26l-6 12H7L32 7Zm0 17-6 13h12l-6-13Z"/>
 </svg>
diff --git a/public/assets/logo_stargate_mark.svg b/public/assets/logo_stargate_mark.svg
index 5243a744..32c992c0 100644
--- a/public/assets/logo_stargate_mark.svg
+++ b/public/assets/logo_stargate_mark.svg
@@ -1,8 +1,9 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="6 6 52 52">
-  <circle cx="32" cy="32" r="17" fill="none" stroke="#3EB8C9" stroke-width="5"/>
-  <path d="M32 10 L32 16" stroke="#3EB8C9" stroke-width="4" stroke-linecap="round"/>
-  <path d="M32 48 L32 54" stroke="#3EB8C9" stroke-width="4" stroke-linecap="round"/>
-  <path d="M10 32 L16 32" stroke="#3EB8C9" stroke-width="4" stroke-linecap="round"/>
-  <path d="M48 32 L54 32" stroke="#3EB8C9" stroke-width="4" stroke-linecap="round"/>
-  <circle cx="32" cy="32" r="6" fill="#F5B544"/>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
+  <defs>
+    <linearGradient id="stargate-mark" x1="12" y1="52" x2="51" y2="12" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#3EB8C9"/>
+      <stop offset="1" stop-color="#F5B544"/>
+    </linearGradient>
+  </defs>
+  <path fill="url(#stargate-mark)" fill-rule="evenodd" d="M32 7 57 32 32 57 7 32 32 7Zm0 15-10 10 10 10 10-10-10-10Z"/>
 </svg>
diff --git a/public/assets/logo_stargate_sidebar.svg b/public/assets/logo_stargate_sidebar.svg
index 19332d7c..023c9f20 100644
--- a/public/assets/logo_stargate_sidebar.svg
+++ b/public/assets/logo_stargate_sidebar.svg
@@ -1,10 +1,9 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
-  <rect width="64" height="64" rx="14" fill="#05040A"/>
-  <rect width="64" height="64" rx="14" fill="none" stroke="rgba(62,184,201,0.35)" stroke-width="2"/>
-  <circle cx="32" cy="32" r="17" fill="none" stroke="#3EB8C9" stroke-width="5"/>
-  <path d="M32 10 L32 16" stroke="#3EB8C9" stroke-width="4" stroke-linecap="round"/>
-  <path d="M32 48 L32 54" stroke="#3EB8C9" stroke-width="4" stroke-linecap="round"/>
-  <path d="M10 32 L16 32" stroke="#3EB8C9" stroke-width="4" stroke-linecap="round"/>
-  <path d="M48 32 L54 32" stroke="#3EB8C9" stroke-width="4" stroke-linecap="round"/>
-  <circle cx="32" cy="32" r="6" fill="#F5B544"/>
+  <defs>
+    <linearGradient id="stargate-sidebar" x1="12" y1="52" x2="51" y2="12" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#3EB8C9"/>
+      <stop offset="1" stop-color="#F5B544"/>
+    </linearGradient>
+  </defs>
+  <path fill="url(#stargate-sidebar)" fill-rule="evenodd" d="M32 7 57 32 32 57 7 32 32 7Zm0 15-10 10 10 10 10-10-10-10Z"/>
 </svg>
diff --git a/public/assets/logo_voyager_mark.svg b/public/assets/logo_voyager_mark.svg
new file mode 100644
index 00000000..d10ed677
--- /dev/null
+++ b/public/assets/logo_voyager_mark.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
+  <defs>
+    <linearGradient id="voyager-mark" x1="12" y1="54" x2="48" y2="10" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#8B5CF6"/>
+      <stop offset="1" stop-color="#67E8F9"/>
+    </linearGradient>
+  </defs>
+  <path d="M32 7 53 55 32 44 11 55 32 7Z" fill="url(#voyager-mark)"/>
+</svg>
diff --git a/site-tests/ack-integration.test.mjs b/site-tests/ack-integration.test.mjs
index a95486e5..e6be1574 100644
--- a/site-tests/ack-integration.test.mjs
+++ b/site-tests/ack-integration.test.mjs
@@ -43,6 +43,7 @@ test('wires Ack into the shared product shell', () => {
   assert.match(docsMeta, /ack: 'Ack'/)
   assert.match(rootMeta, /ack:[\s\S]*?display: 'hidden'/)
   assert.ok(existsSync(join(root, 'src/app/ack/page.tsx')))
+  assert.ok(existsSync(join(root, 'src/app/ack/icon.svg')))
   assert.ok(existsSync(join(root, 'public/assets/logo_ack_sidebar.svg')))
   assert.ok(existsSync(join(root, 'public/assets/ack-social.png')))
   assert.ok(existsSync(join(root, 'public/ack/llms.txt')))
diff --git a/site-tests/voyager-integration.test.mjs b/site-tests/voyager-integration.test.mjs
new file mode 100644
index 00000000..60ab738f
--- /dev/null
+++ b/site-tests/voyager-integration.test.mjs
@@ -0,0 +1,104 @@
+import assert from 'node:assert/strict'
+import { existsSync, readFileSync } from 'node:fs'
+import { join, resolve } from 'node:path'
+import test from 'node:test'
+
+const root = resolve(import.meta.dirname, '..')
+
+function read(relativePath) {
+  return readFileSync(join(root, relativePath), 'utf8')
+}
+
+test('keeps Voyager isolated while giving the direct route its own identity', () => {
+  const navbar = read('components/FloatingNavbar.tsx')
+  const voyagerLogo = read('public/assets/logo_voyager_mark.svg')
+  const products = navbar.slice(
+    navbar.indexOf('const PRODUCTS:'),
+    navbar.indexOf('// Voyager is intentionally'),
+  )
+
+  assert.ok(existsSync(join(root, 'src/app/voyager/page.tsx')))
+  assert.ok(existsSync(join(root, 'src/app/voyager/readiness/page.tsx')))
+  assert.ok(existsSync(join(root, 'public/assets/logo_voyager_mark.svg')))
+  assert.match(voyagerLogo, /<path\b/)
+  assert.doesNotMatch(voyagerLogo, /<(circle|ellipse)\b/)
+  assert.doesNotMatch(products, /voyager/i)
+  assert.match(navbar, /const VOYAGER_PRODUCT/)
+  assert.match(navbar, /pathname === '\/voyager'/)
+  assert.match(navbar, /isVoyagerReadiness \? '#request' : '#waitlist'/)
+  assert.match(read('src/app/layout.jsx'), /d='voyager'/)
+  assert.match(read('components/ProductFooter.tsx'), /function isVoyagerPath/)
+  assert.match(read('components/ProductFooter.tsx'), /isVoyager \? 'Voyager\.'/)
+  assert.match(read('globals.css'), /data-product="voyager"/)
+  assert.match(read('components/landing/landing.css'), /data-product='voyager'/)
+})
+
+test('presents Voyager as developer equipment with a visual path forward', () => {
+  const content = read('components/landing/voyager/content.tsx')
+  const hero = read('components/landing/voyager/HeroWindow.tsx')
+  const outputs = read('components/landing/voyager/OutputsBento.tsx')
+  const readiness = read(
+    'components/landing/voyager/readiness/ReadinessLanding.tsx',
+  )
+  const snippets = read('components/landing/voyager/snippets.ts')
+  const readinessSnippets = read(
+    'components/landing/voyager/readiness/snippets.ts',
+  )
+  const routeMetadata = read('src/app/voyager/page.tsx')
+  const readinessMetadata = read('src/app/voyager/readiness/page.tsx')
+  const closingCta = read('components/landing/sections/ClosingCta.tsx')
+  const publicCopy = [content, readiness, snippets, readinessSnippets].join('\n')
+
+  assert.match(content, /See any codebase whole/)
+  assert.match(content, /wordmarkShowByline: false/)
+  assert.match(content, /Built to help you move, not judge/)
+  assert.match(content, /The current state of the codebase—not developer performance/)
+  assert.doesNotMatch(content, /Audit it\. Grade it\. Prove it\./)
+  assert.match(hero, /name: "Map"/)
+  assert.match(hero, /name: "Priorities"/)
+  assert.match(hero, /name: "Progress"/)
+  assert.match(outputs, /Not more findings\. A way forward\./)
+  assert.match(outputs, /Understand/)
+  assert.match(outputs, /Prioritize/)
+  assert.match(outputs, /Improve/)
+  assert.doesNotMatch(
+    [content, readiness, routeMetadata, readinessMetadata].join('\n'),
+    /\bConcepta\b/,
+  )
+  assert.match(content, /showConceptaBrand: false/)
+  assert.match(closingCta, /showConceptaBrand !== false/)
+  assert.doesNotMatch(
+    publicCopy,
+    /\b(scc|gitleaks|trivy|opengrep|eslint|knip|jscpd|lizard|pipeline|analyzer|agent|sast|owasp|cwe)\b/i,
+  )
+})
+
+test('keeps Code Analysis intact and makes readiness plan-oriented', () => {
+  const codeAnalysis = read('components/landing/code-analysis/content.tsx')
+  const readiness = read(
+    'components/landing/voyager/readiness/ReadinessLanding.tsx',
+  )
+
+  assert.match(codeAnalysis, /See your code's health clearly/)
+  assert.match(codeAnalysis, /Audit it\. Grade it\. Prove it\./)
+  assert.doesNotMatch(codeAnalysis, /\bVoyager\b/)
+  assert.match(readiness, /Know what&apos;s ready/)
+  assert.match(readiness, /Know what comes next/)
+  assert.match(readiness, /a grounded baseline and a working plan/)
+  assert.doesNotMatch(readiness, /\b(audit|verdict|graded)\b/i)
+})
+
+test('uses one-shape gradient marks across Voyager, Stargate, and Ack', () => {
+  const marks = [
+    'public/assets/logo_voyager_mark.svg',
+    'public/assets/logo_stargate_mark.svg',
+    'public/assets/logo_ack_sidebar.svg',
+  ]
+
+  for (const path of marks) {
+    const svg = read(path)
+    assert.match(svg, /<linearGradient\b/)
+    assert.equal(svg.match(/<path\b/g)?.length, 1)
+    assert.doesNotMatch(svg, /<(circle|ellipse|rect)\b/)
+  }
+})
diff --git a/src/app/ack/icon.svg b/src/app/ack/icon.svg
new file mode 100644
index 00000000..976edaf6
--- /dev/null
+++ b/src/app/ack/icon.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
+  <defs>
+    <linearGradient id="ack-icon" x1="12" y1="54" x2="48" y2="10" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#315CFF"/>
+      <stop offset="1" stop-color="#67E8F9"/>
+    </linearGradient>
+  </defs>
+  <rect width="64" height="64" rx="14" fill="#060914"/>
+  <path fill="url(#ack-icon)" fill-rule="evenodd" d="M32 7 57 55H44l-6-12H26l-6 12H7L32 7Zm0 17-6 13h12l-6-13Z"/>
+</svg>
diff --git a/src/app/layout.jsx b/src/app/layout.jsx
index 65907725..8a53b77c 100644
--- a/src/app/layout.jsx
+++ b/src/app/layout.jsx
@@ -72,7 +72,7 @@ export default async function RootLayout({ children }) {
             <body>
                 <script
                     dangerouslySetInnerHTML={{
-                        __html: `(()=>{try{var p=location.pathname;var d='mix';if(p==='/'||p==='/reports'||p.startsWith('/reports/')||p==='/fluttercon2026'||p.startsWith('/fluttercon2026/'))d='concepta';else if(p.startsWith('/documentation/remix')||p==='/remix'||p.startsWith('/remix/'))d='remix';else if(p.startsWith('/documentation/ack')||p==='/ack'||p.startsWith('/ack/'))d='ack';else if(p==='/naked-ui'||p.startsWith('/naked-ui/'))d='naked-ui';else if(p==='/stargate'||p.startsWith('/stargate/'))d='stargate';else if(p==='/code-analysis'||p.startsWith('/code-analysis/'))d='code-analysis';document.documentElement.setAttribute('data-product',d)}catch(e){}})();`,
+                        __html: `(()=>{try{var p=location.pathname;var d='mix';if(p==='/'||p==='/reports'||p.startsWith('/reports/')||p==='/fluttercon2026'||p.startsWith('/fluttercon2026/'))d='concepta';else if(p.startsWith('/documentation/remix')||p==='/remix'||p.startsWith('/remix/'))d='remix';else if(p.startsWith('/documentation/ack')||p==='/ack'||p.startsWith('/ack/'))d='ack';else if(p==='/naked-ui'||p.startsWith('/naked-ui/'))d='naked-ui';else if(p==='/stargate'||p.startsWith('/stargate/'))d='stargate';else if(p==='/code-analysis'||p.startsWith('/code-analysis/'))d='code-analysis';else if(p==='/voyager'||p.startsWith('/voyager/'))d='voyager';document.documentElement.setAttribute('data-product',d)}catch(e){}})();`,
                     }}
                 />
                 <Layout
diff --git a/src/app/stargate/icon.svg b/src/app/stargate/icon.svg
index 19332d7c..6ae70f11 100644
--- a/src/app/stargate/icon.svg
+++ b/src/app/stargate/icon.svg
@@ -1,10 +1,10 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
+  <defs>
+    <linearGradient id="stargate-icon" x1="12" y1="52" x2="51" y2="12" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#3EB8C9"/>
+      <stop offset="1" stop-color="#F5B544"/>
+    </linearGradient>
+  </defs>
   <rect width="64" height="64" rx="14" fill="#05040A"/>
-  <rect width="64" height="64" rx="14" fill="none" stroke="rgba(62,184,201,0.35)" stroke-width="2"/>
-  <circle cx="32" cy="32" r="17" fill="none" stroke="#3EB8C9" stroke-width="5"/>
-  <path d="M32 10 L32 16" stroke="#3EB8C9" stroke-width="4" stroke-linecap="round"/>
-  <path d="M32 48 L32 54" stroke="#3EB8C9" stroke-width="4" stroke-linecap="round"/>
-  <path d="M10 32 L16 32" stroke="#3EB8C9" stroke-width="4" stroke-linecap="round"/>
-  <path d="M48 32 L54 32" stroke="#3EB8C9" stroke-width="4" stroke-linecap="round"/>
-  <circle cx="32" cy="32" r="6" fill="#F5B544"/>
+  <path fill="url(#stargate-icon)" fill-rule="evenodd" d="M32 8 56 32 32 56 8 32 32 8Zm0 15-9 9 9 9 9-9-9-9Z"/>
 </svg>
diff --git a/src/app/voyager/icon.svg b/src/app/voyager/icon.svg
new file mode 100644
index 00000000..c09f06c6
--- /dev/null
+++ b/src/app/voyager/icon.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
+  <defs>
+    <linearGradient id="voyager-icon" x1="12" y1="54" x2="48" y2="10" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#8B5CF6"/>
+      <stop offset="1" stop-color="#67E8F9"/>
+    </linearGradient>
+  </defs>
+  <rect width="64" height="64" rx="14" fill="#050812"/>
+  <path d="M32 7 53 55 32 44 11 55 32 7Z" fill="url(#voyager-icon)"/>
+</svg>
diff --git a/src/app/voyager/page.tsx b/src/app/voyager/page.tsx
new file mode 100644
index 00000000..ff3c7252
--- /dev/null
+++ b/src/app/voyager/page.tsx
@@ -0,0 +1,28 @@
+import { VoyagerLanding } from "../../../components/landing/voyager/VoyagerLanding";
+
+const description =
+  "Voyager turns an unfamiliar repository into a map you can navigate: how the system fits together, what deserves attention first, and a baseline that proves each fix made it better.";
+
+export const viewport = {
+  themeColor: "#05040A",
+};
+
+export const metadata = {
+  title: "Voyager — See any codebase whole. Know it like you wrote it.",
+  description,
+  applicationName: "Voyager",
+  openGraph: {
+    title: "Voyager — See any codebase whole",
+    description,
+    type: "website",
+  },
+  twitter: {
+    card: "summary_large_image",
+    title: "Voyager — See any codebase whole",
+    description,
+  },
+};
+
+export default function Page() {
+  return <VoyagerLanding />;
+}
diff --git a/src/app/voyager/readiness/page.tsx b/src/app/voyager/readiness/page.tsx
new file mode 100644
index 00000000..916beff0
--- /dev/null
+++ b/src/app/voyager/readiness/page.tsx
@@ -0,0 +1,28 @@
+import { ReadinessLanding } from "../../../../components/landing/voyager/readiness/ReadinessLanding";
+
+const description =
+  "A two-to-three-week engagement that grounds Voyager in your codebase, verifies your release gates, and turns evidence-backed findings into a clear, sequenced remediation plan.";
+
+export const viewport = {
+  themeColor: "#05040A",
+};
+
+export const metadata = {
+  title: "Delivery Readiness Assessment — Know what's ready and what comes next.",
+  description,
+  applicationName: "Voyager",
+  openGraph: {
+    title: "Delivery Readiness Assessment — Know what's ready",
+    description,
+    type: "website",
+  },
+  twitter: {
+    card: "summary_large_image",
+    title: "Delivery Readiness Assessment — Know what's ready",
+    description,
+  },
+};
+
+export default function Page() {
+  return <ReadinessLanding />;
+}