/* Preserve semantic visibility even when component styles set display. */
[hidden] {
  display:none !important;
}
:root {
  color-scheme:light;
  --bg:#f5f4ee;
  --panel:#fffefa;
  --text:#20372e;
  --muted:#647069;
  --line:#d8ddd3;
  --accent:#225b42;
  --soft:#e8eee3;
  --bad:#a54432;
  --warn:#85622d;
  --coral:#c9795d;
  --serif:Georgia,'Times New Roman',serif
}
* {
  box-sizing:border-box
}
html {
  scroll-behavior:smooth;
  scroll-padding-top:28px
}
body {
  margin:0;
  background:var(--bg);
  color:var(--text);
  font:15px/1.65 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif
}
a {
  color:inherit;
  text-decoration-thickness:1px;
  text-underline-offset:5px
}
button,input,select,textarea {
  font:inherit;
  color:inherit
}
button,.button {
  border:1px solid var(--line);
  border-radius:5px;
  padding:11px 17px;
  background:transparent;
  text-decoration:none;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:20px;
  line-height:1.35;
  font-size:.88rem;
  font-weight:550;
  transition:background .15s,border-color .15s
}
button:hover,.button:hover {
  background:var(--soft);
  border-color:var(--accent)
}
button.primary,.button.primary {
  background:var(--accent);
  border-color:var(--accent);
  color:#fffefa
}
button.primary:hover,.button.primary:hover {
  background:#183f2e
}
button:disabled {
  opacity:.45;
  cursor:default
}
.quiet {
  border-color:transparent;
  color:var(--muted)
}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible {
  outline:3px solid #c27a56;
  outline-offset:4px
}
input,select,textarea {
  border:1px solid var(--line);
  background:var(--panel);
  border-radius:4px;
  padding:10px;
  max-width:100%
}
select {
  width:100%
}
input[type=number] {
  width:110px
}
input[type=checkbox] {
  accent-color:var(--accent)
}
label {
  display:block;
  font-size:.85rem;
  margin:12px 0 5px
}
.check-label {
  display:flex;
  gap:10px;
  align-items:flex-start
}
.check-label input {
  margin-top:6px
}
h1,h2,h3,h4,p {
  margin-top:0
}
h1,h2 {
  font-weight:450;
  letter-spacing:-.055em;
  line-height:1.06
}
h3,h4 {
  font-weight:600;
  line-height:1.3
}
h4 {
  font-size:.95rem;
  margin-bottom:0
}
em {
  font-family:var(--serif);
  font-weight:400;
  letter-spacing:-.055em
}
p {
  margin-bottom:1em
}
.wrap {
  width:min(1180px,calc(100% - 96px));
  margin-inline:auto
}
.eyebrow,.section-kicker {
  font-size:.65rem;
  letter-spacing:.13em;
  text-transform:uppercase;
  font-weight:650
}
.eyebrow {
  color:var(--accent);
  margin-bottom:18px
}
.row {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center
}
.spread {
  justify-content:space-between
}
.hint,.muted {
  color:var(--muted)
}
.hint {
  font-size:.78rem;
  line-height:1.6
}
.badge,.tiny-tag {
  display:inline-flex;
  align-items:center;
  font-size:.65rem;
  letter-spacing:.02em;
  padding:4px 8px;
  border-radius:3px;
  background:var(--soft);
  color:var(--accent)
}
.bad {
  color:var(--bad)
}
.warn {
  color:var(--warn)
}
.skip-link {
  position:absolute;
  left:20px;
  top:-80px;
  z-index:5;
  background:var(--panel);
  padding:10px
}
.skip-link:focus {
  top:10px
}
.site-nav {
  min-height:98px;
  display:flex;
  gap:30px;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid var(--line)
}
.brand {
  display:inline-flex;
  align-items:center;
  gap:9px;
  font-size:.85rem;
  font-weight:700;
  text-decoration:none;
  letter-spacing:-.02em;
  white-space:nowrap
}
.brand-light {
  font-weight:400;
  color:var(--muted);
  margin-left:-4px
}
.brand-mark {
  display:grid;
  grid-template-columns:repeat(2,6px);
  gap:3px;
  margin-right:4px;
  transform:rotate(-10deg)
}
.brand-mark i {
  width:6px;
  height:6px;
  background:var(--accent);
  border-radius:1px
}
.brand-mark i:last-child {
  background:var(--coral)
}
.site-nav nav {
  display:flex;
  gap:30px;
  font-size:.78rem
}
.site-nav nav a,.source-link {
  text-decoration:none
}
.site-nav nav a:hover,.source-link:hover {
  text-decoration:underline
}
.source-link {
  font-size:.78rem
}
.hero {
  padding-block:90px 100px;
  display:grid;
  grid-template-columns:1.05fr 1fr;
  gap:55px;
  align-items:center
}
.dot {
  display:inline-block;
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--coral);
  margin-right:8px;
  vertical-align:middle
}
.hero h1 {
  font-size:clamp(3.25rem,5.35vw,5rem);
  margin:22px 0 28px
}
.hero-intro {
  font-size:1rem;
  line-height:1.8;
  max-width:440px;
  color:var(--muted)
}
.hero-actions {
  display:flex;
  align-items:center;
  gap:24px;
  flex-wrap:wrap;
  margin-top:30px
}
.text-link {
  font-size:.82rem;
  text-decoration:none
}
.hero-caption {
  margin:24px 0 0;
  font-size:.7rem;
  color:var(--muted)
}
.hero-diagram {
  border:1px solid var(--line);
  border-radius:12px;
  background:linear-gradient(145deg,#eeeee5,#f9f9f3);
  padding:26px 24px 20px;
  position:relative
}
.diagram-heading {
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:35px
}
.diagram-heading .eyebrow {
  margin:0;
  font-size:.65rem
}
.tiny-tag {
  background:transparent;
  border:1px solid var(--line);
  color:var(--muted);
  font-size:.65rem
}
.agent-requests {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px
}
.request-chip {
  display:flex;
  gap:7px;
  align-items:center;
  padding:12px 8px;
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:6px;
  font-size:.67rem;
  font-weight:600
}
.request-chip small {
  display:block;
  font-size:.62rem;
  font-weight:400;
  color:var(--muted)
}
.agent-icon {
  width:25px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:5px;
  background:var(--soft);
  font-size:.67rem;
  flex-shrink:0
}
.request-warm .agent-icon {
  background:#f1ddd1;
  color:#974c34
}
.diagram-connectors {
  height:82px;
  position:relative
}
.diagram-connectors svg {
  width:100%;
  height:65px;
  position:absolute;
  top:0
}
.diagram-connectors path {
  stroke:#b2bfb0;
  fill:none;
  stroke-width:1
}
.diagram-connectors span {
  position:absolute;
  top:32px;
  left:50%;
  transform:translateX(-50%);
  white-space:nowrap;
  font-size:.65rem;
  color:var(--muted);
  background:#f1f2e9;
  padding:2px 7px
}
.lock-card {
  background:var(--text);
  color:var(--panel);
  display:flex;
  gap:13px;
  align-items:center;
  padding:20px 16px;
  border-radius:7px;
  box-shadow:0 10px 26px #193e2310
}
.lock-icon {
  font-size:30px;
  color:#bfceac;
  line-height:1
}
.lock-card strong {
  font-size:.83rem;
  font-weight:500
}
.lock-card p {
  font-size:.61rem;
  color:#c7d2c7;
  margin:4px 0 0
}
.lock-check {
  margin-left:auto;
  font-size:18px;
  color:#bdcdb0
}
.down-stem {
  height:28px;
  width:1px;
  background:#b2bfb0;
  margin:auto
}
.pool-illustration {
  background:var(--panel);
  border:1px solid var(--line);
  padding:20px 16px;
  border-radius:7px
}
.pool-illustration strong {
  font-size:.75rem;
  font-weight:550
}
.healthy-label {
  font-size:.65rem;
  color:var(--accent)
}
.healthy-label:before {
  content:'●';
  margin-right:5px;
  font-size:6px
}
.pool-blocks {
  display:grid;
  grid-template-columns:repeat(8,1fr);
  gap:5px;
  margin:16px 0
}
.pool-blocks i {
  height:38px;
  border-radius:3px;
  background:#416b4d
}
.pool-blocks .block-light {
  background:#9db394
}
.pool-blocks .block-warm {
  background:#cf9679
}
.diagram-key {
  font-size:.65rem;
  color:var(--muted);
  gap:4px
}
.diagram-footnote {
  font-size:.65rem;
  color:var(--muted);
  margin:18px 4px 0;
  line-height:1.6
}
.section-kicker {
  display:flex;
  justify-content:space-between;
  gap:20px;
  padding:22px 0;
  border-top:1px solid var(--line);
  color:var(--muted)
}
.section-kicker span:last-child {
  text-transform:none;
  letter-spacing:0;
  font-weight:400
}
.premise {
  padding-bottom:100px
}
.premise-heading {
  display:grid;
  grid-template-columns:1.3fr 1fr;
  gap:70px;
  margin:38px 0 48px;
  align-items:start
}
.premise h2 {
  font-size:clamp(2rem,3.2vw,3rem);
  line-height:1.2
}
.premise-heading>p {
  font-size:.9rem;
  color:var(--muted);
  line-height:1.85;
  margin-top:7px
}
.mechanism {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:38px
}
.mechanism article {
  border-top:1px solid var(--line);
  padding:24px 0
}
.step-number {
  font:italic 1.5rem var(--serif);
  color:var(--coral);
  display:block;
  margin-bottom:20px
}
.mechanism h3 {
  font-size:1.05rem;
  margin-bottom:12px
}
.mechanism p {
  font-size:.83rem;
  line-height:1.8;
  color:var(--muted)
}
.energy-note {
  border:1px solid var(--line);
  display:flex;
  gap:24px;
  align-items:center;
  padding:22px 26px;
  margin-top:15px;
  border-radius:6px
}
.math-symbol {
  font:italic 2.5rem var(--serif);
  color:var(--accent)
}
.energy-note p {
  font-size:.8rem;
  color:var(--muted);
  margin:0;
  flex:1
}
.energy-note strong {
  color:var(--text)
}
.energy-note code {
  font-size:.77rem;
  white-space:nowrap;
  color:var(--accent);
  padding:10px;
  background:var(--soft);
  border-radius:4px
}
.explorer-section {
  background:#e9eee6;
  padding:32px 0 88px
}
.section-heading {
  display:flex;
  justify-content:space-between;
  gap:70px;
  align-items:end;
  margin:28px 0 46px
}
.section-heading h2 {
  font-size:clamp(2.7rem,4vw,3.8rem);
  margin:0
}
.section-heading>p {
  max-width:400px;
  font-size:.88rem;
  line-height:1.85;
  color:var(--muted);
  margin:0
}
.scenario-tabs {
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:0;
  border-bottom:1px solid #bdc9ba;
  margin-bottom:28px
}
.scenario-tabs button {
  border:0;
  border-radius:0;
  text-align:left;
  padding:16px 12px 18px;
  display:block;
  color:var(--muted);
  font-size:.8rem;
  position:relative;
  line-height:1.45;
  background:transparent
}
.scenario-tabs button small {
  display:block;
  font-size:.65rem;
  color:var(--muted);
  font-weight:400;
  margin-top:4px
}
.scenario-tabs button .tab-index {
  font-size:.65rem;
  display:block;
  margin-bottom:7px;
  color:var(--muted)
}
.scenario-tabs button[aria-selected=true] {
  color:var(--accent)
}
.scenario-tabs button[aria-selected=true]:after {
  content:'';
  height:3px;
  position:absolute;
  bottom:-1px;
  left:0;
  right:0;
  background:var(--accent)
}
.scenario-tabs button:hover {
  background:#dfe7db
}
.scenario-shell {
  background:var(--panel);
  border:1px solid #d0d9cb;
  border-radius:10px;
  overflow:hidden;
  box-shadow:0 6px 16px #193e2304
}
.scenario-intro {
  display:flex;
  justify-content:space-between;
  gap:30px;
  padding:32px 36px 18px
}
.scenario-intro .eyebrow {
  font-size:.65rem;
  margin-bottom:10px
}
.scenario-intro h3 {
  font-size:1.65rem;
  font-weight:500;
  letter-spacing:-.035em;
  margin-bottom:12px;
  max-width:740px
}
.scenario-intro p:not(.eyebrow) {
  max-width:720px;
  color:var(--muted);
  font-size:.85rem;
  margin:0
}
.scenario-counter {
  text-align:right;
  flex-shrink:0;
  min-width:90px
}
.scenario-counter span {
  font:italic 3.5rem var(--serif);
  color:#bbc8b8;
  line-height:1
}
.scenario-counter small {
  display:block;
  font-size:.65rem;
  color:var(--muted)
}
.explorer-mode {
  display:flex;
  gap:12px;
  align-items:center;
  flex-wrap:wrap;
  padding:0 36px 25px;
  font-size:.65rem;
  color:var(--muted)
}
.explorer-mode .badge {
  font-size:.65rem
}
.playback {
  background:#f2f4ed;
  border-block:1px solid var(--line);
  padding:23px 36px;
  display:flex;
  gap:25px;
  align-items:center;
  justify-content:space-between
}
.playback .eyebrow {
  font-size:.65rem
}
.playback p {
  font-size:.84rem;
  margin:4px 0
}
.playback .hint {
  font-size:.65rem
}
.playback button {
  font-size:.76rem;
  padding:10px 13px;
  white-space:nowrap
}
.status-line {
  margin:0 36px;
  font-size:.73rem;
  color:var(--muted);
  padding-top:13px;
  min-height:30px
}
.status-line.bad {
  color:var(--bad)
}
.explorer-grid {
  display:grid;
  grid-template-columns:1.3fr 1fr;
  padding:20px 36px 30px;
  gap:38px
}
.panel-heading {
  margin-bottom:20px
}
.version-label {
  font-size:.61rem;
  color:var(--muted)
}
.metrics {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(135px,1fr));
  gap:18px 16px
}
.metric {
  border-left:2px solid var(--line);
  padding-left:12px
}
.metric strong {
  display:block;
  font-weight:500;
  font-size:1.8rem;
  letter-spacing:-.04em;
  font-variant-numeric:tabular-nums;
  line-height:1.5
}
.metric small {
  display:block;
  font-size:.61rem;
  color:var(--muted);
  line-height:1.5
}
.metric small:first-child {
  min-height:29px;
  color:var(--text)
}
.energy-column {
  border-left:1px solid var(--line);
  padding-left:30px
}
.score {
  font:italic 2rem var(--serif)
}
.bars {
  display:flex;
  align-items:flex-end;
  gap:9px;
  height:120px;
  margin:20px 0 15px;
  border-bottom:1px solid var(--line);
  padding:24px 6px 0
}
.bar {
  flex:1;
  min-width:4px;
  max-width:65px;
  border-radius:3px 3px 0 0;
  background:#7d9c76;
  position:relative
}
.bar:last-child {
  background:var(--accent)
}
.bar span {
  position:absolute;
  top:-24px;
  left:50%;
  transform:translateX(-50%);
  font-size:.65rem
}
.chart-note {
  font-size:.65rem;
  color:var(--muted);
  line-height:1.65
}
.result-slot {
  margin-top:24px
}
.empty-state {
  font-size:.78rem;
  color:var(--muted);
  margin:0;
  padding:14px 0
}
.decision {
  background:var(--soft);
  padding:14px 16px;
  border-left:3px solid var(--accent);
  border-radius:0 4px 4px 0;
  font-size:.82rem
}
.decision p {
  margin:5px 0 0;
  font-size:.74rem
}
.decision.denied {
  background:#f6e9e1;
  border-left-color:var(--coral)
}
.decision .decision-explanation {
  font-size:.7rem;
  color:var(--muted);
  margin-top:8px
}
.trail {
  padding:26px 36px;
  border-top:1px solid var(--line)
}
.trail .row {
  margin-bottom:15px
}
.log-row {
  display:grid;
  grid-template-columns:62px 1fr auto;
  gap:12px;
  align-items:start;
  border-bottom:1px solid #e6e9e1;
  padding:11px 0;
  font-size:.74rem
}
.log-row:last-child {
  border:0
}
.log-state {
  font-size:.65rem;
  letter-spacing:.08em;
  padding:4px 6px;
  background:var(--soft);
  text-align:center;
  border-radius:3px;
  color:var(--accent)
}
.log-state.denied {
  background:#f6e9e1;
  color:#9a4d34
}
.log-energy {
  font-size:.65rem;
  color:var(--muted);
  font-variant-numeric:tabular-nums
}
.baseline-note {
  padding:23px 36px;
  background:#f3f2eb;
  border-top:1px solid var(--line)
}
.baseline-note p {
  font-size:.8rem;
  margin:7px 0 5px;
  max-width:900px
}
.baseline-note small {
  font-size:.62rem;
  color:var(--muted)
}
details {
  border-top:1px solid var(--line)
}
summary {
  cursor:pointer;
  list-style:none;
  display:flex;
  justify-content:space-between;
  gap:24px;
  align-items:center;
  padding:22px 0;
  font-size:.88rem;
  font-weight:500
}
summary::-webkit-details-marker {
  display:none
}
summary .eyebrow {
  display:block;
  margin:0 0 4px;
  font-size:.65rem
}
.summary-plus {
  font-size:20px;
  font-weight:300;
  transition:transform .15s
}
details[open]>summary .summary-plus {
  transform:rotate(45deg)
}
.experiment,.execution-details {
  padding:0 36px
}
.experiment-body {
  display:grid;
  grid-template-columns:1.2fr 1fr;
  gap:40px;
  padding:0 0 26px
}
.experiment-body>.row {
  align-items:start
}
.experiment-body label:first-child {
  margin-top:0
}
.experiment-body h4 {
  margin-bottom:12px
}
.experiment-body button {
  font-size:.72rem;
  padding:9px 11px
}
.experiment-body .row {
  margin-top:16px
}
.execution-details {
  padding-bottom:0
}
.execution-details[open] {
  padding-bottom:24px
}
.scroll {
  overflow:auto
}
table {
  border-collapse:collapse;
  width:100%;
  font-size:.72rem
}
td,th {
  border-bottom:1px solid var(--line);
  text-align:left;
  padding:10px 8px;
  vertical-align:top
}
th {
  font-weight:500;
  color:var(--muted)
}
td button {
  font-size:.65rem;
  padding:5px 7px;
  margin:2px
}
.contract-section {
  padding-block:70px 60px
}
.contract-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:65px;
  margin-bottom:40px
}
.code-panel {
  background:#20372e;
  color:#e3ebdf;
  border-radius:8px;
  overflow:hidden
}
.code-header {
  padding:17px 23px;
  border-bottom:1px solid #ffffff20;
  display:flex;
  justify-content:space-between;
  gap:20px;
  font-size:.65rem
}
.code-header span:last-child {
  color:#a4b2a7;
  font-size:.65rem
}
.code-panel pre {
  background:transparent;
  padding:24px;
  margin:0;
  font-size:.77rem;
  line-height:1.95;
  max-height:none
}
.code-dim {
  color:#9cab9c
}
.code-accent {
  color:#e1b496
}
.code-panel>p {
  padding:0 24px 20px;
  margin:0;
  color:#b1c0b1;
  font-size:.65rem;
  line-height:1.7
}
.technical-points {
  padding-top:4px
}
.technical-points article {
  display:flex;
  gap:23px;
  padding:16px 0;
  border-bottom:1px solid var(--line)
}
.technical-points article:first-child {
  padding-top:0
}
.technical-points article:last-child {
  border:0
}
.technical-points article>span {
  font:italic 1.3rem var(--serif);
  color:var(--coral)
}
.technical-points h3 {
  font-size:.95rem;
  margin-bottom:9px
}
.technical-points p {
  font-size:.8rem;
  color:var(--muted);
  line-height:1.8;
  margin:0
}
.contract-details details:last-child {
  border-bottom:1px solid var(--line)
}
.contract-details summary {
  font-size:.88rem;
  padding-block:22px
}
.detail-body {
  padding:0 0 22px;
  font-size:.84rem;
  color:var(--muted);
  max-width:850px
}
.detail-body p:last-child {
  margin-bottom:0
}
pre {
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  background:#eeefe7;
  padding:18px;
  font-size:.75rem;
  line-height:1.8;
  border-radius:4px;
  max-height:420px;
  overflow:auto
}
code {
  font-family:ui-monospace,SFMono-Regular,Consolas,monospace
}
.lifecycle-flow {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  font-size:.7rem;
  margin-bottom:18px
}
.lifecycle-flow span {
  background:var(--soft);
  color:var(--accent);
  padding:7px 10px;
  border-radius:4px
}
.lifecycle-flow b {
  font-weight:400
}
.resource-links {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
  margin-top:30px
}
.resource-links a {
  display:flex;
  justify-content:space-between;
  gap:20px;
  text-decoration:none;
  padding:17px 0;
  border-bottom:1px solid var(--line);
  font-size:.8rem
}
.resource-links a:hover {
  border-color:var(--accent)
}
.closing {
  text-align:center;
  border-top:1px solid var(--line);
  padding-block:65px 80px
}
.closing h2 {
  font-size:clamp(2.8rem,4.5vw,4rem);
  margin:18px 0 28px
}
.site-footer {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  border-top:1px solid var(--line);
  padding-block:26px 35px;
  font-size:.65rem;
  color:var(--muted)
}
.site-footer .brand {
  font-size:.75rem;
  color:var(--text)
}
.site-footer p {
  margin:0
}
.site-footer>a:last-child {
  text-decoration:none
}
.panel {
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:8px;
  padding:24px;
  margin-bottom:20px
}
.wide-input {
  width:100%
}
.lede {
  color:var(--muted)
}
body:not(.story-site)>header,body:not(.story-site)>main,body:not(.story-site)>footer {
  max-width:850px;
  padding:30px;
  margin:auto
}
body:not(.story-site) h1 {
  font-size:3rem;
  margin-top:25px
}
body:not(.story-site) h2 {
  font-size:1.4rem
}
body:not(.story-site) .row {
  margin-top:16px
}
@media(min-width:1450px) {
  .hero {
    padding-block:110px 120px
  }
}
@media(max-width:1050px) {
  .wrap {
    width:calc(100% - 56px)
  }
  .hero {
    gap:30px;
    padding-block:65px 80px
  }
  .hero h1 {
    font-size:3.6rem
  }
  .hero-diagram {
    padding:20px 16px
  }
  .agent-icon {
    display:none
  }
  .premise-heading {
    gap:30px
  }
  .playback {
    align-items:flex-start;
    flex-direction:column;
    gap:16px
  }
  .contract-grid {
    gap:35px
  }
  .explorer-grid {
    gap:24px
  }
  .metrics {
    grid-template-columns:repeat(2,1fr)
  }
  .energy-column {
    padding-left:24px
  }
}
@media(max-width:760px) {
  html {
    scroll-padding-top:16px
  }
  .wrap {
    width:calc(100% - 36px)
  }
  .site-nav {
    min-height:76px;
    gap:16px
  }
  .site-nav nav {
    gap:15px;
    font-size:.68rem
  }
  .site-nav .source-link,.brand-light {
    display:none
  }
  .brand {
    font-size:.75rem
  }
  .hero {
    grid-template-columns:1fr;
    padding-block:45px 60px;
    gap:40px
  }
  .hero h1 {
    font-size:clamp(3.1rem,10vw,4.5rem)
  }
  .hero-intro {
    font-size:.95rem;
    max-width:550px
  }
  .hero-caption {
    font-size:.65rem
  }
  .hero-diagram {
    max-width:520px;
    width:100%;
    justify-self:center;
    padding:25px 20px
  }
  .agent-icon {
    display:grid
  }
  .hero-actions {
    gap:20px
  }
  .section-kicker {
    font-size:.65rem;
    gap:10px
  }
  .section-kicker span:last-child {
    max-width:160px;
    text-align:right
  }
  .premise {
    padding-bottom:55px
  }
  .premise-heading {
    grid-template-columns:1fr;
    gap:12px;
    margin-block:25px
  }
  .premise h2 {
    font-size:2.3rem;
    margin-bottom:0
  }
  .premise-heading>p {
    font-size:.85rem
  }
  .mechanism {
    grid-template-columns:1fr;
    gap:0
  }
  .mechanism article {
    padding:20px 0 15px;
    display:grid;
    grid-template-columns:35px 1fr;
    gap:4px 15px
  }
  .step-number {
    grid-row:span 2;
    margin:0
  }
  .mechanism h3 {
    margin:0
  }
  .mechanism p {
    margin:5px 0 0
  }
  .energy-note {
    flex-wrap:wrap;
    padding:18px;
    gap:15px
  }
  .energy-note p {
    flex-basis:80%
  }
  .energy-note code {
    margin-left:40px
  }
  .explorer-section {
    padding-block:20px 45px
  }
  .section-heading {
    display:block;
    margin-block:24px 30px
  }
  .section-heading h2 {
    font-size:2.8rem;
    margin-bottom:20px
  }
  .section-heading>p {
    font-size:.85rem;
    max-width:520px
  }
  .scenario-tabs {
    overflow-x:auto;
    grid-template-columns:repeat(5,minmax(110px,1fr));
    margin-bottom:20px
  }
  .scenario-tabs button {
    padding:10px 9px 15px;
    font-size:.74rem
  }
  .scenario-tabs button small {
    font-size:.65rem
  }
  .scenario-intro {
    padding:24px 20px 16px;
    gap:10px
  }
  .scenario-intro h3 {
    font-size:1.4rem
  }
  .scenario-intro p:not(.eyebrow) {
    font-size:.8rem
  }
  .scenario-counter {
    min-width:40px
  }
  .scenario-counter span {
    font-size:2.6rem
  }
  .scenario-counter small {
    display:none
  }
  .explorer-mode {
    padding:0 20px 20px;
    gap:5px;
    font-size:.65rem
  }
  .playback {
    padding:20px
  }
  .playback button {
    font-size:.7rem;
    padding:9px 11px
  }
  .status-line {
    margin-inline:20px;
    font-size:.66rem
  }
  .explorer-grid {
    grid-template-columns:1fr;
    padding:15px 20px 25px;
    gap:28px
  }
  .energy-column {
    border-left:0;
    border-top:1px solid var(--line);
    padding:22px 0 0
  }
  .metrics {
    grid-template-columns:repeat(2,1fr);
    gap:16px
  }
  .metric small:first-child {
    min-height:0
  }
  .trail {
    padding:22px 20px
  }
  .log-row {
    grid-template-columns:50px 1fr;
    gap:7px;
    font-size:.69rem
  }
  .log-energy {
    grid-column:2
  }
  .baseline-note {
    padding:20px
  }
  .experiment,.execution-details {
    padding-inline:20px
  }
  .experiment-body {
    grid-template-columns:1fr;
    gap:22px
  }
  .contract-section {
    padding-block:40px
  }
  .contract-grid {
    grid-template-columns:1fr;
    gap:30px
  }
  .contract-details summary {
    font-size:.8rem
  }
  .resource-links {
    grid-template-columns:1fr;
    gap:5px
  }
  .resource-links a {
    padding-block:14px
  }
  .closing {
    padding-block:40px 55px
  }
  .site-footer {
    flex-wrap:wrap;
    gap:12px;
    padding-block:22px
  }
  .site-footer p {
    order:3;
    width:100%
  }
  .code-panel pre {
    font-size:.68rem;
    padding:18px
  }
  .code-header {
    padding:15px 18px
  }
  .code-panel>p {
    padding-inline:18px
  }
}
@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto
  }
  *,*:before,*:after {
    transition:none!important
  }
}

