/* Premium consistency layer, 14 October 2026.
   One graphite material system for the whole page, matched to the capability
   showcase: flat graphite panels, hairline edges, a top-edge highlight, neutral
   selected states, blue reserved for light and live signals, one light primary pill.
   Loaded last; it restyles surfaces only and never changes layout behaviour. */
:root {
 --pm-panel:#0e0f11; --pm-raised:#151619; --pm-raised-2:#1b1c20;
 --pm-edge:#ffffff0f; --pm-edge-2:#ffffff17; --pm-edge-3:#ffffff26;
 --pm-hi:inset 0 1px 0 #ffffff08;
 --pm-ink:#e8eaee; --pm-muted:#a5a8b0;
 --pm-sel:#1b1d22; --pm-sel-edge:#ffffff2e;
}

/* Section headings: one scale, one rhythm, as in the new sections. */
body .section-intro h2,body .workspace-heading h2,body .platform-intro h2,body .questions-heading h2,body .contact-copy h2 { color:#dddfe5; font:400 clamp(30px,3.2vw,46px)/1.2 var(--sans); letter-spacing:-.04em; text-wrap:balance; }
body .section-intro { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:56px; align-items:end; margin-bottom:64px; }
body .section-intro>p { justify-self:end; max-width:520px; margin:0; color:var(--pm-muted); font:15px/1.8 var(--sans); }
@media (max-width:900px) { body .section-intro { grid-template-columns:1fr; gap:18px; margin-bottom:40px; } body .section-intro>p { justify-self:start; } }

/* Outer panels */
body .experience-viewport,body .impact-workbench,body .intelligence-demo,body .workspace-app,body .contact-section { background:var(--pm-panel); border:1px solid var(--pm-edge); box-shadow:var(--pm-hi); }
body .experience-viewport { background:#000; }
body .contact-section { background:var(--pm-panel); }
body .bench-toolbar { background:transparent; border-color:var(--pm-edge); }
body .ws-header { background:transparent; border-color:var(--pm-edge); }

/* Inner surfaces */
body .dossier,body .source-inspector,body .conversation,body .ws-detail,body .ws-panel,body .guide-depth,body .power-image-stage { background:var(--pm-raised); border-color:var(--pm-edge-2); box-shadow:var(--pm-hi); }
body .ws-index,body .ws-record-list { background:transparent; }
body .guide-tabs button { background:var(--pm-panel); border-color:var(--pm-edge); box-shadow:var(--pm-hi); transition:background-color 300ms var(--ease),border-color 300ms var(--ease),transform 300ms var(--ease); }
body .guide-tabs button:hover { background:var(--pm-raised); border-color:var(--pm-edge-2); }
body .guide-tabs button[aria-selected=true] { background:var(--pm-raised); border-color:var(--pm-sel-edge); box-shadow:var(--pm-hi),0 24px 48px -28px #1f74ff55; }
body .guide-example a,body .impact-records button,body .ws-record-button,body .questions-list details,body .power-components button { background:var(--pm-raised); border-color:var(--pm-edge-2); box-shadow:none; }
body .guide-example a:hover,body .impact-records button:hover,body .ws-record-button:hover,body .questions-list details:hover,body .power-components button:hover { background:var(--pm-raised-2); border-color:var(--pm-edge-3); }
body .questions-list details[open] { background:var(--pm-raised); border-color:var(--pm-edge-3); }

/* Selected states: neutral fill, brighter edge, blue only as a signal. */
body main :is(.journey-nav button[aria-current="step"],.prompt-selector button[aria-pressed=true],.power-components button[aria-pressed=true],.power-components button.is-selected,.impact-records button[aria-pressed=true],.ws-record-button[aria-pressed=true],.ws-nav button[aria-selected=true],.ws-nav button[aria-pressed=true],.lens-list button[aria-selected=true],.answer-citations button[aria-pressed=true]) { background:var(--pm-sel); border-color:var(--pm-sel-edge); color:#f4f6f9; box-shadow:var(--pm-hi); }
body main :is(.journey-nav button[aria-current="step"],.prompt-selector button[aria-pressed=true])::before { content:""; display:inline-block; width:6px; height:6px; margin-right:8px; border-radius:50%; background:var(--cap-neon,#00b7ff); box-shadow:0 0 10px #00b7ffaa; vertical-align:1px; }
body .ws-record-button[aria-pressed=true] span { color:inherit; }

/* Secondary controls: graphite pills */
body .journey-nav,body .prompt-selector,body .experience-viewport .motion-control,body .experience-viewport .inspect-model,body .power-inspect,body .fault-button,body .source-jump,body .source-return,body .ws-header-actions button,body .action-link,body .answer-citations button { background:#121316cc; border-color:var(--pm-edge-3); }
body .experience-viewport .inspect-model:hover,body .power-inspect:hover,body .source-jump:hover,body .source-return:hover,body .ws-header-actions button:hover,body .action-link:hover { background:var(--pm-raised-2); border-color:#ffffff3d; color:#fff; }

/* Primary action: Modal's light pill. */
body .journey-enter,body .contact-section button[type=submit],body .contact-section .primary-button { background:#ececee; color:#0b0c0e; border:1px solid #ececee; font-weight:500; box-shadow:0 1px 0 #ffffff inset,0 10px 30px -12px #2f8bff66; }
body .journey-enter:hover,body .contact-section button[type=submit]:hover,body .contact-section .primary-button:hover { background:#ffffff; color:#000; border-color:#fff; transform:translateY(-1px); }
body .journey-enter:active,body .contact-section button[type=submit]:active { transform:none; }

/* Inputs */
body main :is(input:not([type=range]):not([type=checkbox]):not([type=radio]),textarea,select) { background:#0b0c0e; border-color:var(--pm-edge-3); color:var(--pm-ink); }
body main :is(input,textarea,select):focus { border-color:#2f8bff; outline:none; box-shadow:0 0 0 3px #2f8bff26; }

/* Contact: a quiet blue glyph light behind the call to action, echoing the field. */
body .contact-section { position:relative; overflow:hidden; isolation:isolate; }
body .contact-section::before { content:""; position:absolute; z-index:-1; inset:auto -10% -60% 40%; height:120%; background:radial-gradient(closest-side,#1450ff2e,#0a2a9912 55%,#0000 75%); pointer-events:none; }

/* Footer */
body .site-footer { background:#000; border-top:1px solid var(--pm-edge); color:#7f8592; }
body .site-footer>a:not(.footer-brand) { color:#a5a8b0; }
body .footer-brand span { color:var(--cap-neon,#00b7ff); }

/* Shared arrival: every major panel resolves from blur once, like the showcase. */
.pm-arrive { opacity:0; filter:blur(10px); transform:translateY(14px); }
.pm-arrive.pm-in { opacity:1; filter:none; transform:none; transition:opacity 900ms var(--ease),filter 900ms var(--ease),transform 900ms var(--ease); }
@media (prefers-reduced-motion:reduce) { .pm-arrive { opacity:1; filter:none; transform:none; } }
body.motion-paused .pm-arrive { opacity:1; filter:none; transform:none; }

/* Browser surfaces */
::selection { color:#fff; background:#1f5fd6; }
html { scrollbar-color:#2a2d34 #000; }

/* Shape system, 14 October 2026: one radius scale for the whole page.
   Controls, segments and status badges are pills. Containers step down 24 → 16 → 12 → 8
   as they nest. Inputs are 10. Nothing else is allowed. */
:root { --r-stage:24px; --r-panel:16px; --r-card:12px; --r-tile:8px; --r-input:10px; --r-pill:999px; }

/* Pills: every button, segment group, segment, chip and status badge */
body :is(.primary-button,.journey-enter,.story-action,.journey-fault,.inspect-model,.journey-nav,.journey-nav button,.ws-header-actions button,
 .fault-button,.lens-list button,.answer-citations button,.aircraft-dialog-toolbar button,.inspection-actions button,.gear-toggle,.inspection-zoom button,
 .ws-nav button,.text-button,.power-inspect,.source-jump,.source-return,.action-link,.capability-selector summary,
 .view-switch,.view-switch button,.power-components,.power-components button,.prompt-selector,.prompt-selector button,
 .impact-records button>span.record-status,.source-top>span:last-child,.ws-status,.state,.cap-rail a,.cap-readout,.ask-cites button,
 .switch-symbol) { border-radius:var(--r-pill); }
body .power-components,body .prompt-selector,body .view-switch { padding:4px; gap:4px; }

/* Stage: the framed hero and the closing contact block */
body .experience-viewport,body .contact-section { border-radius:var(--r-stage); }

/* Panels: top-level surfaces */
body :is(.impact-workbench,.intelligence-demo,.workspace-app,.aircraft-dialog,.cap-screen,.board-stage,.guide-tabs button) { border-radius:var(--r-panel); }

/* Cards: surfaces nested one level inside a panel */
body :is(.dossier,.source-inspector,.conversation,.power-image-stage,.guide-depth,.guide-example>a,.questions-list details,.impact-records button,
 .ws-detail,.ws-panel,.ws-record-button,.inspection-controls,.assembly-readout,.aircraft-dialog .assembly-readout,
 .board-window,.ask-chat,.ask-record,.evidence-tiles) { border-radius:var(--r-card); }

/* Tiles: small marks inside cards */
body :is(.record-symbol,.component-focus,.part-marker,.audit-rows .who i) { border-radius:var(--r-tile); }

/* Inputs */
body main :is(input:not([type=range]):not([type=checkbox]):not([type=radio]),textarea,select),body .ws-search,body .audit-filter,body .inspection-controls select,body .ws-mobile-picker select { border-radius:var(--r-input); }
body .ws-search input { border-radius:0; }

/* Stragglers found by the computed-radius audit */
body .ws-link { border-radius:var(--r-card); background:var(--pm-raised); border-color:var(--pm-edge-2); }
body .ws-link:hover { background:var(--pm-raised-2); border-color:var(--pm-edge-3); }
body .skip { border-radius:var(--r-pill); }
body #workspace-dialog,body dialog:not(.site-menu) { border-radius:var(--r-panel); background:var(--pm-panel); border:1px solid var(--pm-edge-2); }

/* Hover system, 14 October 2026. The older stylesheets still carried navy hover
   fills (#101725, #13294a, #1b2c45...) under the graphite rest states, so hovering
   flashed the retired theme. Every control and card now hovers on the same material. */
body :is(.journey-nav button,.prompt-selector button,.power-components button,.answer-citations button,.ws-nav button,.lens-list button,.view-switch button,
 .experience-viewport .inspect-model,.power-inspect,.fault-button,.source-jump,.source-return,.action-link,.ws-header-actions button,.capability-selector summary,
 .inspection-actions button,.inspection-zoom button,.gear-toggle,.aircraft-dialog-toolbar button,.text-button,.experience-viewport .motion-control,.journey-fault,.story-action,.ask-cites button) {
 transition:background-color 200ms var(--ease),border-color 200ms var(--ease),color 200ms var(--ease),box-shadow 200ms var(--ease);
}
body :is(.journey-nav button,.prompt-selector button,.power-components button,.answer-citations button,.ws-nav button,.lens-list button,.view-switch button,
 .experience-viewport .inspect-model,.power-inspect,.fault-button,.source-jump,.source-return,.action-link,.ws-header-actions button,.capability-selector summary,
 .inspection-actions button,.inspection-zoom button,.gear-toggle,.aircraft-dialog-toolbar button,.text-button,.experience-viewport .motion-control,.journey-fault,.story-action,.ask-cites button):hover {
 background:var(--pm-raised-2); border-color:#ffffff3d; color:#fff; box-shadow:var(--pm-hi); transform:none;
}
/* Selected stays selected under the pointer. */
body main :is(.journey-nav button[aria-current="step"],.prompt-selector button[aria-pressed=true],.power-components button[aria-pressed=true],.power-components button.is-selected,.answer-citations button[aria-pressed=true],.ws-nav button[aria-selected=true],.ws-nav button[aria-pressed=true],.lens-list button[aria-selected=true]):hover { background:#202227; border-color:#ffffff47; color:#fff; }
body .is-fault .fault-button,body .fault-button[aria-pressed=true],body .journey-fault[aria-pressed=true] { background:#2a1600; border-color:var(--fault); color:#ffd2a0; }

/* Cards */
body :is(.guide-tabs button,.guide-example>a,.impact-records button,.ws-record-button,.ws-link,.questions-list details,.questions-list summary) { transition:background-color 220ms var(--ease),border-color 220ms var(--ease),box-shadow 220ms var(--ease); }
body :is(.guide-tabs button:not([aria-selected=true]),.guide-example>a,.impact-records button:not([aria-pressed=true]),.ws-record-button:not([aria-pressed=true]),.ws-link,.questions-list details:not([open])):hover { background:var(--pm-raised-2); border-color:#ffffff33; box-shadow:var(--pm-hi); transform:none; }
body .questions-list summary:hover,body .questions-list details summary { background:transparent; }
body .ws-record-button[aria-pressed=true]:hover,body .guide-tabs button[aria-selected=true]:hover { background:var(--pm-raised-2); border-color:#ffffff47; }
body .experience-viewport .inspect-model:hover:not(:disabled),body .power-inspect:hover:not(:disabled) { background:var(--pm-raised-2); border-color:#ffffff3d; color:#fff; }

/* Living logo: sphere lifts on hover; orbit motion is driven in capabilities.js. */
body .site-nav .brand .brand-sphere { transition:filter 400ms var(--ease); }
body .site-nav .brand:hover .brand-sphere,body .site-nav .brand:focus-visible .brand-sphere { filter:brightness(1.18) drop-shadow(0 0 18px #2f7bff99); }
/* The lockup layers are already keyed by tools/build-loader-lockup.py; the old single image needed the tonal filter, the layers must not get it twice. */
body .site-nav .brand image { filter:none; }