/* =========================================================================
   Team6-kit official site — main.css
   Design spec: 03-design-copy.md §1 tokens, §2 type, §3 patterns, §4 motion.
   One stylesheet, hand-authored, no framework. Budget < 40KB.
   ========================================================================= */

/* ---- 1. Design tokens (verbatim from 03-spec §1.1) ---- */
:root{
  --bg:#0a0e12;
  --surf:#11161c;
  --raised:#182029;
  --border:#212b36;
  --text-hi:#e9eef3;
  --text-mid:#a6b1bc;
  --text-low:#74828f;
  --accent:#f2b63d;
  --accent-dim:#c28f2a;
  --ok:#79c07e;
  --open:#8d99a6;

  /* type scale (03-spec §2.2) */
  --fs-display:clamp(2.5rem, 6vw, 4.25rem);
  --fs-h2:clamp(1.75rem, 4vw, 2.5rem);
  --fs-h3:clamp(1.25rem, 2.5vw, 1.5rem);
  --fs-lead:1.125rem;
  --fs-body:1rem;
  --fs-small:0.875rem;
  --fs-mono:0.875rem;
  --fs-mono-sm:0.8125rem;

  /* motion tokens (03-spec §4) */
  --ease:cubic-bezier(0.22,1,0.36,1);
  --ease-in:cubic-bezier(0.4,0,0.2,1);
}

/* ---- reset & base ---- */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{font-size:16px;scroll-behavior:smooth;}
body{
  background:var(--bg);
  color:var(--text-mid);
  font-family:"Space Grotesk","Archivo",system-ui,-apple-system,sans-serif;
  font-size:var(--fs-body);
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--text-hi);text-decoration:none;}
a:hover{color:var(--accent);}
img,svg{vertical-align:middle;}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px;}

.mono,code,pre,.kicker,.status-tag,.lane,.not,.diff-num,.zone-kicker,
.group-kicker,.param-note,.honest-cap,.loop-note,.instance-foot,
.term-title,.live-label,.prompt,.cmt,.wait,.diff-ev,.open-core,
.foot-brand,.foot-meta,.foot-links,.foot-copy,.brand-name{
  font-family:ui-monospace,"SF Mono",Menlo,Monaco,"Cascadia Mono","Roboto Mono",monospace;
}

.visually-hidden{
  position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);
  clip-path:inset(50%);white-space:nowrap;
}

/* ---- font-face (single self-hosted variable woff2) ---- */
@font-face{
  font-family:"Space Grotesk";
  src:url("../fonts/display.woff2") format("woff2");
  font-weight:300 700;
  font-display:swap;
}

/* ---- skip link ---- */
.skip-link{
  position:absolute;left:-999px;top:0;z-index:100;
  background:var(--accent);color:#0a0e12;font-family:ui-monospace,monospace;
  font-size:var(--fs-mono-sm);padding:0.75rem 1.25rem;
}
.skip-link:focus{left:0;}

/* ---- container ---- */
.container{max-width:min(100% - 2rem,1200px);margin-inline:auto;}

/* ---- top/bottom frame (console motif) ---- */
.site-header{border-top:2px solid var(--accent);}
.site-footer{border-bottom:2px solid var(--accent);}

/* =========================================================================
   Header / nav
   ========================================================================= */
.site-header{
  position:sticky;top:0;z-index:50;
  background:rgba(10,14,18,0.92);backdrop-filter:blur(4px);
}
.nav{
  max-width:min(100% - 2rem,1200px);margin-inline:auto;
  display:flex;align-items:center;justify-content:space-between;
  gap:1rem;padding:0.9rem 0;min-height:56px;
}
.brand{display:flex;align-items:center;gap:0.5rem;color:var(--text-hi);}
.brand-mark{width:20px;height:20px;color:var(--accent);}
.brand-name{font-size:var(--fs-mono-sm);letter-spacing:0.08em;font-weight:600;}
.nav-links{display:flex;align-items:center;gap:1.1rem;flex-wrap:wrap;}
.nav-links a{font-family:ui-monospace,monospace;font-size:var(--fs-mono-sm);
  color:var(--text-low);letter-spacing:0.02em;}
