body:is([data-page="ai-voice-agent"],[data-page="ai-chat-agent"],[data-page="aicc"]) #product-examples{background:#f5f5f5;padding:96px 0 150px;color:#000000d9}
body:is([data-page="ai-voice-agent"],[data-page="ai-chat-agent"],[data-page="aicc"]) #product-examples>.container{width:calc(100% - 64px);max-width:1300px;padding:0;margin:auto}
#product-examples .ps-heading{display:block;text-align:center;margin:0 auto 48px;max-width:1000px}
#product-examples .ps-eyebrow{display:inline-flex;align-items:center;gap:8px;background:white;border:4px solid #f9fafc;outline:1px solid #e6e7e9;border-radius:33px;padding:2px 10px;margin:0 0 16px;color:#495057;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0}
#product-examples .ps-eyebrow:before{content:"";width:18px;height:18px;background:url('../../img/global-presence/badge.svg') center/contain no-repeat}
#product-examples .ps-heading h2{font-size:48px;line-height:1.2;letter-spacing:-2.4px;font-weight:400;margin:0 0 16px;color:#000000d9}
#product-examples .ps-intro{font-size:14px;line-height:25.2px;max-width:740px;margin:auto;color:#000000a6}
#product-examples .voice-examples{position:relative;display:block;background:white;border-radius:16px;padding:20px}
#product-examples .ps-example{border:0;border-radius:0;background:transparent;margin:0;overflow:visible}
#product-examples .ps-example[hidden]{display:none}
#product-examples .ps-example-body{display:grid;grid-template-columns:42.06% minmax(0,1fr);gap:40px;border:0;padding:0;min-height:500px}
#product-examples .voice-example-tabs{position:absolute;left:calc(42.06% + 43px);top:40px;right:40px;z-index:3;display:flex;align-items:center;width:max-content;max-width:calc(57.94% - 83px);padding:3px 4px;gap:2px;background:#ececee;border-radius:100px}
#product-examples .voice-example-tabs button{font:inherit;font-size:14px;line-height:1.5;letter-spacing:-.28px;border:0;padding:6px 12px;color:#1c1c1cbf;background:transparent;border-radius:100px;cursor:pointer;transition:background .25s,box-shadow .25s;min-width:0}
#product-examples .voice-example-tabs button[aria-selected="true"]{background:white;color:#181825;font-weight:600;box-shadow:0 3px 3px #0000000d,0 1px 1px #00000026}
#product-examples .voice-example-tabs button:focus-visible{outline:2px solid #1677ff;outline-offset:2px}
#product-examples .ps-exchange{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;background:#ebebed;border-radius:16px;padding:40px;overflow:hidden;border:0}
#product-examples .ps-exchange:before{content:"";position:absolute;inset:0;z-index:-1;background:url('../../img/global-presence/texture.png') left top/14px 14px;opacity:.3;mix-blend-mode:plus-lighter}
#product-examples .voice-dialogue-paper{width:100%;background:white;transform:rotate(-3.34deg);padding:24px;border-radius:14px;box-shadow:0 1px 1px #3b3b3b0a,0 6px 4px #3b3b3b05,0 32px 24px -12px #3b3b3b0f,0 0 0 1px #3b3b3b0a}
#product-examples .ps-sample{font-size:13px;color:#949494;margin:0 0 8px;font-weight:400;text-transform:none;letter-spacing:0}
#product-examples .ps-context{font-size:13px;line-height:1.5;color:#949494;margin:0 0 20px}
#product-examples .ps-dialogue{display:flex;flex-direction:column;gap:12px;margin:0;padding:0;list-style:none}
#product-examples .ps-turn{max-width:92%;padding:10px 12px;border:0;border-radius:10px;background:#f6f6f8;color:#000000d9;box-shadow:none}
#product-examples .ps-turn-ai{align-self:flex-start;background:#f0f2f6}
#product-examples .ps-turn-customer{align-self:flex-end}
#product-examples .ps-role{font-size:10px;color:#949494}
#product-examples .ps-turn p{font-size:14px;line-height:1.5;margin:4px 0 0;color:#000000d9}
#product-examples .ps-analysis{display:flex;flex-direction:column;justify-content:center;gap:28px;padding:94px 20px 20px 0;background:transparent;border:0}
#product-examples .ps-analysis>.ps-icon,#product-examples .ps-analysis>div>.ps-icon{display:none}
#product-examples .ps-analysis h3{font-size:20px;line-height:1.4;font-weight:400;color:#000;margin:0 0 8px}
#product-examples .ps-analysis>div>p{font-size:14px;line-height:22px;color:#000000a6;margin:0}
#product-examples .ps-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0 0;border-top:0}
#product-examples .ps-facts>div{position:relative;isolation:isolate;display:flex;flex-direction:column-reverse;justify-content:center;gap:2px;min-height:84px;padding:16px 16px 16px 74px;border:0;border-radius:16px;background:#f3f5f8;overflow:hidden}
#product-examples .ps-facts>div:before{content:"";position:absolute;inset:0;z-index:-1;background:url('../img/aicc-channels/one.png') center/cover;opacity:.4}
#product-examples .ps-facts>div:nth-child(2):before{background-image:url('../img/aicc-channels/two.png');opacity:.5}
#product-examples .ps-facts>div:nth-child(3){grid-column:1/-1}
#product-examples .ps-facts>div:nth-child(3):before{background-image:url('../img/aicc-channels/three.png');opacity:.5}
#product-examples .ps-facts>div:after{content:"";position:absolute;left:16px;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:10px;background:#ffffff80 url('../img/moments/icon-2.svg') center/24px 24px no-repeat}
#product-examples .ps-facts dt{font-size:16px;line-height:1.4;color:#667185}
#product-examples .ps-facts dd{font-size:20px;line-height:1.3;font-weight:500;color:#000;margin:0}
#product-examples .ps-output{border:0;border-radius:16px;background:#f3f5f8;padding:16px}
#product-examples .ps-output h3{font-size:16px;line-height:1.4;margin:0 0 2px;text-transform:none;letter-spacing:0;color:#000000d9}
#product-examples .ps-analysis .ps-output p{font-size:14px;line-height:22px;color:#00000073;font-weight:400}
@media(max-width:1100px){#product-examples .ps-example-body{gap:24px;grid-template-columns:40% minmax(0,1fr)}#product-examples .voice-example-tabs{left:calc(40% + 28px);max-width:calc(60% - 68px)}#product-examples .ps-exchange{padding:26px}#product-examples .ps-facts dd{font-size:17px}#product-examples .ps-facts dt{font-size:13px}}
@media(max-width:760px){body:is([data-page="ai-voice-agent"],[data-page="ai-chat-agent"],[data-page="aicc"]) #product-examples{padding:64px 0}body:is([data-page="ai-voice-agent"],[data-page="ai-chat-agent"],[data-page="aicc"]) #product-examples>.container{width:calc(100% - 32px)}#product-examples .ps-heading h2{font-size:32px;letter-spacing:-1px}#product-examples .voice-examples{padding:16px}#product-examples .voice-example-tabs{position:relative;inset:auto;max-width:100%;width:auto;margin:0 0 20px;border-radius:18px}#product-examples .voice-example-tabs button{flex:1;font-size:12px}#product-examples .ps-example-body{grid-template-columns:1fr;gap:24px}#product-examples .ps-exchange{min-height:380px}#product-examples .ps-analysis{padding:0;gap:20px}#product-examples .ps-facts{grid-template-columns:1fr}#product-examples .ps-facts>div:nth-child(3){grid-column:auto}}
@media(prefers-reduced-motion:reduce){#product-examples .voice-example-tabs button{transition:none}}

/* Match the homepage industry switcher across localized Voice pages. */
html body:is([data-page="ai-voice-agent"],[data-page="ai-chat-agent"],[data-page="aicc"]) #product-examples .voice-example-tabs{width:max-content;max-width:calc(57.94% - 83px);box-sizing:border-box;border:0;overflow-x:auto;scrollbar-width:none}
html body:is([data-page="ai-voice-agent"],[data-page="ai-chat-agent"],[data-page="aicc"]) #product-examples .voice-example-tabs button{flex:0 0 auto;padding-inline:32px;min-height:34px;font:400 14px/21px Arial,'PingFang SC',sans-serif;letter-spacing:-.28px;white-space:nowrap;transition:background .2s,color .2s}
html body:is([data-page="ai-voice-agent"],[data-page="ai-chat-agent"],[data-page="aicc"]) #product-examples .voice-example-tabs button:is(:hover,:focus-visible){background:var(--brand-gradient);color:#fff;border-color:transparent;box-shadow:none}
html body:is([data-page="ai-voice-agent"],[data-page="ai-chat-agent"],[data-page="aicc"]) #product-examples .voice-example-tabs button[aria-selected="true"]{background:#16171c;color:#fff;border-color:transparent;box-shadow:none;font-weight:600}
html body:is([data-page="ai-voice-agent"],[data-page="ai-chat-agent"],[data-page="aicc"]) #product-examples .voice-example-tabs button:focus-visible{outline:2px solid #1177ff;outline-offset:-2px}
@media(prefers-reduced-motion:reduce){html body:is([data-page="ai-voice-agent"],[data-page="ai-chat-agent"],[data-page="aicc"]) #product-examples .voice-example-tabs button{transition:none}}

/* Keep localized tabs intrinsic, with scrolling when the available column is narrow. */
@media(max-width:1100px){html body:is([data-page="ai-voice-agent"],[data-page="ai-chat-agent"],[data-page="aicc"]) #product-examples .voice-example-tabs{max-width:calc(60% - 68px)}}
@media(max-width:760px){html body:is([data-page="ai-voice-agent"],[data-page="ai-chat-agent"],[data-page="aicc"]) #product-examples .voice-example-tabs{max-width:100%}}

/* Figma 724:5003 — dotted backdrop over the existing section color. */
html body[data-page="ai-voice-agent"] #product-examples{background-image:url('../img/voice-examples/background-724-5003.svg');background-position:center;background-size:cover;background-repeat:no-repeat}

/* Voice example controls reuse the navigation's animated waveform. */
body[data-page="ai-voice-agent"] #product-examples .voice-example-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:8px}
body[data-page="ai-voice-agent"] #product-examples .example-tab-wave{width:18px;height:18px;flex:none;transform:rotate(-90deg);filter:brightness(.35)}
body[data-page="ai-voice-agent"] #product-examples .voice-example-tabs button[aria-selected="true"] .example-tab-wave{filter:none}
body[data-page="ai-voice-agent"] #product-examples{position:relative;isolation:isolate;overflow:hidden}
body[data-page="ai-voice-agent"] #product-examples>.container{position:relative;z-index:1}

body[data-page="ai-voice-agent"] #product-examples .voice-examples{isolation:isolate;overflow:visible}
.example-card-wave{position:absolute;left:10px;right:10px;top:-24px;height:50px;clip-path:inset(0 0 26px 0);display:flex;align-items:center;gap:6px;z-index:-1;pointer-events:none;opacity:1}
.example-card-wave img{display:block;min-width:0;height:50px;object-fit:fill;animation:example-card-pulse 1.4s ease-in-out infinite alternate;flex:441.225}
.example-card-wave img:first-child{flex:131.723;animation-delay:-.6s}
.example-card-wave img:nth-child(2){animation-delay:-.9s}
.example-card-wave img:nth-child(3){animation-delay:-.3s}
.example-card-wave img:last-child{flex:266.886;animation-delay:-1.1s}
@keyframes example-card-pulse{from{transform:scaleY(.4);opacity:.55}to{transform:scaleY(1);opacity:1}}
@media(prefers-reduced-motion:reduce){.example-card-wave img{animation:none}}

/* Keep chat example tabs neutral through hover, selection and keyboard focus. */
html body[data-page="ai-chat-agent"] #product-examples .voice-example-tabs button:is(:hover,:focus-visible){background:#dedee2;color:#16171c}
html body[data-page="ai-chat-agent"] #product-examples .voice-example-tabs button[aria-selected="true"]:is(:hover,:focus-visible){background:#16171c;color:#fff}
html body[data-page="ai-chat-agent"] #product-examples .voice-example-tabs button:focus-visible{outline:2px solid #73737d;outline-offset:2px}