.auto-demo-cover{margin-bottom:56px}
.auto-demo-caption{margin-top:16px;font-size:14px;line-height:1.7;color:#666;max-width:85ch}
.auto-demo{margin-top:32px;padding:24px;background:#101923;color:#edf3fa;border:1px solid #293746;border-radius:16px}
.auto-demo-stage{display:grid;grid-template-columns:1.15fr 1fr;gap:20px}
.auto-chat,.auto-engine{min-width:0;border:1px solid #334252;border-radius:12px;padding:20px;background:#16222e}
.auto-chat-header{display:flex;align-items:center;gap:12px;border-bottom:1px solid #334252;padding-bottom:16px;margin-bottom:24px;font-size:16px}
.auto-avatar{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;border-radius:50%;background:#b9efc9;color:#17271c;font-size:13px}
.auto-demo .auto-message{font-size:15px;line-height:1.65;padding:16px;border-radius:12px;background:#273c50;color:#edf3fa}
.auto-demo .auto-message small{display:block;color:#aec6dd;margin-bottom:8px}
.auto-demo .auto-reply{background:#254439;margin-top:20px}
.auto-demo .auto-reply small{color:#b9efc9}
.auto-engine-title{font-size:14px;letter-spacing:.04em;color:#b9efc9;margin-bottom:20px}
.auto-demo .auto-step{margin:14px 0;font-size:14px;line-height:1.5;color:#d4dfea}
.auto-database{margin:20px 0;padding:18px;border:1px solid #557665;border-radius:10px;background:#1b302b}
.auto-database strong{display:block;font-size:15px;margin-bottom:12px}
.auto-demo .auto-database p{font-size:14px;line-height:1.7;color:#d4eadd;margin:0}
.auto-demo .auto-source{color:#a6b8c9;font-size:12px;margin:16px 0 0}
.auto-transfer{height:3px;overflow:hidden;background:#2b3e49;margin:22px 0}
.auto-transfer:after{content:"";display:block;height:100%;width:35%;background:#b9efc9;animation:auto-transfer 18s linear infinite}
.auto-incoming{animation:auto-incoming 18s both infinite}
.auto-query{animation:auto-query 18s both infinite}
.auto-database{animation:auto-record 18s both infinite}
.auto-ready{animation:auto-ready 18s both infinite}
.auto-reply{animation:auto-reply 18s both infinite}
@keyframes auto-incoming{0%,4%{opacity:0;transform:translateY(10px)}9%,94%{opacity:1;transform:none}100%{opacity:0}}
@keyframes auto-query{0%,18%{opacity:.18}24%,94%{opacity:1}100%{opacity:.18}}
@keyframes auto-record{0%,33%{opacity:.12;transform:translateY(8px)}41%,94%{opacity:1;transform:none}100%{opacity:.12}}
@keyframes auto-ready{0%,48%{opacity:.18}56%,94%{opacity:1}100%{opacity:.18}}
@keyframes auto-reply{0%,63%{opacity:0;transform:translateY(10px)}71%,94%{opacity:1;transform:none}100%{opacity:0}}
@keyframes auto-transfer{0%,20%{transform:translateX(-110%);opacity:0}25%{opacity:1}55%{transform:translateX(390%);opacity:1}56%,100%{transform:translateX(390%);opacity:0}}
@media(max-width:800px){.auto-demo{padding:16px}.auto-demo-stage{grid-template-columns:1fr}.auto-chat,.auto-engine{padding:16px}}
@media(prefers-reduced-motion:reduce){.auto-demo-stage *,.auto-transfer:after{animation:none!important}.auto-transfer:after{width:100%}}