/* Judge journey: the demo first, then concrete evidence. */
.demo-guide, .evidence-grid, .review-status {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:28px;
}
.demo-guide {
  margin:0 0 36px;
  padding:24px 0;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.demo-guide p { margin:8px 0 0; font-size:.88rem; }
.near-boundary { max-width:850px; margin:0 0 36px; }
.evidence-section { padding-top:64px; padding-bottom:72px; }
.evidence-grid article { border-top:2px solid var(--accent); padding-top:22px; }
.evidence-grid h3, .review-status h3 { font-size:1.2rem; line-height:1.35; margin:14px 0; }
.evidence-grid p, .review-status p { font-size:.92rem; }
.evidence-grid a { display:inline-block; margin-top:12px; font-size:.85rem; }
.review-status { grid-template-columns:repeat(2,minmax(0,1fr)); background:var(--soft); padding:28px; margin-top:36px; }
#scenario-panel { scroll-margin-top:24px; }
@media(max-width:760px) {
  .demo-guide, .evidence-grid, .review-status { grid-template-columns:1fr; gap:20px; }
  .evidence-section { padding-top:40px; padding-bottom:40px; }
  .review-status { padding:20px; }
}

/* A luminous, architectural opening; warm editorial sections below. */
.story-site { background:#f6f4ec; }
.story-site .site-nav {
  width:100%; padding-inline:max(32px,calc((100vw - 1240px)/2));
  min-height:88px; background:#102d29; color:#f7f5df;
  border-color:#ffffff18;
}
.story-site .site-nav .brand-light { color:#afc2b5; }
.story-site .brand-mark i { background:#d8f793; }
.story-site .brand-mark i:last-child { background:#e7ad87; }
.story-site .hero {
  width:100%; max-width:none; margin:0;
  padding:64px max(32px,calc((100vw - 1240px)/2)) 76px;
  background:radial-gradient(ellipse at 82% 42%,#335c453b,transparent 48%),#102d29;
  color:#f7f5df; gap:68px; grid-template-columns:1.05fr 1fr;
  position:relative; isolation:isolate; overflow:clip;
}
.hero:after {
  content:''; position:absolute; bottom:0; left:0; right:0; height:5px;
  background:linear-gradient(90deg,#d7f59c 0 32%,#819d78 32% 65%,#e7ad87 65%);
}
.hero h1 { font-size:clamp(3.3rem,5.2vw,5.25rem); letter-spacing:-.065em; line-height:1.03; margin:26px 0; }
.hero h1 em { color:#d8f793; }
.hero .eyebrow { color:#b9d7ba; font-size:.67rem; letter-spacing:.14em; }
.hero .dot { background:#d8f793; box-shadow:0 0 18px #d8f79380; }
.hero-thesis { font-size:1.2rem; color:#e0e8d4; line-height:1.5; margin-bottom:20px; }
.hero .hero-intro { color:#b7c9bf; font-size:.88rem; line-height:1.8; max-width:490px; }
.hero .hero-caption { color:#b7c9bf; font-size:.68rem; }
.hero .primary { background:#d8f793; color:#132e26; border-color:#d8f793; padding:16px 22px; border-radius:8px; box-shadow:0 4px 28px #d8f79310; }
.hero .primary:hover { background:#e6ffb5; box-shadow:0 6px 30px #d8f79330; }
.hero .text-link { color:#e0e8d4; }
.reveal-all { border:0; padding:10px 0; margin-top:8px; color:#c4d7ca; font-size:.7rem; background:transparent; gap:16px; }
.reveal-all:hover { color:#e6ffb5; background:transparent; }
.reveal-all:disabled { opacity:1; color:#a8bfae; }
.hero-diagram {
  padding:0; background:transparent; border:0; box-shadow:none;
}
.diagram-content {
  position:relative; z-index:1; padding:28px; border-radius:22px;
  background:linear-gradient(145deg,#24463d,#17372f);
  border:1px solid #9cbe8838; box-shadow:0 35px 80px #061f2660, inset 0 1px #ffffff0b;
}
.diagram-orbit { position:absolute; width:115%; aspect-ratio:1; left:-7.5%; top:-8%; border:1px solid #badd9115; border-radius:50%; pointer-events:none; }
.diagram-orbit:after { content:''; position:absolute; inset:25px; border:1px dashed #badd9118; border-radius:50%; }
.hero .tiny-tag { color:#c1d0bf; border-color:#91ae8550; border-radius:20px; }
.hero .request-chip { background:#ffffff08; border-color:#92b08744; color:#eff6e3; border-radius:9px; padding:15px 9px; }
.hero .request-chip small { color:#b7c9bf; }
.hero .agent-icon { background:#526d4344; color:#def3ba; }
.hero .request-warm .agent-icon { background:#deaa7d24; color:#edbd98; }
.hero .diagram-connectors path { stroke:#b5cf8c; stroke-width:1.4; }
.hero .diagram-connectors span { background:#214136; color:#d0ddc6; }
.hero .lock-card { padding:24px 20px; background:#d8f793; color:#18372c; border-radius:10px; box-shadow:0 0 40px #d8f79312; }
.hero .lock-card strong { font-size:1rem; font-weight:650; }
.hero .lock-card p { color:#3d5d36; font-size:.7rem; }
.hero .lock-icon,.hero .lock-check { color:#325531; }
.hero .pool-illustration { background:#ffffff07; border-color:#92b08744; color:#eff6e3; border-radius:10px; }
.hero .healthy-label { color:#d8f793; }
.hero .pool-blocks i { background:#d8f793; height:42px; box-shadow:0 0 15px #d8f79314; }
.hero .pool-blocks .block-light { background:#9fbc8b; }
.hero .pool-blocks .block-warm { background:#e7ad87; }
.hero .diagram-key { color:#c8d7c2; }
.hero .diagram-footnote { color:#aebeae; font-size:.68rem; margin:18px 0 0; }
.premise { padding-top:34px; }
.section-kicker { color:#546758; }
.mechanism { gap:20px; }
.mechanism article { padding:28px; border:1px solid #d8ddd3; border-radius:14px; background:#fffdf5; transition:border-color .25s,box-shadow .25s,transform .25s; }
.step-number { font-size:2.5rem; color:#8f9f74; margin-bottom:30px; }
.mechanism h3 { font-size:1.25rem; }
.mechanism article:hover,.evidence-grid article:hover { border-color:#92a477; box-shadow:0 12px 36px #20372e09; }
.energy-note { border:0; background:#e8ecdc; border-radius:12px; margin-top:28px; }
.explorer-section { background:linear-gradient(145deg,#e8ecdf,#f0f1e8); }
.scenario-shell { box-shadow:0 24px 60px #20372e0b; border-radius:18px; }
.scenario-tabs button[aria-selected=true] { background:#183c30; color:#f5f5e2; border-radius:10px 10px 0 0; }
.scenario-tabs button[aria-selected=true] small,.scenario-tabs button[aria-selected=true] .tab-index { color:#d8f793; }
.evidence-grid { gap:20px; }
.evidence-grid article { border:1px solid #d8ddd3; border-top:3px solid #91a575; padding:26px; border-radius:12px; background:#fffdf5; transition:border-color .25s,box-shadow .25s,transform .25s; }
.evidence-section > .near-boundary { margin-top:40px; padding-left:24px; border-left:2px solid #99ae80; }
.review-status { border-radius:14px; }
.closing { padding-block:80px; }
.closing > p:not(.eyebrow) { max-width:550px; margin:0 auto 30px; color:var(--muted); }
.supporting-detail { transition:opacity .8s ease; }
.reveal-group:not(.summary-visible) [data-detail="1"],
.reveal-group:not(.details-visible) [data-detail="2"] { opacity:0; }
.reveal-group:focus-within .supporting-detail { opacity:1; }
@media(min-width:761px) and (max-width:1100px) {
  .story-site .hero { gap:30px; padding-inline:32px; }
  .hero h1 { font-size:3.8rem; }
  .diagram-content { padding:18px; }
}
@media(max-width:760px) {
  .story-site .site-nav { padding-inline:20px; min-height:80px; gap:12px; }
  .story-site .hero { padding:54px 20px 64px; grid-template-columns:1fr; gap:50px; overflow:hidden; }
  .hero h1 { font-size:clamp(2.8rem,10vw,4.4rem); }
  .hero .eyebrow { font-size:.6rem; }
  .hero-thesis { font-size:1.1rem; }
  .hero .hero-intro { font-size:.9rem; }
  .diagram-content { padding:20px 15px; }
  .hero .request-chip { padding:12px 7px; }
  .hero .lock-card { padding:22px 14px; }
  .mechanism article,.evidence-grid article { padding:24px; }
  .mechanism article:hover,.evidence-grid article:hover { transform:none; }
}
@media(prefers-reduced-motion:reduce) {
  .reveal-group:not(.summary-visible) [data-detail="1"], .reveal-group:not(.details-visible) [data-detail="2"] { opacity:1; }
  *,*:before,*:after { animation:none!important; }
}
@media print {
  .reveal-group:not(.summary-visible) [data-detail="1"], .reveal-group:not(.details-visible) [data-detail="2"] { opacity:1; }
  .reveal-all { display:none; }
}

/* Orbital commons: a mission scene, driven by the Rust reservation ledger. */
:root { --accent:#325795; --soft:#e9edf6; --text:#18233f; --muted:#626d83; --line:#d5dce8; --bg:#f4f5f9; }
.story-site { background:#f4f5f9; }
.story-site .site-nav { background:#080d20; color:#eff5ff; border-color:#91b9ee20; }
.story-site .site-nav .brand-light { color:#a2b2d1; }
.story-site .brand-mark i { background:#8ddfff; }
.story-site .brand-mark i:last-child { background:#ffa967; }
.story-site .orbital-hero {
  background:radial-gradient(ellipse at 80% 38%,#23305270,transparent 55%),linear-gradient(155deg,#080d20,#0e1630 60%,#121b35);
  color:#edf4ff; grid-template-columns:.85fr 1.35fr; gap:38px;
  padding-top:52px; padding-bottom:64px; align-items:center;
}
.orbital-hero:after { background:linear-gradient(90deg,#8cddff,#5e79bb 65%,#ffa967); height:2px; }
.orbit-stars { position:absolute; inset:0; z-index:-1; opacity:.5; pointer-events:none;
  background-image:radial-gradient(circle at 15% 22%,#b6ddff 0 1px,transparent 1.5px),radial-gradient(circle at 70% 45%,#91a8d5 0 .8px,transparent 1.5px),radial-gradient(circle at 35% 80%,#fff 0 .8px,transparent 1.2px);
  background-size:211px 193px,307px 283px,397px 331px;
}
.orbital-hero .eyebrow { color:#9ab3d9; font-size:.62rem; }
.orbital-hero .dot { background:#88dfff; box-shadow:0 0 18px #88dfff66; }
.scene-chapter { color:#7f94b6; font: .62rem ui-monospace,SFMono-Regular,monospace; letter-spacing:.17em; margin:38px 0 18px; }
.orbital-hero h1 { font-size:clamp(3.1rem,4.8vw,4.8rem); }
.orbital-hero h1 em { color:#ffa967; }
.orbital-hero .hero-thesis { color:#d3e1f6; font-size:1.1rem; }
.orbital-hero .hero-intro { color:#a6b6d1; max-width:390px; }
.orbital-hero .hero-caption { color:#91a4c1; font-size:.64rem; }
.orbital-hero .primary { background:#ffa967; border-color:#ffa967; color:#1b1c2a; box-shadow:0 0 40px #ff9b4518; }
.orbital-hero .primary:hover { background:#ffc193; box-shadow:0 0 35px #ff9b4530; }
.orbital-hero .text-link,.orbital-hero .reveal-all { color:#b7c9e4; }
.orbital-hero .hero-actions { gap:18px; }
.orbital-scene { min-width:0; position:relative; padding:22px 24px 16px; border:1px solid #88a7d128; border-radius:22px; background:linear-gradient(150deg,#15223b80,#080e20a0); box-shadow:0 30px 100px #0005,inset 0 1px #ffffff08; }
.scene-topline { display:flex; flex-wrap:wrap; justify-content:space-between; gap:10px; font:.55rem ui-monospace,SFMono-Regular,monospace; letter-spacing:.1em; color:#9fb3d1; }
.scene-topline i { display:inline-block; width:5px; height:5px; background:#78dfcb; border-radius:50%; margin-right:5px; }
.station-map { display:block; width:100%; overflow:visible; margin:4px 0 -28px; }
.ship text { fill:#c8def8; font:12px ui-monospace,SFMono-Regular,monospace; letter-spacing:1px; }
.ship .ship-note { fill:#7589aa; font-size:9px; }
.power-route { fill:#405875; stroke:#405875; stroke-width:2; }
.power-route path { fill:none; stroke-dasharray:5 7; }
.holding-marker { opacity:0; transition:opacity .5s; }
.atlas-admitted .route-atlas,.lyra-admitted .route-lyra,.vega-admitted .route-vega { stroke:#81dfff; fill:#81dfff; filter:drop-shadow(0 0 5px #81dfff55); }
.atlas-admitted .ship-atlas .ship-note,.lyra-admitted .ship-lyra .ship-note,.vega-admitted .ship-vega .ship-note { fill:#81dfff; }
.atlas-admitted .route-atlas path,.lyra-admitted .route-lyra path,.vega-admitted .route-vega path { animation:power-flow 1.6s linear 3; }
[data-phase=holding] .holding-marker { opacity:1; }
[data-phase=holding][data-waiting=vega] .route-vega, [data-phase=holding][data-waiting=atlas] .route-atlas, [data-phase=holding][data-waiting=lyra] .route-lyra { stroke:#ffa967; fill:#ffa967; }
[data-phase=holding][data-waiting=vega] .ship-vega .ship-note, [data-phase=holding][data-waiting=atlas] .ship-atlas .ship-note, [data-phase=holding][data-waiting=lyra] .ship-lyra .ship-note { fill:#ffc28c; }
.flight-command { position:relative; text-align:center; margin:0 auto 22px; max-width:500px; }
.flight-command .eyebrow { font:.6rem ui-monospace,SFMono-Regular,monospace; color:#8cabc8; letter-spacing:.14em; }
.flight-command strong { display:block; margin:8px 0; font-size:clamp(1.3rem,2.1vw,2rem); font-weight:550; letter-spacing:.02em; color:#9ce8ff; transition:color .4s; }
.flight-command p { font-size:.74rem; color:#a2b7d0; min-height:3.3em; line-height:1.6; margin:0 auto; max-width:400px; }
[data-phase=holding] .flight-command strong { color:#ffb574; text-shadow:0 0 30px #ffa96730; }
[data-phase=holding] .flight-command .eyebrow { color:#f1ae7b; }
.power-ledger { border-top:1px solid #7798c12b; padding-top:16px; display:grid; grid-template-columns:auto 1fr; gap:12px 18px; align-items:center; }
.power-ledger > div:first-child > span { display:block; font:.55rem ui-monospace,SFMono-Regular,monospace; color:#829bbc; letter-spacing:.1em; }
.power-ledger strong { font-weight:450; font-size:1.15rem; color:#e1efff; }
.power-ledger strong small { font-size:.6rem; color:#a5b7d0; }
.power-ledger strong b { font-weight:600; }
.power-cells { display:grid; grid-template-columns:repeat(12,1fr); gap:4px; }
.power-cells i { height:24px; border:1px solid #58749a; background:#15243c; border-radius:2px; transition:background .6s,box-shadow .6s; }
.power-cells i.booked { background:#85d9fb; border-color:#85d9fb; box-shadow:0 0 14px #85d9fb22; }
.power-cells i.reserved { background:repeating-linear-gradient(135deg,#276657 0 3px,#193f3d 3px 6px); border-color:#64b9ab; }
.reserve-key { grid-column:2; text-align:right; color:#8fcec1; font-size:.6rem; margin-top:-8px; }
.station-continue { width:100%; margin-top:18px; border:1px solid #759ac15c; background:#1a2c46; color:#cee8ff; font-size:.78rem; padding:13px; border-radius:7px; }
.station-continue:hover { background:#233b59; border-color:#9bdfff; }
.station-continue:disabled { opacity:.4; }
.scene-footnote { text-align:center; font-size:.59rem; color:#8b9bb4; line-height:1.6; margin:14px 0 0; }
.scenario-tabs { grid-template-columns:repeat(6,minmax(0,1fr)); }
.scenario-tabs button[aria-selected=true] { background:#182b49; color:#eff6ff; }
.scenario-tabs button[aria-selected=true] small,.scenario-tabs button[aria-selected=true] .tab-index { color:#8edfff; }
.explorer-section { background:linear-gradient(145deg,#e5ebf4,#f1f3f8); }
.energy-note { background:#e4eaf4; }
.step-number { color:#557bac; }
.mechanism article,.evidence-grid article { background:#fcfdff; border-color:#d4ddea; }
.evidence-grid article { border-top-color:#7c9dc6; }
@keyframes power-flow { to { stroke-dashoffset:-48; } }
@media(min-width:761px) and (max-width:1100px) {
  .story-site .orbital-hero { grid-template-columns:1fr 1.2fr; gap:24px; }
  .orbital-hero h1 { font-size:3.3rem; }
  .orbital-scene { padding:18px; }
  .power-ledger { grid-template-columns:1fr; gap:10px; }
  .reserve-key { grid-column:1; }
}
@media(max-width:760px) {
  .story-site .orbital-hero { grid-template-columns:1fr; gap:36px; padding-top:38px; }
  .orbital-hero h1 { font-size:clamp(3rem,11vw,4.5rem); }
  .orbital-hero .hero-intro { max-width:none; }
  .scene-chapter { margin-top:24px; }
  .orbital-scene { padding:18px 12px; border-radius:14px; }
  .scene-topline { font-size:.48rem; }
  .station-map { margin:15px 0 -8px; }
  .flight-command strong { font-size:1.45rem; }
  .flight-command p { font-size:.72rem; }
  .power-ledger { grid-template-columns:1fr; }
  .power-cells i { height:27px; }
  .reserve-key { grid-column:1; }
  .scene-footnote { font-size:.63rem; }
}

.orbital-scene { scroll-margin-top:16px; }

/* Deploy guide: configure and deploy the contract for your own problem. */
.deploy-guide { display:grid; grid-template-columns:1.1fr .9fr; gap:28px 56px; margin:56px 0 12px; padding-top:44px; border-top:1px solid var(--line); align-items:start; }
.deploy-intro { grid-column:1 / -1; max-width:720px; }
.deploy-intro h3 { font-size:clamp(1.5rem,2.6vw,2.1rem); line-height:1.2; margin:10px 0 14px; }
.deploy-intro p { color:var(--muted); font-size:.9rem; line-height:1.8; margin:0; }
.deploy-steps { list-style:none; margin:0; padding:0; display:grid; gap:2px; }
.deploy-steps li { display:flex; gap:22px; padding:20px 0; border-bottom:1px solid var(--line); }
.deploy-steps li:first-child { padding-top:4px; }
.deploy-steps li:last-child { border-bottom:0; }
.deploy-steps .step-number { font-size:1.6rem; margin:0; min-width:44px; }
.deploy-steps h4 { font-size:1rem; margin:0 0 8px; }
.deploy-steps p { font-size:.82rem; color:var(--muted); line-height:1.75; margin:0 0 8px; }
.deploy-steps code, .deploy-code + .deploy-commands code { font-size:.78em; }
.deploy-code { position:sticky; top:24px; }
.deploy-code pre { font-size:.7rem; line-height:1.75; white-space:pre; overflow-x:auto; }
.deploy-commands { grid-column:1 / -1; }
.deploy-commands pre { white-space:pre; overflow-x:auto; font-size:.74rem; line-height:1.8; }
@media(max-width:900px) {
  .deploy-guide { grid-template-columns:1fr; gap:28px; }
  .deploy-code { position:static; }
}

/* Hero: what the project is, how it is verified, and that docking is an example */
.orbital-hero h1 { font-size:clamp(2.5rem,3.9vw,3.9rem); line-height:1.06; margin:22px 0 20px; }
.orbital-hero .hero-what { color:#d3e1f6; font-size:.98rem; line-height:1.65; max-width:520px; }
.proof-strip { margin:22px 0 4px; padding:14px 16px; max-width:520px; border:1px solid #88dfff3a; border-left:3px solid #88dfff; border-radius:10px; background:#88dfff0d; }
.proof-badges { display:flex; flex-wrap:wrap; gap:8px; }
.proof-badges span { font:600 .66rem ui-monospace,SFMono-Regular,monospace; letter-spacing:.04em; color:#bdf0ff; padding:5px 10px; border:1px solid #88dfff55; border-radius:20px; background:#08142a; }
.proof-badges span:before { content:"✓ "; color:#78dfcb; }
.proof-note { margin-top:10px; font-size:.74rem; line-height:1.55; color:#a6b6d1; }
.proof-note a { color:#bdf0ff; white-space:nowrap; }
.orbital-hero .hero-actions { margin-top:24px; }
.example-tag { color:#ffb574; }
@media(max-width:760px) { .orbital-hero h1 { font-size:clamp(2.2rem,9vw,3.2rem); } .proof-strip { max-width:none; } }
.scene-topline { font-size:.62rem; }
.example-tag { font-weight:700; padding:4px 9px; border:1px solid #ffa96766; border-radius:20px; background:#ffa9671a; }