/* Demonstração ilustrativa: não conecta a uma IA ou a uma lavanderia real. */
.ai-demo-section{padding:76px 0;background:linear-gradient(115deg,#f2f5fb 0%,#fff 62%);border-block:1px solid #e8edf4}
.ai-demo-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}
.ai-demo-intro h2{font-size:clamp(32px,3.5vw,48px);line-height:1.08;letter-spacing:-2px;margin-bottom:22px}
.ai-demo-intro .eyebrow{margin-bottom:20px}
.ai-demo-intro>p:not(.eyebrow){font-size:14px;line-height:1.7;max-width:390px;color:#677584}
.ai-demo-examples{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0 18px}
.ai-demo-examples button{padding:10px 15px;border:1px solid #cdd7e6;border-radius:30px;background:#fff;font-size:12px;font-weight:500;line-height:1.35;color:#596a80;transition:background .2s,color .2s,border-color .2s}
.ai-demo-examples button:hover{border-color:#7896c3;background:#f4f7fc}
.ai-demo-examples button[aria-pressed=true]{background:#243c61;border-color:#243c61;color:#fff}
.ai-demo-intro .ai-demo-note{font-size:10px!important;line-height:1.65!important;color:#8692a1!important;max-width:370px!important;margin:0}
.ai-demo-window{background:#fff;border:1px solid #e0e6ee;border-radius:22px;box-shadow:0 20px 65px #1e3c6420;overflow:hidden;position:relative}
.ai-demo-header{display:flex;align-items:center;gap:12px;padding:20px 24px;border-bottom:1px solid #e9edf3}
.ai-demo-avatar{width:40px;height:40px;border-radius:13px;background:linear-gradient(145deg,#abc4ef,#526fa5);color:white;display:grid;place-items:center;font-size:24px;box-shadow:inset 0 0 0 1px #ffffff60}
.ai-demo-header strong{display:block;font-size:13px;font-weight:600;color:#23334b;letter-spacing:-.2px}
.ai-demo-header div>span{display:block;font-size:10px;color:#8793a3;margin-top:4px}
.ai-demo-demo-tag{margin-left:auto;font-size:8px;font-weight:700;letter-spacing:1.4px;color:#7083a0;border:1px solid #dce5f2;background:#f6f8fc;border-radius:5px;padding:5px 7px}
.ai-demo-conversation{height:296px;position:relative;padding:22px 24px;background:radial-gradient(ellipse at 100% 0%,#eaf0fa90,transparent 60%),#fbfcff;display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.ai-demo-question{align-self:flex-end;max-width:86%;padding:13px 17px;border-radius:16px 16px 4px 16px;background:#e9effa;border:1px solid #dde6f5;color:#223958;opacity:0;transform:translateY(12px);transition:opacity .35s,transform .35s}
.ai-demo-question>span,.ai-demo-sender{display:block;font-size:8px;letter-spacing:1.2px;font-weight:600;color:#7185a1;margin-bottom:6px}
.ai-demo-question p{font-size:13px;line-height:1.5;margin:0}
.ai-demo-reply{width:91%;padding:14px 17px;border:1px solid #e4e9f1;border-radius:16px 16px 16px 4px;background:white;min-height:104px;opacity:0;transform:translateY(12px);transition:opacity .35s,transform .35s;box-shadow:0 5px 16px #344b6e06}
.ai-demo-reply>p{margin:0;min-height:20px;font-size:13px;line-height:1.65;color:#43536a}
.ai-demo-question.is-visible,.ai-demo-reply.is-visible{opacity:1;transform:translateY(0)}
.ai-demo-typing{display:flex;align-items:center;gap:4px;height:25px}
.ai-demo-typing[hidden]{display:none}
.ai-demo-typing i{width:5px;height:5px;border-radius:50%;background:#8da5c9;animation:ai-demo-dot 1.1s ease-in-out infinite}
.ai-demo-typing i:nth-child(2){animation-delay:.15s}.ai-demo-typing i:nth-child(3){animation-delay:.3s}
.ai-demo-typing span{font-size:10px;margin-left:7px;color:#9ba7b6}
.ai-demo-context{display:flex;align-items:center;gap:7px;margin-top:12px;padding-top:10px;border-top:1px solid #edf1f7;font-size:10px;color:#657b9e;opacity:0;transition:opacity .3s}
.ai-demo-context.is-visible{opacity:1}
.ai-demo-context>span:first-child{font-size:15px}
.ai-demo-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #e9edf3;padding:12px 20px;background:#fff}
.ai-demo-toolbar>span{font-size:9px;color:#8a96a6}
.ai-demo-toolbar>div{display:flex;gap:6px}
.ai-demo-toolbar button{display:inline-flex;align-items:center;gap:5px;border:0;border-radius:6px;background:transparent;padding:6px 7px;color:#6c7d96;font-size:13px;line-height:1.2}
.ai-demo-toolbar button:hover{background:#eef3fb;color:#273e62}
.ai-demo-toolbar button>span{font-size:10px}
.ai-demo-toolbar button[disabled]{opacity:.45;cursor:default}
.ai-demo-accessible{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.ai-demo-layout.is-paused .ai-demo-typing i{animation-play-state:paused}
@keyframes ai-demo-dot{0%,70%,100%{transform:translateY(0);opacity:.4}35%{transform:translateY(-4px);opacity:1}}
@media(max-width:1000px){.ai-demo-layout{gap:35px;grid-template-columns:.85fr 1.15fr}.ai-demo-conversation{height:326px}.ai-demo-header{padding:18px}.ai-demo-conversation{padding:20px 18px}}
@media(max-width:760px){.ai-demo-section{padding:54px 0}.ai-demo-layout{grid-template-columns:1fr;gap:27px}.ai-demo-intro h2{font-size:38px}.ai-demo-intro>p:not(.eyebrow){max-width:100%;font-size:13px}.ai-demo-intro .ai-demo-note{max-width:100%!important}.ai-demo-examples{margin:22px 0 15px}.ai-demo-window{border-radius:18px}.ai-demo-header{padding:17px}.ai-demo-conversation{height:315px;padding:20px 15px;gap:15px}.ai-demo-question{max-width:94%;padding:12px 14px}.ai-demo-reply{width:96%;padding:13px 14px}.ai-demo-reply>p,.ai-demo-question p{font-size:12px}.ai-demo-toolbar{padding:10px 12px;gap:8px}.ai-demo-toolbar>span{font-size:8px;max-width:110px;line-height:1.4}.ai-demo-toolbar button{padding:7px 5px}.ai-demo-header div>span{font-size:9px}}
@media(prefers-reduced-motion:reduce){.ai-demo-question,.ai-demo-reply,.ai-demo-context{transition:none}.ai-demo-typing i{animation:none}}

@media(max-width:400px){.ai-demo-conversation{height:345px}}