/* ASMP marketing — shell + section animations (primitives in /marketing/*.css) */

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
a{color:inherit;text-decoration:none}
::selection{background:var(--amber);color:var(--bg)}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{animation:none!important;transition:none!important}
}

/* ── Nav ─────────────────────────────────────────────── */
nav{
  position:fixed;top:0;left:0;right:0;z-index:100;
  display:flex;align-items:center;justify-content:space-between;
  padding:20px var(--m-pad-x);transition:.35s;
  background:transparent;border-bottom:1px solid transparent;
}
nav.scrolled{background:rgba(24,19,14,.82);backdrop-filter:blur(12px);border-bottom-color:var(--line)}
.brand{font-family:var(--mono);font-weight:700;font-size:.95rem;letter-spacing:.05em;display:flex;align-items:center;gap:11px}
.brand .dot{width:9px;height:9px;border-radius:50%;background:var(--amber);box-shadow:0 0 12px var(--amber);animation:pulse 2.6s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}
.brand .ver{color:var(--tan-dim);font-weight:400}
.navlinks{display:flex;gap:28px;font-family:var(--sans);font-size:.82rem;font-weight:500}
.navlinks a{color:var(--tan);transition:color .2s}
.navlinks a:hover{color:var(--amber)}
.navtoggle{display:none;background:none;border:1px solid var(--line);color:var(--cream);
  font-family:var(--mono);font-size:.78rem;padding:8px 13px;border-radius:6px;cursor:pointer}
@media(max-width:780px){.navlinks{display:none}.navtoggle{display:block}}

