body[data-page="botlab"] #capabilities{position:relative;background:#f9f9f9;padding:95px 0 110px;isolation:isolate}
#capabilities.paas-stack-figma:before{content:"";position:absolute;inset:0;background:url('../../img/global-presence/texture.png') repeat;background-size:16.8px;opacity:.05;z-index:-1;pointer-events:none}
#capabilities.paas-stack-figma .container{max-width:1348px;padding:0 24px}
#capabilities .paas-stack-heading{max-width:744px;text-align:center;margin:0 auto 74px}
#capabilities .paas-stack-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;margin:0 0 18px;background:white;border-radius:8px;font-size:14px;line-height:20px;color:#495057}
#capabilities .paas-stack-heading h2{font-size:48px;line-height:1.2;letter-spacing:-2.4px;font-weight:400;margin:0 0 18px;color:#080a0d}
#capabilities .paas-stack-heading>p:last-child{font-size:14px;line-height:25.2px;color:#495057;margin:0}
#capabilities .paas-stack-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
#capabilities .paas-layer-list{border-right:1px solid #0000001a;padding:0;min-width:0}
#capabilities .paas-layer{position:relative;width:100%;min-height:92px;display:flex;align-items:center;gap:14px;padding:20px 34px 20px 22px;text-align:left;border:0;border-radius:20px 0 0 20px;background:transparent;color:#080a0d;font-family:inherit;cursor:pointer;transition:background .2s,box-shadow .2s}
#capabilities .paas-layer[aria-selected="true"]{background:#fff;box-shadow:-6px 8px 20px #00000006}
#capabilities .paas-layer:focus-visible{outline:2px solid #1177ff;outline-offset:3px;z-index:2}
#capabilities .paas-layer-icon{display:grid;place-items:center;flex:0 0 44px;height:44px;border:1px solid #e2e2e2;border-radius:10px}
#capabilities .paas-layer-copy{display:block;min-width:0}
#capabilities .paas-layer-title{display:block;font-size:20px;line-height:24px;font-weight:500;margin:0 0 5px}
#capabilities .paas-layer-body{display:block;font-size:16px;line-height:22px;font-weight:400;color:#667185}
#capabilities .paas-layer-marker{position:absolute;right:10px;top:50%;transform:translateY(-50%);height:70px;width:7px;background:#111;border-radius:100px;opacity:0}
#capabilities .paas-layer-marker:after{content:"";position:absolute;inset:5px 2px;border-radius:10px;background:linear-gradient(#fff8,transparent)}
#capabilities [aria-selected="true"] .paas-layer-marker{opacity:1}
#capabilities .paas-stack-scene{height:360px;min-width:0;border-radius:32px;background:rgba(228,228,231,.7);display:grid;place-items:center;padding:40px}
#capabilities .paas-layer-panel{width:100%;max-width:442px}
#capabilities .paas-layer-panel[hidden]{display:none}
#capabilities .paas-feature-sheet{position:relative;isolation:isolate;background:#fff;padding:20px 25px;border-radius:2px;box-shadow:0 12px 18px #0000000a}
#capabilities .paas-feature-sheet:before{content:"";position:absolute;inset:-4px -3px;background:#d0d1d3;transform:rotate(2.24deg);z-index:-2;border-radius:3px}
#capabilities .paas-feature-sheet:after{content:"";position:absolute;inset:0;background:white;z-index:-1}
#capabilities .paas-feature-sheet ul{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0;padding:0;list-style:none;min-height:162px;align-content:center}
#capabilities .paas-feature-sheet li{display:flex;align-items:center;gap:7px;min-height:46px;padding:9px 12px;background:#f3f5f8;border-radius:12px;font-size:12px;line-height:16px;color:#101828}
#capabilities .paas-feature-sheet img{flex:0 0 16px}
@media(max-width:1000px){#capabilities .paas-stack-layout{gap:28px}#capabilities .paas-stack-scene{padding:24px}#capabilities .paas-layer-body{font-size:14px}#capabilities .paas-feature-sheet{padding:16px}}
@media(max-width:760px){body[data-page="botlab"] #capabilities{padding:64px 0}#capabilities .paas-stack-heading{margin-bottom:36px}#capabilities .paas-stack-heading h2{font-size:34px;letter-spacing:-1px}#capabilities .paas-stack-layout{grid-template-columns:1fr}#capabilities .paas-stack-scene{height:320px}#capabilities .paas-layer{min-height:86px}#capabilities .paas-layer-title{font-size:18px}}
@media(prefers-reduced-motion:reduce){#capabilities .paas-layer{transition:none}}
/* Use the exported panel silhouette and curved selection corners. */
#capabilities .paas-layer[aria-selected="true"]:before,#capabilities .paas-layer[aria-selected="true"]:after{content:"";position:absolute;right:0;width:66.5px;height:38px;background:url('../img/paas-stack/corner.svg') center/100% 100% no-repeat;pointer-events:none}
#capabilities .paas-layer[aria-selected="true"]:before{top:-38px;transform:scaleY(-1)}
#capabilities .paas-layer[aria-selected="true"]:after{bottom:-38px}
#capabilities .paas-feature-sheet{background:transparent;box-shadow:none}
#capabilities .paas-feature-sheet:after{inset:0 -24px -56px;background:url('../img/paas-stack/panel.svg') center/100% 100% no-repeat}
/* Figma 684:813 — updated 880px desktop section, content starts at 310px. */
@media(min-width:1101px){
 #capabilities .paas-stack-heading{max-width:1300px;display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:47.4px}
 #capabilities .paas-stack-badge{box-sizing:border-box;min-height:34px;margin:0;border-radius:100px}
 #capabilities .paas-stack-heading h2{margin:0;line-height:57.6px}
 #capabilities .paas-stack-heading>p:last-child{max-width:744px;min-height:52px;margin:0}
 #capabilities .paas-layer-list{display:grid;grid-template-rows:repeat(5,minmax(92px,auto));min-height:460px}
 #capabilities .paas-layer{padding-top:12px;padding-bottom:12px}
 #capabilities .paas-layer-title{margin-bottom:2px}
 #capabilities .paas-layer-body{line-height:20px}
}
/* Figma 688:1001: independently angled front card and offset rear sheet. */
#capabilities .paas-stack-scene{position:relative;overflow:hidden;background:#ededee}
#capabilities .paas-layer-panel{position:relative;transform:translate(-9px,-11px)}
#capabilities .paas-layer-panel:before{content:"";position:absolute;left:23.05px;top:20.98px;width:103.269%;height:202.823px;border-radius:16px;background:rgba(215,215,217,.6);transform:rotate(2.24deg);pointer-events:none}
#capabilities .paas-feature-sheet{transform:rotate(-4deg);transform-origin:center}
#capabilities .paas-feature-sheet:before{display:none}
@media(max-width:760px){#capabilities .paas-layer-panel{transform:translate(-5px,-8px)}}
/* Three-second progress, matching the homepage lifecycle tabs. */
#capabilities .paas-layer-marker:after{inset:auto 2px 3px;top:3px;height:var(--stack-progress,0%);max-height:64px;background:white;border-radius:10px}
#capabilities .paas-layer-panel:not([hidden]) .paas-feature-sheet{animation:paas-stack-enter .35s ease-out both}
@keyframes paas-stack-enter{from{opacity:0;transform:translateY(8px) rotate(-4deg)}to{opacity:1;transform:translateY(0) rotate(-4deg)}}
@media(prefers-reduced-motion:reduce){#capabilities .paas-layer-panel:not([hidden]) .paas-feature-sheet{animation:none}#capabilities .paas-layer-marker:after{height:42px}}