/* Shared voice-call illustration for mall and airport Agentic Chat. */
.hp-voice-call{position:relative;height:100%;min-height:0;background:#101813;border-radius:0 0 16px 16px;overflow:hidden;color:#fff}
.hp-voice-call>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 29%;opacity:.72}
.hp-voice-call::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#06120c44,#06120c15 20%,#06120ce8 85%)}
.hp-voice-title{position:absolute;z-index:1;left:20px;top:13px}.hp-voice-title span{display:block;font-size:10px;color:#d6e5d4}.hp-voice-title b{font-size:17px;font-weight:500;display:block;margin-top:4px}
.hp-voice-caption{position:absolute;z-index:1;left:20px;right:20px;bottom:57px;text-align:center}
.hp-voice-caption p{color:#d0d8ce;font-size:12px;margin:0 0 6px}.hp-voice-caption strong{font-weight:500;font-size:14px;line-height:1.45;display:block;max-width:350px;margin:0 auto}.hp-voice-caption>span{color:#ccdac9;font-size:10px}
.hp-voice-wave{height:29px;display:flex;align-items:center;justify-content:center;gap:4px;margin:9px 0 5px}.hp-voice-wave i{height:10px;width:4px;border-radius:4px;background:#bdd7b6;transform-origin:center;animation:hp-agentic-voice 1.3s ease-in-out infinite;animation-delay:calc(var(--hp-wave)*-.17s)}.hp-voice-wave i:nth-child(2),.hp-voice-wave i:nth-child(4){height:17px}.hp-voice-wave i:nth-child(3){height:24px}
.hp-voice-controls{position:absolute;bottom:10px;left:0;right:0;z-index:1;display:flex;justify-content:center;gap:19px}.hp-voice-controls>span{display:flex;align-items:center;gap:7px;border-radius:99px;background:#ffffff21;padding:9px 13px}.hp-voice-controls small{font-size:10px}.hp-voice-controls>.hp-voice-end{background:#ad3f39}
@keyframes hp-agentic-voice{0%,100%{transform:scaleY(.6)}50%{transform:scaleY(1.2)}}
@container hp-preview (max-width:719px){.hp-voice-title{left:13px;top:12px}.hp-voice-title b{font-size:18px}.hp-voice-caption{bottom:52px;left:13px;right:13px}.hp-voice-caption strong{max-width:280px}.hp-voice-controls{bottom:9px;gap:13px}.hp-voice-controls>span{padding:8px 11px}}
@media(prefers-reduced-motion:reduce){.hp-voice-wave i{animation:none}}

.hp-voice-caption>strong{transition:opacity .4s,transform .4s}
.home-product-panel .product-native-frame[data-phase="0"] .hp-voice-caption>strong,.home-product-panel .product-native-frame[data-phase="1"] .hp-voice-caption>strong{opacity:0;transform:translateY(6px)}
.home-products:not(.hp-ready) .hp-voice-caption>strong{opacity:1;transform:none}