.capability-band{position:relative;z-index:6}.capability-grid{gap:0;padding-block:18px}
.capability-item{position:relative;min-width:0;border-right:1px solid var(--line)}.capability-item:last-child{border:0}
.capability-trigger{display:flex;align-items:center;gap:12px;position:relative;width:100%;padding:12px 18px;border:0;background:transparent;font:inherit;text-align:left;color:var(--navy);cursor:pointer;min-height:68px;transition:background .3s,color .3s}.capability-trigger:after{content:'';position:absolute;left:18px;right:18px;bottom:0;height:2px;background:var(--teal);transform:scaleX(0);transform-origin:left;transition:transform .3s}.capability-trigger>.icon{width:23px;height:23px;flex-shrink:0;transition:transform .3s}.capability-trigger>span:nth-child(2){min-width:0}.capability-trigger strong{display:block;font-size:12px;font-weight:700;line-height:1.5}.capability-trigger small{display:block;font-size:10px;line-height:1.6;color:var(--muted);margin-top:3px}.capability-toggle{margin-left:auto;font-size:15px;color:var(--teal);transition:transform .3s}
.capability-item.is-open .capability-trigger{background:#f0f7f9;color:var(--teal)}.capability-item.is-open .capability-trigger:after{transform:scaleX(1)}.capability-item.is-open .capability-trigger>.icon{transform:translateY(-2px) rotate(-5deg)}.capability-trigger:focus-visible{outline:2px solid var(--teal);outline-offset:-2px}
.capability-panel{position:absolute;top:100%;left:0;width:350px;max-width:calc(100vw - 40px);padding:22px;background:#fff;border:1px solid var(--line);border-top:2px solid var(--teal);border-radius:0 0 7px 7px;box-shadow:0 18px 36px #071c3612;z-index:2;animation:capability-open .3s both}.capability-item:nth-last-child(-n+2) .capability-panel{left:auto;right:0}.capability-panel[hidden]{display:none}.capability-panel h3{font-size:17px;line-height:1.4;letter-spacing:-.3px;margin:0 0 10px}.capability-panel>p{font-size:11px;color:var(--muted);line-height:1.8;margin:0}
.capability-concepts{list-style:none;display:flex;flex-wrap:wrap;gap:6px 12px;padding:0;margin:13px 0;font-size:8px;letter-spacing:.4px;color:var(--teal);font-weight:600}
.capability-grid .capability-cta{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px;font-weight:700;color:var(--teal);border:0;border-top:1px solid var(--line);padding-top:13px;transform:none}.capability-cta:focus-visible{outline:2px solid var(--teal);outline-offset:4px}
.capability-diagram{position:relative;min-height:92px;padding:14px 4px;margin-bottom:14px;border-block:1px solid #edf3f5;display:flex;align-items:center;justify-content:space-between;gap:9px;color:var(--navy);font-size:9px}.diagram-step{position:relative;text-align:center;z-index:1;background:#fff;line-height:1.5;animation:capability-step .35s both;animation-delay:var(--step-delay)}.diagram-flow .diagram-step+.diagram-step:before,.diagram-learning .diagram-step+.diagram-step:before{content:'→';color:var(--teal);position:absolute;left:-10px}
.diagram-learning .diagram-step{display:flex;flex-direction:column;gap:4px}.diagram-learning i{font-style:normal;color:var(--teal);animation:capability-check .35s both;animation-delay:calc(var(--step-delay) + .2s)}
.diagram-center,.diagram-schedule .step-1{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:7px 10px;background:#eaf5f7;border:1px solid #b0d3db;border-radius:3px;font-weight:700;color:var(--teal);z-index:2}.diagram-center~.diagram-step,.diagram-schedule .diagram-step{position:absolute;animation-name:capability-branch}.diagram-center~.step-0,.diagram-schedule .step-0{left:50%;top:9px;transform:translateX(-50%)}.diagram-center~.step-1{left:0;top:50%;transform:translateY(-50%)}.diagram-center~.step-2{left:50%;bottom:8px;transform:translateX(-50%)}.diagram-center~.step-3{right:0;top:50%;transform:translateY(-50%)}.diagram-center~.diagram-step:after{content:'';position:absolute;background:#a6cbd5;animation:capability-branch .35s both;animation-delay:var(--step-delay)}.diagram-center~.step-0:after{width:1px;height:12px;top:100%;left:50%}.diagram-center~.step-2:after{width:1px;height:12px;bottom:100%;left:50%}.diagram-center~.step-1:after{width:22px;height:1px;left:100%;top:50%}.diagram-center~.step-3:after{width:22px;height:1px;right:100%;top:50%}
.diagram-schedule{min-height:128px}.diagram-schedule .step-1{animation:capability-branch .35s both;animation-delay:.11s}.diagram-schedule .step-2{left:50%;top:78px;transform:translateX(-50%)}.diagram-schedule .step-3{left:50%;bottom:5px;transform:translateX(-50%)}.diagram-schedule .diagram-step:not(.step-3):after{content:'↓';position:absolute;top:100%;left:50%;color:var(--teal);font-size:10px}
.capability-band.entries-enabled .capability-item{opacity:0;transform:translateY(8px)}.capability-band.entries-visible .capability-item{opacity:1;transform:none;transition:opacity .35s,transform .35s;transition-delay:var(--entry-delay)}
@keyframes capability-open{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes capability-step{from{opacity:.2;transform:translateY(3px)}to{opacity:1;transform:none}}@keyframes capability-check{from{opacity:0}to{opacity:1}}@keyframes capability-branch{from{opacity:.2}to{opacity:1}}
@media(max-width:1150px){.capability-trigger{padding:10px 12px;gap:9px}.capability-trigger strong{font-size:10px}.capability-trigger small{font-size:9px}.capability-trigger>.icon{width:20px}.capability-toggle{font-size:12px}}
@media(max-width:760px),(hover:none){.capability-grid{display:block;padding-block:8px}.capability-item{border:0;border-bottom:1px solid var(--line)}.capability-trigger{min-height:70px;padding:14px 4px;gap:14px}.capability-trigger strong{font-size:12px}.capability-trigger small{font-size:10px}.capability-trigger>.icon{width:23px}.capability-toggle{font-size:20px;padding-right:6px}.capability-trigger:after{left:0;right:0}.capability-panel,.capability-item:nth-last-child(-n+2) .capability-panel{position:relative;left:auto;right:auto;top:auto;width:100%;max-width:none;box-shadow:none;border:0;border-radius:0;padding:18px 14px 22px;background:#f8fbfc}.capability-diagram .diagram-step{background:#f8fbfc}.capability-panel h3{font-size:16px}.capability-panel>p{font-size:12px}.capability-concepts{font-size:9px}.capability-diagram{font-size:9px}.capability-band{z-index:2}}
@media(prefers-reduced-motion:reduce){.capability-band.entries-enabled .capability-item{opacity:1;transform:none}.capability-item.is-open .capability-trigger>.icon{transform:none}.capability-panel,.diagram-step,.diagram-learning i,.diagram-center~.diagram-step:after{animation:none!important}}
.ecosystem-node-6{left:50%;top:15.5%}
.diagram-lines{position:absolute;inset:0;width:100%;height:100%}.diagram-lines path{fill:none;stroke:#a6cbd5;stroke-width:1;stroke-dasharray:1;animation:capability-connect .35s both}.diagram-lines path:nth-child(2){animation-delay:.11s}.diagram-lines path:nth-child(3){animation-delay:.22s}.diagram-lines path:nth-child(4){animation-delay:.33s}.diagram-center~.diagram-step:after{display:none}
@keyframes capability-connect{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){.diagram-lines path{animation:none;stroke-dashoffset:0}}