.system-figure{--plane-rx:4deg;--plane-ry:0deg}.system-figure__scene{perspective:1200px;perspective-origin:50%;place-items:center;width:100%;height:100%;display:grid;overflow:visible}.system-figure__plane{width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(var(--plane-rx)) rotateY(var(--plane-ry));transform-origin:50%;will-change:transform;transition:transform .9s cubic-bezier(.22,.61,.36,1)}.system-figure__plane .viz-stage__canvas{width:100%;height:100%;display:block}.system-figure__arrows{opacity:0;pointer-events:none;transition:opacity .48s}.system-figure__arrows.is-on{opacity:1}.system-figure__edge-stroke{opacity:.2;transition:opacity .42s}.system-figure__edge-stroke.is-active{opacity:.4}.system-figure__arrows.is-system{opacity:calc(.28 + var(--system-fade,0) * .22)}.system-figure__arrows.is-system .system-figure__edge-stroke,.system-figure__arrows.is-system .system-figure__edge-stroke.is-active{opacity:1}.system-figure__arc{fill:none;stroke:#f4f6f9;stroke-width:14px;stroke-linecap:butt}.system-figure__arrowhead{fill:#f4f6f9}.system-figure__node{opacity:.62;transition:opacity .64s,filter .64s}.system-figure__node[data-role=understand]{--node-accent:#b8f880}.system-figure__node[data-role=forecast]{--node-accent:#69ffbd}.system-figure__node[data-role=plan]{--node-accent:#ff6fbd}.system-figure__node[data-role=learn]{--node-accent:#b46fff}.system-figure__card{stroke:none;fill:color-mix(in srgb, var(--node-accent) 28%, #f4f6f929);transition:fill .64s}.system-figure__label{fill:#f4f6f9b8;font-family:var(--site-display), system-ui, sans-serif;transition:fill .64s}.system-figure.is-entered:not([data-viz-system="1"])[data-viz-chapter="0"] .system-figure__node[data-chapter="0"],.system-figure.is-entered:not([data-viz-system="1"])[data-viz-chapter="1"] .system-figure__node[data-chapter="1"],.system-figure.is-entered:not([data-viz-system="1"])[data-viz-chapter="2"] .system-figure__node[data-chapter="2"],.system-figure.is-entered:not([data-viz-system="1"])[data-viz-chapter="3"] .system-figure__node[data-chapter="3"]{opacity:1}.system-figure.is-entered:not([data-viz-system="1"])[data-viz-chapter="0"] .system-figure__node[data-chapter="0"] .system-figure__card,.system-figure.is-entered:not([data-viz-system="1"])[data-viz-chapter="1"] .system-figure__node[data-chapter="1"] .system-figure__card,.system-figure.is-entered:not([data-viz-system="1"])[data-viz-chapter="2"] .system-figure__node[data-chapter="2"] .system-figure__card,.system-figure.is-entered:not([data-viz-system="1"])[data-viz-chapter="3"] .system-figure__node[data-chapter="3"] .system-figure__card{fill:color-mix(in srgb, var(--node-accent) 40%, #f4f6f929)}.system-figure.is-entered:not([data-viz-system="1"])[data-viz-chapter="0"] .system-figure__node[data-chapter="0"] .system-figure__label,.system-figure.is-entered:not([data-viz-system="1"])[data-viz-chapter="1"] .system-figure__node[data-chapter="1"] .system-figure__label,.system-figure.is-entered:not([data-viz-system="1"])[data-viz-chapter="2"] .system-figure__node[data-chapter="2"] .system-figure__label,.system-figure.is-entered:not([data-viz-system="1"])[data-viz-chapter="3"] .system-figure__node[data-chapter="3"] .system-figure__label{fill:#f4f6f9f5}.system-figure[data-viz-system="1"] .system-figure__node{opacity:1}.system-figure[data-viz-system="1"] .system-figure__node .system-figure__label{fill:#f4f6f9f5}.system-figure[data-viz-system="1"] .system-figure__node .system-figure__card{fill:color-mix(in srgb, var(--node-accent) 40%, #f4f6f929)}