.systems-page{min-height:100svh;padding-top:calc(var(--header-offset) + 2rem);padding-bottom:clamp(3rem,7vh,5rem)}.systems-page__header{grid-template-columns:minmax(0,1fr) minmax(20rem,.7fr);align-items:end;gap:clamp(2rem,6vw,7rem);display:grid}.systems-page__title{letter-spacing:-.052em;margin-top:1.25rem;font-size:clamp(4rem,7.6vw,9rem);line-height:.74}.systems-page__title .energy-line:last-child{color:#f3f5f35e}.systems-page__intro{gap:1.15rem;padding-bottom:.4rem;display:grid}.systems-page__intro p{color:#a6afaa;margin:0;font-size:clamp(.94rem,1.15vw,1.15rem);line-height:1.58}.systems-page__intro span{color:var(--signal);font:600 .58rem/1.4 var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.knowledge-layout{grid-template-columns:minmax(0,1fr) minmax(17rem,21rem);gap:1rem;margin-top:clamp(2rem,4vw,3rem);display:grid}.knowledge-graph-panel,.capability-index{-webkit-backdrop-filter:blur(1rem)saturate(120%);backdrop-filter:blur(1rem)saturate(120%);background:linear-gradient(145deg,#0d1413b8,#030606b3);border:1px solid #ffffff1f;box-shadow:0 2rem 6rem #00000047,inset 0 1px #ffffff09}.knowledge-graph-panel{background:radial-gradient(70% 66% at 50% 52%,#7358e81f,#0000 72%),linear-gradient(145deg,#0d1413b8,#030606bd);border-radius:1.2rem 4.6rem 1.2rem 1.2rem;min-height:clamp(28rem,58vh,43rem);position:relative;overflow:hidden}.knowledge-graph-panel:before{content:"";pointer-events:none;background:linear-gradient(90deg,#a7ffe906,#0000 28%,#a496ff06);position:absolute;inset:0}.knowledge-graph-panel__label,.knowledge-graph-panel__status{z-index:2;font:650 .52rem/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;position:absolute;top:1.25rem}.knowledge-graph-panel__label{color:var(--muted);left:1.4rem}.knowledge-graph-panel__status{color:var(--signal);background:#03060699;border:1px solid #a7ffe929;border-radius:999px;padding:.5rem .65rem;right:1.4rem}.knowledge-graph-panel canvas{cursor:grab;display:block;position:absolute;inset:0}.capability-index{border-radius:1.2rem;flex-direction:column;min-height:clamp(28rem,58vh,43rem);max-height:clamp(28rem,58vh,43rem);padding:1.4rem;display:flex}.capability-current{border-bottom:1px solid #ffffff1a;padding-bottom:1.15rem}.capability-current>span{color:var(--signal);font:650 .58rem/1.3 var(--font-mono);letter-spacing:.11em;text-transform:uppercase}.capability-current h2{font-family:var(--font-display);letter-spacing:-.04em;margin:.6rem 0 0;font-size:clamp(1.35rem,2vw,1.85rem);line-height:.98}.capability-current p{color:#9ba49f;margin:.7rem 0 0;font-size:.9rem;line-height:1.56}.capability-groups{scrollbar-width:thin;scrollbar-color:#a7ffe947 transparent;flex:1;min-height:0;margin-top:1.1rem;overflow-y:auto}.capability-groups::-webkit-scrollbar{width:.4rem}.capability-groups::-webkit-scrollbar-thumb{background:#a7ffe93d;border-radius:999px}.capability-group{margin-bottom:1.1rem}.capability-group:last-child{margin-bottom:.25rem}.capability-domain,.capability-item{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.6rem;align-items:center;gap:.6rem;padding:.5rem .6rem;transition:background .18s,border-color .18s,color .18s;display:flex}.capability-domain{color:#f3f5f3;font:650 .62rem/1 var(--font-mono);letter-spacing:.09em;text-transform:uppercase}.capability-domain__dot{background:var(--signal);border-radius:50%;width:.5rem;height:.5rem;box-shadow:0 0 .6rem}.capability-group[data-kind="1"] .capability-domain__dot{background:#a496ff}.capability-group[data-kind="2"] .capability-domain__dot{background:#79ff68}.capability-domain__label{flex:1}.capability-domain__count{color:var(--muted)}.capability-list{border-left:1px solid #ffffff14;margin:.35rem 0 0;padding:0 0 0 .75rem;list-style:none}.capability-item{flex-direction:column;align-items:stretch;gap:.35rem;padding:.5rem .55rem}.capability-item__label{color:#d7ded9;font-size:.88rem;font-weight:500;line-height:1.3}.capability-item__methods{flex-wrap:wrap;gap:.3rem;display:flex}.capability-item__methods span{color:var(--muted);font:600 .6rem/1.35 var(--font-mono);letter-spacing:.03em;border:1px solid #ffffff1a;border-radius:999px;padding:.12rem .4rem}.capability-domain:hover,.capability-item:hover,.capability-domain:focus-visible,.capability-item:focus-visible{background:#a7ffe90f;border-color:#a7ffe947;outline:none}.capability-domain.is-active,.capability-item.is-active{background:#a7ffe91a;border-color:#a7ffe980}.capability-item.is-active .capability-item__label{color:#f3f5f3}.capability-group[data-kind="1"] .capability-item.is-active,.capability-group[data-kind="1"] .capability-domain.is-active{background:#a496ff1f;border-color:#a496ff80}.capability-group[data-kind="2"] .capability-item.is-active,.capability-group[data-kind="2"] .capability-domain.is-active{background:#79ff681a;border-color:#79ff6873}@media (prefers-reduced-motion:reduce){.capability-domain,.capability-item{transition:none}}@media (max-width:66rem){.systems-page__header,.knowledge-layout{grid-template-columns:1fr}.systems-page__intro{max-width:44rem}.capability-index{min-height:auto;max-height:none}.capability-groups{overflow:visible}}@media (max-width:47.99rem){.systems-page{padding-top:calc(var(--header-offset) + 1.25rem)}.systems-page__title{font-size:clamp(3.5rem,17vw,5.4rem)}.systems-page__intro p{font-size:.96rem}.knowledge-layout{gap:.7rem;margin-top:2rem}.knowledge-graph-panel{border-radius:1rem 2.8rem 1rem 1rem;min-height:62svh}.knowledge-graph-panel__label{top:1rem;left:1rem}.knowledge-graph-panel__status{max-width:calc(100% - 2rem);top:auto;bottom:1rem;right:1rem}.capability-index{padding:1.2rem}}