.nav-links a:hover{color:var(--accent);}
.nav-links a[href="#setup"]{color:var(--accent);}
.nav-links a[href="#setup"]:hover{color:var(--accent-dim);}
.nav-links .nav-cta{
  color:var(--accent);border:1px solid var(--border);border-radius:2px;
  padding:0.5rem 0.9rem;transition:border-color 0.15s,color 0.15s;
}
.nav-links .nav-cta:hover{border-color:var(--accent-dim);}

/* =========================================================================
   Section base + kicker pattern (03-spec §3)
   ========================================================================= */
.section{padding-block:5rem;border-top:1px solid var(--border);}
.hero{padding-block:min(18vh,10rem) 6rem;border-top:1px solid var(--border);}

.kicker{
  display:inline-block;font-size:var(--fs-mono-sm);letter-spacing:0.08em;
  text-transform:uppercase;color:var(--accent-dim);margin-bottom:1rem;
  border-left:2px solid var(--accent);padding-left:0.75rem;
}
h1,h2,h3{font-family:"Space Grotesk","Archivo",sans-serif;color:var(--text-hi);
  font-weight:600;line-height:1.1;text-wrap:balance;}
h1{font-size:var(--fs-display);line-height:1.05;}
h2{font-size:var(--fs-h2);line-height:1.1;margin-bottom:1.25rem;}
h3{font-size:var(--fs-h3);line-height:1.25;}

.lead{font-size:var(--fs-lead);line-height:1.6;color:var(--text-mid);}
.measure{max-width:65ch;}
.section h2 + .lead{margin-bottom:2.5rem;}

/* ---- primary CTA button ---- */
.btn{
  display:inline-block;background:var(--accent);color:#0a0e12;
  font-family:ui-monospace,monospace;font-size:var(--fs-mono-sm);
  text-transform:uppercase;letter-spacing:0.04em;font-weight:600;
  padding:0.75rem 1.25rem;border:1px solid var(--accent);border-radius:2px;
  min-height:44px;display:inline-flex;align-items:center;
  transition:background-color 0.15s,border-color 0.15s;
}
.btn:hover{background:var(--accent-dim);border-color:var(--accent-dim);color:#0a0e12;}
.link{color:var(--text-mid);font-size:var(--fs-mono-sm);min-height:44px;
  display:inline-flex;align-items:center;}
.link:hover{color:var(--accent);text-decoration:underline;}

/* =========================================================================
   5.1 Hero
   ========================================================================= */
.hero-inner{
  max-width:46ch;margin-inline:auto;text-align:center;
  display:flex;flex-direction:column;align-items:center;gap:1.1rem;
}
.hero .kicker{border-left:none;border-top:2px solid var(--accent);
  padding-left:0;padding-top:0.75rem;margin-bottom:0;}
.open-core{font-size:var(--fs-mono-sm);color:var(--text-low);
  letter-spacing:0.02em;}
.cta-row{display:flex;align-items:center;gap:1.5rem;margin-top:0.75rem;
  flex-wrap:wrap;justify-content:center;}

/* =========================================================================
   5.2 Two-layer table
   ========================================================================= */
.table-wrap{overflow-x:auto;}
.layer-table{width:100%;border-collapse:collapse;background:var(--surf);
  border:1px solid var(--border);border-radius:4px;overflow:hidden;
  font-size:var(--fs-small);}
.layer-table th,.layer-table td{
  text-align:left;padding:1rem 1.25rem;border-bottom:1px solid var(--border);
  vertical-align:top;
}
.layer-table thead th{
  font-family:ui-monospace,monospace;font-size:var(--fs-mono-sm);
  text-transform:uppercase;letter-spacing:0.05em;color:var(--text-low);
  background:var(--raised);
}
.layer-table tbody th{
  font-family:ui-monospace,monospace;font-size:var(--fs-mono-sm);
  color:var(--text-low);white-space:nowrap;width:16%;
}
.layer-table td.col-hermes{color:var(--text-low);}
.layer-table td.col-kit{color:var(--text-hi);border-left:2px solid var(--accent);}
.layer-table tbody tr:last-child th,.layer-table tbody tr:last-child td{border-bottom:none;}
.layer-table .mono{font-family:ui-monospace,monospace;}

/* =========================================================================
   5.3 Crew grid
   ========================================================================= */
.crew-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:0;
  border:1px solid var(--border);border-radius:4px;overflow:hidden;
  background:var(--surf);
}
.crew-card{
  padding:clamp(1.25rem,3vw,2rem);
  border-right:1px solid var(--border);border-bottom:1px solid var(--border);
  background:var(--surf);transition:background-color 0.15s,border-color 0.15s;
}
.crew-card h3{margin-bottom:0.6rem;}
.crew-instance{font-family:ui-monospace,monospace;font-size:var(--fs-mono-sm);
  letter-spacing:0.08em;color:var(--accent);margin-bottom:0.5rem;}
