.system-context{padding:calc(var(--section-pad-y-desktop) + 2rem) 0;overflow:hidden}.system-context__intro{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-pad-x);margin-bottom:calc(var(--space-7) + 1.5rem)}.system-context__stage{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-pad-x);display:grid;grid-template-columns:1fr auto 1fr;gap:calc(var(--space-7) + 2rem);align-items:center;position:relative}.system-context__wires{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:visible}.system-context__zone{position:relative;z-index:1;max-width:20rem;width:100%}.system-context__zone--upstream{justify-self:end}.system-context__zone--downstream{justify-self:start}.system-context__zone-label{font-size:var(--text-eyebrow);font-weight:var(--weight-bold);letter-spacing:.07em;text-transform:uppercase;color:var(--color-navy-800);margin:0 0 .3125rem}.system-context__zone-sublabel{font-size:var(--text-xs);color:var(--color-text-soft);line-height:var(--lh-snug);margin:0 0 var(--space-4)}.system-context__zone--downstream .system-context__zone-label,.system-context__zone--downstream .system-context__zone-sublabel{text-align:right}.system-context__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.system-context__node{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--card-radius);cursor:pointer;position:relative;transition:background var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard)}.system-context__node:hover,.system-context__node.is-active{background:var(--color-teal-025, #f0fafa);border-color:var(--color-accent);box-shadow:0 0 0 3px #1c7c801f}.system-context__node.is-dim{opacity:.45}.system-context__node-icon{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--radius-sm);background:var(--color-teal-025);border:1px solid var(--color-teal-100);color:var(--color-accent);flex-shrink:0;transition:background var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard)}.system-context__node-icon svg{width:1rem;height:1rem}.system-context__node:hover .system-context__node-icon,.system-context__node.is-active .system-context__node-icon{background:var(--color-accent);border-color:var(--color-teal-600);color:var(--color-white)}.system-context__node:hover .system-context__node-anchor,.system-context__node.is-active .system-context__node-anchor{background:var(--color-accent);border-color:var(--color-accent)}.system-context__node-label{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-navy-800);line-height:1.3}.system-context__node-anchor{position:absolute;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background:transparent;border:2px solid var(--color-accent);z-index:2;transition:background var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard)}.system-context__zone--upstream .system-context__node-anchor{right:-4px}.system-context__zone--downstream .system-context__node-anchor{left:-4px}.system-context__core{position:relative;z-index:1;display:flex;align-items:center;justify-content:center}.system-context__core-glow{position:absolute;inset:-3rem;background:radial-gradient(circle,rgba(28,124,128,.2) 0%,transparent 65%);pointer-events:none;animation:core-breathe 3s ease-in-out infinite alternate}@keyframes core-breathe{0%{opacity:.6}to{opacity:1}}.system-context__core-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4);background:linear-gradient(150deg,var(--color-navy-800) 0%,var(--color-navy-900) 100%);border:2px solid var(--color-accent);border-radius:var(--card-radius);box-shadow:var(--shadow-md),0 0 0 4px #1c7c801f;min-width:15rem;text-align:center;transition:box-shadow var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard)}.system-context__stage[data-state=hover] .system-context__core-card,.system-context__stage[data-state=pinned] .system-context__core-card{border-color:var(--color-teal-300, #5eead4);box-shadow:var(--shadow-md),0 0 0 6px #1c7c8038;transform:scale(1.015)}.system-context__stage[data-state=hover] .system-context__core-glow,.system-context__stage[data-state=pinned] .system-context__core-glow{background:radial-gradient(circle,rgba(28,124,128,.34) 0%,transparent 65%);animation-play-state:paused;opacity:1}.system-context__core-pulse{position:absolute;inset:-4px;border-radius:calc(var(--card-radius) + 4px);border:1px solid var(--color-accent);opacity:0;animation:core-pulse 3s ease-out infinite}@keyframes core-pulse{0%{opacity:0;transform:scale(1)}40%{opacity:.3}to{opacity:0;transform:scale(1.04)}}.system-context__core-eyebrow{font-size:var(--text-eyebrow);font-weight:var(--weight-bold);letter-spacing:.05em;text-transform:uppercase;color:var(--color-teal-100)}.system-context__core-logo{height:2rem;width:auto;display:block}span.system-context__core-logo{display:flex;align-items:center;font-family:var(--font-body);font-size:var(--text-md);font-weight:var(--weight-bold);color:var(--color-navy-800);letter-spacing:var(--track-tight)}.system-context__core-tag{font-family:var(--font-body);font-size:11px;line-height:1.5;color:var(--color-overlay-white-60);margin:0;max-width:12rem}.system-context__core-anchor{position:absolute;top:50%;transform:translateY(-50%);width:0;height:0;display:block}.system-context__core-anchor--left{left:-1px}.system-context__core-anchor--right{right:-1px}@keyframes wire-flow{0%{stroke-dashoffset:10}to{stroke-dashoffset:0}}.system-context__wires path.is-flowing{stroke-dasharray:5 5;animation:wire-flow .4s linear infinite}@media(prefers-reduced-motion:reduce){.system-context__wires path.is-flowing{animation:none;stroke-dasharray:none}}.system-context__caption{max-width:var(--container-max);margin:var(--space-4) auto 0;padding:0 var(--container-pad-x);font-size:var(--text-sm);color:var(--color-text-soft);display:flex;align-items:center;gap:var(--space-2)}.system-context__caption-key{font-weight:var(--weight-semibold);color:var(--color-text-muted)}.system-context__caption-key--active{color:var(--color-accent)}.system-context__footer{max-width:75.25rem;margin:var(--space-4) auto 0;padding:0 var(--container-pad-x)}.system-context__footer-inner{display:flex;align-items:center;justify-content:center;gap:.75rem;background:var(--color-teal-025);border-radius:var(--radius-lg);padding:.75rem 1.25rem;overflow:visible}.system-context__footer-item{display:flex;align-items:center;gap:.75rem}.system-context__footer-icon{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;color:var(--color-accent);flex-shrink:0}.system-context__footer-icon svg{width:1.25rem;height:1.25rem}.system-context__footer-statement{font-size:var(--text-sm);color:var(--color-navy-800);line-height:var(--lh-snug);margin:0;white-space:nowrap}.system-context__footer-divider{width:1px;height:1.25rem;background:var(--color-border);flex-shrink:0;margin:0 .375rem}@media(max-width:1024px){.system-context{padding:var(--section-pad-y-tablet) 0}.system-context__stage{grid-template-columns:1fr;gap:var(--space-4)}.system-context__wires{display:none}.system-context__zone{max-width:none;justify-self:stretch}.system-context__zone--upstream,.system-context__zone--downstream{justify-self:stretch}.system-context__node-anchor{display:none}.system-context__zone--downstream .system-context__node{flex-direction:row}.system-context__zone--downstream .system-context__zone-label,.system-context__zone--downstream .system-context__zone-sublabel{text-align:left}.system-context__footer-inner{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.system-context__footer-statement{white-space:normal}.system-context__footer-divider{display:none}}@media(max-width:640px){.system-context{padding:var(--section-pad-y-mobile) 0}}