html body[data-page="botlab"] #product-examples{position:relative;isolation:isolate;background:#ebebed;padding:90px 0 126px}
html body[data-page="botlab"] #product-examples:before{content:"";position:absolute;inset:0;z-index:-1;background:url('../img/conversation/bg.png') center/cover no-repeat;opacity:.1;filter:grayscale(1);pointer-events:none}
html body[data-page="botlab"] #product-examples>.container{width:calc(100% - 48px);max-width:1300px;padding:0;margin:auto}
html body[data-page="botlab"] #product-examples .ps-heading{display:block;text-align:center;margin:0 0 48px}
html body[data-page="botlab"] #product-examples .ps-eyebrow{display:inline-flex;align-items:center;gap:6px;padding:4px 13px 4px 6px;border-radius:100px;background:#fff;box-shadow:0 1px 1px #00000026,0 3px 3px #0000000d;font-size:14px;letter-spacing:0;color:#495057;font-weight:400;margin:0 0 16px}
#product-examples.ps-validation .ps-eyebrow:before{content:"";width:18px;height:18px;background:url('../../img/global-presence/badge.svg') center/contain no-repeat;flex:none}
html body[data-page="botlab"] #product-examples h2{font-size:48px;line-height:1.2;letter-spacing:-2.4px;font-weight:400;margin:0 0 12px}
html body[data-page="botlab"] #product-examples .ps-intro{max-width:744px;margin:auto;font-size:14px;line-height:25.2px;color:#000000a6}
html body[data-page="botlab"] .ps-validation-list{position:relative;display:block;padding:0 78px}
html body[data-page="botlab"] .ps-validation-case{padding:0 24px 24px;background:white;border:1px solid #0000001a;border-radius:16px;min-width:0}
html body[data-page="botlab"] .ps-validation-case[hidden]{display:none}
html body[data-page="botlab"] .ps-validation-case>header{margin:0 -24px 24px;padding:22px 24px;border-bottom:1px solid #eaecf0;display:flex;align-items:center;gap:16px}
html body[data-page="botlab"] .ps-validation-case h3{font-size:20px;line-height:1.35;color:#000;font-weight:600;margin:0 0 2px}
html body[data-page="botlab"] .ps-validation-case>header p{font-size:16px;line-height:1.5;color:#667185;margin:0}
html body[data-page="botlab"] .ps-validation-case .ps-icon{flex:0 0 44px;width:44px;height:44px;border:1px solid #e2e2e2;border-radius:10px;background:url('../img/moments/icon-1.svg') center/24px 24px no-repeat;color:#000}
html body[data-page="botlab"] .ps-validation-case .ps-icon svg{display:none}
html body[data-page="botlab"] .ps-validation-input{margin:0 0 20px;background:transparent;border:0;padding:0;color:#667185;font-size:14px}
html body[data-page="botlab"] .ps-validation-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;border:0;margin:0 0 24px}
html body[data-page="botlab"] .ps-validation-facts>div{display:block;border:0;border-radius:20px;min-height:140px;padding:28px 24px;background:url('../img/cases/one.png') center/cover}
html body[data-page="botlab"] .ps-validation-facts>div:nth-child(2){background-image:url('../img/cases/two.png')}
html body[data-page="botlab"] .ps-validation-facts>div:nth-child(3){background-image:url('../img/cases/three.png')}
html body[data-page="botlab"] .ps-validation-facts dt{font-size:16px;line-height:1.4;color:#000000a6;margin:0 0 12px}
html body[data-page="botlab"] .ps-validation-facts dd{font-size:20px;line-height:24px;color:#000000d9;font-weight:600;margin:0}
html body[data-page="botlab"] .ps-validation-notes{display:grid;grid-template-columns:1fr;gap:12px}
html body[data-page="botlab"] .ps-validation-notes>div{position:relative;background:#f3f5f8;border-radius:16px;padding:16px 24px 16px 81px;min-height:86px}
html body[data-page="botlab"] .ps-validation-notes>div:before{content:"";position:absolute;left:24px;top:50%;transform:translateY(-50%);width:44px;height:44px;border:1px solid #e2e2e2;border-radius:10px;background:url('../img/moments/icon-1.svg') center/24px no-repeat}
html body[data-page="botlab"] .ps-validation-notes h4{font-size:16px;font-weight:500;color:#000;margin:0 0 6px}
html body[data-page="botlab"] .ps-validation-notes p{font-size:14px;line-height:1.5;color:#667185;margin:0}
.paas-validation-nav{position:absolute;top:50%;width:46px;height:45px;border:1px solid #fff;border-radius:99px;background:#f6f7f8 url('../img/hero-arrow.svg') center/14px 12px no-repeat;box-shadow:0 9px 20px #0103091a;cursor:pointer}
.paas-validation-nav.is-prev{left:0;transform:rotate(180deg)}
.paas-validation-nav.is-next{right:0}
.paas-validation-nav:focus-visible{outline:2px solid #1177ff;outline-offset:4px}
@media(max-width:1100px){html body[data-page="botlab"] #product-examples h2{font-size:38px;letter-spacing:-1.5px}html body[data-page="botlab"] .ps-validation-list{padding:0 58px}html body[data-page="botlab"] .ps-validation-facts>div{padding:20px 16px}html body[data-page="botlab"] .ps-validation-facts dd{font-size:18px}}
@media(max-width:760px){html body[data-page="botlab"] #product-examples{padding:64px 0}html body[data-page="botlab"] #product-examples>.container{width:calc(100% - 32px)}html body[data-page="botlab"] #product-examples h2{font-size:32px;letter-spacing:-1px}html body[data-page="botlab"] .ps-validation-list{padding:0 0 64px}html body[data-page="botlab"] .ps-validation-case{padding:0 16px 16px}html body[data-page="botlab"] .ps-validation-case>header{margin:0 -16px 20px;padding:20px 16px;align-items:flex-start}html body[data-page="botlab"] .ps-validation-facts{grid-template-columns:1fr}html body[data-page="botlab"] .ps-validation-facts>div{min-height:110px}html body[data-page="botlab"] .ps-validation-notes>div{padding:16px 16px 16px 70px}html body[data-page="botlab"] .ps-validation-notes>div:before{left:14px}.paas-validation-nav{top:auto;bottom:0}.paas-validation-nav.is-prev{left:calc(50% - 56px)}.paas-validation-nav.is-next{right:calc(50% - 56px)}}
.paas-validation-viewport{position:relative;overflow:hidden;border-radius:16px}
html body[data-page="botlab"] .ps-validation-case.is-sliding{position:absolute;top:0;left:0;width:100%;box-sizing:border-box}
html body[data-page="botlab"] #paas-validation-case-0 .ps-icon{background-image:url('../img/paas-validation/lifecycle.svg')}
html body[data-page="botlab"] #paas-validation-case-1 .ps-icon{background-image:url('../img/paas-validation/recovery.svg')}
html body[data-page="botlab"] .ps-validation-notes>div:first-child:before{background-image:url('../img/paas-validation/method.svg')}
html body[data-page="botlab"] .ps-validation-notes>div:nth-child(2):before{background-image:url('../img/paas-validation/record.svg')}
/* Center the heading block itself, as well as its copy, over the carousel. */
html body[data-page="botlab"] #product-examples .ps-heading{width:100%;max-width:none;margin-inline:auto;text-align:center}
html body[data-page="botlab"] #product-examples .ps-heading>div{width:100%;max-width:none;margin-inline:auto}
html body[data-page="botlab"] #product-examples .ps-heading h2{max-width:none;margin-inline:auto;text-align:center}
/* Fluid sizing for localized copy and intermediate tablet widths. */
html body[data-page="botlab"] #product-examples .ps-heading h2{font-size:clamp(28px,3vw,48px);line-height:1.2}
html body[data-page="botlab"] #product-examples :is(.ps-heading,.ps-validation-case header>div,.ps-validation-facts>div,.ps-validation-notes>div){min-width:0;overflow-wrap:anywhere}
html body[data-page="botlab"] #product-examples .ps-eyebrow{max-width:100%;box-sizing:border-box;white-space:normal;text-align:center;line-height:1.4}
html body[data-page="botlab"] #product-examples .ps-validation-case{box-sizing:border-box;width:100%}
@media(min-width:761px) and (max-width:1000px){
 html body[data-page="botlab"] .ps-validation-list{padding:0 0 68px}
 .paas-validation-nav{top:auto;bottom:0}
 .paas-validation-nav.is-prev{left:calc(50% - 56px)}
 .paas-validation-nav.is-next{right:calc(50% - 56px)}
 html body[data-page="botlab"] .ps-validation-facts dd{font-size:18px;line-height:1.4}
}
@media(max-width:480px){
 html body[data-page="botlab"] #product-examples{padding:48px 0}
 html body[data-page="botlab"] #product-examples .ps-heading{margin-bottom:28px}
 html body[data-page="botlab"] .ps-validation-case>header{gap:12px}
 html body[data-page="botlab"] .ps-validation-case h3{font-size:18px}
 html body[data-page="botlab"] .ps-validation-case>header p{font-size:14px}
 html body[data-page="botlab"] .ps-validation-notes>div{padding:16px}
 html body[data-page="botlab"] .ps-validation-notes>div:before{position:static;display:block;transform:none;margin-bottom:12px}
 html body[data-page="botlab"] .ps-validation-facts dt{font-size:14px}
 html body[data-page="botlab"] .ps-validation-facts dd{font-size:18px;line-height:1.4}
}
/* Updated Figma 694:1681: stacked facts alongside a combined notes panel. */
html body[data-page="botlab"] .ps-validation-case{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:24px;row-gap:0;padding:0 28px 28px}
html body[data-page="botlab"] .ps-validation-case>header{grid-column:1/-1;margin:0 -28px 24px;padding:22px 28px;min-height:102px;box-sizing:border-box}
html body[data-page="botlab"] .ps-validation-input{grid-column:1/-1;min-height:26px;margin-bottom:20px}
html body[data-page="botlab"] .ps-validation-case:not(:has(.ps-validation-input))>header{margin-bottom:24px}
@media(min-width:761px){html body[data-page="botlab"] .ps-validation-case:not(:has(.ps-validation-input)){padding-bottom:74px}}
html body[data-page="botlab"] .ps-validation-facts{grid-column:1;display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin:0}
html body[data-page="botlab"] .ps-validation-facts>div{min-height:106px;padding:24px;box-sizing:border-box}
html body[data-page="botlab"] .ps-validation-facts dt{line-height:1.2;margin-bottom:12px}
html body[data-page="botlab"] .ps-validation-notes{grid-column:2;display:flex;flex-direction:column;gap:28px;padding:24px;background:#f3f5f8;border-radius:16px;min-height:350px;box-sizing:border-box}
html body[data-page="botlab"] .ps-validation-notes>div{padding:0;min-height:0;background:none;border-radius:0}
html body[data-page="botlab"] .ps-validation-notes>div:before{display:none}
html body[data-page="botlab"] .ps-validation-notes h4{margin-bottom:8px}
@media(max-width:760px){
 html body[data-page="botlab"] .ps-validation-case{grid-template-columns:minmax(0,1fr);padding:0 16px 16px;gap:20px}
 html body[data-page="botlab"] .ps-validation-case>header,html body[data-page="botlab"] .ps-validation-case:not(:has(.ps-validation-input))>header{margin:0 -16px;padding:20px 16px;min-height:0}
 html body[data-page="botlab"] .ps-validation-input{margin:0;min-height:0}
 html body[data-page="botlab"] .ps-validation-facts,html body[data-page="botlab"] .ps-validation-notes{grid-column:1}
 html body[data-page="botlab"] .ps-validation-notes{padding:20px;min-height:0;gap:24px}
 html body[data-page="botlab"] .ps-validation-facts>div{padding:20px;min-height:106px}
}
/* Latest Figma: the alternate scenario is a blue collapsed rail. */
html body[data-page="botlab"] .ps-validation-list{display:grid;grid-template-columns:minmax(0,1144fr) 102px;gap:24px;padding:0;max-width:1270px}
.paas-validation-switch{position:relative;display:flex;flex-direction:column;align-items:center;gap:16px;align-self:stretch;min-height:550px;padding:28px 12px;border:1px solid #0000001a;border-radius:16px;background:#cceaf7;color:#000;cursor:pointer;font-family:inherit}
.validation-switch-icon{display:block;flex:0 0 44px;width:44px;height:44px;border:1px solid #e2e2e2;border-radius:10px;background:#ffffff80 url('../img/paas-validation/recovery.svg') center/24px no-repeat}
.validation-switch-title,.validation-switch-sub{position:absolute;top:88px;left:50%;writing-mode:vertical-rl;text-orientation:mixed;text-align:left;max-height:calc(100% - 116px);font-size:20px;line-height:30px;overflow-wrap:anywhere}
.validation-switch-sub{left:calc(50% - 30px);font-size:16px;color:#667185}
.paas-validation-switch:focus-visible{outline:2px solid #1177ff;outline-offset:4px}
html body[data-page="botlab"] #product-examples .ps-validation-input{font-size:14px;display:flex;align-items:center;flex-wrap:wrap;gap:8px}
html body[data-page="botlab"] #product-examples .ps-validation-input q{font-size:16px;color:#000;font-weight:500}
@media(max-width:1000px){html body[data-page="botlab"] .ps-validation-list{grid-template-columns:minmax(0,1fr) 80px;gap:16px}.paas-validation-switch{padding-inline:8px}.validation-switch-title{font-size:18px}}
@media(max-width:760px){html body[data-page="botlab"] .ps-validation-list{grid-template-columns:minmax(0,1fr);gap:16px}.paas-validation-switch{min-height:80px;flex-direction:row;padding:16px;text-align:left}.validation-switch-title{position:static;writing-mode:horizontal-tb;max-height:none;font-size:16px;line-height:1.4}.validation-switch-sub{display:none}}
/* Match the readiness accordion: panels expand in place, with delayed copy reveal. */
html body[data-page="botlab"] .ps-validation-list.is-validation-accordion{display:flex;align-items:stretch;container-type:inline-size;--validation-rail:102px;--validation-gap:16px;gap:var(--validation-gap)}
.paas-validation-panel{position:relative;flex:0 0 var(--validation-rail);min-width:0;overflow:hidden;border-radius:16px;background:#cceaf7;transition:flex-grow .55s cubic-bezier(.22,1,.36,1),flex-basis .55s cubic-bezier(.22,1,.36,1)}
.paas-validation-panel.is-active{flex:1 1 0;background:transparent}
html body[data-page="botlab"] #product-examples .paas-validation-panel .ps-validation-case{width:calc(100cqi - var(--validation-rail) - var(--validation-gap));height:auto;opacity:0;visibility:hidden;transition:opacity .12s ease,visibility .12s}
html body[data-page="botlab"] #product-examples .paas-validation-panel.is-active .ps-validation-case{opacity:1;visibility:visible;transition:opacity .25s ease .25s,visibility 0s .25s}
.paas-validation-panel>.paas-validation-switch{position:absolute;inset:0;width:100%;height:100%;min-height:0;z-index:1;transition:opacity .15s}
.paas-validation-panel.is-active>.paas-validation-switch{opacity:0;pointer-events:none}
.paas-validation-panel:focus-within{outline:2px solid #1177ff;outline-offset:3px}
.paas-validation-panel:first-child .validation-switch-icon{background-image:url('../img/paas-validation/lifecycle.svg')}
@media(max-width:1000px){html body[data-page="botlab"] .ps-validation-list.is-validation-accordion{--validation-rail:80px;--validation-gap:16px}}
@media(max-width:760px){
 html body[data-page="botlab"] .ps-validation-list.is-validation-accordion{flex-direction:column}
 .paas-validation-panel,.paas-validation-panel.is-active{flex:none;display:grid;grid-template-rows:0fr;min-height:80px;transition:grid-template-rows .55s cubic-bezier(.22,1,.36,1)}
 .paas-validation-panel.is-active{grid-template-rows:1fr}
 html body[data-page="botlab"] #product-examples .paas-validation-panel .ps-validation-case{width:100%;height:auto;min-height:0;overflow:hidden}
 .paas-validation-panel:not(.is-active) .ps-validation-case{padding-block:0;border-block:0}
}
@media(prefers-reduced-motion:reduce){.paas-validation-panel,html body[data-page="botlab"] #product-examples .paas-validation-panel .ps-validation-case,.paas-validation-panel>.paas-validation-switch{transition:none}}
/* The first scenario retains its lavender identity when collapsed. */
.paas-validation-panel:first-child:not(.is-active),
.paas-validation-panel:first-child>.paas-validation-switch{background:#d5ddfb}
.validation-switch-sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-inline-size:calc(100% - 116px)}

/* Keep the card surface stable; animate only copy and the expanding boundary. */
html body[data-page="botlab"] #product-examples .paas-validation-panel .ps-validation-case,
html body[data-page="botlab"] #product-examples .paas-validation-panel.is-active .ps-validation-case{opacity:1;visibility:visible;transition:none}
html body[data-page="botlab"] #product-examples .paas-validation-panel .ps-validation-case>*{opacity:0;visibility:hidden;transition:opacity 180ms ease,visibility 0s 180ms}
html body[data-page="botlab"] #product-examples .paas-validation-panel.is-active .ps-validation-case>*{opacity:1;visibility:visible;transition:opacity 260ms ease 160ms,visibility 0s}
.paas-validation-panel>.paas-validation-switch{transition:opacity 220ms ease}
@media(prefers-reduced-motion:reduce){html body[data-page="botlab"] #product-examples .paas-validation-panel .ps-validation-case>*{transition:none}}
/* Recovery scenario: reduce artwork opacity without fading its text. */
html body[data-page="botlab"] #paas-validation-case-1 .ps-validation-facts>div{position:relative;isolation:isolate;background-image:none}
html body[data-page="botlab"] #paas-validation-case-1 .ps-validation-facts>div::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:url('../img/cases/one.png') center/cover no-repeat;opacity:.4;pointer-events:none}
html body[data-page="botlab"] #paas-validation-case-1 .ps-validation-facts>div:nth-child(2)::before{background-image:url('../img/cases/two.png')}
html body[data-page="botlab"] #paas-validation-case-1 .ps-validation-facts>div:nth-child(3)::before{background-image:url('../img/cases/three.png')}
/* Figma 710:2360: lavender, blue and cyan artwork with individual opacity. */
html body[data-page="botlab"] #paas-validation-case-0 .ps-validation-facts>div{position:relative;isolation:isolate;background-image:none;border-radius:16px}
html body[data-page="botlab"] #paas-validation-case-0 .ps-validation-facts>div::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:url('../img/aicc-channels/one.png') center/cover no-repeat;opacity:.4;pointer-events:none}
html body[data-page="botlab"] #paas-validation-case-0 .ps-validation-facts>div:nth-child(2)::before{background-image:url('../img/aicc-channels/two.png');opacity:.5}
html body[data-page="botlab"] #paas-validation-case-0 .ps-validation-facts>div:nth-child(3)::before{background-image:url('../img/aicc-channels/three.png');opacity:.5}
/* Updated Figma 694:1681: compact 96px facts and a 570:506 content split. */
html body[data-page="botlab"] #product-examples{padding-bottom:167px}
html body[data-page="botlab"] #product-examples .ps-eyebrow{margin-bottom:12px}
html body[data-page="botlab"] #product-examples .ps-heading{margin-bottom:50px}
html body[data-page="botlab"] #product-examples .ps-validation-case{grid-template-columns:minmax(0,570fr) minmax(0,506fr);column-gap:16px}
html body[data-page="botlab"] #product-examples .ps-validation-facts{gap:12px}
html body[data-page="botlab"] #product-examples .ps-validation-facts>div{position:relative;min-height:96px;padding:24px 20px 24px 76px;border-radius:16px}
html body[data-page="botlab"] #product-examples .ps-validation-facts>div::after{content:"";position:absolute;left:20px;top:50%;transform:translateY(-50%);width:44px;height:44px;box-sizing:border-box;border:1px solid #ffffff80;border-radius:10px;background:url('../img/moments/icon-1.svg') center/24px 24px no-repeat;pointer-events:none}
html body[data-page="botlab"] #product-examples .ps-validation-facts dt{margin-bottom:4px;line-height:20px}
html body[data-page="botlab"] #product-examples .ps-validation-facts dd{line-height:24px}
html body[data-page="botlab"] #product-examples .ps-validation-notes{min-height:312px;gap:28px;padding:24px}
@media(max-width:1100px){html body[data-page="botlab"] #product-examples .ps-validation-facts dd{font-size:18px}}
@media(max-width:760px){
 html body[data-page="botlab"] #product-examples{padding-bottom:64px}
 html body[data-page="botlab"] #product-examples .ps-heading{margin-bottom:32px}
 html body[data-page="botlab"] #product-examples .ps-validation-case{grid-template-columns:minmax(0,1fr)}
 html body[data-page="botlab"] #product-examples .ps-validation-facts>div{padding:20px 16px 20px 72px}
 html body[data-page="botlab"] #product-examples .ps-validation-facts>div::after{left:16px}
 html body[data-page="botlab"] #product-examples .ps-validation-notes{min-height:0;padding:20px}
}
/* Figma 694:1318: centered 1753/1920 map over the neutral section surface. */
html body[data-page="botlab"] #product-examples:before{inset:0 auto 0 50%;width:91.302083%;transform:translateX(-50%);background:url('../img/conversation/bg.png') center bottom/100% 100% no-repeat;opacity:.1;filter:grayscale(1);mix-blend-mode:luminosity;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 93%,transparent)}

/* Recovery facts: icons describe each condition, fallback and owner. */
html body[data-page="botlab"] #product-examples #paas-validation-case-1 .ps-validation-facts>div:nth-child(1)::after{background-image:url('../img/paas-validation/service-unavailable.svg')}
html body[data-page="botlab"] #product-examples #paas-validation-case-1 .ps-validation-facts>div:nth-child(2)::after{background-image:url('../img/paas-validation/safe-fallback.svg')}
html body[data-page="botlab"] #product-examples #paas-validation-case-1 .ps-validation-facts>div:nth-child(3)::after{background-image:url('../img/paas-validation/followup-owners.svg')}

/* Lifecycle facts: callback request, end-to-end flow and acceptance record. */
html body[data-page="botlab"] #product-examples #paas-validation-case-0 .ps-validation-facts>div:nth-child(1)::after{background-image:url('../img/paas-validation/callback-request.svg')}
html body[data-page="botlab"] #product-examples #paas-validation-case-0 .ps-validation-facts>div:nth-child(2)::after{background-image:url('../img/paas-validation/call-flow.svg')}
html body[data-page="botlab"] #product-examples #paas-validation-case-0 .ps-validation-facts>div:nth-child(3)::after{background-image:url('../img/paas-validation/acceptance-evidence.svg')}
/* Only the expanded scenario determines the desktop accordion height. */
@media(min-width:761px){
 html body[data-page="botlab"] #product-examples .paas-validation-panel:not(.is-active) .ps-validation-case{position:absolute;top:0;left:0}
}