fix(site): simplify public pages (#1018)

Author: tcconnally

404.html

@@ -30,25 +30,25 @@
 <header class="site-header" data-site-nav>
   <div class="wrap nav-row">
     <a class="brand" href="/" aria-label="Perseus Computing home"><svg class="brand-mark" viewBox="0 0 40 40" fill="none" aria-hidden="true"><path d="M4 9h10M4 15h10M4 21h10M4 27h10"/><path d="m16 9 15 11M16 15l15 5M16 21l15-1M16 27l15-7"/><circle cx="32" cy="20" r="3"/></svg><span>Perseus</span><small>Computing</small></a>
-    <nav class="desktop-nav" aria-label="Primary"><a href="/#system">Platform</a><a href="/security/">Security</a><a href="/benchmarks/">Proof</a><a href="/government/">Defense</a><a href="/docs/">Docs</a></nav>
+    <nav class="desktop-nav" aria-label="Primary"><a href="/#system">Platform</a><a href="/security/">Security</a><a href="/benchmarks/">Results</a><a href="/government/">Government</a><a href="/docs/">Install</a></nav>
     <div class="nav-actions">
       <button class="icon-button theme-toggle" type="button" data-theme-toggle aria-label="Use dark theme"><span aria-hidden="true">◐</span></button>
       <a class="button button-primary nav-cta" href="/docs/">Start locally</a>
       <button class="icon-button menu-button" type="button" data-menu-button aria-label="Open navigation" aria-expanded="false" aria-controls="mobile-navigation"><span aria-hidden="true">Menu</span></button>
     </div>
   </div>
-  <nav class="mobile-nav" id="mobile-navigation" data-mobile-menu aria-label="Mobile"><a href="/#system">Platform</a><a href="/security/">Security</a><a href="/benchmarks/">Proof</a><a href="/government/">Defense</a><a href="/docs/">Docs</a><a href="/docs/">Start locally</a></nav>
+  <nav class="mobile-nav" id="mobile-navigation" data-mobile-menu aria-label="Mobile"><a href="/#system">Platform</a><a href="/security/">Security</a><a href="/benchmarks/">Results</a><a href="/government/">Government</a><a href="/docs/">Install</a><a href="/docs/">Start locally</a></nav>
 </header>
 <main id="main"><section class="page-intro"><div class="wrap article-title"><p class="kicker">404</p><h1>This page is not part of the current system.</h1><p class="lead">Use the platform map, documentation, methods, or defense route to continue.</p><div class="actions"><a class="button button-primary" href="/">Return home</a><a class="text-link" href="/docs/">Open docs →</a></div></div></section></main>
 
 <footer class="site-footer">
   <div class="wrap footer-grid">
-    <div class="footer-brand"><a class="brand" href="/"><svg class="brand-mark" viewBox="0 0 40 40" fill="none" aria-hidden="true"><path d="M4 9h10M4 15h10M4 21h10M4 27h10"/><path d="m16 9 15 11M16 15l15 5M16 21l15-1M16 27l15-7"/><circle cx="32" cy="20" r="3"/></svg><span>Perseus</span><small>Computing</small></a><p>The system around the model: current context, governed memory, and reviewable evidence.</p></div>
+    <div class="footer-brand"><a class="brand" href="/"><svg class="brand-mark" viewBox="0 0 40 40" fill="none" aria-hidden="true"><path d="M4 9h10M4 15h10M4 21h10M4 27h10"/><path d="m16 9 15 11M16 15l15 5M16 21l15-1M16 27l15-7"/><circle cx="32" cy="20" r="3"/></svg><span>Perseus</span><small>Computing</small></a><p>Local tools for current context, memory, and reviewable records.</p></div>
     <div><h2>Components</h2><a href="/context-engine/">Perseus Context Engine</a><a href="/vault/">Perseus Vault</a><a href="/ledger/">Perseus Ledger</a></div>
-    <div><h2>Evaluate</h2><a href="/security/">Security boundary</a><a href="/benchmarks/">Methods and proof</a><a href="/docs/">Install and source</a></div>
-    <div><h2>Work with us</h2><a href="/government/">Defense and Government</a><a href="mailto:perseus@perseus.observer">perseus@perseus.observer</a><a href="https://github.com/Perseus-Computing-LLC/perseus" rel="noopener">GitHub source ↗</a></div>
+    <div><h2>Read more</h2><a href="/security/">Security boundary</a><a href="/benchmarks/">Results and methods</a><a href="/docs/">Install and source</a></div>
+    <div><h2>Work with us</h2><a href="/government/">Government work</a><a href="mailto:perseus@perseus.observer">perseus@perseus.observer</a><a href="https://github.com/Perseus-Computing-LLC/perseus" rel="noopener">GitHub source ↗</a></div>
   </div>
-  <div class="wrap footer-base"><span>© 2026 Perseus Computing LLC</span><span>MIT-licensed core. Claims are scoped to their evidence.</span></div>
+  <div class="wrap footer-base"><span>© 2026 Perseus Computing LLC</span></div>
 </footer>
 </body>
 </html>

assets/site-shell.css

@@ -19,8 +19,8 @@
   --green: #216b43;
   --code-bg: #101719;
   --code-ink: #e7ece8;
-  --header: rgba(242, 239, 231, .96);
-  --shadow: 0 22px 60px rgba(19, 33, 36, .10);
+  --header: var(--paper);
+  --shadow: none;
   --max: 1180px;
 }
 [data-theme="dark"] {
@@ -42,8 +42,8 @@
   --green: #7bc79a;
   --code-bg: #080d0e;
   --code-ink: #e7ece8;
-  --header: rgba(15, 20, 22, .95);
-  --shadow: 0 22px 60px rgba(0, 0, 0, .28);
+  --header: var(--paper);
+  --shadow: none;
 }
 
 * { box-sizing: border-box; }
