.eve-sample { position: relative; min-height: 100vh; overflow: hidden; color: #cbd5e1; background: #010207; font-family: 'Rajdhani', 'Chakra Petch', system-ui, sans-serif; }
.eve-sample * { box-sizing: border-box; }
.eve-3d { position: fixed; inset: 0; width: 100%; height: 100%; display: block; }
html { scroll-behavior: smooth; }

.eve-nav { position: sticky; top: 0; z-index: 5; backdrop-filter: blur(6px); display: flex; align-items: center; gap: 36px; padding: 18px max(20px, 4vw); border-bottom: 1px solid rgba(148, 163, 184, 0.09);
  background: linear-gradient(180deg, rgba(1, 2, 7, 0.75), rgba(1, 2, 7, 0)); }
.eve-brand { display: flex; align-items: center; gap: 12px; text-decoration: none; }
.eve-hero-mark { display: block; width: 56px; height: 56px; margin: 0 0 18px; }
.eve-word { display: flex; flex-direction: column; gap: 3px; }
.eve-word b { font: 800 15px/1 'Orbitron', 'Chakra Petch', 'Eurostile', system-ui, sans-serif; letter-spacing: 0.42em; color: #f8fafc; }
.eve-word small { font: 600 8.5px/1 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.32em; color: #64748b; }
.eve-nav nav { display: flex; gap: 26px; margin-left: auto; }
.eve-nav nav a { font: 600 12.5px/1 'Rajdhani', 'Chakra Petch', system-ui, sans-serif; letter-spacing: 0.2em; text-transform: uppercase; color: #94a3b8; text-decoration: none; display: flex; gap: 6px; align-items: baseline; }
.eve-nav nav a i { font: 500 9px/1 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace; font-style: normal; color: #475569; letter-spacing: 0.05em; }
.eve-nav nav a:hover, .eve-nav nav a:focus-visible { color: #e2e8f0; }
.eve-nav-end { display: flex; align-items: center; gap: 14px; margin-left: auto; }
.eve-sys { font: 500 10px/1 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.12em; color: #64748b; display: flex; align-items: center; gap: 6px; white-space: nowrap; }
.eve-dot { width: 6px; height: 6px; border-radius: 50%; background: #34d399; box-shadow: 0 0 8px #34d399; animation: eve-pulse 2.4s ease-in-out infinite; }
.eve-sound { font: 600 10px/1 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.08em; color: #64748b; background: transparent; border: 1px solid rgba(148, 163, 184, 0.18); border-radius: 2px; padding: 6px 8px; cursor: pointer; }
.eve-sound[aria-pressed="true"] { color: #67e8f9; border-color: rgba(103, 232, 249, 0.4); }
.eve-access { font: 700 11px/1 'Orbitron', 'Chakra Petch', 'Eurostile', system-ui, sans-serif; letter-spacing: 0.22em; color: #e2e8f0; text-decoration: none; padding: 10px 14px; border: 1px solid rgba(226, 232, 240, 0.35); clip-path: polygon(8px 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%, 0 8px); }
.eve-access:hover { background: rgba(226, 232, 240, 0.08); }
button.eve-access { background: none; cursor: pointer; }
a.eve-cta { display: inline-block; text-decoration: none; }

.eve-hero { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); gap: 32px; align-items: center; padding: 6vh max(20px, 6vw) 6vh; min-height: calc(100vh - 72px); }
.eve-copy { max-width: 520px; text-shadow: 0 2px 18px rgba(1, 2, 7, 0.9); align-self: start; margin-top: 2vh; }          /* high: the worms cruise the lower band */
.eve-kicker { margin: 0 0 22px; font: 600 10.5px/1 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.32em; color: #64748b; }
.eve-kicker span { color: #fbbf24; }
.eve-copy h1 { margin: 0; font: 700 clamp(24px, 2.3vw, 36px)/1.22 'Orbitron', 'Chakra Petch', 'Eurostile', system-ui, sans-serif; letter-spacing: 0.08em; color: #f1f5f9; }
.eve-lede { margin: 22px 0 30px; max-width: 30em; font: 500 clamp(15px, 1.15vw, 17px)/1.6 'Rajdhani', 'Chakra Petch', system-ui, sans-serif; letter-spacing: 0.03em; color: #94a3b8; }
.eve-ctas { display: flex; flex-wrap: wrap; gap: 12px; }
.eve-cta { font: 700 11.5px/1 'Orbitron', 'Chakra Petch', 'Eurostile', system-ui, sans-serif; letter-spacing: 0.24em; padding: 14px 20px; cursor: pointer; color: #cbd5e1; background: rgba(8, 12, 22, 0.6); border: 1px solid rgba(148, 163, 184, 0.3); clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px); transition: background 0.2s, color 0.2s; }
.eve-cta.is-primary { color: #020617; background: linear-gradient(180deg, #a5f3fc, #22d3ee); border-color: transparent; }
.eve-cta:hover, .eve-cta:focus-visible { background: rgba(34, 211, 238, 0.14); color: #ecfeff; outline: none; }
.eve-cta.is-primary:hover, .eve-cta.is-primary:focus-visible { background: linear-gradient(180deg, #cffafe, #67e8f9); color: #020617; }
.eve-pillars { list-style: none; margin: 46px 0 0; padding: 0; display: grid; gap: 0; border-top: 1px solid rgba(148, 163, 184, 0.12); }
.eve-pillars li { display: grid; grid-template-columns: 34px 1fr; column-gap: 12px; padding: 14px 0; border-bottom: 1px solid rgba(148, 163, 184, 0.12); }
.eve-pillars i { grid-row: span 2; font: 500 10px/1.6 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace; font-style: normal; color: #fbbf24; letter-spacing: 0.1em; }
.eve-pillars b { font: 700 11px/1.4 'Orbitron', 'Chakra Petch', 'Eurostile', system-ui, sans-serif; letter-spacing: 0.2em; color: #e2e8f0; }
.eve-pillars span { font: 500 13.5px/1.5 'Rajdhani', 'Chakra Petch', system-ui, sans-serif; color: #64748b; letter-spacing: 0.02em; }

.eve-visual { position: relative; display: flex; justify-content: center; align-items: center; min-height: 72vh; }
.eve-stage { position: relative; width: min(640px, 100%); aspect-ratio: 1 / 1; }
.eve-scope { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.eve-scope-frame { fill: none; stroke: rgba(148, 163, 184, 0.35); stroke-width: 1.2; }
.eve-scope-ring { fill: none; stroke: rgba(103, 232, 249, 0.1); stroke-width: 1; }
.eve-scope-ring.is-dashed { stroke-dasharray: 2 7; stroke: rgba(103, 232, 249, 0.18); animation: eve-spin 120s linear infinite; transform-origin: 300px 300px; }

.eve-tac { position: absolute; right: 0; bottom: -2%; width: min(290px, 100%); padding: 12px 12px 10px; background: linear-gradient(160deg, rgba(36, 20, 6, 0.55), rgba(6, 8, 16, 0.72)); backdrop-filter: blur(10px);
  border: 1px solid rgba(251, 191, 36, 0.35); box-shadow: 0 0 0 1px rgba(251, 146, 60, 0.08) inset, 0 0 28px rgba(245, 158, 11, 0.18), 0 0 80px rgba(234, 88, 12, 0.08);
  clip-path: polygon(14px 0, 100% 0, 100% calc(100% - 14px), calc(100% - 14px) 100%, 0 100%, 0 14px); z-index: 2; }
.eve-tac-head { display: flex; justify-content: space-between; align-items: baseline; font: 600 9.5px/1 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.24em; color: #fbbf24; }
.eve-tac-head b { font-weight: 600; color: #fde68a; letter-spacing: 0.14em; }
.eve-tac-view { display: block; width: 100%; height: 118px; margin: 8px 0 6px; }
.eve-tac-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }
.eve-tac-list button { width: 100%; text-align: left; display: grid; gap: 3px; padding: 7px 9px; cursor: pointer; background: rgba(251, 191, 36, 0.04); border: 1px solid rgba(251, 191, 36, 0.14); color: inherit; transition: background 0.2s, border-color 0.2s; }
.eve-tac-list button:hover, .eve-tac-list button:focus-visible, .eve-tac-list button[aria-pressed="true"] { background: rgba(251, 191, 36, 0.12); border-color: rgba(251, 191, 36, 0.5); outline: none; }
.eve-tac-list .n { font: 700 10px/1 'Orbitron', 'Chakra Petch', 'Eurostile', system-ui, sans-serif; letter-spacing: 0.18em; color: #fde68a; }
.eve-tac-list .d { font: 500 10px/1.2 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace; color: #94a3b8; }
.eve-tac-foot { margin-top: 8px; display: flex; justify-content: space-between; font: 500 9px/1 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.14em; color: #78716c; }
.eve-tac-foot b { font-weight: 600; color: #fbbf24; }

.eve-index { list-style: none; margin: 28px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 18px; }
.eve-index a { font: 600 11px/1 'Rajdhani', 'Chakra Petch', system-ui, sans-serif; letter-spacing: 0.22em; text-transform: uppercase; color: #64748b; text-decoration: none; display: flex; gap: 6px; align-items: baseline; }
.eve-index a i { font: 500 9px/1 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace; font-style: normal; color: #fbbf24; }
.eve-index a:hover { color: #e2e8f0; }

/* The chapters */
.eve-ch { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: 56px; align-items: center; min-height: 100vh; padding: 12vh max(20px, 6vw); }
.eve-ch.is-flip { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); }
.eve-ch.is-flip .eve-ch-text { order: 2; }
.eve-ch-text { max-width: 540px; text-shadow: 0 2px 18px rgba(1, 2, 7, 0.95); }
.eve-ch-text, .eve-ch-visual { opacity: 0; transform: translateY(28px); transition: opacity 0.9s ease, transform 0.9s ease; }
.eve-ch.is-in .eve-ch-text, .eve-ch.is-in .eve-ch-visual { opacity: 1; transform: none; }
.eve-ch.is-in .eve-ch-visual { transition-delay: 0.15s; }
.eve-ch-n { margin: 0 0 16px; display: flex; gap: 12px; align-items: baseline; font: 600 10.5px/1 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.32em; color: #64748b; }
.eve-ch-n i { font-style: normal; color: #fbbf24; }
.eve-ch h2, .eve-close h2 { margin: 0 0 22px; font: 700 clamp(22px, 2.3vw, 34px)/1.2 'Orbitron', 'Chakra Petch', 'Eurostile', system-ui, sans-serif; letter-spacing: 0.08em; color: #f1f5f9; }
.eve-ch-body p { margin: 0 0 16px; font: 500 clamp(15px, 1.1vw, 17px)/1.65 'Rajdhani', 'Chakra Petch', system-ui, sans-serif; color: #94a3b8; letter-spacing: 0.02em; }
.eve-ch-visual { position: relative; display: flex; justify-content: center; align-items: center; min-height: 52vh; }
.eve-ch-slot { width: min(560px, 100%); aspect-ratio: 1 / 1; }
.eve-ch .eve-ch-visual:has(.eve-tac) { flex-direction: column; }
.eve-ch .eve-ch-visual:has(.eve-tac) .eve-ch-slot { width: min(480px, 100%); aspect-ratio: 1 / 0.72; }
.eve-ch .eve-tac { position: relative; right: auto; bottom: auto; margin-top: 4px; }
.eve-hint { font: 500 11px/1 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace !important; letter-spacing: 0.2em; color: #78716c !important; text-transform: uppercase; }

.eve-fig { margin: 0; width: 100%; }
.eve-fig figcaption { margin-top: 10px; font: 500 10.5px/1.5 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.1em; color: #64748b; }
.eve-circuit svg { width: 100%; height: auto; }
.eve-circuit .syn-base { fill: none; stroke: rgba(103, 232, 249, 0.18); stroke-width: 1; }
.eve-circuit .is-inh .syn-base { stroke: rgba(167, 139, 250, 0.22); stroke-dasharray: 3 4; }
.eve-circuit .syn-pulse { fill: none; stroke: #67e8f9; stroke-width: 2; stroke-dasharray: 6 94; stroke-linecap: round; animation: eve-syn 4s linear infinite; filter: drop-shadow(0 0 4px #22d3ee); }
.eve-circuit .is-inh .syn-pulse { stroke: #a78bfa; filter: drop-shadow(0 0 4px #8b5cf6); }
.eve-circuit .cell circle { fill: #0b1220; stroke: #67e8f9; stroke-width: 1.5; }
.eve-circuit .cell.is-sensor circle { stroke: #fbbf24; }
.eve-circuit .cell.is-motor circle { stroke: #34d399; }
.eve-circuit .cell text { font: 500 9px 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace; fill: #94a3b8; letter-spacing: 0.04em; }
.eve-circuit .row { font: 600 9px 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace; fill: #475569; letter-spacing: 0.24em; }
.eve-code pre { margin: 18px 0 0; padding: 14px 16px; font: 500 12px/1.65 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace; color: #94a3b8; background: rgba(8, 12, 22, 0.7); border: 1px solid rgba(148, 163, 184, 0.14); border-left: 2px solid #22d3ee; overflow-x: auto; }
.eve-code pre b { color: #67e8f9; font-weight: 600; }

.eve-tiles { display: grid; gap: 10px; margin: 20px 0; }
.eve-tile { display: grid; gap: 4px; padding: 12px 14px; background: rgba(8, 12, 22, 0.66); border: 1px solid rgba(148, 163, 184, 0.14); }
.eve-tile b { font: 700 10.5px/1 'Orbitron', 'Chakra Petch', 'Eurostile', system-ui, sans-serif; letter-spacing: 0.22em; color: #e2e8f0; }
.eve-tile .v { font: 500 11px/1.4 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace; color: #67e8f9; }
.eve-tile span { font: 500 13.5px/1.5 'Rajdhani', 'Chakra Petch', system-ui, sans-serif; color: #64748b; }

.eve-niches { width: 100%; display: grid; gap: 12px; }
.eve-niche { padding: 14px 16px; background: rgba(8, 12, 22, 0.72); border: 1px solid rgba(148, 163, 184, 0.14); }
.eve-niche header { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 10px; }
.eve-niche header b { font: 700 11px/1 'Orbitron', 'Chakra Petch', 'Eurostile', system-ui, sans-serif; letter-spacing: 0.2em; color: #e2e8f0; }
.eve-niche header span { font: 500 10px/1 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace; color: #64748b; letter-spacing: 0.1em; }
.eve-niche .bars > div { display: grid; grid-template-columns: 96px 1fr 52px; align-items: center; gap: 10px; margin: 4px 0; }
.eve-niche .bars i { font: 500 10px/1 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace; font-style: normal; color: #64748b; }
.eve-niche .bar { height: 4px; background: rgba(148, 163, 184, 0.12); }
.eve-niche .bar span { display: block; height: 100%; background: #475569; transition: width 1.4s ease 0.4s; }
.eve-niche .is-evo .bar span { background: linear-gradient(90deg, #22d3ee, #fbbf24); }
.eve-ch:not(.is-in) .eve-niche .bar span { width: 0 !important; }
.eve-niche .bars em { font: 600 11px/1 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace; font-style: normal; color: #e2e8f0; text-align: right; }
.eve-niche .why { margin: 8px 0 2px; font: 500 10px/1.4 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace; color: #f87171; letter-spacing: 0.06em; }
.eve-niche .traits { margin: 0; font: 500 10px/1.4 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace; color: #fbbf24; letter-spacing: 0.06em; }
.eve-curve { margin: 4px 0 0; }
.eve-curve svg { width: 100%; height: 80px; }
.eve-curve polyline { fill: none; stroke: #fbbf24; stroke-width: 1.6; }
.eve-curve polyline.mean { stroke: #22d3ee; stroke-width: 1.2; stroke-dasharray: 3 3; }
.eve-curve line { stroke: rgba(148, 163, 184, 0.2); }
.eve-curve figcaption { font: 500 10px/1.5 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace; color: #64748b; letter-spacing: 0.08em; }

.eve-factory { width: 100%; display: grid; gap: 22px; }
.eve-steps { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; background: rgba(148, 163, 184, 0.14); border: 1px solid rgba(148, 163, 184, 0.14); }
.eve-steps li { display: grid; gap: 6px; align-content: start; padding: 14px; background: rgba(6, 9, 18, 0.85); }
.eve-steps i { font: 500 9.5px/1 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace; font-style: normal; color: #fbbf24; }
.eve-steps b { font: 700 11px/1 'Orbitron', 'Chakra Petch', 'Eurostile', system-ui, sans-serif; letter-spacing: 0.2em; color: #e2e8f0; }
.eve-steps span { font: 500 12.5px/1.45 'Rajdhani', 'Chakra Petch', system-ui, sans-serif; color: #64748b; }
.eve-cell { display: grid; grid-template-columns: 240px 1fr; gap: 18px; align-items: center; padding: 14px; background: rgba(8, 12, 22, 0.66); border: 1px solid rgba(148, 163, 184, 0.14); }
.eve-cell ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.eve-cell li { display: flex; justify-content: space-between; font: 500 11px/1 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace; color: #94a3b8; letter-spacing: 0.06em; }
.eve-cell li b { color: #67e8f9; font-weight: 600; }
.eve-arm { width: 240px; height: 150px; }
.eve-arm .floor { stroke: rgba(148, 163, 184, 0.3); }
.eve-arm .station { fill: rgba(148, 163, 184, 0.08); stroke: rgba(148, 163, 184, 0.35); }
.eve-arm .arm line { stroke: #67e8f9; stroke-width: 5; stroke-linecap: round; }
.eve-arm .arm circle { fill: #0b1220; stroke: #e2e8f0; stroke-width: 1.5; }
.eve-arm .upper { transform-origin: 120px 128px; animation: eve-arm-a 6s ease-in-out infinite; }
.eve-arm .fore { transform-origin: 120px 72px; animation: eve-arm-b 6s ease-in-out infinite; }

.eve-term { width: 100%; min-height: 360px; padding: 0 0 12px; background: rgba(4, 6, 12, 0.85); border: 1px solid rgba(148, 163, 184, 0.16); font: 500 12px/1.55 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace; }
.eve-term header { display: flex; justify-content: space-between; padding: 10px 14px; border-bottom: 1px solid rgba(148, 163, 184, 0.12); font-size: 10px; letter-spacing: 0.24em; color: #64748b; }
.eve-term header i { font-style: normal; color: #34d399; }
.eve-term-row { padding: 8px 14px 0; }
.eve-term .o { margin: 0; color: #e2e8f0; }
.eve-term .r { margin: 4px 0 0; color: #67e8f9; }
.eve-term .caret { animation: eve-pulse 1s steps(2) infinite; color: #fbbf24; }

.eve-close { position: relative; z-index: 1; min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 12vh 20px; }
.eve-close-slot { width: min(420px, 80vw); aspect-ratio: 1 / 0.7; }
.eve-close .eve-ch-n { justify-content: center; }
.eve-close .eve-lede { margin: 0 auto 28px; }
.eve-ctas.is-center { justify-content: center; }
.eve-foot { margin-top: 56px; max-width: 46em; padding: 10px 14px; background: rgba(1, 2, 7, 0.78); border: 1px solid rgba(148, 163, 184, 0.08); font: 500 10.5px/1.6 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.08em; color: #475569; }

@keyframes eve-syn { from { stroke-dashoffset: 100; } to { stroke-dashoffset: 0; } }
@keyframes eve-arm-a { 0%, 100% { transform: rotate(-38deg); } 50% { transform: rotate(32deg); } }
@keyframes eve-arm-b { 0%, 100% { transform: rotate(70deg); } 50% { transform: rotate(-20deg); } }
@keyframes eve-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.45; } }
@keyframes eve-spin { to { transform: rotate(360deg); } }
@media (max-width: 1100px) { .eve-nav nav { display: none; } }
@media (max-width: 860px) {
  .eve-hero, .eve-ch, .eve-ch.is-flip { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  .eve-ch.is-flip .eve-ch-text { order: 0; }
  .eve-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .eve-cell { grid-template-columns: 1fr; }
  .eve-sys, .eve-sound { display: none; }
  .eve-nav { gap: 14px; }
  .eve-access { white-space: nowrap; padding: 9px 10px; letter-spacing: 0.14em; font-size: 10px; }
  .eve-word small { letter-spacing: 0.18em; }
  .eve-visual { flex-direction: column; min-height: 0; }
  .eve-tac { position: relative; right: auto; bottom: auto; margin-top: 12px; width: min(340px, 100%); }
  .eve-ch-visual { flex-direction: column; }
}
@media (prefers-reduced-motion: reduce) { .eve-dot, .eve-scope-ring.is-dashed, .eve-circuit .syn-pulse, .eve-arm .upper, .eve-arm .fore { animation: none; } .eve-cta { transition: none; } .eve-ch-text, .eve-ch-visual { opacity: 1; transform: none; transition: none; } html { scroll-behavior: auto; } }