.demo-page{min-height:100vh;background:#f5f7fb;color:#101828;font-family:DM Sans,sans-serif}.demo-site-header{height:68px;padding:0 30px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid #e2e8f0;background:#fffffff0;position:relative;z-index:3}.demo-automaitech{font-family:Manrope;font-weight:800;display:flex;align-items:center;gap:9px}.demo-automaitech>span{width:10px;height:10px;background:#087ff5;border-radius:50%;box-shadow:0 0 0 4px #e3f2ff}.demo-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.13em;font-weight:800;color:#718096;display:flex;align-items:center;gap:8px}.demo-label i{width:7px;height:7px;background:#26b56d;border-radius:50%;box-shadow:0 0 0 4px #e5f8ee}.demo-exit{justify-self:end;font-size:.78rem;font-weight:700;color:#667085}.demo-exit span{font-size:1.15rem;margin-left:5px}.demo-stage{min-height:calc(100vh - 68px);display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:7vw;width:min(1120px,calc(100% - 48px));margin:auto;padding:55px 0 88px}.demo-context{max-width:510px}.demo-kicker{text-transform:uppercase;color:var(--demo-accent);font-size:.68rem;font-weight:900;letter-spacing:.14em}.demo-context h1{font-size:clamp(3rem,5vw,5.2rem);margin:17px 0 24px}.demo-context h1 em{color:var(--demo-accent)}.demo-context>p{font-size:1.04rem;max-width:490px}.demo-benefits{display:flex;flex-direction:column;gap:10px;margin:27px 0 38px;color:#556274;font-size:.84rem;font-weight:600}.demo-benefits i{font-style:normal;color:var(--demo-accent);background:var(--demo-soft);width:22px;height:22px;border-radius:50%;display:inline-grid;place-items:center;margin-right:8px}.demo-steps{display:flex;align-items:center;width:330px;margin-bottom:17px}.demo-steps span{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;border:1px solid #d5dde8;background:#fff;color:#9aa6b6;font-size:.7rem;font-weight:800;transition:.3s}.demo-steps span.active{border-color:var(--demo-accent);background:var(--demo-accent);color:#fff;box-shadow:0 0 0 5px var(--demo-soft)}.demo-steps b{height:1px;background:#d8e0e9;flex:1}.demo-context>small{color:#8995a5;font-size:.72rem}.phone-shell{width:min(100%,440px);height:690px;background:#fff;border:1px solid #d7e0ea;border-radius:34px;box-shadow:0 35px 90px #1f314e30;overflow:hidden;justify-self:center;display:flex;flex-direction:column;position:relative}.phone-shell:before{content:"";position:absolute;inset:0;border:6px solid #fff;border-radius:34px;pointer-events:none;z-index:3}.phone-top{height:25px;display:flex;justify-content:center;align-items:center;gap:6px;background:#fff}.phone-top span{width:70px;height:6px;border-radius:10px;background:#152033}.phone-top i{width:5px;height:5px;border-radius:50%;background:#b8c1ce}.chat-header{height:68px;padding:10px 18px;display:flex;align-items:center;gap:11px;background:#fff;border-block:1px solid #e7ebf1}.chat-avatar{width:42px;height:42px;border-radius:50%;background:var(--demo-accent);display:grid;place-items:center;color:#fff;font-size:.72rem;font-weight:900}.chat-header>div:nth-child(2){display:flex;flex-direction:column;flex:1}.chat-header strong{font-size:.85rem}.chat-header small{font-size:.64rem;color:#8591a1}.chat-header small i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#25b66c;margin-right:4px}.chat-header button{border:0;background:#f2f5f8;width:32px;height:32px;border-radius:50%;cursor:pointer;color:#667085;font-size:1rem}.chat-body{background-color:#f3f6f9;background-image:radial-gradient(#dce4ec .7px,transparent .7px);background-size:13px 13px;padding:16px 15px 30px;overflow-y:auto;flex:1;scrollbar-width:thin}.chat-date{text-align:center;font-size:.55rem;color:#95a0ae;margin:3px 0 14px}.bot-row{display:flex;gap:7px;align-items:flex-end;margin:8px 0;animation:messageIn .25s ease}.mini-avatar{width:22px;height:22px;border-radius:50%;background:var(--demo-accent);color:#fff;display:grid;place-items:center;font-size:.55rem;flex:0 0 22px}.bubble{max-width:82%;padding:10px 12px 7px;border-radius:13px;font-size:.76rem;line-height:1.45;box-shadow:0 2px 7px #25374e0d}.bubble p{margin:0;color:#344054}.bubble time{display:block;text-align:right;font-size:.48rem;color:#98a2b3;margin-top:3px}.bubble.bot{background:#fff;border:1px solid #e1e7ee;border-bottom-left-radius:3px}.user-row{display:flex;justify-content:flex-end;margin:9px 0;animation:messageIn .25s ease}.bubble.user{background:var(--demo-accent);border-bottom-right-radius:3px}.bubble.user p,.bubble.user time{color:#fff}.bubble.user time{opacity:.7}.quick-options{display:flex;flex-direction:column;gap:6px;margin:12px 0 10px 29px}.quick-options button{border:1px solid #dfe6ee;background:#fff;border-radius:11px;padding:10px;display:grid;grid-template-columns:32px 1fr auto;gap:9px;text-align:left;align-items:center;cursor:pointer;color:#263244;transition:.2s}.quick-options button:hover{border-color:var(--demo-accent);transform:translate(3px)}.quick-options button>span{width:32px;height:32px;border-radius:9px;background:var(--demo-soft);color:var(--demo-accent);display:grid;place-items:center;font-weight:900}.quick-options button div{display:flex;flex-direction:column}.quick-options strong{font-size:.72rem}.quick-options small{font-size:.57rem;color:#8a96a5}.quick-options b{color:var(--demo-accent);font-size:1.2rem}.text-options{display:flex;flex-wrap:wrap;gap:6px;margin:11px 0 13px 29px}.text-options button,.schedule-options button{background:#fff;border:1px solid var(--demo-accent);color:var(--demo-accent);border-radius:20px;padding:7px 11px;font-size:.65rem;font-weight:700;cursor:pointer}.text-options button:hover,.schedule-options button:hover{background:var(--demo-accent);color:#fff}.typing{display:flex;gap:4px;padding:13px 15px}.typing i{width:5px;height:5px;background:#98a2b3;border-radius:50%;animation:typing 1s infinite}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}.service-summary{background:#fff;border:1px solid #dfe6ed;border-left:3px solid var(--demo-accent);border-radius:13px;margin:12px 0 13px 29px;padding:12px;display:grid;grid-template-columns:37px 1fr;gap:10px;box-shadow:0 8px 20px #1f314e17;animation:messageIn .3s ease}.summary-icon{width:37px;height:37px;border-radius:10px;background:var(--demo-soft);color:var(--demo-accent);display:grid;place-items:center}.service-summary>div:nth-child(2){display:flex;flex-direction:column}.service-summary small,.confirmed-card small{font-size:.5rem;letter-spacing:.1em;color:var(--demo-accent);font-weight:900}.service-summary strong{font-size:.74rem}.service-summary span{font-size:.61rem;color:#7c8898}.service-summary button{grid-column:1/-1;border:0;background:var(--demo-accent);color:#fff;border-radius:9px;padding:9px;font-size:.65rem;font-weight:800;cursor:pointer}.schedule-options{display:grid;grid-template-columns:1fr;gap:6px;margin:11px 0 13px 29px}.schedule-options button{border-radius:9px;padding:9px}.confirmed-card{margin:12px 0 20px 29px;background:#fff;border:1px solid #ccebdc;border-radius:14px;padding:14px;display:grid;grid-template-columns:32px 1fr;column-gap:9px;box-shadow:0 8px 25px #2296601c;animation:messageIn .3s ease}.confirmed-card>div{grid-row:1/4;width:32px;height:32px;border-radius:50%;background:#e7f8ef;color:#1cad67;display:grid;place-items:center;font-weight:900}.confirmed-card strong,.confirmed-card span,.confirmed-card small{grid-column:2}.confirmed-card strong{font-size:.76rem}.confirmed-card span{font-size:.62rem;color:#6f7d8f}.confirmed-card em{grid-column:1/-1;font-style:normal;background:#f0fbf5;color:#448164;padding:7px;border-radius:7px;font-size:.56rem;margin-top:10px}.chat-input{height:53px;border-top:1px solid #e2e8ef;background:#fff;padding:9px 12px;display:flex;align-items:center;gap:8px}.chat-input>span{background:#f1f4f7;color:#9aa5b3;border-radius:20px;padding:8px 13px;font-size:.65rem;flex:1}.chat-input button{border:0;background:var(--demo-accent);color:#fff;width:34px;height:34px;border-radius:50%}.phone-home{width:95px;height:4px;background:#182232;border-radius:5px;margin:7px auto 9px}.demo-disclaimer{position:fixed;left:50%;bottom:15px;transform:translate(-50%);background:#fffffff0;backdrop-filter:blur(9px);border:1px solid #dce3eb;border-radius:12px;padding:9px 14px;display:flex;align-items:center;gap:9px;box-shadow:0 8px 25px #1e304b17;z-index:5;max-width:580px;width:calc(100% - 30px)}.demo-disclaimer>span{width:22px;height:22px;border:1px solid #aab5c3;border-radius:50%;display:grid;place-items:center;font-size:.65rem;font-weight:800}.demo-disclaimer p{margin:0;font-size:.62rem;line-height:1.35;color:#6e7a8a}@keyframes messageIn{0%{opacity:0;transform:translateY(7px)}}@keyframes typing{50%{transform:translateY(-3px);background:var(--demo-accent)}}@media(max-width:820px){.demo-site-header{grid-template-columns:1fr auto;padding:0 17px}.demo-label{display:none}.demo-stage{grid-template-columns:1fr;padding:42px 0 95px}.demo-context{text-align:center;margin:auto}.demo-benefits{align-items:flex-start;width:max-content;margin-inline:auto}.demo-steps{margin-inline:auto}.phone-shell{height:670px}.demo-context>small{display:block}}@media(max-width:520px){.demo-site-header{height:58px}.demo-exit{font-size:0}.demo-exit span{font-size:1.4rem}.demo-stage{width:100%;padding:30px 0 82px}.demo-context{padding:0 20px}.demo-context h1{font-size:2.65rem}.demo-context>p{font-size:.9rem}.demo-benefits{display:none}.demo-steps{width:270px;margin-top:25px}.demo-context>small{font-size:.64rem;padding:0 15px}.phone-shell{width:100%;height:690px;border-radius:28px 28px 0 0;box-shadow:0 -10px 40px #1f314e1f;margin-top:15px}.phone-shell:before{border-radius:28px 28px 0 0}.demo-disclaimer{bottom:8px}.chat-body{padding-inline:12px}}