Buckets:
| <html lang="en"><head> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1"> | |
| <title>Bio-Molecular Explorer · Heart-safety simulation, falsifier-governed · Zer0pa</title> | |
| <meta name="description" content="Bio-Molecular Explorer · Heart-safety simulation, falsifier-governed · CPU-first cardiac CiPA evidence pipeline · L1–L6 contract layers + audit + KG + falsifier ledger · 9/9 cardiac seed compounds in stub state · 768 CPU tests pass · WP0 H100 cardiac authority pending · PyPI zer0pa-biomolecular-explorer v0.1.0"> | |
| <!-- Bio-Molecular Explorer product page · slot 09 · Health · INSILICO. | |
| Structure copied verbatim from the locked ZPE-XR prototype (type system + monochrome tokens + bento grid + Pretext loader unchanged). | |
| Lane-owned cells (00, 04, 05.0, 05.1, 05.2, 06, 06.1, 07, 07.1–07.5, 08, 08.1, 08.2) | |
| populated from FPO §A line 258–275 truth basis + Repo §B line 749 "ADOPT FPO advisory tweak: Heart-safety simulation, falsifier-governed." + Website §C.2 line 848 "Materials/Energy/Health dense-panel consumability — cell 04 hero-number elevation: 768 CPU TESTS · L1–L6 CONTRACT LAYERS · cell 05.2 focus row = corresponding mini metric." | |
| External slots (01, 02, 03, 09, 09.1–09.8) and hero diagram (#2) left blank/placeholder per FPO §0.1 / template rules §2 / §C.4 (Health is in the 30-lane PLACEHOLDER list — only zpe-xr is SUPPLIED). | |
| Voice: realistic-ambition (FPO §0.5). Truth basis: reports/Bio-Molecular-Explorer.md:23-32,62,103-104; falsification/Bio-Molecular-Explorer.md:32-72; PyPI zer0pa-biomolecular-explorer v0.1.0; GitHub Zer0pa/Bio-Molecular-Explorer commit 759d3881 (R1+R2 closed Wave-1). --> | |
| <link rel="preconnect" href="https://fonts.googleapis.com"> | |
| <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> | |
| <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500&family=Oswald:wght@300;400;500;600;700&display=swap" rel="stylesheet"> | |
| <!-- Speculation Rules: prerender hover targets so navigation feels instantaneous --> | |
| <script type="speculationrules"> | |
| { | |
| "prerender": [ | |
| { "source": "document", "where": { "href_matches": ["/encoding/*","/computation/*","/ai/*","/design/*","/insilico/*","/gnosis/*"] }, "eagerness": "moderate" }, | |
| { "source": "list", "urls": ["/about/","/encoding/","/computation/","/ai/","/design/","/insilico/","/gnosis/","/contact/"], "eagerness": "conservative" } | |
| ] | |
| } | |
| </script> | |
| <style> | |
| /* ════════════════════════════════════════════════════════════════ | |
| ZPE-XR · stack-native bento page | |
| tokens: tokens.css canonical (Phase 6 hexes) | |
| fonts: Oswald + JetBrains Mono | |
| stack: CSS scroll-driven · @property · Pretext · Speculation Rules | |
| ════════════════════════════════════════════════════════════════ */ | |
| /* ── canonical tokens ── */ | |
| :root{ | |
| --color-background: #0a0a0a; | |
| --color-surface: #121212; | |
| --color-primary: #f6f5ef; | |
| --color-copy: #bbb9b1; | |
| --color-secondary: #929088; | |
| --color-tertiary: #62605a; | |
| --color-success: #d8d6ce; | |
| --color-live: #4ade80; | |
| --color-warning: #d8d6ce; | |
| --color-error: #d8d6ce; | |
| --color-outline-variant:#262626; | |
| --color-card: #111111; | |
| --color-divider: #1a1a1a; | |
| --color-wordmark-shadow:#606060; | |
| --hair: rgba(255,255,255,0.08); | |
| --hair-2: rgba(255,255,255,0.14); | |
| --hair-3: rgba(255,255,255,0.22); | |
| --graph-track: rgba(255,255,255,0.035); | |
| --graph-track-edge: rgba(255,255,255,0.105); | |
| --graph-focus: var(--color-primary); | |
| --graph-default: #8a8780; | |
| --graph-muted: #595750; | |
| --graph-faint: #36342f; | |
| --display: 'Oswald', 'Helvetica Neue', sans-serif; | |
| --mono: 'JetBrains Mono', 'Courier Prime', ui-monospace, monospace; | |
| --font-headline: var(--display); | |
| --font-body: var(--mono); | |
| --font-mono: var(--mono); | |
| --ease-hero: cubic-bezier(0.16, 1, 0.3, 1); | |
| --ease-ui: cubic-bezier(0.4, 0, 0.2, 1); | |
| } | |
| /* ── @property typed CSS vars (animatable; GPU-driven) ── */ | |
| @property --hero-tone { syntax: '<number>'; initial-value: 0; inherits: false; } | |
| @property --hero-shimmer{ syntax: '<percentage>'; initial-value: 0%; inherits: false; } | |
| @property --tape-fill { syntax: '<percentage>'; initial-value: 0%; inherits: false; } | |
| /* ── reset + base ── */ | |
| *, *::before, *::after { box-sizing: border-box; } | |
| html, body { margin: 0; padding: 0; } | |
| body{ | |
| background: var(--color-background); | |
| color: var(--color-copy); | |
| font-family: var(--font-body); | |
| font-size: 14px; line-height: 1.5; | |
| -webkit-font-smoothing: antialiased; | |
| text-rendering: optimizeLegibility; | |
| cursor: crosshair; | |
| overflow-x: hidden; | |
| padding-top: 64px; | |
| } | |
| ::selection { background: #ffffff; color: #000; } | |
| a { color: inherit; text-decoration: none; } | |
| /* ════════════════════════════════════════════════════════════════ | |
| TAILWIND UTILITY SHIM — only utilities used by the lifted chrome | |
| ════════════════════════════════════════════════════════════════ */ | |
| .bg-background\/65{ background-color: rgba(10,10,10,0.65); } | |
| .bg-black{ background: #000; } | |
| .text-primary{ color: var(--color-primary); } | |
| .text-secondary{ color: var(--color-secondary); } | |
| .text-white{ color: var(--color-primary); } | |
| .backdrop-blur-md{ backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); } | |
| .h-16{ height: 4rem; } | |
| .fixed{ position: fixed; } | |
| .absolute{ position: absolute; } | |
| .relative{ position: relative; } | |
| .top-0{ top: 0; } | |
| .left-0{ left: 0; } | |
| .right-0{ right: 0; } | |
| .z-50{ z-index: 50; } | |
| .px-8{ padding-left: 2rem; padding-right: 2rem; } | |
| .px-6{ padding-left: 1.5rem; padding-right: 1.5rem; } | |
| .pb-6{ padding-bottom: 1.5rem; } | |
| .flex{ display: flex; } | |
| .grid{ display: grid; } | |
| .items-center{ align-items: center; } | |
| .items-baseline{ align-items: baseline; } | |
| .justify-between{ justify-content: space-between; } | |
| .gap-4{ gap: 1rem; } | |
| .gap-5{ gap: 1.25rem; } | |
| .gap-6{ gap: 1.5rem; } | |
| .ml-6{ margin-left: 1.5rem; } | |
| .ml-auto{ margin-left: auto; } | |
| .max-w-\[1440px\]{ max-width: 1440px; } | |
| .max-w-\[1280px\]{ max-width: 1280px; } | |
| .mx-auto{ margin-left: auto; margin-right: auto; } | |
| .transition-transform{ transition-property: transform; } | |
| .transition-colors{ transition-property: color, background-color, border-color; } | |
| .duration-200{ transition-duration: 200ms; } | |
| .duration-300{ transition-duration: 300ms; } | |
| .select-none{ user-select: none; } | |
| .shrink-0{ flex-shrink: 0; } | |
| .hidden{ display: none; } | |
| .overflow-hidden{ overflow: hidden; } | |
| .overflow-x-hidden{ overflow-x: hidden; } | |
| .min-h-screen{ min-height: 100vh; } | |
| .w-full{ width: 100%; } | |
| .border-x{ border-left: 1px solid; border-right: 1px solid; } | |
| .border-outline-variant{ border-color: var(--color-outline-variant); } | |
| .cursor-crosshair{ cursor: crosshair; } | |
| .selection\:bg-white::selection{ background: #fff; } | |
| .selection\:text-black::selection{ color: #000; } | |
| @media (min-width: 640px){ .sm\:flex{ display: flex; } } | |
| @media (min-width: 1024px){ | |
| .lg\:flex{ display: flex; } | |
| .lg\:hidden{ display: none; } | |
| } | |
| @media (min-width: 1280px){ | |
| .xl\:gap-5{ gap: 1.25rem; } | |
| } | |
| /* ════════════════════════════════════════════════════════════════ | |
| SITE HEADER (canonical · BaseLayout port — class names lifted) | |
| ════════════════════════════════════════════════════════════════ */ | |
| #site-header{ | |
| background-color: rgba(10,10,10,0.65); | |
| backdrop-filter: blur(12px); | |
| -webkit-backdrop-filter: blur(12px); | |
| height: 64px; | |
| position: fixed; top: 0; left: 0; right: 0; z-index: 50; | |
| padding: 0 32px; | |
| display: flex; align-items: center; | |
| max-width: 1440px; margin: 0 auto; | |
| border-bottom: 1px solid var(--hair); | |
| } | |
| .site-header__logo{ align-items: center; display: inline-flex; height: 100%; overflow: visible; flex-shrink: 0; text-decoration: none; } | |
| .site-header__logo img{ block-size: 5.625rem; width: auto; display: block; transform: translateY(7%); } | |
| @media (min-width: 1280px){ .site-header__logo img{ block-size: 6.875rem; } } | |
| .mono-label{ font-family: var(--font-mono); font-size: 12px; font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase; } | |
| #site-header .mono-label{ font-family: var(--font-mono); font-weight: 400; letter-spacing: 0.08em; } | |
| #site-header nav{ display: none; gap: 16px; align-items: center; margin-left: 24px; } | |
| @media (min-width: 1024px){ #site-header nav{ display: flex; } #site-header nav { gap: 16px; } } | |
| @media (min-width: 1280px){ #site-header nav{ gap: 20px; } } | |
| .nav-item{ position: relative; } | |
| .nav-item > a{ | |
| font-family: var(--font-mono); font-weight: 400; font-size: 12px; | |
| letter-spacing: 0.08em; text-transform: uppercase; | |
| color: var(--color-secondary); white-space: nowrap; | |
| transition: color .2s ease; | |
| } | |
| .nav-item > a:hover{ color: var(--color-primary); } | |
| .nav-dropdown{ | |
| display: none; | |
| position: absolute; top: 100%; left: 0; | |
| min-width: 220px; | |
| background: var(--color-background); | |
| border: 1px solid var(--color-outline-variant); | |
| z-index: 60; | |
| padding: 0.5rem 0; | |
| box-shadow: 0 4px 12px rgba(0,0,0,0.5); | |
| } | |
| .nav-item:hover .nav-dropdown{ display: block; } | |
| .nav-dropdown a{ | |
| display: block; padding: 0.5rem 1rem; | |
| font-family: var(--font-mono); font-size: 11px; font-weight: 500; | |
| letter-spacing: 0.08em; text-transform: uppercase; | |
| color: var(--color-secondary); white-space: nowrap; | |
| transition: color .2s ease, background-color .2s ease; | |
| } | |
| .nav-dropdown a:hover{ color: var(--color-primary); background: #1a1a1a; } | |
| #site-header > div:last-child, | |
| #site-header .ml-auto{ | |
| margin-left: auto; | |
| display: flex; align-items: center; gap: 16px; | |
| } | |
| #site-header svg{ display: block; } | |
| #site-header a[aria-label="Reddit"], | |
| #site-header a[aria-label="Hugging Face"], | |
| #site-header a[aria-label="GitHub"]{ | |
| color: var(--color-secondary); transition: color .2s ease; display: inline-flex; | |
| } | |
| #site-header a[aria-label="Reddit"]:hover, | |
| #site-header a[aria-label="Hugging Face"]:hover, | |
| #site-header a[aria-label="GitHub"]:hover{ color: var(--color-primary); } | |
| .mobile-menu{ position: relative; } | |
| .mobile-menu summary{ | |
| cursor: pointer; list-style: none; padding: 0.65rem 0; | |
| font-family: var(--font-mono); font-size: 12px; | |
| letter-spacing: 0.08em; text-transform: uppercase; color: var(--color-secondary); | |
| } | |
| .mobile-menu summary::-webkit-details-marker{ display: none; } | |
| @media (min-width: 1024px){ .mobile-menu{ display: none; } } | |
| .mobile-menu-panel{ | |
| background: rgba(10,10,10,0.98); | |
| border: 1px solid var(--color-outline-variant); | |
| display: grid; min-width: min(88vw, 340px); | |
| padding: 0.5rem; | |
| position: absolute; right: 0; top: calc(100% + 0.75rem); | |
| z-index: 80; | |
| box-shadow: 0 18px 50px rgba(0,0,0,0.55); | |
| } | |
| .mobile-menu-link{ | |
| color: var(--color-secondary); | |
| display: flex; justify-content: space-between; | |
| font-family: var(--font-mono); font-size: 12px; font-weight: 500; | |
| letter-spacing: 0.08em; padding: 0.85rem 0.9rem; | |
| text-transform: uppercase; | |
| } | |
| .mobile-menu-link:hover{ background: var(--color-primary); color: #000; } | |
| .mobile-menu-divider{ background: var(--color-outline-variant); height: 1px; margin: 0.4rem 0; } | |
| /* search component if present */ | |
| #site-header [class*="Search"]{ /* no-op — Search island is optional */ } | |
| /* ════════════════════════════════════════════════════════════════ | |
| FOOTER · PortfolioDoorways (Explore Zer0pa) + footer-stage | |
| ════════════════════════════════════════════════════════════════ */ | |
| .bg-black{ background: #000; } | |
| footer.bg-black{ | |
| background: #000; position: relative; overflow: hidden; | |
| max-width: 1440px; margin: 0 auto; | |
| } | |
| /* PortfolioDoorways · scoped CSS lifted from the .astro component */ | |
| .rdoors{ | |
| background: var(--color-background); | |
| border: 1px solid var(--color-outline-variant); | |
| color: var(--color-primary); | |
| } | |
| .canonical-head{ display: flex; align-items: center; justify-content: space-between; padding: 14px 20px; background: #050505; border-bottom: 1px solid var(--color-outline-variant); } | |
| .canonical-head__title{ font-family: var(--font-headline); font-weight: 500; font-size: 13px; letter-spacing: 0.18em; color: var(--color-primary); text-transform: uppercase; margin: 0; } | |
| .rdoors__pulse{ | |
| align-items: center; | |
| color: var(--color-secondary); | |
| display: inline-flex; | |
| flex-wrap: nowrap; | |
| font-family: var(--font-mono); | |
| font-size: 0.7rem; font-weight: 500; | |
| gap: 0.5rem; | |
| letter-spacing: 0.12em; | |
| text-transform: uppercase; | |
| } | |
| .rdoors__pulse-dot{ background: var(--color-tertiary); border-radius: 50%; block-size: 0.5rem; inline-size: 0.5rem; flex-shrink: 0; animation: rdoors-pulse 2s ease-in-out infinite; } | |
| @keyframes rdoors-pulse{ 0%,100%{ opacity:1; transform:scale(1) } 50%{ opacity:.55; transform:scale(.85) } } | |
| .rdoors__pulse-label{ color: var(--color-secondary); font-weight: 300; } | |
| .rdoors__pulse-section{ color: var(--color-primary); font-weight: 500; } | |
| .rdoors__pulse-sep{ color: var(--color-tertiary); } | |
| .rdoors__pulse-count, .rdoors__pulse-time{ color: var(--color-secondary); font-weight: 300; } | |
| .rdoors__grid{ | |
| display: grid; gap: 1px; | |
| grid-template-columns: repeat(2, minmax(0,1fr)); | |
| list-style: none; margin: 0; padding: 1px; | |
| background: var(--color-outline-variant); | |
| } | |
| @media (min-width: 640px){ .rdoors__grid{ grid-template-columns: repeat(3, minmax(0,1fr)); } } | |
| @media (min-width: 1280px){ .rdoors__grid{ grid-template-columns: repeat(6, minmax(0,1fr)); } } | |
| .rdoors__grid > li{ background: var(--color-background); display: grid; } | |
| .rdoors__door{ | |
| background: var(--color-background); color: var(--color-primary); | |
| display: grid; gap: 0.65rem; | |
| grid-template-rows: auto 1fr auto auto; | |
| min-block-size: 9rem; padding: 0.85rem; | |
| text-decoration: none; | |
| transition: background-color .18s ease, color .18s ease; | |
| } | |
| .rdoors__door:hover, .rdoors__door.is-current{ | |
| background: var(--color-primary); color: var(--color-background); | |
| } | |
| .rdoors__door.is-current{ outline: 2px solid var(--color-primary); outline-offset: -2px; } | |
| .rdoors__eyebrow{ | |
| align-items: baseline; color: var(--color-tertiary); | |
| display: flex; min-height: 14px; | |
| font-family: var(--font-mono); font-size: 0.62rem; | |
| letter-spacing: 0.16em; text-transform: uppercase; | |
| } | |
| .rdoors__here{ color: var(--color-primary); font-weight: 500; } | |
| .rdoors__title{ | |
| font-family: var(--font-headline); font-weight: 500; | |
| font-size: 1.5rem; line-height: 1; letter-spacing: 0.02em; | |
| text-transform: uppercase; | |
| } | |
| .rdoors__count{ | |
| font-family: var(--font-mono); font-size: 0.7rem; | |
| color: var(--color-secondary); | |
| text-transform: uppercase; letter-spacing: 0.12em; | |
| } | |
| .rdoors__count strong{ color: var(--color-primary); font-weight: 500; margin-right: 4px; } | |
| .rdoors__cta{ | |
| font-family: var(--font-mono); font-size: 0.7rem; | |
| color: var(--color-secondary); | |
| letter-spacing: 0.14em; text-transform: uppercase; | |
| display: flex; justify-content: space-between; align-items: center; | |
| } | |
| .rdoors__door:hover .rdoors__count, | |
| .rdoors__door:hover .rdoors__count strong, | |
| .rdoors__door:hover .rdoors__eyebrow, | |
| .rdoors__door:hover .rdoors__cta{ color: var(--color-background); } | |
| /* footer-stage — central glyph */ | |
| .footer-stage{ | |
| position: relative; background: #000; | |
| height: calc(clamp(420px, 84vh, 690px) * 0.3928 + 76px); | |
| overflow: hidden; | |
| } | |
| .footer-stage .footer-icon{ | |
| block-size: clamp(420px, 84vh, 690px); | |
| display: block; inline-size: auto; | |
| inset-block-start: 50%; inset-inline-start: 50%; | |
| position: absolute; | |
| transform: translate(-44.24%, -40.89%) translateY(30px); | |
| user-select: none; | |
| } | |
| .footer-meta-row{ | |
| align-items: center; color: #fff; | |
| display: flex; flex-wrap: wrap; | |
| font-family: var(--font-mono); font-size: 12px; | |
| gap: 0.75rem 1.5rem; justify-content: space-between; | |
| letter-spacing: 0.18em; | |
| padding: 1rem 1.75rem 1.25rem; | |
| text-transform: uppercase; | |
| } | |
| .footer-meta-row a{ color: var(--color-primary); text-decoration: none; } | |
| .footer-links-grid{ | |
| display: grid; gap: 0.75rem; | |
| grid-template-columns: repeat(2, minmax(0,1fr)); | |
| } | |
| @media (min-width: 768px){ .footer-links-grid{ grid-template-columns: repeat(4, minmax(0,1fr)); } } | |
| .footer-link-block{ | |
| background: var(--color-card); | |
| border: 1px solid var(--color-divider); | |
| color: var(--color-primary); display: block; | |
| font-family: var(--font-mono); font-size: 12px; font-weight: 500; | |
| letter-spacing: 0.08em; | |
| min-height: 64px; padding: 1rem; | |
| text-align: center; text-transform: uppercase; | |
| text-decoration: none; | |
| transition: background-color .2s ease, color .2s ease; | |
| } | |
| .footer-link-block:hover{ background: var(--color-primary); color: #000; } | |
| body > footer{ display: none; } | |
| /* astro-island fallback: render children inline */ | |
| astro-island, astro-slot, astro-static-slot{ display: contents; } | |
| /* ════════════════════════════════════════════════════════════════ | |
| BENTO PAGE | |
| ════════════════════════════════════════════════════════════════ */ | |
| .bento-page{ max-width: 1440px; margin: 0 auto; padding: 24px 24px 80px; } | |
| .bento{ | |
| display: grid; grid-template-columns: repeat(12, 1fr); | |
| gap: 14px; margin-bottom: 14px; | |
| grid-auto-rows: minmax(180px, auto); | |
| } | |
| .bento.bstats{ grid-template-columns: repeat(5, 1fr); } | |
| .bento.b5{ grid-template-columns: repeat(5, 1fr); } | |
| .bento.b-label{ grid-auto-rows: minmax(52px, auto); } | |
| .b-cell{ | |
| position: relative; | |
| background: #060606; | |
| border: 1px solid var(--hair); | |
| padding: 26px 24px; | |
| display: flex; flex-direction: column; gap: 14px; | |
| overflow: hidden; | |
| transition: background-color 240ms ease, border-color 240ms ease; | |
| } | |
| .b-cell:hover{ background: #0e0e0e; border-color: var(--hair-2); } | |
| .b-row-label{ min-height: 0; padding: 16px 24px; } | |
| /* corner registration marks */ | |
| .b-cell .b-c-tl, .b-cell .b-c-tr, .b-cell .b-c-bl, .b-cell .b-c-br{ | |
| position: absolute; width: 10px; height: 10px; | |
| border-color: var(--color-primary); pointer-events: none; z-index: 3; | |
| } | |
| .b-cell .b-c-tl{ top:-1px; left:-1px; border-top: 1px solid; border-left: 1px solid; } | |
| .b-cell .b-c-tr{ top:-1px; right:-1px; border-top: 1px solid; border-right: 1px solid; } | |
| .b-cell .b-c-bl{ bottom:-1px; left:-1px; border-bottom: 1px solid; border-left: 1px solid; } | |
| .b-cell .b-c-br{ bottom:-1px; right:-1px; border-bottom: 1px solid; border-right: 1px solid; } | |
| /* spans */ | |
| .cell-2{ grid-column: span 2 } .cell-3{ grid-column: span 3 } .cell-4{ grid-column: span 4 } | |
| .cell-5{ grid-column: span 5 } .cell-6{ grid-column: span 6 } .cell-7{ grid-column: span 7 } | |
| .cell-8{ grid-column: span 8 } .cell-9{ grid-column: span 9 } .cell-12{ grid-column: span 12 } | |
| .row-2{ grid-row: span 2 } .row-3{ grid-row: span 3 } | |
| /* cell stamp (Pretext-styled label) */ | |
| .b-id{ | |
| font-family: var(--font-mono); font-size: 11px; | |
| letter-spacing: 0.16em; text-transform: uppercase; | |
| color: var(--color-secondary); | |
| display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; | |
| font-weight: 500; | |
| } | |
| .b-id b{ color: var(--color-copy); font-weight: 500; } | |
| .b-id span{ color: var(--color-secondary); } | |
| .b-id .live{ color: var(--color-live); } | |
| /* HERO cell — animated tone via @property */ | |
| .b-hero{ | |
| padding: 36px 36px; | |
| --hero-tone: 0; | |
| background: | |
| radial-gradient(ellipse 70% 60% at 30% 30%, | |
| color-mix(in oklch, #060606, var(--color-primary) calc(var(--hero-tone) * 3%)), | |
| #060606 80%); | |
| animation: hero-breathe 8s ease-in-out infinite alternate; | |
| } | |
| @keyframes hero-breathe{ to{ --hero-tone: 1; } } | |
| .b-hero h1{ | |
| font-family: var(--font-headline); font-weight: 300; | |
| font-size: clamp(38px, 4.6vw, 72px); line-height: 1.04; letter-spacing: -0.012em; | |
| text-transform: uppercase; | |
| color: var(--color-primary); margin: auto 0 0; max-width: 18ch; | |
| text-wrap: balance; | |
| } | |
| .b-hero h1 .accent{ font-weight: 500; color: var(--color-primary); } | |
| .b-hero h1 em{ font-style: normal; color: var(--color-copy); font-family: var(--font-headline); font-weight: 300; text-transform: none; letter-spacing: 0; font-size: 0.86em; } | |
| .b-eyebrow-sub{ | |
| color: var(--color-secondary); | |
| font-family: var(--font-mono); | |
| font-size: 11px; | |
| font-weight: 500; | |
| letter-spacing: 0.18em; | |
| margin: 14px 0 0; | |
| text-transform: uppercase; | |
| } | |
| .b-hero .b-lede{ | |
| font-family: var(--font-mono); font-weight: 400; | |
| font-size: 14px; line-height: 1.6; max-width: 56ch; | |
| color: var(--color-copy); margin: 18px 0 0; | |
| text-wrap: pretty; | |
| } | |
| .b-hero .b-lede em{ font-style: normal; color: var(--color-primary); font-weight: 500; } | |
| .b-hero .b-lede strong{ color: var(--color-primary); font-weight: 500; } | |
| .b-hero .b-meta{ | |
| display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px 28px; | |
| margin-top: 28px; padding-top: 18px; | |
| border-top: 1px solid var(--hair); | |
| } | |
| .b-hero .b-meta div{ font-family: var(--font-mono); font-size: 11px; color: var(--color-primary); display: flex; flex-direction: column; gap: 4px; } | |
| .b-hero .b-meta div b{ color: var(--color-secondary); font-size: 9.5px; letter-spacing: 0.2em; text-transform: uppercase; font-weight: 500; } | |
| /* PLATE cell */ | |
| .b-plate{ padding: 0; } | |
| .b-plate svg{ width: 100%; height: 100%; display: block; position: absolute; inset: 0; } | |
| .b-plate .pl-tag{ position: absolute; top: 16px; left: 18px; z-index: 2; font-family: var(--font-mono); font-size: 10px; font-weight: 500; letter-spacing: 0.22em; text-transform: uppercase; color: var(--color-secondary); } | |
| .b-plate .pl-tag b{ color: var(--color-primary); font-weight: 500; } | |
| .b-plate .pl-epi{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 2; font-family: var(--font-mono); font-style: normal; font-weight: 300; font-size: clamp(15px, 1.3vw, 22px); line-height: 1.3; color: var(--color-copy); text-align: center; max-width: 22ch; padding: 0 24px; } | |
| .b-plate .pl-epi em{ color: var(--color-primary); } | |
| .b-plate .pl-lab{ position: absolute; bottom: 16px; right: 18px; z-index: 2; font-family: var(--font-mono); font-size: 9.5px; font-weight: 500; letter-spacing: 0.16em; text-transform: uppercase; color: var(--color-secondary); max-width: 30ch; text-align: right; line-height: 1.4; } | |
| .b-plate .pl-lab b{ color: var(--color-primary); font-weight: 500; } | |
| .b-codec-mechanics{ | |
| align-items: center; | |
| background: #000; | |
| border-color: #000; | |
| justify-content: center; | |
| padding: 0; | |
| } | |
| .b-codec-mechanics:hover{ background: #000; border-color: #000; } | |
| .b-codec-mechanics img{ | |
| display: block; | |
| height: auto; | |
| max-width: 100%; | |
| width: 100%; | |
| } | |
| /* TITLE cell */ | |
| .b-title{ justify-content: space-between; } | |
| .b-title h2{ | |
| font-family: var(--font-headline); font-weight: 300; | |
| font-size: clamp(22px, 2vw, 32px); line-height: 1.1; letter-spacing: 0; | |
| text-transform: uppercase; | |
| color: var(--color-primary); margin: auto 0 0; max-width: 15ch; text-wrap: balance; | |
| } | |
| .b-title h2 .accent{ font-weight: 500; } | |
| .b-title h2 em{ font-style: normal; font-family: var(--font-headline); font-weight: 300; text-transform: none; letter-spacing: 0; color: var(--color-copy); } | |
| .b-title.is-centered{ justify-content: center; } | |
| .b-title.is-centered .b-id{ | |
| position: absolute; top: 26px; left: 24px; right: 24px; | |
| } | |
| .b-title.is-centered h2{ margin: 0; } | |
| .b-title.is-middle{ justify-content: center; } | |
| .b-title.is-middle h2{ margin: 0; } | |
| .bento.b-tight{ grid-auto-rows: minmax(160px, auto); } | |
| .bento.b-tight .b-cell{ padding-top: 22px; padding-bottom: 22px; } | |
| .b-stack{ display: grid; gap: 14px; grid-column: span 6; grid-template-rows: repeat(2, minmax(0, 1fr)); } | |
| .b-stack .b-cell{ min-height: 0; } | |
| .b-statement-stack{ | |
| display: grid; | |
| gap: 14px; | |
| grid-column: span 4; | |
| grid-template-columns: repeat(2, minmax(0, 1fr)); | |
| } | |
| .b-statement-card{ | |
| justify-content: space-between; | |
| min-height: 0; | |
| padding: 20px 18px; | |
| } | |
| .b-statement-card .b-id{ | |
| display: block; | |
| font-size: 9px; | |
| letter-spacing: 0.11em; | |
| } | |
| .b-statement-card h2{ | |
| font-size: clamp(17px, 1.05vw, 20px); | |
| line-height: 1.08; | |
| margin: auto 0 0; | |
| max-width: none; | |
| text-wrap: balance; | |
| } | |
| .b-prose{ | |
| font-family: var(--font-body); font-weight: 400; | |
| font-size: 14px; line-height: 1.72; | |
| color: var(--color-copy); | |
| text-wrap: pretty; | |
| } | |
| .b-prose.is-technical{ font-size: 13.5px; line-height: 1.62; } | |
| .b-prose p{ margin: 0 0 0.95em; } | |
| .b-prose p:last-child{ margin-bottom: 0; } | |
| .b-prose strong{ color: var(--color-primary); font-weight: 500; } | |
| .b-prose em{ font-style: normal; font-family: var(--font-mono); font-weight: 500; color: var(--color-primary); } | |
| .b-prose .num{ font-family: var(--font-mono); font-weight: 500; color: var(--color-primary); padding: 1px 6px; border: 1px solid var(--color-outline-variant); font-size: 0.92em; } | |
| .b-tech-panel{ font-size: 13px; justify-content: center; line-height: 1.6; padding: 22px 24px; } | |
| .b-tech-panel p{ margin-bottom: 0.8em; } | |
| .b-tech-panel .b-id{ margin-bottom: 2px; } | |
| /* BLOCKER cell */ | |
| .b-blocker{ | |
| font-family: var(--font-mono); font-size: 12px; line-height: 1.55; | |
| color: var(--color-copy); | |
| text-wrap: pretty; | |
| } | |
| .b-blocker .k{ display: block; margin-bottom: 10px; color: var(--color-primary); font-weight: 500; letter-spacing: 0.18em; text-transform: uppercase; font-size: 10.5px; } | |
| .b-blocker em{ font-style: normal; font-family: var(--font-mono); font-weight: 500; color: var(--color-primary); } | |
| .b-blocker strong{ color: var(--color-primary); font-weight: 500; } | |
| .bento.b-tight .b-blocker{ font-size: 11px; line-height: 1.58; } | |
| /* PULL cell */ | |
| .b-pull{ padding: 30px 28px; align-items: center; justify-content: center; text-align: center; } | |
| .b-pull blockquote{ | |
| font-family: var(--font-mono); font-style: normal; font-weight: 300; | |
| font-size: clamp(20px, 1.8vw, 28px); line-height: 1.25; | |
| color: var(--color-primary); margin: 0; max-width: 22ch; text-wrap: balance; | |
| } | |
| .b-pull cite{ | |
| display: block; margin-top: 16px; font-style: normal; | |
| font-family: var(--font-mono); font-size: 10px; font-weight: 500; | |
| letter-spacing: 0.22em; text-transform: uppercase; | |
| color: var(--color-secondary); | |
| } | |
| /* STAT cell */ | |
| .b-stat{ justify-content: space-between; padding: 22px; } | |
| .b-stat .v{ | |
| font-family: var(--font-headline); font-weight: 500; | |
| font-size: clamp(36px, 3.4vw, 56px); line-height: 1; letter-spacing: -0.01em; | |
| color: var(--color-primary); | |
| } | |
| .b-stat .v .u{ font-size: 18px; color: var(--color-secondary); margin-left: 4px; font-weight: 400; } | |
| .b-stat .v-sub{ font-family: var(--font-mono); font-size: 10.5px; line-height: 1.5; color: var(--color-secondary); letter-spacing: 0.12em; text-transform: uppercase; } | |
| .b-stat .v-sub b{ color: var(--color-copy); font-weight: 500; } | |
| /* FIG cell — bars / charts */ | |
| .b-fig{ padding: 24px; } | |
| .b-fig > .head{ display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding-bottom: 12px; margin-bottom: 14px; border-bottom: 1px solid var(--hair); font-family: var(--font-mono); font-size: 11px; font-weight: 500; letter-spacing: 0.16em; text-transform: uppercase; color: var(--color-secondary); } | |
| .b-fig > .head b{ color: var(--color-copy); font-weight: 500; } | |
| .b-fig > .head span{ color: var(--color-secondary); } | |
| .b-fig > .body{ flex: 1; } | |
| .b-fig > .cap{ margin-top: 14px; font-family: var(--font-mono); font-size: 10.5px; line-height: 1.55; color: var(--color-secondary); } | |
| .b-fig > .cap b{ color: var(--color-copy); font-weight: 500; } | |
| /* bars (used inside fig cells) */ | |
| .bars{ display: flex; flex-direction: column; gap: 10px; margin-top: 6px; } | |
| .bar-row{ display: grid; grid-template-columns: 150px 1fr 100px; align-items: center; gap: 14px; font-family: var(--font-mono); font-size: 11px; } | |
| .bar-row .name{ color: var(--color-secondary); letter-spacing: 0.06em; text-transform: uppercase; font-weight: 400; } | |
| .bar-row .name.muted{ color: var(--color-tertiary); } | |
| .bar-row .v{ text-align: right; color: var(--color-secondary); font-variant-numeric: tabular-nums; font-weight: 400; } | |
| .bar-row.is-focus .name, | |
| .bar-row.is-focus .v{ color: var(--color-primary); font-weight: 500; } | |
| .bar-track{ position: relative; height: 18px; background: var(--graph-track); border: 1px solid var(--graph-track-edge); overflow: hidden; } | |
| .bar-fill{ position: absolute; inset: 0 auto 0 0; background: repeating-linear-gradient(90deg, var(--graph-default) 0 1px, transparent 1px 4px); } | |
| .bar-fill.focus, | |
| .bar-fill.live{ background: repeating-linear-gradient(90deg, var(--graph-focus) 0 1px, transparent 1px 4px); } | |
| .bar-fill.dim{ background: repeating-linear-gradient(90deg, var(--graph-muted) 0 1px, transparent 1px 4px); } | |
| .bar-fill.faint{ background: repeating-linear-gradient(90deg, var(--graph-faint) 0 1px, transparent 1px 4px); } | |
| .bar-fill.warn{ background: repeating-linear-gradient(90deg, var(--color-copy) 0 1px, transparent 1px 4px); } | |
| /* compact benchmark graphic */ | |
| .b-benchmark-mini{ padding: 20px; } | |
| .b-benchmark-mini > .head{ margin-bottom: 12px; } | |
| .mini-metrics{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; } | |
| .mini-metric{ | |
| background: rgba(255,255,255,0.012); | |
| border: 1px solid var(--hair); | |
| min-height: 72px; | |
| padding: 10px; | |
| display: flex; | |
| flex-direction: column; | |
| justify-content: space-between; | |
| } | |
| .mini-metric span{ | |
| color: var(--color-secondary); | |
| font-family: var(--font-mono); | |
| font-size: 9px; | |
| font-weight: 500; | |
| letter-spacing: 0.14em; | |
| text-transform: uppercase; | |
| } | |
| .mini-metric b{ | |
| color: var(--color-primary); | |
| font-family: var(--font-headline); | |
| font-size: clamp(22px, 2.2vw, 34px); | |
| font-weight: 500; | |
| line-height: 0.95; | |
| } | |
| .mini-metric small{ | |
| color: var(--color-secondary); | |
| font-family: var(--font-mono); | |
| font-size: 9px; | |
| font-weight: 500; | |
| letter-spacing: 0.08em; | |
| text-transform: uppercase; | |
| } | |
| .mini-bars{ display: flex; flex-direction: column; gap: 8px; margin-top: 12px; } | |
| .mini-bar{ display: grid; grid-template-columns: 82px 1fr 52px; align-items: center; gap: 8px; color: var(--color-secondary); font-family: var(--font-mono); font-size: 9px; font-weight: 400; letter-spacing: 0.08em; text-transform: uppercase; } | |
| .mini-bar .track{ height: 10px; border: 1px solid var(--graph-track-edge); background: var(--graph-track); position: relative; } | |
| .mini-bar .fill{ position: absolute; inset: 0 auto 0 0; background: repeating-linear-gradient(90deg, var(--graph-default) 0 1px, transparent 1px 4px); } | |
| .mini-bar .fill.focus{ background: repeating-linear-gradient(90deg, var(--graph-focus) 0 1px, transparent 1px 4px); } | |
| .mini-bar .fill.dim{ background: repeating-linear-gradient(90deg, var(--graph-muted) 0 1px, transparent 1px 4px); } | |
| .mini-bar .value{ color: var(--color-secondary); text-align: right; font-weight: 400; } | |
| .mini-bar.is-focus, | |
| .mini-bar.is-focus .value{ color: var(--color-primary); font-weight: 500; } | |
| .mini-note{ color: var(--color-secondary); font-family: var(--font-mono); font-size: 9px; letter-spacing: 0.08em; line-height: 1.35; margin-top: 9px; text-transform: uppercase; } | |
| .mini-note b{ color: var(--color-primary); font-weight: 500; } | |
| /* UNLOCK cell */ | |
| .b-unlock{ padding: 22px; } | |
| .b-unlock .idx{ font-family: var(--font-mono); font-size: 10px; font-weight: 500; letter-spacing: 0.16em; text-transform: uppercase; color: var(--color-secondary); } | |
| .b-unlock .idx b{ color: var(--color-copy); font-weight: 500; } | |
| .b-unlock .ttl{ | |
| font-family: var(--font-headline); font-weight: 400; | |
| font-size: clamp(17px, 1.28vw, 19px); line-height: 1.12; letter-spacing: 0; | |
| color: var(--color-primary); margin: 8px 0 12px; | |
| text-transform: uppercase; text-wrap: balance; | |
| } | |
| .b-unlock .ttl .accent{ font-weight: 500; } | |
| .b-unlock .ttl em{ font-style: normal; font-family: var(--font-headline); font-weight: 300; text-transform: none; letter-spacing: 0; font-size: 0.94em; color: var(--color-copy); } | |
| .b-unlock .body{ font-family: var(--font-body); font-weight: 400; font-size: 12px; line-height: 1.58; color: var(--color-copy); flex: 1; text-wrap: pretty; } | |
| .b-unlock .body em{ font-style: normal; font-family: var(--font-mono); font-weight: 500; color: var(--color-primary); } | |
| .b-unlock .body strong{ color: var(--color-primary); font-weight: 500; } | |
| .b-possibility-row{ grid-auto-rows: minmax(210px, auto); } | |
| .b-possibility-row .b-title h2{ max-width: 13ch; } | |
| .b-possibility-row > .b-prose{ | |
| font-size: 15px; | |
| line-height: 1.55; | |
| } | |
| /* Pretext sets these classes after DOM-free text measurement. */ | |
| .b-title h2.pretext-tight{ | |
| font-size: clamp(20px, 1.84vw, 30px); | |
| line-height: 1.07; | |
| max-width: 16ch; | |
| } | |
| .b-statement-card h2.pretext-tight{ | |
| font-size: clamp(16px, 0.95vw, 19px); | |
| line-height: 1.06; | |
| } | |
| .b-unlock .ttl.pretext-tight{ | |
| font-size: clamp(15px, 1.12vw, 18px); | |
| line-height: 1.08; | |
| } | |
| .b-prose p.pretext-tight, | |
| .b-unlock .body.pretext-tight{ | |
| font-size: 0.95em; | |
| line-height: 1.55; | |
| } | |
| /* THEATRE cell — what works / what we don't claim */ | |
| .b-theatre h4{ font-family: var(--font-mono); font-size: 11px; font-weight: 500; letter-spacing: 0.22em; text-transform: uppercase; color: var(--color-primary); margin: 0; } | |
| .b-theatre ul{ list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 9px; font-family: var(--font-mono); font-size: 12px; line-height: 1.5; } | |
| .b-theatre li{ display: grid; grid-template-columns: 12px 1fr; gap: 10px; color: var(--color-primary); } | |
| .b-theatre li::before{ content: ''; display: block; width: 6px; height: 6px; margin-top: 6px; background: var(--color-primary); } | |
| .b-theatre li.live::before{ background: var(--color-primary); box-shadow: none; } | |
| .b-theatre li.warn{ color: var(--color-primary); } | |
| .b-theatre li.warn::before{ background: var(--color-copy); } | |
| .b-theatre li.dim{ color: var(--color-secondary); } | |
| .b-theatre li.dim::before{ background: var(--color-tertiary); } | |
| /* WEDGE cell */ | |
| .b-wedge{ padding: 40px; } | |
| .b-wedge h3{ | |
| font-family: var(--font-headline); font-weight: 300; | |
| font-size: clamp(28px, 3vw, 48px); line-height: 1.12; letter-spacing: -0.012em; | |
| text-transform: uppercase; | |
| color: var(--color-primary); margin: 0; max-width: 24ch; | |
| } | |
| .b-wedge h3 .accent{ font-weight: 500; } | |
| .b-wedge h3 em{ font-style: normal; font-family: var(--font-headline); font-weight: 300; text-transform: none; letter-spacing: 0; color: var(--color-copy); } | |
| /* TERMINAL cell */ | |
| .b-term{ | |
| font-family: var(--font-mono); font-size: 12.5px; line-height: 1.85; | |
| color: var(--color-primary); white-space: pre-wrap; word-break: break-word; | |
| padding: 22px 24px; background: #050505; | |
| } | |
| .b-term .p{ color: var(--color-secondary); } | |
| .b-term .h{ color: var(--color-primary); font-weight: 500; } | |
| .b-term .ok{ color: var(--color-copy); } | |
| .b-term .b{ color: var(--color-copy); } | |
| /* SURFACES cell */ | |
| .b-surfaces{ padding: 22px 24px; } | |
| .b-surfaces a{ | |
| display: flex; align-items: baseline; justify-content: space-between; | |
| padding: 11px 0; border-bottom: 1px solid var(--hair); | |
| font-family: var(--font-mono); font-size: 12px; font-weight: 500; color: var(--color-primary); | |
| transition: color 140ms ease; gap: 12px; | |
| text-decoration: none; | |
| } | |
| .b-surfaces a:last-child{ border-bottom: 0; } | |
| .b-surfaces a:hover{ color: var(--color-primary); } | |
| .b-surfaces a span:last-child{ color: var(--color-secondary); font-size: 10.5px; letter-spacing: 0.1em; text-align: right; font-weight: 400; } | |
| /* Phase 3 motion is parked: this baseline must render fully for layout QA. */ | |
| /* ── responsive ── */ | |
| @media (max-width: 1100px){ | |
| .bento{ grid-template-columns: repeat(6, 1fr); } | |
| .cell-7, .cell-8, .cell-9, .cell-12{ grid-column: span 6; } | |
| .cell-5{ grid-column: span 6; } | |
| .cell-4{ grid-column: span 6; } | |
| .cell-3{ grid-column: span 3; } | |
| .cell-2{ grid-column: span 3; } | |
| .bento.b5{ grid-template-columns: repeat(2, 1fr); } | |
| .bento.bstats{ grid-template-columns: repeat(2, 1fr); } | |
| } | |
| @media (max-width: 720px){ | |
| .bento, .bento.bstats, .bento.b5{ grid-template-columns: 1fr; } | |
| [class*="cell-"]{ grid-column: span 1; } | |
| .b-hero h1{ font-size: 36px; } | |
| } | |
| </style> | |
| </head> | |
| <body class="text-primary cursor-crosshair"> | |
| <header id="site-header" class="bg-background/65 backdrop-blur-md h-16 fixed top-0 left-0 right-0 z-50 px-8 flex items-center max-w-[1440px] mx-auto transition-transform duration-300"> <!-- LOGO — R3.15: text wordmark replaced with new SVG logo. The | |
| SVG ships its own colours (white "0" + #262626 ZER/PA tuned | |
| for the dark header backdrop). Visual focus on the bright | |
| "0"; ZER and PA sit as a quieter raised stratum mark. --> <a href="http://127.0.0.1:4631/" class="site-header__logo select-none shrink-0" aria-label="Zer0pa — home"> <img src="http://127.0.0.1:4631/zer0pa-logo.svg" alt="Zer0pa" width="733" height="527" decoding="async"> </a> <!-- NAVIGATION --> <nav class="hidden lg:flex gap-4 xl:gap-5 items-center ml-6"> <div class="nav-item"> <a class="mono-label text-secondary hover:text-white transition-colors" href="http://127.0.0.1:4631/about/"> ABOUT </a> </div><div class="nav-item"> <a class="mono-label text-secondary hover:text-white transition-colors" href="http://127.0.0.1:4631/encoding/"> ENCODING </a> <div class="nav-dropdown"> <a href="http://127.0.0.1:4631/encoding/ZPE-Bio/">ZPE-BIO</a><a href="http://127.0.0.1:4631/encoding/ZPE-Diagram/">ZPE-DIAGRAM</a><a href="http://127.0.0.1:4631/encoding/ZPE-FT/">ZPE-FT</a><a href="http://127.0.0.1:4631/encoding/ZPE-Geo/">ZPE-GEO</a><a href="http://127.0.0.1:4631/encoding/ZPE-Image/">ZPE-IMAGE</a><a href="http://127.0.0.1:4631/encoding/ZPE-Ink/">ZPE-INK</a><a href="http://127.0.0.1:4631/encoding/ZPE-IoT/">ZPE-IOT</a><a href="http://127.0.0.1:4631/encoding/ZPE-Mental/">ZPE-MENTAL</a><a href="http://127.0.0.1:4631/encoding/ZPE-Mocap/">ZPE-MOCAP</a><a href="http://127.0.0.1:4631/encoding/ZPE-Music/">ZPE-MUSIC</a><a href="http://127.0.0.1:4631/encoding/ZPE-Neuro/">ZPE-NEURO</a><a href="http://127.0.0.1:4631/encoding/ZPE-Prosody/">ZPE-PROSODY</a><a href="http://127.0.0.1:4631/encoding/ZPE-Robotics/">ZPE-ROBOTICS</a><a href="http://127.0.0.1:4631/encoding/ZPE-Smell/">ZPE-SMELL</a><a href="http://127.0.0.1:4631/encoding/ZPE-Taste/">ZPE-TASTE</a><a href="http://127.0.0.1:4631/encoding/ZPE-Touch/">ZPE-TOUCH</a><a href="http://127.0.0.1:4631/encoding/ZPE-Video/">ZPE-VIDEO</a><a href="http://127.0.0.1:4631/encoding/ZPE-XR/">ZPE-XR</a> </div> </div><div class="nav-item"> <a class="mono-label text-secondary hover:text-white transition-colors" href="http://127.0.0.1:4631/computation/"> COMPUTATION </a> <div class="nav-dropdown"> <a href="http://127.0.0.1:4631/computation/DM3/">DM3</a><a href="http://127.0.0.1:4631/computation/Genesis/">GENESIS</a> </div> </div><div class="nav-item"> <a class="mono-label text-secondary hover:text-white transition-colors" href="http://127.0.0.1:4631/ai/"> AI </a> <div class="nav-dropdown"> <a href="http://127.0.0.1:4631/ai/Polymath-AI/">POLYMATH-AI</a> </div> </div><div class="nav-item"> <a class="mono-label text-secondary hover:text-white transition-colors" href="http://127.0.0.1:4631/design/"> DESIGN </a> <div class="nav-dropdown"> <a href="http://127.0.0.1:4631/design/ZeroShip/">ZER0SHIP</a><a href="http://127.0.0.1:4631/design/Hull-20098/">HULL-20098</a> </div> </div><div class="nav-item"> <a class="mono-label text-secondary hover:text-white transition-colors" href="http://127.0.0.1:4631/insilico/"> INSILICO </a> <div class="nav-dropdown"> <a href="http://127.0.0.1:4631/materials/Materials/">MATERIALS</a><a href="http://127.0.0.1:4631/energy/Energy/">ENERGY</a><a href="http://127.0.0.1:4631/life-sciences/Health/">HEALTH</a><a href="http://127.0.0.1:4631/life-sciences/Synthetic-Biology/">SYNTHETIC-BIOLOGY</a><a href="http://127.0.0.1:4631/life-sciences/Precision-Crop-Genomics/">PRECISION-CROP-GENOMICS</a> </div> </div><div class="nav-item"> <a class="mono-label text-secondary hover:text-white transition-colors" href="http://127.0.0.1:4631/gnosis/"> GNOSIS </a> <div class="nav-dropdown"> <a href="http://127.0.0.1:4631/gnosis/Gnosis-Morph-Bench/">MORPH-BENCH</a><a href="http://127.0.0.1:4631/gnosis/Gnosis-Cuneiform/">CUNEIFORM</a><a href="http://127.0.0.1:4631/gnosis/Gnosis-Indus-Valley/">INDUS ATLAS</a><a href="http://127.0.0.1:4631/gnosis/Gnosis-Glyph-Engine/">GLYPH ENGINE</a> </div> </div><div class="nav-item"> <a class="mono-label text-secondary hover:text-white transition-colors" href="http://127.0.0.1:4631/contact/"> CONTACT </a> </div> </nav> <div class="ml-auto flex items-center gap-4"> <div class="search-container" id="search-container" data-innovation="dual-mode-search" data-pagefind-runtime="/pagefind/pagefind.js" data-astro-cid-otpdt6jm> <button id="search-toggle" data-search-toggle aria-label="Search" aria-expanded="false" aria-controls="search-dialog" class="search-toggle" data-astro-cid-otpdt6jm> <svg aria-hidden="true" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" data-astro-cid-otpdt6jm> <circle cx="10.5" cy="10.5" r="7.5" data-astro-cid-otpdt6jm></circle> <line x1="15.5" y1="15.5" x2="22" y2="22" data-astro-cid-otpdt6jm></line> </svg> <span class="mono-label hidden lg:inline" data-astro-cid-otpdt6jm>SEARCH</span> </button> <div id="search-dialog" data-search-dialog role="dialog" aria-label="Site search" aria-modal="true" class="search-dialog" hidden data-astro-cid-otpdt6jm> <div class="search-dialog-inner" data-astro-cid-otpdt6jm> <div class="search-dialog-header" data-astro-cid-otpdt6jm> <div class="search-heading" data-astro-cid-otpdt6jm> <h2 class="mono-label search-title" data-astro-cid-otpdt6jm>DUAL-MODE SEARCH</h2> <p id="dual-search-status" data-search-status class="search-status" aria-live="polite" data-astro-cid-otpdt6jm> | |
| Pagefind lexical index plus typed semantic search. | |
| </p> </div> <button id="search-close" data-search-close aria-label="Close search" class="search-close mono-label" data-astro-cid-otpdt6jm>CLOSE</button> </div> <form id="semantic-search-form" data-search-form class="search-form" data-astro-cid-otpdt6jm> <label class="sr-only" for="semantic-search-query" data-astro-cid-otpdt6jm>Search query</label> <input id="semantic-search-query" data-search-input name="q" type="search" autocomplete="off" placeholder="Hull, byte-determinism, Genesis" data-astro-cid-otpdt6jm> <button type="submit" class="mono-label" data-astro-cid-otpdt6jm>SEARCH</button> </form> <div class="search-mode-group" data-search-mode-group role="radiogroup" aria-label="Search mode" data-astro-cid-otpdt6jm> <button type="button" class="search-mode-option mono-label" data-search-mode="pagefind" role="radio" aria-checked="false" data-astro-cid-otpdt6jm>Pagefind</button> <button type="button" class="search-mode-option mono-label" data-search-mode="semantic" role="radio" aria-checked="false" data-astro-cid-otpdt6jm>Semantic</button> <button type="button" class="search-mode-option mono-label" data-search-mode="combined" role="radio" aria-checked="true" data-astro-cid-otpdt6jm>Combined</button> </div> <div class="search-source-row" aria-live="polite" data-astro-cid-otpdt6jm> <span class="search-source-pill mono-meta" data-pagefind-state data-state="idle" data-astro-cid-otpdt6jm> | |
| Pagefind: idle | |
| </span> <span class="search-source-pill mono-meta" data-semantic-state data-state="idle" data-astro-cid-otpdt6jm> | |
| Semantic: idle | |
| </span> </div> <div id="pagefind-ui-mount" data-pagefind-runtime-anchor hidden data-astro-cid-otpdt6jm></div> <ol id="semantic-search-results" data-search-results class="search-results" aria-label="Search results" data-astro-cid-otpdt6jm></ol> </div> </div> </div> <!-- EXTERNAL LINKS --> <div class="hidden sm:flex gap-4 items-center"> <a aria-label="Reddit" class="text-secondary hover:text-white transition-colors" href="https://reddit.com/r/zer0pa" target="_blank" rel="noopener noreferrer"> <svg aria-hidden="true" fill="currentColor" height="22" viewBox="0 0 24 24" width="22"> <path d="M12 0C5.373 0 0 5.373 0 12c0 3.314 1.343 6.314 3.515 8.485l-2.286 2.286C.775 23.225 1.097 24 1.738 24H12c6.627 0 12-5.373 12-12S18.627 0 12 0Zm4.388 3.199c1.104 0 1.999.895 1.999 1.999 0 1.105-.895 2-1.999 2-.946 0-1.739-.657-1.947-1.539v.002c-1.147.162-2.032 1.15-2.032 2.341v.007c1.776.067 3.4.567 4.686 1.363.473-.363 1.064-.58 1.707-.58 1.547 0 2.802 1.254 2.802 2.802 0 1.117-.655 2.081-1.601 2.531-.088 3.256-3.637 5.876-7.997 5.876-4.361 0-7.905-2.617-7.998-5.87-.954-.447-1.614-1.415-1.614-2.538 0-1.548 1.255-2.802 2.803-2.802.645 0 1.239.218 1.712.585 1.275-.79 2.881-1.291 4.64-1.365v-.01c0-1.663 1.263-3.034 2.88-3.207.188-.911.993-1.595 1.959-1.595Zm-8.085 8.376c-.784 0-1.459.78-1.506 1.797-.047 1.016.64 1.429 1.426 1.429.786 0 1.371-.369 1.418-1.385.047-1.017-.553-1.841-1.338-1.841Zm7.406 0c-.786 0-1.385.824-1.338 1.841.047 1.017.634 1.385 1.418 1.385.785 0 1.473-.413 1.426-1.429-.046-1.017-.721-1.797-1.506-1.797Zm-3.703 4.013c-.974 0-1.907.048-2.77.135-.147.015-.241.168-.183.305.483 1.154 1.622 1.964 2.953 1.964 1.33 0 2.47-.81 2.953-1.964.057-.137-.037-.29-.184-.305-.863-.087-1.795-.135-2.769-.135Z"></path> </svg> </a> <a aria-label="Hugging Face" class="text-secondary hover:text-white transition-colors" href="https://huggingface.co/Zer0pa" target="_blank" rel="noopener noreferrer"> <svg aria-hidden="true" fill="currentColor" height="22" viewBox="0 0 24 24" width="22"> <path d="M12.025 1.13c-5.77 0-10.449 4.647-10.449 10.378 0 1.112.178 2.181.503 3.185.064-.222.203-.444.416-.577a.96.96 0 0 1 .524-.15c.293 0 .584.124.84.284.278.173.48.408.71.694.226.282.458.611.684.951v-.014c.017-.324.106-.622.264-.874s.403-.487.762-.543c.3-.047.596.06.787.203s.31.313.4.467c.15.257.212.468.233.542.01.026.653 1.552 1.657 2.54.616.605 1.01 1.223 1.082 1.912.055.537-.096 1.059-.38 1.572.637.121 1.294.187 1.967.187.657 0 1.298-.063 1.921-.178-.287-.517-.44-1.041-.384-1.581.07-.69.465-1.307 1.081-1.913 1.004-.987 1.647-2.513 1.657-2.539.021-.074.083-.285.233-.542.09-.154.208-.323.4-.467a1.08 1.08 0 0 1 .787-.203c.359.056.604.29.762.543s.247.55.265.874v.015c.225-.34.457-.67.683-.952.23-.286.432-.52.71-.694.257-.16.547-.284.84-.285a.97.97 0 0 1 .524.151c.228.143.373.388.43.625l.006.04a10.3 10.3 0 0 0 .534-3.273c0-5.731-4.678-10.378-10.449-10.378M8.327 6.583a1.5 1.5 0 0 1 .713.174 1.487 1.487 0 0 1 .617 2.013c-.183.343-.762-.214-1.102-.094-.38.134-.532.914-.917.71a1.487 1.487 0 0 1 .69-2.803m7.486 0a1.487 1.487 0 0 1 .689 2.803c-.385.204-.536-.576-.916-.71-.34-.12-.92.437-1.103.094a1.487 1.487 0 0 1 .617-2.013 1.5 1.5 0 0 1 .713-.174m-10.68 1.55a.96.96 0 1 1 0 1.921.96.96 0 0 1 0-1.92m13.838 0a.96.96 0 1 1 0 1.92.96.96 0 0 1 0-1.92M8.489 11.458c.588.01 1.965 1.157 3.572 1.164 1.607-.007 2.984-1.155 3.572-1.164.196-.003.305.12.305.454 0 .886-.424 2.328-1.563 3.202-.22-.756-1.396-1.366-1.63-1.32q-.011.001-.02.006l-.044.026-.01.008-.03.024q-.018.017-.035.036l-.032.04a1 1 0 0 0-.058.09l-.014.025q-.049.088-.11.19a1 1 0 0 1-.083.116 1.2 1.2 0 0 1-.173.18q-.035.029-.075.058a1.3 1.3 0 0 1-.251-.243 1 1 0 0 1-.076-.107c-.124-.193-.177-.363-.337-.444-.034-.016-.104-.008-.2.022q-.094.030-.216.087-.060.028-.125.063l-.13.074q-.067.040-.136.086a3 3 0 0 0-.135.096 3 3 0 0 0-.26.219 2 2 0 0 0-.12.121 2 2 0 0 0-.106.128l-.002.002a2 2 0 0 0-.09.132l-.001.001a1.2 1.2 0 0 0-.105.212q-.013.036-.024.073c-1.139-.875-1.563-2.317-1.563-3.203 0-.334.109-.457.305-.454m.836 10.354c.824-1.19.766-2.082-.365-3.194-1.13-1.112-1.789-2.738-1.789-2.738s-.246-.945-.806-.858-.97 1.499.202 2.362c1.173.864-.233 1.45-.685.64-.45-.812-1.683-2.896-2.322-3.295s-1.089-.175-.938.647 2.822 2.813 2.562 3.244-1.176-.506-1.176-.506-2.866-2.567-3.49-1.898.473 1.23 2.037 2.16c1.564.932 1.686 1.178 1.464 1.53s-3.675-2.511-4-1.297c-.323 1.214 3.524 1.567 3.287 2.405-.238.839-2.71-1.587-3.216-.642-.506.946 3.49 2.056 3.522 2.064 1.29.33 4.568 1.028 5.713-.624m5.349 0c-.824-1.19-.766-2.082.365-3.194 1.13-1.112 1.789-2.738 1.789-2.738s.246-.945.806-.858.97 1.499-.202 2.362c-1.173.864.233 1.45.685.64.451-.812 1.683-2.896 2.322-3.295s1.089-.175.938.647-2.822 2.813-2.562 3.244 1.176-.506 1.176-.506 2.866-2.567 3.49-1.898-.473 1.23-2.037 2.16c-1.564.932-1.686 1.178-1.464 1.53s3.675-2.511 4-1.297c.323 1.214-3.524 1.567-3.287 2.405.238.839 2.71-1.587 3.216-.642.506.946-3.49 2.056-3.522 2.064-1.29.33-4.568 1.028-5.713-.624"></path> </svg> </a> <a aria-label="GitHub" class="text-secondary hover:text-white transition-colors" href="https://github.com/Zer0pa" target="_blank" rel="noopener noreferrer"> <svg aria-hidden="true" fill="currentColor" height="22" viewBox="0 0 16 16" width="22"> <path d="M6.766 11.328c-2.063-.25-3.516-1.734-3.516-3.656 0-.781.281-1.625.75-2.188-.203-.515-.172-1.609.063-2.062.625-.078 1.468.25 1.968.703.594-.187 1.219-.281 1.985-.281.765 0 1.39.094 1.953.265.484-.437 1.344-.765 1.969-.687.218.422.25 1.515.046 2.047.5.593.766 1.39.766 2.203 0 1.922-1.453 3.375-3.547 3.64.531.344.89 1.094.89 1.954v1.625c0 .468.391.734.86.547C13.781 14.359 16 11.53 16 8.03 16 3.61 12.406 0 7.984 0 3.563 0 0 3.61 0 8.031a7.88 7.88 0 0 0 5.172 7.422c.422.156.828-.125.828-.547v-1.25c-.219.094-.5.156-.75.156-1.031 0-1.64-.562-2.078-1.609-.172-.422-.36-.672-.719-.719-.187-.015-.25-.093-.25-.187 0-.188.313-.328.625-.328.453 0 .844.281 1.25.86.313.452.64.655 1.031.655s.641-.14 1-.5c.266-.265.47-.5.657-.656"></path> </svg> </a> </div> <details class="mobile-menu lg:hidden"> <summary class="mono-label text-secondary hover:text-white transition-colors">MENU</summary> <div class="mobile-menu-panel"> <a class="mobile-menu-link" href="http://127.0.0.1:4631/about/"> ABOUT </a><a class="mobile-menu-link" href="http://127.0.0.1:4631/encoding/"> ENCODING </a><a class="mobile-menu-link" href="http://127.0.0.1:4631/computation/"> COMPUTATION </a><a class="mobile-menu-link" href="http://127.0.0.1:4631/ai/"> AI </a><a class="mobile-menu-link" href="http://127.0.0.1:4631/design/"> DESIGN </a><a class="mobile-menu-link" href="http://127.0.0.1:4631/insilico/"> INSILICO </a><a class="mobile-menu-link" href="http://127.0.0.1:4631/gnosis/"> GNOSIS </a><a class="mobile-menu-link" href="http://127.0.0.1:4631/contact/"> CONTACT </a> <div class="mobile-menu-divider"></div> <a class="mobile-menu-link mobile-menu-link--utility" href="http://127.0.0.1:4631/proof-surfaces/"> PROOF SURFACES </a><a class="mobile-menu-link mobile-menu-link--utility" href="http://127.0.0.1:4631/licensing/"> LICENSES </a><a class="mobile-menu-link mobile-menu-link--utility" href="http://127.0.0.1:4631/authority-dashboard/"> AUTHORITY </a><a class="mobile-menu-link mobile-menu-link--utility" href="mailto:architects@zer0pa.ai"> EMAIL </a> </div> </details> </div> </header> | |
| <main class="bento-page"> | |
| <!-- ── HERO ROW ── --> | |
| <div class="bento" style="grid-auto-rows: minmax(260px, auto)"> | |
| <article class="b-cell b-hero cell-7 row-2"> | |
| <span class="b-c-tl"></span><span class="b-c-tr"></span><span class="b-c-bl"></span><span class="b-c-br"></span> | |
| <div class="b-id"><span><b>00 · HEALTH</b> · INSILICO BIO-MOLECULAR LANE</span><span class="live">LIVE LANE · 144000Z</span></div> | |
| <h1>Heart-safety simulation, <span class="accent">falsifier-governed.</span></h1> | |
| <p class="b-eyebrow-sub">A CPU-first cardiac CiPA evidence pipeline · PyPI <code>zer0pa-biomolecular-explorer</code> v0.1.0</p> | |
| <p class="b-lede">A CPU-first evidence pipeline for drug-induced cardiac arrhythmia. The CiPA wedge — <em>dofetilide, verapamil, ranolazine</em> — runs through a six-layer L1–L6 contract pipeline governed by audit, KG, and a falsifier ledger. <strong>768 CPU scaffold tests pass; H100 cardiac authority is the next campaign, not the current claim.</strong></p> | |
| </article> | |
| <article class="b-cell b-codec-mechanics cell-5 row-2" style="background:#000;border-color:#000" aria-label="Bio-Molecular Explorer hero diagram — operator-supplied asset pending; pure black placeholder per FPO §C.4 (Health is in the PLACEHOLDER list, not the SUPPLIED list — only zpe-xr is SUPPLIED)."> | |
| </article> | |
| </div> | |
| <!-- ── 01 THE GAP | 02 MARKETS | 03 VALUE — external slots, operator-supplied ── --> | |
| <div class="bento"> | |
| <article class="b-cell b-title cell-4"> | |
| <span class="b-c-tl"></span><span class="b-c-tr"></span><span class="b-c-bl"></span><span class="b-c-br"></span> | |
| <div class="b-id"><b>01 · THE GAP</b><span>MISSING SUBSTRATE</span></div> | |
| <h2>The infrastructure for falsifier-governed cardiac evidence — auditable, replayable, <span class="accent">claim-bounded</span> — does not yet exist.</h2> | |
| </article> | |
| <article class="b-cell b-fig cell-5"> | |
| <span class="b-c-tl"></span><span class="b-c-tr"></span><span class="b-c-bl"></span><span class="b-c-br"></span> | |
| <div class="head"><b>02 · MARKETS</b><span>USD B · INDUSTRY ESTIMATES</span></div> | |
| <div class="body"> | |
| <div class="bars"> | |
| <div class="bar-row"><span class="name muted">Cardiac safety pharm svc</span><span class="bar-track"><span class="bar-fill faint" style="width:11.5%"></span></span><span class="v">$1.5 B</span></div> | |
| <div class="bar-row"><span class="name muted">AI in drug discovery '24</span><span class="bar-track"><span class="bar-fill faint" style="width:11.5%"></span></span><span class="v">$1.5 B</span></div> | |
| <div class="bar-row"><span class="name">R&D / approved drug</span><span class="bar-track"><span class="bar-fill" style="width:20%"></span></span><span class="v">$2.6 B</span></div> | |
| <div class="bar-row is-focus"><span class="name">AI in drug discovery '31</span><span class="bar-track"><span class="bar-fill focus" style="width:100%"></span></span><span class="v">$13.0 B</span></div> | |
| </div> | |
| </div> | |
| <div class="cap">Sources: Tufts CSDD (DiMasi 2016) · industry market reports (cardiac safety pharm services; AI-in-drug-discovery 2024 / 2031 forecasts). <b>The in-silico governance layer none of these forecasts directly prices.</b></div> | |
| </article> | |
| <article class="b-cell b-stat cell-3"> | |
| <span class="b-c-tl"></span><span class="b-c-tr"></span><span class="b-c-bl"></span><span class="b-c-br"></span> | |
| <div class="b-id"><b>03 · VALUE</b></div> | |
| <div class="v" style="font-size: clamp(40px, 4.2vw, 68px); margin-top: auto;">$2.6<span class="u">B</span></div> | |
| <div class="v-sub">Tufts CSDD per-approved-drug R&D · <b>Bio-Molecular Explorer governs the in-silico phase — where falsifier-discipline is cheapest, before any of it spends.</b></div> | |
| </article> | |
| </div> | |
| <!-- ── 04 INSIGHT | 05.0 CURRENT TECH | 05.1 OUR TECH | 05.2 BENCHMARKS ── --> | |
| <div class="bento"> | |
| <article class="b-cell b-title is-centered cell-3"> | |
| <span class="b-c-tl"></span><span class="b-c-tr"></span><span class="b-c-bl"></span><span class="b-c-br"></span> | |
| <div class="b-id"><b>04 · INSIGHT</b></div> | |
| <h2>768 CPU tests pass · L1–L6 contract <span class="accent">pipeline.</span></h2> | |
| </article> | |
| <div class="b-stack"> | |
| <article class="b-cell b-prose is-technical b-tech-panel"> | |
| <span class="b-c-tl"></span><span class="b-c-tr"></span><span class="b-c-bl"></span><span class="b-c-br"></span> | |
| <div class="b-id"><b>05.0 · CURRENT TECH</b><span>OPAQUE CARDIAC RESEARCH CODE</span></div> | |
| <p>Drug-induced cardiac arrhythmia screening runs on opaque PhD-grade research code — no governing falsifier ledger, no committed contract separating scaffold from authority.</p> | |
| </article> | |
| <article class="b-cell b-prose is-technical b-tech-panel"> | |
| <span class="b-c-tl"></span><span class="b-c-tr"></span><span class="b-c-bl"></span><span class="b-c-br"></span> | |
| <div class="b-id"><b>05.1 · OUR TECH</b><span>L1–L6 CONTRACT PIPELINE</span></div> | |
| <p>Bio-Molecular Explorer is a six-layer <em>L1–L6 cardiac pipeline</em> wrapped in append-only audit, KG reconciliation, and a falsifier ledger that fires before any packet exports as authoritative.</p> | |
| </article> | |
| </div> | |
| <article class="b-cell b-fig b-benchmark-mini cell-3"> | |
| <span class="b-c-tl"></span><span class="b-c-tr"></span><span class="b-c-bl"></span><span class="b-c-br"></span> | |
| <div class="head"><b>05.2 · BENCHMARKS</b><span>SCAFFOLD · PRE-H100</span></div> | |
| <div class="body"> | |
| <div class="mini-metrics"> | |
| <div class="mini-metric"><span>CPU tests</span><b>768</b><small>strict pass</small></div> | |
| <div class="mini-metric"><span>Seed run</span><b>9/9</b><small>stub-state</small></div> | |
| <div class="mini-metric"><span>Layers</span><b>L1–L6</b><small>contract</small></div> | |
| <div class="mini-metric"><span>PyPI</span><b>v0.1.0</b><small>live</small></div> | |
| </div> | |
| <div class="mini-bars"> | |
| <div class="mini-bar is-focus"><span>CPU scaffold</span><span class="track"><span class="fill focus" style="width:100%"></span></span><span class="value">768/768</span></div> | |
| <div class="mini-bar"><span>WP0 H100</span><span class="track"><span class="fill dim" style="width:0%"></span></span><span class="value">gated</span></div> | |
| <div class="mini-bar"><span>Blind PubMed</span><span class="track"><span class="fill dim" style="width:0%"></span></span><span class="value">pending</span></div> | |
| </div> | |
| </div> | |
| <div class="mini-note"><b>Gate:</b> CPU stub-state PASS · H100 + PubMed NOT RUN.</div> | |
| </article> | |
| </div> | |
| <!-- ── 06 MEASUREMENT | 06.1 COMPARATIVE GRAPH BENCHMARKS ── --> | |
| <div class="bento"> | |
| <article class="b-cell b-title cell-4"> | |
| <span class="b-c-tl"></span><span class="b-c-tr"></span><span class="b-c-bl"></span><span class="b-c-br"></span> | |
| <div class="b-id"><b>06 · MEASUREMENT</b><span>L1–L6 CONTRACT VERIFICATION</span></div> | |
| <h2>L1–L6 contract verification, 9 seed compounds, <span class="accent">audit hash chain.</span></h2> | |
| </article> | |
| <article class="b-cell b-fig cell-8"> | |
| <span class="b-c-tl"></span><span class="b-c-tr"></span><span class="b-c-bl"></span><span class="b-c-br"></span> | |
| <div class="head"><b>06.1 · COMPARATIVE PERFORMANCE · CARDIAC AUTHORITY PATH</b></div> | |
| <div class="body"> | |
| <div class="bars"> | |
| <div class="bar-row is-focus"><span class="name">CPU scaffold L1–L6</span><span class="bar-track"><span class="bar-fill focus" style="width:100%"></span></span><span class="v">768/768 PASS</span></div> | |
| <div class="bar-row"><span class="name muted">WP0 H100 cardiac</span><span class="bar-track"><span class="bar-fill dim" style="width:0%"></span></span><span class="v">60–120 H100-hrs</span></div> | |
| <div class="bar-row"><span class="name muted">Blind PubMed scoring</span><span class="bar-track"><span class="bar-fill dim" style="width:0%"></span></span><span class="v">pending</span></div> | |
| <div class="bar-row"><span class="name muted">Clinical / regulatory</span><span class="bar-track"><span class="bar-fill faint" style="width:0%"></span></span><span class="v">out-of-scope</span></div> | |
| </div> | |
| </div> | |
| <div class="cap">CPU L1–L6 in stub state · <b>WP0 H100 cardiac authority + blind PubMed scoring NOT RUN</b> · clinical / regulatory out-of-scope.</div> | |
| </article> | |
| </div> | |
| <!-- ── 07 KEY METRICS | 07.1-07.5 METRIC CELLS ── --> | |
| <div class="bento b-label"> | |
| <article class="b-cell b-row-label cell-12"> | |
| <span class="b-c-tl"></span><span class="b-c-tr"></span><span class="b-c-bl"></span><span class="b-c-br"></span> | |
| <div class="b-id"><b>07 · KEY METRICS</b><span>BIO-MOLECULAR EXPLORER SCAFFOLD 2026-05-08</span></div> | |
| </article> | |
| </div> | |
| <div class="bento bstats"> | |
| <article class="b-cell b-stat"> | |
| <span class="b-c-tl"></span><span class="b-c-tr"></span><span class="b-c-bl"></span><span class="b-c-br"></span> | |
| <div class="b-id"><b>07.1 · CPU SCAFFOLD GATE</b></div> | |
| <div class="v">768<span class="u">/768</span></div> | |
| <div class="v-sub">Tests passing · <b>unit + integration + falsification + runpod-sim</b></div> | |
| </article> | |
| <article class="b-cell b-stat"> | |
| <span class="b-c-tl"></span><span class="b-c-tr"></span><span class="b-c-bl"></span><span class="b-c-br"></span> | |
| <div class="b-id"><b>07.2 · CARDIAC SEED RUN</b></div> | |
| <div class="v">9<span class="u">/9</span></div> | |
| <div class="v-sub">CiPA wedge · <b>stub-state, not authority</b></div> | |
| </article> | |
| <article class="b-cell b-stat"> | |
| <span class="b-c-tl"></span><span class="b-c-tr"></span><span class="b-c-bl"></span><span class="b-c-br"></span> | |
| <div class="b-id"><b>07.3 · CONTRACT LAYERS</b></div> | |
| <div class="v">6<span class="u">/L1–L6</span></div> | |
| <div class="v-sub">Evidence stack · <b>chemistry through router/reasoner</b></div> | |
| </article> | |
| <article class="b-cell b-stat"> | |
| <span class="b-c-tl"></span><span class="b-c-tr"></span><span class="b-c-bl"></span><span class="b-c-br"></span> | |
| <div class="b-id"><b>07.4 · PYPI RELEASE</b></div> | |
| <div class="v">v0.1.0<span class="u"></span></div> | |
| <div class="v-sub">Live · <b>zer0pa-biomolecular-explorer · alpha</b></div> | |
| </article> | |
| <article class="b-cell b-stat"> | |
| <span class="b-c-tl"></span><span class="b-c-tr"></span><span class="b-c-bl"></span><span class="b-c-br"></span> | |
| <div class="b-id"><b>07.5 · CLINICAL METRIC</b></div> | |
| <div class="v" style="color:var(--color-tertiary)">null<span class="u" style="color:var(--color-tertiary)">metric pending</span></div> | |
| <div class="v-sub">Defensible anchor · <b>no validated clinical metric exists yet</b></div> | |
| </article> | |
| </div> | |
| <!-- ── DETERMINISM STATEMENT | DETERMINISM HOW | FIDELITY GAP ── --> | |
| <div class="bento b-tight"> | |
| <article class="b-cell b-title is-centered cell-4"> | |
| <span class="b-c-tl"></span><span class="b-c-tr"></span><span class="b-c-bl"></span><span class="b-c-br"></span> | |
| <div class="b-id"><b>08 · DETERMINISM</b><span>FROZEN-INPUT L1–L6</span></div> | |
| <h2>Every cardiac chain re-derives from frozen inputs through <span class="accent">L1–L6.</span></h2> | |
| </article> | |
| <article class="b-cell b-prose is-technical cell-5"> | |
| <span class="b-c-tl"></span><span class="b-c-tr"></span><span class="b-c-bl"></span><span class="b-c-br"></span> | |
| <div class="b-id"><b>08.1 · WHAT DETERMINISTIC MEANS</b><span>PER-LAYER, PER-COMPOUND HASH</span></div> | |
| <p>Every cardiac chain — <em>chemistry, dissolution, binding, cellular, CiPA, router</em> — hashes deterministically from frozen inputs on CPU. The <strong>9 seed compounds</strong> run end-to-end as stubs across L1–L6.</p> | |
| <p>H100 will replace stubs under the same hash contract, not relax it. Unit of bit-exactness: <em>per-layer, per-compound, per-CPU-substrate</em>.</p> | |
| </article> | |
| <article class="b-cell b-blocker cell-3"> | |
| <span class="b-c-tl"></span><span class="b-c-tr"></span><span class="b-c-bl"></span><span class="b-c-br"></span> | |
| <div class="b-id"><b>08.2 · THE FIDELITY GAP</b></div> | |
| <span class="k">Honest Blocker ·</span> | |
| <p style="margin:0">WP0 authority hardening has <em>not run</em>. <strong>60–120 H100 hours</strong> plus a blind PubMed-reader scientific-correctness benchmark are required before any cardiac claim is authoritative. The 9-compound stub-state run is scaffold evidence, not validation. <em>No clinical, regulatory, drug-safety, or H100-backed claim is made.</em> Authority lives in the L6 router gate, not in test counts.</p> | |
| </article> | |
| </div> | |
| <!-- ── POSSIBILITY QUESTION | AMBITION | LIVE PROBE | LIVE WORKSTREAM — external slots ── --> | |
| <div class="bento b-possibility-row"> | |
| <article class="b-cell b-title cell-4"> | |
| <span class="b-c-tl"></span><span class="b-c-tr"></span><span class="b-c-bl"></span><span class="b-c-br"></span> | |
| <div class="b-id"><b>09 · POSSIBILITY</b><span>THE QUESTION</span></div> | |
| <h2>What does it mean to <span class="accent">falsify a cardiac claim</span> before any patient is exposed?</h2> | |
| </article> | |
| <article class="b-cell b-prose cell-4"> | |
| <span class="b-c-tl"></span><span class="b-c-tr"></span><span class="b-c-bl"></span><span class="b-c-br"></span> | |
| <div class="b-id"><b>09.1 · THIS REPO'S AMBITION</b><span>FALSIFIER-FIRST BIOLOGY</span></div> | |
| <p>Bio-Molecular Explorer is the cardiac wedge of a broader ambition: governing biology by <strong>falsifier, not by belief</strong>. The L1–L6 contract pipeline is the first concrete instance — compounds in, refuted-or-not evidence packets out. The same scaffold extends to oncology, metabolic, neurological — <em>anywhere claims outrun audit</em>.</p> | |
| </article> | |
| <div class="b-statement-stack"> | |
| <article class="b-cell b-title b-statement-card"> | |
| <span class="b-c-tl"></span><span class="b-c-tr"></span><span class="b-c-bl"></span><span class="b-c-br"></span> | |
| <div class="b-id"><b>09.2 · LIVE PROBE</b></div> | |
| <h2>PyPI <span class="accent">v0.1.0 live.</span> CPU scaffold installable today. CI green on c6f041c.</h2> | |
| </article> | |
| <article class="b-cell b-title b-statement-card"> | |
| <span class="b-c-tl"></span><span class="b-c-tr"></span><span class="b-c-bl"></span><span class="b-c-br"></span> | |
| <div class="b-id"><b>09.3 · LIVE WORKSTREAM</b></div> | |
| <h2>WP0 authority hardening, then 60–120 H100 hours, then <span class="accent">blind PubMed scoring.</span></h2> | |
| </article> | |
| </div> | |
| </div> | |
| <!-- ── 5 UNLOCKS strip · external · operator-supplied ── --> | |
| <div class="bento b5"> | |
| <article class="b-cell b-unlock"> | |
| <span class="b-c-tl"></span><span class="b-c-tr"></span><span class="b-c-bl"></span><span class="b-c-br"></span> | |
| <div class="idx"><b>09.4</b> · ADJACENT</div> | |
| <div class="ttl">Beyond the <span class="accent">four channels.</span></div> | |
| <div class="body">Today's wedge: <em>KCNH2, SCN5A, KCNQ1, CACNA1C</em>. Extending the panel — calcium release, mitochondrial pathways, fibroblast cross-talk — keeps the falsifier shape, widens the substrate.</div> | |
| </article> | |
| <article class="b-cell b-unlock"> | |
| <span class="b-c-tl"></span><span class="b-c-tr"></span><span class="b-c-bl"></span><span class="b-c-br"></span> | |
| <div class="idx"><b>09.5</b> · ADJACENT</div> | |
| <div class="ttl">Cross-lane <span class="accent">evidence federation.</span></div> | |
| <div class="body">A cardiac packet that hashes against <em>DM3's</em> deterministic substrate and <em>Genesis's</em> authority-packet discipline — one claim, replayable from input compound to refuted-or-not, across computation and life-sciences.</div> | |
| </article> | |
| <article class="b-cell b-unlock"> | |
| <span class="b-c-tl"></span><span class="b-c-tr"></span><span class="b-c-bl"></span><span class="b-c-br"></span> | |
| <div class="idx"><b>09.6</b> · MID</div> | |
| <div class="ttl">Hepatotox & renal <span class="accent">templates.</span></div> | |
| <div class="body">The L1–L6 contract is organ-agnostic. <em>DILI</em> severity and FDA renal panels have CiPA-shaped framings already. Same scaffold, different falsifier registry, different evidence wedge.</div> | |
| </article> | |
| <article class="b-cell b-unlock"> | |
| <span class="b-c-tl"></span><span class="b-c-tr"></span><span class="b-c-bl"></span><span class="b-c-br"></span> | |
| <div class="idx"><b>09.7</b> · MID</div> | |
| <div class="ttl">Regulatory dialogue, <span class="accent">not closure.</span></div> | |
| <div class="body">An evidence packet an FDA reviewer or CSRC working group can <em>replay end-to-end</em> — not a submission, not a marketing authorization, but a structurally legible artifact to argue against.</div> | |
| </article> | |
| <article class="b-cell b-unlock"> | |
| <span class="b-c-tl"></span><span class="b-c-tr"></span><span class="b-c-bl"></span><span class="b-c-br"></span> | |
| <div class="idx"><b>09.8</b> · PARADIGM</div> | |
| <div class="ttl">Biology by <span class="accent">falsifier.</span></div> | |
| <div class="body">If every biological claim must survive an audited attempt to refute it, the burden shifts from publication to <em>replay</em>. Falsifier-governance becomes the default for in-silico biology — discipline as infrastructure.</div> | |
| </article> | |
| </div> | |
| </main> | |
| <footer class="bg-black relative overflow-hidden"> <!-- R4.5 — "EXPLORE ZER0PA" portfolio strip (was canonical zone | |
| 11 inside each lane page; operator moved it into the footer | |
| as universal site chrome). 8-section grid; current section | |
| auto-derived from URL pathname inside the component. Sits | |
| above the footer-stage glyph so the visual order on every | |
| page is: page content → Explore strip → big "0" glyph → | |
| meta row → links grid. --> <section class="rdoors" aria-labelledby="rdoors-heading" data-astro-cid-yvn2ws7o> <header class="canonical-head rdoors__head" data-astro-cid-yvn2ws7o> <h2 id="rdoors-heading" class="canonical-head__title" data-astro-cid-yvn2ws7o>EXPLORE ZER0PA</h2> <style>astro-island,astro-slot,astro-static-slot{display:contents}</style><span data-hk="s00000" class="rdoors__pulse" data-innovation="solid-related-lanes" data-phase-2-d1-pulse="recently-viewed" role="status" aria-label="Portfolio pulse — active section LANDING-RD-V3, 32 products, 22:16:52 UTC"><span class="rdoors__pulse-dot" aria-hidden="true"></span><span class="rdoors__pulse-label">ACTIVE</span><strong class="rdoors__pulse-section">LANDING-RD-V3</strong><span class="rdoors__pulse-sep" aria-hidden="true">·</span><span class="rdoors__pulse-count">32 PRODUCTS</span><span class="rdoors__pulse-sep" aria-hidden="true">·</span><time class="rdoors__pulse-time">22:16:52 UTC</time></span> </header> <ul class="rdoors__grid" aria-label="Zer0pa portfolio sections" data-astro-cid-yvn2ws7o> <li data-astro-cid-yvn2ws7o> <a class="rdoors__door" href="http://127.0.0.1:4631/encoding/" data-innovation="sentry-lane-card-event" data-repo="section:encoding" data-section="encoding" data-action="portfolio-doorway" data-destination="/encoding/" data-astro-cid-yvn2ws7o> <span class="rdoors__eyebrow" data-astro-cid-yvn2ws7o> </span> <span class="rdoors__title" data-astro-cid-yvn2ws7o>ENCODING</span> <span class="rdoors__count" data-astro-cid-yvn2ws7o> <strong data-astro-cid-yvn2ws7o>18</strong> <span data-astro-cid-yvn2ws7o>PRODUCTS</span> </span> <span class="rdoors__cta" data-astro-cid-yvn2ws7o> <span data-astro-cid-yvn2ws7o>VIEW</span> <span aria-hidden="true" data-astro-cid-yvn2ws7o>↗</span> </span> </a> </li><li data-astro-cid-yvn2ws7o> <a class="rdoors__door" href="http://127.0.0.1:4631/computation/" data-innovation="sentry-lane-card-event" data-repo="section:computation" data-section="computation" data-action="portfolio-doorway" data-destination="/computation/" data-astro-cid-yvn2ws7o> <span class="rdoors__eyebrow" data-astro-cid-yvn2ws7o> </span> <span class="rdoors__title" data-astro-cid-yvn2ws7o>COMPUTATION</span> <span class="rdoors__count" data-astro-cid-yvn2ws7o> <strong data-astro-cid-yvn2ws7o>2</strong> <span data-astro-cid-yvn2ws7o>PRODUCTS</span> </span> <span class="rdoors__cta" data-astro-cid-yvn2ws7o> <span data-astro-cid-yvn2ws7o>VIEW</span> <span aria-hidden="true" data-astro-cid-yvn2ws7o>↗</span> </span> </a> </li><li data-astro-cid-yvn2ws7o> <a class="rdoors__door" href="http://127.0.0.1:4631/ai/" data-innovation="sentry-lane-card-event" data-repo="section:ai" data-section="ai" data-action="portfolio-doorway" data-destination="/ai/" data-astro-cid-yvn2ws7o> <span class="rdoors__eyebrow" data-astro-cid-yvn2ws7o> </span> <span class="rdoors__title" data-astro-cid-yvn2ws7o>AI</span> <span class="rdoors__count" data-astro-cid-yvn2ws7o> <strong data-astro-cid-yvn2ws7o>1</strong> <span data-astro-cid-yvn2ws7o>PRODUCT</span> </span> <span class="rdoors__cta" data-astro-cid-yvn2ws7o> <span data-astro-cid-yvn2ws7o>VIEW</span> <span aria-hidden="true" data-astro-cid-yvn2ws7o>↗</span> </span> </a> </li><li data-astro-cid-yvn2ws7o> <a class="rdoors__door" href="http://127.0.0.1:4631/design/" data-innovation="sentry-lane-card-event" data-repo="section:design" data-section="design" data-action="portfolio-doorway" data-destination="/design/" data-astro-cid-yvn2ws7o> <span class="rdoors__eyebrow" data-astro-cid-yvn2ws7o> </span> <span class="rdoors__title" data-astro-cid-yvn2ws7o>DESIGN</span> <span class="rdoors__count" data-astro-cid-yvn2ws7o> <strong data-astro-cid-yvn2ws7o>2</strong> <span data-astro-cid-yvn2ws7o>PRODUCTS</span> </span> <span class="rdoors__cta" data-astro-cid-yvn2ws7o> <span data-astro-cid-yvn2ws7o>VIEW</span> <span aria-hidden="true" data-astro-cid-yvn2ws7o>↗</span> </span> </a> </li><li data-astro-cid-yvn2ws7o> <a class="rdoors__door" href="http://127.0.0.1:4631/insilico/" data-innovation="sentry-lane-card-event" data-repo="section:insilico" data-section="insilico" data-action="portfolio-doorway" data-destination="/insilico/" data-astro-cid-yvn2ws7o> <span class="rdoors__eyebrow" data-astro-cid-yvn2ws7o> </span> <span class="rdoors__title" data-astro-cid-yvn2ws7o>INSILICO</span> <span class="rdoors__count" data-astro-cid-yvn2ws7o> <strong data-astro-cid-yvn2ws7o>5</strong> <span data-astro-cid-yvn2ws7o>PRODUCTS</span> </span> <span class="rdoors__cta" data-astro-cid-yvn2ws7o> <span data-astro-cid-yvn2ws7o>VIEW</span> <span aria-hidden="true" data-astro-cid-yvn2ws7o>↗</span> </span> </a> </li><li data-astro-cid-yvn2ws7o> <a class="rdoors__door" href="http://127.0.0.1:4631/gnosis/" data-innovation="sentry-lane-card-event" data-repo="section:gnosis" data-section="gnosis" data-action="portfolio-doorway" data-destination="/gnosis/" data-astro-cid-yvn2ws7o> <span class="rdoors__eyebrow" data-astro-cid-yvn2ws7o> </span> <span class="rdoors__title" data-astro-cid-yvn2ws7o>GNOSIS</span> <span class="rdoors__count" data-astro-cid-yvn2ws7o> <strong data-astro-cid-yvn2ws7o>4</strong> <span data-astro-cid-yvn2ws7o>PRODUCTS</span> </span> <span class="rdoors__cta" data-astro-cid-yvn2ws7o> <span data-astro-cid-yvn2ws7o>VIEW</span> <span aria-hidden="true" data-astro-cid-yvn2ws7o>↗</span> </span> </a> </li> </ul> </section> <!-- R3.23: stripped + rebuilt. The previous flex-items-center + | |
| min-height pattern let the icon's intrinsic 1380px block- | |
| size force the stage to grow past its declared min-height, | |
| which is why the footer was 2-3x taller than expected with | |
| the visible glyph orphaned in the upper portion. New | |
| approach: stage has a FIXED `height`; icon is absolutely | |
| positioned + transform-centered inside it, so the icon's | |
| intrinsic size cannot influence the stage height at all. | |
| No flex, no padding, no surprises. The icon is decorative | |
| (brand mark also in the header + meta row) so it stays | |
| hidden from AT. --> <div class="footer-stage"> <img src="http://127.0.0.1:4631/zer0pa-icon.png" alt="" class="footer-icon" width="495" height="527" loading="lazy" decoding="async" aria-hidden="true"> </div> <!-- FOOTER LINKS — HORIZONTAL ROW --> <div class="px-6 pb-6"> <div class="footer-links-grid"> <a href="https://reddit.com/r/zer0pa" target="_blank" rel="noopener noreferrer" class="footer-link-block">REDDIT</a> <a href="https://huggingface.co/Zer0pa" target="_blank" rel="noopener noreferrer" class="footer-link-block">HUGGING FACE</a> <a href="https://github.com/Zer0pa" target="_blank" rel="noopener noreferrer" class="footer-link-block">GITHUB</a> <a href="http://127.0.0.1:4631/contact/" class="footer-link-block">CONTACT</a> </div> </div> </footer> | |
| <script type="module"> | |
| (async () => { | |
| try { | |
| const { prepare, layout } = await import('https://unpkg.com/@chenglou/pretext@0.0.6/dist/layout.js?module'); | |
| const rules = [ | |
| { selector: '.b-title h2', maxLines: 6 }, | |
| { selector: '.b-statement-card h2', maxLines: 4 }, | |
| { selector: '.b-unlock .ttl', maxLines: 3 }, | |
| { selector: '.b-prose p', maxLines: 6 }, | |
| { selector: '.b-unlock .body', maxLines: 7 } | |
| ]; | |
| const targets = rules.flatMap((rule) => | |
| Array.from(document.querySelectorAll(rule.selector), (node) => ({ node, maxLines: rule.maxLines })) | |
| ); | |
| const cache = new WeakMap(); | |
| const measure = (node, maxLines) => { | |
| const styles = getComputedStyle(node); | |
| const width = node.clientWidth; | |
| const text = node.textContent.replace(/\s+/g, ' ').trim(); | |
| if (!width || !text) return; | |
| const lineHeight = parseFloat(styles.lineHeight) || parseFloat(styles.fontSize) * 1.2; | |
| const font = `${styles.fontStyle} ${styles.fontWeight} ${styles.fontSize} ${styles.fontFamily}`; | |
| const key = `${text}|${font}`; | |
| const current = cache.get(node); | |
| const prepared = current?.key === key ? current.prepared : prepare(text, font); | |
| if (!current || current.key !== key) cache.set(node, { key, prepared }); | |
| const result = layout(prepared, width, lineHeight); | |
| node.dataset.pretextLines = String(result.lineCount); | |
| node.classList.toggle('pretext-tight', result.lineCount > maxLines); | |
| }; | |
| const run = () => targets.forEach(({ node, maxLines }) => measure(node, maxLines)); | |
| const observer = new ResizeObserver((entries) => { | |
| for (const entry of entries) { | |
| const target = targets.find((item) => item.node === entry.target); | |
| if (target) measure(target.node, target.maxLines); | |
| } | |
| }); | |
| await (document.fonts?.ready ?? Promise.resolve()); | |
| run(); | |
| targets.forEach(({ node }) => observer.observe(node)); | |
| document.documentElement.dataset.pretext = 'active'; | |
| } catch { | |
| document.documentElement.dataset.pretext = 'unavailable'; | |
| } | |
| })(); | |
| </script> | |
| </body></html> | |
Xet Storage Details
- Size:
- 79 kB
- Xet hash:
- 2a4b218a73efe1616be4c39daaceab397572f63d1ffedc754c098e53923eb84c
·
Xet efficiently stores files, intelligently splitting them into unique chunks and accelerating uploads and downloads. More info.