:root {
  --ink: #0a1733;
  --muted: #53627a;
  --paper: #f5f8fc;
  --white: #ffffff;
  --navy: #07152d;
  --navy-2: #0b2144;
  --cyan: #22d3ee;
  --cyan-deep: #057a93;
  --orange: #ff8a3d;
  --line: #d9e1eb;
  --max: 1180px;
  --radius: 18px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
section[id] { scroll-margin-top: 6.5rem; }
body {
  margin: 0;
  color: var(--ink);
  background: var(--paper);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 1rem;
  line-height: 1.6;
}
a { color: inherit; }
button { font: inherit; }
img { display: block; max-width: 100%; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.section-shell { width: min(calc(100% - 2rem), var(--max)); margin-inline: auto; }
.skip-link { position: fixed; left: 1rem; top: -5rem; z-index: 99; padding: .7rem 1rem; background: white; color: var(--ink); }
.skip-link:focus { top: 1rem; }
.site-header {
  width: min(calc(100% - 2rem), var(--max));
  margin: 1rem auto 0;
  min-height: 64px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
  padding: .8rem 1rem;
  background: rgba(255,255,255,.86);
  border: 1px solid rgba(217,225,235,.86);
  border-radius: 999px;
  position: sticky;
  top: 1rem;
  z-index: 20;
  backdrop-filter: blur(16px);
}
.brand { display: inline-flex; align-items: center; gap: .7rem; font-weight: 800; text-decoration: none; letter-spacing: -.02em; }
.brand-mark { width: 34px; height: 34px; border-radius: 50%; background: var(--navy); display: grid; place-items: center; position: relative; }
.brand-mark i { position: absolute; width: 5px; height: 5px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 12px var(--cyan); }
.brand-mark i:nth-child(1) { transform: translate(-8px, 4px); }
.brand-mark i:nth-child(2) { transform: translate(0, -7px); }
.brand-mark i:nth-child(3) { transform: translate(8px, 5px); }
.site-header nav { display: flex; align-items: center; gap: 1.1rem; font-size: .86rem; font-weight: 650; color: #34445e; }
.site-header nav a { text-decoration: none; }
.site-header nav a:hover, .site-header nav a:focus-visible { color: var(--cyan-deep); }
.menu-toggle { display: none; border: 0; background: transparent; color: var(--ink); font-weight: 750; cursor: pointer; }
.hero {
  width: min(calc(100% - 2rem), var(--max));
  margin: 0 auto;
  padding: clamp(2rem, 4vw, 3.6rem) 0 1.7rem;
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(360px, .75fr);
  gap: clamp(2rem, 6vw, 6rem);
  align-items: end;
}
.eyebrow, .panel-kicker, .stage-label { margin: 0 0 .7rem; color: var(--cyan-deep); font-size: .78rem; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; }
.hero h1 { margin: 0; max-width: 760px; font-size: clamp(3.5rem, 7vw, 6.1rem); line-height: .88; letter-spacing: -.075em; }
.hero-claim { max-width: 720px; margin: 1.15rem 0 0; color: var(--muted); font-size: clamp(1.08rem, 2vw, 1.3rem); line-height: 1.5; letter-spacing: -.015em; }
.hero-actions { display: flex; flex-wrap: wrap; gap: .75rem; margin: 1.2rem 0 1rem; }
.button { min-height: 46px; display: inline-flex; align-items: center; justify-content: center; padding: .65rem 1.1rem; border-radius: 9px; text-decoration: none; font-weight: 750; }
.button-primary { background: var(--ink); color: white; }
.button-primary:hover { background: var(--cyan-deep); }
.button-quiet { background: white; border: 1px solid var(--line); }
.authors { margin: 0; font-size: .9rem; font-weight: 700; }
.affiliation { margin: .15rem 0 0; color: var(--muted); font-size: .88rem; }
.hero-proof { display: grid; grid-template-columns: 1fr 1fr; gap: .65rem; }
.hero-proof article { min-height: 112px; padding: 1rem; background: white; border: 1px solid var(--line); border-radius: 14px; }
.hero-proof strong { display: block; font-size: clamp(1.55rem, 3vw, 2.25rem); line-height: 1; letter-spacing: -.05em; }
.hero-proof span { display: block; margin-top: .55rem; color: var(--muted); font-size: .76rem; line-height: 1.35; }
.signal-panel { color: white; background: var(--navy); border-radius: 24px; padding: clamp(1.2rem, 3vw, 2rem); box-shadow: 0 28px 80px rgba(7,21,45,.24); overflow: hidden; position: relative; }
.signal-panel::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 90% 0%, rgba(34,211,238,.18), transparent 34%), linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px); background-size: auto, 24px 24px, 24px 24px; pointer-events: none; }
.panel-head, .stage-tabs, .stage-body, .panel-controls { position: relative; }
.panel-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; }
.panel-kicker { color: var(--cyan); }
.panel-head h2 { margin: 0; font-size: 1.55rem; line-height: 1.2; }
.cycle-count { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; color: #91a5c2; font-size: .84rem; }
.stage-tabs { display: grid; grid-template-columns: repeat(5, 1fr); gap: .4rem; list-style: none; margin: 1.8rem 0 1rem; padding: 0; }
.stage-tab { width: 100%; min-height: 38px; padding: .35rem .25rem; color: #8fa5c4; background: transparent; border: 0; border-bottom: 2px solid #253a58; cursor: pointer; font-size: .72rem; font-weight: 800; }
.stage-tab:hover, .stage-tab:focus-visible { color: white; }
.stage-tab.is-active { color: var(--cyan); border-color: var(--cyan); }
.stage-body { min-height: 285px; padding-top: 1rem; outline: none; }
.stage-body:focus-visible { box-shadow: 0 0 0 3px rgba(34,211,238,.38); border-radius: 10px; }
.stage-copy h3 { margin: 0; font-size: 1.4rem; }
.stage-copy > p:last-child { margin: .55rem 0 1rem; max-width: 54ch; color: #b9c6d8; font-size: .92rem; }
.stage-label { color: var(--orange); }
.prompt-card { padding: 1rem; background: var(--navy-2); border: 1px solid #284568; border-radius: 12px; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .8rem; }
.prompt-card p { margin: 0 0 .65rem; }
.prompt-muted { color: var(--cyan); }
.prompt-card mark { padding: .08rem .18rem; color: #07152d; background: var(--cyan); border-radius: 3px; }
.redacted { padding: .55rem .7rem; background: rgba(255,138,61,.1); border-left: 2px solid var(--orange); color: #ffd6bd; }
.signal-readout { display: flex; justify-content: space-between; gap: 1rem; padding-top: .7rem; border-top: 1px solid #2c4664; color: #95a9c4; }
.signal-readout strong { color: white; text-align: right; }
.panel-controls { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding-top: .8rem; border-top: 1px solid #243b5a; }
.panel-controls p { margin: 0; color: #8299b8; font-size: .75rem; }
.icon-button { width: 42px; height: 42px; border-radius: 50%; border: 1px solid #315174; color: white; background: transparent; cursor: pointer; }
.icon-button:hover, .icon-button:focus-visible { color: var(--navy); background: var(--cyan); border-color: var(--cyan); }
.metric-strip { width: min(calc(100% - 2rem), var(--max)); margin: 0 auto; padding: 1.1rem; display: grid; grid-template-columns: repeat(4, 1fr); background: white; border: 1px solid var(--line); border-radius: var(--radius); }
.metric-strip article { padding: .5rem 1.2rem; border-right: 1px solid var(--line); }
.metric-strip article:last-child { border-right: 0; }
.metric-strip strong { display: block; font-size: clamp(1.5rem, 2.5vw, 2.2rem); letter-spacing: -.04em; }
.metric-strip span { color: var(--muted); font-size: .82rem; }
.section-heading { margin-bottom: 2.2rem; }
.section-heading h2 { margin: 0; max-width: 780px; font-size: clamp(2.15rem, 4vw, 4rem); line-height: 1.05; letter-spacing: -.052em; }
.split-heading { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(260px, .55fr); gap: 3rem; align-items: end; }
.split-heading > p, .method-heading > p, .compact-heading > p { margin: 0; color: var(--muted); }
.problem-section { padding: clamp(6rem, 10vw, 9rem) 0; }
.comparison-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.comparison-card { min-height: 320px; padding: clamp(1.35rem, 3vw, 2.2rem); border-radius: var(--radius); }
.comparison-card h3 { max-width: 480px; margin: .3rem 0 1.7rem; font-size: clamp(1.6rem, 3vw, 2.45rem); line-height: 1.08; letter-spacing: -.04em; }
.comparison-card > p:last-child { max-width: 58ch; margin: 1.7rem 0 0; }
.muted-card { background: #e9eef5; border: 1px solid #d8e0ea; }
.muted-card > p:last-child { color: var(--muted); }
.signal-card { background: var(--navy); color: white; }
.signal-card .card-index { color: var(--cyan); }
.signal-card > p:last-child { color: #b7c5d8; }
.card-index { color: #6b7890; font-size: .74rem; font-weight: 850; letter-spacing: .11em; }
.binary-track, .continuous-track { display: flex; align-items: flex-end; gap: .7rem; height: 80px; }
.binary-track i { flex: 1; height: 6px; background: #a7b2c2; border-radius: 999px; }
.continuous-track i { flex: 1; height: var(--score); min-height: 8px; background: linear-gradient(180deg, var(--orange), var(--cyan)); border-radius: 5px 5px 2px 2px; box-shadow: 0 0 20px rgba(34,211,238,.16); }
.method-section { padding: clamp(6rem, 10vw, 9rem) 0; background: white; border-block: 1px solid var(--line); }
.method-heading { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(260px, .6fr); gap: 3rem; align-items: end; }
.paper-figure { max-width: 1060px; margin: 0 auto; padding: clamp(.6rem, 2vw, 1.15rem); background: #f1f5f9; border: 1px solid var(--line); border-radius: 20px; }
.figure-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .25rem .35rem .85rem; }
.figure-toolbar > div:first-child { display: grid; }
.figure-toolbar span, .figure-controls label { color: var(--muted); font-size: .68rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.figure-toolbar strong { font-size: .95rem; }
.figure-controls { display: flex; align-items: center; gap: .6rem; }
.figure-controls input { width: 120px; accent-color: var(--cyan-deep); }
.figure-controls output { min-width: 3rem; color: var(--ink); font: 750 .76rem ui-monospace, monospace; }
.figure-viewport { overflow: auto; background: white; border: 1px solid var(--line); border-radius: 12px; outline: none; }
.figure-viewport:focus-visible { box-shadow: 0 0 0 3px rgba(5,122,147,.25); }
.figure-viewport img { width: calc(100% * var(--figure-scale, 1)); max-width: none; height: auto; border-radius: 0; }
.paper-figure figcaption { padding: .8rem .35rem 0; color: var(--muted); font-size: .8rem; }
.paper-figure figcaption strong { color: var(--ink); }
.method-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin-top: 1rem; }
.method-cards article { padding: 1.5rem; background: var(--paper); border: 1px solid var(--line); border-radius: 14px; }
.method-cards span { color: var(--orange); font-family: ui-monospace, monospace; font-size: .78rem; font-weight: 800; }
.method-cards h3 { margin: .7rem 0 .35rem; font-size: 1.06rem; }
.method-cards p { margin: 0; color: var(--muted); font-size: .9rem; }
.explainer-section { padding: clamp(6rem, 10vw, 9rem) 0; }
.explainer-layout { display: grid; grid-template-columns: minmax(0, .8fr) minmax(430px, 1.2fr); gap: clamp(2rem, 7vw, 6rem); align-items: center; }
.compact-heading { margin: 0; }
.compact-heading h2 { margin-bottom: 1rem; }
.formula-card { padding: clamp(1.4rem, 4vw, 2.5rem); color: white; background: var(--navy); border-radius: 20px; box-shadow: 0 24px 70px rgba(7,21,45,.16); }
.formula { margin: 0 0 2rem; color: var(--cyan); font: 700 clamp(1.15rem, 2.6vw, 2rem)/1.4 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: -.03em; }
.formula-card label { display: block; margin-bottom: .8rem; color: #c7d2e0; font-size: .88rem; }
.formula-card input { width: 100%; accent-color: var(--orange); }
.formula-values { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-top: 1rem; }
.formula-values span { padding: .8rem; color: #9fb0c7; background: var(--navy-2); border: 1px solid #294667; border-radius: 10px; font-size: .82rem; }
.formula-values strong { display: block; color: white; font: 800 1.55rem ui-monospace, monospace; }
#alarm-explanation { margin: 1rem 0 0; color: #8fa2bd; font-size: .76rem; }
.results-section { padding: clamp(6rem, 10vw, 9rem) 0; color: white; background: var(--navy); }
.inverse-heading > p { color: #adbed2; }
.inverse-heading .eyebrow { color: var(--cyan); }
.result-tabs { display: flex; flex-wrap: wrap; gap: .55rem; margin-bottom: 1rem; }
.result-tabs button { min-height: 44px; padding: .62rem 1rem; color: #9fb2c9; background: transparent; border: 1px solid #2c496a; border-radius: 999px; cursor: pointer; font-weight: 750; }
.result-tabs button:hover, .result-tabs button:focus-visible { color: white; border-color: #6481a2; }
.result-tabs button[aria-selected="true"] { color: var(--navy); background: var(--cyan); border-color: var(--cyan); }
.results-browser { padding: clamp(1rem, 3vw, 2rem); background: #0a1b36; border: 1px solid #263f5d; border-radius: 20px; }
.results-toolbar { display: flex; flex-wrap: wrap; gap: 1rem; align-items: end; }
.control-group { display: grid; gap: .4rem; }
.control-group label, .control-label { color: #90a4bd; font-size: .76rem; font-weight: 750; }
.control-group select { min-height: 43px; min-width: 245px; padding: .55rem 2.2rem .55rem .8rem; color: white; background: #102746; border: 1px solid #355476; border-radius: 8px; }
.segmented-control { display: inline-flex; gap: .25rem; padding: .25rem; background: #102746; border: 1px solid #355476; border-radius: 10px; }
.segmented-control button { min-height: 34px; padding: .35rem .75rem; color: #a7b8cc; background: transparent; border: 0; border-radius: 7px; cursor: pointer; font-weight: 750; }
.segmented-control button.is-active { color: var(--navy); background: white; }
.results-summary { display: flex; flex-wrap: wrap; gap: 1rem; margin: 1.4rem 0 1rem; }
.summary-pill { padding: .55rem .8rem; background: #102746; border-radius: 8px; color: #a9bad0; font-size: .8rem; }
.summary-pill strong { color: white; }
.chart { display: grid; gap: .7rem; min-height: 320px; padding: 1rem 0; }
.bar-row { display: grid; grid-template-columns: minmax(135px, 190px) minmax(160px, 1fr) 62px; gap: .85rem; align-items: center; }
.bar-row-label { color: #c7d3e2; font-size: .82rem; overflow-wrap: anywhere; }
.bar-track { height: 16px; background: #142b49; border-radius: 999px; overflow: hidden; }
.bar-fill { height: 100%; width: var(--width); min-width: 2px; background: #59738f; border-radius: inherit; transition: width .35s ease; }
.bar-row.is-neuronfuzz .bar-fill, .bar-fill.is-asr { background: var(--cyan); }
.bar-row.is-neuronfuzz .bar-row-label { color: white; font-weight: 850; }
.bar-fill.is-easr { background: var(--orange); }
.bar-value { text-align: right; color: white; font: 750 .8rem ui-monospace, monospace; }
.paired-bars { display: grid; gap: 4px; }
.paired-bars .bar-track { height: 8px; }
.table-wrap { overflow-x: auto; border: 1px solid #284361; border-radius: 12px; }
table { width: 100%; border-collapse: collapse; font-size: .82rem; }
th, td { padding: .75rem .9rem; text-align: left; border-bottom: 1px solid #233b59; white-space: nowrap; }
th { color: #94aac4; background: #102541; font-weight: 750; }
td { color: #c3d0df; }
tbody tr:last-child td { border-bottom: 0; }
tbody tr.highlight-row td { color: white; background: rgba(34,211,238,.06); font-weight: 750; }
.results-note { margin: .8rem 0 0; color: #7f94ae; font-size: .72rem; }
.evidence-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-top: 1rem; }
.evidence-card { margin: 0; padding: 1rem; background: white; border-radius: 16px; }
.evidence-card img { width: 100%; max-height: 460px; object-fit: contain; }
.evidence-card figcaption { padding: .9rem .2rem .2rem; color: var(--muted); font-size: .82rem; }
.evidence-card figcaption strong { display: block; color: var(--ink); font-size: .92rem; }
.safety-section { padding: clamp(6rem, 10vw, 9rem) 0; }
.detection-band { display: grid; grid-template-columns: repeat(4, 1fr); gap: .8rem; }
.detection-band article { padding: 1.25rem; background: white; border: 1px solid var(--line); border-radius: 14px; }
.detection-band span { color: var(--muted); font-size: .78rem; font-weight: 750; }
.detection-band strong { display: block; margin: .25rem 0; font-size: clamp(1.8rem, 3vw, 2.65rem); letter-spacing: -.04em; }
.detection-band p { margin: 0; color: var(--muted); font-size: .78rem; }
.defense-card { display: grid; grid-template-columns: minmax(260px, .55fr) minmax(0, 1.45fr); gap: 2rem; margin-top: 1rem; padding: clamp(1.35rem, 3vw, 2.2rem); background: white; border: 1px solid var(--line); border-radius: var(--radius); }
.defense-card h3 { margin: .35rem 0 .8rem; font-size: 1.55rem; line-height: 1.15; letter-spacing: -.035em; }
.defense-copy > p:not(.card-index) { color: var(--muted); font-size: .9rem; }
.legend { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1.3rem; color: var(--muted); font-size: .72rem; }
.legend span { display: inline-flex; align-items: center; gap: .35rem; }
.legend i { width: 10px; height: 10px; border-radius: 2px; }
.legend-none { background: #b7c1ce; }
.legend-perplexity { background: var(--cyan-deep); }
.legend-smooth { background: var(--orange); }
.defense-chart { display: grid; gap: .8rem; align-content: center; }
.defense-row { display: grid; grid-template-columns: minmax(120px, 175px) 1fr; gap: .8rem; align-items: center; }
.defense-row > span { color: var(--muted); font-size: .76rem; overflow-wrap: anywhere; }
.defense-bars { display: grid; gap: 4px; }
.defense-bar { height: 7px; width: var(--width); border-radius: 999px; }
.defense-bar.none { background: #b7c1ce; }
.defense-bar.perplexity { background: var(--cyan-deep); }
.defense-bar.smooth { background: var(--orange); }
.responsible-use { margin-top: 1rem; padding: clamp(1.5rem, 4vw, 2.5rem); color: white; background: var(--navy); border-radius: var(--radius); }
.responsible-use .eyebrow { color: var(--orange); }
.responsible-use h3 { margin: 0; font-size: 1.7rem; }
.responsible-use p:last-child { max-width: 820px; margin-bottom: 0; color: #b5c4d6; }
.paper-section { padding: clamp(5rem, 9vw, 8rem) 0; background: white; border-block: 1px solid var(--line); }
.paper-layout { display: grid; grid-template-columns: minmax(260px, .55fr) minmax(0, 1.45fr); gap: clamp(2rem, 7vw, 6rem); }
.paper-layout h2 { margin: 0; font-size: clamp(2rem, 4vw, 3.5rem); line-height: 1.08; letter-spacing: -.05em; }
.abstract-copy { color: #3d4d64; font-size: 1.02rem; }
.abstract-copy p:first-child { margin-top: 0; }
.citation-section { padding: clamp(5rem, 9vw, 8rem) 0; }
.citation-card { position: relative; color: #d5e1ef; background: var(--navy); border-radius: var(--radius); overflow: hidden; }
.citation-card pre { margin: 0; padding: 2rem; overflow-x: auto; }
.citation-card code { font: .82rem/1.75 ui-monospace, SFMono-Regular, Menlo, monospace; }
.copy-button { position: absolute; right: 1rem; top: 1rem; min-height: 38px; padding: .45rem .75rem; color: var(--navy); background: var(--cyan); border: 0; border-radius: 8px; cursor: pointer; font-weight: 800; }
.site-footer { width: min(calc(100% - 2rem), var(--max)); margin: 0 auto; padding: 2rem 0 3.5rem; display: grid; grid-template-columns: 1fr 1.5fr; gap: 2rem; color: var(--muted); border-top: 1px solid var(--line); font-size: .8rem; }
.site-footer strong { color: var(--ink); }
.site-footer p { margin: .25rem 0 0; }
.site-footer a { color: var(--cyan-deep); }

/* Interactive product lab */
.lab-section { padding: .5rem 0 clamp(6rem, 10vw, 9rem); }
.lab-heading { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr); gap: 3rem; align-items: end; margin-bottom: 1.25rem; }
.lab-heading h2 { margin: 0; font-size: clamp(2.2rem, 4vw, 3.55rem); line-height: 1; letter-spacing: -.055em; }
.lab-heading > p { margin: 0; color: var(--muted); }
.demo-notice { display: flex; align-items: center; flex-wrap: wrap; gap: .55rem; margin-bottom: .75rem; padding: .65rem .85rem; color: #40516a; background: #e8f6f8; border: 1px solid #bfdee3; border-radius: 10px; font-size: .76rem; }
.demo-notice strong { color: #075b6c; }
.status-dot { width: 8px; height: 8px; background: #11a579; border-radius: 50%; box-shadow: 0 0 0 4px rgba(17,165,121,.12); }
.lab-console { color: #e7edf6; background: #061226; border: 1px solid #183659; border-radius: 22px; overflow: hidden; box-shadow: 0 30px 90px rgba(5,18,38,.22); }
.console-toolbar { min-height: 72px; display: grid; grid-template-columns: minmax(150px, 1fr) minmax(220px, 1.2fr) auto auto auto; gap: .75rem; align-items: center; padding: .75rem 1rem; background: #091a33; border-bottom: 1px solid #203b5c; }
.run-identity { display: grid; gap: .15rem; }
.run-identity strong { font: 760 .82rem ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .05em; }
.run-state { color: #70e5b7; font: 800 .65rem ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .12em; }
.run-state i { display: inline-block; width: 7px; height: 7px; margin-right: .45rem; background: currentColor; border-radius: 50%; box-shadow: 0 0 12px currentColor; }
.console-config { display: grid; gap: .25rem; }
.console-config label, .iteration-readout span { color: #8298b5; font-size: .65rem; font-weight: 750; letter-spacing: .06em; text-transform: uppercase; }
.console-config select { min-height: 38px; padding: .35rem 2rem .35rem .65rem; color: white; background: #102541; border: 1px solid #315173; border-radius: 7px; font-size: .78rem; }
.iteration-readout { min-width: 74px; display: grid; }
.iteration-readout strong { font: 800 .9rem ui-monospace, monospace; }
.console-button { min-height: 40px; padding: .5rem .8rem; border-radius: 8px; cursor: pointer; font-size: .76rem; font-weight: 800; white-space: nowrap; }
.console-button.secondary { color: #b6c4d8; background: transparent; border: 1px solid #315173; }
.console-button.primary { color: #031426; background: var(--cyan); border: 1px solid var(--cyan); }
.console-button:hover, .console-button:focus-visible { transform: translateY(-1px); filter: brightness(1.08); }
.console-button:disabled { cursor: not-allowed; opacity: .5; transform: none; }
.pipeline-tabs { display: grid; grid-template-columns: repeat(5, 1fr); background: #08172d; border-bottom: 1px solid #203b5c; }
.pipeline-tabs button { min-height: 50px; padding: .55rem .7rem; color: #7990ad; background: transparent; border: 0; border-right: 1px solid #203b5c; cursor: pointer; font-size: .72rem; font-weight: 800; text-align: left; }
.pipeline-tabs button:last-child { border-right: 0; }
.pipeline-tabs button span { margin-right: .35rem; color: #4d6583; font-family: ui-monospace, monospace; }
.pipeline-tabs button:hover, .pipeline-tabs button:focus-visible { color: white; background: #0d213d; }
.pipeline-tabs button[aria-selected="true"] { color: white; background: #102946; box-shadow: inset 0 -2px var(--cyan); }
.pipeline-tabs button[aria-selected="true"] span { color: var(--cyan); }
.stage-explanation { display: grid; grid-template-columns: minmax(220px, .7fr) minmax(300px, 1.3fr) auto; gap: 1.25rem; align-items: center; min-height: 78px; padding: .8rem 1rem; background: #0b1f3a; border-bottom: 1px solid #203b5c; }
.stage-explanation > div:first-child { display: grid; }
.stage-explanation span { color: var(--cyan); font: 750 .63rem ui-monospace, monospace; letter-spacing: .08em; }
.stage-explanation strong { margin-top: .15rem; color: white; font-size: .9rem; }
.stage-explanation p { margin: 0; color: #9db0c8; font-size: .76rem; line-height: 1.45; }
.stage-facts { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: .35rem; }
.stage-facts span { padding: .28rem .42rem; color: #b9c8d9; background: #132d4b; border: 1px solid #294968; border-radius: 5px; font-size: .6rem; letter-spacing: 0; }
.workbench-grid { display: grid; grid-template-columns: minmax(260px, .8fr) minmax(380px, 1.25fr) minmax(290px, .95fr); gap: 1px; background: #203b5c; }
.workbench-panel { min-width: 0; min-height: 590px; padding: 1rem; background: #08172d; transition: background .2s ease, box-shadow .2s ease; }
.lab-console[data-focus="scheduler"] [data-panel~="scheduler"], .lab-console[data-focus="gradient"] [data-panel~="gradient"], .lab-console[data-focus="mutation"] [data-panel~="mutation"], .lab-console[data-focus="prefill"] [data-panel~="prefill"], .lab-console[data-focus="feedback"] [data-panel~="feedback"] { background: #0a1d37; box-shadow: inset 0 3px rgba(34,211,238,.3); }
.workbench-title { display: flex; align-items: flex-start; justify-content: space-between; gap: .75rem; margin-bottom: .85rem; }
.workbench-title > div:first-child { display: grid; }
.workbench-title span, .candidate-head span, .activation-head span { color: #6f87a5; font: 750 .62rem ui-monospace, monospace; letter-spacing: .09em; }
.workbench-title h3 { margin: .15rem 0 0; font-size: .95rem; }
.tiny-legend { color: #6f87a5; font-size: .62rem; }
.tiny-legend i { display: inline-block; width: 7px; height: 7px; margin-right: .3rem; background: var(--cyan); border-radius: 50%; }
.paper-badge, .prefill-chip { padding: .25rem .4rem; color: #86dcec; background: rgba(34,211,238,.08); border: 1px solid rgba(34,211,238,.22); border-radius: 5px; font-size: .6rem; font-weight: 750; }
.mcts-canvas { position: relative; min-width: 250px; height: 330px; overflow: hidden; background: radial-gradient(circle at 50% 15%, rgba(34,211,238,.08), transparent 42%), linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px); background-size: auto, 20px 20px, 20px 20px; border: 1px solid #1e3a5a; border-radius: 10px; }
.mcts-lines { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.mcts-lines line { stroke: #31516f; stroke-width: 1.2; }
.mcts-node { --node-color: #66809e; position: absolute; width: 55px; min-height: 44px; padding: .28rem .18rem; transform: translate(-50%, -50%); overflow: hidden; color: #dbe7f5; background: #102946; border: 1px solid var(--node-color); border-radius: 7px; cursor: pointer; text-align: center; text-overflow: ellipsis; white-space: nowrap; font: 700 .53rem/1.2 ui-monospace, monospace; }
.mcts-node::before { content: ""; display: block; width: 7px; height: 7px; margin: 0 auto .22rem; background: var(--node-color); border-radius: 50%; box-shadow: 0 0 10px var(--node-color); }
.mcts-node small { display: block; margin-top: .16rem; color: #8399b4; font-size: .52rem; }
.mcts-node:hover, .mcts-node:focus-visible, .mcts-node.is-selected { color: white; background: #173755; box-shadow: 0 0 0 2px rgba(34,211,238,.22); }
.mcts-node.is-selected { --node-color: var(--cyan); }
.mcts-node.is-new { animation: node-arrive .5s ease-out both; }
.node-inspector { min-height: 154px; margin-top: .75rem; padding: .75rem; background: #0d223e; border: 1px solid #21405f; border-radius: 8px; }
.node-inspector-head { display: flex; justify-content: space-between; gap: .5rem; color: white; font-size: .75rem; }
.node-inspector-head span { color: var(--cyan); font-family: ui-monospace, monospace; }
.node-metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: .35rem; margin-top: .65rem; }
.node-metrics span { padding: .45rem; color: #8298b4; background: #091a30; border-radius: 5px; font-size: .55rem; }
.node-metrics strong { display: block; color: white; font: 760 .75rem ui-monospace, monospace; }
.node-inspector p { margin: .6rem 0 0; color: #849ab6; font-size: .65rem; line-height: 1.45; }
.sanitized-input { padding: .75rem; background: #0d223e; border: 1px solid #21405f; border-radius: 9px; }
.input-meta { display: flex; justify-content: space-between; gap: .5rem; margin-bottom: .55rem; color: #8197b3; font-size: .62rem; }
.input-meta strong { color: #70e5b7; }
.token-strip { display: flex; flex-wrap: wrap; gap: .28rem; align-items: flex-end; }
.gradient-token { --heat: .1; position: relative; min-height: 34px; padding: .45rem .35rem .3rem; color: #d8e4f2; background: rgba(34,211,238,calc(.04 + var(--heat) * .22)); border: 1px solid rgba(34,211,238,calc(.12 + var(--heat) * .7)); border-radius: 5px; cursor: pointer; font: 650 .64rem ui-monospace, monospace; }
.gradient-token::after { content: ""; position: absolute; left: 2px; right: 2px; bottom: 1px; height: 2px; background: linear-gradient(90deg, var(--cyan) calc(var(--heat) * 100%), transparent 0); }
.gradient-token.is-top { color: #07152d; background: color-mix(in srgb, var(--orange) calc(var(--heat) * 70%), #dce7ef); border-color: var(--orange); }
.gradient-token.is-inspected { outline: 2px solid white; outline-offset: 1px; }
.payload-lock { margin-top: .55rem; padding: .48rem .55rem; color: #ffc8a6; background: rgba(255,138,61,.08); border-left: 2px solid var(--orange); font: 650 .61rem ui-monospace, monospace; }
.payload-lock strong { float: right; color: #70e5b7; font-size: .55rem; }
.gradient-inspector { min-height: 42px; display: flex; align-items: center; justify-content: space-between; gap: .5rem; padding: .55rem .7rem; color: #8da3bd; border-bottom: 1px solid #203b5c; font-size: .62rem; }
.gradient-inspector strong { color: white; font-family: ui-monospace, monospace; }
.gradient-inspector b { color: var(--orange); }
.candidate-head { display: flex; align-items: end; justify-content: space-between; gap: .75rem; margin: .8rem 0 .5rem; }
.candidate-head > div { display: grid; }
.candidate-head strong { font-size: .8rem; }
.candidate-head p { margin: 0; color: #7f95b1; font-size: .58rem; }
.candidate-head b { color: white; }
.candidate-list { display: grid; grid-template-columns: 1fr 1fr; gap: .35rem; }
.candidate { min-width: 0; display: grid; grid-template-columns: auto 1fr auto; gap: .4rem; align-items: center; min-height: 44px; padding: .4rem .5rem; color: #aebed0; background: #0c213c; border: 1px solid #203f60; border-radius: 6px; cursor: pointer; text-align: left; }
.candidate:hover, .candidate:focus-visible { border-color: #4a6e91; }
.candidate.is-selected { color: white; background: #12304d; border-color: var(--cyan); box-shadow: inset 2px 0 var(--cyan); }
.candidate-code { color: #69829e; font: 700 .55rem ui-monospace, monospace; }
.candidate-copy { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .62rem; }
.candidate-score { color: var(--cyan); font: 750 .62rem ui-monospace, monospace; }
.alarm-dashboard { display: grid; grid-template-columns: 154px 1fr; gap: .75rem; align-items: center; }
.alarm-ring { --alarm-angle: 147.6deg; width: 146px; aspect-ratio: 1; display: grid; place-content: center; justify-items: center; margin: .25rem auto; background: radial-gradient(circle, #0b1f39 59%, transparent 60%), conic-gradient(var(--orange) 0 var(--alarm-angle), #183553 var(--alarm-angle) 360deg); border-radius: 50%; box-shadow: inset 0 0 0 1px #294764, 0 0 30px rgba(255,138,61,.08); }
.alarm-ring span { color: #8da1ba; font: 700 .62rem ui-monospace, monospace; }
.alarm-ring strong { color: white; font: 800 2rem ui-monospace, monospace; letter-spacing: -.06em; }
.alarm-ring small { color: #6f87a5; font-size: .52rem; }
.reward-stack { display: grid; grid-template-columns: 1fr auto; gap: .35rem .55rem; align-items: baseline; }
.reward-stack span { color: #7e94af; font-size: .6rem; }
.reward-stack strong { color: white; font: 750 .75rem ui-monospace, monospace; }
.reward-stack .positive { color: #70e5b7; }
.activation-head { display: flex; justify-content: space-between; gap: .5rem; margin: .85rem 0 .45rem; }
.activation-head strong { color: #9db0c7; font-size: .58rem; }
.activation-map { display: grid; grid-template-columns: 30px repeat(8, 1fr); gap: 3px; }
.activation-label { display: grid; place-items: center; color: #627b99; font: 650 .5rem ui-monospace, monospace; }
.activation-cell { --value: .5; aspect-ratio: 1; min-width: 0; background: color-mix(in srgb, var(--cyan) calc(var(--value) * 78%), #112a46); border: 1px solid rgba(255,255,255,.06); border-radius: 2px; cursor: pointer; }
.activation-cell.negative { background: color-mix(in srgb, var(--orange) calc(var(--value) * 75%), #112a46); }
.activation-cell:hover, .activation-cell:focus-visible, .activation-cell.is-selected { outline: 2px solid white; outline-offset: 1px; }
.neuron-detail { min-height: 48px; margin-top: .55rem; padding: .5rem .6rem; color: #8ea3bd; background: #0d223d; border-radius: 6px; font-size: .58rem; line-height: 1.4; }
.neuron-detail strong { color: white; font-family: ui-monospace, monospace; }
.event-log { margin-top: .7rem; padding-top: .55rem; border-top: 1px solid #1d3958; }
.event-log p { display: grid; grid-template-columns: 60px 1fr; gap: .45rem; margin: .26rem 0; color: #7189a6; font-size: .56rem; }
.event-log time { color: #4f6a89; font-family: ui-monospace, monospace; }
.event-log p:last-child span { color: #9fb4cb; }
.console-footer { min-height: 56px; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .7rem 1rem; background: #091a32; border-top: 1px solid #203b5c; }
.cycle-path { display: flex; align-items: center; flex-wrap: wrap; gap: .35rem; color: #7189a6; font-size: .61rem; }
.cycle-path span, .cycle-path strong { padding: .22rem .35rem; background: #102844; border-radius: 4px; }
.cycle-path strong { color: var(--cyan); }
.cycle-path i { color: #45617f; font-style: normal; }
.console-footer p { max-width: 330px; margin: 0; color: #859bb6; font-size: .62rem; text-align: right; }
@keyframes node-arrive { from { opacity: 0; transform: translate(-50%, -50%) scale(.65); } to { opacity: 1; transform: translate(-50%, -50%) scale(1); } }

@media (max-width: 980px) {
  .menu-toggle { display: inline-block; }
  .site-header { border-radius: 20px; flex-wrap: wrap; }
  .site-header nav { display: none; flex-basis: 100%; flex-direction: column; align-items: stretch; gap: 0; padding: .4rem .2rem .2rem; }
  .site-header nav.is-open { display: flex; }
  .site-header nav a { padding: .6rem; border-top: 1px solid var(--line); }
  .hero { grid-template-columns: 1fr; padding-top: 4rem; }
  .signal-panel { max-width: 720px; }
  .split-heading, .method-heading, .explainer-layout, .paper-layout, .lab-heading { grid-template-columns: 1fr; gap: 1.4rem; }
  .method-cards { grid-template-columns: 1fr; }
  .detection-band { grid-template-columns: 1fr 1fr; }
  .defense-card { grid-template-columns: 1fr; }
  .console-toolbar { grid-template-columns: 1fr 1fr auto; }
  .run-identity { grid-row: span 2; }
  .console-config { grid-column: 2 / 4; }
  .workbench-grid { grid-template-columns: 1fr 1fr; }
  .tree-panel { grid-column: 1 / -1; min-height: 510px; }
  .mcts-canvas { height: 310px; }
  .stage-explanation { grid-template-columns: 1fr 1.4fr; }
  .stage-facts { grid-column: 1 / -1; justify-content: flex-start; }
}
@media (max-width: 680px) {
  .hero { width: min(calc(100% - 1.25rem), var(--max)); }
  .metric-strip { width: min(calc(100% - 1.25rem), var(--max)); grid-template-columns: 1fr 1fr; }
  .metric-strip article:nth-child(2) { border-right: 0; }
  .metric-strip article:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .stage-tab { font-size: .64rem; }
  .stage-body { min-height: 330px; }
  .signal-readout { flex-direction: column; }
  .signal-readout strong { text-align: left; }
  .comparison-grid, .evidence-grid, .detection-band { grid-template-columns: 1fr; }
  .bar-row { grid-template-columns: 105px minmax(100px, 1fr) 48px; gap: .5rem; }
  .control-group, .control-group select { width: 100%; min-width: 0; }
  .formula-values { grid-template-columns: 1fr; }
  .defense-row { grid-template-columns: 105px 1fr; }
  .citation-card pre { padding: 4.6rem 1rem 1.5rem; }
  .site-footer { grid-template-columns: 1fr; }
  .hero-proof { grid-template-columns: 1fr 1fr; }
  .hero-proof article { min-height: 100px; }
  .lab-section .section-shell { width: min(calc(100% - 1.25rem), var(--max)); }
  .console-toolbar { grid-template-columns: 1fr 1fr; }
  .run-identity { grid-column: 1 / -1; grid-row: auto; }
  .console-config { grid-column: 1 / -1; }
  .iteration-readout { grid-column: 1 / -1; }
  .console-button { width: 100%; }
  .pipeline-tabs { display: flex; overflow-x: auto; }
  .pipeline-tabs button { flex: 0 0 auto; min-width: 132px; }
  .stage-explanation { grid-template-columns: 1fr; }
  .stage-facts { grid-column: auto; }
  .workbench-grid { display: block; background: transparent; }
  .workbench-panel { min-height: 0; border-bottom: 1px solid #203b5c; }
  .mcts-canvas { height: 320px; overflow-x: auto; }
  .candidate-list { grid-template-columns: 1fr; }
  .alarm-dashboard { grid-template-columns: 140px 1fr; }
  .alarm-ring { width: 132px; }
  .console-footer { align-items: flex-start; flex-direction: column; }
  .console-footer p { max-width: none; text-align: left; }
  .figure-toolbar { align-items: flex-start; flex-direction: column; }
  .figure-controls { width: 100%; }
  .figure-controls input { flex: 1; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}

/* Five-stage product workbench */
.hero { padding-top: clamp(1.6rem, 3vw, 2.6rem); padding-bottom: 1.35rem; }
.hero h1 { font-size: clamp(3.2rem, 6vw, 5.4rem); }
.hero-claim { margin-top: .8rem; }
.hero-actions { margin-block: .95rem .75rem; }
.lab-section { padding-top: .25rem; }
.lab-console { overflow: hidden; color: #e9f1fb; background: #07162c; border: 1px solid #1f3d5f; border-radius: 18px; box-shadow: 0 30px 80px rgba(7, 21, 45, .2); }
.console-toolbar { display: grid; grid-template-columns: minmax(190px, 1fr) auto auto auto; gap: .85rem; align-items: center; padding: .85rem 1rem; background: #091a32; border-bottom: 1px solid #203b5c; }
.run-identity { display: flex; align-items: center; gap: .7rem; }
.run-identity strong { font: 760 .78rem ui-monospace, monospace; }
.run-state { display: inline-flex; align-items: center; gap: .35rem; color: #77e7bb; font: 800 .64rem ui-monospace, monospace; }
.run-state i { width: 7px; height: 7px; background: #77e7bb; border-radius: 50%; box-shadow: 0 0 10px #77e7bb; }
.console-config { display: flex; align-items: center; gap: .5rem; }
.console-config label, .iteration-readout span { color: #7f95b1; font-size: .72rem; }
.console-config select, .surface-head select, .instrument-controls select { min-height: 38px; padding: .4rem 2rem .4rem .65rem; color: white; background: #102846; border: 1px solid #315173; border-radius: 7px; }
.iteration-readout { min-width: 76px; display: grid; }
.iteration-readout strong { color: white; font: 800 .9rem ui-monospace, monospace; }
.console-button { min-height: 42px; padding: .55rem .85rem; border-radius: 8px; cursor: pointer; font-size: .78rem; font-weight: 800; white-space: nowrap; }
.console-button.secondary { color: #c0ccdc; background: transparent; border: 1px solid #315173; }
.console-button.primary { color: #031426; background: var(--cyan); border: 1px solid var(--cyan); }
.console-button:hover, .console-button:focus-visible { filter: brightness(1.12); }
.console-button:disabled { cursor: not-allowed; opacity: .45; }

.loop-shell { position: relative; height: 250px; padding: 1rem; overflow: hidden; background: radial-gradient(circle at 50% 42%, rgba(34,211,238,.09), transparent 42%), linear-gradient(rgba(255,255,255,.02) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.02) 1px, transparent 1px); background-size: auto, 22px 22px, 22px 22px; border-bottom: 1px solid #203b5c; }
.loop-path { position: absolute; inset: 8px 3%; width: 94%; height: 225px; overflow: visible; }
.loop-path path { fill: none; stroke: #315473; stroke-width: 3; stroke-dasharray: 7 7; vector-effect: non-scaling-stroke; }
.loop-path marker path { fill: var(--cyan); stroke: none; }
.loop-steps { position: relative; height: 100%; }
.loop-step { position: absolute; z-index: 2; width: 154px; min-height: 72px; display: grid; grid-template-columns: auto 1fr; gap: 0 .55rem; align-content: center; padding: .65rem .75rem; color: #8ca2bd; background: #0d223f; border: 1px solid #2d4b6c; border-radius: 12px; cursor: pointer; text-align: left; box-shadow: 0 8px 24px rgba(0,0,0,.15); transition: transform .2s ease, border-color .2s ease, background .2s ease; }
.loop-step:nth-child(1) { left: 1%; top: 82px; }
.loop-step:nth-child(2) { left: 21%; top: 18px; }
.loop-step:nth-child(3) { left: 43.5%; top: 3px; }
.loop-step:nth-child(4) { right: 20%; top: 18px; }
.loop-step:nth-child(5) { right: 1%; top: 82px; }
.loop-step span { grid-row: 1 / 3; align-self: center; color: #506985; font: 850 1.25rem ui-monospace, monospace; }
.loop-step strong { color: #d8e4f2; font-size: .85rem; }
.loop-step small { color: #7890ad; font-size: .65rem; }
.loop-step:hover, .loop-step:focus-visible { color: white; border-color: #6786a7; transform: translateY(-2px); }
.loop-step[aria-selected="true"] { background: #12304e; border-color: var(--cyan); box-shadow: 0 0 0 3px rgba(34,211,238,.12), 0 12px 32px rgba(0,0,0,.22); }
.loop-step[aria-selected="true"] span { color: var(--cyan); }
.loop-step.is-complete::after { content: "✓"; position: absolute; right: .45rem; top: .35rem; color: #70e5b7; font-weight: 900; }
.loop-step.is-next:not([aria-selected="true"]) { border-color: rgba(255,138,61,.7); }
.loop-return { position: absolute; left: 50%; bottom: 12px; transform: translateX(-50%); display: flex; align-items: center; gap: .65rem; padding: .38rem .6rem; color: #8399b4; background: #081a31; border: 1px solid #294766; border-radius: 999px; font-size: .68rem; }
.loop-return strong { color: var(--orange); font: 800 .7rem ui-monospace, monospace; }
.lab-console.is-returning .loop-path path { animation: loop-return .75s ease-out; }
@keyframes loop-return { 0% { stroke: var(--orange); stroke-dashoffset: 90; } 100% { stroke: var(--cyan); stroke-dashoffset: 0; } }

.stage-explanation { display: grid; grid-template-columns: minmax(250px,.8fr) minmax(340px,1.25fr) auto; gap: 1.25rem; align-items: center; min-height: 86px; padding: .85rem 1rem; background: #0b1f3a; border-bottom: 1px solid #203b5c; }
.stage-explanation > div:first-child { display: grid; }
.stage-explanation span { color: var(--cyan); font: 750 .68rem ui-monospace, monospace; letter-spacing: .07em; }
.stage-explanation strong { margin-top: .12rem; color: white; font-size: .92rem; }
.stage-explanation p { margin: 0; color: #9db0c8; font-size: .78rem; line-height: 1.45; }
.stage-facts { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: .35rem; }
.stage-facts span { padding: .28rem .42rem; color: #b9c8d9; background: #132d4b; border: 1px solid #294968; border-radius: 5px; font-size: .62rem; letter-spacing: 0; }
.stage-workspace { min-height: 610px; padding: 1rem; background: #08172d; }
.scheduler-layout, .gradient-layout, .mutation-layout, .prefill-layout, .feedback-layout { display: grid; grid-template-columns: minmax(360px,.9fr) minmax(0,1.1fr); gap: 1rem; min-height: 578px; }
.console-surface { min-width: 0; padding: 1rem; background: #0b1e38; border: 1px solid #203f60; border-radius: 12px; }
.surface-head { display: flex; align-items: flex-start; justify-content: space-between; gap: .8rem; margin-bottom: .8rem; }
.surface-head > div:first-child { display: grid; }
.surface-head span, .template-preview > span, .candidate-runtime > span, .vector-output > span, .commit-preview > span { color: #6f87a5; font: 760 .65rem ui-monospace, monospace; letter-spacing: .08em; }
.surface-head h3 { margin: .12rem 0 0; color: white; font-size: 1.05rem; }
.surface-head code { padding: .3rem .45rem; color: var(--cyan); background: #07162c; border-radius: 5px; font-size: .74rem; }
.surface-head label { display: grid; gap: .2rem; color: #8298b3; font-size: .65rem; }
.surface-help { margin: 0 0 .9rem; color: #8da2bb; font-size: .75rem; line-height: 1.5; }
.trace-chip, .paper-badge, .prefill-chip { padding: .28rem .45rem; color: #8ce7f3; background: rgba(34,211,238,.08); border: 1px solid rgba(34,211,238,.24); border-radius: 5px; font-size: .62rem; font-weight: 750; white-space: nowrap; }

.seed-matrix { display: grid; grid-template-columns: repeat(8, 1fr); gap: .38rem; }
.seed-node { --alarm:.5; --visits:.5; position: relative; aspect-ratio: 1; min-width: 0; overflow: hidden; color: #acc0d7; background: color-mix(in srgb, var(--orange) calc(var(--alarm) * 24%), #102844); border: 1px solid color-mix(in srgb, var(--orange) calc(var(--alarm) * 65%), #274866); border-radius: 6px; cursor: pointer; font: 730 .6rem ui-monospace, monospace; }
.seed-node i { position: absolute; left: 3px; right: 3px; bottom: 3px; height: calc(var(--visits) * 30%); min-height: 2px; background: rgba(34,211,238,.42); border-radius: 2px; }
.seed-node:hover, .seed-node:focus-visible { z-index: 1; border-color: white; transform: scale(1.08); }
.seed-node.is-selected { color: #06172b; background: var(--cyan); border-color: white; box-shadow: 0 0 0 2px rgba(34,211,238,.25); }
.seed-node.is-selected i { background: #087d94; }
.seed-legend { display: flex; flex-wrap: wrap; gap: .8rem; align-items: center; margin-top: .75rem; color: #7f95b0; font-size: .68rem; }
.seed-legend span { display: flex; align-items: center; gap: .3rem; }
.seed-legend i { width: 9px; height: 9px; border-radius: 2px; }
.seed-legend .low { background: #274866; }
.seed-legend .high { background: var(--orange); }
.seed-legend strong { margin-left: auto; color: var(--cyan); }
.branch-tree { display: flex; align-items: stretch; gap: .5rem; min-height: 250px; padding: .8rem; overflow-x: auto; background: #07182e; border: 1px solid #1f3a59; border-radius: 9px; }
.branch-level { flex: 1 0 120px; display: flex; flex-direction: column; justify-content: center; gap: .45rem; }
.depth-label { color: #607a97; font: 700 .58rem ui-monospace, monospace; text-align: center; text-transform: uppercase; }
.branch-arrow { align-self: center; color: #42627f; font-size: 1.4rem; }
.branch-node { width: 100%; min-height: 58px; display: grid; gap: .15rem; padding: .55rem; color: #c9d6e5; background: #102844; border: 1px solid #2b4a6a; border-radius: 7px; cursor: pointer; text-align: left; }
.branch-node span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .7rem; font-weight: 750; }
.branch-node small { color: #758da9; font: .58rem ui-monospace, monospace; }
.branch-node:hover, .branch-node:focus-visible, .branch-node.is-selected { border-color: var(--cyan); background: #14324f; }
.branch-node.is-new { animation: new-node .65s ease-out; box-shadow: 0 0 0 3px rgba(34,211,238,.18); }
@keyframes new-node { from { opacity: 0; transform: scale(.72); } to { opacity: 1; transform: scale(1); } }
.branch-empty, .inspector-empty { padding: 1.1rem; color: #8298b3; background: #0d223d; border: 1px dashed #2b4c6b; border-radius: 8px; font-size: .75rem; }
.node-inspector { min-height: 0; margin-top: .8rem; }
.node-metrics { grid-template-columns: repeat(4, 1fr); }

.gradient-layout { grid-template-columns: minmax(0,1.35fr) minmax(310px,.65fr); }
.gradient-scale { display: flex; align-items: center; gap: .5rem; margin-bottom: .75rem; color: #748aa5; font-size: .62rem; }
.gradient-scale i { flex: 1; height: 5px; background: linear-gradient(90deg, #193956, var(--cyan), var(--orange)); border-radius: 999px; }
.token-strip-large { display: flex; flex-wrap: wrap; gap: .45rem; align-items: stretch; padding: 1rem; background: #07182e; border: 1px solid #1e3a59; border-radius: 10px; }
.token-strip-large .gradient-token { min-width: 66px; min-height: 76px; display: grid; place-items: center; gap: .15rem; padding: .5rem; }
.gradient-token span { font-size: .72rem; }
.gradient-token b { color: #07152d; font-size: .52rem; }
.gradient-token small { color: inherit; opacity: .72; font: .58rem ui-monospace, monospace; }
.gradient-detail { display: grid; grid-template-columns: repeat(3, 1fr); gap: .5rem; margin-top: 1rem; }
.gradient-detail div { padding: .7rem; background: #0e2744; border-radius: 7px; }
.gradient-detail span { display: block; color: #7790ad; font-size: .65rem; }
.gradient-detail strong { display: block; margin-top: .15rem; color: white; font: 780 .82rem ui-monospace, monospace; }
.replacement-stack { display: grid; gap: .45rem; }
.replacement-option { display: grid; grid-template-columns: auto 1fr auto; gap: .55rem; align-items: center; min-height: 48px; padding: .55rem .65rem; color: #8ea4bd; background: #0d2744; border: 1px solid #294967; border-radius: 7px; cursor: pointer; text-align: left; }
.replacement-option span, .replacement-option small { font: .6rem ui-monospace, monospace; }
.replacement-option strong { color: #dbe5f1; font-size: .78rem; }
.replacement-option:hover, .replacement-option:focus-visible, .replacement-option.is-selected { border-color: var(--cyan); background: #143450; }
.replacement-option.is-selected::after { content: "selected"; color: var(--cyan); font-size: .58rem; }
.replacement-option.is-selected small { display: none; }
.selection-summary { margin-top: 1rem; padding-top: .75rem; border-top: 1px solid #24415e; }
.selection-summary > span { color: #7189a5; font-size: .65rem; }
.selection-summary p { display: flex; justify-content: space-between; gap: .5rem; margin: .45rem 0 0; font-size: .7rem; }
.selection-summary b { color: #8ea3bb; }
.selection-summary strong { color: var(--cyan); }

.mutation-layout { grid-template-columns: minmax(0,1.15fr) minmax(360px,.85fr); }
.replacement-columns { display: grid; grid-template-columns: repeat(3, 1fr); gap: .65rem; }
.replacement-columns fieldset { min-width: 0; margin: 0; padding: .65rem; border: 1px solid #294967; border-radius: 9px; }
.replacement-columns legend { padding: 0 .35rem; color: white; font-size: .72rem; font-weight: 750; }
.replacement-columns legend span { margin-right: .35rem; color: var(--orange); font: .6rem ui-monospace, monospace; }
.word-chip { width: 100%; min-height: 36px; margin-bottom: .32rem; color: #aabbd0; background: #0d2744; border: 1px solid #294967; border-radius: 5px; cursor: pointer; font-size: .7rem; }
.word-chip:hover, .word-chip:focus-visible, .word-chip.is-selected { color: #07152d; background: var(--cyan); border-color: var(--cyan); font-weight: 800; }
.template-preview { margin-top: .8rem; padding: .85rem; background: #07182e; border: 1px solid #1e3b59; border-radius: 9px; }
.template-preview p { display: flex; flex-wrap: wrap; align-items: center; gap: .35rem; margin: .65rem 0; color: #c8d5e4; font: .73rem/1.6 ui-monospace, monospace; }
.preview-mutated { display: inline-flex; gap: .25rem; align-items: center; padding: .18rem .3rem; background: rgba(34,211,238,.08); border: 1px solid rgba(34,211,238,.2); border-radius: 4px; }
.preview-mutated del { color: #7e91a8; }
.preview-mutated ins { color: var(--cyan); text-decoration: none; font-weight: 800; }
.filter-funnel { display: flex; align-items: stretch; gap: .45rem; margin-top: .8rem; }
.filter-funnel div { flex: 1; padding: .55rem; background: #0d2743; border: 1px solid #294866; border-radius: 7px; }
.filter-funnel div.retained { border-color: var(--cyan); }
.filter-funnel strong { display: block; color: white; font: 800 1rem ui-monospace, monospace; }
.filter-funnel span { display: block; color: #7f95b0; font-size: .58rem; }
.filter-funnel > i { align-self: center; color: #49637e; font-style: normal; }
.tuple-table { max-height: 464px; display: grid; gap: .28rem; overflow-y: auto; padding-right: .2rem; }
.tuple-row { min-width: 0; display: grid; grid-template-columns: 36px 1fr auto; gap: .55rem; align-items: center; min-height: 39px; padding: .45rem .55rem; color: #91a5bd; background: #0c2440; border: 1px solid #284764; border-radius: 6px; text-align: left; }
.tuple-row span { font: 700 .58rem ui-monospace, monospace; }
.tuple-row strong { overflow: hidden; color: #c4d2e1; font-size: .66rem; text-overflow: ellipsis; white-space: nowrap; }
.tuple-row em { padding: .15rem .3rem; color: #80a0bc; background: #102d4a; border-radius: 4px; font-size: .56rem; font-style: normal; white-space: nowrap; }
.tuple-row.status-retained { cursor: pointer; }
.tuple-row.status-retained em { color: #78e7bd; }
.tuple-row.status-retained:hover, .tuple-row.status-retained:focus-visible, .tuple-row.is-selected { border-color: var(--cyan); }
.tuple-row.is-selected { background: #153450; box-shadow: inset 3px 0 var(--cyan); }
.tuple-row.is-composer-match:not(.is-selected) { border-color: var(--orange); }
.tuple-row:disabled { opacity: .48; }

.prefill-layout, .feedback-layout { grid-template-columns: minmax(0,1.1fr) minmax(350px,.9fr); }
.model-pipeline { display: flex; align-items: stretch; gap: .35rem; padding: .75rem; background: #07182e; border: 1px solid #1f3a58; border-radius: 9px; }
.model-pipeline div { flex: 1; min-width: 0; padding: .6rem; background: #102843; border: 1px solid #294966; border-radius: 6px; }
.model-pipeline span { color: var(--cyan); font: .6rem ui-monospace, monospace; }
.model-pipeline strong, .model-pipeline small { display: block; }
.model-pipeline strong { margin: .25rem 0; color: white; font-size: .67rem; }
.model-pipeline small { color: #758ba6; font-size: .55rem; }
.model-pipeline > i { align-self: center; color: #48637f; font-style: normal; }
.model-pipeline.is-ran div { animation: pipeline-pulse .65s ease-out both; }
.model-pipeline.is-ran div:nth-of-type(2) { animation-delay: .08s; }
.model-pipeline.is-ran div:nth-of-type(3) { animation-delay: .16s; }
.model-pipeline.is-ran div:nth-of-type(4) { animation-delay: .24s; }
.model-pipeline.is-ran div:nth-of-type(5) { animation-delay: .32s; }
@keyframes pipeline-pulse { 50% { border-color: var(--cyan); background: #17405a; } }
.candidate-runtime { margin-top: .8rem; padding: .75rem; background: #0d2642; border-radius: 8px; }
.candidate-runtime code { display: block; margin-top: .45rem; color: #c7d5e4; font-size: .7rem; white-space: normal; }
.prefill-run { margin-top: .8rem; }
.event-log { margin-top: .8rem; padding: .7rem; background: #07182e; border: 1px solid #1d3958; border-radius: 8px; }
.instrument-controls { display: flex; align-items: end; gap: .5rem; }
.instrument-controls label { display: grid; gap: .2rem; color: #8298b3; font-size: .62rem; }
.projection-toggle { display: flex; padding: .2rem; background: #07182e; border: 1px solid #294965; border-radius: 7px; }
.projection-toggle button { min-height: 31px; padding: .3rem .55rem; color: #8ca0b8; background: transparent; border: 0; border-radius: 5px; cursor: pointer; font-size: .68rem; }
.projection-toggle button.is-selected { color: #07152d; background: var(--cyan); font-weight: 800; }
.neuron-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: .45rem; }
.neuron-cell { --value:.5; min-height: 68px; display: grid; place-content: center; gap: .1rem; color: #07152d; background: color-mix(in srgb, var(--cyan) calc(var(--value) * 78%), #274663); border: 1px solid rgba(255,255,255,.08); border-radius: 7px; cursor: pointer; }
.neuron-cell.negative { color: white; background: color-mix(in srgb, var(--orange) calc(var(--value) * 70%), #274663); }
.neuron-cell span { font: .58rem ui-monospace, monospace; }
.neuron-cell strong { font: 760 .73rem ui-monospace, monospace; }
.neuron-cell:hover, .neuron-cell:focus-visible, .neuron-cell.is-selected { outline: 2px solid white; outline-offset: 1px; }
.neuron-detail { min-height: 78px; font-size: .7rem; }
.neuron-detail p { margin: .35rem 0 0; }
.vector-output { margin-top: .8rem; padding: .7rem; background: #07182e; border-radius: 8px; }
.vector-output > div { display: flex; gap: 4px; align-items: end; height: 55px; margin-block: .45rem; }
.vector-output i { flex: 1; height: calc(var(--value) * 100%); min-height: 3px; background: var(--cyan); border-radius: 2px 2px 0 0; }
.vector-output strong { color: #75e7bc; font: .62rem ui-monospace, monospace; }

.feedback-score-row { display: grid; grid-template-columns: 170px 1fr; gap: 1rem; align-items: center; }
.alarm-ring { width: 154px; }
.score-equations { display: grid; grid-template-columns: repeat(3, 1fr); gap: .5rem; }
.score-equations div { padding: .65rem; background: #07182e; border: 1px solid #24435f; border-radius: 7px; }
.score-equations span { color: #8197b1; font-size: .62rem; }
.score-equations strong, .score-equations code { display: block; }
.score-equations strong { margin: .2rem 0; color: white; font: 800 1.15rem ui-monospace, monospace; }
.score-equations strong.positive { color: #70e5b7; }
.score-equations code { color: #6e86a1; font-size: .55rem; }
.comparison-readout { display: grid; grid-template-columns: 1fr auto 1fr; gap: .6rem; align-items: center; margin-top: 1rem; }
.comparison-readout article { padding: .8rem; background: #102843; border: 1px solid #2a4967; border-radius: 8px; }
.comparison-readout .candidate-compare { border-color: var(--cyan); }
.comparison-readout article > span { color: #7790aa; font: .58rem ui-monospace, monospace; }
.comparison-readout article > strong { display: block; color: white; font: 800 1.35rem ui-monospace, monospace; }
.comparison-readout article p { margin: .2rem 0 0; color: #9cb0c6; font-size: .68rem; }
.comparison-readout > i { color: var(--cyan); font-style: normal; }
.commit-button { width: 100%; min-height: 48px; margin-top: 1rem; color: #07152d; background: var(--cyan); border: 0; border-radius: 8px; cursor: pointer; font-weight: 850; }
.commit-button:hover, .commit-button:focus-visible { filter: brightness(1.12); }
.commit-button:disabled { cursor: not-allowed; opacity: .45; filter: none; }
.contribution-chart { display: grid; gap: .55rem; }
.contribution-row { display: grid; grid-template-columns: 44px 1fr 55px; gap: .55rem; align-items: center; }
.contribution-row > span, .contribution-row > strong { font: .62rem ui-monospace, monospace; }
.contribution-row > span { color: #8298b2; }
.contribution-row > strong { color: #d5e1ed; text-align: right; }
.contribution-row > div { height: 11px; background: #132d48; border-radius: 999px; overflow: hidden; }
.contribution-row i { display: block; width: var(--width); height: 100%; background: var(--cyan); border-radius: inherit; }
.contribution-row i.negative { background: var(--orange); }
.commit-preview { margin-top: 1rem; padding: .8rem; background: #07182e; border: 1px solid #24415e; border-radius: 8px; }
.commit-preview ol { margin: .55rem 0 0; padding-left: 1.2rem; color: #9aadc3; font-size: .7rem; }
.results-link { display: flex; justify-content: space-between; margin-top: 1rem; padding: .7rem; color: var(--cyan); background: rgba(34,211,238,.06); border: 1px solid rgba(34,211,238,.2); border-radius: 7px; font-size: .72rem; text-decoration: none; }

.stage-navigation { display: grid; grid-template-columns: auto minmax(220px,1fr) auto auto; gap: .65rem; align-items: center; padding: .8rem 1rem; background: #091a32; border-top: 1px solid #203b5c; }
.stage-status { color: #91a6bf; font-size: .72rem; text-align: center; }
.paper-figure { max-width: 1060px; }
.figure-viewport { overflow: hidden; }
.figure-viewport img { width: 100%; max-width: 100%; height: auto; object-fit: contain; }

@media (max-width: 1100px) {
  .loop-step { width: 140px; }
  .loop-step:nth-child(2) { left: 19%; }
  .loop-step:nth-child(3) { left: calc(50% - 70px); }
  .loop-step:nth-child(4) { right: 19%; }
  .scheduler-layout, .gradient-layout, .mutation-layout, .prefill-layout, .feedback-layout { grid-template-columns: 1fr; }
  .stage-workspace { min-height: 0; }
  .console-surface { min-height: 0; }
  .tuple-table { max-height: 420px; }
}

@media (max-width: 800px) {
  .console-toolbar { grid-template-columns: 1fr auto; }
  .console-config { grid-column: 1 / -1; grid-row: 2; }
  .console-config select { flex: 1; }
  .loop-shell { height: auto; padding: .8rem; overflow-x: auto; }
  .loop-path { display: none; }
  .loop-steps { min-width: 760px; height: auto; display: flex; gap: .5rem; }
  .loop-step, .loop-step:nth-child(n) { position: relative; inset: auto; flex: 0 0 140px; }
  .loop-return { position: relative; left: auto; bottom: auto; transform: none; width: max-content; margin: .7rem auto 0; }
  .stage-explanation { grid-template-columns: 1fr; }
  .stage-facts { justify-content: flex-start; }
  .stage-navigation { grid-template-columns: 1fr 1fr; }
  .stage-status { grid-column: 1 / -1; grid-row: 1; }
  #run-stage { grid-column: 1 / -1; grid-row: 2; }
  #previous-stage { grid-row: 3; }
  #next-stage { grid-row: 3; }
  .replacement-columns { grid-template-columns: 1fr; }
  .model-pipeline { overflow-x: auto; }
  .model-pipeline div { flex: 0 0 125px; }
}

@media (max-width: 520px) {
  .console-toolbar { grid-template-columns: 1fr; }
  .run-identity, .console-config, .iteration-readout { grid-column: 1; grid-row: auto; }
  .stage-workspace { padding: .55rem; }
  .console-surface { padding: .75rem; }
  .seed-matrix { grid-template-columns: repeat(6, minmax(44px,1fr)); gap: .25rem; }
  .seed-node { min-height: 44px; font-size: .56rem; }
  .surface-head { flex-direction: column; }
  .surface-head label { width: 100%; }
  .surface-head select { width: 100%; }
  .gradient-detail, .score-equations { grid-template-columns: 1fr; }
  .tuple-row { grid-template-columns: 32px 1fr; }
  .tuple-row em { grid-column: 2; justify-self: start; }
  .filter-funnel { display: grid; grid-template-columns: 1fr 1fr; }
  .filter-funnel > i { display: none; }
  .instrument-controls { width: 100%; justify-content: space-between; }
  .neuron-grid { grid-template-columns: repeat(3, 1fr); }
  .feedback-score-row { grid-template-columns: 1fr; }
  .comparison-readout { grid-template-columns: 1fr; }
  .comparison-readout > i { transform: rotate(90deg); text-align: center; }
  .stage-navigation { grid-template-columns: 1fr; }
  #run-stage, #previous-stage, #next-stage, .stage-status { grid-column: 1; grid-row: auto; }
}

/* v4 · light six-stage product demo */
.background-story { display: grid; grid-template-columns: repeat(3, 1fr); gap: .75rem; margin: 0 0 1rem; }
.background-story article { padding: 1.25rem; background: #fff; border: 1px solid #dce8f1; border-radius: 15px; box-shadow: 0 10px 30px rgba(21,54,84,.04); }
.background-story span { color: #0c91a5; font: 800 .68rem ui-monospace, monospace; }
.background-story h3 { margin: .45rem 0 .35rem; font-size: 1rem; }
.background-story p { margin: 0; color: var(--muted); font-size: .82rem; line-height: 1.55; }
.method-cards.four-up { grid-template-columns: repeat(4, 1fr); }
.method-cards.four-up article { min-height: 170px; }
.technical-detail { max-width: 880px; margin: 1rem auto 0; padding: .75rem 1rem; background: rgba(255,255,255,.7); border: 1px solid var(--line); border-radius: 10px; }
.technical-detail summary { cursor: pointer; color: #173656; font-weight: 750; }
.technical-detail p { margin: .65rem 0 0; color: var(--muted); font-size: .82rem; }

.explainer-section { padding-top: 4rem; padding-bottom: 5rem; }
.spectrum-card { --tone:#f3a15f; --soft:#fff1e7; padding: 1.25rem; background: #fff; border: 1px solid #d9e7ef; border-radius: 18px; box-shadow: 0 16px 45px rgba(21,54,84,.08); }
.spectrum-card[data-tone="benign"] { --tone:#20a77a; --soft:#e9faf4; }
.spectrum-card[data-tone="low"] { --tone:#34a9c2; --soft:#e8f8fb; }
.spectrum-card[data-tone="elevated"] { --tone:#eaa34f; --soft:#fff5e7; }
.spectrum-card[data-tone="high"] { --tone:#ee7f59; --soft:#fff0eb; }
.spectrum-card[data-tone="critical"] { --tone:#dc5d55; --soft:#ffefee; }
.spectrum-readout { display: flex; align-items: baseline; gap: .7rem; margin-bottom: .8rem; }
.spectrum-readout span { color: #657890; font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; }
.spectrum-readout strong { color: var(--tone); font-size: 2rem; line-height: 1; }
.spectrum-readout em { padding: .25rem .5rem; color: var(--tone); background: var(--soft); border-radius: 999px; font-size: .72rem; font-style: normal; font-weight: 800; }
.spectrum-card label { display: block; margin-bottom: .35rem; color: #29435f; font-size: .78rem; font-weight: 700; }
.spectrum-card input { width: 100%; accent-color: var(--tone); }
.spectrum-scale { display: flex; justify-content: space-between; color: #71849a; font-size: .65rem; }
.spectrum-example { margin-top: .9rem; padding: .9rem; background: var(--soft); border-left: 4px solid var(--tone); border-radius: 8px; }
.spectrum-example > span { display: block; color: #6a7c91; font-size: .64rem; font-weight: 800; letter-spacing: .08em; }
.spectrum-example > strong { display: block; margin-top: .2rem; color: #17334f; font-size: .9rem; }
.spectrum-example p { margin: .35rem 0 .5rem; color: #52677f; font-size: .75rem; line-height: 1.45; }
.spectrum-example b { color: var(--tone); font-size: .72rem; }
#spectrum-note { margin: .7rem 0 0; color: #76889c; font-size: .68rem; }

.lab-section { padding: 4.5rem 0 5rem; background: linear-gradient(180deg,#eef9fc 0%,#f7fbfd 100%); }
.lab-heading { margin-bottom: 1rem; }
.lab-heading h2 { color: #092845; }
.lab-heading > p { color: #506a82; }
.demo-notice { color: #405e77; background: rgba(255,255,255,.86); border-color: #cfe3ec; }
.demo-notice strong { color: #0a3452; }
.status-dot { background: #2ebcaa; box-shadow: 0 0 0 4px rgba(46,188,170,.13); }
.lab-console.compact-console { overflow: hidden; color: #153650; background: #f9fdff; border: 1px solid #cfe4ec; border-radius: 18px; box-shadow: 0 20px 60px rgba(30,86,116,.10); }
#demo { scroll-margin-top: 5.7rem; }
.compact-toolbar { min-height: 54px; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .65rem 1rem; background: #eaf7fb; border-bottom: 1px solid #cfe4ec; }
.compact-toolbar > div:first-child span, .iteration-readout span { display: block; color: #648096; font: 750 .6rem ui-monospace, monospace; letter-spacing: .08em; }
.compact-toolbar > div:first-child strong { display: block; color: #0a3452; font-size: .78rem; }
.iteration-readout strong { color: #0a7890; }
.compact-flow { min-height: 138px; position: relative; display: grid; grid-template-columns: repeat(5,minmax(96px,1fr)) 1.35fr; gap: .55rem; align-items: center; padding: 1.15rem; background: #f4fbfd; border-bottom: 1px solid #d8eaf0; }
.cycle-track { position: absolute; left: 3.5%; right: 23%; top: 18px; bottom: 18px; border: 2px solid #9dd8e4; border-radius: 999px; pointer-events: none; }
.cycle-track::after { content:"↻"; position:absolute; left:calc(50% - 108px); bottom:-16px; width:28px; height:28px; display:grid; place-items:center; color:#0a7890; background:#f4fbfd; font-size:1.2rem; }
.cycle-track span { position:absolute; left:50%; bottom:-12px; transform:translateX(-50%); padding:0 .5rem; color:#67879a; background:#f4fbfd; font-size:.58rem; white-space:nowrap; }
.flow-step { position: relative; z-index: 1; min-height: 72px; padding: .55rem .4rem; color: #42637a; background: #fff; border: 1px solid #cce2ea; border-radius: 12px; cursor: pointer; box-shadow: 0 5px 15px rgba(35,86,110,.05); }
.flow-step span, .flow-step strong, .flow-step small { display: block; }
.flow-step span { color: #45aabd; font: 800 .62rem ui-monospace, monospace; }
.flow-step strong { color: #133b57; font-size: .73rem; }
.flow-step small { color: #7d93a3; font-size: .58rem; }
.flow-step:hover, .flow-step:focus-visible { border-color: #3ab5c8; transform: translateY(-2px); }
.flow-step[aria-selected="true"] { color: #fff; background: #0d8ca3; border-color: #0d8ca3; box-shadow: 0 8px 22px rgba(13,140,163,.22); }
.flow-step[aria-selected="true"] span, .flow-step[aria-selected="true"] strong, .flow-step[aria-selected="true"] small { color: #fff; }
.flow-step.is-locked:not([aria-selected="true"])::after { content:"locked"; position:absolute; right:5px; top:5px; color:#c96b52; font-size:.48rem; }
.final-step { margin-left: .85rem; border-color: #f0c5b7; background: #fff9f7; }
.final-branch { position:absolute; right:15.2%; top:12px; color:#c86b51; font-size:.55rem; font-weight:800; }
.compact-console .stage-explanation { padding: .75rem 1rem; color: #173650; background: #fff; border-bottom: 1px solid #dbeaf0; }
.compact-console #stage-code { color: #0d8ca3; }
.compact-console .stage-explanation strong { color: #0b2e49; }
.compact-console .stage-explanation p { color: #60778c; }
.compact-console .stage-facts span { color: #267487; background: #eaf8fb; border-color: #c8e7ed; }
.compact-workspace { min-height: 420px; max-height: 460px; padding: .8rem; overflow: auto; background: #f3fafc; }
.light-surface { min-width: 0; padding: .85rem; background: #fff; border: 1px solid #d2e5ec; border-radius: 12px; box-shadow: 0 6px 18px rgba(30,80,108,.05); }
.light-surface .surface-head { margin-bottom: .55rem; }
.light-surface .surface-head span, .update-story > span { color: #4e8d9c; font: 800 .58rem ui-monospace, monospace; letter-spacing: .08em; }
.light-surface .surface-head h3 { margin:.1rem 0 0; color:#123550; font-size:.9rem; }
.light-surface .surface-head b { color:#168a9d; font-size:.64rem; }
.light-surface .surface-help { margin:0 0 .55rem; color:#70869a; font-size:.67rem; }
.evolution-layout, .mechanism-layout, .feedback-compact, .final-outcome { display:grid; grid-template-columns:minmax(0,1.38fr) minmax(300px,.62fr); gap:.75rem; min-height: 404px; }
.evolution-tree { position:relative; height:300px; overflow:hidden; background:linear-gradient(#eff9fc 1px,transparent 1px),linear-gradient(90deg,#eff9fc 1px,transparent 1px),#fbfeff; background-size:28px 28px; border:1px solid #d6eaf0; border-radius:10px; }
.evolution-tree svg { position:absolute; inset:0; width:100%; height:100%; overflow:visible; }
.evolution-tree line { stroke:#bed5df; stroke-width:.8; vector-effect:non-scaling-stroke; }
.evolution-tree line.is-path { stroke:#21aaba; stroke-width:2; }
.tree-node { position:absolute; left:var(--x); top:var(--y); width:56px; height:48px; transform:translateY(-50%); display:grid; place-content:center; padding:0; color:#49677d; background:#fff; border:1px solid #bbd9e3; border-radius:9px; cursor:pointer; box-shadow:0 3px 10px rgba(28,76,101,.08); }
.tree-node span { font:800 .52rem ui-monospace,monospace; }
.tree-node strong { color:#173b56; font-size:.72rem; }
.tree-node.is-path { border-color:#58becd; }
.tree-node.is-selected { color:#fff; background:#0e91a6; border-color:#0e91a6; box-shadow:0 0 0 4px rgba(14,145,166,.14); }
.tree-node.is-selected strong { color:#fff; }
.lineage { padding:.55rem; background:#eef9fb; border-radius:7px; }
.lineage span { display:block; color:#70909f; font-size:.58rem; }
.lineage strong { color:#0b7084; font:700 .66rem/1.5 ui-monospace,monospace; }
.diff-preview { display:flex; flex-wrap:wrap; gap:.25rem; margin:.6rem 0; padding:.65rem; color:#405c73; background:#f7fbfd; border:1px solid #dfedf2; border-radius:8px; font: .65rem/1.5 ui-monospace,monospace; }
.token-change { display:inline-flex; gap:.18rem; padding:.12rem .2rem; background:#e3f6f8; border-radius:4px; }
.token-change del { color:#a06c5e; }.token-change ins { color:#057d91; font-weight:800; text-decoration:none; }
.inspector-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:.35rem; }
.inspector-metrics span { padding:.45rem; color:#758b9d; background:#f3f9fb; border-radius:6px; font-size:.57rem; }
.inspector-metrics strong { display:block; color:#143852; font-size:.85rem; }
.activation-delta { margin-top:.6rem; }.activation-delta > span { color:#71899c; font-size:.62rem; }
.activation-delta > div { display:grid; grid-template-columns:repeat(6,1fr); gap:4px; height:34px; align-items:end; margin:.3rem 0; }
.activation-delta i { height:55%; background:#9fdde5; border-radius:3px; }.activation-delta i.down { height:80%; background:#38b4c4; }.activation-delta i.up { background:#f09672; }.activation-delta i.baseline { background:#dbe8ed; }
.activation-delta strong { color:#197c8e; font-size:.62rem; }

.gradient-strip { display:flex; flex-wrap:wrap; gap:.35rem; padding:.65rem; background:#f5fbfd; border:1px solid #d9eaf0; border-radius:8px; }
.gradient-strip .gradient-token { min-width:55px; min-height:62px; display:grid; gap:.15rem; place-items:center; padding:.35rem; color:#37556d; background:#fff; border:1px solid #d0e2e9; border-radius:7px; cursor:pointer; }
.gradient-strip .gradient-token i { width:100%; height:4px; background:color-mix(in srgb,#25adbd calc(var(--heat) * 100%),#dceef2); border-radius:999px; }
.gradient-strip .gradient-token small { color:#7892a2; font-size:.52rem; }.gradient-strip .gradient-token.is-top { border-color:#58bfce; background:#edfafb; }.gradient-strip .gradient-token.is-selected { outline:2px solid #1395a9; }
.light-lock { margin-top:.65rem; color:#a55e4c; background:#fff4ef; border-color:#f1c6b8; font-size:.62rem; }.light-lock strong { color:#c05b42; }
.compact-inspector p { color:#60788d; font-size:.72rem; }.sensitivity-meter { height:8px; overflow:hidden; background:#e5f0f3; border-radius:999px; }.sensitivity-meter i { display:block; width:var(--width); height:100%; background:#21aabd; }
.mini-replacements { display:flex; flex-wrap:wrap; gap:.35rem; }.mini-replacements span { padding:.35rem .5rem; color:#0c7183; background:#e7f7f9; border-radius:6px; font-size:.68rem; }
.compact-columns { gap:.45rem; }.compact-columns fieldset { padding:.5rem; border-color:#d4e5eb; }.compact-columns legend { color:#32546a; font-size:.62rem; }.compact-columns legend span { color:#138a9d; }
.compact-columns .word-chip { min-height:30px; margin-bottom:.22rem; color:#49667a; background:#f4fafc; border-color:#d1e4ea; }.compact-columns .word-chip.is-selected { color:#fff; background:#15a3b5; border-color:#15a3b5; }
.light-preview { margin-top:.55rem; padding:.65rem; background:#f7fbfd; border-color:#d9e9ef; }.light-preview p { margin:.35rem 0; color:#3f5c72; font-size:.65rem; }.light-preview mark { color:#086f81; background:#d8f4f6; }
.retained-grid { display:grid; grid-template-columns:1fr 1fr; gap:.35rem; }.retained-card { min-height:61px; display:grid; grid-template-columns:auto 1fr; gap:.12rem .4rem; padding:.45rem; color:#6f8798; background:#f7fbfd; border:1px solid #d8e8ed; border-radius:7px; cursor:pointer; text-align:left; }.retained-card span { grid-row:1/3; color:#1390a3; font:800 .58rem ui-monospace,monospace; }.retained-card strong { overflow:hidden; color:#36556a; font-size:.58rem; text-overflow:ellipsis; white-space:nowrap; }.retained-card small { font-size:.54rem; }.retained-card.is-selected { background:#e6f8fa; border-color:#18a1b3; box-shadow:inset 3px 0 #18a1b3; }
.compact-pipeline { display:flex; align-items:center; gap:.35rem; padding:1rem .6rem; background:#f3fafc; border-radius:8px; }.compact-pipeline span { flex:1; min-width:0; padding:.55rem .25rem; color:#15556a; background:#fff; border:1px solid #cfe4ea; border-radius:6px; font-size:.59rem; font-weight:750; text-align:center; }.compact-pipeline i { color:#4eb3c1; font-style:normal; }
.parent-candidate { display:grid; grid-template-columns:1fr auto 1fr; gap:.5rem; align-items:center; margin-top:1rem; }.parent-candidate article { padding:.75rem; background:#f4fafc; border-radius:8px; }.parent-candidate article > * { display:block; }.parent-candidate span,.parent-candidate small { color:#71899b; font-size:.6rem; }.parent-candidate strong { color:#173b55; font-size:1.2rem; }.parent-candidate > i { color:#18a1b3; font-style:normal; }
.light-toggle { background:#edf7fa; border-color:#cbe3e9; }.light-toggle button { color:#4f6d80; }.light-toggle button.is-selected { color:#fff; background:#159bad; }
.neuron-compare { display:grid; grid-template-columns:repeat(3,1fr); gap:.4rem; }.neuron-compare button { min-height:82px; display:grid; place-items:center; padding:.4rem; color:#416177; background:#f7fbfd; border:1px solid #d2e5eb; border-radius:7px; cursor:pointer; }.neuron-compare button.is-selected { border-color:#1399ab; background:#e9f9fa; }.neuron-compare span { font:700 .55rem ui-monospace,monospace; }.neuron-compare i { position:relative; width:72%; height:24px; background:linear-gradient(to top,#b9dfe5 var(--parent),transparent var(--parent)); border-bottom:3px solid #1ba5b6; }.neuron-compare i::after { content:""; position:absolute; left:0; right:0; bottom:var(--current); border-top:2px solid #ec8965; }.neuron-compare strong { font-size:.65rem; }.neuron-caption { margin:.55rem 0 0; color:#647c8f; font-size:.65rem; }
.feedback-metrics { display:flex; align-items:stretch; gap:.35rem; margin:1rem 0; }.feedback-metrics article { flex:1; padding:.75rem .45rem; background:#f4fafc; border:1px solid #d8e9ee; border-radius:8px; }.feedback-metrics article span { display:block; color:#71899b; font-size:.56rem; }.feedback-metrics article strong { display:block; color:#163b54; font-size:1.05rem; }.feedback-metrics article.positive { background:#eaf9f5; border-color:#bde6d9; }.feedback-metrics article.positive strong { color:#178464; }.feedback-metrics > i { align-self:center; color:#36aebe; font-style:normal; }
.replay-button { min-height:42px; padding:.55rem .85rem; color:#fff; background:#0d91a5; border:0; border-radius:8px; cursor:pointer; font-weight:800; }.replay-button:hover,.replay-button:focus-visible { background:#08768a; }.replay-button:disabled { opacity:.55; cursor:progress; }
.update-story { display:flex; flex-direction:column; justify-content:center; }.update-mini-tree { display:flex; align-items:center; gap:.7rem; margin:.8rem 0; }.update-mini-tree i { width:62px; height:48px; display:grid; place-items:center; color:#28536a; background:#eff8fa; border:1px solid #c8e2e8; border-radius:8px; font-style:normal; font-weight:800; }.update-mini-tree .new-node { border-color:#24aabd; }.is-replaying .new-node { animation:new-node .65s ease-out; box-shadow:0 0 0 5px rgba(36,170,189,.14); }.update-story ol { margin:0; padding-left:1.1rem; color:#61798c; font-size:.68rem; }.update-story a { margin-top:.8rem; color:#087c90; font-size:.68rem; font-weight:800; text-decoration:none; }
.final-locked { min-height:404px; display:flex; align-items:center; justify-content:center; gap:1.5rem; padding:2rem; }.lock-icon { width:86px; height:86px; display:grid; place-items:center; color:#0d8ca2; background:#e5f7fa; border:8px solid #c4eaf0; border-radius:50%; font-size:1.5rem; font-weight:900; }.final-locked > div { max-width:580px; }.final-locked p:first-child { color:#ca6d52; font:800 .62rem ui-monospace,monospace; letter-spacing:.08em; }.final-locked h3 { margin:.2rem 0; color:#153a54; font-size:1.4rem; }.final-locked p { color:#617a8d; font-size:.78rem; }.max-progress { height:7px; margin:1rem 0; overflow:hidden; background:#e4eff2; border-radius:999px; }.max-progress i { display:block; width:var(--progress); height:100%; background:#1ca8ba; transition:width .12s linear; }
.final-template { display:flex; flex-wrap:wrap; gap:.3rem; padding:1rem; color:#33566b; background:#f4fafc; border:1px solid #d5e8ed; border-radius:8px; font:.7rem ui-monospace,monospace; }.final-template span { padding:.2rem .3rem; background:#fff; border-radius:4px; }.combine-row { display:grid; grid-template-columns:auto 1fr; gap:.5rem; align-items:center; margin:.7rem 0; }.combine-row span { color:#1c9fb1; font-size:1.2rem; }.combine-row strong { padding:.65rem; color:#a65d4b; background:#fff1ec; border:1px solid #f0c4b5; border-radius:7px; font:.65rem ui-monospace,monospace; }.generation-row { display:flex; align-items:center; gap:.65rem; padding:.7rem; background:#eaf8fa; border-radius:8px; }.generation-row i { width:32px;height:32px;display:grid;place-items:center;color:#fff;background:#0f94a8;border-radius:50%;font-style:normal;font-weight:900;}.generation-row div { flex:1; }.generation-row strong,.generation-row small { display:block; }.generation-row strong { color:#173e57;font-size:.72rem;}.generation-row small{color:#6f8799;font-size:.6rem;}.outcome-card { display:flex;flex-direction:column;justify-content:center;background:#fff8f5;border-color:#f1c8bb;}.outcome-card > span { color:#ca694f;font:.8rem ui-monospace,monospace;}.outcome-card > strong { margin:.45rem 0;color:#b8543d;font-size:1.25rem;line-height:1.2;}.outcome-card > div { padding:1rem;color:#9c5948;background:#fff;border:1px dashed #e7ad9b;border-radius:8px;font:.7rem ui-monospace,monospace;}.outcome-card p{color:#765f59;font-size:.68rem;}
.compact-navigation { grid-template-columns:auto 1fr auto; padding:.55rem 1rem; background:#fff; border-top:1px solid #d8e8ee; }.compact-navigation .stage-status { color:#607b8e; font-size:.66rem; }.compact-navigation .console-button { min-height:38px; color:#1a6677; background:#edf8fa; border-color:#c8e3e9; }
.paper-figure { max-width:1060px; }.figure-viewport { overflow:hidden; }.figure-viewport img { width:100%; max-width:100%; height:auto; object-fit:contain; }

@media (max-width: 1000px) {
  .method-cards.four-up { grid-template-columns:repeat(2,1fr); }
  .compact-flow { grid-template-columns:repeat(6,minmax(108px,1fr)); overflow-x:auto; }
  .compact-flow::after { content:""; min-width:1px; }.cycle-track,.final-branch { display:none; }.final-step { margin-left:0; }
  .evolution-layout,.mechanism-layout,.feedback-compact,.final-outcome { grid-template-columns:1fr; }.compact-workspace { max-height:none; }.evolution-tree { height:330px; }
}
@media (max-width: 720px) {
  .background-story,.method-cards.four-up { grid-template-columns:1fr; }
  .compact-toolbar { align-items:flex-start; }.compact-flow { min-height:112px; padding:.75rem; }.flow-step { min-height:64px; }
  .compact-workspace { padding:.55rem; }.evolution-tree { height:320px; min-width:620px; }.tree-surface { overflow-x:auto; }.node-detail { min-height:300px; }
  .retained-grid { grid-template-columns:1fr; }.feedback-metrics { display:grid; grid-template-columns:1fr 1fr; }.feedback-metrics > i { display:none; }.compact-pipeline { overflow-x:auto; }.compact-pipeline span { flex:0 0 95px; }
  .compact-navigation { grid-template-columns:1fr 1fr; }.compact-navigation .stage-status { grid-column:1/-1;grid-row:1; }.final-locked { flex-direction:column;align-items:flex-start; }.final-outcome { min-height:0; }
}
@media (max-width: 480px) {
  .spectrum-readout { flex-wrap:wrap; }.compact-toolbar { display:grid;grid-template-columns:1fr auto; }.light-surface { padding:.7rem; }.inspector-metrics { grid-template-columns:repeat(3,1fr); }.gradient-strip .gradient-token { min-width:48px; }.replacement-columns.compact-columns { grid-template-columns:1fr; }.neuron-compare { grid-template-columns:repeat(2,1fr); }.feedback-metrics { grid-template-columns:1fr; }.final-locked { padding:1rem; }.outcome-card > strong { font-size:1rem; }
}
@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after { scroll-behavior:auto!important; animation-duration:.001ms!important; animation-iteration-count:1!important; transition-duration:.001ms!important; }
}

/* v5 · deeper ice-blue product surfaces */
.lab-section { background: linear-gradient(180deg,#dceef3 0%,#e8f4f7 100%); }
.demo-notice { color:#36566f; background:rgba(241,249,251,.96); border-color:#a9ccd6; }
.lab-console.compact-console { color:#102f49; background:#edf7f9; border-color:#9fc5d0; box-shadow:0 22px 62px rgba(21,70,96,.16); }
.compact-toolbar { background:#cfe5eb; border-color:#a8ccd6; }
.compact-flow { background:#dceef2; border-color:#aacdd6; }
.cycle-track { border-color:#78bfcc; }
.cycle-track::after,.cycle-track span { background:#dceef2; }
.cycle-track::after { color:#075f75; }
.cycle-track span { color:#4a7083; }
.flow-step { color:#31566d; background:#f7fbfc; border-color:#a8ccd6; box-shadow:0 6px 17px rgba(28,78,103,.09); }
.flow-step[aria-selected="true"] { background:#08778d; border-color:#08778d; box-shadow:0 8px 22px rgba(8,119,141,.28); }
.compact-console .stage-explanation { color:#102f49; background:#e8f3f6; border-color:#b8d5dd; }
.compact-console .stage-facts span { color:#155f72; background:#d5eaef; border-color:#afd2da; }
.compact-workspace { background:#d9ebef; }
.light-surface { background:#f7fbfc; border-color:#abcbd4; box-shadow:0 7px 20px rgba(24,69,92,.09); }
.retained-card.is-selected { color:#fff; background:#0d7f93; border-color:#0d7f93; box-shadow:inset 3px 0 #074f60; }
.retained-card.is-selected span,.retained-card.is-selected strong,.retained-card.is-selected small { color:#fff; }
.candidate-filter-note { margin:.55rem 0 0; color:#5f788a; font-size:.6rem; }
.compact-navigation { background:#d2e7ec; border-color:#a8cad3; }
.compact-navigation .stage-status { color:#405f73; }
.compact-navigation .console-button { color:#0b586b; background:#edf7f9; border-color:#9fc6cf; }

/* v6 · product hero, internal signal model and activation comparison */
.hero {
  min-height: calc(100svh - 5rem);
  grid-template-columns: minmax(0,.82fr) minmax(500px,1.18fr);
  grid-template-rows: minmax(0,1fr) auto;
  gap: 1.25rem clamp(2rem,5vw,5rem);
  align-items: center;
  padding: clamp(1.5rem,3vw,2.5rem) 0 1.25rem;
}
.partner-lockup { display:flex; align-items:center; gap:.7rem; margin-bottom:1rem; }
.partner-lockup > span { color:#65758a; font-size:.68rem; font-weight:750; letter-spacing:.05em; text-transform:uppercase; }
.partner-lockup img { width:164px; height:41px; border-radius:2px; }
.hero-copy { align-self:center; }
.hero-copy h1 { font-size:clamp(4rem,6.6vw,6.2rem); }
.hero-signal-diagram { position:relative; min-width:0; margin:0; padding:1.2rem; color:#fff; background:#0a1b35; border:1px solid #173858; border-radius:22px; box-shadow:0 26px 70px rgba(7,30,54,.2); overflow:hidden; }
.hero-signal-diagram::before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 72% 20%,rgba(34,211,238,.15),transparent 36%),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px); background-size:auto,24px 24px,24px 24px; pointer-events:none; }
.diagram-head,.hero-pipeline,.hero-feedback,.hero-signal-diagram figcaption { position:relative; }
.diagram-head { display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.diagram-head span { color:#62d7e7; font:800 .7rem ui-monospace,monospace; letter-spacing:.1em; }
.diagram-head b { padding:.25rem .45rem; color:#83e3ee; background:rgba(34,211,238,.1); border:1px solid rgba(34,211,238,.26); border-radius:999px; font-size:.62rem; }
.hero-pipeline { display:grid; grid-template-columns:1fr auto 1.25fr auto .9fr; gap:.55rem; align-items:center; margin:2rem 0 1.3rem; }
.hero-pipeline > i { color:#44c6d8; font-size:1.25rem; font-style:normal; }
.hero-stage,.hero-transformer { min-height:122px; display:flex; flex-direction:column; justify-content:center; padding:.75rem; background:#102946; border:1px solid #28506d; border-radius:12px; }
.hero-stage span,.hero-transformer > span { color:#63d9e8; font:800 .61rem ui-monospace,monospace; letter-spacing:.06em; }
.hero-stage strong { margin:.25rem 0; font-size:.8rem; line-height:1.25; }
.hero-stage small,.hero-transformer small { color:#91a8bd; font-size:.62rem; }
.hero-stage.oracle { border-color:rgba(255,138,61,.58); }
.hero-stage.oracle em { margin-top:.4rem; color:#ff9b58; font:900 1.75rem ui-monospace,monospace; font-style:normal; }
.hero-transformer > div { display:grid; grid-template-columns:repeat(3,1fr); gap:.38rem; margin:.55rem 0; }
.hero-transformer > div i { aspect-ratio:1; background:color-mix(in srgb,#ff8a3d calc(var(--pulse) * 100%),#22d3ee); border:2px solid rgba(255,255,255,.42); border-radius:50%; animation:hero-neuron-pulse 2.4s ease-in-out infinite alternate; }
.hero-transformer > div i:nth-child(2),.hero-transformer > div i:nth-child(5) { animation-delay:.45s; }.hero-transformer > div i:nth-child(3),.hero-transformer > div i:nth-child(6) { animation-delay:.9s; }
@keyframes hero-neuron-pulse { from { transform:scale(.84); box-shadow:0 0 0 rgba(34,211,238,0); } to { transform:scale(1); box-shadow:0 0 16px rgba(34,211,238,.35); } }
.hero-feedback { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.7rem .8rem; color:#b6c9d9; background:rgba(34,211,238,.07); border:1px solid rgba(34,211,238,.2); border-radius:9px; font-size:.7rem; }
.hero-feedback i { color:#52d1e1; font-size:1.3rem; font-style:normal; }
.hero-signal-diagram figcaption { margin-top:.75rem; color:#8fa8bc; font-size:.7rem; }
.hero-proof { grid-column:1/-1; grid-template-columns:repeat(4,1fr); }
.hero-proof article { min-height:82px; display:grid; grid-template-columns:auto 1fr; gap:.65rem; align-items:center; padding:.75rem 1rem; }
.hero-proof strong { font-size:clamp(1.4rem,2.2vw,1.9rem); }
.hero-proof span { margin:0; }

.lab-heading { display:block; margin-bottom:1rem; }
.compact-console#demo { scroll-margin-top:5.7rem; }

.model-signal-view { margin-top:.6rem; padding:.62rem; background:#e8f3f6; border:1px solid #b8d6de; border-radius:9px; }
.model-signal-view > span { display:block; color:#377385; font:800 .55rem ui-monospace,monospace; letter-spacing:.08em; }
.mini-transformer { display:grid; grid-template-columns:48px auto 1fr auto 42px; gap:.35rem; align-items:center; margin:.5rem 0; }
.mini-transformer > i { color:#188ca0; font-style:normal; }
.mini-stage { min-height:58px; display:grid; place-content:center; padding:.3rem; color:#345b70; background:#f7fbfc; border:1px solid #b7d3dc; border-radius:7px; text-align:center; }
.mini-stage small,.mini-stage strong { display:block; }.mini-stage small { font-size:.5rem; }.mini-stage strong { font-size:.6rem; }.mini-stage.pool { background:#d9edf1; }
.transformer-layer { padding:.4rem; background:#d1e7ec; border:1px solid #9fc8d2; border-radius:8px; }
.transformer-layer > small { display:block; margin-bottom:.3rem; color:#315d70; font-size:.52rem; font-weight:800; }
.transformer-layer > div { display:grid; grid-template-columns:repeat(3,1fr); gap:.28rem; }
.signal-neuron { min-width:0; min-height:35px; display:grid; place-content:center; color:#12344e; border:1px solid rgba(15,80,101,.18); border-radius:6px; transition:background .25s ease,transform .25s ease; }
.signal-neuron.low { background:#cdeff4; }.signal-neuron.mid { background:#52becb; }.signal-neuron.high { color:#fff; background:#e78663; }
.signal-neuron b,.signal-neuron em { display:block; text-align:center; }.signal-neuron b { font:700 .45rem ui-monospace,monospace; }.signal-neuron em { font:800 .55rem ui-monospace,monospace; font-style:normal; }
.oracle-meter { padding-top:.45rem; border-top:1px solid #bdd6dd; }.oracle-meter > div { display:flex; align-items:center; justify-content:space-between; }.oracle-meter span { color:#416b7d; font-size:.59rem; font-weight:750; }.oracle-meter strong { color:#0a6578; font:900 1rem ui-monospace,monospace; }
.oracle-meter > i { display:block; height:7px; overflow:hidden; background:#cbdfe4; border-radius:999px; }.oracle-meter > i b { display:block; width:var(--score); height:100%; background:linear-gradient(90deg,#2bb4c5,#ff8a62); transition:width .3s ease; }
.oracle-meter p { margin:.3rem 0 0; color:#5b7586; font-size:.56rem; }

.prefill-comparison { display:grid; grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr); gap:.75rem; min-height:404px; }
.prefill-summary { display:flex; flex-direction:column; }
.prefill-summary .compact-pipeline { display:grid; grid-template-columns:1fr; gap:.25rem; padding:.55rem; }
.prefill-summary .compact-pipeline span { min-height:31px; display:grid; place-items:center; padding:.3rem; }
.prefill-summary .compact-pipeline i { height:12px; line-height:12px; transform:rotate(90deg); text-align:center; }
.alarm-summary { display:grid; grid-template-columns:1fr auto 1fr; gap:.45rem; align-items:center; margin-top:.55rem; }
.alarm-summary span { padding:.5rem; color:#5b7688; background:#e8f3f6; border-radius:7px; font-size:.55rem; }.alarm-summary span strong { display:block; color:#123d55; font-size:.9rem; }.alarm-summary i { color:#188da1; font-style:normal; }.alarm-summary > b { grid-column:1/-1; color:#137588; font-size:.61rem; text-align:center; }
.activation-chart .surface-head { align-items:center; }
.dumbbell-legend { display:flex; justify-content:flex-end; gap:.8rem; margin:-.2rem 0 .25rem; color:#587286; font-size:.56rem; }.dumbbell-legend span { display:flex; align-items:center; gap:.25rem; }.dumbbell-legend i { position:static; width:8px; height:8px; display:inline-block; border-radius:50%; }
.parent-dot { background:#102f49; }.candidate-dot { background:#18a6b8; }
.dumbbell-axis { display:grid; grid-template-columns:50px minmax(0,1fr) 48px; gap:.65rem; align-items:end; margin:0 0 .2rem; padding:0 .42rem; color:#668092; font-size:.56rem; }
.dumbbell-axis > div { display:grid; grid-template-columns:repeat(5,1fr); align-items:end; min-width:0; }
.dumbbell-axis > div span { text-align:center; white-space:nowrap; }
.dumbbell-axis > div span:first-child { text-align:left; }.dumbbell-axis > div span:last-child { text-align:right; }.dumbbell-axis b { text-align:right; }
.dumbbell-chart { display:grid; gap:.28rem; }
.dumbbell-row { display:grid; grid-template-columns:50px minmax(0,1fr) 48px; gap:.65rem; align-items:center; min-height:42px; padding:.25rem .42rem; color:#31536a; background:transparent; border:1px solid transparent; border-radius:7px; cursor:pointer; }
.dumbbell-row:hover,.dumbbell-row:focus-visible,.dumbbell-row.is-selected { background:#e7f3f6; border-color:#a9ced7; }
.dumbbell-row > span { font:750 .56rem ui-monospace,monospace; }.dumbbell-row > strong { color:#315a70; font:800 .58rem ui-monospace,monospace; text-align:right; }
.dumbbell-track { position:relative; height:22px; margin:0 6px; background:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),#c8dce2 calc(25% - 1px),#c8dce2 25%); border-bottom:1px solid #b5cfd7; }
.dumbbell-track > i { position:absolute; left:var(--start); top:10px; width:max(var(--distance),2px); height:3px; background:#7196a5; border-radius:999px; }
.dumbbell-track > b { position:absolute; left:var(--position); top:6px; width:11px; height:11px; transform:translateX(-50%); border:2px solid #fff; border-radius:50%; box-shadow:0 1px 4px rgba(15,50,70,.25); }
.activation-chart .neuron-caption { padding:.5rem .65rem; color:#315b70; background:#dceef2; border-radius:7px; font-size:.62rem; }

.footer-partner { display:flex; align-items:center; gap:.55rem; margin-top:.8rem; }.footer-partner span { color:#8496ad; font-size:.6rem; text-transform:uppercase; letter-spacing:.04em; }.footer-partner img { width:131px; height:auto; border-radius:2px; }

@media (max-width: 980px) {
  .hero { min-height:auto; grid-template-columns:1fr; grid-template-rows:auto; padding-top:3rem; }
  .hero-signal-diagram { max-width:760px; }
  .hero-proof { grid-column:auto; grid-template-columns:1fr 1fr; }
  .prefill-comparison { grid-template-columns:1fr; }
  .prefill-summary .compact-pipeline { grid-template-columns:repeat(9,auto); overflow-x:auto; }
  .prefill-summary .compact-pipeline span { min-width:90px; }.prefill-summary .compact-pipeline i { transform:none; }
}
@media (max-width: 620px) {
  .partner-lockup { align-items:flex-start; flex-direction:column; }
  .hero-signal-diagram { padding:.85rem; }
  .hero-pipeline { grid-template-columns:1fr; margin:1.2rem 0 .8rem; }.hero-pipeline > i { transform:rotate(90deg); text-align:center; }.hero-stage,.hero-transformer { min-height:auto; }
  .hero-transformer > div { grid-template-columns:repeat(6,1fr); }
  .hero-proof { grid-template-columns:1fr 1fr; }.hero-proof article { display:block; }.hero-proof span { margin-top:.3rem; }
  .mini-transformer { grid-template-columns:42px auto 1fr auto 38px; }.signal-neuron em { display:none; }
  .dumbbell-axis,.dumbbell-row { grid-template-columns:44px minmax(200px,1fr) 44px; }.activation-chart { overflow-x:auto; }.activation-chart .surface-head,.dumbbell-legend,.dumbbell-axis,.dumbbell-chart,.activation-chart .neuron-caption { min-width:320px; }
  .footer-partner { align-items:flex-start; flex-direction:column; }
}

/* v7 · animated first-viewport mechanism and transparent partner mark */
.sentinel-link { display:inline-flex; align-items:center; padding:.28rem .48rem; background:#fff; border:1px solid #cbd5e1; border-radius:7px; box-shadow:0 3px 10px rgba(15,23,42,.06); transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease; }
.sentinel-link:hover,.sentinel-link:focus-visible { border-color:#f3af54; box-shadow:0 5px 16px rgba(15,23,42,.11); transform:translateY(-1px); }
.partner-lockup img { width:148px; height:37px; display:block; object-fit:contain; }
.footer-partner .sentinel-link { padding:.2rem .36rem; }.footer-partner img { width:124px; height:31px; display:block; object-fit:contain; }

.hero-signal-diagram { padding:1rem 1.05rem .85rem; }
.diagram-head button { display:inline-flex; align-items:center; gap:.38rem; min-height:30px; padding:.28rem .55rem; color:#91e5ee; background:rgba(34,211,238,.08); border:1px solid rgba(34,211,238,.24); border-radius:999px; cursor:pointer; font-size:.68rem; }
.diagram-head button > i { width:8px; height:10px; display:block; border-left:3px solid currentColor; border-right:3px solid currentColor; }
.diagram-head button.is-paused > i { width:0; height:0; border:0; border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:8px solid currentColor; }
.diagram-head button b { padding:0; color:inherit; background:none; border:0; font-size:inherit; }
.hero-pipeline { grid-template-columns:minmax(148px,.9fr) auto minmax(270px,1.6fr) auto minmax(96px,.62fr); gap:.45rem; margin:1rem 0 .7rem; }
.hero-flow-arrow { color:#46cbdc; font-size:1.15rem; font-style:normal; transition:color .25s ease,text-shadow .25s ease; }
.hero-template-stage,.hero-network-stage,.hero-oracle-stage { min-width:0; min-height:190px; padding:.65rem; background:#102946; border:1px solid #28506d; border-radius:12px; }
.hero-template-stage { display:flex; flex-direction:column; }
.hero-template-stage > div,.hero-network-heading { display:flex; align-items:center; justify-content:space-between; gap:.45rem; }
.hero-template-stage > div span,.hero-network-heading span,.hero-oracle-stage > span { color:#63d9e8; font:800 .56rem ui-monospace,monospace; letter-spacing:.055em; }
.hero-template-stage > div b,.hero-network-heading b { color:#94aabd; font:700 .52rem ui-monospace,monospace; text-align:right; }
.hero-template-tokens { display:flex; flex-wrap:wrap; align-content:center; gap:.28rem; flex:1; margin:.6rem 0 0; }
.hero-template-tokens span { position:relative; display:inline-flex; align-items:center; min-height:24px; padding:.22rem .34rem; color:#dce9f2; background:#183653; border:1px solid #2b4e6b; border-radius:5px; font:.63rem/1.1 ui-monospace,monospace; transition:color .25s ease,background .25s ease,border-color .25s ease,transform .25s ease; }
.hero-template-tokens span.is-target { color:#10213a; background:#8de7f0; border-color:#c2f6fa; animation:hero-token-locate .52s ease-in-out infinite alternate; }
.hero-template-tokens span.is-replaced { color:#12243e; background:#ffc58d; border-color:#ffd9b6; transform:translateY(-2px); }
@keyframes hero-token-locate { to { box-shadow:0 0 0 4px rgba(82,209,225,.18),0 0 18px rgba(82,209,225,.38); } }

.hero-network-stage { position:relative; overflow:hidden; }
.network-viewport { position:relative; height:150px; margin-top:.35rem; overflow:hidden; perspective:650px; }
.network-links { position:absolute; inset:10px 7px 0; width:calc(100% - 14px); height:calc(100% - 10px); opacity:.43; }
.network-links path { fill:none; stroke:#557893; stroke-width:1; vector-effect:non-scaling-stroke; transition:stroke .25s ease,opacity .25s ease; }
.network-layer { position:absolute; top:17px; width:43px; height:122px; display:grid; grid-template-rows:auto repeat(6,1fr); justify-items:center; gap:3px; padding:.3rem .2rem; background:linear-gradient(145deg,rgba(33,73,105,.88),rgba(11,34,59,.82)); border:1px solid rgba(103,177,197,.3); border-radius:8px; box-shadow:8px 8px 18px rgba(3,17,33,.26); transform:rotateY(-16deg) rotateX(2deg); transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease; }
.network-layer small { position:absolute; top:-14px; color:#829cb1; font:.46rem ui-monospace,monospace; white-space:nowrap; }
.network-layer span { width:9px; height:9px; display:block; background:#4b6b84; border:1px solid #6d8aa0; border-radius:50%; transition:background .38s ease,box-shadow .38s ease,transform .38s ease; }
.network-layer.layer-embedding { left:2%; }.network-layer.layer-early { left:29%; transform:translateY(-3px) rotateY(-16deg); }.network-layer.layer-mid { left:56%; transform:translateY(3px) rotateY(-16deg); }.network-layer.layer-safety { right:2%; width:49px; border-color:rgba(81,210,225,.58); }
.network-layer.layer-safety::after { content:"6 located"; position:absolute; right:1px; bottom:-2px; color:#6fdbe6; font:700 .45rem ui-monospace,monospace; white-space:nowrap; }
.network-layer.layer-safety span { width:12px; height:12px; border:2px solid rgba(255,255,255,.72); box-shadow:0 0 calc(4px + var(--activation) * 10px) rgba(34,211,238,.34); }
.network-layer.layer-safety span.low { background:#a8e4eb; }.network-layer.layer-safety span.mid { background:#42bccb; }.network-layer.layer-safety span.high { background:#f19a65; }
.network-signal { position:absolute; left:3%; top:74px; z-index:3; width:22px; height:2px; opacity:0; background:linear-gradient(90deg,transparent,#76e6ef,#fff); border-radius:999px; box-shadow:0 0 10px #4bd3e2; }
.hero-signal-diagram[data-phase="prefill"] .network-signal { opacity:1; animation:hero-signal-pass .54s ease-in-out forwards; }
.hero-signal-diagram[data-phase="prefill"] .network-links path { stroke:#52d4e2; opacity:.92; }
.hero-signal-diagram[data-phase="prefill"] .network-layer { animation:hero-layer-pass .48s ease-out both; }.hero-signal-diagram[data-phase="prefill"] .layer-early { animation-delay:.1s; }.hero-signal-diagram[data-phase="prefill"] .layer-mid { animation-delay:.2s; }.hero-signal-diagram[data-phase="prefill"] .layer-safety { animation-delay:.3s; }
.hero-signal-diagram[data-phase="neurons"] .layer-safety span { transform:scale(1.2); box-shadow:0 0 15px rgba(91,223,235,.65); }
@keyframes hero-signal-pass { from { left:3%; } to { left:91%; } }
@keyframes hero-layer-pass { 50% { border-color:#5de0eb; box-shadow:0 0 20px rgba(34,211,238,.35); } }

.hero-oracle-stage { display:flex; flex-direction:column; justify-content:center; text-align:center; transition:border-color .25s ease,box-shadow .25s ease; }
.hero-oracle-stage strong { margin:.7rem 0 .55rem; color:#ff9b58; font:900 1.8rem ui-monospace,monospace; }
.hero-oracle-stage > div { height:7px; overflow:hidden; background:#263f58; border-radius:999px; }.hero-oracle-stage > div i { width:72%; height:100%; display:block; background:linear-gradient(90deg,#30bfd0,#ff955d); border-radius:inherit; transition:width .12s linear; }
.hero-oracle-stage small { margin-top:.45rem; color:#98adbf; font:.52rem/1.35 ui-monospace,monospace; }
.hero-signal-diagram[data-phase="score"] .hero-oracle-stage { border-color:#ef995f; box-shadow:0 0 22px rgba(241,143,82,.22); }
.hero-signal-diagram[data-phase="feedback"] .hero-feedback { border-color:#52d4e2; box-shadow:inset 0 0 16px rgba(34,211,238,.1); }.hero-signal-diagram[data-phase="feedback"] .hero-feedback i { animation:hero-feedback-turn .48s ease-out; }
@keyframes hero-feedback-turn { to { transform:rotate(-360deg); } }
.hero-feedback { min-height:39px; }
.hero-playback { position:relative; display:flex; align-items:center; justify-content:space-between; gap:1rem; margin:.55rem .1rem 0; }
.hero-playback > div { display:flex; gap:.38rem; }
.hero-playback button { width:20px; height:20px; display:grid; place-items:center; padding:0; color:#7690a6; background:#173552; border:1px solid #315675; border-radius:50%; cursor:pointer; font:700 .48rem ui-monospace,monospace; }
.hero-playback button:hover,.hero-playback button:focus-visible,.hero-playback button.is-selected { color:#071d35; background:#78e0e9; border-color:#b2f2f6; }
.hero-playback > span { color:#7891a6; font:.55rem ui-monospace,monospace; }
.hero-signal-diagram figcaption { margin-top:.5rem; }

@media (max-width: 1120px) and (min-width: 981px) {
  .hero { grid-template-columns:minmax(0,.78fr) minmax(500px,1.22fr); gap-column:1.5rem; }
  .hero-pipeline { grid-template-columns:minmax(132px,.82fr) auto minmax(250px,1.55fr) auto 90px; }
  .hero-template-tokens span { padding:.18rem .26rem; font-size:.57rem; }
}
@media (max-width: 980px) {
  .hero-signal-diagram { width:100%; }
}
@media (max-width: 620px) {
  .sentinel-link { padding:.2rem .36rem; }.partner-lockup img { width:132px; height:33px; }
  .hero-pipeline { grid-template-columns:minmax(0,1fr) auto 88px; grid-template-areas:"template template template" "network arrow oracle"; gap:.55rem; }
  .hero-template-stage { grid-area:template; min-height:112px; }.hero-network-stage { grid-area:network; min-height:190px; }.hero-oracle-stage { grid-area:oracle; min-height:190px; padding:.45rem; }.hero-network-stage + .hero-flow-arrow { grid-area:arrow; display:block; transform:none; }.hero-template-stage + .hero-flow-arrow { display:none; }
  .hero-template-stage > div { align-items:flex-start; }.hero-template-tokens { align-content:flex-start; }
  .hero-oracle-stage strong { font-size:1.35rem; }.hero-oracle-stage > span { font-size:.48rem; }
  .hero-playback { align-items:flex-start; }.hero-playback > span { max-width:130px; text-align:right; }
}

@media (prefers-reduced-motion: reduce) {
  .hero-template-tokens span,.network-layer,.network-layer span,.hero-oracle-stage,.hero-flow-arrow,.sentinel-link { transition:none; }
  .hero-signal-diagram[data-phase] .network-signal,.hero-signal-diagram[data-phase] .network-layer,.hero-signal-diagram[data-phase] .hero-feedback i,.hero-template-tokens span.is-target { animation:none; }
}

/* v8 · balanced product surfaces, stable token mutation and distributed safety neurons */
.sentinel-link {
  padding:.24rem .42rem;
  background:transparent;
  border-color:#d8e5ea;
  border-radius:9px;
  box-shadow:0 2px 8px rgba(19,58,78,.045);
}
.sentinel-link:hover,.sentinel-link:focus-visible {
  border-color:#e3a65b;
  box-shadow:0 4px 13px rgba(19,58,78,.08);
}
.partner-lockup img { width:172px; height:43px; }
.footer-partner .sentinel-link { padding:.2rem .34rem; }
.footer-partner img { width:136px; height:34px; }

.hero-signal-diagram {
  background:#1b4560;
  border-color:#47758b;
  box-shadow:0 24px 64px rgba(20,62,84,.18);
}
.hero-signal-diagram::before {
  background:radial-gradient(circle at 72% 20%,rgba(100,224,234,.14),transparent 38%),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:auto,24px 24px,24px 24px;
}
.diagram-head span { color:#9be7ed; }
.diagram-head button { color:#c5f2f5; background:rgba(255,255,255,.07); border-color:rgba(173,235,241,.3); }
.hero-pipeline { grid-template-columns:minmax(198px,1.03fr) auto minmax(232px,1.22fr) auto minmax(100px,.52fr); }
.hero-template-stage,.hero-network-stage,.hero-oracle-stage {
  height:190px;
  min-height:190px;
  background:#214f69;
  border-color:#4d7b90;
  box-shadow:inset 0 1px rgba(255,255,255,.035);
}
.hero-template-stage > div span,.hero-network-heading span,.hero-oracle-stage > span { color:#a1ecf1; }
.hero-template-stage > div b { max-width:48%; color:#bdd1dc; }
.hero-template-tokens {
  height:124px;
  min-height:124px;
  display:grid;
  grid-template-rows:repeat(3,1fr);
  align-items:center;
  gap:.28rem;
  margin:.42rem 0 0;
  overflow:hidden;
}
.hero-template-tokens > .hero-token-row {
  min-width:0;
  min-height:0;
  display:flex;
  flex-wrap:nowrap;
  align-items:center;
  gap:.17rem;
  padding:0;
  color:inherit;
  background:transparent;
  border:0;
  border-radius:0;
}
.hero-token-row > .hero-token {
  min-width:calc(var(--token-chars) + .35rem);
  min-height:24px;
  justify-content:flex-start;
  padding:.2rem .16rem;
  color:#edf7fa;
  background:rgba(12,48,69,.38);
  border:1px solid rgba(156,208,220,.25);
  border-radius:5px;
  font:.52rem/1.05 ui-monospace,monospace;
  white-space:nowrap;
}
.hero-token-row > .hero-token.is-target { color:#12384d; background:#a8edf1; border-color:#d1f7f8; }
.hero-token-row > .hero-token.is-replaced { color:#53331f; background:#ffd2a8; border-color:#ffe2c5; }

.network-viewport { height:150px; perspective:760px; }
.network-links { inset:5px 5px 0; width:calc(100% - 10px); height:calc(100% - 5px); opacity:.38; }
.network-links path { stroke:#83aabd; }
.network-layer {
  top:10px;
  width:42px;
  height:132px;
  grid-template-rows:repeat(6,1fr);
  align-items:center;
  gap:2px;
  padding:.35rem .25rem;
  background:linear-gradient(145deg,rgba(45,101,126,.92),rgba(20,61,84,.9));
  border-color:rgba(164,218,228,.38);
  box-shadow:7px 9px 14px rgba(12,42,60,.2),inset 1px 0 rgba(255,255,255,.06);
  transform:rotateY(-20deg) rotateX(3deg);
}
.network-layer small,.network-layer::after { display:none; }
.network-layer span {
  width:8px;
  height:8px;
  background:#7fa5b7;
  border-color:#a9c7d3;
  box-shadow:none;
}
.network-layer.layer-one { left:2%; z-index:4; }
.network-layer.layer-two { left:30%; z-index:3; transform:translateY(-4px) rotateY(-20deg) rotateX(3deg); }
.network-layer.layer-three { left:58%; z-index:2; transform:translateY(4px) rotateY(-20deg) rotateX(3deg); }
.network-layer.layer-four { right:2%; z-index:1; transform:translateY(-2px) rotateY(-20deg) rotateX(3deg); }
.network-layer span.is-safety {
  width:12px;
  height:12px;
  border:2px solid rgba(255,255,255,.82);
  box-shadow:0 0 calc(4px + var(--activation) * 10px) rgba(83,218,229,.38);
}
.network-layer span.is-safety.low { background:#b9e9ed; }
.network-layer span.is-safety.mid { background:#57bdc8; }
.network-layer span.is-safety.high { background:#efaa7e; }
.network-signal { background:linear-gradient(90deg,transparent,#a7edf1,#fff); box-shadow:0 0 10px #83dfe7; }
.hero-signal-diagram[data-phase="prefill"] .network-signal { animation-duration:.9s; }
.hero-signal-diagram[data-phase="prefill"] .network-links path { stroke:#9ae8ed; }
.hero-signal-diagram[data-phase="prefill"] .network-layer { animation-duration:.75s; }
.hero-signal-diagram[data-phase="prefill"] .layer-two { animation-delay:.2s; }
.hero-signal-diagram[data-phase="prefill"] .layer-three { animation-delay:.4s; }
.hero-signal-diagram[data-phase="prefill"] .layer-four { animation-delay:.6s; }
.hero-signal-diagram[data-phase="neurons"] .network-layer span.is-safety { transform:scale(1.22); box-shadow:0 0 16px rgba(136,232,239,.62); }

.hero-oracle-stage {
  position:relative;
  justify-content:flex-start;
  text-align:left;
}
.hero-oracle-stage > span { align-self:flex-start; }
.hero-oracle-stage > span { font-size:.5rem; letter-spacing:.035em; }
.hero-oracle-stage strong { align-self:center; margin:2.15rem 0 .7rem; color:#ffc18e; }
.hero-oracle-stage > div { width:100%; background:#315f76; }
.hero-oracle-stage > div i { background:linear-gradient(90deg,#75d4dd,#f3a16d); }
.hero-oracle-stage small { align-self:center; color:#bfd0da; text-align:center; }
.hero-signal-diagram[data-phase="score"] .hero-oracle-stage { border-color:#efb083; box-shadow:0 0 20px rgba(238,165,113,.18); }
.hero-feedback { color:#d0e1e8; background:rgba(126,220,228,.08); border-color:rgba(165,230,235,.28); }
.hero-playback button { color:#b0c8d4; background:#28556e; border-color:#568195; }
.hero-playback button:hover,.hero-playback button:focus-visible,.hero-playback button.is-selected { color:#12384d; background:#9ce8ed; border-color:#cef5f7; }
.hero-playback > span { color:#b6cbd5; }

.lab-section { background:linear-gradient(180deg,#d5e9ee 0%,#e4f0f3 100%); }
.lab-console.compact-console { background:#d8edf2; border-color:#8ebcc7; box-shadow:0 22px 62px rgba(22,69,91,.17); }
.compact-toolbar { background:#bddae1; border-color:#90bac5; }
.compact-flow { background:#c8e2e8; border-color:#91bbc5; }
.cycle-track { border-color:#65acba; }
.cycle-track::after,.cycle-track span { background:#c8e2e8; }
.flow-step { background:#f2f8fa; border-color:#91bbc5; }
.flow-step[aria-selected="true"] { background:#0b7185; border-color:#0b7185; }
.compact-console .stage-explanation { background:#d0e5ea; border-color:#9fc4cd; }
.compact-console .stage-facts span { background:#c4dfe5; border-color:#92bdc7; }
.compact-workspace { background:#c9e3e9; }
.light-surface { background:#f4f9fa; border-color:#98c0ca; box-shadow:0 7px 20px rgba(25,69,90,.1); }
.compact-navigation { background:#c3dde3; border-color:#92bac4; }
.compact-navigation .console-button { background:#e5f1f4; border-color:#8fb8c2; }

@media (max-width:1120px) and (min-width:981px) {
  .hero-pipeline { grid-template-columns:minmax(180px,1fr) auto minmax(220px,1.25fr) auto 92px; }
  .hero-token-row > .hero-token { min-width:calc(var(--token-chars) + .18rem); padding-inline:.08rem; font-size:.48rem; }
}
@media (max-width:620px) {
  .partner-lockup img { width:148px; height:37px; }
  .hero-template-stage { height:126px; min-height:126px; }
  .hero-template-tokens { height:76px; min-height:76px; gap:.16rem; }
  .hero-token-row > .hero-token { min-width:calc(var(--token-chars) + .18rem); min-height:20px; padding:.1rem .08rem; font-size:.47rem; }
  .hero-network-stage,.hero-oracle-stage { height:190px; min-height:190px; }
  .hero-oracle-stage strong { margin-top:2.3rem; }
}

@media (prefers-reduced-motion:reduce) {
  .hero-token-row > .hero-token,.network-layer span.is-safety { transition:none; }
}

/* v12 · unified dark product surfaces and clearer first-viewport mechanism */
:root {
  --demo-shell:#0a1b35;
  --demo-panel:#102946;
  --demo-raised:#16344f;
  --demo-border:#28506d;
  --demo-text:#edf7fa;
  --demo-muted:#a9c1d0;
  --demo-signal:#63d9e8;
}

/* Keep the original wordmark pixels, but remove the source image's transparent frame. */
.sentinel-link {
  padding:.18rem .28rem;
  background:rgba(255,255,255,.42);
  border:1px solid #cbd8df;
  border-radius:6px;
  box-shadow:none;
}
.sentinel-link:hover,.sentinel-link:focus-visible {
  border-color:#d99746;
  box-shadow:0 2px 8px rgba(19,58,78,.07);
}
.partner-lockup img {
  width:154px;
  height:auto;
  object-fit:contain;
}
.footer-partner .sentinel-link { padding:.14rem .22rem; }
.footer-partner img { width:124px; height:auto; }

/* The hero animation and the product lab now share one visual system. */
.hero-signal-diagram {
  color:var(--demo-text);
  background:var(--demo-shell);
  border-color:var(--demo-border);
  box-shadow:0 24px 64px rgba(10,27,53,.2);
}
.hero-signal-diagram::before {
  background:radial-gradient(circle at 72% 20%,rgba(99,217,232,.13),transparent 38%),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:auto,24px 24px,24px 24px;
}
.diagram-head span { color:var(--demo-signal); font-size:.74rem; }
.diagram-head button { color:#c9f5f8; background:rgba(99,217,232,.08); border-color:rgba(99,217,232,.3); font-size:.72rem; }
.hero-pipeline {
  grid-template-columns:minmax(250px,1.2fr) auto minmax(194px,1fr) auto minmax(106px,.52fr);
  gap:.35rem;
}
.hero-template-stage,.hero-network-stage,.hero-oracle-stage {
  height:196px;
  min-height:196px;
  background:var(--demo-panel);
  border-color:var(--demo-border);
  box-shadow:inset 0 1px rgba(255,255,255,.035);
}
.hero-template-stage > div span,.hero-network-heading span,.hero-oracle-stage > span {
  color:var(--demo-signal);
  font-size:.7rem;
  letter-spacing:.045em;
}
.hero-template-stage > div b {
  max-width:46%;
  color:var(--demo-muted);
  font-size:.68rem;
  line-height:1.2;
}
.hero-template-tokens { height:128px; min-height:128px; gap:.24rem; }
.hero-token-row > .hero-token {
  min-width:calc(var(--token-chars) + .48rem);
  min-height:26px;
  padding:.2rem .14rem;
  color:var(--demo-text);
  background:var(--demo-raised);
  border-color:#315675;
  font-size:.69rem;
  line-height:1.05;
}
.hero-token-row > .hero-token.is-target { color:#0a263d; background:#a8edf1; border-color:#d1f7f8; }
.hero-token-row > .hero-token.is-replaced { color:#53331f; background:#ffd2a8; border-color:#ffe2c5; }
.hero-flow-arrow { color:var(--demo-signal); }
.network-viewport { height:154px; }
.network-links path { stroke:#557893; }
.network-layer {
  top:13px;
  width:40px;
  height:128px;
  background:linear-gradient(145deg,#1c4160,#0d233c);
  border-color:#315675;
  box-shadow:7px 9px 14px rgba(3,17,33,.28),inset 1px 0 rgba(255,255,255,.05);
}
.network-layer.layer-one { left:3%; }
.network-layer.layer-two { left:31%; }
.network-layer.layer-three { left:59%; }
.network-layer.layer-four { right:3%; }
.network-layer span { background:#536f86; border-color:#7592a7; }
.network-layer span.is-safety.low { background:#b9e9ed; }
.network-layer span.is-safety.mid { background:#57bdc8; }
.network-layer span.is-safety.high { background:#efaa7e; }
.hero-oracle-stage > span { font-size:.66rem; }
.hero-oracle-stage strong { margin:2rem 0 .7rem; color:#ffc18e; font-size:1.95rem; }
.hero-oracle-stage > div { background:#263f58; }
.hero-oracle-stage small { color:var(--demo-muted); font-size:.66rem; line-height:1.35; }
.hero-feedback {
  color:#d7e7ee;
  background:rgba(99,217,232,.07);
  border-color:#315675;
  font-size:.7rem;
}
.hero-playback button { color:#b6cad5; background:var(--demo-raised); border-color:#3d627e; font-size:.58rem; }
.hero-playback button:hover,.hero-playback button:focus-visible,.hero-playback button.is-selected { color:#0a263d; background:var(--demo-signal); border-color:#baf2f6; }
.hero-playback > span { color:var(--demo-muted); font-size:.68rem; }

.lab-section { background:var(--paper); }
.lab-console.compact-console {
  color:var(--demo-text);
  background:var(--demo-shell);
  border-color:var(--demo-border);
  box-shadow:0 24px 64px rgba(10,27,53,.2);
}
.compact-flow { background:var(--demo-shell); border-color:var(--demo-border); }
.cycle-track { border-color:#3c6884; }
.cycle-track::after,.cycle-track span { background:var(--demo-shell); }
.cycle-track::after { color:var(--demo-signal); }
.cycle-track span { color:var(--demo-muted); }
.flow-step {
  color:var(--demo-muted);
  background:var(--demo-panel);
  border-color:var(--demo-border);
  box-shadow:0 5px 15px rgba(3,17,33,.2);
}
.flow-step span { color:var(--demo-signal); }
.flow-step strong { color:var(--demo-text); }
.flow-step small { color:var(--demo-muted); }
.flow-step:hover,.flow-step:focus-visible { border-color:var(--demo-signal); }
.flow-step[aria-selected="true"] { color:#081d32; background:var(--demo-signal); border-color:var(--demo-signal); box-shadow:0 8px 22px rgba(99,217,232,.2); }
.flow-step[aria-selected="true"] span,.flow-step[aria-selected="true"] strong,.flow-step[aria-selected="true"] small { color:#081d32; }
.final-step { background:#182b43; border-color:#735344; }
.final-branch { color:#f1a270; }
.compact-console .stage-explanation { color:var(--demo-text); background:var(--demo-panel); border-color:var(--demo-border); }
.compact-console #stage-code { color:var(--demo-signal); }
.compact-console .stage-explanation strong { color:var(--demo-text); }
.compact-console .stage-explanation p { color:var(--demo-muted); }
.compact-console .stage-facts span { color:#bceff3; background:var(--demo-raised); border-color:#315675; }
.compact-workspace { background:#0d223b; }
.light-surface { color:var(--demo-text); background:var(--demo-panel); border-color:var(--demo-border); box-shadow:0 7px 20px rgba(3,17,33,.18); }
.light-surface .surface-head span,.update-story > span { color:var(--demo-signal); }
.light-surface .surface-head h3 { color:var(--demo-text); }
.light-surface .surface-head b { color:#8ee7ef; }
.light-surface .surface-help { color:var(--demo-muted); }

.evolution-tree {
  background:linear-gradient(#17344f 1px,transparent 1px),linear-gradient(90deg,#17344f 1px,transparent 1px),#0d223b;
  background-size:28px 28px;
  border-color:var(--demo-border);
}
.evolution-tree line { stroke:#3c5c74; }
.evolution-tree line.is-path { stroke:var(--demo-signal); }
.tree-node { color:var(--demo-muted); background:var(--demo-raised); border-color:#3b607b; box-shadow:0 3px 10px rgba(3,17,33,.25); }
.tree-node strong { color:var(--demo-text); }
.tree-node.is-path { border-color:#5fbfd0; }
.tree-node.is-selected { color:#081d32; background:var(--demo-signal); border-color:var(--demo-signal); box-shadow:0 0 0 4px rgba(99,217,232,.15); }
.tree-node.is-selected strong { color:#081d32; }
.lineage { background:var(--demo-raised); }
.lineage span { color:var(--demo-muted); }
.lineage strong { color:#9ceaf0; }
.diff-preview { color:#d6e4ec; background:#0d223b; border-color:var(--demo-border); }
.token-change { background:#173f59; }
.token-change del { color:#efb093; }
.token-change ins { color:#8fe7ee; }
.model-signal-view { background:#0d223b; border-color:var(--demo-border); }
.model-signal-view > span { color:var(--demo-signal); }
.mini-stage,.transformer-layer { background:var(--demo-raised); border-color:#355b76; }
.mini-stage small,.transformer-layer small { color:var(--demo-muted); }
.mini-stage strong { color:var(--demo-text); }
.signal-neuron b { color:inherit; }
.oracle-meter > div span,.oracle-meter p { color:var(--demo-muted); }
.oracle-meter > div strong { color:var(--demo-text); }
.oracle-meter > i,.sensitivity-meter { background:#263f58; }
.oracle-meter > i b,.sensitivity-meter i { background:var(--demo-signal); }

.gradient-strip { background:#0d223b; border-color:var(--demo-border); }
.gradient-strip .gradient-token { color:#d4e3eb; background:var(--demo-raised); border-color:#355b76; }
.gradient-strip .gradient-token i { background:color-mix(in srgb,var(--demo-signal) calc(var(--heat) * 100%),#29445c); }
.gradient-strip .gradient-token small { color:var(--demo-muted); }
.gradient-strip .gradient-token.is-top { background:#173f59; border-color:#5fbfd0; }
.gradient-strip .gradient-token.is-selected { outline-color:var(--demo-signal); }
.compact-inspector p { color:var(--demo-muted); }
.mini-replacements span { color:#c9f5f8; background:var(--demo-raised); border:1px solid #355b76; }
.compact-columns fieldset { border-color:#355b76; }
.compact-columns legend { color:#d0e1e9; }
.compact-columns .word-chip { color:#d2e1e9; background:var(--demo-raised); border-color:#355b76; }
.compact-columns .word-chip:hover,.compact-columns .word-chip:focus-visible { border-color:var(--demo-signal); }
.compact-columns .word-chip.is-selected { color:#081d32; background:var(--demo-signal); border-color:var(--demo-signal); }
.light-preview { background:#0d223b; border-color:var(--demo-border); }
.light-preview > span { color:var(--demo-signal); }
.light-preview p { color:#d6e4ec; }
.light-preview mark { color:#081d32; background:#9ceaf0; }
.retained-card { color:var(--demo-muted); background:var(--demo-raised); border-color:#355b76; }
.retained-card span { color:var(--demo-signal); }
.retained-card strong { color:var(--demo-text); }
.retained-card:hover,.retained-card:focus-visible { border-color:var(--demo-signal); }
.retained-card.is-selected { color:#081d32; background:var(--demo-signal); border-color:var(--demo-signal); box-shadow:inset 3px 0 #d1f7f8; }
.retained-card.is-selected span,.retained-card.is-selected strong { color:#081d32; }
.candidate-filter-note { color:var(--demo-muted); }

.compact-pipeline { background:#0d223b; }
.compact-pipeline span { color:#d8e7ee; background:var(--demo-raised); border-color:#355b76; }
.compact-pipeline i { color:var(--demo-signal); }
.alarm-summary { background:var(--demo-raised); border-color:#355b76; }
.alarm-summary span { color:var(--demo-muted); background:#0d223b; }
.alarm-summary span strong { color:var(--demo-text); }
.alarm-summary > i { color:var(--demo-signal); }
.alarm-summary > b { color:#8fe7ee; }
.light-toggle { background:#0d223b; border-color:#355b76; }
.light-toggle button { color:var(--demo-muted); }
.light-toggle button.is-selected { color:#081d32; background:var(--demo-signal); }
.dumbbell-legend,.dumbbell-axis { color:var(--demo-muted); }
.dumbbell-legend .parent-dot,.dumbbell-track .parent-dot { background:#d1dde5; }
.dumbbell-legend .candidate-dot,.dumbbell-track .candidate-dot { background:var(--demo-signal); }
.dumbbell-row { color:#d6e4ec; }
.dumbbell-row:hover,.dumbbell-row:focus-visible,.dumbbell-row.is-selected { background:var(--demo-raised); border-color:#4c748e; }
.dumbbell-row > strong { color:#d7e7ee; }
.dumbbell-track { background:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),#294a63 calc(25% - 1px),#294a63 25%); border-color:#3d6079; }
.dumbbell-track > i { background:#7893a5; }
.dumbbell-track > b { border-color:var(--demo-panel); }
.activation-chart .neuron-caption { color:#d4e4eb; background:var(--demo-raised); }

.feedback-metrics article { background:var(--demo-raised); border-color:#355b76; }
.feedback-metrics article span { color:var(--demo-muted); }
.feedback-metrics article strong { color:var(--demo-text); }
.feedback-metrics article.positive { background:#123f42; border-color:#2a776f; }
.feedback-metrics article.positive strong { color:#7ce0ca; }
.feedback-metrics > i { color:var(--demo-signal); }
.replay-button { color:#081d32; background:var(--demo-signal); }
.replay-button:hover,.replay-button:focus-visible { background:#8de7f0; }
.update-mini-tree i { color:#d8e7ee; background:var(--demo-raised); border-color:#355b76; }
.update-mini-tree .new-node { color:#081d32; background:var(--demo-signal); border-color:var(--demo-signal); }
.update-mini-tree b { color:var(--demo-signal); }
.update-story ol { color:var(--demo-muted); }
.update-story a { color:#8ee7ef; }

.lock-icon { color:#081d32; background:var(--demo-signal); border-color:#2d7184; }
.final-locked h3 { color:var(--demo-text); }
.final-locked p { color:var(--demo-muted); }
.final-locked p:first-child { color:#f2a16f; }
.max-progress { background:#263f58; }
.max-progress i { background:var(--demo-signal); }
.final-template { color:#d7e6ed; background:#0d223b; border-color:var(--demo-border); }
.final-template span { background:var(--demo-raised); }
.combine-row span { color:var(--demo-signal); }
.combine-row strong { color:#ffd2ba; background:#402c2b; border-color:#805544; }
.generation-row { background:var(--demo-raised); }
.generation-row i { color:#081d32; background:var(--demo-signal); }
.generation-row strong { color:var(--demo-text); }
.generation-row small { color:var(--demo-muted); }
.outcome-card { background:#2b2229; border-color:#805544; }
.outcome-card > span { color:#f2a16f; }
.outcome-card > strong { color:#ffb185; }
.outcome-card > div { color:#ffd2ba; background:#201b25; border-color:#a56b52; }
.outcome-card p { color:#d8b9ac; }
.light-lock { color:#ffd2ba; background:#402c2b; border-color:#805544; }
.light-lock strong { color:#ffb185; }
.compact-navigation { background:var(--demo-panel); border-color:var(--demo-border); }
.compact-navigation .stage-status { color:var(--demo-muted); }
.compact-navigation .console-button { color:#caeff3; background:var(--demo-raised); border-color:#355b76; }
.compact-navigation .console-button:hover,.compact-navigation .console-button:focus-visible { color:#081d32; background:var(--demo-signal); border-color:var(--demo-signal); }

@media (max-width:1120px) and (min-width:981px) {
  .hero-pipeline { grid-template-columns:minmax(218px,1.12fr) auto minmax(194px,1fr) auto 98px; }
  .hero-token-row > .hero-token { min-width:calc(var(--token-chars) + .3rem); padding-inline:.08rem; font-size:.61rem; }
}
@media (max-width:620px) {
  .sentinel-link { padding:.14rem .22rem; }
  .partner-lockup img { width:142px; height:auto; }
  .footer-partner img { width:118px; }
  .hero-pipeline {
    grid-template-columns:minmax(0,1fr) 12px 78px;
    grid-template-areas:"template template template" "network arrow oracle";
    gap:.35rem;
  }
  .hero-template-stage { height:132px; min-height:132px; }
  .hero-template-tokens { height:80px; min-height:80px; gap:.13rem; }
  .hero-template-stage > div span,.hero-network-heading span,.hero-oracle-stage > span { font-size:.61rem; }
  .hero-template-stage > div b { font-size:.59rem; }
  .hero-token-row > .hero-token { min-width:calc(var(--token-chars) + .2rem); min-height:21px; padding:.1rem .07rem; font-size:.55rem; }
  .hero-network-stage,.hero-oracle-stage { height:190px; min-height:190px; }
  .hero-oracle-stage small,.hero-feedback,.hero-playback > span { font-size:.6rem; }
}

/* v9 · section-aware compact navigation and publication identity */
.site-header {
  transition:width .36s ease,min-height .36s ease,padding .36s ease,border-radius .36s ease,box-shadow .36s ease;
}
.site-header #primary-nav a {
  position:relative;
  padding:.28rem .08rem;
  border-radius:6px;
  transition:color .2s ease,background .2s ease;
}
.site-header #primary-nav a[aria-current="location"] { color:#06778d; }
.site-header #primary-nav a[aria-current="location"]::after {
  content:"";
  position:absolute;
  left:.08rem;
  right:.08rem;
  bottom:-.14rem;
  height:2px;
  background:#19a7b8;
  border-radius:999px;
}
.compact-nav-toggle {
  display:none;
  align-items:center;
  gap:.55rem;
  min-height:40px;
  padding:.48rem .68rem .48rem .82rem;
  color:#123650;
  background:transparent;
  border:0;
  border-radius:999px;
  cursor:pointer;
  box-shadow:none;
}
.compact-nav-toggle:hover { color:#056f83; background:rgba(230,245,247,.72); }
.compact-nav-toggle:focus-visible { color:#056f83; outline:2px solid #8cbec8; outline-offset:1px; }
.compact-label-window {
  position:relative;
  width:132px;
  height:1.25rem;
  display:block;
  overflow:hidden;
  text-align:right;
  font-size:.82rem;
  font-weight:800;
  line-height:1.25rem;
  white-space:nowrap;
  flex:0 0 132px;
  contain:layout paint;
}
.compact-label-window > span { position:absolute; inset:0; transition:transform .26s ease,opacity .26s ease; }
.compact-label-window.is-resetting > span { transition:none; }
#compact-label-current { transform:translateY(0); opacity:1; }
#compact-label-next { transform:translateY(120%); opacity:0; }
.compact-label-window.is-rolling #compact-label-current { transform:translateY(-120%); opacity:0; }
.compact-label-window.is-rolling #compact-label-next { transform:translateY(0); opacity:1; }
.compact-nav-toggle > i {
  width:7px;
  height:7px;
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:translateY(-2px) rotate(45deg);
  transition:transform .22s ease;
}
.site-header.is-expanded .compact-nav-toggle > i { transform:translateY(2px) rotate(225deg); }
.site-header.is-compact {
  width:196px;
  min-height:50px;
  margin-left:auto;
  margin-right:max(1rem,calc((100vw - var(--max))/2));
  padding:.3rem .42rem;
  justify-content:flex-end;
  flex-wrap:nowrap;
  border-radius:999px;
  box-shadow:0 10px 30px rgba(16,53,75,.12);
}
.site-header.is-compact .brand,.site-header.is-compact .menu-toggle { display:none; }
.site-header.is-compact .compact-nav-toggle { display:flex; width:100%; justify-content:flex-end; }
.site-header.is-compact #primary-nav {
  position:absolute;
  top:50%;
  right:calc(100% + .5rem);
  width:max-content;
  display:flex;
  align-items:center;
  gap:.82rem;
  padding:.58rem .82rem;
  background:rgba(255,255,255,.96);
  border:1px solid rgba(199,216,224,.94);
  border-radius:999px;
  box-shadow:0 10px 30px rgba(16,53,75,.12);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translate(12px,-50%) scale(.97);
  transform-origin:right center;
  transition:opacity .2s ease,transform .24s ease,visibility 0s linear .24s;
}
.site-header.is-compact.is-expanded #primary-nav {
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translate(0,-50%) scale(1);
  transition-delay:0s;
}
.site-header.is-compact #primary-nav a { padding:.28rem .18rem; white-space:nowrap; }

.hero-partner { margin:1.2rem 0 1rem; }
.authors .author-link,.paper-id {
  color:#08768a;
  text-decoration-color:rgba(8,118,138,.35);
  text-underline-offset:.18em;
}
.authors .author-link:hover,.authors .author-link:focus-visible,.paper-id:hover,.paper-id:focus-visible { color:#07586a; text-decoration-color:currentColor; }
.paper-id { display:inline-flex; margin-top:.28rem; font-size:.82rem; font-weight:750; }

.site-footer { grid-template-columns:minmax(0,1fr) auto; align-items:end; }
.footer-author { min-width:210px; display:grid; justify-items:end; align-content:end; text-align:right; }
.footer-author > span { color:#75869a; font-size:.65rem; font-weight:800; letter-spacing:.09em; text-transform:uppercase; }
.footer-author > a:first-of-type { margin-top:.2rem; color:#102f49; font-size:1rem; font-weight:800; text-decoration:none; }
.footer-author > a:first-of-type:hover,.footer-author > a:first-of-type:focus-visible { color:#08768a; }
.footer-author p { color:#65778a; }
.footer-author > a:last-child { margin-top:.22rem; font-weight:750; text-underline-offset:.16em; }

@media (max-width:980px) {
  .site-header.is-compact { width:184px; margin-right:1rem; border-radius:999px; }
  .site-header.is-compact #primary-nav {
    top:calc(100% + .5rem);
    right:0;
    width:min(280px,calc(100vw - 2rem));
    flex-direction:column;
    align-items:stretch;
    gap:0;
    padding:.45rem;
    transform:translateY(-8px) scale(.98);
    transform-origin:top right;
  }
  .site-header.is-compact.is-expanded #primary-nav { transform:translateY(0) scale(1); }
  .site-header.is-compact #primary-nav a { padding:.62rem .7rem; border-top:0; }
  .site-header.is-compact #primary-nav a[aria-current="location"] { background:#e6f5f7; }
  .site-header.is-compact #primary-nav a[aria-current="location"]::after { display:none; }
  .compact-label-window { width:122px; flex-basis:122px; }
}
@media (max-width:680px) {
  .hero-partner { align-items:flex-start; margin:1.05rem 0 .95rem; }
  .site-footer { grid-template-columns:1fr; align-items:start; }
  .footer-author { min-width:0; justify-items:start; text-align:left; }
}
@media (prefers-reduced-motion:reduce) {
  .site-header,.compact-label-window > span,.compact-nav-toggle > i,.site-header.is-compact #primary-nav { transition:none; }
}