.hybrid .capability-studio{border:1px solid #31495c;border-radius:13px;background:#0b2238;color:#faf8f3;overflow:hidden;box-shadow:0 25px 70px #10273d18}.capability-topbar{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #ffffff1f;padding:17px 23px;font-size:9px;letter-spacing:1px;color:#c6b58f}.capability-topbar>span:last-child{color:#a9bac7;letter-spacing:.3px}.capability-layout{display:grid;grid-template-columns:235px minmax(0,1fr)}.capability-nav{border-right:1px solid #ffffff1c;padding:18px 12px;display:flex;flex-direction:column;gap:5px}.capability-nav button{background:transparent;border:1px solid transparent;color:#c1cdd6;text-align:left;padding:13px 11px;font:500 11px/1.5 Manrope,Arial,sans-serif;border-radius:6px;cursor:pointer}.capability-nav button>span{font-size:9px;color:#ac9a71;margin-right:12px}.capability-nav button[aria-pressed=true]{background:#d6b57518;border-color:#bfa26770;color:#f1d79c}.capability-nav button:hover{background:#ffffff0b}.capability-nav small{display:block;font-size:8px;margin:3px 0 0 25px;color:#b4a985}.capability-nav>a{margin:18px 10px 0;font-size:10px;line-height:1.8;color:#d6b575;text-underline-offset:5px}.capability-panel{padding:30px;min-width:0}.capability-tag{font-size:8px;letter-spacing:1.6px;color:#d6b575}.hybrid .capability-panel>h3{font-size:31px;letter-spacing:-.8px;line-height:1.2;color:#faf8f3;font-weight:500;max-width:630px;margin:13px 0}.capability-panel>p{font-size:12px;line-height:1.9;color:#b3c2cf;max-width:700px}.capability-example{display:grid;grid-template-columns:.8fr 1.2fr;gap:25px;margin:26px 0}.cap-label{font-size:8px;line-height:1.7;letter-spacing:1.2px;color:#c8af79;font-weight:600}.capability-context{padding:20px 0}.capability-context>p{font-size:16px;line-height:1.7;color:#f0ede5;margin:12px 0 23px}.capability-context ul{padding:0;list-style:none;margin:12px 0}.capability-context li{font-size:11px;line-height:1.8;color:#afc0ce;border-top:1px solid #ffffff14;padding:9px 0}.capability-screen{background:#f6f3eb;border:1px solid #d6d1c5;border-radius:9px;overflow:hidden;color:#10273d;box-shadow:0 14px 30px #0002;min-width:0}.cap-window{display:flex;align-items:center;gap:4px;padding:13px;background:#e9e4d8;border-bottom:1px solid #d8d1c3}.cap-window>span{width:5px;height:5px;border-radius:50%;background:#b4a78a}.cap-window small{margin-left:auto;font-size:7px;color:#778087;letter-spacing:.8px}.cap-screen-body{padding:23px}.cap-screen-body .cap-label{color:#8a6c35}.hybrid .cap-screen-body h4{font-size:25px;line-height:1.3;color:#10273d;font-weight:500;letter-spacing:-.7px;margin:9px 0 12px}.cap-screen-body>p{font-size:11px;line-height:1.9;color:#56616a;min-height:63px}.cap-steps{display:flex;flex-direction:column;gap:7px;margin:20px 0}.cap-steps>span{padding:9px 11px;background:#e6eadf;border:1px solid #cbd3bf;border-radius:5px;color:#344e38;font-size:10px;line-height:1.7;display:flex;align-items:center;gap:10px}.cap-steps b{background:#304f3a;color:#fff;border-radius:50%;width:17px;height:17px;display:inline-flex;align-items:center;justify-content:center;font-size:8px;flex-shrink:0}#cap-next{border:1px solid #bfa571;background:#d6b575;width:100%;text-align:left;padding:12px;color:#10273d;border-radius:5px;font:700 10px/1.5 Manrope,Arial,sans-serif;cursor:pointer}#cap-next>span{float:right}.capability-bottom{display:flex;justify-content:space-between;align-items:end;gap:20px;padding-top:20px;border-top:1px solid #ffffff1c}.capability-bottom p{font-size:10px;color:#b1c0cd;margin-top:6px}.capability-bottom>a{color:#ead39d;font-size:10px;white-space:nowrap;text-underline-offset:5px}.capability-panel>.capability-note{font-size:9px;margin-top:18px;color:#8299ac;max-width:100%;line-height:1.8}.capability-studio button:focus-visible,.capability-studio a:focus-visible{outline:2px solid #d6b575;outline-offset:3px}
@media(max-width:1050px){.capability-layout{grid-template-columns:190px minmax(0,1fr)}.capability-panel{padding:24px}.capability-example{gap:20px;grid-template-columns:1fr 1.2fr}.capability-nav button{font-size:10px;padding:12px 7px}.capability-nav button>span{margin-right:7px}.cap-screen-body{padding:18px}.hybrid .cap-screen-body h4{font-size:23px}.capability-context>p{font-size:14px}}
@media(max-width:760px){.capability-layout{display:block}.capability-topbar{font-size:7px;padding:14px 17px}.capability-topbar>span:last-child{display:none}.capability-nav{display:grid;grid-template-columns:1fr 1fr;border-right:0;border-bottom:1px solid #ffffff1c;padding:12px;gap:5px}.capability-nav button{font-size:10px;padding:11px 7px}.capability-nav>a{grid-column:1/-1;margin:9px 7px 3px}.capability-panel{padding:22px}.hybrid .capability-panel>h3{font-size:28px}.capability-panel>p{font-size:12px}.capability-example{grid-template-columns:1fr;gap:17px;margin-top:20px}.capability-context{padding:0}.capability-context>p{font-size:16px;margin:9px 0 15px}.capability-context li{font-size:11px;padding:7px 0}.cap-screen-body{padding:21px}.hybrid .cap-screen-body h4{font-size:26px}.cap-screen-body>p{min-height:0;font-size:12px}.cap-steps>span{font-size:11px}.capability-bottom{align-items:start;flex-direction:column;gap:15px}.capability-tag{font-size:8px}.capability-panel>.capability-note{font-size:9px}}
.cap-steps>span{background:#122b40;color:#dbe6e5;border-color:#2c4658;padding:11px}.cap-steps b{background:#456d54;color:#e0f0df}.cap-steps em{font-style:normal;flex:1;font-size:10px}.activity-track{display:block;width:74px;height:6px;flex-shrink:0;border-radius:10px;background:#304353;overflow:hidden}.activity-fill{display:block;width:var(--activity-width,72%);height:100%;border-radius:10px;background:linear-gradient(90deg,#648e70,#b1d0a6)}.cap-steps>span:nth-child(2) .activity-fill{--activity-width:85%;animation-delay:.7s}.cap-steps>span:nth-child(3) .activity-fill{--activity-width:62%;animation-delay:1.4s}@media(prefers-reduced-motion:no-preference){.activity-fill{animation:sampleActivity 5s ease-in-out infinite alternate}@keyframes sampleActivity{0%,15%{transform:scaleX(.48);transform-origin:left}75%,100%{transform:scaleX(1);transform-origin:left}}}.capability-studio[data-paused=true] .activity-fill{animation-play-state:paused}.cap-steps:after{content:'Illustrative activity · no live system metrics';display:block;font-size:8px;color:#718376;margin-top:3px;letter-spacing:.1px}@media(max-width:760px){.activity-track{width:60px}.cap-steps em{font-size:10px}}
.capability-nav>a{display:block;margin:20px 5px 4px;padding:16px 14px;border:1px solid #e2c78e;border-radius:8px;background:#d6b575;color:#0b2238;font-size:13px;font-weight:700;line-height:1.55;text-decoration:none;box-shadow:0 7px 20px #0002}.capability-nav>a:hover{background:#ead09b;border-color:#f1daa9}.capability-nav>a:after{content:'Explore 20 industry guides';display:block;font-size:10px;font-weight:500;margin-top:6px;color:#334859}@media(max-width:760px){.capability-nav>a{grid-column:1/-1;margin:10px 0 2px;padding:16px 18px;font-size:14px;text-align:center}.capability-nav>a:after{font-size:11px;margin-top:4px}}