/* ── Hero atmosphere ───────────────────────────────── */
.dotgrid{
  position:absolute;inset:0;z-index:0;
  background-image:radial-gradient(circle at center,rgba(212,146,74,.16) 1.1px,transparent 1.1px);
  background-size:30px 30px;
  mask-image:radial-gradient(ellipse 75% 65% at 45% 40%,#000 25%,transparent 72%);
  -webkit-mask-image:radial-gradient(ellipse 75% 65% at 45% 40%,#000 25%,transparent 72%);
  animation:drift 40s linear infinite;
}
@keyframes drift{from{background-position:0 0}to{background-position:30px 30px}}
.hero-glow{
  position:absolute;top:-5%;left:38%;width:760px;height:560px;z-index:0;
  background:radial-gradient(circle,rgba(201,162,74,.13),rgba(212,146,74,.05) 45%,transparent 68%);
  filter:blur(10px);pointer-events:none;
}

/* ── Footer ────────────────────────────────────────── */
footer.m-section{padding:clamp(100px,14vw,160px) 0 clamp(64px,8vw,96px)}
.foot-grid{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:36px}
.foot-brand{font-family:var(--serif);font-size:2.2rem;display:flex;align-items:center;gap:13px}
.foot-brand .dot{width:11px;height:11px;border-radius:50%;background:var(--amber);box-shadow:0 0 12px var(--amber)}
.foot-blurb{color:var(--tan);font-size:1rem;margin-top:16px;max-width:360px;line-height:1.6}
.gh{
  display:inline-flex;align-items:center;gap:11px;font-family:var(--mono);font-size:.84rem;
  border:1px solid var(--line);padding:12px 19px;border-radius:8px;transition:.2s;color:var(--cream);margin-top:24px;
}
.gh:hover{border-color:var(--amber);color:var(--amber)}
.gh svg{width:18px;height:18px;fill:currentColor}
.foot-meta{font-family:var(--mono);font-size:.82rem;color:var(--tan-dim);text-align:right;line-height:2}
.foot-meta b{color:var(--cream);font-weight:500}
.foot-meta a{color:var(--amber)}
.foot-base{
  margin-top:56px;padding-top:26px;border-top:1px solid var(--line);
  display:flex;justify-content:space-between;color:var(--tan-dim);font-family:var(--mono);
  font-size:.74rem;flex-wrap:wrap;gap:10px;
}
@media(max-width:600px){.foot-meta{text-align:left}}

/* ── Install block spacing ─────────────────────────── */
.install-block{margin-top:var(--m-gap-block)}
.install-actions{display:flex;gap:16px;margin-top:28px;flex-wrap:wrap}

/* ── Discover demo (section-specific) ──────────────── */
.discover-demo.reveal{transform:none}
.discover-demo{position:relative;margin-top:var(--m-gap-block);min-height:420px;transition:border-color .7s var(--m-ease),box-shadow .7s var(--m-ease)}
#discover-stage[data-act='before'].discover-demo{border-color:rgba(192,106,74,.55);box-shadow:var(--m-shadow-panel),inset 5px 0 0 var(--rust),0 0 0 1px rgba(192,106,74,.12)}
#discover-stage[data-act='after'].discover-demo{border-color:rgba(155,176,106,.5);box-shadow:var(--m-shadow-panel),inset 5px 0 0 var(--green),0 0 0 1px rgba(155,176,106,.14)}
.disc-inner{padding:0;display:flex;flex-direction:column;gap:0}
/* See it: two flat rows (chat | map), no outer frame nesting */
.see-it-stakes{
  margin-top:clamp(28px,4vw,40px);
  padding:clamp(20px,3vw,28px) clamp(18px,2.5vw,24px);
  border:1px solid var(--line);
  border-radius:var(--m-radius-md);
  background:rgba(0,0,0,.14);
}
.see-it-stakes__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(16px,2.5vw,28px);
}
.see-it-stakes__item{
  min-width:0;
  padding:clamp(4px,1vw,8px) clamp(0px,1vw,12px) clamp(4px,1vw,8px) 0;
  border-right:1px solid rgba(255,255,255,.06);
}
.see-it-stakes__item:last-child{border-right:none;padding-right:0}
.see-it-stakes__text{min-width:0}
.see-it-stakes__text strong{
  display:block;
  font-family:var(--sans);
  font-size:.95rem;
  font-weight:600;
  line-height:1.3;
  color:var(--cream);
  margin-bottom:5px;
}
.see-it-stakes__item--agi .see-it-stakes__text strong{color:var(--amber-soft)}
.see-it-stakes__text span{
  display:block;
  font-family:var(--sans);
  font-size:.82rem;
  line-height:1.45;
  color:var(--tan);
}
.see-it-stakes__bridge{
  margin:clamp(18px,2.5vw,24px) 0 0;
  padding-top:clamp(16px,2vw,20px);
  border-top:1px solid rgba(255,255,255,.06);
  font-family:var(--serif);
  font-size:clamp(1.05rem,2vw,1.2rem);
  font-style:italic;
  color:var(--cream);
  line-height:1.45;
}
.see-it-demo-question{
  margin-top:clamp(24px,3.5vw,36px);
  padding:clamp(24px,4vw,36px) clamp(20px,3vw,32px);
  text-align:center;
  border:1px solid rgba(255,255,255,.08);
  border-radius:var(--m-radius-md);
  background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(0,0,0,.12));
}
.see-it-demo-question__label{
  margin:0 0 clamp(12px,2vw,18px);
  font-family:var(--mono);
  font-size:.68rem;
  font-weight:600;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--tan);
}
.see-it-demo-question__text{
  margin:0;
  padding:0;
  border:none;
  font-family:var(--serif);
  font-size:clamp(1.35rem,3.2vw,2.05rem);
  font-weight:500;
  font-style:normal;
  line-height:1.35;
  letter-spacing:-.01em;
  color:var(--cream);
  max-width:min(36em,92%);
  margin-inline:auto;
}
#discover-stage.see-it-compare{
  --see-it-pane-h:320px;
  margin-top:clamp(20px,3vw,28px);
  display:flex;
  flex-direction:column;
  gap:clamp(20px,3vw,32px);
  border:none;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  padding:0;
  min-height:0;
  overflow:visible;
}
.see-it-row{
  display:flex;
  flex-direction:column;
  border:1px solid var(--line);
  border-radius:var(--m-radius-md);
  overflow:hidden;
  background:var(--code-bg);
  transition:box-shadow .45s var(--m-ease),border-color .45s var(--m-ease);
}
.see-it-row--before{border-color:rgba(192,106,74,.38)}
.see-it-row--after{border-color:rgba(155,176,106,.4)}
.see-it-row--before.is-active{border-color:rgba(192,106,74,.55);box-shadow:0 0 0 1px rgba(192,106,74,.12),inset 4px 0 0 var(--rust)}
.see-it-row--after.is-active{border-color:rgba(155,176,106,.55);box-shadow:0 0 0 1px rgba(155,176,106,.14),inset 4px 0 0 var(--green)}
.see-it-row--before:not(.is-active){opacity:.94}
.see-it-row--after:not(.is-active){opacity:.88}
.see-it-row.is-awaiting-play{opacity:1}
.see-it-row--before,.see-it-row--after{position:relative}
.see-it-row.is-awaiting-play .see-it-row__body{
  filter:blur(1px) saturate(.65);
  opacity:.45;
  pointer-events:none;
  user-select:none;
}
.see-it-row-play{
  position:absolute;
  inset:0;
  z-index:5;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:14px;
  margin:0;
  padding:24px;
  border:none;
  border-radius:inherit;
  backdrop-filter:blur(6px);
  cursor:pointer;
  transition:background .25s var(--m-ease);
}
.see-it-row-play[hidden]{display:none!important}
.see-it-row-play--before{background:rgba(10,6,4,.74)}
.see-it-row-play--before:hover,.see-it-row-play--before:focus-visible{background:rgba(14,8,5,.84);outline:none}
.see-it-row-play--after{background:rgba(4,8,4,.72)}
.see-it-row-play--after:hover,.see-it-row-play--after:focus-visible{background:rgba(6,12,6,.82);outline:none}
.see-it-row-play__ring{
  display:grid;
  place-items:center;
  width:clamp(72px,12vw,96px);
  height:clamp(72px,12vw,96px);
  border-radius:50%;
  transition:transform .2s var(--m-ease),box-shadow .2s var(--m-ease);
}
.see-it-row-play--before .see-it-row-play__ring{
  background:rgba(192,106,74,.16);
  border:2px solid rgba(192,106,74,.55);
  box-shadow:0 0 0 6px rgba(192,106,74,.08),0 12px 40px rgba(0,0,0,.45);
}
.see-it-row-play--after .see-it-row-play__ring{
  background:rgba(155,176,106,.18);
  border:2px solid rgba(155,176,106,.55);
  box-shadow:0 0 0 6px rgba(155,176,106,.08),0 12px 40px rgba(0,0,0,.45);
}
.see-it-row-play:hover .see-it-row-play__ring,.see-it-row-play:focus-visible .see-it-row-play__ring{transform:scale(1.04)}
.see-it-row-play--before:hover .see-it-row-play__ring,.see-it-row-play--before:focus-visible .see-it-row-play__ring{box-shadow:0 0 0 8px rgba(192,106,74,.12),0 16px 48px rgba(0,0,0,.5)}
.see-it-row-play--after:hover .see-it-row-play__ring,.see-it-row-play--after:focus-visible .see-it-row-play__ring{box-shadow:0 0 0 8px rgba(155,176,106,.12),0 16px 48px rgba(0,0,0,.5)}
.see-it-row-play__icon{
  font-size:clamp(1.6rem,3vw,2rem);
  margin-left:4px;
  line-height:1;
}
.see-it-row-play--before .see-it-row-play__icon{color:var(--rust)}
.see-it-row-play--after .see-it-row-play__icon{color:var(--green)}
.see-it-row-play__title{
  font-family:var(--sans);
  font-size:clamp(1.1rem,2.2vw,1.35rem);
  font-weight:700;
  letter-spacing:.04em;
  color:var(--cream);
}
.see-it-row-play__sub{
  font-family:var(--sans);
  font-size:.9rem;
  color:var(--tan);
  text-align:center;
  max-width:18rem;
  line-height:1.45;
}
#hop-before-map.is-dormant .hop-map__wander .hop-wire,
#hop-before-map.is-dormant .hop-map__wander .hop-packet,
#hop-before-map.is-dormant .hop-map__wander .hop-node:not(.hop-node--root){
  opacity:0!important;
  visibility:hidden;
}
#hop-before-map.is-dormant .hop-node--root{opacity:1!important}
.see-it-row__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:13px 18px;
  border-bottom:1px solid rgba(255,255,255,.06);
}
.see-it-row--before .see-it-row__head{background:linear-gradient(90deg,rgba(192,106,74,.14),rgba(192,106,74,.04));border-bottom-color:rgba(192,106,74,.28)}
.see-it-row--after .see-it-row__head{background:linear-gradient(90deg,rgba(155,176,106,.14),rgba(155,176,106,.04));border-bottom-color:rgba(155,176,106,.3)}
.see-it-row__titles{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 12px;min-width:0}
.see-it-row__label{
  font-family:var(--sans);
  font-size:.76rem;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
  flex-shrink:0;
}
.see-it-row--before .see-it-row__label{color:var(--rust)}
.see-it-row--after .see-it-row__label{color:var(--green)}
.see-it-row__sub{
  font-family:var(--sans);
  font-size:.82rem;
  color:var(--tan);
  line-height:1.35;
}
.see-it-row__metric{
  font-family:var(--mono);
  font-size:clamp(1rem,2vw,1.2rem);
  font-weight:600;
  font-variant-numeric:tabular-nums;
  letter-spacing:.02em;
  line-height:1;
  flex-shrink:0;
}
.see-it-row--before .see-it-row__metric{color:var(--rust)}
.see-it-row--after .see-it-row__metric{color:var(--green)}
.see-it-row__body{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  height:var(--see-it-pane-h);
  min-height:var(--see-it-pane-h);
  max-height:var(--see-it-pane-h);
}
.see-it-pane{
  display:flex;
  flex-direction:column;
  min-width:0;
  min-height:0;
  height:100%;
  overflow:hidden;
}
.see-it-pane--map{border-left:1px solid rgba(255,255,255,.06)}
.see-it-row--before .see-it-pane--map{border-left-color:rgba(192,106,74,.22)}
.see-it-row--after .see-it-pane--map{border-left-color:rgba(155,176,106,.25)}
.see-it-pane__tag{
  flex-shrink:0;
  padding:8px 16px;
  font-family:var(--mono);
  font-size:.66rem;
  font-weight:600;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--tan-dim);
  border-bottom:1px solid rgba(255,255,255,.05);
  background:rgba(0,0,0,.22);
}
.see-it-row--before .see-it-pane__tag{border-bottom-color:rgba(192,106,74,.18)}
.see-it-row--after .see-it-pane__tag{border-bottom-color:rgba(155,176,106,.2)}
.see-it-pane--chat .disc-agent{
  flex:1;
  height:100%;
  min-height:0;
  max-height:100%;
  border:none;
  border-radius:0;
  background:#0a0a0a;
}
.see-it-pane--map.hop-map-panel{
  border:none;
  border-radius:0;
  background:#080808;
  box-shadow:none;
}
.see-it-pane--map .hop-map-wrap{
  flex:1;
  height:0;
  min-height:0;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:8px 10px;
  border:none;
  border-radius:0;
  background:transparent;
  overflow:hidden;
}
.see-it-pane--map .hop-map{
  width:100%;
  height:100%;
  min-height:0;
  max-height:100%;
  display:block;
}
.see-it-row__note{
  margin:0;
  padding:10px 18px 12px;
  font-family:var(--sans);
  font-size:.78rem;
  line-height:1.45;
  color:var(--tan-dim);
  border-top:1px solid rgba(255,255,255,.05);
}
.see-it-row--before .see-it-row__note{color:rgba(200,160,140,.78);border-top-color:rgba(192,106,74,.18)}
.see-it-row--after .see-it-row__note{color:rgba(176,200,138,.82);border-top-color:rgba(155,176,106,.2)}
#discover-stage.see-it-compare .disc-footer{
  border:1px solid var(--line);
  border-radius:var(--m-radius-md);
  margin-top:0;
}
#discover-stage.see-it-compare.is-loop-hold .see-it-row--before,
#discover-stage.see-it-compare.is-loop-hold .see-it-row--after{
  opacity:1;
}
#discover-stage.see-it-compare.is-loop-hold .disc-footer{
  opacity:.88;
  transition:opacity .6s var(--m-ease);
}
.disc-act-banner{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 14px;padding:12px 20px;border-bottom:1px solid var(--line)}
.disc-act-banner--before{background:linear-gradient(90deg,rgba(192,106,74,.2),rgba(192,106,74,.06));border-bottom-color:rgba(192,106,74,.35)}
.disc-act-banner--after{background:linear-gradient(90deg,rgba(155,176,106,.2),rgba(155,176,106,.05));border-bottom-color:rgba(155,176,106,.38)}
.disc-act-banner__label{font-family:var(--sans);font-size:.82rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.disc-act-banner--before .disc-act-banner__label{color:var(--rust)}
.disc-act-banner--after .disc-act-banner__label{color:var(--green)}
.disc-act-banner__sub{font-family:var(--sans);font-size:.8rem;color:var(--tan);line-height:1.35}
.disc-before-content,.disc-after-content{padding:20px 28px 8px}
.disc-before{opacity:1;max-height:none;overflow:visible;margin-bottom:0}
.disc-after-tag{display:inline-block;font-family:var(--sans);font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--amber-soft);padding:6px 12px;border:1px solid rgba(212,146,74,.5);border-radius:999px;background:rgba(212,146,74,.16)}
.disc-after{padding:0 0 8px;background:rgba(155,176,106,.05)}
.disc-after-tag{opacity:0;margin:16px 28px 14px;transition:opacity .55s .35s}
.disc-agent{
  position:relative;
  display:flex;
  flex-direction:row;
  align-items:stretch;
  height:320px;
  max-height:320px;
  font-family:'JetBrains Mono',ui-monospace,Menlo,Monaco,Consolas,monospace;
  font-size:12px;
  line-height:1.5;
  font-variant-ligatures:none;
  font-feature-settings:'calt' 0;
  border:1px solid #2a2a2a;
  border-radius:6px;
  background:#0a0a0a;
  overflow:hidden;
}
.disc-agent-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.disc-agent-viewport{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}
.disc-agent-thread{
  flex:1;
  min-height:0;
  padding:0 0 16px;
  overflow-x:auto;
  overflow-y:auto;
  overflow-anchor:auto;
  overscroll-behavior:contain;
  scroll-behavior:auto;
  scrollbar-width:none;
  -ms-overflow-style:none;
  display:block;
  -webkit-overflow-scrolling:touch;
}
.disc-agent-thread::-webkit-scrollbar{display:none}
.disc-agent-anchor{
  height:1px;
  width:100%;
  pointer-events:none;
  overflow-anchor:auto;
}
.disc-agent-rail{
  position:relative;
  flex-shrink:0;
  width:14px;
  padding:8px 4px 8px 0;
  border-left:1px solid #1c1c1c;
  background:linear-gradient(180deg,#0c0c0c,#080808);
  opacity:0;
  transition:opacity .2s ease;
  cursor:default;
  touch-action:none;
  user-select:none;
}
.see-it-pane--chat .disc-agent-rail.is-visible{cursor:pointer}
.disc-agent-rail.is-visible{opacity:1}
.disc-agent-rail.is-active .disc-agent-thumb{background:rgba(255,255,255,.34)}
.disc-agent-thumb{
  position:absolute;
  left:3px;
  right:3px;
  top:8px;
  min-height:24px;
  border-radius:999px;
  background:rgba(255,255,255,.18);
  transition:background .15s ease,opacity .15s ease;
  will-change:transform,height;
  pointer-events:none;
}
.disc-agent-rail.is-dragging .disc-agent-thumb{opacity:1;background:rgba(255,255,255,.42)}
.disc-agent-rail:hover .disc-agent-thumb{background:rgba(255,255,255,.3)}
.disc-before .disc-agent{
  border-color:rgba(192,106,74,.42);
  background:#0c0908;
  box-shadow:inset 0 0 0 1px rgba(192,106,74,.1);
}
.disc-before .disc-line--user{
  background:#1a1210;
  border-bottom-color:rgba(192,106,74,.32);
}
.disc-before .disc-agent-rail{
  border-left-color:rgba(192,106,74,.22);
  background:linear-gradient(180deg,#100c0b,#0a0808);
}
.disc-before .disc-agent-thumb{background:rgba(192,106,74,.42)}
.disc-before .disc-agent-rail.is-active .disc-agent-thumb,
.disc-before .disc-agent-rail:hover .disc-agent-thumb{background:rgba(224,140,120,.52)}
.disc-after .disc-agent,
.disc-agent--after{
  border-color:rgba(155,176,106,.42);
  background:#090c08;
  box-shadow:inset 0 0 0 1px rgba(155,176,106,.1);
}
.disc-after .disc-line--user{
  background:#10140f;
  border-bottom-color:rgba(155,176,106,.32);
}
.disc-after .disc-agent-rail{
  border-left-color:rgba(155,176,106,.22);
  background:linear-gradient(180deg,#0b0d0a,#080a08);
}
.disc-after .disc-agent-thumb{background:rgba(155,176,106,.42)}
.disc-after .disc-agent-rail.is-active .disc-agent-thumb,
.disc-after .disc-agent-rail:hover .disc-agent-thumb{background:rgba(176,200,130,.55)}
.disc-line{
  margin:0;
  padding:0 14px;
  opacity:0;
  animation:disc-line-in .6s var(--m-ease) forwards;
  font-family:inherit;
  font-size:inherit;
  line-height:inherit;
  letter-spacing:0;
}
.disc-line--user{
  padding:10px 14px;
  color:#e4e4e4;
  background:#161616;
  border-bottom:1px solid #222;
}
.disc-line--thought{
  padding:12px 14px 4px;
  color:#8a8a8a;
}
.disc-line--thinking{
  display:flex;
  align-items:center;
  gap:8px;
  padding:10px 14px 12px;
  color:#8a8a8a;
  opacity:1;
  animation:disc-thinking-in .4s var(--m-ease) forwards;
}
.disc-thinking__icon{
  flex-shrink:0;
  font-size:11px;
  opacity:.85;
}
.disc-thinking__label{
  font-size:12px;
  letter-spacing:.01em;
}
.disc-thinking__dots{
  display:inline-flex;
  align-items:center;
  gap:4px;
  margin-left:2px;
}
.disc-thinking__dots span{
  width:4px;
  height:4px;
  border-radius:50%;
  background:currentColor;
  opacity:.3;
  animation:disc-thinking-dot 1.15s ease-in-out infinite;
}
.disc-thinking__dots span:nth-child(2){animation-delay:.16s}
.disc-thinking__dots span:nth-child(3){animation-delay:.32s}
.see-it-row--before .disc-line--thinking{color:rgba(200,160,140,.82)}
.see-it-row--after .disc-line--thinking{color:rgba(176,200,138,.85)}
@keyframes disc-thinking-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@keyframes disc-thinking-dot{0%,70%,100%{opacity:.25;transform:translateY(0)}35%{opacity:1;transform:translateY(-2px)}}
.disc-line--say{
  padding:4px 14px 8px;
  color:#b8b8b8;
  white-space:pre-wrap;
  overflow-wrap:break-word;
}
.disc-line--say.disc-line--warn{color:#e8a090}
.disc-line--say.disc-line--good{color:#9bb06a}
.disc-line--say.disc-line--dim{color:#7a7a7a}
.disc-line--tool{
  padding:2px 14px;
  color:#c8c8c8;
  white-space:pre;
}
.disc-line--out{
  margin:0;
  padding:2px 14px 10px 14px;
  color:#7a7a7a;
  background:transparent;
  border:0;
  white-space:pre;
  overflow-x:auto;
  font-family:inherit;
  font-size:inherit;
}
.disc-line--out.disc-line--err{color:#e8a090}
@keyframes disc-line-in{from{opacity:0}to{opacity:1}}
.disc-after{opacity:1;max-height:none;overflow:visible;pointer-events:auto}
.disc-stage{display:grid;grid-template-columns:minmax(0,1.15fr) 56px minmax(0,.95fr) 56px minmax(0,1fr);align-items:center;gap:0;margin:0 28px}
.disc-stage-b{margin:20px 28px 0;grid-template-columns:minmax(0,1.15fr) 56px minmax(0,.95fr);opacity:0;transform:translateY(8px);transition:opacity .45s,transform .45s}
.disc-panel{border:1px solid var(--line);border-radius:var(--m-radius-md);background:var(--panel);overflow:hidden}
.disc-panel-head{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line);font-family:var(--sans);font-size:.72rem;color:var(--tan-dim);text-transform:uppercase;letter-spacing:.08em}
.disc-panel-body{padding:14px 16px;font-size:.88rem;line-height:1.55}
.disc-bubble{display:block;font-family:var(--serif);font-size:1.05rem;color:var(--cream);font-style:italic}
.disc-bubble.dim{color:var(--tan)}
.disc-answer{display:block;margin-top:10px;font-family:var(--sans);font-size:.82rem;color:var(--green);opacity:0;transition:opacity .35s}
.disc-answer.instant{color:var(--amber-soft)}
.disc-hub{padding:18px 16px;text-align:center;border-color:var(--line);transition:border-color .35s,box-shadow .35s}
.disc-hub-tag{display:block;font-family:var(--sans);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--tan-dim)}
.disc-hub-name{display:block;font-family:var(--serif);font-size:1.6rem;color:var(--cream);line-height:1.1;margin-top:4px}
.disc-hub-query{display:block;margin-top:12px;font-family:var(--serif);font-size:1.15rem;color:var(--amber-soft);line-height:1.45;opacity:0;transition:opacity .35s}
.disc-svcs{padding:12px;display:flex;flex-direction:column;gap:10px}
.disc-svc{padding:12px 14px;border:1px solid var(--line);border-radius:var(--m-radius-sm);background:var(--code-bg);opacity:0;transform:translateX(10px);transition:opacity .4s,transform .4s,border-color .35s}
.disc-svc-name{display:block;font-family:var(--sans);font-size:.88rem;color:var(--cream);font-weight:500}
.disc-svc-meta{display:block;margin-top:4px;font-family:var(--sans);font-size:.72rem;color:var(--tan)}
.disc-wire{position:relative;height:100%;min-height:80px;display:flex;flex-direction:column;justify-content:center;gap:18px;padding:0 6px}
.disc-wire-in::before{content:'';display:block;height:2px;border-radius:2px;background:var(--line);transform:scaleX(0);transform-origin:left center;transition:transform .5s var(--m-ease),background .35s}
.disc-wire-fast::before{content:'';display:block;height:2px;border-radius:2px;background:var(--line);transform:scaleX(0);transform-origin:left center;transition:transform .35s ease-out,background .35s}
.disc-fan{display:block;height:2px;border-radius:2px;background:var(--line);transform:scaleX(0);transform-origin:left center;transition:transform .45s var(--m-ease),background .35s}
.disc-pulse{position:absolute;left:0;top:50%;width:10px;height:10px;margin-top:-5px;border-radius:50%;background:var(--amber);box-shadow:0 0 12px var(--amber);opacity:0}
.disc-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;border-top:1px solid var(--line);background:var(--panel);transition:background .55s var(--m-ease)}
#discover-stage[data-act='before'] .disc-footer{background:linear-gradient(180deg,rgba(192,106,74,.1),var(--panel));border-top-color:rgba(192,106,74,.3)}
#discover-stage[data-act='after'] .disc-footer{background:linear-gradient(180deg,rgba(155,176,106,.1),var(--panel));border-top-color:rgba(155,176,106,.3)}
.disc-footer-metrics{display:flex;align-items:center;gap:14px;min-width:0}
.disc-mode{font-family:var(--sans);font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:7px 12px;border-radius:999px;flex-shrink:0;transition:background .45s,color .45s,border-color .45s}
.disc-mode--before{color:var(--rust);border:1px solid rgba(192,106,74,.5);background:rgba(192,106,74,.16)}
.disc-mode--after{color:var(--green);border:1px solid rgba(155,176,106,.5);background:rgba(155,176,106,.14)}
.disc-timer{font-family:var(--mono);font-size:1.35rem;font-weight:700;flex-shrink:0;position:relative;min-width:16rem;min-height:1.4em}
.disc-timer-sep{color:var(--tan-dim);font-weight:500}
.disc-timer span{font-variant-numeric:tabular-nums}
.disc-timer-unit{font-size:.72rem;font-weight:500;color:var(--tan-dim);margin-left:.2em}
.disc-timer-thrash,.disc-timer-fast{position:absolute;left:0;top:0;opacity:0;transition:opacity .55s var(--m-ease);white-space:nowrap}
.disc-timer-thrash{font-size:1.1rem;color:var(--rust)}
.disc-timer-fast{color:var(--green)}
.disc-caption{margin:0;font-family:var(--sans);font-size:.9rem;color:var(--tan);text-align:right;opacity:0;transform:translateY(5px);transition:opacity .65s var(--m-ease),transform .65s var(--m-ease),color .45s;max-width:28rem}
.disc-caption.disc-caption--in{opacity:1;transform:none}
#discover-stage[data-act='before'] .disc-caption.disc-caption--in{color:var(--cream)}
#discover-stage[data-act='after'] .disc-caption.disc-caption--in{color:#b0c88a}

/* Before: Composer thread (phases 0–5) */
#discover-stage[data-phase='0'] .disc-agent-thread{opacity:.55}
#discover-stage[data-phase='1'] .see-it-row--before .disc-agent,#discover-stage[data-phase='2'] .see-it-row--before .disc-agent,#discover-stage[data-phase='3'] .see-it-row--before .disc-agent,#discover-stage[data-phase='4'] .see-it-row--before .disc-agent,#discover-stage[data-phase='5'] .see-it-row--before .disc-agent{box-shadow:0 0 0 1px rgba(192,106,74,.38),0 0 18px rgba(192,106,74,.08)}
#discover-stage[data-phase='0'] .disc-timer-thrash,#discover-stage[data-phase='1'] .disc-timer-thrash,#discover-stage[data-phase='2'] .disc-timer-thrash,#discover-stage[data-phase='3'] .disc-timer-thrash,#discover-stage[data-phase='4'] .disc-timer-thrash,#discover-stage[data-phase='5'] .disc-timer-thrash{opacity:1}

/* After: with ASMP (phases 6+) — both rows stay visible; active row highlights via .is-active on see-it-row */
#discover-stage[data-phase='6'] .disc-timer-fast,#discover-stage[data-phase='7'] .disc-timer-fast,#discover-stage[data-phase='8'] .disc-timer-fast,#discover-stage[data-phase='9'] .disc-timer-fast,#discover-stage[data-phase='10'] .disc-timer-fast,#discover-stage[data-phase='11'] .disc-timer-fast{opacity:1}
#discover-stage[data-phase='6'] .disc-timer-thrash,#discover-stage[data-phase='7'] .disc-timer-thrash,#discover-stage[data-phase='8'] .disc-timer-thrash,#discover-stage[data-phase='9'] .disc-timer-thrash,#discover-stage[data-phase='10'] .disc-timer-thrash,#discover-stage[data-phase='11'] .disc-timer-thrash{opacity:0}
#discover-stage[data-phase='6'] .see-it-row--after .disc-agent--after,#discover-stage[data-phase='7'] .see-it-row--after .disc-agent--after,#discover-stage[data-phase='8'] .see-it-row--after .disc-agent--after,#discover-stage[data-phase='9'] .see-it-row--after .disc-agent--after,#discover-stage[data-phase='10'] .see-it-row--after .disc-agent--after,#discover-stage[data-phase='11'] .see-it-row--after .disc-agent--after{box-shadow:0 0 0 1px rgba(155,176,106,.4),0 0 18px rgba(155,176,106,.1)}
@media (prefers-reduced-motion:no-preference){
  #discover-stage[data-phase='6'] .disc-pulse,#discover-stage[data-phase='7'] .disc-pulse,#discover-stage[data-phase='8'] .disc-pulse,#discover-stage[data-phase='9'] .disc-pulse,#discover-stage[data-phase='10'] .disc-pulse{opacity:1;animation:disc-pulse-travel 1.1s ease-in-out infinite}
}
@keyframes disc-pulse-travel{0%{left:0;opacity:.3}50%{left:calc(100% - 10px);opacity:1}100%{left:calc(100% - 10px);opacity:.2}}
@media(max-width:900px){
  .see-it-stakes__grid{grid-template-columns:1fr;gap:18px}
  .see-it-stakes__item{border-right:none;border-bottom:1px solid rgba(255,255,255,.06);padding-right:0;padding-bottom:16px}
  .see-it-stakes__item:last-child{border-bottom:none;padding-bottom:0}
  #discover-stage.see-it-compare{--see-it-pane-h:260px}
  .see-it-row__body{
    grid-template-columns:1fr;
    grid-template-rows:var(--see-it-pane-h) var(--see-it-pane-h);
    height:auto;
    min-height:calc(var(--see-it-pane-h) * 2);
    max-height:calc(var(--see-it-pane-h) * 2);
  }
  .see-it-pane--map{border-left:none;border-top:1px solid rgba(255,255,255,.06)}
  .see-it-row--before .see-it-pane--map{border-top-color:rgba(192,106,74,.22)}
  .see-it-row--after .see-it-pane--map{border-top-color:rgba(155,176,106,.25)}
  .see-it-row__head{align-items:flex-start;flex-wrap:wrap}
  .disc-act-banner{padding:12px 18px}
  .disc-stage,.disc-stage-b{grid-template-columns:1fr;gap:12px}
  .disc-wire,.disc-wire-out{display:none}
  .disc-footer{flex-direction:column;align-items:flex-start}
  .disc-footer-metrics{flex-wrap:wrap}
  .disc-caption{text-align:left;max-width:none}
}

/* ── Hop map (right column of see-it rows) ─ */
.hop-map-panel{
  display:flex;
  flex-direction:column;
  min-width:0;
  border-radius:var(--m-radius-sm);
  overflow:hidden;
}
.hop-map-panel--before{
  border:1px solid rgba(192,106,74,.38);
  background:rgba(192,106,74,.04);
  box-shadow:inset 0 0 40px rgba(192,106,74,.04);
}
.hop-map-panel--after{
  border:1px solid rgba(155,176,106,.42);
  background:rgba(155,176,106,.06);
  box-shadow:inset 0 0 40px rgba(155,176,106,.05);
}
.hop-map-panel__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:10px 14px;
  border-bottom:1px solid rgba(255,255,255,.06);
}
.hop-map-panel--before .hop-map-panel__head{border-bottom-color:rgba(192,106,74,.2)}
.hop-map-panel--after .hop-map-panel__head{border-bottom-color:rgba(155,176,106,.22)}
.hop-map-panel__label{
  font-family:var(--mono);
  font-size:.68rem;
  font-weight:600;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.hop-map-panel--before .hop-map-panel__label{color:var(--rust)}
.hop-map-panel--after .hop-map-panel__label{color:var(--green)}
.hop-map-panel__timer{
  font-family:var(--mono);
  font-size:clamp(1rem,2.2vw,1.25rem);
  font-weight:600;
  font-variant-numeric:tabular-nums;
  letter-spacing:.02em;
  line-height:1;
}
.hop-map-panel--before .hop-map-panel__timer{color:var(--rust)}
.hop-map-panel--after .hop-map-panel__timer{color:var(--green)}
.hop-map-panel__caption{
  margin:0;
  padding:10px 14px 12px;
  font-family:var(--sans);
  font-size:.78rem;
  line-height:1.5;
  color:var(--tan-dim);
}
.hop-map-panel--before .hop-map-panel__caption{color:rgba(200,160,140,.75)}
.hop-map-panel--after .hop-map-panel__caption{color:rgba(176,200,138,.8)}
.hop-map-wrap{
  position:relative;
  flex:1;
  padding:6px 4px 2px;
  background:#080808;
  overflow:hidden;
}
.hop-map-panel--before .hop-map-wrap{background:#0a0808}
.hop-map-panel--after .hop-map-wrap{background:#080a08}
.hop-map{
  display:block;
  width:100%;
  height:auto;
  min-height:240px;
}
.see-it-pane--map .hop-map{min-height:0}
.hop-wire{
  fill:none;
  stroke:#2e2e2e;
  stroke-width:1.5;
  stroke-linecap:round;
  stroke-dasharray:1;
  stroke-dashoffset:1;
  opacity:0;
  transition:opacity .4s var(--m-ease),stroke .35s;
}
.hop-wire.is-visible{
  opacity:1;
  animation:hop-wire-draw .7s var(--m-ease) forwards;
}
.hop-map-panel--after:not(.is-dormant) .hop-wire--live{
  stroke:#4a6a38;
  stroke-width:2;
  opacity:1;
  stroke-dashoffset:0;
  animation:hop-wire-pulse 2.4s ease-in-out infinite;
}
.hop-map-panel--after .hop-wire--peer,#hop-after-map .hop-wire--peer{stroke:#3a5230;stroke-width:1.25;opacity:.7}
@keyframes hop-wire-draw{to{stroke-dashoffset:0}}
@keyframes hop-wire-pulse{0%,100%{stroke-opacity:.55}50%{stroke-opacity:1}}
.hop-wire--port.is-dead,.hop-wire--dead-end.is-dead{stroke:#5a3028;stroke-dasharray:4 6;animation:none;stroke-dashoffset:0}

.hop-node{
  opacity:0;
  transform-origin:center;
  transition:opacity .5s var(--m-ease);
}
.hop-node.is-visible{opacity:1;animation:hop-node-pop .55s cubic-bezier(.34,1.45,.64,1) forwards}
#hop-after-map:not(.is-dormant) .hop-map__mesh .hop-node{opacity:1}
#hop-after-map:not(.is-dormant) .hop-map__mesh .hop-node__ring{animation:hop-ring-breathe 4.2s ease-in-out infinite}
#hop-after-map:not(.is-dormant) .hop-map__mesh .hop-node:nth-child(2) .hop-node__ring{animation-delay:.4s}
#hop-after-map:not(.is-dormant) .hop-map__mesh .hop-node:nth-child(3) .hop-node__ring{animation-delay:.8s}
#hop-after-map.is-dormant .hop-map__wires,
#hop-after-map.is-dormant .hop-map__packets{
  visibility:hidden;
  opacity:0!important;
  animation:none!important;
}
#hop-after-map.is-dormant .hop-map__nodes .hop-node:not(.hop-node--root){
  opacity:0!important;
  visibility:hidden;
}
#hop-after-map.is-dormant .hop-node--root{
  opacity:1!important;
}
#hop-after-map.is-dormant .hop-node--root .hop-node__ring{
  animation:none!important;
  stroke:#3a3a3a;
  filter:none;
}
@keyframes hop-node-pop{
  0%{opacity:0}
  100%{opacity:1}
}
@keyframes hop-ring-breathe{
  0%,100%{stroke-opacity:.65}
  50%{stroke-opacity:1}
}
.hop-node__ring{
  fill:none;
  stroke:#3a3a3a;
  stroke-width:1.5;
  transition:stroke .35s,filter .35s;
}
.hop-node__core{stroke:#4a4a4a;stroke-width:1}
.hop-node__label{
  font-family:'JetBrains Mono',ui-monospace,Menlo,Monaco,Consolas,monospace;
  font-size:9.5px;
  fill:#c8c8c8;
  text-anchor:middle;
  font-variant-ligatures:none;
}
.hop-node__tag{
  font-family:'JetBrains Mono',ui-monospace,Menlo,Monaco,Consolas,monospace;
  font-size:8px;
  fill:#666;
  text-anchor:middle;
}
.hop-node--dir .hop-node__ring{stroke:rgba(138,122,104,.5)}
.hop-node--mcp .hop-node__ring{stroke:rgba(212,146,74,.55)}
.hop-node--svc .hop-node__ring{stroke:rgba(192,106,74,.5)}
#hop-after-map .hop-node--registry .hop-node__ring,#hop-after-map .hop-node--pick .hop-node__ring{stroke:rgba(155,176,106,.85);filter:url(#hop-glow-green)}
.hop-map-panel--after .hop-node--pick .hop-node__label{fill:#d4e4b8}
.hop-map-panel--after .hop-node--pick .hop-node__tag{fill:#9ab070}
.hop-node--root .hop-node__label{fill:#e0e0e0;font-size:10px}
.hop-node--more .hop-node__label{fill:#555;font-style:italic}
.hop-node--off.is-visible{opacity:.35}
.hop-packet{opacity:0;transition:opacity .35s}
#hop-before-map .hop-map__wander .hop-packet.is-visible.is-active{opacity:1}
#hop-before-map.is-ambiguous .hop-map__wander .hop-packet.is-visible{opacity:1}
.hop-map-panel--after:not(.is-dormant) .hop-map__mesh .hop-packet{opacity:1}
#hop-before-map .hop-map__wander .hop-wire.is-visible.is-active{stroke:#6a3830;stroke-width:1.75}
#hop-before-map.is-searching .hop-node--candidate.is-visible .hop-node__ring{stroke:rgba(224,140,120,.75);filter:url(#hop-glow-rust)}
.hop-map-panel--before.is-searching .hop-node--candidate.is-visible .hop-node__label{fill:#e8c4b8}
#hop-before-map.is-ambiguous .hop-node--candidate.is-visible .hop-node__ring{
  stroke:var(--rust);
  animation:hop-ring-breathe 1.2s ease-in-out infinite;
}
.hop-map-panel--before.is-dead .hop-node--port.is-visible .hop-node__ring{stroke:#8a4840}
.hop-node__dead{font-family:'JetBrains Mono',ui-monospace,Menlo,Monaco,Consolas,monospace;font-size:7.5px;fill:#8a4840;text-anchor:middle;opacity:0;transition:opacity .35s}
#hop-before-map.is-dead .hop-node--port.is-visible .hop-node__dead{opacity:1}
#hop-before-map .hop-map__wander .hop-wire.is-visible:not(.is-active){stroke:#3a2828;opacity:.55;stroke-dashoffset:0}
#hop-before-map.is-dead .hop-packet--dead circle{fill:#8a4840}
#hop-before-map.is-dead .hop-packet--dead{animation:hop-packet-stall .8s ease-in-out infinite alternate}
@keyframes hop-packet-stall{0%{opacity:.25}100%{opacity:.85}}
.hop-map-panel--before.is-dead .hop-wire--port.is-visible,.hop-map-panel--before.is-dead .hop-wire--dead-end.is-visible{stroke:#6a3830}
.see-it-row--after.is-complete .see-it-row__metric{animation:hop-timer-done .5s ease-out}
@keyframes hop-timer-done{
  0%{transform:scale(1.08)}
  100%{transform:scale(1)}
}

@media(max-width:640px){
  .agent-landscape__frame{padding:12px 14px 16px}
  .hop-map-wrap{padding:4px 2px 0}
  .hop-map{min-height:200px}
  .hop-node__label{font-size:8px}
  .hop-node__tag{font-size:7px}
  .hop-map-panel__caption{font-size:.74rem}
}
@media (prefers-reduced-motion:reduce){
  .hop-node,.hop-wire,.hop-map-panel,.agent-landscape__frame{transition:none;animation:none!important}
  .hop-wire.is-visible{stroke-dashoffset:0}
  .hop-packet circle animateMotion{display:none}
  .hop-packet.is-visible,.hop-map-panel--after .hop-map__mesh .hop-packet{opacity:.85}
}

/* ── Self-heal compare (section-specific) ───────────── */
.heal-compare-wrap{
  margin-top:var(--m-gap-header);
  border:1px solid var(--line);
  border-radius:var(--m-radius-lg);
  overflow:hidden;
  background:var(--panel);
}
.heal-compare-wrap .heal-compare{margin-top:0}
.m-compare,.heal-compare{display:grid;grid-template-columns:1fr auto 1fr;gap:28px;align-items:stretch;padding:clamp(20px,3vw,28px)}
.heal-payoff{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:stretch;
  gap:0;
  border-top:1px solid var(--line);
  background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.16));
}
.heal-payoff__step{
  display:flex;
  align-items:flex-start;
  gap:clamp(12px,2vw,18px);
  padding:clamp(18px,2.5vw,24px) clamp(16px,2.5vw,24px);
  min-width:0;
  position:relative;
}
.heal-payoff__step:not(:last-child){
  border-right:1px solid rgba(255,255,255,.06);
}
.heal-payoff__step:not(:last-child)::after{
  content:'→';
  position:absolute;
  right:-0.55em;
  top:50%;
  transform:translateY(-50%);
  font-family:var(--serif);
  font-style:italic;
  font-size:1.1rem;
  color:var(--tan-dim);
  z-index:1;
  pointer-events:none;
}
.heal-payoff__num{
  font-family:var(--serif);
  font-size:clamp(1.75rem,3.5vw,2.25rem);
  color:var(--amber);
  line-height:1;
  flex-shrink:0;
  padding-top:2px;
}
.heal-payoff__text{min-width:0}
.heal-payoff__text strong{
  display:block;
  color:var(--cream);
  font-size:.95rem;
  font-weight:600;
  line-height:1.3;
}
.heal-payoff__text span{
  display:block;
  margin-top:5px;
  color:var(--tan);
  font-size:.82rem;
  line-height:1.45;
}

.m-compare__panel,.heal-panel{border:1px solid var(--line);border-radius:var(--m-radius-lg);background:var(--bg);padding:28px 26px 24px;display:flex;flex-direction:column;min-height:100%}
.heal-broken{border-style:dashed;border-color:rgba(192,106,74,.35)}
.heal-fixed{border-color:var(--amber);background:rgba(212,146,74,.05);box-shadow:var(--m-shadow-accent)}
.heal-panel-head h3{font-family:var(--serif);font-size:1.55rem;font-weight:400;margin:12px 0 8px;color:var(--cream)}
.heal-panel-head p{color:var(--tan);font-size:.92rem;line-height:1.45}
.heal-vs{display:grid;place-items:center;font-family:var(--serif);font-size:2.2rem;color:var(--amber);font-style:italic;padding-top:80px}
.heal-loop{margin-top:22px;display:flex;flex-direction:column;gap:0;flex:1}
.heal-node{border:1px solid var(--line);border-radius:var(--m-radius-md);padding:14px 16px;background:var(--bg);transition:border-color .35s,background .35s,transform .35s,opacity .35s;opacity:.55}
.heal-node-live{border-color:rgba(212,146,74,.25)}
.heal-icon{font-family:var(--serif);font-style:italic;font-size:1.1rem;color:var(--tan-dim);display:block;margin-bottom:6px}
.heal-label{display:block;color:var(--cream);font-weight:600;font-size:.94rem}
.heal-detail{display:block;color:var(--tan);font-size:.82rem;margin-top:4px;font-family:var(--mono)}
.heal-arrow-down{width:2px;height:18px;margin:0 auto;background:linear-gradient(var(--line),transparent);position:relative}
.heal-arrow-down::after{content:'';position:absolute;left:50%;bottom:0;transform:translateX(-50%);border:4px solid transparent;border-top-color:var(--line)}
.heal-arrow-live{background:linear-gradient(rgba(212,146,74,.5),transparent)}
.heal-arrow-live::after{border-top-color:var(--amber)}
.heal-arrow-loop{margin-top:14px;padding:12px 14px;border:1px dashed var(--line);border-radius:var(--m-radius-sm);text-align:center;font-size:.82rem;color:var(--tan-dim);font-family:var(--mono)}
.heal-arrow-loop-good{border-color:rgba(155,176,106,.45);color:var(--green)}
.heal-arrow-loop-good strong{color:var(--amber-soft);font-weight:700}
.heal-node-todo{border-style:dashed}
.heal-node-grow .heal-label{color:var(--amber-soft)}
#heal-stage[data-step='0'] .heal-loop-dead .heal-node[data-n='0'],#heal-stage[data-step='1'] .heal-loop-dead .heal-node[data-n='1'],#heal-stage[data-step='2'] .heal-loop-dead .heal-node[data-n='2'],#heal-stage[data-step='3'] .heal-loop-dead .heal-node[data-n='3'],#heal-stage[data-step='4'] .heal-loop-live .heal-node[data-n='0'],#heal-stage[data-step='5'] .heal-loop-live .heal-node[data-n='1'],#heal-stage[data-step='6'] .heal-loop-live .heal-node[data-n='2'],#heal-stage[data-step='7'] .heal-loop-live .heal-node[data-n='3'],#heal-stage[data-step='8'] .heal-loop-live .heal-node[data-n='4']{opacity:1;border-color:var(--amber);background:rgba(212,146,74,.08);transform:translateX(4px)}
#heal-stage[data-step='1'] .heal-loop-dead .heal-node[data-n='0'],#heal-stage[data-step='2'] .heal-loop-dead .heal-node[data-n='0'],#heal-stage[data-step='2'] .heal-loop-dead .heal-node[data-n='1'],#heal-stage[data-step='3'] .heal-loop-dead .heal-node[data-n='0'],#heal-stage[data-step='3'] .heal-loop-dead .heal-node[data-n='1'],#heal-stage[data-step='3'] .heal-loop-dead .heal-node[data-n='2']{opacity:.35;transform:none;border-color:var(--line);background:var(--bg)}
#heal-stage[data-step='5'] .heal-loop-live .heal-node[data-n='0'],#heal-stage[data-step='6'] .heal-loop-live .heal-node[data-n='0'],#heal-stage[data-step='6'] .heal-loop-live .heal-node[data-n='1'],#heal-stage[data-step='7'] .heal-loop-live .heal-node[data-n='0'],#heal-stage[data-step='7'] .heal-loop-live .heal-node[data-n='1'],#heal-stage[data-step='7'] .heal-loop-live .heal-node[data-n='2'],#heal-stage[data-step='8'] .heal-loop-live .heal-node[data-n='0'],#heal-stage[data-step='8'] .heal-loop-live .heal-node[data-n='1'],#heal-stage[data-step='8'] .heal-loop-live .heal-node[data-n='2'],#heal-stage[data-step='8'] .heal-loop-live .heal-node[data-n='3']{opacity:1;border-color:rgba(155,176,106,.35);background:rgba(155,176,106,.06);transform:none}
#heal-stage[data-step='8'] .heal-loop-live .heal-node[data-n='4']{border-color:var(--amber);background:rgba(212,146,74,.14);transform:scale(1.02)}
#heal-stage[data-step='8'] #heal-registry-count{animation:heal-pop .6s ease}
@keyframes heal-pop{0%{transform:scale(1)}50%{transform:scale(1.08);color:var(--green)}100%{transform:scale(1)}}
@media(max-width:980px){
  .m-compare,.heal-compare{grid-template-columns:1fr;gap:20px;padding:20px}
  .heal-vs{padding:0;transform:rotate(90deg)}
  .heal-payoff{grid-template-columns:1fr}
  .heal-payoff__step:not(:last-child){border-right:none;border-bottom:1px solid rgba(255,255,255,.06)}
  .heal-payoff__step:not(:last-child)::after{content:'↓';right:auto;left:50%;top:auto;bottom:-0.65em;transform:translateX(-50%)}
  .heal-payoff__step:last-child{border-bottom:none}
}
@media (prefers-reduced-motion:reduce){
  .m-reveal,.reveal{opacity:1!important;transform:none!important}
  #heal-stage .heal-node{opacity:1!important;transform:none!important}
  #discover-stage .see-it-row--before,#discover-stage .see-it-row--after{opacity:1!important}
  .see-it-row.is-awaiting-play .see-it-row__body{filter:none;opacity:1}
  #discover-stage .disc-timer-fast,#discover-stage .disc-caption{opacity:1!important;transform:none!important}
  #hop-before-map .hop-packet,#hop-after-map .hop-packet{opacity:.85!important}
}