/* Final homepage motion and interaction pass; scoped to the preview design. */
.home1 .hero{background-image:url('/imgs/g10.png')}
.home1 .hero-device{position:relative;pointer-events:auto}
.home1 .demo-navigation{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:12px;color:#fff}
.home1 .demo-navigation button{display:grid;place-items:center;width:38px;height:36px;padding:0;border:0;background:transparent;color:#d4e2ed;font:300 30px/1 Arial,sans-serif;border-radius:50%;cursor:pointer;transition:background .18s,transform .18s}
.home1 .demo-navigation button:hover{background:#ffffff15;transform:scale(1.08)}
.home1 .demo-navigation button:focus-visible,.home1 .demo-control:focus-visible{outline:2px solid #a4d7ff;outline-offset:3px}
.home1 .demo-scenario{font-size:11px;min-width:128px;text-align:center;letter-spacing:.01em}
.home1 .demo-control{display:block;margin:3px auto 0;position:relative;pointer-events:auto}
.home1 .demo-toast{position:absolute;top:42%;right:-120px;width:238px;padding:14px;display:flex;align-items:center;gap:10px;border:1px solid #dce6ed;border-radius:13px;background:#fff;color:#192732;box-shadow:0 14px 38px #07101e30;opacity:0;transform:translateY(10px) scale(.96);transition:opacity .22s,transform .32s cubic-bezier(.2,.8,.2,1);pointer-events:none;z-index:25}
.home1 .demo-toast.is-visible{opacity:1;transform:translateY(0) scale(1)}
.home1 .demo-toast-check{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;background:#e1f3e9;color:#277350;font-size:18px}
.home1 .demo-toast b{display:block;font-size:12px;line-height:1.35}.home1 .demo-toast div>span{display:block;margin-top:4px;font-size:9px;line-height:1.5;color:#607386}
.home1 .demo-toast>i{position:absolute;width:4px;height:4px;border-radius:50%;background:#a7caba;opacity:0;top:30%;left:18%}
.home1 .demo-toast.is-visible>i{animation:demo-spark .65s ease-out both}.home1 .demo-toast>i:nth-last-child(2){--spark-x:16px;--spark-y:-24px}.home1 .demo-toast>i:last-child{--spark-x:-20px;--spark-y:13px}
@keyframes demo-spark{15%{opacity:.8}100%{opacity:0;transform:translate(var(--spark-x,-15px),var(--spark-y,-23px)) scale(.3)}}
.home1 .demo-feedback{margin-block:18px 22px;min-height:40px}.home1 .demo-feedback-button{cursor:pointer;padding:0;flex:none}
.home1 .demo-feedback-button.is-celebrating{animation:demo-feedback-celebrate 1050ms cubic-bezier(.22,.75,.2,1) both;position:relative;z-index:2}
@keyframes demo-feedback-celebrate{0%{transform:scale(1)}35%{transform:scale(2) rotate(0)}48%{transform:scale(2) rotate(-2deg)}60%{transform:scale(2) rotate(2deg)}72%{transform:scale(2) rotate(0)}100%{transform:scale(1)}}
.home1 [data-paused="true"] *,.home1 [data-offscreen="true"] *,.home1 [data-background="true"] *{animation-play-state:paused!important}
/* Real widget message ownership, colours, metadata and composer behavior. */
.product-art .art-visitor{margin:0 0 2.4cqw auto;width:83%}
.product-art .art-visitor>small{display:block;text-align:right;font-size:1.42857cqw;line-height:1.3;color:#687585;margin:0 .4cqw .8cqw}
.product-art .art-visitor .art-customer{margin:0;background:#1c2938;border-color:#1c2938;color:#fff;border-radius:2.14cqw 2.14cqw .71cqw 2.14cqw;font-size:2.14cqw}
.product-art .art-composer{gap:1cqw;position:relative;transition:border-color .2s,box-shadow .2s}
.product-art .art-composer:focus-within{border-color:#8dadd0;box-shadow:0 0 0 .4cqw #1769ff0d}
.product-art .art-composer input{display:block;width:100%;min-width:0;padding:0;border:0;outline:0;background:transparent;color:#172331;font:inherit;font-size:1.86cqw;line-height:1.4}
.product-art .art-composer input::placeholder{color:#929eab}
.product-art .art-composer button{display:grid;place-items:center;flex:none;width:5cqw;height:5cqw;border-radius:50%;padding:0;border:0;color:#fff;background:#1769ff;cursor:pointer;transition:transform .2s,background .2s}
.product-art .art-composer button:disabled{background:#e5eaf0;color:#8f9ba8;cursor:default}
.product-art .art-composer button:not(:disabled):hover{background:#125ccf;transform:scale(1.07)}
.product-art .art-suggestions>button{border:1px solid #d9e1e9;border-radius:24px;display:flex;align-items:center;gap:2.28cqw;padding:1.42cqw 1.85cqw;background:#fafbfd;font:500 1.71cqw/1.45 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#37414c;text-align:left;cursor:pointer;transition:transform .18s,background .18s,border-color .18s}
.product-art .art-suggestions>button:hover{transform:translateX(.5cqw);background:#f0f6fc;border-color:#a9c4df}
.product-art .art-chat-body{height:41cqw;overflow:auto;scrollbar-width:thin;scrollbar-color:#cad6e0 transparent}
.product-art .art-action-body{height:43cqw;overflow:auto;scrollbar-width:thin;scrollbar-color:#cad6e0 transparent}
.product-art .art-preview-message{margin-top:1.7cqw;max-width:86%}.product-art .art-preview-message>small{display:block;font-size:1.42cqw;color:#687585;margin-bottom:.8cqw}.product-art .art-preview-message.art-visitor{margin-left:auto}
.product-art .art-tool-rail{z-index:20}
.product-art .art-tool-rail>button{position:relative;display:grid;place-items:center;width:4.28571cqw;height:4.28571cqw;border-radius:50%;background:#eaf3fc;border:1px solid #c9e1f5;color:#2876ad;padding:0;cursor:pointer;transition:transform .18s,box-shadow .18s}
.product-art .art-tool-rail>button:nth-child(2){background:#f2eef9;color:#7960a6;border-color:#e2d7f0}.product-art .art-tool-rail>button:nth-child(3){background:#ebf5f0;color:#3e8974;border-color:#cbe5dc}
.product-art .art-tool-rail>button:hover{transform:scale(1.12);box-shadow:0 3px 10px #102d5016}
.product-art .art-tooltip{position:absolute;right:calc(100% + 14px);top:50%;transform:translateY(-50%) translateX(4px);width:224px;padding:13px 15px;border-radius:11px;background:#fff;color:#546579;border:1px solid #d8e2eb;box-shadow:0 8px 28px #102d5026;font:400 12px/1.55 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-align:left;letter-spacing:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s,transform .16s;z-index:30}
.product-art .art-tooltip b{display:block;color:#162b43;font-size:13px;margin-bottom:4px}
.product-art .art-tool-rail button:is(:hover,:focus-visible,.tip-open) .art-tooltip{opacity:1;visibility:visible;transform:translateY(-50%) translateX(0)}
.product-art button:focus-visible{outline:2px solid #1769ff;outline-offset:3px}
.product-art .art-callout,.product-art .art-chat,.product-art .art-browser,.product-art .art-basket,.product-art .art-handoff-form,.product-art .art-mail,.product-art .art-success,.product-art .art-handoff-success{transition:transform .28s cubic-bezier(.2,.7,.2,1),box-shadow .28s,border-color .28s;transform-origin:center}
@media(hover:hover) and (pointer:fine){
 .product-art .art-callout:hover,.product-art .art-success:hover,.product-art .art-handoff-success:hover{transform:translateY(-4px) scale(1.055);box-shadow:0 12px 32px #102d5024;z-index:10}
 .product-art .art-chat:hover,.product-art .art-browser:hover,.product-art .art-basket:hover,.product-art .art-handoff-form:hover,.product-art .art-mail:hover{transform:translateY(-3px) scale(1.015);box-shadow:0 15px 35px #102d501b}
 .product-art .art-metrics>div,.product-art .art-dash-charts>div,.product-art .art-contact-row,.product-art .art-bubble{transition:background .2s,transform .2s}
 .product-art .art-metrics>div:hover,.product-art .art-dash-charts>div:hover{background:#293843;transform:translateY(-1px)}
 .product-art .art-contact-row:hover{background:#f3f7fb}.product-art .art-bubble:hover{transform:translateY(-1px)}
}
.home1 .people-strip{margin:22px auto 30px;overflow:hidden;aspect-ratio:6/1;background:#d8dbd6}
.home1 .people-strip img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 58%}
.home1 .people-strip img[src*="support"]{object-position:50% 76%}
@media(max-width:1100px){.home1 .demo-toast{right:-25px;top:44%;width:214px}}
@media(max-width:650px){.home1 .people-strip{aspect-ratio:3/1;margin-block:8px 22px}.product-art .art-tooltip{width:190px;font-size:11px;padding:11px}.product-art .art-tooltip b{font-size:12px}.product-art .art-composer input:focus{font-size:16px}.product-art .art-composer:focus-within{z-index:4}}
@media(prefers-reduced-motion:reduce){.home1 .demo-toast,.home1 .demo-navigation button,.product-art *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.home1 .demo-feedback-button.is-celebrating{animation:none!important}.product-art .art-callout:hover,.product-art .art-chat:hover,.product-art .art-browser:hover,.product-art .art-basket:hover,.product-art .art-handoff-form:hover,.product-art .art-mail:hover,.product-art .art-success:hover,.product-art .art-handoff-success:hover{transform:none!important}}

.home1 .demo-control[hidden]{display:none}
.product-art .art-success{width:36.14cqw;right:1cqw}.product-art .art-success b{font-size:2cqw}