.lane{font-size:var(--fs-mono-sm);color:var(--text-mid);margin-bottom:0.4rem;}
.not{font-size:var(--fs-mono-sm);color:var(--accent-dim);margin-bottom:0.5rem;}
.crew-built{font-size:var(--fs-mono-sm);color:var(--text-low);
  border-top:1px solid var(--border);padding-top:0.5rem;}
.instance-foot{margin-top:1.25rem;font-size:var(--fs-small);color:var(--text-low);}

/* =========================================================================
   5.4 Pipeline (signature A)
   ========================================================================= */
.pipeline{position:relative;margin:1rem 0 1.5rem;border:1px solid var(--border);
  border-radius:4px;background:var(--surf);padding:1.5rem;overflow:hidden;}
/* static fallback = source of truth, always in DOM */
.pipeline-static{
  list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;
  background:var(--border);
}
.pipeline-static li{
  background:var(--surf);padding:1rem;display:flex;flex-direction:column;gap:0.25rem;
}
.pipeline-static .ps-role{color:var(--text-hi);font-weight:600;
  font-family:ui-monospace,monospace;font-size:var(--fs-mono-sm);}
.pipeline-static .ps-lane{font-size:var(--fs-mono-sm);color:var(--text-mid);}
.pipeline-static .ps-not{font-size:var(--fs-mono-sm);color:var(--accent-dim);}
/* animated surface — populated by JS; shown only when JS adds .animating */
.pipeline-anim{display:none;}
.loop-note{font-size:var(--fs-mono-sm);color:var(--text-low);}

/* JS-on + motion allowed: swap to animated surface, keep static a11y-accessible */
.js .pipeline.animating .pipeline-anim{
  display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);
}
.js .pipeline.animating .pipeline-static{
  position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);
  clip-path:inset(50%);white-space:nowrap;
}
.js .pipeline.animating .pipeline-static li{background:transparent;border:0;padding:0;}

/* animated stage nodes */
.pstage{
  background:var(--surf);padding:1rem;display:flex;flex-direction:column;gap:0.25rem;
  border:1px solid transparent;position:relative;
  transition:background-color 0.6s,border-color 0.6s;
}
.pstage .pnum{font-family:ui-monospace,monospace;font-size:var(--fs-mono-sm);
  color:var(--text-low);letter-spacing:0.05em;}
.pstage .prole{color:var(--text-hi);font-weight:600;
  font-family:ui-monospace,monospace;font-size:var(--fs-mono-sm);}
.pstage .plane{font-size:var(--fs-mono-sm);color:var(--text-mid);}
.pstage .pnot{font-size:var(--fs-mono-sm);color:var(--accent-dim);}
.pstage.active{background:var(--raised);border-color:var(--accent);}
.pstage.active .pnum{color:var(--accent);}

/* handoff arrow */
.handoff{
  position:absolute;z-index:2;color:var(--accent);opacity:0.4;
  transition:opacity 0.6s var(--ease);
}
.handoff.on{opacity:1;}

/* =========================================================================
   5.5 Differentiators
   ========================================================================= */
.diff-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;
  background:var(--border);border:1px solid var(--border);border-radius:4px;
  overflow:hidden;}
.diff-card{background:var(--surf);padding:clamp(1.25rem,3vw,2rem);
  display:flex;flex-direction:column;gap:0.5rem;}
