:root{--practice-forest:#1e3028;--practice-paper:#f3f2ec;--practice-line:#c9cec2;--practice-acid:#b9ff38;--practice-duration:.26s;--practice-ease:cubic-bezier(.2, .7, .2, 1)}.systems-atlas{padding:100px 5%}.systems-heading{grid-template-columns:1fr 2fr;gap:22px 48px;margin-bottom:44px;display:grid}.systems-heading>.eyebrow{padding-top:13px}.systems-heading h2{letter-spacing:-.055em;font-size:clamp(34px,4.3vw,68px);line-height:1.08}.systems-heading h2 em{color:#5f6f4c;font-style:normal}.systems-heading p{color:#566052;grid-column:2;max-width:470px}.systems-workspace{border:1px solid var(--practice-line);grid-template-columns:minmax(220px,.8fr) minmax(0,1.65fr);display:grid}.systems-selectors{background:#e9ece2;flex-direction:column;padding:20px;display:flex}.systems-selectors button{text-align:left;border-bottom:1px solid var(--practice-line);width:100%;min-height:66px;transition:background var(--practice-duration), color var(--practice-duration);align-items:center;gap:14px;padding:14px;font-size:15px;line-height:1.4;display:flex}.systems-selectors button:last-child{border:0}.systems-selectors button>span:first-child{font:10px var(--font-geist-mono), monospace;opacity:.8}.systems-selectors button>span:last-child{margin-left:auto}.systems-selectors button[aria-pressed=true]{background:var(--practice-forest);color:var(--practice-acid)}.systems-selectors button:focus-visible{outline-offset:-4px;outline-color:#628e16}.systems-reading{background:var(--practice-forest);color:var(--practice-paper);min-height:460px;padding:24px 42px 35px}.systems-map{height:125px;margin:0 -16px 16px;position:relative}.systems-map svg{width:100%;height:100%}.systems-map path{stroke:#6d806d;stroke-width:1px;opacity:.6}.systems-map path[data-active=true]{stroke:var(--practice-acid);stroke-width:2px;opacity:1;stroke-dasharray:560}.systems-atlas[data-interacted] .systems-map path[data-active=true]{animation:system-connect .55s var(--practice-ease) both}.systems-map circle{fill:var(--practice-forest);stroke:var(--practice-acid)}.systems-map>span{font:8px var(--font-geist-mono), monospace;letter-spacing:.03em;place-items:center;display:grid;position:absolute;inset:0}.systems-atlas[data-interacted] .system-record{animation:system-arrive var(--practice-duration) var(--practice-ease)}.system-record>.eyebrow{color:#c0d3ad}.system-record h3{letter-spacing:-.035em;max-width:560px;margin:12px 0 16px;font-size:clamp(25px,2.4vw,37px);line-height:1.15}.system-record>p{color:#d0d8cb;max-width:560px;font-size:14px}.system-connections{margin-top:25px}.system-connections>a{border-top:1px solid #53614f;grid-template-columns:105px 1fr auto;align-items:baseline;gap:14px;padding:13px 0;font-size:14px;display:grid}.system-connections small{font:10px var(--font-geist-mono), monospace;color:#c0d3ad}.system-connections>a:hover>span{color:var(--practice-acid)}.system-capability{color:var(--practice-acid);justify-content:space-between;padding-top:22px;font-size:13px;display:flex}.systems-reading a:focus-visible{outline-color:var(--practice-acid);outline-offset:4px}.systems-footnote{font:10px var(--font-geist-mono), monospace;color:#566052;align-items:center;gap:24px;margin-top:18px;display:flex}.systems-footnote p{margin-right:auto}@keyframes system-connect{0%{stroke-dashoffset:560px}to{stroke-dashoffset:0}}@keyframes system-arrive{0%{opacity:.6;transform:translateY(5px)}to{opacity:1;transform:none}}html[data-motion=paused] .systems-atlas *{transition:none!important;animation:none!important}html[data-page-hidden=true] .systems-atlas *{animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){html:not([data-motion-choice=running]) .systems-atlas *{transition:none!important;animation:none!important}}@media (max-width:760px){.systems-atlas{padding:64px 5%}.systems-heading{margin-bottom:26px;display:block}.systems-heading h2{margin:22px 0 20px}.systems-workspace{grid-template-columns:1fr}.systems-selectors{grid-template-columns:1fr 1fr;gap:5px;padding:10px;display:grid}.systems-selectors button{border:0;gap:8px;min-height:65px;padding:10px;font-size:12px}.systems-selectors button>span:last-child{display:none}.systems-reading{min-height:500px;padding:18px 24px 28px}.systems-map{height:100px}.system-connections>a{grid-template-columns:82px minmax(0,1fr) auto;gap:8px;font-size:13px}.systems-footnote{flex-wrap:wrap;gap:12px 22px}.systems-footnote p{flex-basis:100%}}