.systems-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px;font:9px var(--mono);letter-spacing:.1em;color:#ababab}
.systems-motion{border:1px solid #717171;padding:11px;background:transparent;color:#dddddd;font:9px var(--mono);cursor:pointer}
.system-rows article.system-card{display:block;padding:0;position:relative;background:transparent}
.system-heading{margin:0!important}.system-toggle{display:grid;grid-template-columns:70px 1fr minmax(210px,.8fr) 40px;align-items:center;gap:22px;width:100%;min-height:180px;padding:24px 16px;border:0;background:transparent;color:#eeeeee;text-align:left;cursor:pointer;transition:background .3s}
.system-toggle:hover,.system-toggle:focus-visible,.system-toggle[aria-expanded="true"]{background:#ffffff07}.system-toggle:focus-visible{outline:2px solid #dddddd;outline-offset:-3px}
.sys-copy,.sys-title,.sys-summary{display:block}.sys-title{font:500 28px var(--sans);letter-spacing:-.045em;margin-bottom:10px}.sys-summary{font:12px/1.6 var(--sans);color:#aaaaaa}
.sys-graphic{display:block;transition:filter .35s}.system-toggle:hover .sys-graphic,.system-toggle:focus-visible .sys-graphic,.system-toggle[aria-expanded="true"] .sys-graphic{filter:drop-shadow(0 0 7px #ffffff70)}
.sys-arrow{transition:transform .3s}.system-toggle[aria-expanded="true"] .sys-arrow{transform:rotate(45deg)}
.system-detail{padding:0 72px 32px 108px;max-width:950px}.system-detail[hidden]{display:none}.system-detail h4{font-size:19px;font-weight:500;margin:0 0 14px}.system-detail p{font-size:14px;line-height:1.75;color:#b1b1b1}.system-detail a{display:inline-block;margin-top:19px;padding:8px 0;font:10px var(--mono);color:#eeeeee;text-underline-offset:5px}
.sys-graphic.orbital i:nth-child(1){animation:orbit-a 8s linear infinite}.sys-graphic.orbital i:nth-child(2){animation:orbit-b 11s linear infinite}.sys-graphic.orbital b{left:50%;top:50%;animation:satellite-path 7s linear infinite;box-shadow:0 0 12px #ffffff44}
.sys-graphic.trace i{animation:trace-read 2.6s ease-in-out infinite;transform-origin:center}.sys-graphic.trace i:nth-child(2){animation-delay:-.65s}.sys-graphic.trace i:nth-child(3){animation-delay:-1.3s}.sys-graphic.trace i:nth-child(4){animation-delay:-1.95s}.sys-graphic.trace span{animation:trace-window 5s ease-in-out infinite}
.sys-graphic.geo-nodes i{animation:geo-signal 3s ease-in-out infinite}.sys-graphic.geo-nodes i:nth-child(2){animation-delay:-1s}.sys-graphic.geo-nodes i:nth-child(3){animation-delay:-2s}.sys-graphic.geo-nodes b{background:linear-gradient(90deg,#ffffff15,#ffffff99,#ffffff15);background-size:200% 100%;animation:geo-transfer 3s linear infinite}
@keyframes orbit-a{to{transform:translate(-50%,-50%) rotate(344deg)}}@keyframes orbit-b{to{transform:translate(-50%,-50%) rotate(-322deg)}}
@keyframes satellite-path{from{transform:rotate(0deg) translateX(75px) rotate(0deg)}to{transform:rotate(360deg) translateX(75px) rotate(-360deg)}}
@keyframes trace-read{0%,100%{transform:scaleY(.5);opacity:.35}50%{transform:scaleY(1);opacity:1}}
@keyframes trace-window{0%,100%{transform:translateX(-15px)}50%{transform:translateX(15px)}}
@keyframes geo-signal{0%,100%{opacity:.4;box-shadow:0 0 0 0 #ffffff00}45%{opacity:1;box-shadow:0 0 15px 3px #ffffff35}}
@keyframes geo-transfer{to{background-position:-200% 0}}
.systems.is-paused .sys-graphic *,.systems:not(.in-view) .sys-graphic *{animation-play-state:paused!important}
@media(max-width:980px){.system-toggle{grid-template-columns:45px 1fr 160px 24px;gap:12px}.system-detail{padding:0 32px 30px 72px}}
@media(max-width:720px){.system-toggle{grid-template-columns:26px 1fr 24px;min-height:230px}.system-toggle .sys-graphic{grid-row:2;grid-column:2/3;width:100%;height:100px}.system-toggle .sys-arrow{grid-row:1;grid-column:3}.sys-title{font-size:23px}.system-detail{padding:0 24px 28px 54px}.systems-toolbar{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.systems *{animation:none!important;transition:none!important}}