@@ -54,7 +54,7 @@ body {
   color: var(--ink);
   font-family: "IBM Plex Sans", system-ui, sans-serif;
   font-size: 16px;
-  line-height: 1.62;
+  line-height: 1.55;
   -webkit-font-smoothing: antialiased;
 }
 body::before {
@@ -63,33 +63,33 @@ body::before {
   inset: 0;
   z-index: -1;
   pointer-events: none;
-  opacity: .45;
+  display: none;
   background: linear-gradient(90deg, transparent calc(100% - 1px), color-mix(in srgb, var(--line) 28%, transparent) 0);
   background-size: max(80px, calc(100vw / 12)) 100%;
 }
 ::selection { background: var(--amber); color: #fff; }
 a { color: inherit; }
 button, input, textarea, select { font: inherit; }
-code, pre, .kicker, .trace-label, .route-list span, .proof-receipt > span, .method-head span, .measurement-list article > span, .setup-list article > span, .posture-register span, .artifact-summary span, .api-options span, time { font-family: "IBM Plex Mono", ui-monospace, monospace; }
+code, pre, .trace-label, .route-list span, .proof-receipt > span, .method-head span, .measurement-list article > span, .setup-list article > span, .posture-register span, .artifact-summary span, .api-options span, time { font-family: "IBM Plex Mono", ui-monospace, monospace; }
 img, svg { max-width: 100%; }
 [hidden] { display: none !important; }
-.wrap { width: min(var(--max), calc(100% - 64px)); margin-inline: auto; }
+.wrap { width: min(var(--max), calc(100% - 48px)); margin-inline: auto; }
 .skip-link { position: fixed; left: 16px; top: -80px; z-index: 200; padding: 10px 14px; background: var(--ink); color: var(--paper); font-weight: 700; }
 .skip-link:focus { top: 12px; }
 a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, summary:focus-visible { outline: 3px solid var(--amber); outline-offset: 3px; }
 
 /* Shared header */
-.site-header { position: sticky; top: 0; z-index: 100; border-bottom: 1px solid var(--line); background: var(--header); backdrop-filter: blur(12px); }
-.nav-row { min-height: 72px; display: flex; align-items: center; gap: 28px; }
+.site-header { position: sticky; top: 0; z-index: 100; border-bottom: 1px solid var(--line); background: var(--header); }
+.nav-row { min-height: 64px; display: flex; align-items: center; gap: 24px; }
 .brand { display: inline-flex; align-items: center; gap: 9px; text-decoration: none; white-space: nowrap; }
 .brand-mark { width: 28px; height: 28px; stroke: var(--teal); stroke-width: 1.6; stroke-linecap: square; }
 .brand-mark circle { fill: var(--amber); stroke: none; }
-.brand span { font-family: "Space Grotesk", system-ui, sans-serif; font-size: 18px; font-weight: 650; letter-spacing: -.035em; }
+.brand span { font-family: "Space Grotesk", system-ui, sans-serif; font-size: 17px; font-weight: 650; letter-spacing: -.035em; }
 .brand small { color: var(--ink-faint); font: 11px "IBM Plex Mono", monospace; letter-spacing: .08em; text-transform: uppercase; }
-.desktop-nav { display: flex; align-items: center; gap: 25px; margin-left: auto; }
+.desktop-nav { display: flex; align-items: center; gap: 20px; margin-left: auto; }
 .desktop-nav a { position: relative; color: var(--ink-soft); font-size: 13px; font-weight: 600; text-decoration: none; }
 .desktop-nav a:hover, .desktop-nav a[aria-current="page"] { color: var(--ink); }
-.desktop-nav a[aria-current="page"]::after { content: ""; position: absolute; left: 0; right: 0; bottom: -26px; height: 3px; background: var(--amber); }
+.desktop-nav a[aria-current="page"]::after { content: ""; position: absolute; left: 0; right: 0; bottom: -22px; height: 3px; background: var(--amber); }
 .nav-actions { display: flex; align-items: center; gap: 8px; }
 .icon-button { min-width: 44px; min-height: 44px; border: 1px solid var(--line); background: transparent; color: var(--ink); cursor: pointer; }
 .icon-button:hover { border-color: var(--teal); }
@@ -108,22 +108,22 @@ a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visib
 .actions { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; margin-top: 30px; }
 
 /* Shared type and sections */
-.kicker { margin: 0 0 16px; color: var(--teal-dark); font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
+.kicker { margin: 0 0 14px; color: var(--teal-dark); font-size: 13px; font-weight: 700; letter-spacing: .02em; }
 h1, h2, h3, p { text-wrap: pretty; }
 h1, h2, h3 { font-family: "Space Grotesk", system-ui, sans-serif; }
-h1 { margin: 0; max-width: 14ch; font-size: clamp(46px, 6.2vw, 84px); line-height: .99; font-weight: 590; letter-spacing: -.062em; }
-h2 { margin: 0; max-width: 19ch; font-size: clamp(30px, 4vw, 50px); line-height: 1.04; font-weight: 600; letter-spacing: -.048em; }
+h1 { margin: 0; max-width: 15ch; font-size: clamp(42px, 5.4vw, 72px); line-height: 1; font-weight: 590; letter-spacing: -.058em; }
+h2 { margin: 0; max-width: 20ch; font-size: clamp(28px, 3.5vw, 44px); line-height: 1.06; font-weight: 600; letter-spacing: -.045em; }
 h3 { font-weight: 620; letter-spacing: -.03em; }
-.lead { max-width: 60ch; margin: 0; color: var(--ink-soft); font-size: clamp(18px, 2vw, 22px); line-height: 1.52; }
-.section { padding: clamp(72px, 9vw, 126px) 0; border-top: 1px solid var(--line); scroll-margin-top: 90px; }
-.section-heading { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); align-items: end; gap: 60px; margin-bottom: 42px; }
+.lead { max-width: 60ch; margin: 0; color: var(--ink-soft); font-size: clamp(17px, 1.8vw, 20px); line-height: 1.55; }
+.section { padding: clamp(64px, 7vw, 92px) 0; border-top: 1px solid var(--line); scroll-margin-top: 82px; }
+.section-heading { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); align-items: end; gap: 44px; margin-bottom: 32px; }
 .section-heading > p:last-child { max-width: 58ch; margin: 0; color: var(--ink-soft); }
-.page-intro { padding: clamp(76px, 10vw, 142px) 0 clamp(62px, 8vw, 110px); }
+.page-intro { padding: clamp(68px, 8vw, 104px) 0 clamp(54px, 6vw, 82px); }
 .intro-grid { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(320px, .9fr); align-items: end; gap: clamp(44px, 8vw, 110px); }
 .intro-grid h1 { max-width: 14ch; }
 
 /* Homepage */
-.hero { min-height: min(780px, calc(100vh - 72px)); display: flex; align-items: center; padding: clamp(66px, 8vw, 116px) 0; }
+.hero { min-height: min(660px, calc(100vh - 64px)); display: flex; align-items: center; padding: clamp(60px, 7vw, 92px) 0; }
 .hero-layout { display: grid; grid-template-columns: minmax(0, .95fr) minmax(420px, 1.05fr); align-items: center; gap: clamp(48px, 7vw, 100px); }
 .home-hero h1 { max-width: 14ch; }
 .hero-copy .lead { margin-top: 28px; }
@@ -177,9 +177,10 @@ h3 { font-weight: 620; letter-spacing: -.03em; }
 .next-section { background: var(--teal-soft); }
 .next-bar { display: flex; justify-content: space-between; gap: 50px; align-items: end; }
 .next-bar .actions { margin: 0; justify-content: flex-end; }
+.home-proof-note { max-width: 48ch; margin: 16px 0 0; color: var(--ink-soft); font-size: 13px; }
 
 /* Product pages */
-.product-hero { padding: clamp(74px, 10vw, 140px) 0 clamp(66px, 8vw, 110px); }
+.product-hero { padding: clamp(64px, 8vw, 104px) 0 clamp(58px, 7vw, 88px); }
 .product-hero-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(390px, 1fr); gap: clamp(55px, 8vw, 110px); align-items: center; }
 .product-hero h1 { max-width: 12ch; }
 .product-hero .lead { margin-top: 26px; }