.diff-title{
  font-family:ui-monospace,monospace;font-size:var(--fs-mono-sm);
  color:var(--accent-dim);letter-spacing:0.05em;font-weight:600;line-height:1.4;
}
.diff-claim{color:var(--text-mid);font-size:var(--fs-small);}
.diff-ev{font-size:var(--fs-mono-sm);color:var(--text-low);margin-top:0.25rem;}
.diff-gate{font-size:var(--fs-mono-sm);color:var(--text-mid);}
.diff-intent{background:var(--surf);}

/* =========================================================================
   5.55 Operating upgrades grid (v1.1.0)
   ========================================================================= */
.up-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;
  background:var(--border);border:1px solid var(--border);border-radius:4px;
  overflow:hidden;margin-bottom:1.25rem;}
.up-card{background:var(--surf);padding:clamp(1.25rem,3vw,2rem);
  display:flex;flex-direction:column;gap:0.6rem;}
.up-title{font-family:ui-monospace,monospace;font-size:var(--fs-mono-sm);
  color:var(--accent);letter-spacing:0.05em;font-weight:600;}
.up-body{color:var(--text-mid);font-size:var(--fs-small);line-height:1.6;}
.up-card strong{color:var(--text-hi);}

/* =========================================================================
   5.6 Status & roadmap
   ========================================================================= */
.status-cols{display:grid;grid-template-columns:1fr 1fr;gap:1px;
  background:var(--border);border:1px solid var(--border);border-radius:4px;
  overflow:hidden;}
.status-group{background:var(--surf);padding:clamp(1.25rem,3vw,2rem);}
.group-kicker{font-size:var(--fs-mono-sm);letter-spacing:0.08em;
  text-transform:uppercase;margin-bottom:1rem;}
.group-kicker.shipped{color:var(--ok);}
.group-kicker.open{color:var(--open);}
.status-list{list-style:none;display:flex;flex-direction:column;gap:0.9rem;}
.status-list li{display:flex;gap:0.6rem;align-items:flex-start;
  font-family:ui-monospace,monospace;font-size:var(--fs-small);color:var(--text-mid);}
.status-tag{
  font-size:var(--fs-mono-sm);border:1px solid var(--border);border-radius:2px;
  padding:0.2rem 0.5rem;white-space:nowrap;flex-shrink:0;
}
.status-tag.ok{color:var(--ok);}
.status-tag.open{color:var(--open);}

/* =========================================================================
   5.7 Install / quick start
   ========================================================================= */
.param-note{font-size:var(--fs-mono-sm);color:var(--text-low);
  margin:1.5rem 0 1rem;max-width:70ch;}
.cmd-block{position:relative;margin:1rem 0;}
.cmd-block pre{
  background:var(--raised);border:1px solid var(--border);border-radius:4px;
  padding:1.25rem;overflow-x:auto;color:var(--text-hi);
  font-size:var(--fs-mono);line-height:1.5;
}
.cmd-block .prompt{color:var(--accent);}
.copy-btn{
  position:absolute;top:0.75rem;right:0.75rem;
  background:transparent;color:var(--accent-dim);border:1px solid var(--border);
  border-radius:2px;padding:0.4rem 0.8rem;font-family:ui-monospace,monospace;
  font-size:var(--fs-mono-sm);cursor:pointer;min-height:32px;
  transition:border-color 0.15s,color 0.15s;
}
.copy-btn:hover{border-color:var(--accent-dim);color:var(--accent);}
.honest-cap{font-size:var(--fs-mono-sm);color:var(--text-low);max-width:70ch;}
.repo-link{margin-top:1.25rem;}
.repo-link a{color:var(--text-mid);font-family:ui-monospace,monospace;
  font-size:var(--fs-mono-sm);}

/* =========================================================================
   5.8 License zones
   ========================================================================= */
.zone-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;
  background:var(--border);border:1px solid var(--border);border-radius:4px;
  overflow:hidden;}
.zone-card{background:var(--surf);padding:clamp(1.25rem,3vw,2rem);
  display:flex;flex-direction:column;gap:0.75rem;}
.zone-kicker{font-size:var(--fs-mono-sm);color:var(--accent-dim);
  letter-spacing:0.05em;}
.zone-body{color:var(--text-mid);font-size:var(--fs-small);}

/* =========================================================================
   5.9 Demo terminal (signature B)
   ========================================================================= */
