.agent-demo{--ad-accent:#d3fc72;--ad-ink:#f0ede6;--ad-muted:#c8c4bb;--ad-line:#ffffff14;--ad-chat-h:470px;padding:28px 22px}@media (min-width:768px){.agent-demo{padding:44px 48px}}.ad-head{flex-direction:column;gap:22px;margin-bottom:28px;display:flex}@media (min-width:1024px){.ad-head{flex-direction:row;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:36px}}.ad-head-copy{max-width:560px}.ad-label{font-family:var(--font-pixel);text-transform:uppercase;letter-spacing:.3em;color:var(--ad-accent);align-items:center;gap:10px;font-size:10px;font-weight:400;display:inline-flex}.ad-live-dot{background:var(--ad-accent);border-radius:99px;width:7px;height:7px;animation:1.8s ease-out infinite ad-pulse;box-shadow:0 0 #d3fc7299}@keyframes ad-pulse{0%{box-shadow:0 0 #d3fc728c}70%{box-shadow:0 0 0 9px #d3fc7200}to{box-shadow:0 0 #d3fc7200}}.ad-title{font-family:var(--font-pixel);text-transform:uppercase;color:var(--ad-ink);margin:14px 0 12px;font-size:clamp(24px,3.2vw,40px);line-height:1.05}.ad-blurb{color:var(--ad-muted);max-width:470px;font-size:11px;line-height:1.9}.ad-tabs{flex:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}@media (min-width:1024px){.ad-tabs{width:500px}}.ad-tab{border:1px solid var(--ad-line);color:#f0ede68c;text-transform:uppercase;letter-spacing:.16em;cursor:pointer;white-space:nowrap;background:#ffffff06;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:11px 10px 13px;font-family:inherit;font-size:9.5px;transition:color .3s,border-color .3s,background .3s;display:flex;position:relative;overflow:hidden}.ad-tab:hover{color:var(--ad-ink);border-color:#ffffff2e}.ad-tab.is-active{color:var(--ad-accent);background:#d3fc720f;border-color:#d3fc7273}.ad-tab-num{opacity:.45}.ad-tab-bar{background:#ffffff0f;border-radius:2px;height:2px;position:absolute;bottom:5px;left:14px;right:14px;overflow:hidden}.ad-tab-bar span{background:var(--ad-accent);height:100%;transition:width .6s cubic-bezier(.16,1,.3,1);display:block}.ad-grid{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}@media (min-width:1024px){.ad-grid{grid-template-columns:minmax(0,440px) minmax(0,1fr);align-items:stretch;gap:20px}}.ad-phone{background:radial-gradient(120% 60% at 50% 0,#d3fc720d,#0000 60%),#0d0d0d;border:1px solid #ffffff1a;border-radius:22px;flex-direction:column;min-width:0;display:flex;overflow:hidden;box-shadow:0 30px 60px -30px #000000e6,inset 0 1px #ffffff0d}.ad-phone-top{border-bottom:1px solid var(--ad-line);background:#ffffff06;flex:none;align-items:center;gap:12px;padding:14px 16px;display:flex}.ad-avatar{background:var(--ad-accent);color:#0b0b0b;width:38px;height:38px;font-family:var(--font-pixel);border-radius:99px;flex:none;place-items:center;font-size:18px;display:grid}.ad-who{flex-direction:column;flex:1;min-width:0;display:flex}.ad-name{color:var(--ad-ink);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex;overflow:hidden}.ad-verified{width:13px;height:13px;color:var(--ad-accent);flex:none}.ad-status{color:#f0ede673;white-space:nowrap;text-overflow:ellipsis;font-size:10px;transition:color .25s;overflow:hidden}.ad-status.is-typing{color:var(--ad-accent)}.ad-phone-icons{color:#f0ede680;flex:none;gap:14px;display:flex}.ad-phone-icons svg{width:19px;height:19px}.ad-body{height:var(--ad-chat-h);overscroll-behavior:contain;scrollbar-width:none;background-image:radial-gradient(#ffffff09 1px,#0000 1px);background-size:18px 18px;flex-direction:column;flex:none;gap:8px;padding:16px 14px 18px;display:flex;overflow-y:auto}.ad-body::-webkit-scrollbar{display:none}.ad-system{flex-direction:column;align-items:center;gap:8px;margin-bottom:6px;display:flex}.ad-chip{letter-spacing:.04em;color:#f0ede68c;text-align:center;background:#ffffff0f;border-radius:9px;max-width:88%;padding:5px 11px;font-size:9.5px;line-height:1.6}.ad-chip--note{color:#f0ede66b;background:#ffffff09}.ad-chip--accent{color:var(--ad-accent);background:#d3fc7214}.ad-row{animation:.38s cubic-bezier(.16,1,.3,1) both ad-in;display:flex}.ad-row--user{justify-content:flex-end}.ad-row--agent{justify-content:flex-start}@keyframes ad-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}.ad-bubble{border-radius:16px;max-width:82%;padding:9px 12px 7px;font-size:12px;line-height:1.55;position:relative}.ad-bubble--user{background:var(--ad-accent);color:#0b0b0b;border-bottom-right-radius:5px}.ad-bubble--agent{color:var(--ad-ink);background:#ffffff12;border:1px solid #ffffff12;border-bottom-left-radius:5px}.ad-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.ad-meta{opacity:.55;justify-content:flex-end;align-items:center;gap:4px;margin-top:3px;font-size:9px;display:flex}.ad-ticks{color:#1f6fff;opacity:1;width:15px;height:10px}.ad-bubble--user .ad-meta{opacity:.6}.ad-voice{align-items:center;gap:10px;min-width:210px;padding:2px 0;display:flex}.ad-voice-play{width:28px;height:28px;color:var(--ad-accent);background:#0b0b0b;border-radius:99px;flex:none;place-items:center;display:grid}.ad-voice-play svg{width:9px;height:11px;margin-left:2px}.ad-voice-wave{flex:1;align-items:center;gap:2px;height:20px;display:flex}.ad-voice-wave i{background:#0b0b0b8c;border-radius:2px;width:2.5px;display:block}.ad-voice-dur{flex:none;font-size:10px}.ad-transcript{background:#0b0b0b1a;border-radius:10px;flex-direction:column;gap:3px;margin-top:8px;padding:8px 10px;animation:.45s cubic-bezier(.16,1,.3,1) .9s both ad-in;display:flex}.ad-transcript-tag{text-transform:uppercase;letter-spacing:.18em;opacity:.7;font-size:8.5px}.ad-transcript-text{font-size:11px;font-style:italic}.ad-link{background:#d3fc7214;border:1px solid #d3fc724d;border-radius:12px;align-items:center;gap:10px;margin-top:9px;padding:10px 12px;display:flex}.ad-link-icon{background:var(--ad-accent);color:#0b0b0b;border-radius:8px;flex:none;place-items:center;width:30px;height:30px;display:grid}.ad-link-icon svg{width:18px;height:18px}.ad-link-body{flex-direction:column;flex:1;min-width:0;display:flex}.ad-link-title{color:var(--ad-accent);font-size:12px;font-weight:700}.ad-link-sub{color:#f0ede68c;font-size:9.5px}.ad-link-go{color:var(--ad-accent)}.ad-typing{align-items:center;gap:4px;padding:13px 14px;display:flex}.ad-typing i{background:#f0ede699;border-radius:99px;width:6px;height:6px;animation:1.1s ease-in-out infinite ad-dot}.ad-typing i:nth-child(2){animation-delay:.15s}.ad-typing i:nth-child(3){animation-delay:.3s}@keyframes ad-dot{0%,60%,to{opacity:.45;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.ad-input{border-top:1px solid var(--ad-line);flex:none;align-items:center;gap:10px;padding:10px 12px 12px;display:flex}.ad-input-field{color:#f0ede659;background:#ffffff0d;border-radius:999px;flex:1;padding:10px 14px;font-size:11px}.ad-input-mic{background:var(--ad-accent);color:#0b0b0b;border-radius:99px;flex:none;place-items:center;width:38px;height:38px;display:grid}.ad-input-mic svg{width:18px;height:18px}.ad-panel{border:1px solid var(--ad-line);background:#ffffff05;border-radius:22px;flex-direction:column;gap:18px;min-width:0;padding:22px 18px;display:flex}@media (min-width:768px){.ad-panel{padding:28px}}.ad-steps{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.ad-step{opacity:.38;border-bottom:1px solid #ffffff0d;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:14px;height:64px;padding:0;transition:opacity .5s;display:grid;position:relative}.ad-step:last-child{border-bottom:0}.ad-step:not(:last-child):after{content:"";background:#ffffff1a;width:1px;height:calc(100% - 30px);position:absolute;top:calc(50% + 15px);left:14.5px}.ad-step.is-done{opacity:1}.ad-step.is-done:not(:last-child):after{background:#d3fc7273}.ad-step.is-current{opacity:.85}.ad-step-dot{color:#f0ede699;border:1px solid #ffffff2e;border-radius:99px;place-items:center;width:30px;height:30px;font-size:9px;transition:background .4s,border-color .4s,color .4s;display:grid}.ad-step-dot svg{width:13px;height:13px}.ad-step.is-done .ad-step-dot{background:var(--ad-accent);border-color:var(--ad-accent);color:#0b0b0b}.ad-step.is-current .ad-step-dot{color:var(--ad-accent);border-color:#d3fc7299;animation:1.6s ease-out infinite ad-pulse}.ad-step-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.ad-step-title{color:var(--ad-ink);font-size:12px;font-weight:700}.ad-step-detail{color:var(--ad-muted);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:10.5px;line-height:1.6;display:-webkit-box;overflow:hidden}.ad-step-state{text-transform:uppercase;letter-spacing:.14em;color:#f0ede673;white-space:nowrap;border:1px solid #ffffff1a;border-radius:6px;padding:4px 8px;font-size:8.5px;transition:color .4s,border-color .4s,background .4s}.ad-step.is-done .ad-step-state{color:var(--ad-accent);background:#d3fc720f;border-color:#d3fc7259}@media (max-width:420px){.ad-step-state{display:none}.ad-step{grid-template-columns:30px minmax(0,1fr)}.ad-phone-icons{display:none}}.ad-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:auto;display:grid}.ad-kpi{background:#ffffff09;border:1px solid #ffffff0f;border-radius:14px;flex-direction:column;gap:6px;padding:14px 12px;display:flex}.ad-kpi-value{font-family:var(--font-pixel);color:var(--ad-accent);font-size:clamp(18px,2vw,26px);line-height:1}.ad-kpi-label{text-transform:uppercase;letter-spacing:.12em;color:#f0ede680;font-size:9px;line-height:1.5}.ad-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;display:flex}.ad-cta{background:var(--ad-accent);color:#0b0b0b;text-transform:uppercase;letter-spacing:.16em;border-radius:999px;align-items:center;padding:12px 20px;font-size:10px;font-weight:700;text-decoration:none;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s;display:inline-flex}.ad-cta:hover{transform:translateY(-2px);box-shadow:0 12px 28px -10px #d3fc728c}.ad-disclaimer{color:#f0ede652;letter-spacing:.06em;font-size:9px}@media (min-width:1024px){.ad-body{flex:1 1 0;height:auto;min-height:380px}}@media (max-width:767px){.agent-demo{--ad-chat-h:420px}.ad-step{height:80px}.ad-kpi{padding:12px 10px}.ad-kpi-label{letter-spacing:.06em}.ad-tab{letter-spacing:.12em;gap:5px;padding-inline:6px;font-size:8.5px}.ad-tab-num{display:none}}@media (prefers-reduced-motion:reduce){.ad-row,.ad-transcript,.ad-live-dot,.ad-step.is-current .ad-step-dot,.ad-typing i{animation:none}}html[data-theme=light] .ad-head,html[data-theme=light] .ad-panel{--ad-ink:#141414;--ad-muted:#4d4a44;--ad-line:#1414141a}html[data-theme=light] .ad-label{color:#4b7500}html[data-theme=light] .ad-tab{color:#1414148c;background:#fff9}html[data-theme=light] .ad-tab:hover{color:#141414;border-color:#14141438}html[data-theme=light] .ad-tab.is-active{color:#3f6400;background:#d3fc7259;border-color:#4b750080}html[data-theme=light] .ad-tab-bar{background:#14141414}html[data-theme=light] .ad-tab-bar span{background:#6f9e00}html[data-theme=light] .ad-phone{box-shadow:0 30px 60px -30px #14141473,inset 0 1px #ffffff0d}html[data-theme=light] .ad-panel{background:#ffffff8c}html[data-theme=light] .ad-step{border-bottom-color:#14141412}html[data-theme=light] .ad-step:not(:last-child):after{background:#1414141f}html[data-theme=light] .ad-step.is-done:not(:last-child):after{background:#60910080}html[data-theme=light] .ad-step-dot{color:#1414148c;border-color:#14141433}html[data-theme=light] .ad-step.is-done .ad-step-dot{color:#141414;background:#d3fc72;border-color:#b5df45}html[data-theme=light] .ad-step.is-current .ad-step-dot{color:#4b7500;border-color:#4b750099}html[data-theme=light] .ad-step-state{color:#14141473;border-color:#1414141f}html[data-theme=light] .ad-step.is-done .ad-step-state{color:#3f6400;background:#d3fc724d;border-color:#4b750066}html[data-theme=light] .ad-kpi{background:#ffffffb3;border-color:#14141414}html[data-theme=light] .ad-kpi-value{color:#4b7500}html[data-theme=light] .ad-kpi-label{color:#1414148c}html[data-theme=light] .ad-disclaimer{color:#14141473}