:root {
  --ink: #f8f5ff;
  --muted: #a9a1bd;
  --deep: #090617;
  --panel: rgba(18, 12, 39, .78);
  --line: rgba(255,255,255,.10);
  --violet: #9b5cff;
  --cyan: #35e7ff;
  --coral: #ff5b79;
  --gold: #ffc857;
  --mint: #5dffbc;
  --blue: #5577ff;
  --shadow: 0 24px 90px rgba(0,0,0,.42);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--deep); }
body {
  margin: 0;
  min-width: 320px;
  color: var(--ink);
  background:
    radial-gradient(circle at 12% 18%, rgba(85,119,255,.16), transparent 31rem),
    radial-gradient(circle at 86% 8%, rgba(255,91,121,.12), transparent 27rem),
    linear-gradient(180deg, #080514 0%, #0c0820 48%, #070510 100%);
  font-family: Manrope, system-ui, sans-serif;
  overflow-x: hidden;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  opacity: .12;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");
  z-index: 30;
  mix-blend-mode: soft-light;
}

.aurora {
  position: fixed;
  inset: -20vh -10vw auto;
  height: 60vh;
  pointer-events: none;
  background: conic-gradient(from 100deg at 50% 0%, transparent, rgba(53,231,255,.08), rgba(155,92,255,.16), transparent 45%);
  filter: blur(70px);
  animation: breathe 10s ease-in-out infinite alternate;
}

a { color: inherit; }
button, input { font: inherit; }
button { color: inherit; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.section-shell { width: min(1460px, calc(100% - 52px)); margin-inline: auto; }

.masthead {
  width: min(1500px, calc(100% - 40px));
  margin: 16px auto 0;
  height: 62px;
  display: flex;
  align-items: center;
  gap: 34px;
  padding: 0 18px;
  position: sticky;
  top: 12px;
  z-index: 20;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: rgba(10,6,23,.76);
  backdrop-filter: blur(20px);
  box-shadow: 0 12px 44px rgba(0,0,0,.24);
}
.brand { display:flex; align-items:center; gap:11px; text-decoration:none; font-family:Syne,sans-serif; letter-spacing:.08em; font-size:.86rem; }
.brand b { color: var(--cyan); }
.brand-mark { width:13px; height:13px; display:inline-block; transform:rotate(45deg); background:linear-gradient(135deg,var(--coral),var(--violet)); box-shadow:0 0 22px var(--violet); }
.masthead nav { display:flex; gap:24px; margin-left:auto; }
.masthead nav a { color:var(--muted); text-decoration:none; font-size:.8rem; letter-spacing:.04em; transition:.2s; }
.masthead nav a:hover { color:var(--ink); }
.quiet-button, .text-button { border:0; background:transparent; color:var(--muted); cursor:pointer; font-family:"DM Mono",monospace; font-size:.72rem; text-transform:uppercase; letter-spacing:.08em; }
.quiet-button { border:1px solid var(--line); padding:9px 12px; border-radius:999px; }
.quiet-button:hover { border-color:rgba(53,231,255,.55); color:var(--cyan); }

.hero { min-height: 820px; display:grid; grid-template-columns: .92fr 1.08fr; align-items:center; gap:50px; padding:100px 10px 60px; }
.eyebrow { font-family:"DM Mono",monospace; color:var(--cyan); letter-spacing:.16em; text-transform:uppercase; font-size:.73rem; margin:0 0 20px; }
h1,h2,h3 { font-family:Syne,sans-serif; margin:0; }
h1 { font-size:clamp(3.7rem,7vw,7.8rem); line-height:.84; letter-spacing:-.065em; max-width:860px; }
h1 em { font-style:normal; color:transparent; -webkit-text-stroke:1px rgba(255,255,255,.68); }
.lede { max-width:700px; color:#c5bfd3; font-size:clamp(1rem,1.35vw,1.25rem); line-height:1.72; margin:34px 0 38px; }
.hero-actions { display:flex; align-items:center; gap:16px; flex-wrap:wrap; }
.primary-button,.secondary-button { min-height:52px; border-radius:999px; padding:0 22px; display:inline-flex; align-items:center; justify-content:center; gap:16px; text-decoration:none; font-weight:700; cursor:pointer; }
.primary-button { background:linear-gradient(110deg,var(--violet),#7045ff 55%,var(--blue)); box-shadow:0 12px 38px rgba(122,72,255,.3); }
.primary-button span { font-size:1.3rem; }
.secondary-button { color:var(--ink); border:1px solid var(--line); background:rgba(255,255,255,.03); }

.hero-orbit { height:610px; position:relative; display:grid; place-items:center; }
.hero-orbit::before { content:""; width:68%; aspect-ratio:1; border-radius:50%; background:radial-gradient(circle,rgba(155,92,255,.22),rgba(53,231,255,.035) 44%,transparent 70%); filter:blur(8px); }
.orbit-ring { position:absolute; border:1px solid rgba(255,255,255,.13); border-radius:50%; }
.ring-one { width:72%; aspect-ratio:1; animation:spin 28s linear infinite; border-top-color:var(--cyan); }
.ring-two { width:48%; aspect-ratio:1; animation:spin 19s linear infinite reverse; border-right-color:var(--coral); }
.hero-node { position:absolute; width:224px; aspect-ratio:1; border-radius:50%; border:1px solid; color:var(--ink); cursor:pointer; display:flex; flex-direction:column; justify-content:center; text-align:left; padding:36px; transition:transform .3s,box-shadow .3s; backdrop-filter:blur(16px); }
.hero-node:hover { transform:scale(1.055); }
.hero-node strong { font:700 1.8rem/1 Syne,sans-serif; margin:9px 0 10px; }
.hero-node small { color:#cbc4dc; line-height:1.35; }
.node-kicker { font:500 .58rem/1.2 "DM Mono",monospace; letter-spacing:.12em; }
.competitive { left:5%; top:13%; background:radial-gradient(circle at 30% 20%,rgba(255,91,121,.37),rgba(28,10,36,.92) 68%); border-color:rgba(255,91,121,.65); box-shadow:0 0 80px rgba(255,91,121,.17); }
.competitive .node-kicker { color:#ff92a7; }
.cooperative { right:2%; bottom:10%; background:radial-gradient(circle at 30% 20%,rgba(53,231,255,.32),rgba(8,20,39,.94) 68%); border-color:rgba(53,231,255,.64); box-shadow:0 0 85px rgba(53,231,255,.17); }
.cooperative .node-kicker { color:var(--cyan); }
.orbit-note { position:absolute; font:400 .67rem "DM Mono",monospace; color:var(--muted); letter-spacing:.12em; transform:rotate(-12deg); }

.thesis-band { width:100%; border-block:1px solid var(--line); display:grid; grid-template-columns:repeat(3,1fr); background:rgba(255,255,255,.025); }
.thesis-band p { margin:0; padding:26px clamp(20px,4vw,70px); color:#cbc4d9; border-right:1px solid var(--line); }
.thesis-band p:last-child { border:0; }
.thesis-band span { color:var(--coral); font:500 .72rem "DM Mono",monospace; display:block; margin-bottom:8px; }

.formation-section,.accretion-section,.architecture-section,.atlas-section,.compare-section,.terrain-section,.catalog-section,.composition-lab,.column-api,.field-manual { padding:130px 0 40px; }
.section-heading { display:grid; grid-template-columns:1.25fr .75fr; align-items:end; gap:30px; margin-bottom:42px; }
.section-heading h2,.open-grid h2 { font-size:clamp(2.5rem,5vw,5.3rem); line-height:.92; letter-spacing:-.045em; }
.section-heading>p { color:var(--muted); line-height:1.7; max-width:590px; justify-self:end; margin:0; }

.formation-shell { border:1px solid var(--line); border-radius:28px; overflow:hidden; background:linear-gradient(145deg,rgba(18,12,39,.94),rgba(5,4,15,.92)); box-shadow:var(--shadow); }
.formation-stagebar { min-height:74px; padding:14px 20px 14px 24px; display:flex; justify-content:space-between; align-items:center; gap:18px; border-bottom:1px solid var(--line); background:rgba(255,255,255,.025); }
.formation-stagebar>div:first-child { display:flex; align-items:baseline; gap:14px; }
.formation-kicker { color:#80778f; font:500 .6rem "DM Mono",monospace; letter-spacing:.13em; }
.formation-stagebar strong { color:var(--cyan); font:500 .72rem "DM Mono",monospace; letter-spacing:.06em; }
.formation-controls { display:flex; gap:8px; }
.formation-control,.formation-auto { border:1px solid var(--line); background:rgba(255,255,255,.035); color:var(--ink); min-height:38px; border-radius:999px; cursor:pointer; transition:.2s; }
.formation-control { width:38px; font-size:1rem; }
.formation-auto { padding:0 17px; font:500 .65rem "DM Mono",monospace; letter-spacing:.04em; }
.formation-control:hover,.formation-auto:hover,.formation-auto[aria-pressed="true"] { border-color:rgba(53,231,255,.7); background:rgba(53,231,255,.08); box-shadow:0 0 24px rgba(53,231,255,.12); }
.formation-main { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(330px,.7fr); height:720px; min-height:720px; }
.formation-visual { position:relative; min-width:0; display:grid; place-items:center; overflow:hidden; border-right:1px solid var(--line); background:radial-gradient(circle at 50% 48%,rgba(155,92,255,.14),transparent 39%),radial-gradient(circle at 78% 19%,rgba(53,231,255,.09),transparent 24%),#070511; }
.formation-visual::before { content:"TRANSIENT ACTIVATION FIELD"; position:absolute; top:22px; left:24px; z-index:2; color:#71687f; font:500 .58rem "DM Mono",monospace; letter-spacing:.14em; }
#formationViz { width:min(100%,780px); height:auto; min-height:580px; overflow:visible; }
.formation-grid path { fill:none; stroke:rgba(255,255,255,.035); stroke-width:1; stroke-dasharray:2 8; }
.formation-layer { opacity:0; transition:opacity .65s ease,filter .65s ease; pointer-events:none; }
.formation-layer.traversed { opacity:.19; filter:saturate(.55); }
.formation-layer.current { opacity:1; filter:none; }
.retinal-wave,.coherence-thread,.motion-trace,.bridge-path,.reference-axis,.orbit-path,.symbol-tether,.known-link { fill:none; vector-effect:non-scaling-stroke; }
.retinal-wave { stroke:url(#formationFlow); stroke-width:2.4; stroke-dasharray:9 11; animation:formation-drift 5s linear infinite; }
.wave-b { animation-direction:reverse; animation-duration:7s; opacity:.7; }
.sensory-specks circle { fill:var(--cyan); filter:drop-shadow(0 0 8px var(--cyan)); transform-box:fill-box; transform-origin:center; animation:sensory-flicker 1.8s ease-in-out infinite alternate; }
.sensory-specks circle:nth-child(3n) { fill:var(--coral); animation-delay:-.7s; }
.sensory-specks circle:nth-child(3n+1) { fill:var(--violet); animation-delay:-1.2s; }
.coherence-thread { stroke:var(--cyan); stroke-width:3; stroke-linecap:round; stroke-dasharray:8 9; animation:formation-drift 3s linear infinite; filter:drop-shadow(0 0 8px rgba(53,231,255,.7)); }
.activation-contour { fill:rgba(155,92,255,.045); stroke:var(--violet); stroke-width:2; stroke-dasharray:4 8; transform-box:fill-box; transform-origin:center; animation:contour-breathe 3.5s ease-in-out infinite alternate; }
.contour-inner { stroke:var(--coral); animation-delay:-1.6s; }
.motion-trace { stroke:url(#formationFlow); stroke-width:5; stroke-linecap:round; stroke-dasharray:19 12; animation:formation-drift 2.8s linear infinite; }
.transform-node { fill:#0a0717; stroke:var(--gold); stroke-width:3; filter:drop-shadow(0 0 9px rgba(255,200,87,.7)); }
.shadow-edge { fill:none; stroke:rgba(255,91,121,.75); stroke-width:2; stroke-dasharray:3 8; }
.shadow-slash { stroke:var(--coral); stroke-width:3; }
.bridge-path { stroke:var(--mint); stroke-width:5; stroke-dasharray:15 10; animation:formation-drift 2.6s linear infinite; filter:drop-shadow(0 0 9px rgba(93,255,188,.65)); }
.known-topology { fill:rgba(93,255,188,.06); stroke:var(--mint); stroke-width:2; }
.known-link { stroke:rgba(93,255,188,.55); stroke-width:2; }
.reference-axis { stroke:rgba(53,231,255,.8); stroke-width:2; stroke-dasharray:4 6; }
.reference-origin { fill:url(#formationCore); stroke:#fff; stroke-width:1; filter:url(#formationGlow); }
.orbit-path { stroke:var(--cyan); stroke-width:2; opacity:.8; }
.orbit-token { fill:#fff; filter:drop-shadow(0 0 10px var(--cyan)); transform-box:fill-box; transform-origin:-84px 0; animation:reference-orbit 4s linear infinite; }
.symbol-tether { stroke:var(--gold); stroke-width:2; stroke-dasharray:4 6; }
.symbol-chip { fill:rgba(255,200,87,.12); stroke:var(--gold); stroke-width:2; filter:drop-shadow(0 0 12px rgba(255,200,87,.32)); }
.symbol-text,.frame-label { fill:#fff5d0; text-anchor:middle; font:500 12px "DM Mono",monospace; letter-spacing:.08em; }
.nested-frame { fill:none; stroke-width:2; stroke-dasharray:6 8; transform-box:fill-box; transform-origin:center; animation:contour-breathe 4s ease-in-out infinite alternate; }
.frame-one { stroke:var(--coral); }.frame-two { stroke:var(--violet); animation-delay:-1.2s; }.frame-three { stroke:var(--cyan); animation-delay:-2.4s; }
.frame-label { fill:#a9a1bd; font-size:10px; }
.holoplane-boundary { fill:rgba(53,231,255,.025); stroke:url(#formationFlow); stroke-width:4; stroke-dasharray:22 10; animation:formation-drift 8s linear infinite; filter:drop-shadow(0 0 13px rgba(155,92,255,.5)); }
.holo-nodes circle { fill:#fff; filter:drop-shadow(0 0 9px var(--cyan)); animation:sensory-flicker 2.4s ease-in-out infinite alternate; }
.formation-caption { position:absolute; bottom:22px; left:24px; right:24px; display:flex; align-items:center; gap:10px; color:#bdb5ca; font-size:.75rem; }
.formation-pulse { width:7px; height:7px; flex:0 0 auto; border-radius:50%; background:var(--cyan); box-shadow:0 0 12px var(--cyan); animation:sensory-flicker 1s ease-in-out infinite alternate; }
.formation-detail { min-height:0; padding:clamp(34px,5vw,72px) clamp(25px,4vw,56px); display:flex; flex-direction:column; justify-content:center; overflow-y:auto; scrollbar-gutter:stable; background:linear-gradient(180deg,rgba(255,255,255,.025),transparent); }
.formation-detail::-webkit-scrollbar { width:8px; }
.formation-detail::-webkit-scrollbar-track { background:transparent; }
.formation-detail::-webkit-scrollbar-thumb { border-radius:999px; background:rgba(155,92,255,.28); }
.formation-detail h3 { margin:13px 0 16px; font-size:clamp(2rem,3.4vw,3.75rem); line-height:.96; letter-spacing:-.04em; }
.formation-deck { min-height:112px; color:#c9c2d5; line-height:1.72; }
.formation-facts { display:grid; gap:10px; margin:23px 0 10px; }
.formation-facts div { padding:14px 15px; border:1px solid var(--line); border-radius:13px; background:rgba(255,255,255,.025); }
.formation-facts span { display:block; margin-bottom:7px; color:#766d87; font:500 .57rem "DM Mono",monospace; text-transform:uppercase; letter-spacing:.11em; }
.formation-facts strong { color:#ddd6e8; font-size:.78rem; font-weight:500; line-height:1.45; }
.formation-detail blockquote { margin:23px 0 0; font-size:clamp(1.05rem,1.6vw,1.45rem); border-color:var(--cyan); }
.formation-rail { display:grid; grid-template-columns:repeat(8,1fr); border-top:1px solid var(--line); }
.formation-step { position:relative; min-width:0; min-height:92px; padding:16px 12px; border:0; border-right:1px solid var(--line); background:transparent; color:#766d87; text-align:left; cursor:pointer; transition:.25s; }
.formation-step:last-child { border-right:0; }
.formation-step::before { content:""; position:absolute; inset:0 100% auto 0; height:2px; background:var(--stage-color); transition:inset .35s; box-shadow:0 0 13px var(--stage-color); }
.formation-step:hover,.formation-step[aria-selected="true"] { color:var(--ink); background:color-mix(in srgb,var(--stage-color) 7%,transparent); }
.formation-step[aria-selected="true"]::before { right:0; }
.formation-step small { display:block; margin-bottom:9px; color:var(--stage-color); font:500 .58rem "DM Mono",monospace; }
.formation-step strong { display:block; overflow:hidden; text-overflow:ellipsis; font:600 .7rem Manrope,sans-serif; line-height:1.25; }
.formation-thesis { display:flex; align-items:center; justify-content:center; gap:18px; margin-top:18px; padding:20px; border:1px solid var(--line); border-radius:18px; background:rgba(255,255,255,.02); }
.formation-thesis p { margin:0; color:#d6cfdf; font-size:.74rem; }
.formation-thesis p span { display:block; margin-bottom:4px; color:var(--cyan); font:500 .56rem "DM Mono",monospace; letter-spacing:.11em; }
.formation-thesis i { color:#554c68; font-style:normal; }

.accretion-shell { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr); min-height:650px; border:1px solid var(--line); border-radius:28px; overflow:hidden; background:linear-gradient(145deg,rgba(18,12,39,.94),rgba(5,4,15,.94)); box-shadow:var(--shadow); }
.accretion-viz { position:relative; min-height:650px; overflow:hidden; border-right:1px solid var(--line); background:radial-gradient(circle at 50% 42%,rgba(255,91,121,.15),transparent 24%),radial-gradient(circle at 50% 70%,rgba(53,231,255,.08),transparent 42%),#070511; }
.accretion-viz::before { content:"OVERLAPPING SUPERFRAMES"; position:absolute; top:23px; left:24px; color:#71687f; font:500 .58rem "DM Mono",monospace; letter-spacing:.14em; }
.episode-cloud { position:absolute; left:50%; top:29%; width:238px; height:185px; transform:translate(-50%,-50%); border:1px dashed rgba(255,91,121,.7); border-radius:48% 52% 45% 55%; animation:contour-breathe 3.5s ease-in-out infinite alternate; transition:.6s; }
.episode-cloud strong { position:absolute; inset:50% auto auto 50%; transform:translate(-50%,-50%); color:#ff5b79; font-size:4.5rem; line-height:1; text-shadow:0 0 25px rgba(255,91,121,.7); }
.episode-cloud span { position:absolute; color:#978da8; font:500 .59rem "DM Mono",monospace; text-transform:uppercase; }
.episode-cloud span:nth-child(1){left:24px;top:27px}.episode-cloud span:nth-child(2){right:27px;top:39px}.episode-cloud span:nth-child(4){left:31px;bottom:31px}.episode-cloud span:nth-child(5){right:33px;bottom:25px}
.sound-node,.abstract-node { position:absolute; z-index:3; display:grid; place-items:center; border:1px solid; border-radius:999px; background:rgba(9,6,23,.92); font:500 .7rem "DM Mono",monospace; transition:opacity .55s,transform .55s,box-shadow .55s; opacity:.08; }
.sound-node { top:10%; width:94px; height:48px; color:var(--gold); border-color:var(--gold); }
.sound-red { left:17%; }.sound-ball { right:17%; }
.contrast-row { position:absolute; left:8%; right:8%; bottom:17%; display:flex; justify-content:space-around; align-items:end; z-index:2; opacity:.06; transform:translateY(20px); transition:.6s; }
.sample { width:58px; height:58px; display:grid; place-items:center; border:1px solid var(--line); border-radius:15px; background:rgba(255,255,255,.03); font-size:2rem; }
.sample.red { color:#ff5b79}.sample.blue{color:#35e7ff}.sample.yellow{color:#ffc857}.sample.cup,.sample.shirt{border-radius:8px}
.accretion-links { position:absolute; inset:0; width:100%; height:100%; z-index:1; opacity:.05; transition:.7s; }
.accretion-links path { fill:none; stroke-width:2.5; stroke-dasharray:5 9; animation:living-current 3s linear infinite; }
.link-token{stroke:#ff5b79}.link-red{stroke:#ffc857}.link-ball{stroke:#35e7ff}
.abstract-node { bottom:6%; width:106px; height:54px; }
.abstract-node span { display:block; font-size:.47rem; color:#978da8; }
.node-red { left:17%; color:var(--gold); border-color:var(--gold); }.node-ball { right:17%; color:var(--cyan); border-color:var(--cyan); }
.node-color { left:50%; bottom:47%; width:140px; height:72px; transform:translate(-50%,10px); color:var(--violet); border-color:var(--violet); }
.accretion-caption { position:absolute; left:24px; right:24px; bottom:22px; margin:0; color:#9f97ad; font-size:.73rem; }
.accretion-copy { padding:clamp(36px,5vw,68px); display:flex; flex-direction:column; justify-content:center; }
.accretion-copy h3 { margin:0 0 18px; font-size:clamp(2rem,3.7vw,4rem); line-height:.95; letter-spacing:-.045em; }
.accretion-copy>p:not(.path-label) { min-height:118px; color:#c9c2d5; line-height:1.72; }
.accretion-copy blockquote { min-height:104px; margin:20px 0 28px; font-size:clamp(1.05rem,1.65vw,1.45rem); border-color:var(--coral); }
.accretion-steps { display:grid; grid-template-columns:repeat(5,1fr); border:1px solid var(--line); border-radius:14px; overflow:hidden; }
.accretion-steps button { min-width:0; padding:13px 6px; border:0; border-right:1px solid var(--line); color:#71687f; background:transparent; cursor:pointer; }
.accretion-steps button:last-child { border:0; }
.accretion-steps button[aria-selected="true"] { color:var(--ink); background:rgba(155,92,255,.12); }
.accretion-steps b,.accretion-steps span { display:block; }
.accretion-steps b { color:var(--cyan); font:500 .55rem "DM Mono",monospace; }
.accretion-steps span { margin-top:5px; overflow:hidden; text-overflow:ellipsis; font-size:.65rem; }
.accretion-principles { display:grid; grid-template-columns:repeat(4,1fr); margin-top:16px; border:1px solid var(--line); border-radius:18px; overflow:hidden; }
.accretion-principles div { padding:20px; border-right:1px solid var(--line); background:rgba(255,255,255,.02); }
.accretion-principles div:last-child { border:0; }
.accretion-principles span { display:block; margin-bottom:7px; color:var(--cyan); font:500 .56rem "DM Mono",monospace; letter-spacing:.1em; }
.accretion-principles strong { color:#cfc8da; font-size:.76rem; font-weight:500; line-height:1.45; }
.accretion-shell[data-accretion-stage="1"] .sound-node,.accretion-shell[data-accretion-stage="2"] .sound-node,.accretion-shell[data-accretion-stage="3"] .sound-node,.accretion-shell[data-accretion-stage="4"] .sound-node { opacity:1; box-shadow:0 0 22px rgba(255,200,87,.18); }
.accretion-shell[data-accretion-stage="2"] .contrast-row,.accretion-shell[data-accretion-stage="3"] .contrast-row,.accretion-shell[data-accretion-stage="4"] .contrast-row { opacity:1; transform:none; }
.accretion-shell[data-accretion-stage="3"] .accretion-links,.accretion-shell[data-accretion-stage="4"] .accretion-links { opacity:.78; }
.accretion-shell[data-accretion-stage="3"] .node-red,.accretion-shell[data-accretion-stage="3"] .node-ball,.accretion-shell[data-accretion-stage="4"] .abstract-node { opacity:1; box-shadow:0 0 25px currentColor; }
.accretion-shell[data-accretion-stage="4"] .node-color { opacity:1; transform:translate(-50%,0); box-shadow:0 0 30px rgba(155,92,255,.35); }
.accretion-shell[data-accretion-stage="4"] .episode-cloud { opacity:.28; }

.architecture-shell { border:1px solid var(--line); border-radius:28px; overflow:hidden; background:linear-gradient(145deg,rgba(18,12,39,.94),rgba(5,4,15,.94)); box-shadow:var(--shadow); }
.architecture-tabs { display:grid; grid-template-columns:repeat(3,1fr); border-bottom:1px solid var(--line); }
.architecture-tab { position:relative; min-height:154px; padding:24px 25px; border:0; border-right:1px solid var(--line); background:rgba(255,255,255,.018); color:var(--muted); text-align:left; cursor:pointer; transition:background .25s,color .25s; }
.architecture-tab:last-child { border-right:0; }
.architecture-tab::before { content:""; position:absolute; inset:0 100% auto 0; height:3px; background:var(--path-color); box-shadow:0 0 18px var(--path-color); transition:right .35s; }
.architecture-tab:hover,.architecture-tab[aria-selected="true"] { color:var(--ink); background:color-mix(in srgb,var(--path-color) 8%,transparent); }
.architecture-tab[aria-selected="true"]::before { right:0; }
.architecture-tab small { display:block; color:var(--path-color); font:500 .59rem "DM Mono",monospace; letter-spacing:.12em; }
.architecture-tab strong { display:block; margin:14px 0 8px; font:700 clamp(1.05rem,1.7vw,1.45rem) Syne,sans-serif; }
.architecture-tab span { display:block; color:#9f97b0; font-size:.76rem; line-height:1.45; }
.architecture-panels { min-height:590px; }
.architecture-panel { min-height:590px; grid-template-columns:minmax(330px,.72fr) minmax(0,1.28fr); }
.architecture-panel.is-active { display:grid; }
.path-visual { position:relative; min-height:590px; padding:44px; display:flex; align-items:center; justify-content:center; gap:15px; flex-wrap:wrap; overflow:hidden; border-right:1px solid var(--line); background:radial-gradient(circle at 50% 48%,color-mix(in srgb,var(--path-color) 22%,transparent),transparent 44%),#070511; }
.path-visual::before { content:"COGNITIVE LOCUS"; position:absolute; top:23px; left:24px; color:#71687f; font:500 .58rem "DM Mono",monospace; letter-spacing:.14em; }
.path-visual::after { content:""; position:absolute; width:72%; aspect-ratio:1; border:1px dashed color-mix(in srgb,var(--path-color) 35%,transparent); border-radius:50%; animation:spin 24s linear infinite; }
.path-node,.path-core { position:relative; z-index:1; min-width:78px; min-height:52px; display:grid; place-items:center; padding:10px 13px; border:1px solid var(--line); border-radius:999px; background:rgba(9,6,23,.86); text-align:center; font:500 .63rem/1.3 "DM Mono",monospace; text-transform:uppercase; letter-spacing:.06em; }
.path-core { min-width:112px; min-height:112px; border-color:var(--path-color); background:radial-gradient(circle at 35% 25%,color-mix(in srgb,var(--path-color) 45%,transparent),rgba(9,6,23,.95) 68%); box-shadow:0 0 48px color-mix(in srgb,var(--path-color) 25%,transparent); font-size:.78rem; }
.path-visual b,.path-visual i { position:relative; z-index:1; color:var(--path-color); font-style:normal; font-weight:500; }
.path-visual-field .path-core { order:3; }
.path-visual-field .path-node { width:34%; }
.path-visual-field .path-node:nth-child(2) { order:2; }
.path-visual-field .path-node:nth-child(4) { order:4; }
.path-visual-field .path-node:nth-child(5) { order:5; }
.path-visual-loop em { position:absolute; z-index:1; bottom:27%; color:var(--path-color); font:500 .65rem "DM Mono",monospace; letter-spacing:.1em; }
.path-copy { padding:clamp(36px,5vw,70px); display:flex; flex-direction:column; justify-content:center; }
.path-label { margin:0 0 18px; color:var(--path-color); font:500 .62rem "DM Mono",monospace; letter-spacing:.13em; }
.path-copy h3 { max-width:820px; font-size:clamp(2rem,3.7vw,4rem); line-height:.95; letter-spacing:-.045em; }
.path-thesis { max-width:82ch; margin:22px 0 26px; color:#c9c2d5; line-height:1.7; }
.path-definitions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:0; }
.path-definitions div { padding:15px; border:1px solid var(--line); border-radius:13px; background:rgba(255,255,255,.023); }
.path-definitions dt { margin-bottom:7px; color:#766d87; font:500 .57rem "DM Mono",monospace; text-transform:uppercase; letter-spacing:.11em; }
.path-definitions dd { margin:0; color:#d8d1e6; font-size:.78rem; line-height:1.5; }
.path-boundary { margin:22px 0 0; padding-left:17px; border-left:2px solid var(--path-color); color:#aaa2b9; font-size:.82rem; line-height:1.6; }
.path-boundary span { display:block; margin-bottom:4px; color:var(--path-color); font:500 .58rem "DM Mono",monospace; text-transform:uppercase; letter-spacing:.1em; }
.architecture-matrix-wrap { overflow-x:auto; border-top:1px solid var(--line); }
.architecture-matrix { width:100%; min-width:760px; border-collapse:collapse; background:rgba(255,255,255,.012); }
.architecture-matrix caption { padding:22px 24px 15px; color:#756d86; text-align:left; font:500 .61rem "DM Mono",monospace; text-transform:uppercase; letter-spacing:.12em; }
.architecture-matrix th,.architecture-matrix td { padding:15px 20px; border-top:1px solid var(--line); border-right:1px solid var(--line); text-align:left; vertical-align:top; font-size:.76rem; line-height:1.45; }
.architecture-matrix th:last-child,.architecture-matrix td:last-child { border-right:0; }
.architecture-matrix thead th { color:#c8c1d5; font:600 .66rem "DM Mono",monospace; text-transform:uppercase; letter-spacing:.06em; }
.architecture-matrix tbody th { width:15%; color:#82798f; font-weight:600; }
.architecture-matrix td { color:#bdb5c9; }
.architecture-axiom { max-width:1050px; margin:48px auto 0; border-color:var(--violet); text-align:center; padding:0; border-left:0; }

.paper-callout { margin-top:130px; padding:clamp(38px,6vw,78px); display:flex; align-items:center; justify-content:space-between; gap:50px; border:1px solid rgba(53,231,255,.25); border-radius:28px; background:radial-gradient(circle at 12% 50%,rgba(53,231,255,.12),transparent 38%),radial-gradient(circle at 85% 20%,rgba(155,92,255,.13),transparent 35%),rgba(255,255,255,.02); box-shadow:var(--shadow); }
.paper-callout h2 { max-width:850px; font:700 clamp(2.4rem,5vw,5.2rem)/.94 Syne,sans-serif; letter-spacing:-.045em; }
.paper-callout p:not(.eyebrow) { max-width:780px; color:var(--muted); line-height:1.7; }
.paper-callout .primary-button { flex:0 0 auto; }

/* Living graph: the topology stays; only its electrical state changes. */
#holoplaneBoundary { opacity:.1; transition:opacity .7s ease,stroke-width .7s ease; }
.formation-shell[data-stage="7"] #holoplaneBoundary { opacity:.72; stroke-width:5; }
.super-edge { stroke:rgba(177,165,205,.075); stroke-width:.8; vector-effect:non-scaling-stroke; transition:stroke .65s ease,opacity .65s ease,stroke-width .65s ease; }
.super-edge.is-recruited { stroke:var(--super-color,var(--cyan)); stroke-width:1.7; opacity:var(--super-energy,.35); filter:drop-shadow(0 0 4px var(--super-color,var(--cyan))); }
.super-node { fill:#766b8b; opacity:.2; transition:fill .65s ease,opacity .65s ease,r .65s ease,filter .65s ease; }
.super-node.is-recruited { fill:var(--super-color,var(--cyan)); opacity:var(--super-energy,.55); filter:drop-shadow(0 0 7px var(--super-color,var(--cyan))); }
.long-range-base,.long-range-charge { fill:none; vector-effect:non-scaling-stroke; }
.long-range-base { stroke:rgba(155,92,255,.18); stroke-width:1.2; stroke-dasharray:2 7; }
.long-range-charge { stroke:var(--bridge-color,var(--mint)); stroke-width:var(--bridge-width,2); stroke-linecap:round; stroke-dasharray:3 13; opacity:var(--bridge-energy,0); filter:drop-shadow(0 0 7px var(--bridge-color,var(--mint))); transition:opacity .65s ease,stroke-width .65s ease; animation:long-bridge-current 1.15s linear infinite; }
.long-range-landing { fill:#090617; stroke:var(--bridge-color,var(--mint)); stroke-width:1.5; opacity:var(--bridge-energy,0); transition:opacity .65s ease; filter:drop-shadow(0 0 6px var(--bridge-color,var(--mint))); }
.graph-edge-base { stroke:rgba(185,175,211,.13); stroke-width:1.25; vector-effect:non-scaling-stroke; }
.graph-edge-charge { stroke:var(--edge-color,var(--cyan)); stroke-width:var(--edge-width,2); stroke-linecap:round; stroke-dasharray:8 16; opacity:var(--edge-energy,0); filter:drop-shadow(0 0 5px var(--edge-color,var(--cyan))); transition:opacity .65s ease,stroke-width .65s ease; animation:living-current 1.85s linear infinite; vector-effect:non-scaling-stroke; }
.graph-edge-charge.shadow { stroke:var(--coral); stroke-dasharray:3 8; animation:none; }
.graph-node-halo { fill:var(--node-color,var(--cyan)); opacity:calc(var(--node-energy,0) * .18); filter:blur(4px); transform-box:fill-box; transform-origin:center; transition:opacity .65s ease,r .65s ease; animation:living-node 2.3s ease-in-out infinite alternate; }
.graph-node-core { fill:#0a0717; stroke:rgba(190,180,213,.26); stroke-width:1.2; opacity:.54; vector-effect:non-scaling-stroke; transition:fill .65s ease,stroke .65s ease,stroke-width .65s ease,opacity .65s ease,r .65s ease,filter .65s ease; }
.graph-node.is-frontier .graph-node-core { stroke:var(--violet); stroke-dasharray:2 3; opacity:.72; }
.graph-node.is-active .graph-node-core { fill:url(#nodeCharge); stroke:var(--node-color,var(--cyan)); stroke-width:calc(1.4px + var(--node-energy,0) * 2.5px); opacity:calc(.35 + var(--node-energy,0) * .65); filter:drop-shadow(0 0 calc(3px + var(--node-energy,0) * 10px) var(--node-color,var(--cyan))); }
.graph-node.is-active .graph-node-halo { opacity:calc(.12 + var(--node-energy,0) * .35); }
.frame-glow,.frame-contour { fill:rgba(155,92,255,.06); stroke-linejoin:round; transition:d .8s cubic-bezier(.2,.8,.2,1),opacity .55s ease,stroke-width .55s ease; }
.frame-glow { fill:none; stroke:var(--formation-color,var(--violet)); stroke-width:18; opacity:.1; filter:blur(12px); }
.frame-contour { stroke:var(--formation-color,var(--violet)); stroke-width:2.2; stroke-dasharray:7 10; opacity:.65; filter:drop-shadow(0 0 8px var(--formation-color,var(--violet))); animation:living-current 4s linear infinite; }
.sensory-stream path { fill:none; stroke-width:3; stroke-linecap:round; stroke-dasharray:5 8; animation:living-current 1.4s linear infinite; }
.sensory-stream circle { fill:#fff; filter:drop-shadow(0 0 8px currentColor); }
.sensory-stream text,.graph-key text { font:500 9px "DM Mono",monospace; letter-spacing:.1em; }
.visual-stream { color:var(--cyan); }.visual-stream path { stroke:var(--cyan); }
.auditory-stream { color:var(--coral); transition:opacity .5s; }.auditory-stream path { stroke:var(--coral); }
.sensory-stream text { fill:currentColor; }
.graph-frame-label { opacity:0; transition:opacity .45s ease,transform .75s cubic-bezier(.2,.8,.2,1); }
.graph-frame-label rect { fill:rgba(9,6,23,.86); stroke:var(--formation-color,var(--violet)); }
.graph-frame-label text { fill:#f8f5ff; text-anchor:middle; font:500 9px "DM Mono",monospace; letter-spacing:.08em; }
.graph-symbol-address { opacity:0; transition:opacity .55s ease; }
.graph-symbol-address path { stroke:var(--gold); stroke-width:2; stroke-dasharray:3 5; }
.graph-symbol-address rect { fill:rgba(255,200,87,.1); stroke:var(--gold); }
.graph-symbol-address text { fill:#fff4c7; text-anchor:middle; font:500 9px "DM Mono",monospace; letter-spacing:.06em; }
.formation-shell[data-stage="5"] .graph-symbol-address,.formation-shell[data-stage="6"] .graph-symbol-address,.formation-shell[data-stage="7"] .graph-symbol-address { opacity:1; }
.graph-key text { fill:#716980; letter-spacing:.04em; }
.key-dormant { fill:#4e465e; }.key-frontier { fill:var(--violet); }

@keyframes formation-drift { to { stroke-dashoffset:-100; } }
@keyframes living-current { to { stroke-dashoffset:-96; } }
@keyframes long-bridge-current { to { stroke-dashoffset:-64; } }
@keyframes living-node { to { transform:scale(1.16); } }
@keyframes sensory-flicker { to { opacity:.28; transform:scale(.62); } }
@keyframes contour-breathe { to { transform:scale(1.035); opacity:.68; } }
@keyframes reference-orbit { to { transform:rotate(360deg); } }

.atlas-toolbar { display:flex; gap:12px; flex-wrap:wrap; align-items:center; margin-bottom:16px; }
.search-wrap { display:flex; align-items:center; width:min(350px,100%); border:1px solid var(--line); background:rgba(255,255,255,.035); border-radius:13px; padding:0 14px; }
.search-wrap input { flex:1; min-width:0; border:0; outline:0; background:transparent; color:var(--ink); padding:13px 4px; }
.search-wrap input::placeholder { color:#756d89; }
.filter-group,.catalog-filters { display:flex; gap:8px; flex-wrap:wrap; }
.filter-chip { border:1px solid var(--line); background:transparent; color:var(--muted); padding:9px 13px; border-radius:999px; cursor:pointer; font-size:.74rem; }
.filter-chip[aria-pressed="true"] { color:var(--ink); border-color:var(--chip-color); box-shadow:inset 0 0 18px color-mix(in srgb,var(--chip-color) 20%,transparent); }
.atlas-toolbar>.quiet-button { margin-left:auto; }

.atlas-stage { display:grid; grid-template-columns:minmax(0,1fr) 340px; min-height:760px; border:1px solid var(--line); border-radius:26px; overflow:hidden; background:rgba(7,5,17,.66); box-shadow:var(--shadow); }
.graph-wrap { position:relative; overflow:hidden; background:radial-gradient(circle at 50% 50%,rgba(80,60,170,.08),transparent 60%); }
#networkGraph { width:100%; height:100%; min-height:760px; cursor:grab; touch-action:none; }
#networkGraph.dragging { cursor:grabbing; }
.graph-hint { position:absolute; left:18px; bottom:15px; color:#6f6880; font:400 .65rem "DM Mono",monospace; text-transform:uppercase; letter-spacing:.08em; pointer-events:none; }
.edge { stroke:rgba(179,164,212,.19); stroke-width:1.2; vector-effect:non-scaling-stroke; transition:.25s; }
.edge.hot { stroke:rgba(53,231,255,.72); stroke-width:2; filter:url(#softGlow); }
.node-group { cursor:pointer; outline:none; }
.node-halo { opacity:.13; transition:.25s; }
.node-core { stroke-width:1.4; transition:.25s; }
.node-group:hover .node-halo,.node-group:focus .node-halo,.node-group.selected .node-halo { opacity:.42; }
.node-group:hover .node-core,.node-group:focus .node-core,.node-group.selected .node-core { filter:url(#softGlow); stroke-width:2.4; }
.node-label { fill:#f5f1ff; font:600 12px Manrope,sans-serif; text-anchor:middle; pointer-events:none; paint-order:stroke; stroke:#090617; stroke-width:3px; stroke-linejoin:round; }
.node-year { fill:#8c849f; font:400 9px "DM Mono",monospace; text-anchor:middle; pointer-events:none; }

.inspector { border-left:1px solid var(--line); padding:28px; background:linear-gradient(180deg,rgba(24,15,48,.78),rgba(10,7,23,.9)); overflow:auto; }
.inspector-empty { min-height:100%; display:flex; flex-direction:column; justify-content:center; }
.signal-icon { color:var(--violet); font-size:2rem; }
.inspector h3 { font-size:2rem; line-height:1; margin:12px 0; }
.inspector p { color:var(--muted); line-height:1.65; }
.inspector-meta { display:flex; gap:8px; flex-wrap:wrap; margin:15px 0 22px; }
.meta-pill { font:400 .63rem "DM Mono",monospace; text-transform:uppercase; letter-spacing:.08em; padding:6px 8px; border:1px solid var(--line); border-radius:999px; }
.inspector-block { margin-top:24px; padding-top:20px; border-top:1px solid var(--line); }
.inspector-block h4 { font:500 .68rem "DM Mono",monospace; color:var(--cyan); text-transform:uppercase; letter-spacing:.11em; margin:0 0 9px; }
.inspector-block ul { margin:0; padding-left:18px; color:#c6bfd5; line-height:1.55; font-size:.88rem; }
.source-link { display:inline-flex; margin-top:22px; color:var(--ink); text-decoration:none; border-bottom:1px solid var(--coral); padding-bottom:3px; font-size:.85rem; }
.inspector-actions { display:flex; gap:10px; margin-top:22px; }
.small-button { border:1px solid var(--line); background:rgba(255,255,255,.04); padding:9px 11px; border-radius:10px; cursor:pointer; font-size:.75rem; }
.small-button:hover { border-color:var(--cyan); }
.legend { display:flex; flex-wrap:wrap; gap:20px; margin-top:18px; color:var(--muted); font-size:.72rem; }
.legend-item { display:flex; align-items:center; gap:8px; }
.legend-dot { width:9px; height:9px; border-radius:50%; background:var(--legend-color); box-shadow:0 0 14px var(--legend-color); }

.compare-grid { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr); border:1px solid var(--line); border-radius:26px; overflow:hidden; box-shadow:var(--shadow); }
.radar-card { min-height:650px; display:grid; place-items:center; background:radial-gradient(circle,rgba(155,92,255,.1),transparent 60%),rgba(255,255,255,.015); }
#radarChart { width:min(100%,760px); height:auto; }
.radar-grid { fill:none; stroke:rgba(255,255,255,.1); }
.radar-axis { stroke:rgba(255,255,255,.1); }
.radar-label { fill:#a9a1bd; font:500 11px "DM Mono",monospace; text-anchor:middle; }
.compare-panel { padding:28px; border-left:1px solid var(--line); background:rgba(12,8,27,.8); }
.compare-topline { display:flex; align-items:center; justify-content:space-between; font:500 .7rem "DM Mono",monospace; letter-spacing:.12em; color:var(--muted); }
.compare-choices { display:grid; gap:8px; margin-top:20px; max-height:400px; overflow:auto; padding-right:6px; }
.compare-choice { display:flex; align-items:center; gap:10px; text-align:left; border:1px solid var(--line); background:rgba(255,255,255,.025); border-radius:12px; padding:11px; cursor:pointer; }
.compare-choice:hover { border-color:rgba(255,255,255,.25); }
.compare-choice[aria-pressed="true"] { border-color:var(--choice-color); }
.choice-swatch { width:9px; height:30px; border-radius:999px; background:var(--choice-color); box-shadow:0 0 13px var(--choice-color); }
.choice-copy strong { display:block; font-size:.84rem; }
.choice-copy small { color:var(--muted); }
.compare-notes { margin-top:22px; padding-top:20px; border-top:1px solid var(--line); color:var(--muted); font-size:.83rem; line-height:1.6; }
.compare-note { margin-bottom:14px; }
.compare-note b { color:var(--note-color); }

.terrain-card { position:relative; min-height:630px; border:1px solid var(--line); border-radius:26px; background:radial-gradient(circle at 25% 20%,rgba(255,91,121,.08),transparent 42%),radial-gradient(circle at 80% 75%,rgba(53,231,255,.08),transparent 38%),rgba(255,255,255,.015); overflow:hidden; box-shadow:var(--shadow); }
#terrainChart { width:100%; height:auto; min-height:620px; }
.terrain-grid { stroke:rgba(255,255,255,.08); stroke-dasharray:4 8; }
.terrain-mid { stroke:rgba(255,255,255,.18); }
.terrain-label { fill:#dad4e8; font:600 11px Manrope,sans-serif; text-anchor:middle; paint-order:stroke; stroke:#090617; stroke-width:3px; }
.terrain-dot { cursor:pointer; transition:.25s; }
.terrain-dot:hover { filter:url(#softGlow); }
.axis-label { position:absolute; color:#6e667d; font:500 .58rem "DM Mono",monospace; letter-spacing:.12em; }
.axis-left { left:22px; bottom:18px; }
.axis-right { right:22px; bottom:18px; }
.axis-top { left:20px; top:18px; writing-mode:vertical-rl; transform:rotate(180deg); }
.axis-bottom { left:20px; bottom:50px; writing-mode:vertical-rl; transform:rotate(180deg); }

.open-space { padding:150px 0 120px; }
.open-grid { display:grid; grid-template-columns:1fr 1fr; gap:8vw; align-items:start; }
.open-grid p { margin:0; color:var(--muted); font-size:1.1rem; line-height:1.7; }
blockquote { margin:35px 0 0; font-family:Syne,sans-serif; font-size:clamp(1.5rem,2.5vw,2.6rem); line-height:1.18; color:#f2edff; padding-left:25px; border-left:3px solid var(--coral); }

.catalog-filters { margin-bottom:24px; }
.catalog-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.catalog-card { position:relative; min-height:285px; padding:24px; border:1px solid var(--line); border-radius:18px; background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.015)); transition:.25s; overflow:hidden; cursor:pointer; }
.catalog-card::before { content:""; position:absolute; inset:0 auto auto 0; width:100%; height:2px; background:linear-gradient(90deg,var(--card-color),transparent); }
.catalog-card:hover { transform:translateY(-4px); border-color:color-mix(in srgb,var(--card-color) 55%,transparent); box-shadow:0 20px 55px rgba(0,0,0,.28); }
.card-top { display:flex; justify-content:space-between; align-items:center; gap:10px; }
.card-type { color:var(--card-color); font:500 .63rem "DM Mono",monospace; text-transform:uppercase; letter-spacing:.1em; }
.card-year { color:#756d86; font:.68rem "DM Mono",monospace; }
.catalog-card h3 { font-size:1.3rem; margin:28px 0 12px; }
.catalog-card p { color:var(--muted); line-height:1.55; font-size:.86rem; }
.card-score { position:absolute; bottom:20px; left:24px; right:24px; display:flex; align-items:center; gap:10px; color:#766e88; font:.63rem "DM Mono",monospace; text-transform:uppercase; }
.score-track { flex:1; height:3px; background:rgba(255,255,255,.08); }
.score-fill { height:100%; background:var(--card-color); box-shadow:0 0 11px var(--card-color); }
.catalog-card.hidden { display:none; }

.concept-lab { padding-top:140px; }
.energy-lab { padding-top:140px; }
.field-decomposition { margin-top:24px; overflow:hidden; border:1px solid rgba(255,255,255,.12); border-radius:26px; background:linear-gradient(145deg,rgba(11,8,29,.96),rgba(5,4,15,.96)); box-shadow:var(--shadow); }
.field-decomposition-head { display:grid; grid-template-columns:minmax(300px,.8fr) minmax(340px,1.2fr); gap:30px; align-items:end; padding:34px 38px 25px; border-bottom:1px solid var(--line); }
.field-decomposition-head span { color:var(--cyan); font:600 .66rem "DM Mono",monospace; letter-spacing:.15em; }
.field-decomposition-head h3 { margin:8px 0 0; font:750 clamp(1.55rem,3vw,2.65rem)/1 "Manrope",sans-serif; letter-spacing:-.04em; }
.field-decomposition-head p { margin:0; color:var(--muted); }
.field-stack { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--line); }
.field-layer { position:relative; min-height:210px; margin:0; padding:29px 26px; background:#0b081b; }
.field-layer::after { content:""; position:absolute; inset:auto 24px 0; height:2px; background:currentColor; box-shadow:0 0 17px currentColor; animation:fieldBreathe 3.8s ease-in-out infinite; }
.field-layer>span { display:inline-grid; place-items:center; width:43px; height:43px; border:1px solid currentColor; border-radius:50%; font:700 .68rem "DM Mono",monospace; }
.field-layer h4 { margin:23px 0 9px; color:var(--ink); font:700 1rem "Manrope",sans-serif; }
.field-layer p { margin:0; color:var(--muted); font-size:.82rem; line-height:1.55; }
.field-sdf { color:var(--cyan); }.field-ief { color:var(--violet); }.field-apf { color:var(--coral); }.field-aef { color:var(--mint); }
.field-result { display:flex; gap:28px; align-items:center; justify-content:center; padding:24px 30px; border-bottom:1px solid var(--line); background:radial-gradient(circle at 50% 100%,rgba(155,92,255,.12),transparent 65%); }
.field-result code { color:var(--gold); font:600 clamp(.8rem,1.6vw,1.02rem) "DM Mono",monospace; white-space:nowrap; }
.field-result p { max-width:510px; margin:0; color:var(--muted); font-size:.82rem; }
.physical-write { display:grid; grid-template-columns:1fr auto 1fr auto 1fr auto 1fr; gap:10px; align-items:stretch; padding:30px 34px; }
.write-step { padding:18px; border:1px solid var(--line); border-radius:16px; background:rgba(255,255,255,.025); }
.write-step b { color:var(--coral); font:700 .66rem "DM Mono",monospace; }.write-step span { display:block; margin:8px 0 6px; color:var(--ink); font-weight:700; }.write-step p { margin:0; color:var(--muted); font-size:.76rem; line-height:1.5; }
.write-negative b { color:var(--cyan); }.write-arrow { display:grid; place-items:center; color:#71687e; }
.field-boundary { margin:0; padding:0 38px 34px; color:var(--muted); }.field-boundary strong { color:var(--ink); }
@keyframes fieldBreathe { 0%,100%{opacity:.4;transform:scaleX(.72)}50%{opacity:1;transform:scaleX(1)} }
.energy-model { display:grid; grid-template-columns:minmax(260px,.62fr) minmax(560px,1.55fr); gap:18px; align-items:stretch; }
.energy-controls,.energy-stage { border:1px solid var(--line); border-radius:22px; background:rgba(255,255,255,.018); }
.energy-controls { padding:22px; }
.energy-presets { display:flex; flex-wrap:wrap; gap:7px; margin-bottom:24px; }
.energy-preset { border:1px solid rgba(255,255,255,.1); border-radius:999px; padding:8px 11px; color:#91879e; background:transparent; font:600 .57rem "DM Mono",monospace; letter-spacing:.05em; text-transform:uppercase; cursor:pointer; }
.energy-preset:hover,.energy-preset:focus-visible { border-color:rgba(53,231,255,.55); color:var(--cyan); }
.energy-preset.is-active { border-color:var(--gold); color:#160c22; background:var(--gold); }
.energy-control { display:block; margin:0 0 21px; }
.energy-control span { display:flex; justify-content:space-between; gap:15px; margin-bottom:10px; color:#968ba3; font:600 .61rem "DM Mono",monospace; letter-spacing:.055em; text-transform:uppercase; }
.energy-control strong { color:var(--ink); font-weight:600; }
.energy-control input { width:100%; accent-color:var(--cyan); }
.energy-actions { display:flex; align-items:center; flex-wrap:wrap; gap:14px; margin-top:29px; }
.energy-actions .primary-button { border:0; cursor:pointer; }
.energy-disclaimer { margin:24px 0 0; padding-top:18px; border-top:1px solid var(--line); color:#7f758c; font-size:.77rem; line-height:1.6; }
.energy-stage { position:relative; overflow:hidden; padding:12px 12px 18px; }
.energy-stage svg { display:block; width:100%; height:auto; min-height:430px; }
.ecs-field { fill:#080615; stroke:rgba(255,255,255,.08); }
.energy-grid path { fill:none; stroke:rgba(255,255,255,.035); stroke-width:1; }
.synaptic-paths path { fill:none; stroke:rgba(155,92,255,.27); stroke-width:3; }
.energy-neuron>path { fill:none; stroke:rgba(53,231,255,.28); stroke-width:3; stroke-linecap:round; }
.energy-neuron>circle:first-of-type { fill:url(#neuronFill); stroke:rgba(53,231,255,.55); stroke-width:2; filter:url(#energyGlow); }
.energy-neuron .membrane { fill:none; stroke:rgba(255,200,87,.4); stroke-width:4; stroke-dasharray:5 8; }
.energy-neuron text { fill:#dffbff; text-anchor:middle; font:600 10px "DM Mono",monospace; pointer-events:none; }
.ephaptic-rings circle { fill:none; stroke:var(--coral); stroke-width:2; opacity:.06; }
.potassium-particles circle { fill:var(--gold); filter:url(#energyGlow); }
.glutamate-particles circle { fill:var(--coral); }
.astro-processes { fill:none; stroke:rgba(57,198,154,.64); stroke-width:12; stroke-linecap:round; }
.astro-body { fill:url(#astroFill); stroke:#8af3d5; stroke-width:2; filter:url(#energyGlow); }
.astrocyte circle { fill:#081f1a; stroke:#8af3d5; stroke-width:1; }
.astrocyte text { fill:#dffcf5; text-anchor:middle; font:600 7px "DM Mono",monospace; }
.capillary rect { fill:rgba(240,82,166,.11); stroke:rgba(240,82,166,.58); stroke-width:2; }
.capillary path { stroke:rgba(240,82,166,.72); stroke-width:3; }
.capillary text,.energy-labels text { fill:#746b82; text-anchor:middle; font:600 10px "DM Mono",monospace; letter-spacing:.07em; }
.energy-labels text { text-anchor:start; }
.energy-labels text:nth-child(even) { fill:#5d566a; font-size:9px; letter-spacing:.025em; }
.buffer-flux { fill:none; color:var(--mint); stroke:currentColor; stroke-width:3; stroke-dasharray:8 8; opacity:.6; }
.energy-readouts { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin:0 8px; }
.energy-readouts div { min-width:0; padding:12px 13px; border-top:1px solid rgba(255,255,255,.09); }
.energy-readouts span { display:block; color:#766d82; font:600 .54rem "DM Mono",monospace; letter-spacing:.07em; text-transform:uppercase; }
.energy-readouts strong { display:block; margin-top:5px; color:var(--ink); font-size:1rem; }
.energy-narrative { min-height:2.8em; margin:16px 20px 0; color:#a99fb6; font-size:.83rem; line-height:1.55; text-align:center; }
.energy-balance { display:grid; grid-template-columns:1fr auto 1fr; gap:20px; align-items:center; margin-top:18px; padding:20px 24px; border:1px solid var(--line); border-radius:18px; background:linear-gradient(90deg,rgba(53,231,255,.035),rgba(155,92,255,.04)); }
.energy-balance>div:not(.energy-equation) span { display:block; margin-bottom:7px; color:#6f667b; font:600 .55rem "DM Mono",monospace; letter-spacing:.09em; }
.energy-balance strong { color:#c5bdcf; font-size:.81rem; line-height:1.5; font-weight:500; }
.energy-equation { display:flex; align-items:center; gap:9px; padding:12px 17px; color:var(--cyan); border-left:1px solid var(--line); border-right:1px solid var(--line); font:600 .73rem "DM Mono",monospace; white-space:nowrap; }
.energy-equation b { color:var(--gold); }
.energy-sources { display:flex; flex-wrap:wrap; gap:11px; margin:16px 4px 0; color:#6f667c; font:500 .6rem "DM Mono",monospace; text-transform:uppercase; letter-spacing:.065em; }
.energy-sources a { color:var(--cyan); }
.composition-shell { overflow:hidden; border:1px solid var(--line); border-radius:28px; background:linear-gradient(145deg,rgba(18,12,39,.96),rgba(5,4,15,.96)); box-shadow:var(--shadow); }
.composition-controls { display:grid; grid-template-columns:1fr 1fr; border-bottom:1px solid var(--line); }
.composition-route { display:flex; align-items:center; justify-content:center; gap:11px; min-height:62px; border:0; border-right:1px solid var(--line); color:#82788f; background:transparent; cursor:pointer; font:600 .68rem "DM Mono",monospace; letter-spacing:.1em; text-transform:uppercase; }
.composition-route:last-child { border-right:0; }
.composition-route span { color:#5f566c; }
.composition-route.is-active { color:var(--ink); background:linear-gradient(90deg,rgba(53,231,255,.1),rgba(155,92,255,.1)); box-shadow:inset 0 -2px var(--cyan); }
.composition-route:focus-visible { outline:2px solid var(--cyan); outline-offset:-4px; }
.composition-shell { display:grid; grid-template-columns:minmax(520px,1.15fr) minmax(390px,.85fr); }
.composition-controls { grid-column:1/-1; }
.composition-stage { position:relative; min-height:570px; overflow:hidden; border-right:1px solid var(--line); background:radial-gradient(circle at 62% 45%,rgba(155,92,255,.14),transparent 42%),radial-gradient(circle at 16% 72%,rgba(53,231,255,.1),transparent 35%),rgba(4,3,13,.55); }
.kitchen-scaffold { position:absolute; inset:78px 60px 100px 110px; border:2px solid rgba(53,231,255,.5); border-radius:4px 24px 24px 4px; box-shadow:0 0 40px rgba(53,231,255,.08),inset 0 0 65px rgba(53,231,255,.04); transition:opacity .45s,filter .45s; }
.kitchen-wall { position:absolute; inset:0; background:linear-gradient(90deg,transparent 49.7%,rgba(255,255,255,.05) 50%,transparent 50.3%),linear-gradient(transparent 49.7%,rgba(255,255,255,.05) 50%,transparent 50.3%); background-size:80px 80px; }
.kitchen-window,.kitchen-sink,.kitchen-door { position:absolute; display:grid; place-items:center; color:#756d81; border:1px solid rgba(255,255,255,.13); font:600 .53rem "DM Mono",monospace; letter-spacing:.08em; }
.kitchen-window { width:110px; height:75px; top:42px; right:55px; }
.kitchen-sink { width:128px; height:54px; bottom:58px; right:45px; border-color:rgba(255,200,87,.3); color:var(--gold); }
.kitchen-door { width:65px; height:125px; left:-2px; bottom:35px; border-left:0; color:var(--cyan); }
.kitchen-label { position:absolute; left:22px; top:20px; color:var(--cyan); font:600 .58rem "DM Mono",monospace; letter-spacing:.1em; }
.address-coalition { position:absolute; left:24px; top:210px; width:112px; padding:18px 10px; color:var(--coral); border:1px solid currentColor; border-radius:16px; background:rgba(13,7,26,.95); text-align:center; box-shadow:0 0 28px rgba(255,91,121,.16); z-index:5; }
.address-coalition span,.address-coalition b,.address-coalition small { display:block; }
.address-coalition span { font:700 1.35rem Syne,sans-serif; }.address-coalition b { margin:7px 0; font:600 .56rem "DM Mono",monospace; }.address-coalition small { color:#847a91; font-size:.59rem; line-height:1.35; }
.mother-figure { position:absolute; display:grid; place-items:center; width:78px; height:118px; color:var(--coral); transform:translate(-50%,-50%); transition:opacity .45s,filter .45s; }
.mother-figure i { width:36px; height:76px; border:2px solid currentColor; border-radius:45% 45% 30% 30%; background:linear-gradient(rgba(255,91,121,.22),transparent); box-shadow:0 0 20px rgba(255,91,121,.28); }
.mother-figure i::before { content:""; position:absolute; left:26px; top:5px; width:26px; height:26px; border:2px solid currentColor; border-radius:50%; background:#0a0717; }
.mother-figure b { margin-top:4px; font:600 .54rem "DM Mono",monospace; letter-spacing:.08em; }
.figure-a { left:74%; top:69%; }.figure-b { left:54%; top:44%; }.figure-c { left:29%; top:31%; }
.binding-path { position:absolute; left:-60px; top:48%; width:68%; height:2px; background:linear-gradient(90deg,var(--coral),rgba(155,92,255,.65),transparent); transform-origin:left; opacity:.16; }
.binding-a { transform:rotate(16deg); }.binding-b { transform:rotate(-4deg); }.binding-c { transform:rotate(-20deg); }
.route-readout { position:absolute; left:24px; right:24px; bottom:20px; display:flex; justify-content:space-between; gap:18px; padding:14px 17px; border:1px solid var(--line); border-radius:12px; background:rgba(7,5,17,.9); }
.route-readout span { color:var(--gold); font:600 .58rem "DM Mono",monospace; letter-spacing:.09em; }.route-readout strong { color:#cfc7db; font:600 .68rem "DM Mono",monospace; }
.composition-copy { padding:clamp(32px,4vw,62px); align-self:center; }
.composition-copy h3 { margin:13px 0 17px; font-size:clamp(1.9rem,3vw,3rem); line-height:1.08; }
.composition-copy>p:not(.eyebrow):not(.composition-boundary) { color:#bdb5c9; line-height:1.75; }
.composition-facts { display:grid; gap:10px; margin:26px 0; }.composition-facts div { padding:15px; border:1px solid var(--line); border-radius:12px; background:rgba(255,255,255,.022); }.composition-facts span { display:block; margin-bottom:6px; color:var(--cyan); font:600 .55rem "DM Mono",monospace; letter-spacing:.1em; }.composition-facts strong { color:#d0c9dc; font-size:.78rem; line-height:1.48; font-weight:500; }
.composition-boundary { padding:17px 19px; border-left:3px solid var(--coral); color:#a99fb6; background:linear-gradient(90deg,rgba(255,91,121,.08),transparent); font-size:.82rem; line-height:1.62; }.composition-boundary b { color:var(--coral); }
.composition-contract { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-top:16px; }.composition-contract div { padding:18px; border:1px solid var(--line); border-radius:14px; background:rgba(255,255,255,.02); }.composition-contract span { color:var(--gold); font:600 .58rem "DM Mono",monospace; letter-spacing:.1em; }.composition-contract p { margin:8px 0 0; color:var(--muted); font-size:.77rem; line-height:1.5; }
.composition-status { margin:14px 4px 0; color:#8d8499; font-size:.78rem; line-height:1.55; }.composition-status strong { color:var(--coral); }
.composition-shell[data-route="mother"] .figure-b,.composition-shell[data-route="mother"] .figure-c { opacity:.06; filter:blur(3px); }.composition-shell[data-route="mother"] .figure-a { animation:composition-lock 2.7s ease-in-out infinite alternate; }.composition-shell[data-route="mother"] .binding-a { opacity:.95; }
.composition-shell[data-route="kitchen"] .mother-figure { opacity:.12; }.composition-shell[data-route="kitchen"] .figure-a { animation:completion-churn 4.8s steps(1,end) infinite; }.composition-shell[data-route="kitchen"] .figure-b { animation:completion-churn 4.8s steps(1,end) -1.6s infinite; }.composition-shell[data-route="kitchen"] .figure-c { animation:completion-churn 4.8s steps(1,end) -3.2s infinite; }.composition-shell[data-route="kitchen"] .binding-path { animation:binding-churn 4.8s steps(1,end) infinite; }
@keyframes composition-lock { to { filter:drop-shadow(0 0 12px rgba(255,91,121,.7)); transform:translate(-50%,-50%) scale(1.025); } }
@keyframes completion-churn { 0%,30% { opacity:.9; filter:blur(0) drop-shadow(0 0 10px rgba(255,91,121,.5)); } 34%,100% { opacity:.07; filter:blur(4px); } }
@keyframes binding-churn { 0%,30% { opacity:.78; } 34%,100% { opacity:.08; } }
.column-api-shell { display:grid; grid-template-columns:minmax(480px,.9fr) minmax(520px,1.1fr); overflow:hidden; border:1px solid var(--line); border-radius:28px; background:linear-gradient(145deg,rgba(18,12,39,.94),rgba(5,4,15,.94)); box-shadow:var(--shadow); }
.column-api-viz { min-height:650px; display:grid; place-items:center; border-right:1px solid var(--line); background:radial-gradient(circle at 50% 44%,rgba(155,92,255,.16),transparent 47%),radial-gradient(circle at 25% 22%,rgba(53,231,255,.08),transparent 34%),rgba(4,3,13,.55); }
.column-api-viz svg { width:min(100%,760px); height:auto; }
.column-body>path:first-child { stroke:rgba(255,255,255,.17); stroke-width:1.5; filter:drop-shadow(0 20px 35px rgba(0,0,0,.45)); }
.column-layer { fill:none; stroke:rgba(255,255,255,.1); stroke-dasharray:4 8; }
.column-body text,.column-ports text,.column-caption { fill:#8c849b; font:600 10px "DM Mono",monospace; text-anchor:middle; letter-spacing:.07em; }
.column-spine { fill:none; stroke-width:3; stroke-linecap:round; filter:url(#columnGlow); stroke-dasharray:20 16; animation:column-flow 5s linear infinite; }
.spine-one { stroke:var(--cyan); }.spine-two { stroke:var(--coral); animation-delay:-1.6s }.spine-three { stroke:var(--violet); animation-delay:-3.1s }
.column-nodes circle { fill:#0a0717; stroke:var(--gold); stroke-width:2; filter:drop-shadow(0 0 7px var(--gold)); animation:node-pulse 2.6s ease-in-out infinite alternate; }
.column-field { fill:none; stroke-width:5; stroke-linecap:round; opacity:.58; stroke-dasharray:15 22; animation:column-field-flow 7s linear infinite; }
.field-a { stroke:var(--cyan); }.field-b { stroke:var(--coral); animation-direction:reverse; }
.column-ports path { fill:none; color:var(--gold); stroke:currentColor; stroke-width:2; marker-end:url(#columnArrow); stroke-dasharray:7 8; animation:column-flow 4s linear infinite; }
.column-ports text { text-anchor:start; fill:var(--gold); }
.column-caption { fill:#61586e; letter-spacing:.14em; }
.column-api-copy { padding:clamp(30px,4vw,58px); }
.column-thesis { margin:0 0 28px; color:#d9d2e5; font:500 clamp(1.2rem,2vw,1.7rem)/1.48 Syne,sans-serif; }
.column-thesis strong { color:var(--ink); }
.api-contract { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.api-contract div,.column-scale div { padding:16px; border:1px solid var(--line); border-radius:13px; background:rgba(255,255,255,.025); }
.api-contract span,.column-scale b { display:block; margin-bottom:7px; color:var(--cyan); font:600 .6rem "DM Mono",monospace; letter-spacing:.1em; }
.api-contract p,.column-scale p { margin:0; color:var(--muted); font-size:.82rem; line-height:1.55; }
.column-scale { display:grid; grid-template-columns:1fr auto 1fr auto 1fr; align-items:stretch; gap:9px; margin:24px 0; }
.column-scale i { align-self:center; color:var(--coral); font-style:normal; }
.column-scale b { color:var(--gold); }
.column-boundary { padding:17px 19px; border-left:3px solid var(--coral); color:#bbb3c9; background:linear-gradient(90deg,rgba(255,91,121,.08),transparent); line-height:1.65; }
.column-boundary b { color:var(--coral); }
.column-formula { margin:25px 0; color:#eee8f5; font:600 1rem/1.65 Syne,sans-serif; }
@keyframes column-flow { to { stroke-dashoffset:-72; } }
@keyframes column-field-flow { to { stroke-dashoffset:-148; } }
.lab-key { display:flex; flex-wrap:wrap; gap:10px 24px; margin:-18px 0 30px; color:var(--muted); font:500 .66rem "DM Mono",monospace; letter-spacing:.08em; text-transform:uppercase; }
.lab-key span { display:flex; align-items:center; gap:8px; }
.key-dot { width:9px; height:9px; border-radius:50%; display:inline-block; box-shadow:0 0 13px currentColor; }
.key-local { color:var(--coral); background:currentColor; }
.key-select { color:var(--violet); background:currentColor; }
.key-global { color:var(--cyan); background:currentColor; }
.concept-library { display:grid; gap:16px; }
.concept-entry { --card-color:var(--concept-color); display:grid; grid-template-columns:minmax(360px,.78fr) minmax(0,1.22fr); min-height:330px; border:1px solid var(--line); border-radius:22px; overflow:hidden; background:linear-gradient(135deg,color-mix(in srgb,var(--concept-color) 7%,transparent),rgba(255,255,255,.018)); box-shadow:0 24px 80px rgba(0,0,0,.2); }
.concept-viz { position:relative; min-height:330px; display:grid; place-items:center; overflow:hidden; border-right:1px solid var(--line); background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--concept-color) 15%,transparent),transparent 55%),rgba(4,3,13,.56); }
.concept-viz::after { content:"INTERPRETIVE FLOW"; position:absolute; left:18px; top:16px; color:#726982; font:500 .58rem "DM Mono",monospace; letter-spacing:.12em; }
.mechanism-svg { width:100%; height:auto; overflow:visible; }
.mechanism-path { fill:none; stroke:rgba(255,255,255,.12); stroke-width:2; stroke-dasharray:3 7; }
.mechanism-charge { fill:none; stroke-width:4; stroke-linecap:round; stroke-dasharray:18 82; animation:charge-flow 4.6s linear infinite; }
.mechanism-node { fill:#0a0717; stroke:var(--concept-color); stroke-width:2; transform-box:fill-box; transform-origin:center; animation:node-pulse 2.8s ease-in-out infinite alternate; }
.node-a { animation-delay:-.8s; stroke:var(--coral); }
.node-b { animation-delay:-1.8s; }
.node-c { animation-delay:-2.5s; stroke:var(--cyan); }
.traveler { fill:#fff; filter:drop-shadow(0 0 7px var(--concept-color)); }
.traveler-two { fill:var(--concept-color); }
.mechanism-svg text { fill:#c6bfd4; font:600 11px "DM Mono",monospace; text-anchor:middle; text-transform:uppercase; letter-spacing:.04em; }
.concept-copy { padding:28px 32px 30px; }
.concept-copy h3 { margin:24px 0 10px; font-size:clamp(1.45rem,2.3vw,2.3rem); }
.concept-deck { color:#c4bed0; line-height:1.65; margin:0; }
.concept-copy details { margin-top:24px; padding-top:18px; border-top:1px solid var(--line); }
.concept-copy summary { color:var(--concept-color); cursor:pointer; list-style:none; font:600 .7rem "DM Mono",monospace; text-transform:uppercase; letter-spacing:.1em; }
.concept-copy summary::before { content:"+"; display:inline-grid; place-items:center; width:22px; height:22px; margin-right:9px; border:1px solid currentColor; border-radius:50%; }
.concept-copy details[open] summary::before { content:"−"; }
.concept-copy details>p { color:var(--muted); line-height:1.72; max-width:78ch; }
.concept-doc-grid { display:grid; grid-template-columns:.72fr 1.28fr; gap:12px; margin:18px 0; }
.concept-doc-grid div { padding:14px; border:1px solid var(--line); border-radius:12px; background:rgba(255,255,255,.02); }
.concept-doc-grid span { display:block; margin-bottom:7px; color:#766d87; font:500 .58rem "DM Mono",monospace; text-transform:uppercase; letter-spacing:.1em; }
.concept-doc-grid strong { color:#d8d1e6; font-size:.77rem; font-weight:500; line-height:1.5; }
.source-muted { color:#7e758d; border-bottom-color:transparent; }

/* Canonical synthesis plates */
.synthesis-section,.scientific-audit { position:relative; padding-top:150px; }
.synthesis-shell { border:1px solid var(--line); border-radius:24px; overflow:hidden; background:rgba(6,4,18,.76); box-shadow:0 36px 110px rgba(0,0,0,.25); }
.synthesis-tabs { display:grid; grid-template-columns:repeat(4,1fr); border-bottom:1px solid var(--line); }
.synthesis-tabs button { min-height:112px; padding:20px 22px; border:0; border-right:1px solid var(--line); color:var(--muted); background:rgba(255,255,255,.015); text-align:left; cursor:pointer; transition:background .25s,color .25s,box-shadow .25s; }
.synthesis-tabs button:last-child { border-right:0; }
.synthesis-tabs button span { display:block; margin-bottom:9px; color:#6f657f; font:600 .58rem "DM Mono",monospace; letter-spacing:.1em; }
.synthesis-tabs button strong { display:block; color:#d8d1e5; font:600 .88rem Syne,sans-serif; }
.synthesis-tabs button small { display:block; margin-top:6px; color:#746b82; font:500 .58rem "DM Mono",monospace; text-transform:uppercase; letter-spacing:.07em; }
.synthesis-tabs button[aria-selected="true"] { color:var(--ink); background:linear-gradient(135deg,rgba(53,231,255,.09),rgba(155,92,255,.08)); box-shadow:inset 0 -3px var(--cyan); }
.synthesis-tabs button[aria-selected="true"] strong { color:var(--cyan); }
.synthesis-panels { min-height:620px; }
.synthesis-panel { display:none; grid-template-columns:minmax(0,1.1fr) minmax(380px,.9fr); min-height:620px; }
.synthesis-panel.is-active { display:grid; }
.synthesis-viz { position:relative; min-height:620px; display:grid; place-items:center; overflow:hidden; border-right:1px solid var(--line); background:radial-gradient(circle at 48% 45%,rgba(155,92,255,.13),transparent 57%),rgba(3,3,12,.5); }
.synthesis-viz::before { content:"EXPLANATORY MODEL · NOT A MEASUREMENT"; position:absolute; z-index:4; left:24px; top:21px; color:#756b87; font:600 .57rem "DM Mono",monospace; letter-spacing:.1em; }
.synthesis-copy { padding:clamp(34px,5vw,66px); align-self:center; }
.synthesis-copy h3 { margin:18px 0; font-size:clamp(1.7rem,2.7vw,3rem); line-height:1.05; }
.synthesis-copy>p { color:#c3bccf; line-height:1.72; }
.status-pill { display:inline-flex; align-items:center; gap:8px; padding:7px 10px; border:1px solid currentColor; border-radius:999px; font:600 .57rem "DM Mono",monospace; letter-spacing:.09em; }
.status-pill::before,.audit-legend span::before { content:""; width:7px; height:7px; border-radius:50%; background:currentColor; box-shadow:0 0 11px currentColor; }
.drfa-status { color:var(--gold); }.prediction-status { color:var(--violet); }.open-status { color:var(--coral); }.established-status { color:var(--cyan); }
.synthesis-facts { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:26px 0 0; }
.synthesis-facts div { padding:15px; border:1px solid var(--line); border-radius:12px; background:rgba(255,255,255,.02); }
.synthesis-facts dt { margin-bottom:8px; color:var(--cyan); font:600 .57rem "DM Mono",monospace; letter-spacing:.09em; text-transform:uppercase; }
.synthesis-facts dd { margin:0; color:#aaa2b8; font-size:.78rem; line-height:1.55; }
.synthesis-boundary { padding:15px 17px; border-left:3px solid var(--coral); background:linear-gradient(90deg,rgba(255,91,121,.09),transparent); font-size:.84rem; }

.field-plate svg,.motion-plate svg { width:min(94%,760px); height:auto; overflow:visible; }
.field-plate text,.motion-plate text { fill:#9c93aa; font:600 10px "DM Mono",monospace; letter-spacing:.07em; }
.plate-holoplane { fill:rgba(53,231,255,.025); stroke:rgba(53,231,255,.22); stroke-width:2; stroke-dasharray:8 12; }
.plate-frontier { fill:rgba(155,92,255,.1); stroke:rgba(155,92,255,.55); stroke-width:2; stroke-dasharray:7 9; }
.plate-contour { fill:rgba(255,91,121,.12); stroke:var(--coral); stroke-width:3; filter:url(#fieldPlateGlow); }
.plate-edges path { fill:none; stroke:rgba(255,255,255,.19); stroke-width:2; }
.plate-nodes circle { fill:#131028; stroke:var(--violet); stroke-width:2; }
.plate-nodes .hot { fill:var(--coral); stroke:#fff; filter:url(#fieldPlateGlow); animation:node-pulse 2.7s ease-in-out infinite alternate; }
.plate-nodes .cold { opacity:.35; }
.plate-drive { fill:none; stroke:var(--cyan); stroke-width:4; stroke-dasharray:12 11; animation:column-flow 3s linear infinite; }
.plate-shadow { fill:none; stroke:var(--gold); stroke-width:4; }

.economy-plate { display:block; min-height:620px; }
.economy-source,.economy-basin,.economy-context { position:absolute; display:grid; place-items:center; border:1px solid currentColor; text-align:center; font:600 .67rem "DM Mono",monospace; letter-spacing:.06em; }
.economy-source { left:8%; width:105px; height:62px; border-radius:13px; color:var(--cyan); background:rgba(53,231,255,.07); }
.economy-source small,.economy-basin small,.economy-context small { display:block; margin-top:5px; color:#8d849c; font-size:.52rem; letter-spacing:0; }
.source-face { top:15%; }.source-voice { top:30%; }.source-episode { top:45%; }.source-affect { top:60%; }
.economy-basin { left:43%; top:31%; width:180px; aspect-ratio:1.25; border-radius:50%; color:var(--coral); background:radial-gradient(circle,rgba(255,91,121,.28),rgba(155,92,255,.12)); box-shadow:0 0 55px rgba(255,91,121,.16); transition:transform .35s,box-shadow .35s; }
.economy-basin strong { color:var(--ink); font:700 1.25rem Syne,sans-serif; }
.economy-context { right:6%; top:33%; width:120px; height:92px; border-radius:15px; color:var(--gold); background:rgba(255,200,87,.07); }
.economy-routes { position:absolute; inset:0; pointer-events:none; }
.economy-routes i { position:absolute; left:22%; width:28%; height:1px; transform-origin:left; background:linear-gradient(90deg,var(--cyan),var(--violet)); opacity:.55; transition:opacity .3s,filter .3s; }
.economy-routes i:nth-child(1){top:22%;transform:rotate(21deg)}.economy-routes i:nth-child(2){top:36%;transform:rotate(8deg)}.economy-routes i:nth-child(3){top:50%;transform:rotate(-8deg)}.economy-routes i:nth-child(4){top:64%;transform:rotate(-22deg)}
.economy-basin::after { content:""; position:absolute; left:100%; top:50%; width:clamp(80px,12vw,170px); height:2px; background:linear-gradient(90deg,var(--coral),var(--gold)); }
.economy-metrics { position:absolute; left:8%; right:6%; bottom:5%; display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.economy-metrics div { padding:12px; border:1px solid var(--line); border-radius:10px; background:rgba(0,0,0,.34); }
.economy-metrics span { display:block; color:#746b82; font:500 .52rem "DM Mono",monospace; text-transform:uppercase; }
.economy-metrics b { display:block; margin-top:5px; color:var(--ink); font:600 .92rem Syne,sans-serif; }
.synthesis-range { display:grid; grid-template-columns:130px 1fr 34px; align-items:center; gap:10px; margin:17px 0; }
.synthesis-range span,.synthesis-range output { color:#857b94; font:600 .56rem "DM Mono",monospace; letter-spacing:.08em; }
.synthesis-range input { width:100%; accent-color:var(--cyan); }

.motion-room { fill:rgba(255,255,255,.018); stroke:rgba(53,231,255,.28); stroke-width:2; }
.motion-room-lines { fill:none; stroke:rgba(255,255,255,.16); stroke-width:2; }
.motion-possibilities circle { fill:none; stroke:#8d829c; stroke-dasharray:4 6; opacity:.55; }
.motion-trajectory { fill:none; stroke:var(--coral); stroke-width:5; stroke-linecap:round; stroke-dasharray:10 8; animation:column-flow 5s linear infinite; }
.krs-entity { color:var(--cyan); transition:transform .08s linear; }
.krs-entity circle { fill:#0b0719; stroke:currentColor; stroke-width:4; filter:drop-shadow(0 0 10px currentColor); }
.krs-entity path { fill:none; stroke:currentColor; stroke-width:4; stroke-linecap:round; }
.krs-entity text { fill:var(--cyan); text-anchor:middle; }
.motion-readout { position:absolute; left:24px; right:24px; bottom:23px; display:flex; justify-content:space-between; padding:12px 15px; border:1px solid var(--line); border-radius:10px; background:rgba(0,0,0,.35); }
.motion-readout span { color:#766d85; font:600 .55rem "DM Mono",monospace; }.motion-readout strong { color:var(--cyan); font:600 .68rem "DM Mono",monospace; }

.gap-plate { display:block; min-height:620px; }
.gap-plate svg { position:absolute; inset:50px 0 0; width:100%; height:500px; pointer-events:none; }
.gap-plate svg path { fill:none; stroke:rgba(255,255,255,.13); stroke-width:2; stroke-dasharray:7 8; }
.gap-core,.gap-node { position:absolute; z-index:2; display:grid; place-items:center; border:1px solid currentColor; color:var(--violet); background:#0a0717; box-shadow:0 0 34px rgba(155,92,255,.14); font:600 .62rem "DM Mono",monospace; letter-spacing:.06em; }
.gap-core { left:50%; top:50%; width:145px; height:145px; border-radius:50%; transform:translate(-50%,-50%); color:var(--gold); }
.gap-core small { color:#857b94; font-size:.48rem; }
.gap-node { width:104px; min-height:48px; padding:9px; border-radius:999px; cursor:pointer; }
.gap-node:hover,.gap-node:focus-visible,.gap-node.is-active { color:var(--cyan); outline:none; box-shadow:0 0 28px rgba(53,231,255,.25); }
.gap-identity{left:10%;top:17%}.gap-time{left:43%;top:8%}.gap-action{right:9%;top:17%}.gap-stability{right:4%;top:46%}.gap-biology{right:10%;bottom:14%}.gap-tests{left:43%;bottom:7%}.gap-value{left:10%;bottom:14%}.gap-awareness{left:3%;top:46%;color:var(--coral)}

/* Scientific audit */
.audit-legend { display:flex; flex-wrap:wrap; gap:12px 24px; margin:-18px 0 26px; }
.audit-legend span { display:flex; align-items:center; gap:8px; font:600 .58rem "DM Mono",monospace; letter-spacing:.08em; text-transform:uppercase; }
.audit-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px; }
.audit-grid article { display:grid; grid-template-columns:150px repeat(3,1fr); gap:0; border:1px solid var(--line); border-radius:16px; overflow:hidden; background:rgba(255,255,255,.018); }
.audit-grid h3 { margin:0; padding:18px; color:var(--ink); font-size:.93rem; background:linear-gradient(145deg,rgba(53,231,255,.07),rgba(155,92,255,.05)); }
.audit-grid article>div { padding:16px; border-left:1px solid var(--line); }
.audit-grid b { display:block; margin-bottom:7px; color:#81778f; font:600 .54rem "DM Mono",monospace; text-transform:uppercase; letter-spacing:.08em; }
.audit-grid article>div:nth-of-type(1) b { color:var(--cyan); }.audit-grid article>div:nth-of-type(2) b { color:var(--gold); }.audit-grid article>div:nth-of-type(3) b { color:var(--coral); }
.audit-grid p { margin:0; color:#aaa2b7; font-size:.76rem; line-height:1.55; }
.audit-verdict { display:grid; grid-template-columns:170px 1fr; gap:20px; margin-top:18px; padding:22px; border:1px solid rgba(255,200,87,.25); border-left:4px solid var(--gold); border-radius:13px; background:rgba(255,200,87,.045); }
.audit-verdict span { color:var(--gold); font:600 .6rem "DM Mono",monospace; letter-spacing:.09em; }.audit-verdict p { margin:0; color:#c8c0d3; line-height:1.65; }

.field-manual { position:relative; }
.manual-status-key { display:flex; flex-wrap:wrap; gap:9px; margin:-18px 0 28px; }
.manual-status-key span,.manual-status { --status-color:#a79cb9; display:inline-flex; align-items:center; gap:8px; color:var(--status-color); font:600 .61rem "DM Mono",monospace; letter-spacing:.08em; text-transform:uppercase; }
.manual-status-key span::before,.manual-status::before { content:""; width:8px; height:8px; border-radius:50%; background:var(--status-color); box-shadow:0 0 12px var(--status-color); }
[data-manual-status="established"] { --status-color:#35e7ff; }
[data-manual-status="formal"] { --status-color:#74a7ff; }
[data-manual-status="drfa"] { --status-color:#ffc857; }
[data-manual-status="crosswalk"] { --status-color:#9b5cff; }
[data-manual-status="open"] { --status-color:#ff5b79; }
.manual-tools { display:grid; grid-template-columns:minmax(280px,1fr) 1.4fr; gap:18px; align-items:end; padding:20px; border:1px solid var(--line); border-radius:18px; background:rgba(255,255,255,.02); }
.manual-search span { display:block; margin-bottom:9px; color:#786f8a; font:600 .59rem "DM Mono",monospace; letter-spacing:.11em; }
.manual-search input { width:100%; border:1px solid rgba(255,255,255,.13); border-radius:11px; padding:13px 15px; color:var(--ink); background:#090617; outline:none; font:500 .78rem "DM Mono",monospace; }
.manual-search input:focus { border-color:var(--cyan); box-shadow:0 0 0 3px rgba(53,231,255,.1); }
.manual-filters { display:flex; flex-wrap:wrap; gap:8px; justify-content:flex-end; }
.manual-count { margin:18px 2px; color:#81778f; font:500 .63rem "DM Mono",monospace; letter-spacing:.08em; text-transform:uppercase; }
.manual-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.manual-entry { --status-color:#a79cb9; position:relative; border:1px solid var(--line); border-radius:18px; padding:23px 24px; overflow:hidden; background:linear-gradient(145deg,color-mix(in srgb,var(--status-color) 6%,transparent),rgba(255,255,255,.018)); }
.manual-entry::before { content:""; position:absolute; inset:0 auto auto 0; width:100%; height:2px; background:linear-gradient(90deg,var(--status-color),transparent 75%); }
.manual-entry header { display:flex; justify-content:space-between; align-items:flex-start; gap:18px; }
.manual-entry h3 { margin:15px 0 6px; font-size:clamp(1.2rem,2vw,1.65rem); }
.manual-alias { margin:0; color:#7f758f; font:500 .64rem "DM Mono",monospace; }
.manual-tags { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:6px; }
.manual-tag { padding:5px 7px; border:1px solid rgba(255,255,255,.09); border-radius:999px; color:#93899f; font:500 .56rem "DM Mono",monospace; text-transform:uppercase; letter-spacing:.06em; }
.manual-definition { margin:20px 0 0; color:#d0c9dc; line-height:1.66; }
.manual-entry details { margin-top:18px; padding-top:15px; border-top:1px solid var(--line); }
.manual-entry summary { cursor:pointer; color:var(--status-color); list-style:none; font:600 .65rem "DM Mono",monospace; letter-spacing:.09em; text-transform:uppercase; }
.manual-entry summary::before { content:"+"; display:inline-grid; place-items:center; width:20px; height:20px; margin-right:8px; border:1px solid currentColor; border-radius:50%; }
.manual-entry details[open] summary::before { content:"−"; }
.manual-facts { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:15px 0; }
.manual-fact { padding:12px; border:1px solid rgba(255,255,255,.07); border-radius:10px; background:rgba(0,0,0,.13); }
.manual-fact span { display:block; margin-bottom:6px; color:#756c82; font:600 .55rem "DM Mono",monospace; letter-spacing:.09em; text-transform:uppercase; }
.manual-fact strong { color:#c9c1d5; font-size:.76rem; line-height:1.45; font-weight:500; }
.manual-mechanism,.manual-caveat { color:var(--muted); line-height:1.65; font-size:.87rem; }
.manual-caveat { padding-left:13px; border-left:2px solid var(--status-color); }
.manual-sources { display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; }
.manual-sources a { color:var(--status-color); font:600 .62rem "DM Mono",monospace; text-transform:uppercase; letter-spacing:.07em; }
.manual-empty { grid-column:1/-1; padding:50px; border:1px dashed var(--line); border-radius:18px; color:var(--muted); text-align:center; }

@keyframes charge-flow { to { stroke-dashoffset:-100; } }
@keyframes node-pulse { to { transform:scale(1.13); filter:drop-shadow(0 0 13px var(--concept-color)); } }

footer { width:min(1460px,calc(100% - 52px)); margin:140px auto 0; border-top:1px solid var(--line); padding:30px 0 50px; display:grid; grid-template-columns:1fr 1.5fr auto; gap:20px; align-items:center; color:var(--muted); font-size:.76rem; }
footer>div { color:var(--ink); font-family:Syne,sans-serif; display:flex; align-items:center; gap:10px; }
footer p { margin:0; }
footer a { text-decoration:none; color:var(--cyan); }

@keyframes spin { to { transform:rotate(360deg); } }
@keyframes breathe { to { transform:translate3d(2vw,3vh,0) scale(1.08); opacity:.8; } }
.motion-paused * { animation-play-state:paused !important; scroll-behavior:auto !important; }

@media (max-width:1050px) {
  .hero { grid-template-columns:1fr; padding-top:90px; }
  .hero-orbit { height:560px; }
  .atlas-stage { grid-template-columns:1fr; }
  .inspector { border-left:0; border-top:1px solid var(--line); min-height:320px; }
  #networkGraph { min-height:650px; }
  .compare-grid { grid-template-columns:1fr; }
  .compare-panel { border-left:0; border-top:1px solid var(--line); }
  .catalog-grid { grid-template-columns:repeat(2,1fr); }
  .concept-entry { grid-template-columns:1fr; }
  .synthesis-panel { grid-template-columns:1fr; }
  .synthesis-viz { min-height:560px; border-right:0; border-bottom:1px solid var(--line); }
  .audit-grid { grid-template-columns:1fr; }
  .column-api-shell { grid-template-columns:1fr; }
  .composition-shell { grid-template-columns:1fr; }
  .composition-stage { border-right:0; border-bottom:1px solid var(--line); }
  .composition-contract { grid-template-columns:repeat(2,1fr); }
  .column-api-viz { min-height:540px; border-right:0; border-bottom:1px solid var(--line); }
  .concept-viz { min-height:270px; border-right:0; border-bottom:1px solid var(--line); }
  .formation-main { grid-template-columns:1fr; height:auto; min-height:0; }
  .formation-visual { border-right:0; border-bottom:1px solid var(--line); }
  .formation-detail { min-height:470px; overflow:visible; }
  .formation-rail { grid-template-columns:repeat(4,1fr); }
  .formation-step:nth-child(4) { border-right:0; }
  .formation-step:nth-child(-n+4) { border-bottom:1px solid var(--line); }
  .accretion-shell { grid-template-columns:1fr; }
  .accretion-viz { min-height:560px; border-right:0; border-bottom:1px solid var(--line); }
  .architecture-panel.is-active { grid-template-columns:1fr; }
  .path-visual { min-height:340px; border-right:0; border-bottom:1px solid var(--line); }
  .field-stack { grid-template-columns:repeat(2,1fr); }
  .physical-write { grid-template-columns:1fr; }
  .write-arrow { transform:rotate(90deg); min-height:18px; }
}

@media (max-width:720px) {
  .section-shell { width:min(100% - 28px,1460px); }
  .masthead { width:calc(100% - 20px); }
  .masthead nav { display:none; }
  .masthead .quiet-button { margin-left:auto; }
  h1 { font-size:clamp(3.1rem,16vw,5.4rem); }
  .hero { min-height:auto; padding-top:80px; }
  .hero-orbit { height:500px; }
  .hero-node { width:185px; padding:26px; }
  .hero-node strong { font-size:1.45rem; }
  .competitive { left:-2%; }
  .cooperative { right:-2%; }
  .thesis-band { grid-template-columns:1fr; }
  .thesis-band p { border-right:0; border-bottom:1px solid var(--line); }
  .section-heading,.open-grid { grid-template-columns:1fr; }
  .section-heading>p { justify-self:start; }
  .formation-section,.accretion-section,.architecture-section,.synthesis-section,.atlas-section,.compare-section,.terrain-section,.catalog-section,.energy-lab,.composition-lab,.column-api,.concept-lab,.scientific-audit,.field-manual { padding-top:90px; }
  .synthesis-tabs { grid-template-columns:repeat(2,1fr); }
  .synthesis-tabs button:nth-child(2) { border-right:0; }
  .synthesis-tabs button:nth-child(-n+2) { border-bottom:1px solid var(--line); }
  .synthesis-viz { min-height:500px; }
  .synthesis-copy { padding:34px 22px; }
  .synthesis-facts { grid-template-columns:1fr; }
  .economy-source { left:4%; width:88px; }
  .economy-basin { left:38%; width:150px; }
  .economy-context { right:3%; width:100px; }
  .economy-metrics { left:4%; right:3%; }
  .synthesis-range { grid-template-columns:105px 1fr 30px; }
  .gap-node { width:88px; font-size:.54rem; }
  .gap-identity,.gap-value { left:4%; }.gap-action,.gap-biology { right:4%; }
  .audit-grid article { grid-template-columns:1fr; }
  .audit-grid article>div { border-left:0; border-top:1px solid var(--line); }
  .audit-verdict { grid-template-columns:1fr; }
  .energy-model { grid-template-columns:1fr; }
  .energy-stage svg { min-height:0; }
  .energy-balance { grid-template-columns:1fr; }
  .energy-equation { border:0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); white-space:normal; justify-content:center; }
  .energy-readouts { grid-template-columns:1fr; }
  .field-decomposition-head { grid-template-columns:1fr; padding:28px 22px 22px; }
  .field-stack { grid-template-columns:1fr; }
  .field-layer { min-height:0; }
  .field-result { align-items:flex-start; flex-direction:column; }
  .field-result code { white-space:normal; }
  .physical-write { padding:24px 20px; }
  .field-boundary { padding:0 22px 28px; }
  .composition-controls { grid-template-columns:1fr; }.composition-route { border-right:0; border-bottom:1px solid var(--line); }.composition-stage { min-height:500px; }.kitchen-scaffold { inset:70px 24px 105px 82px; }.address-coalition { left:12px; width:92px; }.composition-contract { grid-template-columns:1fr; }.route-readout { flex-direction:column; }
  .column-api-viz { min-height:420px; }
  .api-contract { grid-template-columns:1fr; }
  .column-scale { grid-template-columns:1fr; }
  .column-scale i { transform:rotate(90deg); justify-self:center; }
  #networkGraph { min-height:570px; }
  .atlas-stage { min-height:570px; }
  .catalog-grid { grid-template-columns:1fr; }
  .manual-tools,.manual-grid { grid-template-columns:1fr; }
  .manual-filters { justify-content:flex-start; }
  .manual-entry header { flex-direction:column; }
  .manual-tags { justify-content:flex-start; }
  .manual-facts { grid-template-columns:1fr; }
  .concept-viz { min-height:220px; }
  .concept-copy { padding:24px 20px; }
  .concept-doc-grid { grid-template-columns:1fr; }
  .formation-stagebar { align-items:flex-start; }
  .formation-stagebar>div:first-child { display:grid; gap:4px; }
  .formation-main { height:auto; min-height:0; }
  #formationViz { min-height:430px; }
  .formation-visual { min-height:480px; }
  .formation-detail { min-height:0; padding-block:38px; }
  .formation-deck { min-height:0; }
  .formation-rail { grid-template-columns:repeat(2,1fr); }
  .formation-step:nth-child(even) { border-right:0; }
  .formation-step:nth-child(-n+6) { border-bottom:1px solid var(--line); }
  .formation-thesis { align-items:stretch; flex-direction:column; }
  .formation-thesis i { transform:rotate(90deg); align-self:flex-start; margin-left:30px; }
  .architecture-tabs { grid-template-columns:1fr; }
  .architecture-tab { min-height:118px; border-right:0; border-bottom:1px solid var(--line); }
  .architecture-tab:last-child { border-bottom:0; }
  .architecture-panels,.architecture-panel { min-height:0; }
  .path-visual { min-height:300px; padding:38px 20px; gap:9px; }
  .path-node { min-width:64px; padding-inline:9px; font-size:.56rem; }
  .path-core { min-width:92px; min-height:92px; }
  .path-copy { padding:36px 20px; }
  .path-definitions { grid-template-columns:1fr; }
  .architecture-axiom { text-align:left; }
  .accretion-viz { min-height:500px; }
  .contrast-row { left:3%; right:3%; }
  .sample { width:48px; height:48px; }
  .accretion-principles { grid-template-columns:1fr; }
  .accretion-principles div { border-right:0; border-bottom:1px solid var(--line); }
  .paper-callout { margin-top:90px; align-items:flex-start; flex-direction:column; gap:24px; }
  footer { grid-template-columns:1fr; margin-top:90px; }
}

@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important; }
}