.terminal{background:var(--bg);border:1px solid var(--border);border-radius:4px;
  overflow:hidden;}
.term-chrome{
  display:flex;align-items:center;gap:0.4rem;padding:0.7rem 1rem;
  background:var(--raised);border-bottom:1px solid var(--border);
}
.term-chrome .dot{width:8px;height:8px;border-radius:50%;background:var(--border);}
.term-title{margin-left:0.5rem;font-size:var(--fs-mono-sm);color:var(--text-low);}
.live-label{
  display:flex;align-items:center;gap:0.5rem;padding:0.7rem 1rem;
  font-size:var(--fs-mono-sm);color:var(--accent);
  border-bottom:1px solid var(--border);
}
.live-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);
  animation:pulse 1s ease-in-out infinite;}
@keyframes pulse{0%,100%{opacity:1;}50%{opacity:0.25;}}
.term-static{padding:1.25rem;overflow-x:auto;color:var(--text-hi);
  font-size:var(--fs-mono);line-height:1.7;}
.term-static .cmt{color:var(--text-low);}
.term-static .wait{color:var(--open);}
.term-anim{display:none;padding:1.25rem;overflow-x:auto;color:var(--text-hi);
  font-size:var(--fs-mono);line-height:1.7;}
.js .terminal.animating .term-anim{display:block;}
.js .terminal.animating .term-static{
  position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);
  clip-path:inset(50%);white-space:nowrap;padding:0;
}
.term-anim .cline{opacity:0;transform:translateY(4px);
  transition:opacity 0.45s var(--ease),transform 0.45s var(--ease);}
.term-anim .cline.show{opacity:1;transform:translateY(0);}
.term-anim .prompt{color:var(--accent);}
.term-anim .cmt{color:var(--text-low);}
.term-anim .wait{color:var(--open);}
.term-extension{border-top:1px solid var(--border);background:var(--raised);}
.term-extension-head{padding:0.7rem 1.25rem;border-bottom:1px solid var(--border);font-size:var(--fs-mono-sm);color:var(--accent);letter-spacing:0.04em;}
.term-ops{padding-top:1rem;padding-bottom:1.25rem;}
.term-ops .prompt{color:var(--accent);}
.term-ops .cmd{color:var(--text-hi);}
.term-ops .cmt{color:var(--text-low);}
.term-ops .wait{color:var(--open);}
.cursor{display:inline-block;width:0.55em;height:1em;background:var(--accent);
  vertical-align:text-bottom;animation:blink 1s steps(1) infinite;}
@keyframes blink{0%,49%{opacity:1;}50%,100%{opacity:0;}}

/* =========================================================================
   5.10 Footer
   ========================================================================= */
.site-footer{border-top:1px solid var(--border);padding-block:3rem;}
.footer-inner{display:flex;flex-direction:column;gap:0.9rem;}
.foot-brand{font-size:var(--fs-mono-sm);color:var(--text-hi);letter-spacing:0.08em;}
.foot-meta{font-size:var(--fs-mono-sm);color:var(--text-low);max-width:70ch;}
.foot-static{font-size:var(--fs-mono-sm);color:var(--text-low);}
.foot-links{font-size:var(--fs-mono-sm);color:var(--text-mid);}
.foot-links .sep{color:var(--text-low);}
.foot-links a{color:var(--text-mid);}
.foot-links a:hover{color:var(--accent);}
.foot-copy{font-size:var(--fs-mono-sm);color:var(--text-low);}

/* =========================================================================
   5.75 Set up, configure & use (setup guide)
   ========================================================================= */
