/* AI Systems Explorer — self-contained, accessible, responsive. */
.systems-explorer{position:relative;padding:112px 0 120px;background:#0b101b;color:#f7f8fa;overflow:hidden}
.systems-explorer:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 15% 38%,rgba(77,116,176,.18),transparent 48%),radial-gradient(ellipse at 88% 70%,rgba(105,134,197,.13),transparent 47%);}
.systems-explorer .wrap{position:relative}
.systems-heading{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:52px;margin-bottom:42px}
.systems-eyebrow{color:#a5f5cf;font:700 11px/1.5 var(--font-mono,monospace);letter-spacing:.13em}
.systems-live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#b7ffd9;box-shadow:0 0 15px #b7ffd9;margin-right:10px}
.systems-heading h2{max-width:720px;font-size:clamp(38px,5.8vw,78px);letter-spacing:-.065em;line-height:1.02;margin:18px 0 0;font-weight:600}
.systems-heading h2 em{font-family:var(--font-serif,Georgia,serif);font-weight:400;color:#b7ffd9}
.systems-heading>p{color:#a6b0c0;line-height:1.75;font-size:16px;max-width:390px;margin:0 0 7px}
.systems-console{border:1px solid rgba(185,219,255,.22);border-radius:19px;overflow:hidden;background:linear-gradient(145deg,rgba(21,31,49,.98),rgba(10,17,28,.98));box-shadow:0 38px 100px rgba(0,0,0,.28)}
.systems-console-bar{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 22px;border-bottom:1px solid rgba(190,211,245,.12);color:#8c9bb1;font:700 10px/1.3 var(--font-mono,monospace);letter-spacing:.1em}
.systems-console-bar>span:first-child{display:flex;gap:6px}.systems-console-bar i{width:7px;height:7px;border:1px solid #728296;border-radius:50%}
.systems-console-main{display:grid;grid-template-columns:1.13fr .87fr;min-height:450px}
.systems-map{position:relative;min-height:450px;isolation:isolate;border-right:1px solid rgba(190,211,245,.12);background:radial-gradient(circle at center,rgba(90,143,194,.12),transparent 50%)}
.systems-map-visual{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}
.systems-orbit{position:absolute;border:1px solid rgba(167,210,238,.14);border-radius:50%;aspect-ratio:1}
.orbit-outer{width:70%;max-width:375px}.orbit-inner{width:44%;max-width:230px;border-style:dashed;animation:systems-spin 65s linear infinite}
.systems-map-core{width:116px;height:116px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:50%;background:radial-gradient(circle at 30% 25%,#3c7794,#13253b 70%);border:1px solid #6897a7;box-shadow:0 0 0 12px rgba(105,164,184,.04),0 0 75px rgba(93,187,204,.25);color:#e9fff8;font-size:34px;font-weight:700;letter-spacing:-.05em}
.systems-map-core span{font:700 9px/1.4 var(--font-mono,monospace);letter-spacing:.2em;color:#b7ffd9}
.systems-node{position:absolute;z-index:2;cursor:pointer;max-width:47%;border:1px solid rgba(167,210,238,.27);padding:14px 18px;background:#121e31;color:#dce7f4;border-radius:12px;font:600 14px/1.35 var(--font-sans,sans-serif);transition:transform .2s,border-color .2s,background .2s;box-shadow:0 10px 28px rgba(0,0,0,.19)}
.systems-node:hover,.systems-node:focus-visible{transform:translateY(-3px);border-color:#b7ffd9;outline-offset:4px}
.systems-node.is-active{background:#b7ffd9;color:#10201d;border-color:#b7ffd9}
.systems-node-num{font:700 10px var(--font-mono,monospace);margin-right:6px;opacity:.65}
.systems-node[data-system="agents"]{top:12%;left:6%}.systems-node[data-system="ml"]{top:16%;right:5%}.systems-node[data-system="search"]{bottom:16%;left:6%}.systems-node[data-system="apex"]{bottom:14%;right:7%}
.systems-detail{display:flex;flex-direction:column;justify-content:center;align-items:start;padding:clamp(30px,5vw,64px);min-width:0}
.systems-detail-kicker{font:700 11px/1.5 var(--font-mono,monospace);letter-spacing:.1em;color:#b7ffd9}
.systems-detail h3{font-size:clamp(30px,3.5vw,46px);line-height:1.12;letter-spacing:-.05em;margin:20px 0 14px}
.systems-detail>p{font-size:16px;line-height:1.75;color:#a9b7cb;margin:0;max-width:440px}
.systems-detail-tags{display:flex;gap:8px;flex-wrap:wrap;margin:26px 0 28px}
.systems-detail-tags span{border:1px solid rgba(206,226,245,.22);border-radius:100px;padding:8px 11px;color:#c4d2e3;font:600 11px/1.2 var(--font-mono,monospace)}
.systems-detail-link{display:inline-flex;gap:22px;align-items:center;text-decoration:none;font-weight:700;color:#b7ffd9;border-bottom:1px solid rgba(183,255,217,.5);padding-bottom:10px}
.systems-detail-link:hover{color:white;border-color:white}
.systems-detail-foot{width:100%;display:flex;justify-content:space-between;gap:15px;border-top:1px solid rgba(206,226,245,.12);padding-top:22px;margin-top:auto;color:#8291a9;font:700 10px/1.4 var(--font-mono,monospace);letter-spacing:.08em}
@keyframes systems-spin{to{transform:rotate(360deg)}}
@media(max-width:800px){.systems-explorer{padding:72px 0}.systems-heading,.systems-console-main{grid-template-columns:1fr}.systems-heading{gap:20px}.systems-map{border-right:0;border-bottom:1px solid rgba(190,211,245,.12);min-height:350px}.systems-detail{min-height:340px;padding:30px}.systems-node{font-size:12px;padding:12px}.systems-map-core{width:90px;height:90px;font-size:29px}.systems-console-bar{font-size:8px}}
@media(max-width:440px){.systems-map{min-height:320px}.systems-node{max-width:48%;padding:10px;font-size:11px}.systems-node[data-system="agents"]{left:3%}.systems-node[data-system="ml"]{right:3%}.systems-node[data-system="search"]{left:3%}.systems-node[data-system="apex"]{right:3%}.orbit-outer{width:62%}.systems-console-bar>span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){.orbit-inner{animation:none}.systems-node{transition:none}}