#systems{text-align:center;scroll-margin-top:22px}#systems>p{margin:0 auto 30px;max-width:900px;color:var(--muted)}.system-tabs{display:flex;gap:25px;text-align:left;border-bottom:1px solid #bac5bb;margin:25px 0}.system-tabs button{font:16px Arial,sans-serif;border:0;border-bottom:3px solid transparent;border-radius:0;padding:16px 10px;background:none;color:var(--muted)}.system-tabs button[aria-selected=true]{color:var(--ink);border-color:var(--ink)}.system-tabs button:focus-visible{outline:2px solid #ad7838;outline-offset:3px}.system-map{display:grid;grid-template-columns:3fr 1.15fr;border:1px solid #abbbae;border-radius:10px;overflow:hidden;text-align:left}.system-canvas{padding:48px 25px 32px;min-width:0}.system-nodes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:68px 44px}.system-node{position:relative;border:1px solid #375f51;border-radius:6px;padding:22px 10px 18px;text-align:center;display:flex;flex-direction:column;justify-content:center;min-height:176px;background:#f5f3ec}.map-icon svg{width:39px;height:39px}.system-node h3{font:600 19px/1.2 Georgia,serif;margin:12px 0 6px}.system-node p{font-size:13px;line-height:1.45;color:var(--muted);margin:0}.node-connector{position:absolute;right:-45px;top:calc(50% - 8px);width:44px;height:16px;fill:none;stroke:#375f51;stroke-width:1.5}.node-connector circle{fill:#375f51}.system-summary{background:#193e36;padding:32px 25px;color:#f5f3ec}.system-summary>h3{font:35px/1.12 Georgia,serif;margin:3px 0 27px}.system-summary>div{border-top:1px solid #6f8a7d;padding-top:19px;margin-top:20px}.system-summary h4{font:25px Georgia,serif;margin:0 0 8px}.system-summary p{font-size:15px;line-height:1.5;margin:0;color:#cddcd0}.recovery-route{border:1px solid #c59a60;border-top:0;border-radius:0 0 16px 16px;text-align:center;margin:0 8% 0;padding-top:28px;height:61px;color:#98692f}.recovery-route span{display:inline-block;padding:5px 18px;background:#f1e2cb;border-radius:30px;font-size:12px}.map-caption{text-align:left;font-size:12px;margin-top:18px!important}.system-node:hover{background:#e6eddf}.demo-card{box-shadow:0 10px 30px #19392f05}.evidence-gallery img{transition:transform .25s}.evidence-gallery a:hover img{transform:scale(1.025)}@media(prefers-reduced-motion:reduce){.evidence-gallery img{transition:none}}@media(max-width:800px){.system-map{grid-template-columns:1fr}.system-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.system-summary>h3{grid-column:1/-1;font-size:30px;margin:0}.system-summary>div{margin:0}.system-tabs{gap:8px}.system-tabs button{font-size:14px}.system-canvas{padding:30px 20px}}@media(max-width:520px){.system-nodes{grid-template-columns:1fr;gap:22px}.system-node{min-height:110px;padding:15px}.node-connector{display:none}.map-icon svg{width:30px;height:30px}.system-summary{grid-template-columns:1fr}.system-summary>h3{grid-column:auto}.system-tabs button{font-size:12px;padding:12px 6px}.system-tabs{gap:4px}.system-node:not(:last-child):after{content:'';position:absolute;bottom:-23px;left:50%;height:22px;border-left:1px solid #375f51}}
#systems:first-child{padding-top:10px}#systems h1{font-size:clamp(38px,4.8vw,62px);line-height:1.03;letter-spacing:-2px;margin:12px 0 18px}#systems:first-child>p{font-size:16px;max-width:750px;margin-bottom:18px}#systems:first-child .system-tabs{margin:18px 0}#systems:first-child .system-canvas{padding:24px 24px 20px}#systems:first-child .system-nodes{gap:32px 40px}#systems:first-child .system-node{min-height:132px;padding:14px 8px}#systems:first-child .map-icon svg{width:30px;height:30px}#systems:first-child .system-node h3{font-size:18px;margin:8px 0 6px}#systems:first-child .system-summary{padding:23px}#systems:first-child .system-summary>h3{font-size:29px;margin-bottom:18px}#systems:first-child .system-summary>div{padding-top:12px;margin-top:15px}#systems:first-child .system-summary h4{font-size:22px}#systems:first-child .recovery-route{height:45px;padding-top:14px}@media(max-width:520px){#systems h1{letter-spacing:-1px}#systems:first-child .system-nodes{gap:22px}#systems:first-child .system-node{min-height:112px}}

.system-node h3 a{text-decoration:none}.system-node h3 a:hover{text-decoration:underline}.system-tabs{flex-wrap:wrap}@media(max-width:520px){.system-tabs{display:grid;grid-template-columns:1fr 1fr}.system-tabs button{text-align:left}}