@@ -328,13 +329,20 @@ h3 { font-weight: 620; letter-spacing: -.03em; }
 .work-list article { display: grid; grid-template-columns: minmax(240px, .75fr) minmax(0, 1.25fr); gap: 36px; padding: 24px 0; border-bottom: 1px solid var(--line); }
 .work-list article span { color: var(--teal-dark); font-family: "Space Grotesk", sans-serif; font-size: 23px; font-weight: 600; }
 .work-list article p { margin: 0; color: var(--ink-soft); }
-.posture-register { border-top: 2px solid var(--ink); }
-.posture-register > div { display: grid; grid-template-columns: 110px minmax(220px, .7fr) minmax(0, 1.3fr); gap: 28px; align-items: start; padding: 23px 0; border-bottom: 1px solid var(--line); }
-.posture-register span { color: var(--ink-faint); font-size: 11px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
-.posture-register b { color: var(--ink); font-size: 18px; }
-.posture-register p { margin: 0; color: var(--ink-soft); }
-.posture-register p strong { color: var(--ink); }
-.posture-note { max-width: 78ch; margin: 22px 0 0; padding-left: 16px; border-left: 3px solid var(--amber); color: var(--ink-soft); font-size: 13px; }
+.posture-summary { border-top: 2px solid var(--ink); }
+.posture-summary > div { display: grid; grid-template-columns: 190px minmax(250px, .8fr) minmax(0, 1.2fr); gap: 24px; align-items: start; padding: 20px 0; border-bottom: 1px solid var(--line); }
+.posture-summary span { color: var(--ink-faint); font-size: 12px; font-weight: 600; }
+.posture-summary b { color: var(--ink); font-size: 17px; }
+.posture-summary p { margin: 0; color: var(--ink-soft); }
+.posture-details { border-top: 2px solid var(--ink); }
+.posture-details summary { min-height: 54px; display: flex; align-items: center; cursor: pointer; color: var(--teal-dark); font-weight: 700; }
+.posture-details[open] summary { border-bottom: 1px solid var(--line); }
+.posture-details .posture-summary { border-top: 0; }
+.security-summary { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; }
+.security-summary > div { min-width: 0; }
+.security-summary h2 { max-width: 14ch; }
+.security-summary p:not(.kicker) { max-width: 58ch; color: var(--ink-soft); }
+.security-limits { padding-left: 42px; border-left: 1px solid var(--line-strong); }
 .responsibility-table > div { padding-inline: 18px; }
 .responsibility-table .support { border-left: 4px solid var(--amber); background: var(--paper-raised); }
 .responsibility-table .retained { border-left: 4px solid var(--teal); }
@@ -383,7 +391,8 @@ h3 { font-weight: 620; letter-spacing: -.03em; }
   .measurement-list article a { grid-column: 2 / -1; }
   .setup-list article { grid-template-columns: 120px 1fr; }
   .setup-list .command, .setup-list .inline-links { grid-column: 2; }
-  .posture-register > div { grid-template-columns: 100px 220px 1fr; }
+  .posture-summary > div { grid-template-columns: 100px 220px 1fr; }
+  .security-summary { gap: 34px; }
   .footer-grid { grid-template-columns: 1.4fr 1fr 1fr; }
   .footer-grid > div:last-child { grid-column: 2 / -1; }
 }
@@ -420,7 +429,9 @@ h3 { font-weight: 620; letter-spacing: -.03em; }
   .measurement-list article a { grid-column: auto; }
   .setup-list article { grid-template-columns: 1fr; }
   .setup-list .command, .setup-list .inline-links { grid-column: auto; }
-  .posture-register > div { grid-template-columns: 1fr; }
+  .posture-summary > div { grid-template-columns: 1fr; gap: 8px; }
+  .security-summary { grid-template-columns: 1fr; gap: 38px; }
+  .security-limits { padding: 28px 0 0; border-top: 1px solid var(--line-strong); border-left: 0; }
   .demo-controls { align-items: stretch; flex-direction: column; }
   .demo-controls p { margin: 4px 0 0; }
   .footer-grid { grid-template-columns: 1fr 1fr; gap: 34px 22px; }