/* The neural first-screen mockup. Classes take the neural- prefix; the bar,
   the hero's type, sections and the footer come from ../page/page.css, and
   tokens from the terminal theme. */

/* The stage spans the viewport; the web fills it behind the hero column. */
.neural-stage{position:relative;overflow:hidden;isolation:isolate}
.neural-web{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.neural-hero{position:relative;z-index:1}
/* The words sit on a soft pool of the page color so the web never fights them; it fades out well inside the column. */
.neural-hero__text{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);text-align:center;padding:var(--space-10) var(--space-8);background:radial-gradient(ellipse 60% 55% at center,color-mix(in oklch,var(--surface-page) 86%,transparent) 0%,color-mix(in oklch,var(--surface-page) 60%,transparent) 55%,transparent 100%)}

/* The teams figure. */
.neural-teams{display:flex;flex-direction:column;gap:var(--space-8)}
.neural-figure{margin:0;padding:var(--space-8) var(--space-6)}
.neural-legend{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-6);margin:0;list-style:none;padding:0}
.neural-legend li{display:inline-flex;align-items:center;gap:var(--space-2)}
.neural-legend i{display:inline-block;width:10px;height:10px;border-radius:50%}
.neural-legend .is-foundation{background:var(--highlight)}
.neural-legend .is-team{background:var(--accent)}
.neural-legend .is-agent{background:var(--signal)}

/* The logo switcher, mockup only. */
.neural-switch{display:inline-flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;justify-content:center}
.neural-switch a{color:var(--text-muted);text-decoration:none;font-size:var(--text-sm)}
.neural-switch a[aria-current="true"]{color:var(--text-body);text-decoration:underline;text-underline-offset:0.25em}

/* Items align by baseline so lockup.js can set the mark's ink on the word's baseline. */
.page-nav__brand{align-items:baseline}