@font-face{font-family:Golos;src:url('assets/GolosText-Regular.ttf');font-weight:400;font-display:swap}@font-face{font-family:Golos;src:url('assets/GolosText-SemiBold.ttf');font-weight:600;font-display:swap}
:root{--surface:#fffaf5;--ink:#1f1a17;--secondary:#4a423d;--coral:#ff4f1f}*{box-sizing:border-box}body{margin:0;background:var(--surface);color:var(--ink);font-family:Golos,-apple-system,sans-serif}body:before{content:'';position:fixed;inset:0;background:url('assets/background.svg') center/cover;opacity:.28;pointer-events:none;z-index:-1}header{height:88px;display:flex;align-items:center;padding:0 5vw}header img{display:block;width:137px;height:40px;object-fit:contain}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:0;background:none;color:inherit;touch-action:manipulation}button:focus-visible,a:focus-visible{outline:2px solid var(--coral);outline-offset:4px}main{min-height:calc(100svh - 168px);display:grid;align-items:center}.slide{max-width:1280px;width:90%;margin:auto;display:grid;grid-template-columns:1.2fr 1fr;gap:7vw;align-items:center;animation:none}.media{position:relative;aspect-ratio:2200/2090;width:100%;max-height:calc(100svh - 208px);overflow:hidden;border-radius:24px}.media img,.media video{width:100%;height:100%;object-fit:contain;display:block}.media video{position:absolute;inset:0;pointer-events:none;opacity:1;transition:opacity .3s}.media video.done{opacity:0;visibility:hidden}.copy h1,.copy h2{font-weight:600;font-size:clamp(36px,4.6vw,66px);letter-spacing:-.05em;line-height:1.09;margin:0 0 24px}.copy p{font-size:clamp(18px,1.55vw,23px);line-height:1.55;color:var(--secondary);max-width:460px;margin:0}.copy .detail{font-size:16px;line-height:1.7;margin-top:28px;color:#7a6f68}.cover .copy{grid-column:1;grid-row:1}.cover .media{grid-column:2;grid-row:1}.cover{grid-template-columns:1fr 1.05fr}.cover h1 span{color:var(--coral)}.cover .media{aspect-ratio:1}.contact{display:grid;gap:16px;margin-top:32px;font-size:18px}.contact a:first-child{color:#c83b15}.full{display:block;max-width:1100px}.full h2{font-size:clamp(34px,4vw,58px);font-weight:600;letter-spacing:-.045em;margin:0 0 40px}.agents{display:grid;grid-template-columns:1fr 1fr;gap:42px 64px}.agent{display:flex;align-items:center;gap:24px}.agent img{width:72px;height:72px;object-fit:contain;border-radius:16px}.agent h3{font-size:23px;font-weight:600;margin:0 0 10px}.agent p{font-size:16px;line-height:1.6;color:var(--secondary);margin:0;max-width:340px}nav{height:80px;display:flex;align-items:center;justify-content:center;gap:16px}nav>button{font-size:30px;width:44px;height:44px;color:#7a6f68}nav>button:disabled{opacity:.2;cursor:default}#progress{display:flex;align-items:center}#progress button{width:28px;height:44px;padding:0;display:grid;place-items:center}#progress button:after{content:'';width:5px;height:5px;background:#b9a99e;border-radius:50%;transition:background .2s,transform .2s}#progress button.active:after{background:var(--coral);transform:scale(1.4)}@media(max-width:760px){header{height:70px;padding:0 7vw}header img{width:118px}.slide,.cover{width:86%;grid-template-columns:1fr;gap:30px;padding:24px 0}.copy,.cover .copy{grid-column:1;grid-row:1}.media,.cover .media{grid-column:1;grid-row:2;max-height:none;max-width:480px;margin:auto}.copy h1,.copy h2{font-size:42px;margin-bottom:18px}.copy p{font-size:18px}.copy .detail{font-size:15px;margin-top:18px}.agents{grid-template-columns:1fr;gap:28px}.full h2{margin-bottom:30px}.agent{gap:20px}.agent img{width:58px;height:58px}.agent h3{font-size:20px}.agent p{font-size:15px}main{min-height:calc(100svh - 142px)}nav{height:72px;position:sticky;bottom:0;background:#fffaf5ed;backdrop-filter:blur(12px)}}@media(prefers-reduced-motion:reduce){.slide{animation:none}.media video{transition:none}}

/* Constrain grid tracks to the visible canvas, including narrow embedded browsers. */
html,body{width:100%;min-width:0;margin:0}main{width:100%;min-width:0}.slide{width:min(90%,1280px);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.slide>*{min-width:0}.cover{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}.media img{position:absolute;inset:0}.media video{opacity:0;visibility:visible}.media video.playing{opacity:1}.retry{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);z-index:2;min-height:44px;padding:10px 18px;border-radius:22px;background:#fffaf5ed;font-size:14px;box-shadow:0 2px 12px #1f1a1710}.retry[hidden]{display:none}.copy{overflow-wrap:break-word}.agent>div{min-width:0}
@media(max-width:900px){.slide,.cover{width:86%;grid-template-columns:minmax(0,1fr);gap:28px;padding:20px 0}.copy,.cover .copy{grid-column:1;grid-row:1}.media,.cover .media{grid-column:1;grid-row:2;max-height:none;max-width:480px;margin:auto}.copy h1,.copy h2{font-size:clamp(32px,7vw,48px)}main{align-items:start}.slide{margin:0 auto}.cover .media{aspect-ratio:2200/2090}}

.media video{background:var(--surface)}

/* Original landing-page media geometry and end-of-video crossfade. */
.media{aspect-ratio:auto;max-height:none;border-radius:28px;box-shadow:0 40px 80px -40px rgba(31,26,23,.35)}
.media img{position:static;width:100%;height:auto;object-fit:contain;user-select:none;pointer-events:none}
.media video{object-fit:cover;border-radius:inherit;transition:opacity 600ms ease;background:transparent}
.hero-stage{position:relative;width:min(100%,400px);margin:auto;grid-column:2;grid-row:1}
.original-avatar{position:relative;width:100%;isolation:isolate}.original-lottie{position:relative;z-index:1;width:90%;margin:0 auto;aspect-ratio:871/1444}.original-lottie svg{width:100%;height:100%;display:block}.hero-stage>img{width:100%}
@media(max-width:900px){.hero-stage{grid-column:1;grid-row:2;width:min(72vw,340px)}.media,.cover .media{aspect-ratio:auto;border-radius:20px;box-shadow:none}.cover{gap:0}}
@media(prefers-reduced-motion:reduce){.media video{transition:none}}
.cover{display:flex;flex-direction:column;gap:8px;text-align:center;padding:0 20px 24px;max-width:680px;overflow:clip}.cover .hero-stage{width:min(66vw,280px);flex:none}.cover .copy p{margin:auto}.cover .copy h1{font-size:clamp(32px,3.2vw,44px);margin-bottom:14px}.cover .copy h1 br{display:none}.cover .copy h1 span:before{content:' '}.cover .copy p{font-size:18px}.cover .copy{position:relative;z-index:4}

/* Shared geometry for all four agent videos: content never moves the frame. */
header{height:72px}nav{height:64px}main{min-height:calc(100svh - 136px)}
.video-slide{width:94%;max-width:1600px;height:calc(100svh - 136px);min-height:0;padding:0;grid-template-columns:min(56%,calc((100svh - 168px)*1980/2090)) minmax(0,1fr);gap:4%;align-items:center;margin:0 auto;animation:none}
.video-slide .media{grid-column:1;grid-row:1;width:100%;max-width:none;margin:0;aspect-ratio:2200/2090;height:auto;max-height:none}
.video-slide .media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.video-slide .copy{grid-column:2;grid-row:1;animation:none}
.video-slide .copy h2{font-size:clamp(32px,3.8vw,58px);margin-bottom:20px}
.video-slide .copy p{font-size:clamp(17px,1.5vw,22px);max-width:370px;line-height:1.55}

@media(max-width:760px){header{height:64px}main{min-height:calc(100svh - 128px)}.video-slide{width:92%;height:auto;min-height:calc(100svh - 128px);padding:12px 0 28px;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(140px,auto);gap:24px;align-content:start;align-items:start}.video-slide .media{grid-column:1;grid-row:1}.video-slide .copy{grid-column:1;grid-row:2;padding:0 8px}.video-slide .copy h2{font-size:34px;margin-bottom:12px}.video-slide .copy p{font-size:18px;max-width:100%}}
@media(prefers-reduced-motion:reduce){.video-slide .copy{animation:none}}

/* Change chapters in place. Only the end-of-video dissolve remains. */
#stage{overflow-anchor:none}.slide,.copy,.media{animation:none;transform:none}.media video.playing{transition:none}

@media(max-width:760px){.video-slide .media{width:92%;justify-self:center}}

/* Gentle slide changes, with no translation or resizing of the media frame. */
.media video.playing{transition:opacity 320ms cubic-bezier(.22,1,.36,1)}
.slide:not(.video-slide){animation:chapter-fade 320ms cubic-bezier(.22,1,.36,1)}
@keyframes chapter-fade{from{opacity:.3}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.media video.playing{transition:none}.slide:not(.video-slide){animation:none}}

/* Typography and title accent copied from the main website. */
@font-face{font-family:Montserrat;src:url('assets/Montserrat-ExtraBold.ttf') format('truetype');font-weight:800;font-display:swap}
.copy h1,.copy h2,.video-slide .copy h2,.full h2,.agent h3{font-family:Montserrat,system-ui,-apple-system,sans-serif;font-weight:800;letter-spacing:-.02em;line-height:1.08;color:#1f1a17}
.video-slide .copy h2{font-size:48px;margin-bottom:24px}.brand-ai,.cover h1 .brand-ai{color:#ff5020}
.cover .copy h1 span:before{content:none}.cover{max-width:800px}.cover .hero-stage{width:min(76vw,360px)}
body:before{opacity:.42}
@media(max-width:768px){.video-slide .copy h2{font-size:32px}.cover .copy h1{font-size:32px}.cover{width:100%;padding-left:20px;padding-right:20px}}

/* Original landing page background: full-strength hero, alternating section surfaces. */
body{isolation:isolate;--slide-surface:#fffaf5;background:var(--slide-surface)}
body:before{background-image:url('assets/background.svg');background-size:cover;background-position:var(--bg-position,center);background-repeat:no-repeat;opacity:.55}
body[data-background="hero"]:before{opacity:1}
body[data-background="warm"]{--slide-surface:#fff3e8}
body[data-background="warm"]:before{opacity:.42}
@media(max-width:768px){body:not([data-background="hero"]):before{opacity:.45}nav{background:var(--slide-surface)}}

/* Keep the presentation shell stationary, even when the cover is taller. */
html,body{height:100%;overflow:hidden}
body{height:100svh;display:grid;grid-template-rows:72px minmax(0,1fr) 64px}
header{height:100%}#stage{height:100%;min-height:0;overflow:auto;overscroll-behavior:contain;scroll-behavior:auto;align-items:start;scrollbar-width:none}#stage::-webkit-scrollbar{display:none}
nav{position:relative;bottom:auto;height:64px}
.video-slide{height:100%;min-height:0}
.cover{margin:0 auto;max-width:960px}.cover .hero-stage{width:min(82vw,440px)}
@media(max-width:760px){body{grid-template-rows:64px minmax(0,1fr) 64px}.video-slide{height:auto;min-height:100%}}

/* Center the MongolGPT wordmark across the page. */
header{justify-content:center}
body{grid-template-columns:minmax(0,1fr)}header,nav{min-width:0;width:100%}
@media(max-width:380px){nav{gap:8px}#progress button{width:24px}}
/* Larger centered brand wordmark. */
header img{width:190px;height:56px}
@media(max-width:760px){header img{width:164px;height:48px}}

/* Center the visible robot, accounting for the artwork's empty space above it. */
.cover{--avatar-width:min(82vw,440px);--avatar-height:calc(var(--avatar-width)*.9*1444/871);--cover-header:72px;padding-top:max(0px,calc(50svh - var(--cover-header) - var(--avatar-height)*.62))}
.cover .hero-stage{width:var(--avatar-width);min-height:var(--avatar-height);margin:0 auto}
@media(max-width:760px){.cover{--cover-header:64px}}

/* Reuse the cover's orbit artwork beside every chapter title. */
.agent-title{display:flex;align-items:center;gap:16px}
.title-orb{position:relative;display:block;flex:0 0 64px;width:64px;height:64px;overflow:visible}
.title-orb img{position:absolute;left:50%;top:50%;width:150%;height:150%;max-width:none;transform:translate(-50%,-50%);object-fit:contain}
.title-orb img[src$="orb1-cart.png"]{width:121%;height:121%}
.title-orb img[src$="orb4-brain.png"]{width:100%;height:100%}
@media(max-width:768px){.agent-title{gap:12px}.title-orb{flex-basis:44px;width:44px;height:44px}}

.flying-orb{position:fixed;z-index:100;pointer-events:none;transform-origin:center;will-change:transform}

/* A fixed copy block anchors headings independently of description length. */
.video-slide .copy{height:260px;align-self:center}
.video-slide .agent-title{min-height:104px;align-items:flex-start;margin-bottom:24px}
.video-slide .agent-title>span:last-child{padding-top:6px}
@media(max-width:760px){.video-slide .copy{height:auto;align-self:start}.video-slide .agent-title{min-height:80px;margin-bottom:12px}.video-slide .agent-title>span:last-child{padding-top:4px}}

/* Wide copy with reserved feature rows: revealing a bullet never shifts the title. */
.video-slide .copy{height:440px}
.video-slide .copy p{max-width:none;width:100%}
.features{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:16px}
.features li{display:flex;align-items:center;gap:14px;min-height:32px;font-size:clamp(17px,1.5vw,22px);line-height:1.4;color:var(--secondary);visibility:hidden;opacity:0;transform:translateY(6px);transition:opacity 300ms ease,transform 300ms ease}
.features li.revealed{visibility:visible;opacity:1;transform:none}
.feature-icon{width:32px;height:32px;flex:0 0 32px;display:grid;place-items:center;color:#ff5020}
.feature-icon svg{width:25px;height:25px}
@media(max-width:760px){.video-slide .copy{height:auto;min-height:440px}.features{gap:14px;margin-top:20px}.features li{font-size:18px}}
@media(prefers-reduced-motion:reduce){.features li{transition:none;transform:none}}

/* Keep the lead close to the title, with one shared title-row height. */
.video-slide .copy .agent-title{min-height:64px;margin-bottom:16px;align-items:center}
.video-slide .agent-title>span:last-child{padding-top:0}
@media(max-width:760px){.video-slide .copy .agent-title{min-height:44px;margin-bottom:14px}}

/* Click-by-click social commerce examples, inside the existing media frame. */
.shop-demo{position:absolute;inset:0;z-index:5;background:#fff;color:#1c1e21;font-family:Golos,Arial,sans-serif;container-type:inline-size;font-size:clamp(11px,2.8cqw,17px);animation:chapter-fade .35s ease;overflow:hidden}
.shop-demo [hidden]{display:none!important}
.demo-chat{height:100%;display:flex;flex-direction:column}.messenger-head{display:flex;align-items:center;gap:10px;padding:16px;border-bottom:1px solid #e5e7eb;flex:none}.demo-avatar,.person-avatar{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;border-radius:50%;background:#ff5020;color:white;font-weight:600}.messenger-head strong,.post-author strong{display:block;font-size:1em}.shop-demo small{display:block;color:#65676b;font-size:.75em;margin-top:3px}.messenger-head i{display:inline-block;width:6px;height:6px;background:#31a24c;border-radius:50%}.messenger-tools{margin-left:auto;color:#0866ff;white-space:nowrap;font-size:1.2em}.message-feed{flex:1;min-height:0;overflow:auto;padding:16px;scrollbar-width:none}.chat-step{display:none}.chat-step.shown{display:flow-root;animation:message-in .4s ease}.message{width:fit-content;max-width:83%;padding:10px 14px;border-radius:18px;margin:0 0 10px;line-height:1.45}.customer{margin-left:auto;background:#0866ff;color:white;border-bottom-right-radius:5px}.seller{background:#f0f2f5;border-bottom-left-radius:5px}.paid{background:#e8f5ec;color:#187940}.product-message,.payment-message{width:80%;border:1px solid #e2e5e9;border-radius:14px;overflow:hidden;margin-bottom:12px;background:#fff}.product-photo{height:24cqw;background:#fff3e8;display:grid;place-items:center}.video-slide .media .product-photo img{position:static;width:28cqw;height:28cqw;object-fit:contain}.product-info{padding:12px;display:grid;gap:5px}.product-info span{font-size:.8em;color:#65676b}.mock-action{padding:10px;text-align:center;color:#0866ff;background:#f0f2f5;font-weight:600}.payment-message>span,.payment-message>strong{display:block;padding:8px 12px}.payment-message>strong{font-size:1.5em}.messenger-compose{display:flex;align-items:center;gap:12px;padding:12px;color:#0866ff;border-top:1px solid #f0f2f5;flex:none}.messenger-compose div{flex:1;border-radius:22px;background:#f0f2f5;color:#65676b;padding:9px 14px}.demo-post{height:100%;overflow:auto;background:#fff;animation:message-in .4s ease}.facebook-bar{padding:10px 16px;display:flex;justify-content:space-between;background:#f0f2f5;color:#0866ff}.facebook-bar b{font-family:Arial,sans-serif;font-size:1.4em;letter-spacing:-1px}.facebook-bar span,.website-bar span{color:#65676b;font-size:.75em;align-self:center}.post-author{padding:12px 16px;display:flex;gap:10px;align-items:center}.post-author>span:last-child{margin-left:auto}.shop-demo .post-caption{font-size:1em;max-width:none;margin:0;padding:0 16px 12px;line-height:1.4}.video-slide .media .post-photo{position:static;display:block;width:100%;height:25cqw;object-fit:cover;object-position:center 40%}.post-stats{padding:8px 16px;font-size:.8em;color:#65676b}.post-stats span{float:right}.post-actions{margin:0 16px;padding:8px 0;border-block:1px solid #ddd;text-align:center;font-size:.75em;color:#65676b}.comment-thread{padding:12px 16px}.comment-row{display:flex;gap:8px;align-items:flex-start;margin-bottom:10px}.comment-row>div{padding:8px 12px;background:#f0f2f5;border-radius:16px;flex:1}.comment-row strong{font-size:.85em}.comment-row p{margin:4px 0 0;font-size:.9em;line-height:1.4}.person-avatar{background:#dde7f5;color:#4267a9}.shop-reply{margin-left:28px;animation:message-in .6s .2s both}.shop-reply em{font-size:.7em;font-style:normal;color:#65676b}.demo-website{height:100%;overflow:auto;background:#fffaf5;animation:message-in .4s ease}.website-bar{padding:12px;background:#f0f2f5;display:flex;justify-content:space-between}.website-hero{text-align:center;padding:24px}.website-hero h3{font-family:Montserrat,sans-serif;font-size:2em;margin:12px 0}.video-slide .media .website-hero img{position:static;width:38cqw;height:38cqw;object-fit:contain;margin:auto}.website-hero strong{display:block}.website-hero p{margin:8px}.website-hero .mock-action{background:#ff5020;color:#fff;border-radius:12px;margin-top:16px}.features li.current-feature{color:#ff5020}
@keyframes message-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:760px){.messenger-head{padding:9px;gap:7px}.demo-avatar,.person-avatar{width:26px;height:26px;flex-basis:26px}.message-feed{padding:10px}.message{padding:7px 10px}.messenger-compose{padding:7px;gap:8px}.messenger-tools{font-size:1em}.post-author,.comment-thread{padding:9px}.shop-demo .post-caption{padding:0 9px 8px}}
@media(prefers-reduced-motion:reduce){.shop-demo,.chat-step.shown,.demo-post,.shop-reply,.demo-website{animation:none}}
/* Keep the post and its reply together in the presentation frame. */
.demo-post{font-size:.82em}
.demo-post .post-author{padding:9px 14px}
.video-slide .media .post-photo{height:18cqw}
.demo-post .comment-thread{padding:9px 14px}
.demo-post .comment-row{margin-bottom:6px}
.chat-step.shown>*{animation:message-in .35s ease both}
.chat-step.shown>:nth-child(2){animation-delay:180ms}
.chat-step.shown>:nth-child(3){animation-delay:360ms}
.chat-step.shown>:nth-child(4){animation-delay:540ms}
@media(prefers-reduced-motion:reduce){.chat-step.shown>*{animation:none}}

/* Subtle depth for the chapter icon and heading. */
.agent-title .title-orb img,.flying-orb img{filter:drop-shadow(0 5px 7px rgba(123,51,25,.16)) drop-shadow(0 1px 2px rgba(123,51,25,.08))}
.agent-title>span:last-child{text-shadow:0 2px 3px rgba(69,36,23,.09)}

/* Dressy: Messenger generic cards, quick replies, and a product photo post. */
.dressy-demo{font-family:Golos,Arial,sans-serif}
.dressy-avatar{background:#272326;position:relative;font-family:Georgia,serif;font-size:22px;font-style:italic;font-weight:400}
.dressy-avatar span{color:#e1b4ad;font-style:normal;font-size:18px;position:absolute;right:5px;bottom:1px}
.messenger-tools{display:flex;align-items:center;gap:15px}.messenger-tools svg{width:20px;height:20px}
.messenger-compose>svg{width:20px;height:20px;flex:none}.chat-date{text-align:center;font-size:.65em;color:#8a8d91;margin:0 0 16px}
.quick-replies{display:flex;gap:8px;justify-content:flex-end;margin:10px 0 14px}.quick-replies button{color:#0866ff;border:1px solid #0866ff;border-radius:20px;padding:8px 12px;font-size:.85em;background:white}
.product-carousel{display:flex;gap:10px;width:100%;align-items:flex-start;margin-bottom:10px}.product-carousel .product-message{flex:1;min-width:0;width:auto;margin:0;border-radius:12px}.dress-photo{height:24cqw;background-image:url('assets/dressy-collection.png');background-size:200% 100%;background-repeat:no-repeat;background-position:left center}.dress-photo.black{background-position:right center}
.dressy-demo .product-info{padding:10px;gap:4px}.dressy-demo .product-info strong{font-size:.85em;line-height:1.3;min-height:2.6em}.dressy-demo .product-info span{font-size:.7em}.dressy-demo .product-info b{font-size:.85em}
.template-button{display:block;width:100%;border-top:1px solid #e4e6eb;background:#fff;color:#0866ff;font-weight:600;font-size:.85em;padding:10px 6px;min-height:36px;text-align:center}.template-button:hover{background:#f0f2f5}.template-button:disabled{color:#238351;background:#eff9f2}.product-details{padding:8px;margin:0;font-size:.7em;line-height:1.5;color:#65676b}
.dressy-demo .payment-message{max-width:85%;width:330px}.order-detail{display:grid;gap:7px;padding:14px}.order-detail small{font-size:.65em}.order-name{font-size:.9em}.order-detail>span{font-size:.75em;color:#65676b}.order-price{font-size:1.5em}
.dressy-demo .demo-post{font-size:.82em}.dressy-demo .post-author{padding:12px 14px}.post-author small{display:flex;align-items:center;gap:4px}.post-author small svg{width:11px;height:11px}.post-menu{font-size:1.25em;color:#65676b}.dressy-demo .post-caption{padding:0 14px 10px;line-height:1.5}.post-caption>span{color:#65676b;font-size:.9em}
.video-slide .media .dress-post-photo{position:static;display:block;width:100%;height:25cqw;object-fit:contain;background:#f3eee8}
.dressy-demo .post-stats{padding:8px 14px;display:flex;align-items:center;gap:4px}.dressy-demo .post-stats>span:last-child{margin-left:auto;float:none}.post-stats .reaction-icons{float:none!important;font-size:1.1em;letter-spacing:-4px;padding-right:4px}.dressy-demo .post-actions{display:flex;justify-content:space-around;gap:6px;font-size:.85em;padding:8px 0}.post-actions>span{display:flex;align-items:center;gap:5px}.post-actions svg{width:16px;height:16px}
.dressy-demo .comment-thread{padding:10px 14px}.dressy-demo .comment-row>div{padding:7px 10px}.comment-meta{font-size:.65em;color:#65676b;margin:-3px 0 8px 44px;font-weight:600}.dressy-demo .shop-reply{margin-left:28px}.dressy-demo .comment-input{margin-left:36px;border-radius:20px;background:#f0f2f5;color:#8a8d91;padding:8px 12px;font-size:.75em}
.video-slide .media .website-hero .dress-website-photo{width:100%;height:auto;border-radius:12px;margin:10px 0 18px}.dressy-demo .website-hero .mock-action{background:#272326}
@media(max-width:760px){.dressy-demo{font-size:12px}.messenger-tools{gap:7px}.messenger-tools svg{width:15px;height:15px}.product-carousel{gap:6px}.dressy-demo .product-info{padding:7px}.template-button{min-height:30px;padding:7px 4px}.quick-replies button{padding:7px 9px}.dressy-demo .post-actions{font-size:.7em}.post-actions svg{width:12px;height:12px}}
/* Preserve garment proportions inside the compact Messenger cards. */
.dressy-demo .dress-photo{height:26cqw;background:#f3eee8;background-image:none;display:grid;place-items:center}
.dress-photo:before{content:'';display:block;width:26cqw;height:26cqw;background:url('assets/dressy-collection.png') left center/200% 100% no-repeat}
.dress-photo.black:before{background-position:right center}

/* Usion storefront layout, matching the Oveda shop reference. */
.shop-demo .usion-store{background:#fff;position:relative;padding:22px 18px 12px;font-family:Golos,Arial,sans-serif;font-size:13px;color:#202020}
.store-profile{display:grid;grid-template-columns:84px 1fr;gap:18px;align-items:center;margin:0 auto 22px;max-width:440px}.store-logo{width:84px;height:84px;display:flex;justify-content:center;align-items:center;border-radius:50%;background:#fafafa;box-shadow:inset 0 0 16px #0000000b;font:italic 21px Georgia,serif}.store-logo span{color:#c8958f}.store-profile h3{font-size:22px;margin:0 0 5px;font-weight:600;letter-spacing:-.02em}.store-profile small{font-size:10px;color:#777}.store-profile p.store-delivery{display:flex;align-items:center;gap:4px;font-size:10px;margin:5px 0;line-height:1.5;color:#444}.store-delivery svg{width:12px;height:12px;flex:none}.store-profile p.store-about{font-size:10px;line-height:1.6;color:#888;margin:5px 0 0}
.store-filters{display:flex;gap:7px;justify-content:center;margin-bottom:18px}.store-filters button{border:1px solid #e5e5e5;border-radius:22px;min-height:32px;padding:6px 12px;font-size:10px;white-space:nowrap;box-shadow:0 1px 2px #00000008}.store-filters button[data-store-action="search"]{font-size:19px;padding:2px 10px}.store-filters button.selected{background:#202020;color:#fff;border-color:#202020}.store-search{width:100%;border:1px solid #ddd;border-radius:16px;padding:9px 12px;margin-bottom:14px;font:inherit}.store-products{display:grid;grid-template-columns:1fr 1fr;gap:18px}.store-product{padding:0;text-align:center}.store-photo{height:29cqw;border-radius:7px;background:#f3eee8;box-shadow:0 5px 16px #00000010;display:grid;place-items:center;overflow:hidden}.store-photo:before{content:'';width:29cqw;height:29cqw;display:block;background:url('assets/dressy-collection.png') left center/200% 100% no-repeat}.store-photo.black:before{background-position:right center}.store-product strong{display:block;font-size:12px;font-weight:500;margin:10px 0 5px}.store-product>span{font-size:13px;color:#a48664}.store-foot{text-align:center;font-size:10px;color:#999;margin-top:22px}.store-empty{text-align:center;padding:30px;color:#777}
.store-overlay{position:absolute;inset:0;z-index:3;background:#0009;display:flex;align-items:center;justify-content:center;padding:16px}.store-dialog{position:relative;background:#fff;border-radius:7px;display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:16px;max-height:100%;overflow:auto;width:100%;box-shadow:0 12px 30px #0003}.store-close{position:absolute;right:8px;top:7px;border-radius:50%;width:25px;height:25px;border:1px solid #eee;background:white;z-index:2;font-size:18px;color:#555}.store-dialog>.store-photo{height:100%;min-height:45cqw;box-shadow:none}.store-dialog>.store-photo:before{width:39cqw;height:39cqw}.store-dialog h4{font-size:13px;margin:14px 0 8px;padding-right:10px}.store-dialog-copy>p{font-size:10px;color:#888;line-height:1.6;margin:0 0 15px}.store-sizes,.store-quantity{display:flex;align-items:center;gap:5px;margin:10px 0;font-size:10px}.store-sizes>span,.store-quantity>span{color:#888;letter-spacing:1px;margin-right:auto;font-size:8px}.store-sizes button{padding:5px;border:1px solid #eee;border-radius:50%;width:23px;height:23px;font-size:10px}.store-sizes button.selected{border-color:#222}.store-quantity button{padding:3px 5px}.store-quantity b{font-weight:400}.store-total{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eee;padding-top:12px;margin-top:14px;font-size:10px}.store-total b{color:#a48664;font-size:15px;font-weight:500}.store-buy-actions{display:flex;gap:7px;margin-top:12px}.store-buy-actions button,.store-example-order{border:1px solid #f3f3f3;box-shadow:0 4px 10px #00000009;border-radius:24px;min-height:32px;background:white;font-size:10px;flex:1;padding:6px}.store-cart-note{font-size:9px;color:#358457;margin-top:10px}.store-checkout{position:relative;width:85%;max-height:100%;overflow:auto;background:#fff;border-radius:8px;padding:18px}.store-checkout h4{text-align:center;margin:0 0 16px;font-size:14px}.store-order-line{display:flex;justify-content:space-between;gap:8px;padding-bottom:16px;border-bottom:1px solid #eee;font-size:11px}.store-order-line small{margin-top:5px}.store-order-line b{font-weight:400;color:#a48664;white-space:nowrap}.sample-field{border:1px solid #e5e5e5;padding:12px 10px;color:#999;font-size:10px;margin-top:10px;border-radius:3px}.sample-field span{float:right}.checkout-note{font-size:9px;line-height:1.5;color:#999;margin:12px 0}.store-example-order{width:100%;font-size:9px;letter-spacing:.5px}
@media(max-width:760px){.shop-demo .usion-store{padding:12px 10px}.store-profile{grid-template-columns:50px 1fr;gap:10px;margin-bottom:12px}.store-logo{width:50px;height:50px;font-size:15px}.store-profile h3{font-size:18px}.store-about{display:none}.store-filters{gap:4px;margin-bottom:10px}.store-filters button{padding:4px 6px;font-size:8px;min-height:25px}.store-products{gap:10px}.store-product strong{font-size:10px}.store-dialog{padding:10px;gap:8px}.store-dialog-copy>p{display:none}.store-sizes>span,.store-quantity>span{letter-spacing:0}.store-dialog h4{font-size:10px}.store-total b{font-size:12px}.store-checkout{width:95%;padding:12px}}

/* Ladygang examples share the actual booking site's service imagery and layout. */
.clinic-avatar{width:36px;height:36px;flex:0 0 36px;border-radius:50%;background:#fff;overflow:hidden;display:block;border:1px solid #eee}.video-slide .media .clinic-avatar img{position:static;width:100%;height:100%;object-fit:contain}.booking-demo .messenger-head strong{font-size:16px}.booking-demo .messenger-head small{font-size:10px}.appointment-options,.appointment-card{border:1px solid #e4e6eb;border-radius:14px;overflow:hidden;margin-bottom:12px;width:85%;background:white}.appointment-options>small{padding:12px;font-size:.65em;letter-spacing:.5px}.appointment-card>strong,.appointment-card>span,.appointment-card>small{display:block;padding:8px 12px}.appointment-card>strong{font-size:1em}.appointment-card>span{font-size:.85em}.appointment-card>small{font-size:.75em;color:#777}.cancel-result{font-size:.8em;padding:10px;color:#777;margin:0}.booking-demo .order-detail>strong{font-size:1.5em}.booking-demo .demo-post{font-size:.8em}.booking-demo .post-author{padding:12px}.booking-demo .post-caption{font-size:1em;padding:0 12px 10px}.video-slide .media .clinic-post-photo{position:static;width:100%;height:27cqw;object-fit:cover;object-position:center 35%}.booking-demo .post-actions{display:flex;justify-content:space-around;font-size:.8em}.booking-demo .comment-row p{font-size:.9em}.booking-demo .comment-thread{padding:10px 12px}.clinic-store-logo{width:84px;height:84px;border-radius:50%;overflow:hidden}.video-slide .media .clinic-store-logo img{position:static;width:100%;height:100%;object-fit:contain}.clinic-store .store-profile h3{font-size:18px}.clinic-service{padding:0;text-align:center}.video-slide .media .clinic-service img{position:static;width:100%;height:32cqw;object-fit:cover;border-radius:7px;box-shadow:0 5px 15px #0001}.clinic-service strong{display:block;font-size:12px;margin:10px 0;font-weight:500}.video-slide .media .clinic-dialog-photo{position:static;width:100%;height:100%;max-height:60cqw;object-fit:cover;border-radius:7px}.clinic-dialog .store-dialog-copy>small{font-size:9px;color:#777;margin:10px 0 4px}.clinic-dialog .sample-field{font-size:9px;padding:8px;margin:4px 0 10px}.clinic-times{display:flex;gap:8px}.clinic-times button{font-size:10px;padding:7px 10px;border:1px solid #ddd;border-radius:14px}.clinic-times button.selected{background:#222;color:white}.clinic-dialog .store-example-order{background:#222;color:white}.clinic-dialog .store-example-order:disabled{opacity:.45}.clinic-dialog .checkout-note{font-size:8px}.clinic-dialog .store-dialog-copy>p{font-size:10px;line-height:1.5}.booking-demo .store-profile{margin-bottom:18px}
@media(max-width:760px){.booking-demo{font-size:12px}.clinic-avatar{width:27px;height:27px;flex-basis:27px}.clinic-store-logo{width:50px;height:50px}.clinic-store .store-profile h3{font-size:14px}.booking-demo .messenger-head strong{font-size:13px}.booking-demo .messenger-head small{font-size:8px}.clinic-dialog{grid-template-columns:1fr}.video-slide .media .clinic-dialog-photo{height:20cqw;max-height:20cqw}.clinic-dialog .store-dialog-copy>p{display:block}.clinic-dialog h4{margin:0 0 6px}}

.clinic-store .store-filters{align-items:center;flex-wrap:wrap;gap:8px}
.clinic-store .store-filters button{font-size:11px;line-height:1.2;min-height:34px;padding:8px 14px;display:inline-flex;align-items:center;justify-content:center}
@media(max-width:760px){.clinic-store .store-filters{gap:5px}.clinic-store .store-filters button{font-size:10px;min-height:30px;padding:6px 10px}}

/* Compact Messenger templates remain readable in a wide presentation frame. */
.booking-demo .appointment-card,.booking-demo .appointment-options,.booking-demo .payment-message{width:300px;max-width:82%}
.booking-demo .message{max-width:min(82%,420px)}

/* Messenger button templates: one text body attached to separated action rows. */
.shop-demo .demo-chat{font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.35}
.shop-demo .message-feed{padding:16px 16px 16px 44px}
.shop-demo .message{font-size:15px;padding:9px 12px;line-height:1.35;max-width:min(82%,360px)}
.booking-demo .appointment-card,.booking-demo .payment-message,.dressy-demo .payment-message{width:280px;max-width:calc(100% - 30px);border:1px solid #e4e6eb;border-radius:16px;margin:0 0 10px;overflow:hidden;background:#fff}
.button-template-text,.shop-demo .order-detail{padding:11px 12px;background:#f0f0f0;font-size:15px;line-height:1.4;font-weight:400}
.shop-demo .order-detail{gap:2px}
.shop-demo .order-detail>*{font-size:15px;font-weight:400;color:#050505;margin:0}
.shop-demo .template-button{font:500 15px/1.3 Arial,Helvetica,sans-serif;min-height:42px;padding:11px 10px;border-top:1px solid #e5e5e5;background:#fff;color:#0866ff}
.shop-demo .template-button:hover{background:#f5f5f5}
.shop-demo .template-button:disabled{color:#65676b}
.shop-demo .chat-step>.seller,.shop-demo .chat-step>.payment-message,.shop-demo .chat-step>.appointment-card{position:relative}
.booking-demo .chat-step>.seller:before{content:'';position:absolute;bottom:0;left:-34px;width:26px;height:26px;border-radius:50%;background:#fff url('assets/ladygang-logo.webp') center/contain no-repeat;border:1px solid #eee}
.dressy-demo .chat-step>.seller:before{content:'D';position:absolute;bottom:0;left:-34px;width:26px;height:26px;border-radius:50%;background:#272326;color:#fff;text-align:center;font:italic 18px/26px Georgia,serif}
.shop-demo .cancel-result{padding:9px 12px;font-size:15px;color:#050505}
.dressy-demo .product-carousel{width:100%;overflow-x:auto;padding-bottom:5px;scroll-snap-type:x mandatory}
.dressy-demo .product-carousel .product-message{flex:0 0 240px;max-width:85%;scroll-snap-align:start}
.dressy-demo .product-carousel .dress-photo{height:180px}
.dressy-demo .product-carousel .dress-photo:before{width:180px;height:180px}
@media(max-width:760px){.shop-demo .demo-chat,.shop-demo .message,.button-template-text,.shop-demo .order-detail,.shop-demo .order-detail>*,.shop-demo .template-button{font-size:13px}.shop-demo .message-feed{padding:10px 10px 10px 38px}.shop-demo .template-button{min-height:38px}.dressy-demo .product-carousel .product-message{flex-basis:210px}}

/* Small fixed-size templates do not expand with the presentation frame. */
.booking-demo .appointment-card,.booking-demo .payment-message,.dressy-demo .payment-message{width:240px}
.button-template-text{background:#fff;padding:10px 12px}
.button-template-text>strong{display:block;font-size:14px;line-height:1.3;font-weight:600;margin-bottom:4px}
.button-template-text>span{display:block;font-size:13px;line-height:1.35;color:#65676b}
.shop-demo .template-button{font-size:13px;min-height:36px;padding:9px 8px}
.dressy-demo .product-carousel .product-message{flex:0 0 210px}
.dressy-demo .product-carousel .dress-photo{height:140px}
.dressy-demo .product-carousel .dress-photo:before{width:140px;height:140px}
.dressy-demo .product-info{gap:3px;padding:9px 10px}
.dressy-demo .product-info strong{min-height:0;font-size:13px}
.dressy-demo .product-info span{font-size:12px}
.dressy-demo .product-info b{font-size:13px}

/* Original website chat examples replace the media only on the final bullet. */
.chat-example{position:absolute;inset:0;z-index:6;display:flex;justify-content:center;background:#fff;overflow:hidden}
.chat-example[hidden]{display:none}
.video-slide .media .chat-example img{position:static;width:100%;height:100%;object-fit:contain;border-radius:0}

.features .channel-feature{padding-left:46px}
.channel-icons{display:flex;align-items:center;gap:24px;color:#ff5020}
.channel-icon{display:grid;place-items:center;width:32px;height:32px}
.channel-icon svg{width:29px;height:29px}

/* Slightly quieter feature copy, with a caption above supported channels. */
.features li{font-size:clamp(16px,1.35vw,20px)}
.features .channel-feature{flex-direction:column;align-items:flex-start;gap:10px}
.channel-label{color:var(--secondary);line-height:1.4}
@media(max-width:760px){.features li{font-size:16px}}

/* Keep the channel bullet, caption, and channel symbols on one row. */
.features .channel-feature{padding-left:0;flex-direction:row;align-items:center;gap:10px;flex-wrap:nowrap;font-size:clamp(16px,1.35vw,20px)}
.channel-feature .channel-label{white-space:nowrap}
.channel-feature .channel-icons{flex:none;gap:8px}
.channel-feature .channel-icon{width:22px;height:24px}
.channel-feature .channel-icon svg{width:22px;height:22px}
@media(max-width:760px){.features .channel-feature{font-size:16px;gap:6px}.channel-feature .feature-icon{width:22px;flex-basis:22px}.channel-feature .channel-icons{gap:5px}.channel-feature .channel-icon,.channel-feature .channel-icon svg{width:18px;height:18px}}

/* Hide the captured dark window edge on the Shilen chat example. */
.video-slide .media .chat-example img[src$="shilen-chat-example.png"]{width:auto;max-width:100%;height:100%;clip-path:inset(2px round 10px)}

/* A centered, self-contained voice visual; no audio capture is requested. */
.slide.voice-slide{display:grid;grid-template-columns:1fr;gap:0;max-width:none;place-items:center;width:100%;padding:20px;min-height:calc(100svh - 160px)}
.voice-scene{position:relative;width:min(72vw,70svh,620px);aspect-ratio:1;isolation:isolate}
.voice-core{position:absolute;inset:24%;border-radius:50%;display:grid;place-items:center}
.voice-glow{position:absolute;inset:-15%;border-radius:50%;background:radial-gradient(circle,#ff9d8633,transparent 70%);animation:voice-breathe 4s ease-in-out infinite}
.voice-clouds{position:absolute;inset:5%;border-radius:50%;background:radial-gradient(ellipse at 25% 30%,#ff764ba6,transparent 58%),radial-gradient(ellipse at 75% 65%,#59cbe6aa,transparent 58%),radial-gradient(ellipse at 70% 20%,#df8de5a6,transparent 60%);filter:blur(12px);animation:voice-cloud-turn 18s linear infinite;box-shadow:inset 0 0 30px #fff8}
.voice-particles{position:absolute;inset:0;width:100%;height:100%;animation:voice-breathe 4s ease-in-out infinite}
.voice-wave{display:flex;align-items:center;gap:7px;height:55px;z-index:1}
.voice-wave i{width:7px;height:10px;border-radius:8px;background:linear-gradient(#fff,#ff5020);box-shadow:0 0 12px #fff9;animation:voice-level 1.4s ease-in-out infinite;animation-delay:calc(var(--i)*-.17s)}
.voice-orbit-ring{position:absolute;inset:8%;border:1px solid #ff502016;border-radius:50%}
.voice-orb-path{position:absolute;inset:8%;border-radius:50%;animation:voice-cloud-turn 36s linear infinite;animation-delay:var(--phase);pointer-events:none}
.voice-orb-position{position:absolute;left:50%;top:0;transform:translate(-50%,-50%);width:clamp(56px,9vw,96px);height:clamp(56px,9vw,96px)}
.voice-agent{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 12px #a44f2520);animation:voice-counter-turn 36s linear infinite;animation-delay:var(--phase)}
@keyframes voice-cloud-turn{to{transform:rotate(360deg)}}
@keyframes voice-counter-turn{to{transform:rotate(-360deg)}}
@keyframes voice-breathe{50%{transform:scale(1.06);opacity:.8}}
@keyframes voice-level{0%,100%{transform:scaleY(.5)}50%{transform:scaleY(3.5)}}
@media(max-width:760px){.voice-scene{width:min(88vw,65svh)}.voice-wave{gap:4px}.voice-wave i{width:5px}.slide.voice-slide{min-height:calc(100svh - 150px)}}
@media(prefers-reduced-motion:reduce){.voice-scene *{animation:none!important}.voice-orb-path{transform:rotate(var(--angle))}.voice-agent{transform:rotate(calc(-1 * var(--angle)))}}

.voice-webgl{width:min(92vw,920px);height:min(76svh,760px);position:relative}
.voice-webgl canvas{display:block;width:100%;height:100%}
.voice-fallback{width:240px;height:240px;border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 30% 25%,#ffe3cc,#ff6538 25%,#f49a79 60%,#b54e2c 95%);box-shadow:inset -16px -18px 35px #9a3c2644,0 30px 60px #ed79542a}

.voice-slide .voice-webgl{height:min(60svh,600px)}
.voice-audio-controls{width:min(90vw,420px);text-align:center;margin-top:-12px;z-index:2;padding-bottom:12px}
.voice-audio-actions{display:flex;justify-content:center;gap:12px;margin-bottom:10px}
.voice-audio-actions button,.voice-audio-actions label{display:grid;place-items:center;position:relative;min-height:44px;padding:10px 20px;border-radius:24px;background:#ff5020;color:white;font-size:14px;cursor:pointer}
.voice-audio-actions label{background:#ff502012;color:#b53513;overflow:hidden}
.voice-audio-actions input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}
.voice-audio-actions label:focus-within{outline:2px solid #ff5020;outline-offset:3px}
.voice-audio-controls audio{width:100%;height:36px}
.voice-audio-controls p{font-size:13px;color:#655a54;margin:8px 0;overflow-wrap:anywhere}
.voice-audio-controls>a{font-size:11px;color:#817670;text-decoration:underline}

.voice-call-target{position:absolute;z-index:3;width:54px;height:54px;transform:translate(-50%,-50%);border-radius:50%;padding:0;cursor:grab;touch-action:none;background:transparent}
.voice-call-target[hidden],.voice-call-indicator[hidden]{display:none}
.voice-call-indicator{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;border-radius:24px;padding:14px 18px;background:#fffaf5e8;box-shadow:0 5px 24px #e7793812;min-width:180px}
.voice-call-indicator strong{display:block;font-size:32px;font-weight:600;font-variant-numeric:tabular-nums;color:#ff5020;margin:5px 0}
.voice-call-label{font-size:13px;color:#574034}.voice-call-state{font-size:11px;color:#80675a}

.voice-call-indicator{background:transparent;box-shadow:none;padding:0;min-width:150px}
.voice-active-call-icon{display:block;width:80px;height:80px;object-fit:contain;margin:0 auto 8px;filter:drop-shadow(0 5px 9px #af4c2526)}
.voice-call-indicator strong{font-size:28px;margin:4px 0}
.voice-call-label,.voice-call-state{display:block;text-shadow:0 1px 4px #fffaf5}

/* The centered 3D icon and reacting particles carry the call state. */
.voice-audio-controls audio{display:none}
.voice-audio-controls .voice-audio-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.voice-audio-actions button,.voice-audio-actions label{font-size:0;width:44px;height:44px;padding:0;border-radius:50%}
.voice-audio-actions button:before{content:'▶';font-size:17px}
.voice-audio-controls.is-playing button:before{content:'Ⅱ'}
.voice-audio-actions label:before{content:'↑';font-size:23px}
.voice-audio-controls>a{font-size:0;display:inline-grid;place-items:center;width:28px;height:28px;text-decoration:none}
.voice-audio-controls>a:before{content:'ⓘ';font-size:16px}
.voice-slide .voice-webgl{height:min(70svh,700px)}

.voice-call-details{position:absolute;z-index:4;pointer-events:none;text-align:center;width:240px;transform:translateX(-50%);color:#221d1a;text-shadow:0 1px 8px #fffaf5,0 0 16px #fffaf5}
.voice-call-details>strong{position:absolute;bottom:var(--call-gap);left:0;width:100%;font-size:clamp(15px,1.5vw,21px);font-weight:700}
.voice-call-description{position:absolute;top:var(--call-gap);left:0;width:100%;display:flex;flex-direction:column;gap:4px;font-size:clamp(12px,1.1vw,15px);color:#66574e}
.voice-call-description b{font-size:clamp(20px,2vw,28px);font-variant-numeric:tabular-nums;letter-spacing:.04em;color:#ff5020}
@media(max-width:600px){.voice-call-details{width:160px}}

.voice-audio-controls[hidden]{display:none!important}
.slide.voice-slide{grid-template-rows:84px minmax(0,1fr) 54px;align-content:center;min-height:0;height:calc(100svh - 160px);padding:0 20px}
.voice-heading{display:flex;align-items:center;justify-content:center;gap:14px;margin:0;font-family:Montserrat,sans-serif;font-size:clamp(28px,3.5vw,50px);font-weight:800;line-height:1.2;text-align:center}
.voice-heading em{font-style:normal;color:#ff5020}.voice-heading img{width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 5px 8px #e7793820)}
.voice-slide .voice-webgl{height:100%;min-height:0;width:min(92vw,920px)}
.voice-phone{height:54px;font-size:clamp(26px,3vw,38px);font-weight:700;color:#ff5020;font-variant-numeric:tabular-nums;letter-spacing:.04em;text-align:center}
@media(max-width:600px){.voice-heading img{width:46px;height:46px}.voice-heading{gap:8px}.slide.voice-slide{grid-template-rows:76px minmax(0,1fr) 48px}}

.voice-heading{gap:16px}.voice-heading .title-orb{flex:0 0 64px;width:64px;height:64px}.voice-heading .title-orb img{width:150%;height:150%}.voice-heading .title-orb img[src*="-call.png"]{width:100%;height:100%}
.slide.voice-slide{grid-template-rows:96px minmax(0,1fr) 90px}.voice-phone{height:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;line-height:1.15}.voice-phone span{font-size:clamp(14px,1.3vw,17px);font-weight:500;letter-spacing:0;color:#66574e}.voice-phone strong{font-size:clamp(26px,3vw,38px)}
@media(max-width:600px){.slide.voice-slide{grid-template-rows:76px minmax(0,1fr) 75px}.voice-heading .title-orb{flex-basis:44px;width:44px;height:44px}.voice-heading{gap:12px}}

/* Match the presentation's media-and-copy layout. */
.slide.voice-slide{width:min(90%,1280px);max-width:1280px;height:auto;min-height:calc(100svh - 168px);padding:0;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);grid-template-rows:auto;gap:7vw;align-items:center;place-items:initial}
.voice-slide .voice-webgl{grid-column:1;grid-row:1;width:100%;height:auto;aspect-ratio:2200/2090;max-height:calc(100svh - 208px)}
.voice-copy{grid-column:2;grid-row:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:28px;min-width:0}
.voice-heading{justify-content:flex-start;text-align:left;font-size:clamp(32px,3.5vw,50px);letter-spacing:-.04em}
.voice-phone{align-items:flex-start;text-align:left;gap:7px;padding-left:80px}
@media(max-width:760px){.slide.voice-slide{width:86%;height:auto;min-height:calc(100svh - 142px);padding:24px 0;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;gap:24px}.voice-copy{grid-column:1;grid-row:1;gap:16px}.voice-slide .voice-webgl{grid-column:1;grid-row:2;width:100%;max-width:480px;max-height:none;margin:auto}.voice-heading{font-size:clamp(28px,7vw,42px)}.voice-phone{padding-left:56px}}

.voice-copy{min-height:360px;justify-content:flex-start}.voice-copy .features{margin:0;gap:16px;width:100%}.voice-copy .voice-phone{padding-left:0}.voice-copy .features li{min-height:32px}
@media(max-width:760px){.voice-copy{min-height:0}.voice-copy .features{gap:12px}}

/* Align the operator chapter with the other media slides. */
.slide.voice-slide{width:94%;max-width:1600px;height:100%;min-height:0;padding:0;grid-template-columns:min(56%,calc((100svh - 168px)*1980/2090)) minmax(0,1fr);gap:4%;margin:0 auto;align-items:center}
.voice-slide .voice-webgl{width:100%;height:auto;aspect-ratio:2200/2090;max-height:none}
.voice-copy{height:440px;min-height:0;align-self:center;display:block}
.voice-heading{min-height:64px;margin:0 0 16px;font-size:clamp(32px,3.8vw,58px);line-height:1.09;letter-spacing:-.05em}
.voice-lead{font-size:clamp(17px,1.5vw,22px);line-height:1.55;color:var(--secondary);margin:0;width:100%}
.voice-copy .features{margin:24px 0 0;gap:16px}.voice-copy .voice-phone{margin-top:20px}
@media(max-width:760px){.slide.voice-slide{width:92%;height:auto;min-height:100%;padding:12px 0 28px;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;gap:24px}.voice-slide .voice-webgl{grid-row:1;grid-column:1;max-width:none}.voice-copy{grid-row:2;grid-column:1;height:auto;min-height:440px}.voice-heading{min-height:44px;margin-bottom:14px;font-size:32px}.voice-copy .features{margin-top:20px;gap:14px}}

.voice-copy .voice-phone:not(:empty){display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:14px;min-height:32px;margin-top:16px;letter-spacing:0;line-height:1.4;text-align:left;color:var(--secondary);font-size:clamp(16px,1.35vw,20px);font-weight:400}.voice-copy .voice-phone .feature-icon{font-size:inherit;letter-spacing:0;color:#ff5020}.voice-copy .voice-phone .voice-phone-text{font-size:inherit;line-height:inherit;color:inherit;font-weight:inherit}.voice-copy .voice-phone strong{font-size:inherit;font-weight:600;color:#ff5020;letter-spacing:0;white-space:nowrap}
@media(max-width:760px){.voice-copy .voice-phone:not(:empty){font-size:16px;margin-top:14px}}

/* BEGIN VOICE TRANSCRIPT STYLES */
.voice-transcript[hidden]{display:none}
.voice-transcript{position:absolute;inset:28% 0 0;z-index:4;display:flex;flex-direction:column;overflow:hidden;background:transparent;color:var(--ink)}
.voice-transcript .transcript-header{height:auto;width:auto;flex:none;padding:4px 6px 10px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.transcript-header h3{margin:0;font-family:Golos,sans-serif;font-size:clamp(14px,1.2vw,18px);font-weight:600;letter-spacing:0;line-height:1.3}
.transcript-status{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.transcript-feed{position:relative;min-height:0;flex:1;overflow:auto;padding:6px 6px 18px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#e6c9b9 transparent}
.transcript-turn{display:flex;align-items:flex-end;gap:8px;margin:0 36px 12px 0;max-width:94%;font-size:clamp(14px,1.15vw,17px);line-height:1.5;animation:chapter-fade .22s ease}
.turn-avatar{flex:0 0 30px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:#fff;box-shadow:0 1px 4px #673c2018}
.turn-avatar img{width:100%;height:100%;object-fit:cover;transform:scale(1.35)}
.turn-avatar svg{width:18px;height:18px;color:#b9a497}
.transcript-turn p{flex:1;min-width:0;margin:0;padding:12px 14px;background:#fff;border:1px solid #f0e6de;border-radius:4px 16px 16px;color:#403831;font-size:inherit;line-height:inherit;overflow-wrap:anywhere}
.transcript-turn.speaker-customer{flex-direction:row-reverse;margin:0 0 12px 36px}
.transcript-turn.speaker-customer .turn-avatar{background:#f6ece5}
.transcript-turn.speaker-customer p{background:#ffede3;border-color:#f9dac8;border-radius:16px 4px 16px 16px}
.transcript-advance{display:block;margin:8px auto 4px;padding:10px 18px;border:1px solid #ff5020;border-radius:999px;background:#ff5020;color:#fff;font-family:Golos,sans-serif;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 6px 16px rgba(255,80,32,.22)}
.transcript-advance:hover{background:#e04517;border-color:#e04517}
.call-conclusion{padding:18px;margin:16px 0 0;background:#fff;border:1px solid #f0d5c4;border-radius:16px;font-size:clamp(14px,1.15vw,17px);line-height:1.5}
.call-conclusion h4{font-family:Montserrat,sans-serif;font-size:20px;margin:0 0 10px;color:#ff5020}
.call-conclusion p{margin:0;font-size:inherit;line-height:inherit;color:#4a423d}
.conclusion-tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:14px}
.conclusion-tags span{padding:5px 9px;border-radius:20px;background:#fff0e7;color:#a94222;font-size:12px;line-height:1.4}
.transcript-replay{display:inline-block;margin-top:16px;padding:8px 12px;border:1px solid #efcbb6;border-radius:20px;color:#b74625;background:#fff8f3;font-size:13px}
@media(max-width:760px){.voice-slide .voice-webgl.has-transcript{aspect-ratio:auto;height:580px}.voice-transcript{inset:25% 0 0}.transcript-header h3{font-size:14px}.transcript-feed{padding:4px 4px 14px}.transcript-turn{font-size:15px;margin-right:18px}.transcript-turn.speaker-customer{margin-left:18px}.call-conclusion{font-size:15px;padding:14px}}
@media(prefers-reduced-motion:reduce){.transcript-turn{animation:none}}
/* END VOICE TRANSCRIPT STYLES */
.feature-icon.brand{width:28px;height:28px;flex:0 0 28px}
.feature-icon.brand img{width:28px;height:28px;border-radius:7px;object-fit:cover;box-shadow:0 1px 3px #4a2a1a26}
.platform-slide .hero-stage{grid-column:1;grid-row:1;width:min(100%,420px);margin:auto;justify-self:center}
@media(max-width:900px){.platform-slide .hero-stage{width:min(72vw,320px)}}
.cover .copy h1 .brand-ai:before{content:none}
.platform-slide .hero-stage{transition:opacity .3s ease}
.platform-slide.showing-example .hero-stage{opacity:0;visibility:hidden}
.platform-slide .platform-example{position:relative;z-index:5;grid-column:1;grid-row:1;justify-self:center;align-self:center;height:min(calc(100svh - 190px),760px);width:auto;max-width:100%;border-radius:24px;overflow:hidden;box-shadow:0 24px 60px #673c201f;opacity:0;transition:opacity .35s ease}
.platform-slide .platform-example.visible{opacity:1}
.platform-slide .platform-example img{width:100%;height:100%;object-fit:contain;display:block}
@media(prefers-reduced-motion:reduce){.platform-slide .platform-example,.platform-slide .hero-stage{transition:none}}
.feature-logos{display:inline-flex;align-items:center;gap:12px;margin-left:4px;flex:none}
.feature-logos img{width:24px;height:24px;display:block}
@media(max-width:900px){.platform-slide .platform-example{height:auto;width:min(100%,340px)}}
.platform-slide .copy{transition:opacity .35s ease}
.platform-slide.avatar-only .copy{opacity:0;visibility:hidden;pointer-events:none}
.platform-slide.avatar-only .hero-stage{grid-column:1/-1;justify-self:center;width:min(100%,460px);animation:avatar-solo .5s ease both}
@keyframes avatar-solo{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}
@media(max-width:900px){.platform-slide.avatar-only .hero-stage{grid-row:1/-1;width:min(80vw,360px)}}
@media(prefers-reduced-motion:reduce){.platform-slide.avatar-only .hero-stage{animation:none}}
.features li.report-active{color:#ff5020}
.voice-slide .voice-webgl{transition:opacity .3s ease}
.voice-slide.showing-report .voice-webgl{opacity:0;visibility:hidden}
.voice-slide .voice-report{position:relative;z-index:5;grid-column:1;grid-row:1;align-self:center;justify-self:center;width:100%;aspect-ratio:1580/980;border-radius:24px;overflow:hidden;background:#f3f6fb;box-shadow:0 24px 60px #673c201f;opacity:0;transition:opacity .35s ease}
.voice-slide .voice-report.visible{opacity:1}
.voice-slide .voice-report img{width:100%;height:100%;object-fit:contain;display:block}
@media(max-width:900px){.voice-slide .voice-report{grid-row:2}}
@media(prefers-reduced-motion:reduce){.voice-slide .voice-report,.voice-slide .voice-webgl{transition:none}}
.platform-slide.showing-videos .copy,.platform-slide.showing-videos .hero-stage{opacity:0;visibility:hidden}
.video-wall{position:fixed;inset:0;z-index:40;overflow:hidden;background:#1f1a17;opacity:0;transition:opacity .45s ease}
.video-wall.visible{opacity:1}
.video-wall video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%;opacity:0;transition:opacity .6s ease;display:block}
.video-wall video.on{opacity:1}
@media(prefers-reduced-motion:reduce){.video-wall,.video-wall video{transition:none}}
body.video-mode nav{position:fixed;left:0;right:0;bottom:0;z-index:50;background:transparent;backdrop-filter:none;color:#fff}
body.video-mode nav>button{color:#fff}
body.video-mode #progress button:after{background:#ffffff8c}
body.video-mode #progress button.active:after{background:#ff6a3d}
body{-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
#progress{gap:6px}
#progress button{width:46px;height:46px;border-radius:50%;padding:0;display:grid;place-items:center;transition:transform .2s ease}
#progress button:after{content:none}
#progress button img{width:34px;height:34px;border-radius:50%;object-fit:cover;display:block;opacity:.72;filter:saturate(.85);transition:opacity .2s,filter .2s,box-shadow .2s}
#progress button:hover img{opacity:.85}
#progress button.active img{opacity:1;filter:none;box-shadow:0 0 0 2px #fffaf5,0 0 0 4px #ff5020}
#progress button.active{transform:scale(1.12)}
body.video-mode #progress button img{opacity:.75}
body.video-mode #progress button.active img{opacity:1;box-shadow:0 0 0 2px #1f1a17,0 0 0 4px #ff6a3d}
@media(max-width:760px){nav{gap:4px}#progress{gap:0}#progress button{width:38px;height:38px}#progress button img{width:28px;height:28px}nav>button{width:36px}}
.blackout-screen{position:fixed;inset:0;z-index:100;background:#000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s}
body.blackout .blackout-screen{opacity:1;visibility:visible}
body.pointer-idle,body.pointer-idle *{cursor:none!important}
main#stage{overflow:hidden}