.az-demo-details{margin:8px 16px 14px;color:#435879;font-size:12px}.az-demo-details summary{cursor:pointer}.az-demo-details textarea{box-sizing:border-box;display:block;width:100%;margin-top:8px;padding:10px;border:1px solid #dce3ef;border-radius:8px;background:#f8faff;color:#233452;font:11px/1.5 ui-monospace,monospace;resize:vertical}
.az-showroom{--az-ink:#202b42;--az-muted:#6c7587;--az-line:#dce0e9;--az-story-accent:#5267bc;--az-demo-height:calc(100vh - 176px);position:relative;isolation:isolate;overflow:hidden;padding:90px 32px 68px;background:linear-gradient(180deg,#fcfcfe 0%,#f5f6fb 45%,#f9f9fc 100%);font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--az-ink);text-align:left;font-size:14px;line-height:1.5}
.az-showroom *{box-sizing:border-box}.az-showroom h2,.az-showroom h3,.az-showroom p{margin:0}.az-showroom button{font:inherit;cursor:pointer}.az-showroom button:focus-visible,.az-showroom a:focus-visible{outline:3px solid #6479ce;outline-offset:6px}.az-showroom [hidden]{display:none!important}.az-showroom-halo{pointer-events:none;position:absolute;z-index:-1;inset:110px -16% auto;height:570px;background:radial-gradient(ellipse at 30% 42%,#d7ddfc73,transparent 45%),radial-gradient(ellipse at 78% 48%,#eadff256,transparent 46%)}
.az-showroom-intro{text-align:center;max-width:820px;margin:0 auto 48px}.az-showroom-eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:10px;font-weight:700;letter-spacing:2.3px;color:#77829d}.az-showroom-eyebrow span{width:5px;height:5px;border-radius:50%;background:#6377bf;box-shadow:0 0 0 4px #6579c40c}.az-showroom .az-showroom-intro h2{font-size:clamp(34px,3.8vw,56px);font-weight:550;letter-spacing:-2.2px;line-height:1.13;margin:20px 0}.az-showroom-intro h2 span{color:#7985a0}.az-showroom-lead{font-size:15px;line-height:1.75;color:var(--az-muted);letter-spacing:.02px}
.az-monitor-rail{max-width:1140px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin:0 auto 48px;align-items:start}.az-showroom .az-monitor-choice{position:relative;display:flex;flex-direction:column;align-items:center;padding:0;border:0;border-radius:12px;background:none;color:inherit;text-align:left;min-width:0;transition:transform .35s cubic-bezier(.22,.75,.3,1)}.az-monitor-choice:hover{transform:translateY(-5px)}.az-mini-device{display:flex;flex-direction:column;width:100%;aspect-ratio:1.62;border:3px solid #c7ccd6;border-top-width:5px;border-radius:9px 9px 6px 6px;background:#fff;box-shadow:0 5px 10px #1e2c4b0a,0 20px 36px -18px #36446b38;overflow:hidden;transition:border-color .3s,box-shadow .3s;transform-origin:bottom center}.az-monitor-choice[aria-pressed=true] .az-mini-device{border-color:#45536e;box-shadow:0 8px 20px #1e2c4b14,0 0 0 4px #7487c211,0 22px 40px -20px #36446b66}.az-mini-bar{height:16px;display:flex;align-items:center;gap:3px;padding:0 7px;border-bottom:1px solid #e8ebf1;background:#f7f8fb;flex:none}.az-mini-bar>i{height:3px;width:3px;border-radius:50%;background:#c7ccd7}.az-mini-bar>span{font-size:5px;letter-spacing:1px;color:#6f7d95;margin-left:auto;text-transform:uppercase}.az-mini-workspace{display:flex;min-height:0;flex:1;overflow:hidden}.az-mini-workspace>aside{width:24px;flex:none;border-right:1px solid #e8ebf1;background:#f7f8fc;padding:9px 6px}.az-mini-workspace>aside b{font-size:5px;color:#5267bc;display:block;margin-bottom:10px}.az-mini-workspace>aside>i{display:block;width:10px;height:2px;background:#dce2ee;margin-bottom:7px}.az-mini-workspace>div{flex:1;min-width:0;padding:10px 8px 6px}.az-mini-workspace header{font-size:6px;font-weight:650;display:flex;justify-content:space-between;gap:4px;margin-bottom:9px}.az-mini-workspace header span{font-weight:400;font-size:4px;color:#818ba0}.az-mini-chin{display:grid;place-items:center;flex:none;height:9px;background:linear-gradient(#f6f7fa,#e1e4eb)}.az-mini-chin i{width:3px;height:3px;border-radius:50%;background:#8692a9}.az-mini-neck{display:block;width:19%;height:15px;background:linear-gradient(90deg,#c8ceda,#eef0f5 50%,#cbd1dc);clip-path:polygon(18% 0,82% 0,100% 100%,0 100%)}.az-mini-foot{display:block;width:38%;height:4px;border-radius:70% 70% 2px 2px;background:linear-gradient(180deg,#e2e6ed,#bdc5d2);box-shadow:0 4px 6px #34466914}.az-monitor-copy{position:relative;width:100%;padding:19px 4px 0 26px}.az-monitor-number{position:absolute;left:0;top:23px;font-size:9px;color:#a4adbe;font-variant-numeric:tabular-nums}.az-monitor-copy strong{display:block;font-size:13px;line-height:1.4;font-weight:650;letter-spacing:-.2px}.az-monitor-description{display:block;font-size:11px;line-height:1.65;color:var(--az-muted);margin-top:6px;max-width:205px}.az-monitor-cta{display:flex;align-items:center;gap:6px;font-size:9px;text-transform:uppercase;letter-spacing:1px;font-weight:650;color:#8a93a5;margin-top:13px}.az-monitor-cta:before{content:"";height:4px;width:4px;border-radius:50%;background:#bac1ce}.az-monitor-choice[aria-pressed=true] .az-monitor-cta{color:var(--monitor-accent)}.az-monitor-choice[aria-pressed=true] .az-monitor-cta:before{background:var(--monitor-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--monitor-accent) 9%,transparent)}
.az-mini-board>div{display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px}.az-mini-board section{padding:4px 3px;background:#f4f6fb;border-radius:3px;height:77px;overflow:hidden}.az-mini-board section>b{display:block;font-size:4px;font-weight:500;color:#788198;white-space:nowrap}.az-mini-board em{font-style:normal;font-size:4px;margin-left:2px}.az-mini-board article{position:relative;padding:5px 3px;background:#fff;border:1px solid #e7eaf1;border-radius:3px;font-size:4.5px;margin-top:5px;color:#536077;line-height:1.5}.az-mini-board article>i{display:block;height:2px;width:10px;background:#8092cc;border-radius:3px;margin-bottom:3px}.az-mini-board article small{display:block;font-size:3.5px;color:#9aa3b7;margin-top:4px}.az-mini-board section:nth-child(3) article>i{background:#76a596}
.az-mini-profile{display:flex;gap:7px;align-items:center;border-bottom:1px solid #eef0f5;padding-bottom:8px}.az-mini-profile>i{height:22px;width:22px;display:grid;place-items:center;background:#efe9f8;color:#9770b8;font-size:7px;border-radius:50%;font-style:normal}.az-mini-profile b{display:block;font-size:6px;font-weight:600}.az-mini-profile small{display:block;font-size:4px;margin-top:2px;color:#929aab}.az-mini-people section{padding-top:7px}.az-mini-people section p{display:flex;align-items:center;gap:5px;font-size:5px;padding:3px 0;color:#66718a}.az-mini-people section p i{display:grid;place-items:center;height:8px;width:8px;background:#f0ecf7;border-radius:50%;font-size:4px;color:#9770b8;font-style:normal}.az-mini-people section p span{margin-left:auto;font-size:4px;color:#a0a8b7}
.az-mini-quality section{border:1px solid #e6ebf0;border-radius:4px;padding:7px 8px;box-shadow:0 3px 8px #526e9610}.az-mini-quality section>small{font-size:4px;color:#629196;letter-spacing:.8px;display:block}.az-mini-quality section>strong{font-size:6px;display:block;margin-top:4px}.az-mini-quality section>p{font-size:5px;color:#929bad;line-height:1.5;margin-top:4px}.az-mini-quality section>div{display:flex;gap:4px;align-items:center;font-size:4px;margin-top:5px;padding-top:4px;border-top:1px solid #edf0f5}.az-mini-quality section>div i{font-style:normal;color:#5e9194}.az-mini-quality section>div b{margin-left:auto;font-size:4px;font-weight:400;color:#929aab}
.az-mini-agreement section{max-width:100px;margin:auto;padding:8px 10px;border:1px solid #e8e6e2;background:#fffefa;box-shadow:0 4px 8px #423c2910}.az-mini-agreement section>small{font-size:3.4px;letter-spacing:.5px;color:#a79171}.az-mini-agreement section>strong{display:block;font-size:6px;margin:5px 0 8px}.az-mini-agreement section>i{display:block;height:2px;background:#e7e4dc;margin-top:3px}.az-mini-agreement section>i:nth-of-type(2){width:80%}.az-mini-agreement section>div{display:flex;justify-content:space-between;margin-top:9px;color:#85704d;font-size:5px;font-style:italic}.az-mini-agreement section small{display:block}.az-mini-agreement section>div small{font-size:3px;font-style:normal;color:#a49b8b}.az-mini-agreement>p{text-align:center;font-size:5px;color:#a08d6f;margin-top:5px}
.az-stage-wrap{max-width:1440px;margin:0 auto;scroll-margin-top:82px}.az-stage-heading{display:flex;justify-content:space-between;gap:24px;align-items:end;margin:0 3px 20px;padding-top:25px;border-top:1px solid #dadee866}.az-stage-kicker{font-size:8px;font-weight:650;letter-spacing:1.7px;color:#949daf;display:flex;align-items:center;gap:18px}.az-stage-kicker b{font-size:9px;font-weight:500;letter-spacing:1px;color:#a7aebd}.az-showroom .az-stage-heading h3{font-size:22px;font-weight:550;letter-spacing:-.65px;margin-top:6px}.az-stage-heading p{font-size:11px;color:#9099ab;margin-top:5px}.az-stage-options{display:flex;flex-direction:column;align-items:end;gap:8px}.az-stage-status{font-size:10px;color:#9099ab}.az-stage-status[data-state=playing]{color:#5267bc}.az-stage-status[data-state=complete]{color:#507c71}.az-stage-options button{display:flex;gap:9px;align-items:center;font-size:11px;color:#667491;border:1px solid #dfe3ec;border-radius:6px;padding:7px 11px;background:#ffffff94;transition:background .2s}.az-stage-options button:hover{background:#fff}
.az-main-monitor{border:1px solid #525e74;border-radius:18px 18px 11px 11px;background:#f6f7fa;padding:0 5px;box-shadow:0 2px 0 1px #cfd5df,0 30px 60px -35px #29365366,0 8px 16px #344c7410;overflow:hidden}.az-main-bezel{height:19px;display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(180deg,#fafbfc,#eef0f5);font-size:5px;letter-spacing:1.8px;color:#9da6b6}.az-main-bezel i{height:3px;width:3px;background:#929fb2;border-radius:50%}.az-main-bezel i:last-child{width:2px;height:2px;background:#c6ceda}.az-main-screen{border:1px solid #dce1eb;overflow:hidden;border-radius:5px;background:#f7f8fb;position:relative}.az-scenario-panel{width:100%;height:var(--az-demo-height);min-height:360px;max-height:820px}.az-scenario-panel iframe{width:100%;height:100%;display:block;border:0;scroll-margin-top:96px;background:#f7f8fb}.az-main-chin{height:28px;display:flex;align-items:center;justify-content:center;position:relative;background:linear-gradient(#f6f7fa,#e8ebf1);color:#8a95a9;font-weight:650;font-size:7px;letter-spacing:2.6px}.az-main-chin i{position:absolute;right:20px;height:3px;width:3px;border-radius:50%;background:#91a596;box-shadow:0 0 4px #91a59655}.az-main-neck{height:28px;width:12%;margin:0 auto;background:linear-gradient(90deg,#d8dde7,#f7f8fb 48%,#d2d9e6);clip-path:polygon(12% 0,88% 0,100% 100%,0 100%)}.az-main-foot{height:7px;width:27%;margin:0 auto;border-radius:60% 60% 5px 5px;background:linear-gradient(#edf0f6,#c7cedb);box-shadow:0 9px 16px #283a5920}.az-stage-below{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:23px;color:#929bad;font-size:10px}.az-stage-below p{display:flex;align-items:center;gap:7px}.az-stage-below p>span{width:4px;height:4px;background:#a5afc1;border-radius:50%}.az-stage-below a{color:#6b7b9c;text-decoration:none;display:flex;align-items:center;gap:7px}.az-stage-below a:hover{text-decoration:underline}.az-mobile-hint{display:none}
@media(min-width:1500px){.az-monitor-rail{gap:42px;margin-bottom:62px}.az-monitor-choice:nth-child(2),.az-monitor-choice:nth-child(3){margin-top:14px}}
@media(max-width:1050px){.az-showroom{padding:66px 24px 48px}.az-monitor-rail{gap:18px}.az-monitor-copy{padding-left:20px}.az-monitor-copy strong{font-size:12px}.az-monitor-description{font-size:10px}.az-mini-workspace>aside{width:19px;padding:7px 4px}.az-mini-workspace>div{padding:7px 5px}.az-mini-workspace header{font-size:5px;margin-bottom:6px}.az-mini-board section{padding:3px 2px}.az-mini-agreement section{padding:5px 8px}.az-mini-neck{height:11px}}
@media(max-width:759px){.az-showroom{padding:46px 12px 38px}.az-showroom-intro{margin-bottom:31px}.az-showroom .az-showroom-intro h2{font-size:35px;letter-spacing:-1.5px}.az-showroom-lead{font-size:12px}.az-showroom-eyebrow{font-size:8px;letter-spacing:1.7px}.az-monitor-rail{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:22px;padding:7px 6px 18px;margin:0 -3px 18px;scrollbar-width:thin;scrollbar-color:#d0d8e8 transparent}.az-showroom .az-monitor-choice{flex:0 0 205px;scroll-snap-align:center}.az-monitor-description{font-size:10px}.az-mini-workspace header{font-size:5px}.az-monitor-copy{padding-top:13px}.az-monitor-number{top:17px}.az-monitor-cta{margin-top:8px}.az-stage-heading{gap:10px;padding-top:18px;margin-bottom:13px;align-items:start}.az-showroom .az-stage-heading h3{font-size:17px;letter-spacing:-.4px}.az-stage-kicker{font-size:6px;letter-spacing:1px;gap:10px}.az-stage-kicker b{font-size:7px}.az-stage-heading p{font-size:8px;max-width:200px}.az-stage-options button{font-size:8px;gap:4px;padding:6px 7px}.az-stage-status{font-size:8px}.az-main-monitor{padding:0 3px;border-radius:10px 10px 7px 7px}.az-main-bezel{height:13px;font-size:4px}.az-main-chin{height:18px;font-size:5px}.az-main-neck{height:20px;width:18%}.az-main-foot{width:36%;height:5px}.az-stage-below{font-size:8px;align-items:start;gap:14px}.az-stage-below>a{white-space:nowrap}.az-mobile-hint{display:block;text-align:center;margin:15px auto 0!important;max-width:330px;font-size:9px;color:#919aab}.az-stage-wrap{scroll-margin-top:75px}}
@media(prefers-reduced-motion:reduce){.az-showroom *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.az-monitor-choice:hover{transform:none}}

/* V9 keeps the four monitors and gives the active workspace clearer controls. */
.az-showroom{overflow:clip}.az-monitor-copy strong{font-size:15px}.az-monitor-description{font-size:13px;color:#657187;line-height:1.6;max-width:225px}.az-monitor-number{font-size:10px;color:#768199}.az-monitor-cta{font-size:10px;color:#69768e;min-height:20px}.az-showroom-eyebrow{color:#62718e}.az-showroom-lead{color:#5e6c83}.az-stage-kicker{font-size:10px;color:#68788f;letter-spacing:1.4px}.az-stage-kicker b{font-size:11px;color:#78869c}.az-stage-heading p{font-size:12px;color:#65758e}.az-stage-status{font-size:12px;color:#65758e}.az-stage-buttons{display:flex;gap:8px}.az-stage-options button{font-size:12px;color:#4d607f;min-height:35px}.az-stage-options .az-expand-button{background:#fff;border-color:#bec9df;color:#344b74}.az-stage-options .az-expand-button:hover{background:#f0f3fc}.az-main-monitor{border-color:color-mix(in srgb,var(--az-story-accent) 52%,#58637a);transition:border-color .25s,box-shadow .25s;box-shadow:0 2px 0 1px #d5dae5,0 24px 56px -33px color-mix(in srgb,var(--az-story-accent) 70%,transparent),0 8px 16px #344c7410}.az-stage-below{font-size:12px;color:#65758d}.az-stage-below a{color:#4e6185}.az-scenario-panel iframe{scroll-margin-top:var(--az-frame-clearance,150px)}
.az-quick-switch{position:sticky;top:var(--az-host-top,90px);z-index:10;display:flex;align-items:center;gap:6px;min-height:48px;margin:0 0 12px;padding:5px 7px;border:1px solid #e0e5ee;border-radius:10px;background:#f9fafdf5;box-shadow:0 6px 14px -10px #2d3d6030;backdrop-filter:blur(12px);scroll-margin-top:calc(var(--az-host-top,90px) + 12px)}.az-quick-caption{font-size:11px;color:#7c899e;margin:0 auto 0 7px;padding-right:12px;white-space:nowrap}.az-showroom .az-quick-choice{display:flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid transparent;border-radius:6px;background:transparent;color:#697994;font-size:12px;line-height:1.35;white-space:nowrap;min-height:35px}.az-quick-choice small{font-size:9px;color:#8796ad;margin-left:2px}.az-quick-choice:hover{background:#eef1f8}.az-quick-choice[aria-pressed=true]{background:#fff;border-color:color-mix(in srgb,var(--az-story-accent) 30%,#e7eaf1);box-shadow:0 1px 4px #273d6310;color:var(--az-story-accent);font-weight:600}.az-quick-choice[aria-pressed=true] small{color:var(--az-story-accent)}
.az-scene-veil{position:absolute;inset:0;pointer-events:none;background:#f7f8fb;opacity:0;z-index:30}.az-scene-veil.is-active{animation:az-scene-arrival .24s cubic-bezier(.2,.7,.3,1) both}@keyframes az-scene-arrival{from{opacity:.82}to{opacity:0}}.az-focus-guard{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.az-showroom[data-expanded=true]{z-index:2147483000;overflow:visible}.az-stage-wrap[data-expanded=true]{position:fixed;inset:16px;z-index:2147483000;display:flex;flex-direction:column;padding:18px 22px 20px;border:1px solid #c8d2e3;border-radius:16px;background:#f6f8fc;box-shadow:0 0 0 100vmax #17223b80,0 22px 70px #18294740;max-width:none;max-height:none;overflow:hidden}.az-stage-wrap[data-expanded=true] .az-stage-heading{padding-top:0;margin:0 0 12px;border:0;flex:none}.az-stage-wrap[data-expanded=true] .az-stage-heading h3{font-size:21px}.az-stage-wrap[data-expanded=true] .az-stage-kicker{font-size:9px}.az-stage-wrap[data-expanded=true] .az-quick-switch{position:static;flex:none;margin-bottom:12px}.az-stage-wrap[data-expanded=true] .az-main-monitor{display:flex;flex-direction:column;flex:1;min-height:0}.az-stage-wrap[data-expanded=true] .az-main-screen{flex:1;min-height:0}.az-stage-wrap[data-expanded=true] .az-main-bezel,.az-stage-wrap[data-expanded=true] .az-main-chin{flex:none}.az-stage-wrap[data-expanded=true] .az-main-chin{height:20px}.az-stage-wrap[data-expanded=true] .az-scenario-panel{height:100%;max-height:none;min-height:0}.az-stage-wrap[data-expanded=true] .az-main-neck,.az-stage-wrap[data-expanded=true] .az-main-foot,.az-stage-wrap[data-expanded=true] .az-stage-below,.az-stage-wrap[data-expanded=true] .az-mobile-hint{display:none}
@media(max-width:1050px){.az-monitor-copy strong{font-size:14px}.az-monitor-description{font-size:12px}.az-quick-caption{display:none}.az-quick-switch{justify-content:center}.az-showroom .az-quick-choice{flex:1;justify-content:center}.az-quick-choice small{display:none}}
@media(max-width:759px){.az-monitor-copy strong{font-size:14px}.az-monitor-description{font-size:12px}.az-monitor-rail{padding-top:12px;padding-bottom:20px}.az-stage-heading{flex-wrap:wrap;gap:10px}.az-stage-options{flex-direction:row;align-items:center;justify-content:space-between;width:100%;gap:8px}.az-stage-status{font-size:11px}.az-stage-kicker{font-size:8px}.az-stage-heading p{font-size:11px;max-width:none}.az-stage-options button{font-size:11px;min-height:33px}.az-quick-switch{top:var(--az-host-top,80px);gap:2px;padding:4px;min-height:44px;overflow-x:auto;justify-content:start}.az-showroom .az-quick-choice{font-size:10px;padding:8px 6px;gap:4px;min-width:max-content}.az-quick-choice svg{width:14px;height:14px}.az-stage-below{font-size:10px}.az-mobile-hint{font-size:11px;color:#64758e}.az-stage-wrap[data-expanded=true]{inset:8px;padding:12px 8px;border-radius:11px}.az-stage-wrap[data-expanded=true] .az-stage-heading{gap:6px}.az-stage-wrap[data-expanded=true] .az-stage-heading h3{font-size:18px}.az-stage-wrap[data-expanded=true] .az-stage-kicker{display:none}.az-stage-wrap[data-expanded=true] .az-stage-heading p{font-size:10px}.az-stage-wrap[data-expanded=true] .az-main-bezel{height:10px}.az-stage-wrap[data-expanded=true] .az-main-chin{height:12px}}
@media(prefers-reduced-motion:reduce){.az-scene-veil.is-active{animation:none!important;opacity:0}.az-main-monitor{transition:none}}

/* V10: complete scenario names and readable, specific playback status. */
.az-stage-status{max-width:400px;text-align:right;line-height:1.45}.az-quick-caption{padding-right:6px}.az-showroom .az-quick-choice{font-size:12px}.az-monitor-copy strong{min-height:42px}
@media(max-width:759px){.az-stage-status{max-width:none;text-align:left;flex:1}.az-stage-buttons{flex:none}.az-showroom .az-quick-choice{font-size:11px}.az-quick-switch{scrollbar-width:thin}.az-monitor-copy strong{min-height:0}}

/* A product-led opening, with smaller connected tools alongside the workspace. */
.az-showroom{padding-top:44px}.az-showroom-intro{margin-bottom:30px}.az-showroom .az-showroom-intro h2{margin:14px 0;font-size:clamp(34px,3.6vw,54px)}.az-showroom-lead{font-size:14px;line-height:1.65}.az-monitor-rail{margin-bottom:30px}.az-stage-heading{padding-top:18px}.az-workspace-composition{min-width:0}.az-primary-device{min-width:0}.az-companion-stack{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:22px;max-width:900px;margin:32px auto 0}.az-small-monitor{min-width:0;overflow:hidden;border:1px solid #cbd4e2;border-radius:12px;background:#fff;box-shadow:0 16px 38px -23px #263d7155,0 2px 5px #2437590a}.az-small-title{min-height:36px;display:flex;align-items:center;gap:10px;padding:10px 12px;background:#f6f8fc;border-bottom:1px solid #e4e9f1}.az-small-title strong{font-size:11px;font-weight:650;color:#465571;letter-spacing:.1px}.az-window-dots{display:flex;gap:4px;flex:none}.az-window-dots i{width:5px;height:5px;border-radius:50%;background:#c6cfdf}.az-window-dots i:first-child{background:#dea2a5}.az-window-dots i:nth-child(2){background:#d6bf82}.az-window-dots i:nth-child(3){background:#91b9a8}.az-sample-tag{margin-left:auto;font-size:9px;color:#7b8799}.az-messaging-monitor iframe{display:block;width:100%;height:360px;border:0;background:#fff}.az-small-chin{height:12px;display:grid;place-items:center;background:linear-gradient(#f9fafc,#e8edf4);font-size:5px;letter-spacing:2px;color:#9da8bb}.az-progress-body{padding:17px 17px 13px}.az-progress-eyebrow{font-size:9px;letter-spacing:1.3px;color:#8490a5;font-weight:600}.az-progress-body h4{font-size:14px;line-height:1.35;font-weight:600;color:#34425d;margin:6px 0 17px;letter-spacing:-.25px}.az-live-work{display:flex;align-items:center;gap:10px;margin:14px 0}.az-live-work strong{display:block;font-size:12px;color:#4d5d76;font-weight:600}.az-live-work small{display:block;font-size:11px;color:#8390a4;margin-top:2px}.az-work-icon{display:grid;place-items:center;width:28px;height:28px;flex:none;border-radius:8px;background:#edf2fd;color:#637bbf;font-size:15px}.az-work-icon--document{background:#f1edf8;color:#917ab2}.az-progress-body>button{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:16px;padding:10px 0 8px;border:0;border-top:1px solid #edf0f6;border-radius:0;background:transparent;color:#566fa9;font-size:11px;font-weight:600;text-align:left}.az-progress-body>button:disabled{color:#8b97ab;cursor:default}.az-progress-body>p{font-size:10px;line-height:1.5;color:#8a96a9;margin-top:7px}
@media(min-width:1280px){.az-workspace-composition.has-companion{display:grid;grid-template-columns:minmax(0,1fr) 264px;gap:24px;align-items:start}.az-companion-stack{grid-template-columns:1fr;gap:24px;margin:28px 0 0}.az-stage-wrap{max-width:1600px}.az-progress-monitor{width:94%;margin-left:auto}.az-stage-wrap[data-expanded=true]{max-width:none}}
@media(min-width:1650px){.az-workspace-composition.has-companion{grid-template-columns:minmax(0,1fr) 282px;gap:30px}.az-companion-stack{margin-top:42px}.az-monitor-rail{margin-bottom:36px}}
.az-stage-wrap[data-expanded=true] .az-workspace-composition,.az-stage-wrap[data-expanded=true] .az-primary-device{display:flex;flex-direction:column;flex:1;min-height:0}.az-stage-wrap[data-expanded=true] .az-companion-stack{display:none}
@media(max-width:759px){.az-showroom{padding-top:30px}.az-showroom-intro{margin-bottom:24px}.az-showroom .az-showroom-intro h2{font-size:35px}.az-showroom-lead{font-size:12px}.az-companion-stack{gap:16px;grid-template-columns:1fr;max-width:400px;margin-top:24px}.az-messaging-monitor iframe{height:380px}.az-monitor-rail{margin-bottom:16px}.az-stage-options{flex-wrap:wrap}.az-stage-status{flex-basis:100%;max-width:100%}}
.az-companion-screen{position:relative}.az-companion-loading{position:absolute;inset:0;display:grid;place-content:center;padding:28px;background:#fff;color:#73829a;font-size:12px;line-height:1.6;text-align:center}
@media(min-width:760px) and (max-width:1100px){.az-stage-wrap[data-expanded=true]{inset:8px;padding:12px 8px}.az-stage-wrap[data-expanded=true] .az-main-monitor{padding:0 3px}}

/* V11: one primary workspace, with quiet supporting conversations. */
.az-showroom{padding-top:26px;background:#fbfcfe}.az-showroom-halo{opacity:.42}.az-showroom-intro{max-width:1440px;margin-bottom:22px}.az-showroom-eyebrow{font-size:9px;letter-spacing:1.6px}.az-showroom .az-showroom-intro h2{font-size:clamp(30px,3.05vw,46px);letter-spacing:-1.7px;line-height:1.08;margin:12px 0}.az-showroom-lead{font-size:13px;line-height:1.6;max-width:520px;margin:0 auto}.az-stage-heading{padding-top:0;border-top:0;margin-bottom:12px}.az-stage-kicker{font-size:9px}.az-showroom .az-stage-heading h3{font-size:20px;margin-top:4px}.az-stage-heading p{font-size:11px}.az-stage-status{font-size:11px;max-width:320px}.az-quick-switch{background:#ffffffed;border-color:#e5e9f0;box-shadow:0 4px 14px -12px #25314944;border-radius:9px}.az-main-monitor{border-color:#b1bbc9;border-radius:13px 13px 10px 10px;box-shadow:0 1px 0 1px #dce2ec,0 28px 55px -32px #29395752,0 4px 14px #344c740a}.az-main-bezel{height:17px}.az-main-chin{height:19px}.az-main-neck{height:20px}.az-main-foot{height:5px}.az-small-monitor{border-color:#e0e5ee;box-shadow:0 18px 45px -26px #24385955,0 3px 8px #24375908;border-radius:12px}.az-small-title{min-height:33px;padding:8px 11px}.az-small-title strong{font-size:10px}.az-sample-tag{font-size:8px}.az-messaging-monitor iframe{height:330px}.az-companion-stack{gap:18px}.az-assist-body{padding:16px 17px 15px}.az-guide-question{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:500;color:#667286;margin-bottom:17px}.az-guide-question>span{font-size:17px;color:#8e87b7}.az-guide-eyebrow{font-size:8px;font-weight:650;letter-spacing:1.2px;color:#8b87a9;text-transform:uppercase}.az-showroom .az-assist-body h4{font-size:16px;line-height:1.35;letter-spacing:-.4px;font-weight:600;color:#3d4960;margin:7px 0}.az-assist-body>p{font-size:11px;color:#778298;line-height:1.65;margin:0}.az-guide-chips{display:flex;flex-wrap:wrap;gap:5px;margin:12px 0 10px}.az-guide-chips>span{font-size:9px;padding:4px 7px;border:1px solid #e9e6f2;background:#faf9fc;color:#8c7da4;border-radius:5px}.az-assist-body>p.az-guide-detail{font-size:9px;color:#939dad}.az-assist-body>button{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:12px;padding:10px 0 0;border:0;border-top:1px solid #eceaf1;background:transparent;font-size:10px;color:#6b73a9;text-align:left}.az-assist-body>button[hidden]{display:none}.az-assist-body.is-updated{animation:az-guide-arrive .38s ease-out}.az-progress-body{padding:12px 15px}.az-progress-body .az-live-work{margin:9px 0}.az-progress-body .az-live-work strong{font-size:11px}.az-progress-body .az-live-work small{font-size:10px;line-height:1.45}.az-progress-body>button{font-size:10px;margin-top:8px;padding:8px 0 0}.az-proof-dot{margin-left:auto;width:5px;height:5px;background:#8fab9e;border-radius:50%}.az-tour-bar{display:flex;align-items:center;gap:12px;margin:17px auto 0;max-width:850px;padding:10px 12px;border:1px solid #e7ebf2;border-radius:9px;background:#ffffffb8;color:#738198;font-size:11px;min-height:40px}.az-tour-bar>span[data-tour-label]{flex:1;line-height:1.45}.az-tour-markers{display:flex;gap:5px}.az-tour-markers i{height:4px;width:16px;background:#e0e6ef;border-radius:8px;transition:background .3s,width .3s}.az-tour-markers i[data-state=active]{background:#7f8dca;width:25px}.az-tour-markers i[data-state=complete]{background:#90b4a5}.az-tour-bar>button{border:1px solid #dfe5ee;border-radius:6px;background:#fff;padding:6px 10px;font-size:11px;color:#596a91;white-space:nowrap}.az-stage-below{margin-top:14px;font-size:10px;color:#8792a5}.az-gallery-heading{max-width:1100px;margin:46px auto 26px;text-align:center}.az-gallery-heading>span{font-size:8px;letter-spacing:1.6px;color:#8c97a8;font-weight:600}.az-gallery-heading>p{font-size:12px;color:#7e8a9e;margin:8px 0 0}.az-monitor-rail{margin-bottom:8px;max-width:1080px;gap:32px}.az-monitor-copy strong{font-size:14px;min-height:0}.az-monitor-description{font-size:11px}.az-monitor-copy{padding-top:14px}.az-monitor-cta{font-size:9px;margin-top:8px}.az-monitor-number{top:18px}.az-stage-wrap[data-expanded=true] .az-tour-bar{flex:none;width:min(850px,100%);margin-top:10px;box-sizing:border-box}.az-stage-wrap[data-expanded=true] .az-main-chin{height:16px}
@keyframes az-guide-arrive{from{opacity:.45;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1051px){.az-showroom-intro{display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:center;gap:0 28px;text-align:left}.az-showroom-eyebrow{grid-column:1/-1}.az-showroom .az-showroom-intro h2{margin-bottom:6px}.az-showroom-intro h2 br{display:none}.az-showroom-intro h2 span:before{content:' '}.az-showroom-lead{text-align:left;padding-top:9px;margin:0}}
@media(min-width:1280px){.az-workspace-composition.has-companion{grid-template-columns:minmax(0,1fr) 278px;gap:24px}.az-companion-stack{grid-template-columns:1fr;margin:12px 0 0;gap:18px}.az-assist-monitor{width:95%;margin-left:auto}.az-progress-monitor{width:91%;margin:0 0 0 auto}.az-gallery-heading{margin-top:34px}}
@media(min-width:1650px){.az-workspace-composition.has-companion{grid-template-columns:minmax(0,1fr) 300px;gap:30px}.az-companion-stack{margin-top:20px}}
@media(min-width:760px) and (max-width:1279px){.az-companion-stack{grid-template-columns:1fr 1fr 1fr;max-width:none;gap:14px;margin-top:24px}.az-messaging-monitor iframe{height:330px}.az-assist-body{padding:14px}.az-progress-body{padding:12px}.az-small-title{gap:6px}.az-sample-tag{display:none}.az-window-dots{gap:3px}}
@media(max-width:759px){.az-showroom{padding-top:28px}.az-showroom-intro{margin-bottom:22px}.az-showroom .az-showroom-intro h2{font-size:34px;letter-spacing:-1.4px}.az-stage-heading{margin-bottom:12px}.az-stage-status{max-width:100%}.az-companion-stack{grid-template-columns:1fr;max-width:390px}.az-assist-monitor,.az-progress-monitor{width:100%;margin:0}.az-tour-bar{gap:8px;font-size:10px;padding:9px}.az-tour-markers{display:none}.az-tour-bar>button{font-size:10px}.az-gallery-heading{margin-top:34px}.az-gallery-heading>p{font-size:11px}.az-monitor-rail{gap:20px}}
@media(prefers-reduced-motion:reduce){.az-assist-body.is-updated{animation:none}.az-tour-markers i{transition:none}}

/* Keep playback controls close and the supporting tools to two clear windows. */
.az-primary-device>.az-tour-bar{width:100%}
.az-assist-monitor>.az-progress-monitor{width:100%;margin:0;border:0;border-top:1px solid #e8ecf3;border-radius:0;box-shadow:none;background:#f9fafd}
.az-assist-monitor>.az-progress-monitor>.az-small-title{min-height:0;padding:10px 14px 0;border:0;background:transparent}
.az-assist-monitor .az-progress-body{padding:6px 14px 10px}
.az-assist-monitor .az-progress-eyebrow,.az-assist-monitor .az-work-icon{display:none}
.az-assist-monitor .az-live-work{margin:0}
.az-assist-monitor .az-live-work>div{display:flex;flex-wrap:wrap;gap:2px 10px}
.az-assist-monitor .az-live-work strong{flex-basis:100%}
.az-assist-monitor .az-live-work small{margin-top:0}
.az-assist-monitor .az-progress-body>button{margin-top:6px;padding-top:6px}
.az-guide-chips{margin:8px 0}
@media(min-width:1280px){.az-messaging-monitor iframe{height:clamp(300px,calc(var(--az-demo-height) - 300px),330px)}}
@media(min-width:760px) and (max-width:1279px){.az-companion-stack{grid-template-columns:1fr 1fr;max-width:900px}}

/* Controls belong to the website, above the physical monitor. */
.az-playback-dock{position:sticky;top:calc(var(--az-host-top,16px) + var(--az-quick-height,48px) + 12px);z-index:9;flex:none;margin:0 0 16px;padding:12px 14px 0;border:1px solid #d9e0ed;border-radius:12px;background:#fbfcfe;box-shadow:0 5px 18px -12px #2b3e7040;color:#354966;overflow:hidden}
.az-playback-row{display:flex;align-items:center;gap:10px;min-height:38px}.az-showroom .az-playback-row button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:8px 12px;border:1px solid #dae1ee;border-radius:7px;background:white;font-size:12px;line-height:1.3;color:#344967;white-space:nowrap}.az-showroom .az-playback-row .az-playback-primary{min-width:112px;background:#4057ac;border-color:#4057ac;color:white;font-weight:600;box-shadow:0 2px 4px #4057ac19}.az-playback-row button:hover{filter:brightness(.97)}.az-playback-row button:disabled,.az-playback-speed select:disabled{cursor:wait;opacity:.5}.az-playback-speed{display:flex;align-items:center;gap:7px;font-size:11px;color:#64758e;margin-left:2px}.az-playback-speed select{font:inherit;font-size:12px;min-height:34px;padding:5px 7px;border:1px solid #dbe2ef;border-radius:6px;background:#fff;color:#344967}.az-playback-speed select:focus-visible{outline:3px solid #6479ce;outline-offset:3px}.az-playback-duration{font-size:11px;color:#778398;white-space:nowrap}.az-playback-note{margin-left:auto;text-align:right;font-size:11px;line-height:1.5;color:#62738c;max-width:290px}.az-playback-chapters{display:flex;gap:20px;list-style:none;margin:12px 0;padding:0;overflow:auto;scrollbar-width:thin}.az-playback-chapters:empty{min-height:23px}.az-playback-chapters li{display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:12px;color:#7a879c}.az-playback-chapters li>span:first-child{display:grid;place-items:center;width:21px;height:21px;border:1px solid #d7e0ee;border-radius:50%;font-size:11px;background:white}.az-playback-chapters li[data-current=true]{color:#304878;font-weight:600}.az-playback-chapters li[data-current=true]>span:first-child{background:#4b63b6;color:white;border-color:#4b63b6}.az-playback-chapters li[data-complete=true]>span:first-child{background:#eaf3ef;border-color:#cedfd5;color:#39735b}.az-playback-caption{display:flex;gap:9px;align-items:center;min-height:40px;height:40px;margin:0 -14px;padding:6px 14px;border-top:1px solid #e5ebf5;background:#edf3fd;color:#2c4982;font-size:13px;line-height:18px;font-weight:500}.az-playback-caption>span:last-child{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.az-playback-caption-dot{flex:none;width:5px;height:5px;border-radius:50%;background:#6682c6;box-shadow:0 0 0 3px #dce7fa}.az-playback-progress{height:2px;margin:0 -14px;background:#e4e9f2}.az-playback-progress>i{display:block;height:100%;background:#6f83c2;width:0;transition:width .3s ease}.az-showroom .az-playback-error{color:#93402c;font-size:12px;line-height:1.5;margin:10px 0}.az-playback-dock[data-playable=false] .az-playback-primary,.az-playback-dock[data-playable=false] .az-playback-speed,.az-playback-dock[data-playable=false] .az-playback-duration{display:none}.az-playback-dock[data-playable=false] .az-playback-note{max-width:none;text-align:left}.az-stage-wrap[data-expanded=true] .az-playback-dock{position:static;margin-bottom:10px;flex:none}.az-primary-device>.az-tour-bar{justify-content:center}.az-tour-bar [data-tour-label]{margin-right:0}
@media(min-width:1280px){.az-companion-stack{padding-top:var(--az-controls-height,144px)}}
@media(max-width:1050px){.az-playback-note{max-width:210px}.az-playback-chapters{gap:15px}}
@media(max-width:759px){.az-playback-dock{padding:10px 10px 0;margin-bottom:12px;border-radius:9px}.az-playback-row{gap:8px;flex-wrap:wrap}.az-playback-note{flex-basis:100%;text-align:left;margin:0;max-width:none}.az-playback-chapters{font-size:11px;gap:16px;margin:10px 0}.az-playback-chapters li{font-size:11px}.az-playback-caption{margin:0 -10px;padding:6px 10px;font-size:12px}.az-playback-progress{margin:0 -10px}}
@media(prefers-reduced-motion:reduce){.az-playback-progress>i{transition:none}}

/* The primary workspace gets the available screen, with companions secondary. */
.az-showroom{padding-left:clamp(14px,2vw,28px);padding-right:clamp(14px,2vw,28px)}
.az-stage-wrap,.az-showroom-intro{max-width:1880px}
.az-showroom .az-workspace-composition.has-companion{display:block}
.az-showroom .az-companion-stack{display:grid;grid-template-columns:1fr 1fr;max-width:900px;padding-top:0;margin:24px auto 0;gap:20px}
.az-showroom .az-assist-monitor{width:100%;margin:0}
.az-showroom .az-scenario-panel{min-height:min(360px,var(--az-demo-height));max-height:820px}
.az-playback-dock{padding-top:10px;margin-bottom:12px}
.az-playback-chapters{margin-top:8px;margin-bottom:8px}
.az-playback-caption{height:36px;min-height:36px}
.az-stage-heading{margin-bottom:10px}
.az-showroom-intro{margin-bottom:18px}
.az-main-bezel{height:14px}.az-main-chin{height:17px}
@media(min-width:1600px){
 .az-showroom .az-workspace-composition.has-companion{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:24px;align-items:start}
 .az-showroom .az-companion-stack{grid-template-columns:1fr;max-width:none;gap:18px;margin:0;padding-top:var(--az-controls-height,140px)}
 .az-showroom .az-assist-monitor{width:96%;margin-left:auto}
}
@media(max-width:759px){.az-showroom .az-companion-stack{grid-template-columns:1fr;max-width:410px;gap:16px}.az-playback-caption{height:40px;min-height:40px}}
/* Expanded mode continues to use the actual flex-allocated screen height. */
.az-showroom .az-stage-wrap[data-expanded=true]{max-width:none}
.az-showroom .az-stage-wrap[data-expanded=true] .az-workspace-composition{display:flex;flex-direction:column;min-height:0;flex:1}
.az-showroom .az-stage-wrap[data-expanded=true] .az-companion-stack{display:none}
.az-showroom .az-stage-wrap[data-expanded=true] .az-scenario-panel{min-height:0;max-height:none;height:100%}

.az-showroom .az-workspace-composition{position:relative}
.az-showroom .az-flow-bridge{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:4;opacity:0;color:#7b99da}
.az-showroom .az-flow-bridge path{fill:none;stroke:currentColor;vector-effect:non-scaling-stroke;stroke-linecap:round}
.az-showroom .az-flow-track{stroke-width:1;opacity:.16}
.az-showroom .az-flow-soft{stroke-width:7;filter:blur(3px);opacity:.5}
.az-showroom .az-flow-core{stroke-width:2;opacity:.95}
.az-showroom .az-flow-soft,.az-showroom .az-flow-core{stroke-dasharray:19 101;stroke-dashoffset:120}
.az-showroom .az-flow-arrival{fill:currentColor;opacity:0}
.az-showroom .az-flow-active .az-flow-bridge{opacity:1}
.az-showroom .az-flow-active .az-flow-soft,.az-showroom .az-flow-active .az-flow-core{animation:az-connected-pulse 1.5s cubic-bezier(.3,0,.22,1) both}
.az-showroom .az-flow-active .az-flow-arrival{animation:az-connected-arrival 1.5s ease both}
.az-showroom [data-flow-kind=signature] .az-flow-bridge,.az-showroom [data-flow-kind=complete] .az-flow-bridge{color:#72a998}
.az-showroom .az-main-monitor.az-flow-sent{animation:az-source-edge 1.5s ease both}
.az-showroom .az-small-monitor.az-flow-received{animation:az-target-edge 1.5s ease both}
.az-showroom .az-stage-wrap[data-expanded=true] .az-flow-bridge{display:none}
@keyframes az-connected-pulse{0%{stroke-dashoffset:120;opacity:0}12%{opacity:1}86%{opacity:1}100%{stroke-dashoffset:-20;opacity:0}}
@keyframes az-connected-arrival{0%,64%{opacity:0}78%{opacity:.85}100%{opacity:0}}
@keyframes az-source-edge{0%,100%{border-color:#b1bbc9}28%{border-color:#879cc8}}
@keyframes az-target-edge{0%,42%,100%{border-color:#e0e5ee}72%{border-color:#8fa6cb;box-shadow:0 0 0 2px #adc7f022,0 9px 26px #30497015}}
@media(prefers-reduced-motion:reduce){.az-showroom .az-flow-bridge{display:none!important}.az-showroom .az-flow-sent,.az-showroom .az-flow-received{animation:none!important}}

/* The full conversation gets room to breathe below the main product monitor. */
.az-story-connection .az-small-monitor{width:100%;margin:0;border-color:#dbe1ec;border-radius:16px;background:#fff;box-shadow:0 20px 48px -34px #24365d44,0 2px 8px #1d33580a;transition:box-shadow .55s ease,border-color .55s ease}
.az-story-connection .az-small-title{min-height:43px;gap:10px;padding:12px 16px;background:linear-gradient(180deg,#fff,#f7f9fc);border-bottom:1px solid #e8edf5}
.az-story-connection .az-small-title strong{font-size:12px;letter-spacing:0;font-weight:650;color:#465675}
.az-story-connection .az-window-dots{gap:5px}.az-story-connection .az-window-dots i{width:6px;height:6px}
.az-story-connection .az-sample-tag{font-size:10px;color:#7c89a0}
.az-story-connection .az-messaging-monitor iframe{height:440px;min-height:440px;width:100%;display:block;border:0}
.az-story-connection .az-assist-body{padding:25px 26px 20px}
.az-story-connection .az-guide-eyebrow{font-size:9px;line-height:1.6;letter-spacing:1.3px;color:#6b759c}
.az-showroom .az-story-connection .az-assist-body h4{font-size:clamp(20px,1.8vw,25px);line-height:1.24;letter-spacing:-.7px;font-weight:600;color:#2e3e5d;margin:10px 0}
.az-story-connection .az-assist-body>p{font-size:13px;line-height:1.75;color:#77839a;max-width:43ch}
.az-story-connection .az-guide-chips{gap:6px;margin:16px 0 12px}
.az-story-connection .az-guide-chips>span{font-size:10px;color:#64718e;border-color:#e1e6f0;background:#f7f9fd;border-radius:20px;padding:5px 9px}
.az-story-connection .az-assist-body>p.az-guide-detail{font-size:11px;line-height:1.65;color:#7c8ba2}
.az-story-connection .az-assist-body>button{font-size:12px;font-weight:500;color:#4e64a2;padding-top:12px;margin-top:15px;border-color:#e9edf4}
.az-story-connection .az-assist-body>button[hidden]{display:none}
.az-story-connection .az-progress-monitor{width:100%;margin:0;background:#fbfcfe;border-top:1px solid #e7ecf4;border-radius:0;box-shadow:none}
.az-story-connection .az-progress-monitor .az-small-title{min-height:0;background:none;border:0;padding:17px 26px 0}
.az-story-connection .az-progress-monitor .az-small-title strong{font-size:11px;color:#63748e;font-weight:500}
.az-story-connection .az-progress-monitor .az-progress-body{padding:14px 26px 20px}
.az-story-connection .az-progress-eyebrow{font-size:9px;letter-spacing:1px;color:#8694a9}
.az-story-connection .az-live-work{gap:12px;margin:12px 0 3px;align-items:flex-start}
.az-story-connection .az-live-work strong{font-size:12px;line-height:1.5;color:#4b607f}
.az-story-connection .az-live-work small{font-size:11px;line-height:1.6;color:#8896aa;margin-top:3px}
.az-story-connection .az-work-icon{margin-top:2px;width:28px;height:28px;border-radius:9px;background:#eef2fc;color:#6d80b0}
.az-story-connection .az-progress-body>button{font-size:11px;line-height:1.5;margin-top:11px;padding-top:11px;border-top-color:#e7edf5;color:#60779f}
.az-story-connection .az-progress-body>button:disabled{color:#9ba7ba}
.az-connection-status{display:inline-flex;align-items:center;gap:9px;max-width:270px;font-size:11px;line-height:1.6;color:#78869d}
.az-connection-status>i{width:6px;height:6px;flex:none;border-radius:50%;background:#b7c1d3;box-shadow:0 0 0 4px #eff2f8}
.az-connection-status[data-companion-flow-state=playing]>i{background:#7793c4;box-shadow:0 0 0 4px #edf2fc;animation:az-v15-connected-breath 2.8s ease-in-out infinite}
.az-connection-status[data-companion-flow-state=complete]>i{background:#729a87;box-shadow:0 0 0 4px #eef5f1}
.az-story-connection[data-arrival=true] .az-assist-monitor{border-color:#c6d3ed;box-shadow:0 0 0 3px #e9effb66,0 20px 48px -34px #24365d44;animation:az-v15-arrival .6s cubic-bezier(.18,.7,.25,1) both}
.az-live-story-ribbon[data-arrival=true]{animation:az-v15-ribbon-arrival .6s cubic-bezier(.18,.7,.25,1) both}
.az-live-story-signal{display:flex;align-items:center;gap:3px;justify-content:center;min-width:21px;height:22px}
.az-live-story-signal>i{display:block;width:3px;height:4px;background:#a4b0c6;border-radius:3px}
.az-live-story-signal[data-live-work-state=playing]>i{background:#7c92be;animation:az-v15-work-wave 1.7s ease-in-out infinite}
.az-live-story-signal[data-live-work-state=playing]>i:nth-child(2){animation-delay:.16s}.az-live-story-signal[data-live-work-state=playing]>i:nth-child(3){animation-delay:.32s}
@keyframes az-v15-connected-breath{0%,100%{box-shadow:0 0 0 4px #edf2fc}50%{box-shadow:0 0 0 7px #edf2fc55}}
@keyframes az-v15-work-wave{0%,100%{height:4px;opacity:.65}50%{height:14px;opacity:1}}
@keyframes az-v15-arrival{from{opacity:.6;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@keyframes az-v15-ribbon-arrival{from{opacity:.55}to{opacity:1}}
@media(max-width:759px){.az-story-connection .az-messaging-monitor iframe{height:450px;min-height:450px}.az-story-connection .az-assist-body{padding:21px}.az-story-connection .az-progress-monitor .az-small-title{padding:16px 21px 0}.az-story-connection .az-progress-monitor .az-progress-body{padding:12px 21px 18px}.az-story-connection .az-sample-tag{font-size:9px}}
@media(prefers-reduced-motion:reduce){.az-story-connection .az-small-monitor{transition:none}.az-connection-status>i,.az-live-story-signal>i,.az-story-connection[data-arrival=true] .az-assist-monitor,.az-live-story-ribbon[data-arrival=true]{animation:none!important}}

/* The next-step window changes with accepted actions, not with idle heartbeats. */
.az-guide-action-path{padding:18px 19px 14px;border-bottom:1px solid #e9edf5;background:linear-gradient(160deg,#fbfcff,#f6f8fd)}
.az-guide-now-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}
.az-guide-now-heading>span{font-size:8px;letter-spacing:1.1px;font-weight:600;color:#8390a7}
.az-guide-now-heading>strong{font-size:9px;font-weight:550;letter-spacing:.2px;color:#8190aa;border:1px solid #e2e7f1;background:#fff;border-radius:12px;padding:3px 7px}
.az-guide-action-path[data-playing=true] .az-guide-now-heading>strong{color:#5873ac;border-color:#dce5f5;background:#f2f6ff}
.az-guide-action-path .az-guide-now-label{margin:11px 0 13px;font-size:13px;line-height:1.6;font-weight:500;letter-spacing:-.1px;color:#374b6d;overflow-wrap:anywhere}
.az-guide-step-list{list-style:none;display:grid;gap:10px;margin:0;padding:0;font-size:10px;line-height:1.5}
.az-guide-step-list>li{display:flex;gap:8px;align-items:flex-start;position:relative;min-width:0}
.az-guide-step-list>li:not(:last-child)::after{content:"";position:absolute;top:17px;bottom:-9px;left:7px;width:1px;background:#e3e8f1}
.az-guide-step-marker{display:grid;place-items:center;width:15px;height:15px;border:1px solid #dde5f0;border-radius:50%;background:#fff;color:#9cabc0;font:10px/1 system-ui;flex:none;margin-top:1px;position:relative;z-index:1}
.az-guide-step-list>li>span:last-child{min-width:0}.az-guide-step-list strong{display:block;font-size:8px;letter-spacing:.5px;text-transform:uppercase;font-weight:550;color:#94a0b4;margin-bottom:2px}.az-guide-step-list>li>span:last-child>span{display:block;font-size:10px;line-height:1.5;color:#8795aa;overflow-wrap:anywhere}
.az-guide-step-list [data-guide-step-state=complete] .az-guide-step-marker{border-color:#dce9e2;background:#f0f6f2;color:#739384}
.az-guide-step-list [data-guide-step-state=doing] .az-guide-step-marker{border-color:#ccd8ee;background:#eaf0fc;color:#6985b6;font-size:14px}
.az-guide-step-list [data-guide-step-state=doing] strong{color:#6780a8}
.az-guide-step-list [data-guide-step-state=doing]>span:last-child>span{display:none}
.az-guide-step-list [data-guide-step-state=next]{opacity:.75}
.az-guide-action-path[data-step-arrival=true][data-playing=true] .az-guide-now-label{animation:az-v16-step-caption .48s cubic-bezier(.2,.7,.3,1) both}
.az-guide-action-path[data-step-arrival=true][data-playing=true] .az-guide-step-list>li{animation:az-v16-step-caption .45s cubic-bezier(.2,.7,.3,1) both}
.az-guide-action-path[data-step-arrival=true][data-playing=true] .az-guide-step-list>li:nth-child(2){animation-delay:.08s}.az-guide-action-path[data-step-arrival=true][data-playing=true] .az-guide-step-list>li:nth-child(3){animation-delay:.15s}
.az-story-connection .az-assist-body{padding:17px 19px 15px}
.az-showroom .az-story-connection .az-assist-body h4{font-size:16px;line-height:1.35;letter-spacing:-.3px;margin:7px 0}
.az-story-connection .az-assist-body>p{font-size:11px;line-height:1.65}
.az-story-connection .az-guide-chips{gap:4px;margin:11px 0 9px}.az-story-connection .az-guide-chips>span{font-size:8px;padding:4px 7px}
.az-story-connection .az-guide-eyebrow{font-size:8px;letter-spacing:1px}
.az-story-connection .az-assist-body>p.az-guide-detail{font-size:10px;line-height:1.5}
.az-story-connection .az-assist-body>button{font-size:10px;margin-top:10px;padding-top:10px}
.az-story-connection .az-progress-monitor>summary{cursor:pointer;list-style:none;min-height:38px;padding:13px 19px;border-top:1px solid #e9edf4}
.az-story-connection .az-progress-monitor>summary::-webkit-details-marker{display:none}
.az-story-connection .az-progress-monitor>summary strong{font-size:10px;font-weight:500;color:#7c8ba2}
.az-story-connection .az-progress-monitor>summary:focus-visible{outline:2px solid #758fbe;outline-offset:-3px}
.az-story-connection .az-progress-monitor>summary::after{content:"+";font-size:13px;font-weight:400;color:#94a1b5;margin-left:4px}
.az-story-connection .az-progress-monitor[open]>summary::after{content:"−"}
.az-story-connection .az-progress-monitor .az-progress-body{padding:5px 19px 15px}
@keyframes az-v16-step-caption{from{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.az-guide-action-path .az-guide-now-label,.az-guide-action-path .az-guide-step-list>li{animation:none!important}}

/* The light arrives around the product. The screen and its controls remain unobstructed. */
.az-showroom{padding-top:74px;background:radial-gradient(ellipse 70% 400px at 50% 50px,#fff 12%,#f7f8ff 65%,transparent),linear-gradient(180deg,#f6f7fc,#f7f9fd 44%,#fcfdff);--az-ink:#202c43}
.az-showroom .az-showroom-halo{opacity:.23;inset:30px -10% auto;height:540px;background:radial-gradient(ellipse at 18% 60%,#b6b7ec66,transparent 42%),radial-gradient(ellipse at 84% 57%,#b7cafa5c,transparent 42%)}
.az-showroom .az-light-entry{position:absolute;z-index:0;top:0;left:0;right:0;height:var(--az-light-depth,610px);overflow:visible;pointer-events:none;user-select:none}
.az-showroom .az-light-entry svg{display:block;width:100%;height:100%;overflow:visible}
.az-showroom .az-river-haze{opacity:.75}
.az-showroom .az-river-traces{opacity:.85}
.az-showroom .az-river-spark{stroke-dasharray:18 110;stroke-dashoffset:20;opacity:.94;animation:az-v16-river-flow 6.4s linear infinite;animation-play-state:paused}
.az-showroom .az-river-spark--one{animation-delay:-.8s}
.az-showroom .az-river-spark--two{animation-delay:-3.9s}
.az-showroom .az-river-spark--three{animation-duration:8.2s;animation-delay:-5s;opacity:.65}
.az-showroom .az-river-spark--four{animation-duration:8.2s;animation-delay:-1.2s;opacity:.65}
.az-showroom .az-river-spark--bloom{opacity:.8}
.az-showroom[data-ambient-active=true] .az-river-spark{animation-play-state:running}
.az-showroom .az-light-arrival{position:absolute;bottom:-28px;left:7%;right:7%;height:60px;border-radius:50%;background:radial-gradient(ellipse,#a8b9f226,transparent 70%);filter:blur(9px);pointer-events:none}
.az-showroom .az-showroom-intro,.az-showroom .az-stage-wrap,.az-showroom .az-gallery-heading,.az-showroom .az-monitor-rail{position:relative;z-index:1}
.az-showroom .az-showroom-intro{display:block;max-width:1100px;margin:0 auto 28px;text-align:center}
.az-showroom .az-showroom-eyebrow{font-size:10px;letter-spacing:2px;color:#667695}
.az-showroom .az-showroom-intro h2{font-size:clamp(40px,4vw,60px);font-weight:550;letter-spacing:-2.4px;line-height:1.06;margin:17px 0 16px}
.az-showroom .az-showroom-intro h2 br{display:block}
.az-showroom .az-showroom-intro h2 span{color:#627397}
.az-showroom .az-showroom-intro h2 span:before{content:none}
.az-showroom .az-showroom-lead{font-size:15px;line-height:1.75;text-align:center;max-width:570px;margin:0 auto;padding:0;color:#61708b}
.az-showroom .az-stage-wrap{max-width:1680px}
.az-showroom .az-stage-heading{margin-bottom:13px}
.az-showroom .az-stage-kicker{letter-spacing:1.5px}
.az-showroom .az-quick-switch{background:#ffffffef;border-color:#dfe5f2;border-radius:12px;box-shadow:0 1px 0 #fff inset,0 8px 28px -19px #63729666}
.az-showroom .az-playback-dock{border-radius:11px;background:#ffffffde;box-shadow:0 1px 0 #fff inset;margin-bottom:17px}
.az-showroom .az-workspace-composition.has-companion{display:block}
.az-showroom .az-primary-device{position:relative}

/* The dark frame, camera, metallic chin and pedestal identify a physical monitor. */
.az-showroom .az-main-monitor{position:relative;padding:0 8px;border:1px solid #586072;border-radius:20px 20px 12px 12px;background:linear-gradient(90deg,#313947,#202734 48%,#3b4555);box-shadow:0 0 0 1px #dee4f3,0 2px 0 2px #151f332e,0 32px 65px -38px #24334d99,0 10px 28px #3b4b6d18}
.az-showroom .az-main-bezel{height:22px;background:linear-gradient(180deg,#3b4351,#242c3a);color:#b6bdcc;font-size:5.5px;letter-spacing:2px;gap:9px}
.az-showroom .az-main-bezel i:first-child{width:5px;height:5px;background:radial-gradient(circle at 40% 36%,#7b94b8 0%,#24354e 27%,#0c131f 62%);box-shadow:0 0 0 2px #495264,0 0 0 3px #222b3b}
.az-showroom .az-main-bezel i:last-child{width:2px;height:2px;background:#727c8d;box-shadow:none}
.az-showroom .az-main-screen{border:1px solid #0d182c;border-radius:4px;box-shadow:0 0 0 1px #505d72;isolation:isolate}
.az-showroom .az-main-chin{height:29px;margin:0 -8px;background:linear-gradient(180deg,#aab5c5,#d6dee9 35%,#bbc5d3 88%,#8f9baa);border-top:1px solid #303c50;border-bottom:1px solid #b4becd;font-size:7px;font-weight:650;letter-spacing:3.2px;color:#45556d;text-shadow:0 1px 0 #ffffff66}
.az-showroom .az-main-chin i{height:3px;width:3px;right:23px;background:#7b998d;box-shadow:0 0 0 1px #6f82785e,0 0 5px #a9d0bf}
.az-showroom .az-main-neck{position:relative;z-index:0;height:40px;width:13%;min-width:100px;max-width:190px;margin:0 auto;background:linear-gradient(90deg,#a6b2c4 0%,#dae1eb 22%,#f8faff 47%,#bbc7d7 74%,#9ba9bf);clip-path:polygon(23% 0,77% 0,96% 100%,4% 100%);box-shadow:inset 0 8px 12px #3c4c6933}
.az-showroom .az-main-foot{position:relative;z-index:1;height:10px;width:31%;min-width:190px;max-width:410px;background:linear-gradient(180deg,#eef2f8 0%,#c1ccdc 58%,#8f9eb6 100%);border:1px solid #9facc0;border-bottom-color:#8191aa;border-radius:80% 80% 5px 5px;box-shadow:0 10px 20px #283c5c29,0 2px 2px #fff inset}
.az-showroom .az-main-foot:after{content:"";position:absolute;pointer-events:none;z-index:-1;top:5px;left:-15%;width:130%;height:15px;border-radius:50%;background:#586b8d14;filter:blur(7px)}
.az-showroom .az-monitor-choice[aria-pressed=true] .az-mini-device{box-shadow:0 0 0 4px #819ac012,0 16px 30px -18px #536d975c,0 2px 8px #293d620d}

/* The compact outcome stays with the screen. The full conversation has its own space below. */
.az-showroom :is(.az-live-story-ribbon,.az-live-work-ribbon){display:grid;grid-template-columns:23px minmax(0,1fr);gap:12px;align-items:center;max-width:1060px;min-height:54px;margin:20px auto 0;padding:10px 15px;border:1px solid #dce4f2;border-radius:12px;background:linear-gradient(100deg,#fff,#f8faff);box-shadow:0 5px 18px -15px #39527450;font-size:11px;color:#667792}
.az-showroom .az-live-story-copy{display:grid;grid-template-columns:auto minmax(0,1fr);gap:3px 10px;min-width:0}
.az-showroom :is(.az-live-story-ribbon,.az-live-work-ribbon) [data-live-work-kind]{grid-column:1;grid-row:1;display:block;align-self:center;color:#6d7e9d;font-size:8px;font-weight:600;letter-spacing:.7px;white-space:nowrap}
.az-showroom :is(.az-live-story-ribbon,.az-live-work-ribbon) [data-live-work-title]{grid-column:2;grid-row:1;font-size:12px;line-height:1.35;font-weight:600;color:#3d4e6c}
.az-showroom :is(.az-live-story-ribbon,.az-live-work-ribbon) [data-live-work-detail]{grid-column:1/-1;grid-row:2;font-size:11px;line-height:1.4;color:#73819b}
.az-showroom :is(.az-live-story-ribbon,.az-live-work-ribbon) [data-live-work-state]{grid-column:1;grid-row:1;display:flex;align-items:center;justify-content:center;gap:3px}
.az-showroom :is(.az-live-story-ribbon,.az-live-work-ribbon).is-updated{animation:az-v16-outcome-arrive .6s cubic-bezier(.2,.65,.2,1) both}
.az-showroom .az-primary-device>.az-tour-bar{margin-top:12px;max-width:1060px;border-color:transparent;background:transparent;padding:4px 3px;min-height:28px;font-size:10px}
.az-showroom .az-companion-stack{position:relative;display:grid;grid-template-columns:minmax(0,1.07fr) minmax(0,.93fr);align-items:start;gap:22px;max-width:1180px;margin:56px auto 0;padding:30px;border:1px solid #e0e6f0;border-radius:24px;background:linear-gradient(135deg,#f0f3fa99,#fbfcff 55%,#eff1f966);box-shadow:0 1px 0 #fff inset,0 18px 60px -38px #52617a36}
.az-showroom :is(.az-companion-orbit-heading,.az-connection-heading){grid-column:1/-1;display:flex;align-items:end;justify-content:space-between;flex-wrap:wrap;gap:10px 22px;padding:0 0 6px}
.az-showroom :is(.az-companion-orbit-heading,.az-connection-heading)>span:not(.az-connection-status),.az-showroom :is(.az-companion-orbit-heading,.az-connection-heading) [class*=kicker]{display:block;font-size:9px;letter-spacing:1.7px;font-weight:600;color:#7a87a1}
.az-showroom :is(.az-companion-orbit-heading,.az-connection-heading) h3{font-size:23px;line-height:1.25;font-weight:550;letter-spacing:-.65px;color:#3d4d68;margin:6px 0 0}
.az-showroom :is(.az-companion-orbit-heading,.az-connection-heading) p{font-size:12px;line-height:1.55;color:#77859c;max-width:350px}
.az-showroom .az-small-monitor{min-width:0;border:1px solid #ccd6e7;border-radius:15px;background:#fff;box-shadow:0 1px 0 #fff inset,0 16px 38px -26px #34496d61,0 3px 8px #273b5906}
.az-showroom .az-small-title{min-height:43px;padding:11px 15px;background:linear-gradient(#fcfdff,#f3f6fc);border-bottom-color:#e3e8f2;gap:10px}
.az-showroom .az-small-title strong{font-size:12px;color:#4a5a77}
.az-showroom .az-sample-tag{font-size:9px;color:#8090a8}
.az-showroom .az-assist-monitor,.az-showroom .az-progress-monitor{width:100%;margin:0}
.az-showroom .az-assist-monitor>.az-progress-monitor{border-radius:0 0 15px 15px}
.az-showroom .az-gallery-heading{margin-top:48px}
.az-showroom [data-motion-toggle]{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:35px;padding:7px 11px;border:1px solid #dfe3ec;border-radius:6px;background:#ffffffb8;color:#667491;font-size:11px;line-height:1.4;cursor:pointer}
.az-showroom [data-motion-toggle]:hover{background:#fff;color:#405374}
.az-showroom [data-motion-toggle]:focus-visible{outline:3px solid #6479ce;outline-offset:4px}
.az-showroom .az-showroom-intro>[data-motion-toggle]{position:absolute;right:0;top:-56px;font-size:10px;min-height:30px;padding:5px 9px;border-color:#dfe4ef99;background:#ffffff85;color:#75809b}
.az-showroom [data-motion-toggle]:disabled{cursor:default;opacity:.7}

/* The invitation keeps the approved composition, with continuous streams through the Azora mark. */
.az-chapter-close{position:relative;isolation:isolate;overflow:hidden;box-sizing:border-box;margin:0;padding:clamp(255px,27vw,365px) 24px 80px;background:#101b2b;color:#f3f6fc;font-family:Inter,"Segoe UI",Arial,sans-serif;text-align:center}
.az-chapter-close *{box-sizing:border-box}
.az-chapter-close::before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(ellipse 460px 190px at 50% 165px,#263b6269,transparent 78%),linear-gradient(125deg,#26395035,transparent 38%),linear-gradient(320deg,#1e32402d,transparent 40%);border-top:1px solid #35465f}
.az-chapter-close .az-close-art{position:absolute;z-index:-1;top:8px;left:50%;width:min(1200px,100%);transform:translateX(-50%);pointer-events:none;user-select:none}
.az-chapter-close .az-close-art svg{display:block;width:100%;height:auto}
.az-chapter-close .az-close-spark{opacity:.95;stroke:#e2eeff;stroke-width:2.2;stroke-dasharray:16 100;stroke-dashoffset:18;filter:drop-shadow(0 0 5px #c0d5ff);animation:az-v16-close-flow 5.8s linear infinite;animation-play-state:paused;animation-delay:-1.1s}
.az-chapter-close .az-close-spark--second{stroke:#b8cafc;animation-duration:6.8s;animation-delay:-4s}
.az-chapter-close[data-closing-active=true] .az-close-spark{animation-play-state:running}
.az-chapter-close .az-close-copy{max-width:780px;margin:0 auto}
.az-chapter-close .az-close-motion{position:absolute;right:24px;top:22px;display:inline-flex;align-items:center;justify-content:center;min-height:31px;padding:6px 10px;border:1px solid #7589a04d;border-radius:6px;background:#24364c55;color:#a5b9d2;font:400 10px/1.4 Inter,"Segoe UI",Arial,sans-serif;cursor:pointer}
.az-chapter-close .az-close-motion:hover{color:#eaf2ff;background:#30456088}
.az-chapter-close .az-close-motion:focus-visible{outline:3px solid #a6c4ef;outline-offset:5px}
.az-chapter-close .az-close-motion:disabled{opacity:.65;cursor:default}
.az-chapter-close .az-close-eyebrow{display:flex;align-items:center;justify-content:center;gap:9px;margin:0 0 18px;font-size:9px;font-weight:600;letter-spacing:2px;color:#a0b4ce}
.az-chapter-close .az-close-eyebrow span{display:block;width:5px;height:5px;border-radius:50%;background:#9cbcac;box-shadow:0 0 0 4px #9cbcac0b}
.az-chapter-close h2{margin:0;font-size:clamp(36px,4.2vw,62px);line-height:1.08;font-weight:500;letter-spacing:-2.2px;color:#f4f7fb}
.az-chapter-close h2 span{color:#c0cde0}
.az-chapter-close .az-close-lead{max-width:540px;margin:23px auto 0;font-size:15px;line-height:1.7;font-weight:400;color:#b5c3d6}
.az-chapter-close .az-close-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:14px 26px;margin-top:30px}
.az-chapter-close .az-close-actions button,.az-chapter-close .az-close-actions a{display:inline-flex;align-items:center;justify-content:center;gap:17px;min-height:46px;padding:12px 18px;border-radius:8px;font:500 13px/1.45 Inter,"Segoe UI",Arial,sans-serif;text-decoration:none;cursor:pointer;transition:background .18s,color .18s,box-shadow .18s}
.az-chapter-close .az-close-actions button{border:1px solid #e4edfa;background:#edf3fd;color:#273b59;box-shadow:0 1px 0 #fff inset,0 5px 16px #00000017}
.az-chapter-close .az-close-actions button:hover{background:#fff;box-shadow:0 1px 0 #fff inset,0 5px 23px #a1bde712}
.az-chapter-close .az-close-actions a{border:1px solid transparent;background:transparent;color:#c1cee1}
.az-chapter-close .az-close-actions a:hover{background:#ffffff06;color:#f8fbff}
.az-chapter-close .az-close-actions span{font-size:17px;font-weight:400}
.az-chapter-close .az-close-actions button:focus-visible,.az-chapter-close .az-close-actions a:focus-visible{outline:3px solid #a6c4ef;outline-offset:5px}

@keyframes az-v16-river-flow{from{stroke-dashoffset:20}to{stroke-dashoffset:-108}}
@keyframes az-v16-close-flow{from{stroke-dashoffset:18}to{stroke-dashoffset:-98}}
@keyframes az-v16-outcome-arrive{from{opacity:.55;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}

@media(min-width:1600px){
 .az-showroom .az-workspace-composition.has-companion{display:block}
 .az-showroom .az-companion-stack{grid-template-columns:minmax(0,1.07fr) minmax(0,.93fr);max-width:1180px;gap:22px;margin:56px auto 0;padding:30px}
 .az-showroom .az-assist-monitor{width:100%;margin:0}
}
@media(max-width:1050px){
 .az-showroom{padding-top:76px}
 .az-showroom .az-showroom-intro{margin-bottom:35px}
 .az-showroom .az-showroom-intro h2{font-size:clamp(38px,5.3vw,56px);letter-spacing:-2.1px}
 .az-showroom .az-light-entry{left:-100px;right:-100px}
 .az-showroom .az-companion-stack{gap:17px;padding:23px;margin-top:42px}
 .az-showroom :is(.az-companion-orbit-heading,.az-connection-heading) h3{font-size:21px}
}
@media(min-width:1000px){
 .az-showroom :is(.az-live-story-ribbon,.az-live-work-ribbon){position:relative;grid-template-columns:21px minmax(0,1fr);align-content:center;gap:10px;width:calc(50% - 225px);max-width:610px;height:50px;min-height:50px;margin:-50px 0 0;padding:4px 12px;background:#ffffffa6;border-color:#dfe5f180;box-shadow:none;border-radius:9px}
 .az-showroom .az-live-story-copy{grid-template-columns:minmax(0,1fr);gap:1px}
 .az-showroom :is(.az-live-story-ribbon,.az-live-work-ribbon) [data-live-work-kind]{grid-column:1;grid-row:1;overflow:hidden;text-overflow:ellipsis;font-size:9px;line-height:1.2;letter-spacing:.7px;text-transform:uppercase}
 .az-showroom :is(.az-live-story-ribbon,.az-live-work-ribbon) [data-live-work-title]{grid-column:1;grid-row:2;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.2}
 .az-showroom :is(.az-live-story-ribbon,.az-live-work-ribbon) [data-live-work-detail]{grid-column:1;grid-row:3;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.2}
}
@media(max-width:759px){
 .az-showroom{padding-top:66px}
 .az-showroom .az-light-entry{left:-230px;right:-230px;opacity:.82}
 .az-showroom .az-showroom-intro{margin-bottom:31px;max-width:550px}
 .az-showroom .az-showroom-intro h2{font-size:clamp(34px,7.8vw,44px);letter-spacing:-1.5px;line-height:1.09;margin:15px 0 17px}
 .az-showroom .az-showroom-eyebrow{font-size:8px;letter-spacing:1.7px}
 .az-showroom .az-showroom-intro>[data-motion-toggle]{right:0;top:-43px;font-size:9px;min-height:27px;padding:5px 7px}
 .az-showroom .az-showroom-lead{font-size:12px;line-height:1.7;max-width:320px}
 .az-showroom .az-main-monitor{padding:0 5px;border-radius:13px 13px 9px 9px}
 .az-showroom .az-main-bezel{height:18px;font-size:4px;letter-spacing:1.7px}
 .az-showroom .az-main-bezel i:first-child{width:4px;height:4px;box-shadow:0 0 0 1px #495264,0 0 0 2px #222b3b}
 .az-showroom .az-main-chin{height:23px;margin:0 -5px;font-size:6px}
 .az-showroom .az-main-neck{height:30px;min-width:82px;width:19%}
 .az-showroom .az-main-foot{height:8px;min-width:150px;width:35%}
 .az-showroom :is(.az-live-story-ribbon,.az-live-work-ribbon){grid-template-columns:21px minmax(0,1fr);gap:9px;margin-top:18px;padding:10px 11px;min-height:64px}
 .az-showroom .az-live-story-copy{grid-template-columns:minmax(0,1fr);gap:3px}
 .az-showroom :is(.az-live-story-ribbon,.az-live-work-ribbon) [data-live-work-kind]{grid-column:1;grid-row:1;font-size:8px}
 .az-showroom :is(.az-live-story-ribbon,.az-live-work-ribbon) [data-live-work-title]{grid-column:1;grid-row:2;font-size:11px}
 .az-showroom :is(.az-live-story-ribbon,.az-live-work-ribbon) [data-live-work-detail]{grid-column:1;grid-row:3;font-size:10px}
 .az-showroom .az-companion-stack{grid-template-columns:1fr;max-width:520px;gap:17px;padding:20px 14px;margin-top:33px;border-radius:19px}
 .az-showroom :is(.az-companion-orbit-heading,.az-connection-heading){gap:9px;padding:0 2px 5px}
 .az-showroom :is(.az-companion-orbit-heading,.az-connection-heading) h3{font-size:21px;max-width:310px}
 .az-showroom .az-stage-buttons{flex-wrap:wrap;justify-content:flex-end}
 .az-showroom [data-motion-toggle]{font-size:10px;padding:6px 8px;min-height:33px}
 .az-chapter-close{padding-top:260px;padding-bottom:56px}
 .az-chapter-close .az-close-art{width:830px;max-width:none;top:0}
 .az-chapter-close .az-close-art svg{height:260px}
 .az-chapter-close .az-close-motion{top:12px;right:14px;font-size:9px;min-height:28px}
 .az-chapter-close h2{letter-spacing:-1.5px}
 .az-chapter-close .az-close-lead{font-size:14px;max-width:350px;margin-top:20px}
 .az-chapter-close .az-close-actions{gap:8px;margin-top:24px;flex-direction:column}
 .az-chapter-close .az-close-actions button{width:100%;max-width:315px}
}
/* Expanded mode is the usable workspace; decoration never consumes its viewport. */
.az-showroom .az-stage-wrap[data-expanded=true]{position:fixed;z-index:2147483000;max-width:none}
.az-showroom .az-stage-wrap[data-expanded=true] .az-workspace-composition.has-companion{display:flex;flex-direction:column}
.az-showroom .az-stage-wrap[data-expanded=true] .az-main-bezel{height:16px}
.az-showroom .az-stage-wrap[data-expanded=true] .az-main-chin{height:18px}
.az-showroom .az-stage-wrap[data-expanded=true] :is(.az-companion-stack,.az-main-neck,.az-main-foot,.az-live-story-ribbon,.az-live-work-ribbon){display:none}
.az-showroom[data-expanded=true] .az-light-entry{visibility:hidden}
@media(prefers-reduced-motion:reduce){
 .az-showroom .az-river-spark,.az-chapter-close .az-close-spark{animation:none!important;opacity:0}
 .az-showroom :is(.az-live-story-ribbon,.az-live-work-ribbon).is-updated{animation:none!important}
 .az-chapter-close .az-close-actions button,.az-chapter-close .az-close-actions a{transition:none}
}

/* Four recognizable pillars lead into the same workspace. */
.az-showroom .az-connected-pillars{position:relative;z-index:1;max-width:720px;margin:0 auto 28px;padding-bottom:3px;isolation:isolate}
.az-showroom .az-pillar-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.az-showroom .az-pillar{display:flex;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:9px 12px;border:1px solid #d8dfef;border-radius:11px;background:linear-gradient(160deg,#fff,#f5f7fd);box-shadow:0 1px 0 #fff inset,0 7px 17px -13px #7486b67d;font-size:12px;font-weight:550;letter-spacing:-.1px;color:#576583}
.az-showroom .az-pillar>svg{width:18px;height:18px;flex:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;color:#6d80b3}
.az-showroom .az-pillar--people>svg{color:#9683b0}
.az-showroom .az-pillar--quality>svg{color:#6b998f}
.az-showroom .az-pillar--signature>svg{color:#978269}
.az-showroom .az-pillar-links{display:block;width:100%;height:58px;overflow:visible;pointer-events:none}
.az-showroom .az-pillar-stream{stroke-dasharray:16 110;stroke-dashoffset:18;animation:az-v16-pillar-flow 5.6s linear infinite;animation-play-state:paused;filter:drop-shadow(0 0 2px #bbcafd)}
.az-showroom .az-pillar-stream--one{animation-delay:-.9s}
.az-showroom .az-pillar-stream--two{animation-delay:-2.2s}
.az-showroom .az-pillar-stream--three{animation-delay:-3.5s}
.az-showroom .az-pillar-stream--four{animation-delay:-4.8s}
.az-showroom[data-ambient-active=true] .az-pillar-stream{animation-play-state:running}
.az-showroom .az-pillar-destination{display:block;font-size:11px;line-height:1.5;letter-spacing:.8px;color:#6c7b9a;margin-top:1px}

/* The dock spans the composition; its three concise rows leave room for the app. */
.az-showroom .az-stage-heading,.az-showroom .az-quick-switch,.az-showroom .az-playback-dock{max-width:1040px;margin-left:auto;margin-right:auto}
.az-showroom .az-stage-heading{margin-bottom:10px}
.az-showroom .az-stage-heading h3{font-size:21px}
.az-showroom .az-stage-kicker{font-size:9px}
.az-showroom .az-stage-status{font-size:11px}
.az-showroom .az-quick-switch{min-height:42px;padding:4px 7px;gap:6px;margin-bottom:10px}
.az-showroom .az-quick-caption{font-size:11px}
.az-showroom .az-quick-choice{min-height:32px;padding:6px 11px;font-size:11px}
.az-showroom .az-quick-choice small{font-size:9px}
.az-showroom .az-playback-dock{padding:8px 12px 0;margin-bottom:15px;border-radius:10px}
.az-showroom .az-playback-row{gap:9px;min-height:32px}
.az-showroom .az-playback-row button{min-height:31px;padding:6px 10px;font-size:11px}
.az-showroom .az-playback-row .az-playback-primary{min-width:104px}
.az-showroom .az-playback-speed,.az-showroom .az-playback-duration,.az-showroom .az-playback-note{font-size:11px}
.az-showroom .az-playback-speed select{min-height:29px;padding:3px 6px;font-size:11px}
.az-showroom .az-playback-note{max-width:420px;line-height:1.4}
.az-showroom .az-playback-chapters{gap:18px;margin:6px 0;min-height:20px}
.az-showroom .az-playback-chapters li{font-size:11px;gap:6px}
.az-showroom .az-playback-chapters li>span:first-child{width:18px;height:18px;font-size:10px}
.az-showroom .az-playback-caption{height:48px;min-height:48px;margin:0 -12px;padding:6px 12px;font-size:13px;line-height:18px;box-sizing:border-box}
.az-showroom .az-playback-progress{margin:0 -12px}
.az-showroom .az-workspace-composition>.az-primary-device{width:100%;max-width:1040px;margin:0 auto;min-width:0}
.az-showroom .az-companion-stack{max-width:1040px;margin:30px auto 0;padding:25px}
.az-showroom :is(.az-live-story-ribbon,.az-live-work-ribbon){position:relative;grid-template-columns:23px minmax(0,1fr);width:100%;max-width:1040px;height:auto;min-height:56px;margin:17px auto 0;padding:10px 14px;border-radius:10px;background:#ffffffbc}
.az-showroom .az-live-story-copy{grid-template-columns:minmax(0,1fr);gap:3px}
.az-showroom :is(.az-live-story-ribbon,.az-live-work-ribbon) [data-live-work-kind]{grid-column:1;grid-row:1;font-size:9px;line-height:1.4;letter-spacing:.7px;overflow:hidden;text-overflow:ellipsis}
.az-showroom :is(.az-live-story-ribbon,.az-live-work-ribbon) [data-live-work-title]{grid-column:1;grid-row:2;font-size:12px;line-height:1.4;white-space:normal}
.az-showroom :is(.az-live-story-ribbon,.az-live-work-ribbon) [data-live-work-detail]{grid-column:1;grid-row:3;font-size:11px;line-height:1.4;white-space:normal}
.az-showroom .az-primary-device>.az-tour-bar{font-size:11px;margin-top:11px;min-height:27px}

/* Wider screens show the actual conversation on one side and connected next steps on the other. */
@media(min-width:1360px){
 .az-showroom .az-stage-heading,.az-showroom .az-quick-switch,.az-showroom .az-playback-dock{max-width:1640px}
 .az-showroom .az-workspace-composition.has-companion{display:grid;grid-template-columns:clamp(230px,16vw,260px) minmax(780px,1080px) clamp(230px,16vw,260px);column-gap:20px;justify-content:center;align-items:start}
 .az-showroom .az-workspace-composition>.az-primary-device{grid-column:2;grid-row:1;width:100%;max-width:1080px;margin:0;min-width:0}
 .az-showroom .az-workspace-composition>.az-companion-stack{display:contents}
 .az-showroom .az-story-connection>.az-connection-heading{position:absolute;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);width:1px;height:1px;padding:0;margin:-1px;border:0;white-space:nowrap}
 .az-showroom .az-story-connection>.az-messaging-monitor{grid-column:1;grid-row:1;margin:42px 0 0;width:100%;min-width:0;align-self:start;transform:translateZ(0)}
 .az-showroom .az-story-connection>.az-assist-monitor{grid-column:3;grid-row:1;margin:74px 0 0;width:100%;min-width:0;align-self:start;transform:translateZ(0)}
 .az-showroom .az-workspace-composition .az-story-connection .az-small-title{padding:10px 12px;gap:8px;min-height:42px}
 .az-showroom .az-workspace-composition .az-story-connection .az-small-title strong{font-size:11px;line-height:1.4;font-weight:600}
 .az-showroom .az-workspace-composition .az-story-connection .az-sample-tag{display:none}
 .az-showroom .az-workspace-composition .az-story-connection .az-window-dots{gap:3px}
 .az-showroom .az-workspace-composition .az-story-connection .az-window-dots i{width:4px;height:4px}
 .az-showroom .az-workspace-composition .az-story-connection .az-messaging-monitor iframe{height:420px;min-height:420px}
 .az-showroom .az-workspace-composition .az-story-connection .az-assist-body{padding:17px 17px 15px}
 .az-showroom .az-workspace-composition .az-story-connection .az-assist-body h4{font-size:18px;line-height:1.3;letter-spacing:-.45px;margin:9px 0}
 .az-showroom .az-workspace-composition .az-story-connection .az-guide-eyebrow{font-size:9px;line-height:1.5;letter-spacing:1px}
 .az-showroom .az-workspace-composition .az-story-connection .az-assist-body>p{font-size:12px;line-height:1.6}
 .az-showroom .az-workspace-composition .az-story-connection .az-assist-body>p.az-guide-detail{font-size:11px;line-height:1.5}
 .az-showroom .az-workspace-composition .az-story-connection .az-guide-chips{gap:5px;margin:12px 0 10px}
 .az-showroom .az-workspace-composition .az-story-connection .az-guide-chips>span{font-size:10px;line-height:1.4;padding:4px 7px}
 .az-showroom .az-workspace-composition .az-story-connection .az-assist-body>button{font-size:11px;line-height:1.45;margin-top:11px;padding-top:10px}
 .az-showroom .az-workspace-composition .az-story-connection .az-progress-monitor .az-small-title{padding:14px 17px 0;min-height:0}
 .az-showroom .az-workspace-composition .az-story-connection .az-progress-monitor .az-progress-body{padding:10px 17px 15px}
 .az-showroom .az-workspace-composition .az-story-connection .az-progress-monitor .az-live-work{margin:8px 0 0}
 .az-showroom .az-workspace-composition .az-story-connection .az-live-work strong{font-size:12px;line-height:1.5}
 .az-showroom .az-workspace-composition .az-story-connection .az-live-work small{font-size:11px;line-height:1.5}
 .az-showroom .az-workspace-composition :is(.az-live-story-ribbon,.az-live-work-ribbon){display:none}
 .az-showroom .az-stage-below{max-width:1080px;margin-left:auto;margin-right:auto}
}

/* Visible orbit fragments and floating panels carry the same four pillars around Azora. */
.az-chapter-close .az-close-art{width:min(1320px,100%);top:6px}
.az-chapter-close{padding-top:clamp(275px,29vw,390px)}
.az-chapter-close .az-close-orbit-stream{stroke-dasharray:11 89;stroke-dashoffset:8;filter:drop-shadow(0 0 4px #adc6ff);animation:az-v16-orbit-stream 11s linear infinite;animation-play-state:paused}
.az-chapter-close .az-close-orbit-stream--second{stroke-dasharray:7 93;animation-duration:16s;animation-delay:-8s}
.az-chapter-close .az-close-float{animation:az-v16-panel-float 8s ease-in-out infinite;animation-play-state:paused}
.az-chapter-close .az-close-float--one{animation-delay:-1s}
.az-chapter-close .az-close-float--two{animation-delay:-5s;animation-duration:9.5s}
.az-chapter-close .az-close-float--three{animation-delay:-3s;animation-duration:9.5s}
.az-chapter-close .az-close-float--four{animation-delay:-7s}
.az-chapter-close .az-close-orbit-stars{transform-origin:593px 183px;animation:az-v16-orbit-stars 36s linear infinite;animation-play-state:paused}
.az-chapter-close .az-close-halo{opacity:.7;animation:az-v16-halo-breathe 8s ease-in-out infinite;animation-play-state:paused}
.az-chapter-close[data-closing-active=true] :is(.az-close-orbit-stream,.az-close-float,.az-close-orbit-stars,.az-close-halo){animation-play-state:running}
@keyframes az-v16-pillar-flow{from{stroke-dashoffset:18}to{stroke-dashoffset:-108}}
@keyframes az-v16-orbit-stream{from{stroke-dashoffset:8}to{stroke-dashoffset:-92}}
@keyframes az-v16-panel-float{0%,100%{transform:translateY(-4px)}50%{transform:translateY(5px)}}
@keyframes az-v16-orbit-stars{to{transform:rotate(360deg)}}
@keyframes az-v16-halo-breathe{0%,100%{opacity:.4}50%{opacity:1}}
@media(max-width:759px){
 .az-showroom .az-connected-pillars{max-width:510px;margin-top:21px}
 .az-showroom .az-pillar-grid{gap:7px}
 .az-showroom .az-pillar{min-height:48px;flex-direction:column;gap:4px;padding:7px 2px;font-size:11px;border-radius:9px}
 .az-showroom .az-pillar>svg{width:17px;height:17px}
 .az-showroom .az-pillar-links{height:48px}
 .az-showroom .az-pillar-destination{font-size:11px;letter-spacing:.45px}
 .az-showroom .az-showroom-intro{margin-bottom:25px}
 .az-showroom .az-playback-row{gap:7px}
 .az-showroom .az-playback-note{max-width:none;font-size:11px}
 .az-showroom .az-playback-dock{padding:8px 10px 0}
 .az-showroom .az-playback-caption{height:48px;min-height:48px;margin:0 -10px;padding:6px 10px}
 .az-showroom .az-playback-progress{margin:0 -10px}
 .az-showroom .az-playback-chapters{margin:7px 0;gap:14px}
 .az-showroom .az-companion-stack{padding:20px 14px;max-width:520px;margin-top:25px}
 .az-showroom .az-quick-switch{padding:4px;gap:2px}
 .az-showroom .az-quick-choice{padding:6px 8px}
 .az-chapter-close .az-close-art{width:850px;max-width:none}
 .az-chapter-close .az-close-art svg{height:267px}
 .az-chapter-close{padding-top:272px}
}
.az-showroom .az-stage-wrap[data-expanded=true] :is(.az-stage-heading,.az-quick-switch,.az-playback-dock){max-width:none;width:100%;flex:none}
.az-showroom .az-stage-wrap[data-expanded=true] .az-workspace-composition.has-companion{display:flex;flex-direction:column;min-height:0;flex:1}
.az-showroom .az-stage-wrap[data-expanded=true] .az-workspace-composition>.az-primary-device{width:100%;max-width:none;min-height:0;flex:1;margin:0}
.az-showroom .az-stage-wrap[data-expanded=true] .az-workspace-composition>.az-companion-stack{display:none}
.az-showroom .az-guide-now-heading>span,.az-showroom .az-guide-step-list strong{font-size:9px}
.az-showroom .az-guide-step-list>li>span:last-child>span{font-size:11px}
@media(min-width:1360px){.az-showroom .az-story-connection>.az-assist-monitor{max-height:calc(var(--az-demo-height) + 8px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.az-showroom .az-story-connection>.az-assist-monitor>.az-small-title{position:sticky;top:0;z-index:2}}
.az-showroom .az-stage-wrap[data-expanded=true] :is(.az-main-neck,.az-main-foot,.az-live-story-ribbon,.az-live-work-ribbon){display:none}
@media(prefers-reduced-motion:reduce){
 .az-showroom .az-pillar-stream{animation:none!important;opacity:0}
 .az-chapter-close :is(.az-close-orbit-stream,.az-close-float,.az-close-orbit-stars,.az-close-halo){animation:none!important}
 .az-chapter-close .az-close-orbit-stream{opacity:0}
}

[data-connected-demo]{position:relative;scroll-margin-top:100px}
.az-connected-loading{max-width:1280px;margin:0 auto;padding:12px 24px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 18px;font-family:inherit;font-size:14px;line-height:1.5;color:#47566e;background:#f5f7fc;border-block:1px solid #e5eaf3}
.az-connected-loading p{margin:0}.az-connected-loading a{color:#344dac;text-decoration:underline;text-underline-offset:3px}.az-connected-loading button{font:inherit;color:#344dac;border:1px solid #c3cde7;background:white;border-radius:7px;padding:6px 12px;cursor:pointer}.az-connected-loading button:disabled{opacity:.6;cursor:wait}
[data-connected-demo-state="ready"]>.az-connected-loading{display:none}
[data-connected-demo-state]:not([data-connected-demo-state="ready"]) [data-connected-demo-content]{pointer-events:none}
[data-connected-demo-state]:not([data-connected-demo-state="ready"]) .az-workspace-composition{min-height:400px;background:linear-gradient(140deg,#edf1fa,#f9fafc);border-radius:16px}
.az-showroom.az-showroom--embedded{padding-top:4px}
.az-showroom.az-showroom--embedded .az-showroom-intro{position:relative;display:flex;justify-content:flex-end;max-width:1080px;margin:0 auto;padding:0;min-height:32px}
/* Keep the section name for assistive technology, without another visual hero. */
.az-showroom.az-showroom--embedded .az-showroom-intro h2{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.az-showroom--embedded .az-showroom-eyebrow,.az-showroom--embedded .az-showroom-lead{display:none}
.az-showroom.az-showroom--embedded .az-showroom-intro .az-motion-toggle{position:static;margin:0;min-height:32px;font-size:11px}

/* Shared presentation refinements; the approved native documents keep their own UI. */
.az-showroom.az-showroom--polished .az-connected-pillars{max-width:660px;margin:4px auto 16px;padding:0}
.az-showroom.az-showroom--polished .az-pillar-grid{gap:12px}
.az-showroom.az-showroom--polished .az-pillar{min-height:36px;padding:6px 10px}
.az-showroom.az-showroom--polished .az-pillar-links{height:30px}
.az-showroom.az-showroom--polished .az-pillar-destination{line-height:1.4;letter-spacing:.5px}
.az-showroom.az-showroom--polished .az-stage-wrap:not([data-expanded=true]) :is(.az-stage-heading,.az-quick-switch,.az-playback-dock){max-width:1080px;margin-left:auto;margin-right:auto}
.az-showroom.az-showroom--polished .az-stage-heading{gap:16px;margin-bottom:10px}
.az-showroom.az-showroom--polished .az-stage-heading h3{font-size:22px;line-height:1.3}
.az-showroom.az-showroom--polished .az-stage-heading p{font-size:12px;line-height:1.5}
.az-showroom.az-showroom--polished .az-stage-kicker{font-size:10px;letter-spacing:1.1px}
.az-showroom.az-showroom--polished .az-stage-status{font-size:12px;line-height:1.45}
.az-showroom.az-showroom--polished .az-stage-options button{font-size:12px;min-height:36px}
.az-showroom.az-showroom--polished .az-quick-switch{min-height:44px;padding:4px 6px;margin-bottom:8px}
.az-showroom.az-showroom--polished .az-quick-choice{font-size:12px;min-height:34px;padding:7px 10px}
.az-showroom.az-showroom--polished .az-quick-choice:focus-visible{outline-offset:-3px}
.az-showroom.az-showroom--polished .az-playback-dock{padding-top:8px;margin-bottom:12px}
.az-showroom.az-showroom--polished .az-playback-row{gap:8px}
.az-showroom.az-showroom--polished .az-playback-row button{min-height:36px;font-size:12px;padding:7px 10px}
.az-showroom.az-showroom--polished .az-playback-speed{font-size:12px}
.az-showroom.az-showroom--polished .az-playback-speed select{min-height:36px;font-size:12px}
.az-showroom.az-showroom--polished .az-playback-note{font-size:12px;line-height:1.4;max-width:360px}
.az-showroom.az-showroom--polished .az-playback-chapters{margin:6px 0;gap:16px}
.az-showroom.az-showroom--polished .az-playback-chapters li{font-size:12px}

/* One business-story outline, without duplicating the controller's chapter row.
   Its original chapter nodes still drive accepted status and framing updates. */
.az-showroom.az-showroom--polished .az-story-framing{position:relative;max-width:1080px;margin:0 auto 10px;padding:0 2px;color:#435873}
.az-showroom.az-showroom--polished .az-story-framing__eyebrow{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.az-showroom.az-showroom--polished .az-story-framing__premise{font-size:13px;line-height:1.5;color:#384f6d}
.az-showroom.az-showroom--polished .az-story-framing__phases{display:flex;flex-wrap:wrap;gap:6px 18px;list-style:none;counter-reset:story-phase;padding:0;margin:6px 0 0}
.az-showroom.az-showroom--polished .az-story-framing__phase{display:flex;gap:6px;align-items:baseline;counter-increment:story-phase;font-size:12px;line-height:1.5;color:#64738c}
.az-showroom.az-showroom--polished .az-story-framing__phase::before{content:counter(story-phase);flex:none;font-size:10px;font-variant-numeric:tabular-nums;color:#6b7d9c}
.az-showroom.az-showroom--polished .az-story-framing__phase[aria-current=step]{font-weight:600;color:#3854a0}
.az-showroom.az-showroom--polished .az-story-framing__outcome-text{font-size:13px;font-weight:600;line-height:1.5;color:#355b51}
.az-showroom.az-showroom--polished .az-story-framing__outcome-detail{margin-top:3px;font-size:12px;line-height:1.5;color:#596d80}
.az-showroom.az-showroom--polished .az-story-framing__guidance{margin-top:6px;padding-left:9px;border-left:2px solid #a9b8d8;font-size:12px;line-height:1.5;color:#526885}
.az-showroom.az-showroom--polished .az-stage-wrap:not([data-expanded=true]) .az-story-framing:not([hidden])~.az-playback-dock .az-playback-chapters{display:none}
.az-showroom.az-showroom--polished .az-stage-wrap[data-expanded=true] .az-story-framing{display:none}

/* Below 1680px, give the app the full reading width instead of squeezing it
   between two 230px windows at the approved snapshot's 1360px breakpoint.
   Keep DOM and keyboard order intact, including all four monitor selectors. */
.az-showroom.az-showroom--polished .az-stage-wrap:not([data-expanded=true]) .az-workspace-composition.has-companion{display:block}
.az-showroom.az-showroom--polished .az-stage-wrap:not([data-expanded=true]) .az-workspace-composition>.az-primary-device{width:100%;max-width:1080px;margin:0 auto}
.az-showroom.az-showroom--polished .az-stage-wrap:not([data-expanded=true]) .az-companion-stack{display:grid;grid-template-columns:minmax(0,1.07fr) minmax(0,.93fr);max-width:1080px;margin:24px auto 0;padding:22px;gap:20px}
.az-showroom.az-showroom--polished .az-stage-wrap:not([data-expanded=true]) .az-connection-heading{position:static;width:auto;height:auto;padding:0 0 6px;margin:0;overflow:visible;clip:auto;clip-path:none;white-space:normal}
.az-showroom.az-showroom--polished .az-stage-wrap:not([data-expanded=true]) .az-story-connection>:is(.az-messaging-monitor,.az-assist-monitor){grid-column:auto;grid-row:auto;width:100%;margin:0;transform:none;max-height:none;overflow:hidden}
.az-showroom.az-showroom--polished .az-workspace-composition .az-story-connection .az-messaging-monitor iframe{height:clamp(320px,48vh,400px);min-height:320px}
.az-showroom.az-showroom--polished .az-workspace-composition .az-story-connection .az-small-title strong{font-size:12px;line-height:1.4}
.az-showroom.az-showroom--polished .az-workspace-composition .az-story-connection .az-assist-body h4{font-size:21px;line-height:1.3}
.az-showroom.az-showroom--polished .az-stage-wrap:not([data-expanded=true]) .az-workspace-composition :is(.az-live-story-ribbon,.az-live-work-ribbon){display:grid;max-width:1080px;margin-top:14px}
.az-showroom.az-showroom--polished .az-stage-below{max-width:1080px;margin-left:auto;margin-right:auto;font-size:12px;line-height:1.6}
.az-showroom.az-showroom--polished .az-gallery-heading{margin:32px auto 20px}
.az-showroom.az-showroom--polished .az-gallery-heading>span{font-size:10px;letter-spacing:1.2px}
.az-showroom.az-showroom--polished .az-gallery-heading>p{font-size:13px;line-height:1.5}
.az-showroom.az-showroom--polished .az-monitor-description{font-size:12px;line-height:1.6;color:#596b85}
.az-showroom.az-showroom--polished .az-monitor-cta{font-size:11px;min-height:24px;letter-spacing:.6px}

/* 1680 - 56px outer padding = 1624px available. Two 250px companions and
   two 20px gaps leave 1084px: the same capped 1080px main monitor as below.
   Expanded mode remains governed by the approved flex layout. */
@media(min-width:1680px){
 .az-showroom.az-showroom--polished .az-stage-wrap:not([data-expanded=true]) :is(.az-stage-heading,.az-quick-switch,.az-playback-dock){max-width:1620px}
 .az-showroom.az-showroom--polished .az-stage-wrap:not([data-expanded=true]) .az-workspace-composition.has-companion{display:grid;grid-template-columns:250px minmax(960px,1080px) 250px;column-gap:20px;justify-content:center;align-items:start}
 .az-showroom.az-showroom--polished .az-stage-wrap:not([data-expanded=true]) .az-workspace-composition>.az-primary-device{grid-column:2;grid-row:1;margin:0}
 .az-showroom.az-showroom--polished .az-stage-wrap:not([data-expanded=true]) .az-companion-stack{display:contents}
 .az-showroom.az-showroom--polished .az-stage-wrap:not([data-expanded=true]) .az-connection-heading{position:absolute;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);width:1px;height:1px;padding:0;margin:-1px;border:0;white-space:nowrap}
 .az-showroom.az-showroom--polished .az-stage-wrap:not([data-expanded=true]) .az-story-connection>.az-messaging-monitor{grid-column:1;grid-row:1;margin-top:22px}
 .az-showroom.az-showroom--polished .az-stage-wrap:not([data-expanded=true]) .az-story-connection>.az-assist-monitor{grid-column:3;grid-row:1;margin-top:38px;max-height:calc(var(--az-demo-height) + 24px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
 .az-showroom.az-showroom--polished .az-workspace-composition .az-story-connection .az-messaging-monitor iframe{height:clamp(220px,calc(var(--az-demo-height) - 72px),420px);min-height:220px}
 .az-showroom.az-showroom--polished .az-workspace-composition .az-story-connection .az-assist-body h4{font-size:19px}
 .az-showroom.az-showroom--polished .az-stage-wrap:not([data-expanded=true]) .az-workspace-composition :is(.az-live-story-ribbon,.az-live-work-ribbon){display:none}
}
@media(max-width:1050px){
 .az-showroom.az-showroom--polished .az-playback-row{flex-wrap:wrap}
 .az-showroom.az-showroom--polished .az-playback-note{flex-basis:100%;max-width:none;margin:0;text-align:left}
}
@media(max-width:1050px),(pointer:coarse){
 .az-showroom.az-showroom--polished :is(.az-stage-options button,.az-quick-choice,.az-playback-row button,.az-playback-speed select,.az-tour-bar>button){min-height:44px}
 .az-showroom.az-showroom--polished .az-showroom-intro .az-motion-toggle{min-height:44px}
 .az-showroom.az-showroom--polished .az-playback-speed select{font-size:16px}
 .az-showroom.az-showroom--polished .az-quick-choice{padding-inline:12px}
}
@media(max-width:759px){
 .az-showroom.az-showroom--polished .az-connected-pillars{margin:4px auto 14px}
 .az-showroom.az-showroom--polished .az-pillar-grid{gap:6px}
 .az-showroom.az-showroom--polished .az-pillar{min-height:46px;padding:5px 2px;font-size:11px}
 .az-showroom.az-showroom--polished .az-pillar-links{height:24px}
 .az-showroom.az-showroom--polished .az-stage-heading{gap:8px}
 .az-showroom.az-showroom--polished .az-stage-heading h3{font-size:21px}
 .az-showroom.az-showroom--polished .az-stage-options{gap:7px}
 .az-showroom.az-showroom--polished .az-stage-buttons{width:100%}
 .az-showroom.az-showroom--polished .az-stage-buttons>button{flex:1;justify-content:center}
 .az-showroom.az-showroom--polished .az-quick-switch{gap:4px;padding:4px;scroll-padding-inline:4px}
 .az-showroom.az-showroom--polished .az-quick-choice{flex:0 0 auto;gap:6px}
 .az-showroom.az-showroom--polished .az-quick-choice svg{width:16px;height:16px}
 .az-showroom.az-showroom--polished .az-playback-row{gap:8px}
 .az-showroom.az-showroom--polished .az-playback-note{font-size:12px}
 .az-showroom.az-showroom--polished .az-stage-wrap:not([data-expanded=true]) .az-companion-stack{grid-template-columns:minmax(0,1fr);max-width:520px;margin-top:20px;padding:16px 12px;gap:16px}
 .az-showroom.az-showroom--polished .az-workspace-composition .az-story-connection .az-messaging-monitor iframe{height:clamp(280px,52vh,360px);min-height:280px}
 .az-showroom.az-showroom--polished .az-connection-heading h3{font-size:21px}
 .az-showroom.az-showroom--polished .az-monitor-rail{gap:20px;padding-top:12px;scroll-padding-inline:6px}
 .az-showroom.az-showroom--polished .az-monitor-choice{flex-basis:220px;max-width:calc(100vw - 70px)}
 .az-showroom.az-showroom--polished .az-monitor-copy strong{font-size:15px;line-height:1.4}
 .az-showroom.az-showroom--polished .az-monitor-copy{padding-left:24px}
}
@media(max-width:640px){.az-connected-loading{padding:12px 18px;justify-content:flex-start}}
/* MKT-056: notices for the bundled sample code stay reachable before and after loading. */
.az-connected-notices{margin:0;padding:0 24px 22px;text-align:center;font-family:inherit;font-size:12px;line-height:1.5;color:#65758d;background:#f9f9fc}
.az-connected-notices a{color:#4e6185;text-decoration:underline;text-underline-offset:3px}
/* MKT-057: "Explore the interactive demo" lands with the whole frame below the
   sticky controls, the position the reviewed controller plays from. Its own
   82px margin left the frame's lower edge off-screen, so playback held at 0%. */
@media(min-width:760px){#azora-workspace-stage{scroll-margin-top:8px}}
/* MKT-061: a monitor smaller than the native app's verified 1060x540 viewport
   shows that viewport scaled to fit (the derived controller sets the scale). */
.az-showroom .az-scenario-panel iframe[data-frame-scale]{width:calc(100% / var(--az-frame-scale));height:calc(100% / var(--az-frame-scale));transform:scale(var(--az-frame-scale));transform-origin:0 0}
/* On a phone the stage waits for the visitor (bootstrap.js): hide the empty monitor while idle and keep the intro, pillars, story cards and notices. */
@media(max-width:759px){[data-connected-demo-state="idle"] :is(.az-stage-wrap,.az-stage-below,.az-mobile-hint){display:none}}

/* Derived presentation only. Native sample documents and playback own the screen. */
.az-showroom.az-showroom--polished.az-showroom--devices {
  --az-device-ink: #252d3c;
  --az-device-silver: #d1d8e4;
}
.az-showroom.az-showroom--polished.az-showroom--devices .az-stage-wrap:not([data-expanded=true]) {
  max-width: 1496px;
}
.az-showroom.az-showroom--polished.az-showroom--devices .az-stage-wrap:not([data-expanded=true]) .az-workspace-composition.has-companion {
  display: block;
  padding: 8px 0 0;
}
.az-showroom.az-showroom--polished.az-showroom--devices .az-stage-wrap:not([data-expanded=true]) .az-workspace-composition > .az-primary-device {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
  min-width: 0;
}

/* A front-facing laptop keeps text sharp and every product control reachable. */
.az-showroom.az-showroom--polished.az-showroom--devices .az-main-monitor.az-laptop-lid {
  box-sizing: border-box;
  position: relative;
  padding: 0 8px;
  border: 1px solid #667186;
  border-radius: 20px 20px 9px 9px;
  background: linear-gradient(125deg, #465166, #222b3a 48%, #3d485e);
  box-shadow: 0 0 0 1px #e4e8f0, 0 18px 50px -25px #36456666, inset 0 1px 0 #a6b1c1;
  overflow: hidden;
}
.az-showroom.az-showroom--polished.az-showroom--devices .az-laptop-lid .az-main-bezel {
  height: 24px;
  background: transparent;
  color: #c3cbda;
  font-size: 6px;
  letter-spacing: 1.6px;
}
.az-showroom.az-showroom--polished.az-showroom--devices .az-laptop-lid .az-main-bezel i:first-child {
  width: 5px;
  height: 5px;
  box-shadow: 0 0 0 2px #536078, 0 0 0 3px #1d2634;
}
.az-showroom.az-showroom--polished.az-showroom--devices .az-laptop-lid .az-main-screen {
  border: 1px solid #111c2b;
  border-radius: 5px;
  box-shadow: 0 0 0 1px #657088;
}
.az-showroom.az-showroom--polished.az-showroom--devices .az-laptop-lid .az-main-chin {
  height: 18px;
  margin: 0 -8px;
  background: linear-gradient(180deg, #303b4d, #293446);
  border: 0;
  font-size: 6px;
  letter-spacing: 2.4px;
  color: #bec9d9;
  text-shadow: none;
}
.az-showroom.az-showroom--polished.az-showroom--devices .az-laptop-lid .az-main-chin i { display: none; }
.az-showroom.az-showroom--polished.az-showroom--devices .az-laptop-hinge {
  position: relative;
  z-index: 2;
  height: 5px;
  width: 91%;
  margin: 0 auto;
  border-radius: 0 0 3px 3px;
  background: linear-gradient(90deg, #a5b1c3, #455168 5%, #263143 50%, #455168 95%, #a5b1c3);
}
.az-showroom.az-showroom--polished.az-showroom--devices .az-laptop-base {
  position: relative;
  height: 27px;
  width: calc(100% + 32px);
  margin: -1px -16px 0;
  border: 1px solid #99a6ba;
  border-top-color: #f4f7fc;
  border-bottom-color: #78889f;
  border-radius: 2px 2px 46% 46% / 2px 2px 12px 12px;
  background: linear-gradient(180deg, #edf1f7 0%, #dce3ed 26%, #b1bdce 74%, #8493aa 100%);
  box-shadow: inset 0 2px 0 #fff9, 0 20px 26px -18px #273c6473;
  pointer-events: none;
}
.az-showroom.az-showroom--polished.az-showroom--devices .az-laptop-base::before {
  content: '';
  position: absolute;
  inset: 2px 10% auto;
  height: 1px;
  background: linear-gradient(90deg, transparent, #fff, transparent);
}
.az-showroom.az-showroom--polished.az-showroom--devices .az-laptop-trackpad {
  position: absolute;
  top: -1px;
  left: 43%;
  width: 14%;
  height: 7px;
  border: 1px solid #a0aec1;
  border-top: 0;
  border-radius: 0 0 9px 9px;
  background: linear-gradient(#a7b5c9, #d1dbe9);
  box-shadow: 0 1px 0 #f7f9fc;
}

/* The sample conversation is the phone's content, without simulated OS chrome. */
.az-showroom.az-showroom--polished.az-showroom--devices .az-stage-wrap:not([data-expanded=true]) .az-workspace-composition > .az-companion-stack {
  display: grid;
  grid-template-columns: 342px minmax(0, 1fr);
  gap: 22px 32px;
  max-width: 1080px;
  margin: 32px auto 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  align-items: start;
}
.az-showroom.az-showroom--polished.az-showroom--devices .az-stage-wrap:not([data-expanded=true]) .az-connection-heading {
  grid-column: 1 / -1;
  padding: 0;
  margin: 0;
  align-items: center;
}
.az-showroom.az-showroom--polished.az-showroom--devices .az-connection-heading h3 {
  font-size: 22px;
  line-height: 1.3;
}
.az-showroom.az-showroom--polished.az-showroom--devices .az-connection-heading h3 br { display: none; }
.az-showroom.az-showroom--polished.az-showroom--devices .az-connection-heading p { max-width: none; }
.az-showroom.az-showroom--polished.az-showroom--devices .az-stage-wrap:not([data-expanded=true]) .az-story-connection > .az-phone-device {
  box-sizing: border-box;
  position: relative;
  grid-column: 1;
  grid-row: 2;
  width: 342px;
  min-width: 342px;
  max-width: 342px;
  margin: 0;
  padding: 29px 10px 22px;
  border: 1px solid #677286;
  border-radius: 39px;
  background: linear-gradient(125deg, #475269, #252e40 45%, #39455b);
  box-shadow: 0 0 0 1px #e9edf6, inset 0 0 0 3px #202a3b, 0 22px 42px -25px #2e446782;
  transform: none;
  overflow: hidden;
  align-self: start;
}
.az-showroom.az-showroom--polished.az-showroom--devices .az-phone-caption {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
.az-showroom.az-showroom--polished.az-showroom--devices .az-phone-camera {
  position: absolute;
  top: 12px;
  left: 50%;
  display: flex;
  align-items: center;
  gap: 6px;
  transform: translateX(-50%);
}
.az-showroom.az-showroom--polished.az-showroom--devices .az-phone-camera span {
  display: block;
  width: 35px;
  height: 3px;
  border-radius: 3px;
  background: #111a28;
  box-shadow: 0 1px 0 #64728b;
}
.az-showroom.az-showroom--polished.az-showroom--devices .az-phone-camera i {
  display: block;
  width: 5px;
  height: 5px;
  border: 1px solid #7284a4;
  border-radius: 50%;
  background: radial-gradient(circle at 40% 35%, #788da8, #101a2a 65%);
}
.az-showroom.az-showroom--polished.az-showroom--devices .az-phone-device::after {
  content: '';
  position: absolute;
  bottom: 10px;
  left: calc(50% - 36px);
  width: 72px;
  height: 3px;
  border-radius: 3px;
  background: #9faec6;
  opacity: .65;
}
.az-showroom.az-showroom--polished.az-showroom--devices .az-phone-screen {
  border-radius: 24px;
  background: #fff;
  overflow: hidden;
  isolation: isolate;
}
.az-showroom.az-showroom--polished.az-showroom--devices .az-workspace-composition .az-story-connection .az-phone-device iframe {
  width: 100%;
  height: 560px;
  min-height: 560px;
  border: 0;
  border-radius: 0;
  display: block;
  transform: none;
}

/* The guide remains an honest explanation of the same accepted story actions. */
.az-showroom.az-showroom--polished.az-showroom--devices .az-stage-wrap:not([data-expanded=true]) .az-story-connection > .az-connected-guide {
  grid-column: 2;
  grid-row: 2;
  width: 100%;
  max-height: none;
  margin: 0;
  border: 1px solid #dce4f1;
  border-radius: 18px;
  background: #ffffffde;
  box-shadow: 0 10px 30px -24px #425c8550;
  overflow: hidden;
  transform: none;
}
.az-showroom.az-showroom--polished.az-showroom--devices .az-connected-guide > .az-small-title {
  padding: 13px 18px;
  min-height: 42px;
  background: #f9fbff;
}
.az-showroom.az-showroom--polished.az-showroom--devices .az-connected-guide .az-window-dots { display: none; }
.az-showroom.az-showroom--polished.az-showroom--devices .az-connected-guide .az-guide-action-path { padding: 16px 18px; }
.az-showroom.az-showroom--polished.az-showroom--devices .az-connected-guide .az-guide-now-label { font-size: 14px; }
.az-showroom.az-showroom--polished.az-showroom--devices .az-connected-guide .az-guide-step-list > li > span:last-child > span { font-size: 11px; }
.az-showroom.az-showroom--polished.az-showroom--devices .az-connected-guide .az-assist-body { padding: 17px 18px; }
.az-showroom.az-showroom--polished.az-showroom--devices .az-connected-guide .az-assist-body h4 { font-size: 20px; }
.az-showroom.az-showroom--polished.az-showroom--devices .az-connected-guide .az-assist-body > p { font-size: 12px; line-height: 1.6; }
.az-showroom.az-showroom--polished.az-showroom--devices .az-connected-guide .az-guide-chips > span { font-size: 10px; }
.az-showroom.az-showroom--polished.az-showroom--devices .az-stage-wrap:not([data-expanded=true]) .az-workspace-composition :is(.az-live-story-ribbon,.az-live-work-ribbon) { display: none; }
.az-showroom.az-showroom--polished.az-showroom--devices .az-primary-device > .az-tour-bar { margin-top: 16px; }

/* Quiet, compact controls stay outside both devices. */
.az-showroom.az-showroom--polished.az-showroom--devices .az-quick-switch { background: #fff; backdrop-filter: none; }
.az-showroom.az-showroom--polished.az-showroom--devices .az-stage-heading { padding-top: 12px; }
.az-showroom.az-showroom--polished.az-showroom--devices .az-stage-heading h3 { font-size: 21px; }
.az-showroom.az-showroom--polished.az-showroom--devices .az-playback-dock { margin-bottom: 14px; }
.az-showroom.az-showroom--polished.az-showroom--devices .az-playback-caption { font-size: 13px; }
.az-showroom.az-showroom--polished.az-showroom--devices .az-monitor-rail { max-width: 1080px; gap: 24px; }
.az-showroom.az-showroom--polished.az-showroom--devices .az-monitor-choice:nth-child(n) { margin-top: 0; }
.az-showroom.az-showroom--polished.az-showroom--devices .az-mini-device {
  width: 94%;
  border-radius: 9px 9px 3px 3px;
  border-color: #6d798e;
  box-shadow: 0 8px 22px -13px #34486a55;
}
.az-showroom.az-showroom--polished.az-showroom--devices .az-mini-neck { display: none; }
.az-showroom.az-showroom--polished.az-showroom--devices .az-mini-foot {
  width: 100%;
  height: 7px;
  border-radius: 1px 1px 45% 45%;
  border: 1px solid #aab7c9;
  background: linear-gradient(#e9edf5, #aab8cd);
}

/* 1540 - 56px padding >= 1080px lid + 342px phone + 32px gap.
   The laptop screen stays 1060px wide after its bezel and screen borders. */
@media (min-width: 1540px) {
  .az-showroom.az-showroom--polished.az-showroom--devices .az-stage-wrap:not([data-expanded=true]) :is(.az-stage-heading,.az-quick-switch,.az-playback-dock,.az-story-framing) { max-width: 1496px; }
  .az-showroom.az-showroom--polished.az-showroom--devices .az-stage-wrap:not([data-expanded=true]) .az-workspace-composition.has-companion {
    display: grid;
    grid-template-columns: minmax(1080px,1120px) 342px;
    gap: 26px 32px;
    justify-content: center;
    align-items: start;
  }
  .az-showroom.az-showroom--polished.az-showroom--devices .az-stage-wrap:not([data-expanded=true]) .az-workspace-composition > .az-primary-device {
    grid-column: 1;
    grid-row: 1;
    max-width: none;
    margin: 0;
  }
  .az-showroom.az-showroom--polished.az-showroom--devices .az-stage-wrap:not([data-expanded=true]) .az-workspace-composition > .az-companion-stack { display: contents; }
  .az-showroom.az-showroom--polished.az-showroom--devices .az-stage-wrap:not([data-expanded=true]) .az-connection-heading {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }
  .az-showroom.az-showroom--polished.az-showroom--devices .az-stage-wrap:not([data-expanded=true]) .az-story-connection > .az-phone-device {
    grid-column: 2;
    grid-row: 1;
    margin-top: 0;
  }
  .az-showroom.az-showroom--polished.az-showroom--devices .az-stage-wrap:not([data-expanded=true]) .az-story-connection > .az-connected-guide {
    grid-column: 1 / -1;
    grid-row: 2;
    display: grid;
    grid-template-columns: minmax(0,1.1fr) minmax(0,1fr) minmax(220px,.7fr);
    align-items: start;
  }
  .az-showroom.az-showroom--polished.az-showroom--devices .az-connected-guide > .az-small-title { grid-column: 1 / -1; }
  .az-showroom.az-showroom--polished.az-showroom--devices .az-connected-guide .az-guide-action-path { border: 0; background: none; }
  .az-showroom.az-showroom--polished.az-showroom--devices .az-connected-guide .az-assist-body { border-left: 1px solid #e7edf5; }
  .az-showroom.az-showroom--polished.az-showroom--devices .az-connected-guide .az-progress-monitor { border: 0; background: none; }
}
@media (max-width: 759px) {
  .az-showroom.az-showroom--polished.az-showroom--devices .az-stage-wrap:not([data-expanded=true]) .az-workspace-composition > .az-primary-device { width: calc(100% - 12px); }
  .az-showroom.az-showroom--polished.az-showroom--devices .az-laptop-base { width: calc(100% + 12px); margin-inline: -6px; height: 17px; }
  .az-showroom.az-showroom--polished.az-showroom--devices .az-laptop-hinge { height: 3px; }
  .az-showroom.az-showroom--polished.az-showroom--devices .az-laptop-lid .az-main-bezel { height: 17px; }
  .az-showroom.az-showroom--polished.az-showroom--devices .az-laptop-lid .az-main-chin { height: 13px; }
  .az-showroom.az-showroom--polished.az-showroom--devices .az-stage-wrap:not([data-expanded=true]) .az-workspace-composition > .az-companion-stack {
    grid-template-columns: minmax(0,1fr);
    max-width: 520px;
    gap: 22px;
    margin-top: 24px;
  }
  .az-showroom.az-showroom--polished.az-showroom--devices .az-stage-wrap:not([data-expanded=true]) .az-story-connection > .az-phone-device {
    grid-column: 1;
    grid-row: auto;
    justify-self: center;
  }
  .az-showroom.az-showroom--polished.az-showroom--devices .az-stage-wrap:not([data-expanded=true]) .az-story-connection > .az-connected-guide { grid-column: 1; grid-row: auto; }
  .az-showroom.az-showroom--polished.az-showroom--devices .az-stage-wrap:not([data-expanded=true]) .az-connection-heading { gap: 10px; }
  .az-showroom.az-showroom--polished.az-showroom--devices .az-monitor-rail { gap: 20px; }
}
/* On the narrowest browser widths, prioritise the usable 300px conversation. */
@media (max-width: 1539px) {
  /* Once the phone stacks below the laptop, its conversation must stay clear. */
  .az-showroom.az-showroom--polished.az-showroom--devices .az-stage-wrap:not([data-expanded=true]) :is(.az-quick-switch,.az-playback-dock) { position: relative; top: auto; }
}
@media (max-width: 369px) {
  .az-showroom.az-showroom--polished.az-showroom--devices { padding-inline: 8px; }
  .az-showroom.az-showroom--polished.az-showroom--devices .az-stage-wrap:not([data-expanded=true]) .az-story-connection > .az-phone-device {
    width: 100%;
    min-width: 304px;
    max-width: 342px;
    padding-inline: 1px;
  }
}
@media (max-width: 339px) {
  .az-showroom.az-showroom--polished.az-showroom--devices { padding-inline: 0; }
}
/* Expanded mode is a workspace, with the original focus and playback rules. */
.az-showroom.az-showroom--polished.az-showroom--devices .az-stage-wrap[data-expanded=true] {
  display: flex;
  flex-direction: column;
  min-height: 0;
  inset: 12px;
  padding: 12px;
}
.az-showroom.az-showroom--polished.az-showroom--devices .az-stage-wrap[data-expanded=true] :is(.az-laptop-hinge,.az-laptop-base,.az-companion-stack,.az-main-bezel,.az-main-chin,.az-tour-bar,.az-stage-kicker,.az-stage-heading > div > p,.az-playback-chapters) { display: none; }
.az-showroom.az-showroom--polished.az-showroom--devices .az-stage-wrap[data-expanded=true] :is(.az-workspace-composition.has-companion,.az-workspace-composition > .az-primary-device,.az-main-monitor.az-laptop-lid) {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  width: 100%;
  max-width: none;
  margin: 0;
}
.az-showroom.az-showroom--polished.az-showroom--devices .az-stage-wrap[data-expanded=true] .az-main-monitor.az-laptop-lid { padding: 0; border-radius: 10px; }
.az-showroom.az-showroom--polished.az-showroom--devices .az-stage-wrap[data-expanded=true] .az-main-screen { flex: 1; min-height: 0; }
.az-showroom.az-showroom--polished.az-showroom--devices .az-stage-wrap[data-expanded=true] .az-scenario-panel { height: 100%; min-height: 0; max-height: none; }
.az-showroom.az-showroom--polished.az-showroom--devices .az-stage-wrap[data-expanded=true] .az-stage-heading { align-items: center; gap: 8px; padding: 0; margin: 0 0 8px; }
.az-showroom.az-showroom--polished.az-showroom--devices .az-stage-wrap[data-expanded=true] .az-stage-heading h3 { font-size: 18px; margin: 0; }
.az-showroom.az-showroom--polished.az-showroom--devices .az-stage-wrap[data-expanded=true] .az-stage-options { flex-direction: row; align-items: center; gap: 12px; }
.az-showroom.az-showroom--polished.az-showroom--devices .az-stage-wrap[data-expanded=true] .az-stage-status { max-width: 300px; font-size: 11px; }
.az-showroom.az-showroom--polished.az-showroom--devices .az-stage-wrap[data-expanded=true] .az-quick-switch { min-height: 40px; margin-bottom: 8px; padding-block: 3px; }
.az-showroom.az-showroom--polished.az-showroom--devices .az-stage-wrap[data-expanded=true] .az-playback-dock { padding-top: 6px; margin-bottom: 8px; }
.az-showroom.az-showroom--polished.az-showroom--devices .az-stage-wrap[data-expanded=true] .az-playback-caption { height: 32px; min-height: 32px; padding-block: 5px; margin-top: 6px; font-size: 12px; }
@media (max-width: 759px) {
  .az-showroom.az-showroom--polished.az-showroom--devices .az-stage-wrap[data-expanded=true] { inset: 6px; padding: 8px; }
  .az-showroom.az-showroom--polished.az-showroom--devices .az-stage-wrap[data-expanded=true] .az-stage-heading h3 { font-size: 16px; }
  .az-showroom.az-showroom--polished.az-showroom--devices .az-stage-wrap[data-expanded=true] .az-stage-status { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .az-showroom.az-showroom--polished.az-showroom--devices :is(.az-laptop-lid,.az-phone-device,.az-connected-guide) { transition: none; animation: none; }
}