.setup-boundary{
  border:1px solid var(--border);border-left:3px solid var(--accent);
  background:var(--surf);border-radius:4px;padding:1.1rem 1.25rem;
  margin:0 0 1.75rem;max-width:82ch;
}
.setup-boundary .sb-title{
  font-family:ui-monospace,monospace;font-size:var(--fs-mono-sm);
  color:var(--accent);letter-spacing:0.05em;display:block;margin-bottom:0.6rem;
}
.setup-boundary p{font-size:var(--fs-small);color:var(--text-mid);margin-bottom:0.6rem;}
.setup-boundary p:last-child{margin-bottom:0;}
.setup-steps{display:flex;flex-direction:column;gap:1.5rem;margin-top:0.5rem;}
.setup-step{
  border:1px solid var(--border);border-radius:4px;background:var(--surf);
  padding:clamp(1.25rem,3vw,2rem);
}
.setup-step h3{margin-bottom:0.7rem;}
.setup-step .step-num{
  font-family:ui-monospace,monospace;font-size:var(--fs-mono-sm);
  color:var(--accent);letter-spacing:0.08em;display:block;margin-bottom:0.4rem;
}
.setup-step p{color:var(--text-mid);font-size:var(--fs-small);line-height:1.65;margin-bottom:0.75rem;}
.setup-step p:last-child{margin-bottom:0;}
.setup-step ul{
  color:var(--text-mid);font-size:var(--fs-small);line-height:1.7;
  margin:0 0 0.75rem;padding-left:1.1rem;
}
.setup-step li{margin-bottom:0.45rem;}
.setup-step code{
  font-size:var(--fs-mono-sm);color:var(--text-hi);background:var(--raised);
  border:1px solid var(--border);border-radius:2px;padding:0.1rem 0.35rem;
}
.setup-step .honest-cap{margin-top:0.6rem;}
.tag-shipped,.tag-unshipped{
  font-family:ui-monospace,monospace;font-size:var(--fs-mono-sm);
  border:1px solid var(--border);border-radius:2px;padding:0.15rem 0.5rem;
  margin-right:0.5rem;white-space:nowrap;
}
.tag-shipped{color:var(--ok);}
.tag-unshipped{color:var(--open);}
@media (max-width:560px){ .setup-step code{word-break:break-word;} }

/* =========================================================================
   ASKA site variant — top bar, back-link, continuity
   ========================================================================= */
.aska-bar{
  background:var(--raised);border-bottom:1px solid var(--border);
  font-family:ui-monospace,monospace;font-size:var(--fs-mono-sm);
  display:flex;align-items:center;justify-content:space-between;
  gap:1rem;flex-wrap:wrap;padding:0.55rem max(1rem, calc((100% - 1200px)/2));
}
.aska-bar a{color:var(--text-mid);}
.aska-bar a:hover{color:var(--accent);}
.aska-bar .aska-bar-link{color:var(--text-hi);}
.aska-bar .aska-bar-tag{color:var(--text-low);}
.aska-bar .aska-bar-cta{
  color:var(--accent);border:1px solid var(--border);border-radius:2px;
  padding:0.35rem 0.7rem;
}
.aska-bar .aska-bar-cta:hover{border-color:var(--accent-dim);}
@media (max-width:720px){ .aska-bar{padding:0.55rem 1rem;} }

/* =========================================================================
   Responsive
   ========================================================================= */
@media (max-width:1024px){
  .crew-grid{grid-template-columns:repeat(2,1fr);}
  .zone-grid{grid-template-columns:1fr;}
}
@media (max-width:820px){
  .status-cols{grid-template-columns:1fr;}
  .diff-grid{grid-template-columns:1fr;}
  .up-grid{grid-template-columns:1fr;}
  .pipeline-static,
  .js .pipeline.animating .pipeline-anim{grid-template-columns:1fr;}
  .section{padding-block:3.5rem;}
  .layer-table thead th{padding:0.75rem 0.9rem;}
  .layer-table th,.layer-table td{padding:0.75rem 0.9rem;}
  .layer-table tbody th{white-space:normal;width:auto;}
}
@media (max-width:560px){
  .crew-grid{grid-template-columns:1fr;}
  .nav{flex-direction:column;align-items:flex-start;gap:0.4rem;}
  .nav-links{gap:0.8rem;}
}

/* =========================================================================
   Reduced motion (02-spec §5.6, 03-spec §4) — freeze everything
   ========================================================================= */
@media (prefers-reduced-motion: reduce){
  *{animation:none !important;transition:none !important;scroll-behavior:auto !important;}
  .live-dot{opacity:1;}
  .cursor{opacity:1;}
  /* static fallbacks show when motion reduced (JS won't add .animating) */
  .pipeline-anim,.term-anim{display:none;}
  .pipeline-static{display:grid;}
  .term-static{display:block;}
}