/* Original modular system drawing: SVG, no canvas or render framework. */
.system-visual{position:relative;align-self:stretch;display:flex;align-items:center;min-width:0;margin-left:-2rem;margin-bottom:2.5rem;isolation:isolate}
.system-visual svg{display:block;width:100%;height:auto;overflow:visible}.system-field{fill:var(--paper)}.system-grid{stroke:var(--line);stroke-width:.5;fill:none;opacity:.7}.system-outline{stroke:var(--art-line);stroke-width:.8;fill:none}.system-base{fill:var(--surface);stroke:var(--line);stroke-width:1}.system-side{fill:var(--art-deep);stroke:var(--art-line);stroke-width:.8}.system-top{fill:var(--art-top);stroke:var(--accent);stroke-width:.7}.system-edge{fill:var(--art-edge);stroke:var(--accent);stroke-width:.7}.system-dark{fill:var(--raised);stroke:var(--art-line);stroke-width:.8}.system-connection{fill:none;stroke:var(--art-line);stroke-width:1}.system-trace{fill:none;stroke:var(--accent);stroke-width:1.5;stroke-dasharray:12 110;animation:trace-signal 10s linear infinite}.system-detail{fill:none;stroke:var(--accent-contrast);stroke-width:1;opacity:.55}.system-node{fill:var(--accent)}.system-label{fill:var(--muted);font:8px var(--mono);letter-spacing:.8px}.system-mark{fill:none;stroke:var(--accent-contrast);stroke-width:5;stroke-linecap:square;stroke-linejoin:miter}.system-crosshair{stroke:var(--muted);stroke-width:.7;opacity:.6}.system-caption{position:absolute;left:12%;right:4%;bottom:0;display:flex;justify-content:space-between;gap:1rem;font:400 .5rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
[data-motion-paused] .system-trace{animation-play-state:paused}
@keyframes trace-signal{to{stroke-dashoffset:-244}}
@keyframes hero-enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:no-preference){.hero-copy>.eyebrow{animation:hero-enter .65s ease both}.hero-copy h1{animation:hero-enter .8s .08s ease both}.hero-introduction{animation:hero-enter .8s .18s ease both}.system-visual{animation:hero-enter 1s .16s ease both}[data-reveal]{transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)}[data-reveal-state='pending']{opacity:0;transform:translateY(22px)}[data-reveal-state='visible']{opacity:1;transform:none}}
@media(max-width:850px){.system-visual{margin-left:-1.5rem}.system-caption{left:15%;font-size:.42rem}}
@media(max-width:650px){.system-visual{margin:0 auto 2rem;width:100%;max-width:430px;aspect-ratio:1.22;align-self:auto}.system-visual svg{width:100%;height:100%}.system-caption{left:6%;right:6%;bottom:-.2rem;font-size:.46rem}.system-trace{animation:none}}
@media(prefers-reduced-motion:reduce){[data-reveal-state='pending']{opacity:1;transform:none}.system-trace{animation:none}.hero-copy>*{animation:none}}
@media print{[data-reveal-state='pending']{opacity:1;transform:none}.system-visual{display:none}}