.voice-ai.section{
  position:relative;
  display:block;
  isolation:isolate;
  padding:82px 0 46px;
  overflow:hidden;
  background:#fff;
}
.voice-ai.section::before{
  content:"";
  position:absolute;
  z-index:-2;
  inset:0;
  background:url("../img/ai-search-bg-purple.webp") center top/cover no-repeat;
  pointer-events:none;
}
.voice-ai.section::after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background:
    linear-gradient(90deg,#fff 0,rgba(255,255,255,.08) 13%,rgba(255,255,255,.08) 87%,#fff 100%),
    linear-gradient(180deg,rgba(255,255,255,.72) 0,rgba(255,255,255,.08) 22%,rgba(255,255,255,0) 76%,rgba(255,255,255,.38) 100%);
  pointer-events:none;
}
.voice-ai .voice-lines{display:none!important}
.voice-ai .voice-inner{position:relative;z-index:1}
.voice-ai .section-heading{
  position:relative;
  z-index:3;
  max-width:920px;
  margin:0 auto 24px;
  text-align:center;
}
.voice-ai .section-heading h2{
  margin:0 0 22px;
  font-size:clamp(44px,4.5vw,68px);
  line-height:1.05;
  letter-spacing:-.055em;
}
.voice-ai .section-heading h2 em{
  display:block;
  color:#6542d5;
  font-style:normal;
  white-space:nowrap;
}
.voice-ai .section-heading p{
  max-width:900px;
  margin:0 auto 26px;
  color:#858ca1;
  font-size:18px;
  line-height:1.75;
}
.voice-ai .section-heading .btn{margin-top:2px}

.voice-ai .voice-demo{
  position:relative;
  display:block;
  width:100%;
  max-width:1280px;
  height:350px;
  min-height:0;
  margin:0 auto;
  overflow:hidden;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.voice-ai .voice-demo::before{content:none!important}
.voice-demo-bg{display:none!important}
.voice-demo-fades{display:none!important}

.voice-search-wrap{
  position:absolute;
  z-index:3;
  top:38%;
  left:50%;
  width:min(820px,76%);
  padding:1px;
  transform:translate(-50%,-50%);
  border-radius:999px;
  background:linear-gradient(180deg,rgba(139,105,234,.74),rgba(75,39,187,.76));
  box-shadow:0 0 84px rgba(104,66,213,.22);
}
.voice-search-inner{
  display:flex;
  align-items:center;
  gap:12px;
  min-height:66px;
  padding:8px;
  overflow:hidden;
  border-radius:inherit;
  background:#fff;
}
.voice-search-button{
  flex:0 0 auto;
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  padding:0;
  border:0;
  border-radius:50%;
  cursor:default;
}
.voice-search-button .icon{width:21px;height:21px}
.voice-search-button.is-mic{background:#f1f3f7;color:#23283a}
.voice-search-button.is-send{
  position:relative;
  background:linear-gradient(145deg,#7450de,#4b27bb);
  color:#fff;
  box-shadow:0 8px 20px rgba(75,39,187,.26);
}
.voice-search-button.is-send::before{
  content:"";
  width:12px;
  height:12px;
  border-top:2px solid currentColor;
  border-right:2px solid currentColor;
  transform:translate(-2px,2px) rotate(45deg);
}
.voice-looping-words{
  position:relative;
  flex:1 1 auto;
  height:48px;
  min-width:0;
  overflow:hidden;
}
.voice-looping-list{
  position:absolute;
  top:0;
  left:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  width:100%;
  margin:0;
  padding:0;
  list-style:none;
  will-change:transform;
}
.voice-looping-item{
  display:flex;
  align-items:center;
  width:100%;
  height:48px;
  flex:0 0 48px;
  overflow:hidden;
  color:#a2a7b6;
  white-space:nowrap;
  transition:color .28s ease;
}
.voice-looping-item.is-current{color:#6542d5}
.voice-looping-text{
  overflow:hidden;
  font-size:16px;
  font-weight:600;
  line-height:48px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.voice-accuracy{display:none!important}

.voice-ai .phone-mic{
  position:absolute;
  z-index:2;
  right:36px;
  bottom:-60px;
  width:184px;
  height:360px;
  padding:28px 20px;
  border:8px solid #1f2438;
  border-radius:34px;
  background:#fff;
  color:#1f2438;
  box-shadow:0 22px 46px rgba(34,39,78,.16);
  transform:rotate(8deg);
}
.voice-ai .phone-mic img{display:block;width:52px;height:52px;margin:25px auto 10px}
.voice-ai .phone-mic b{display:block;margin-bottom:8px;text-align:center;font-size:15px}
.voice-ai .phone-mic>span{display:flex;align-items:center;justify-content:center;gap:8px;color:#5c6174;font-size:12px}
.voice-ai .phone-mic>span i{width:9px;height:9px;border-radius:50%;background:#00cf92;box-shadow:0 0 0 6px rgba(0,207,146,.16)}
.voice-ai .phone-notch{position:absolute;top:10px;left:50%;width:56px;height:6px;transform:translateX(-50%);border-radius:999px;background:#1f2438}
.voice-ai .wave{display:flex;align-items:flex-end;justify-content:center;gap:5px;height:70px;margin-top:28px}
.voice-ai .wave i{display:block;width:10px;border-radius:999px;background:linear-gradient(180deg,#6542d5,#26d29a);animation:voiceWaveBars 1.2s ease-in-out infinite}
.voice-ai .wave i:nth-child(1){height:20px}.voice-ai .wave i:nth-child(2){height:48px;animation-delay:.1s}.voice-ai .wave i:nth-child(3){height:58px;animation-delay:.2s}.voice-ai .wave i:nth-child(4){height:38px;animation-delay:.3s}.voice-ai .wave i:nth-child(5){height:25px;animation-delay:.4s}
@keyframes voiceWaveBars{50%{transform:scaleY(.6);opacity:.55}}

@media(max-width:1050px){
  .voice-ai .section-heading h2 em{white-space:normal}
  .voice-ai .voice-demo{height:340px}
  .voice-search-wrap{top:38%;width:min(760px,82%)}
  .voice-ai .phone-mic{right:18px;bottom:-48px;height:340px;transform:rotate(7deg) scale(.84);transform-origin:bottom right}
  .voice-accuracy{display:none!important}
}
@media(max-width:760px){
  .voice-ai.section{padding:70px 0 36px}
  .voice-ai .section-heading{margin-bottom:26px}
  .voice-ai .section-heading h2{font-size:36px}
  .voice-ai .section-heading p{font-size:15px;line-height:1.65}
  .voice-ai .voice-demo{height:350px}
  .voice-demo-bg{object-fit:cover}
  .voice-search-wrap{top:35%;width:94%}
  .voice-search-inner{min-height:60px;padding:6px}
  .voice-search-button{width:44px;height:44px}
  .voice-looping-words{height:44px}
  .voice-looping-item{height:44px;flex-basis:44px}
  .voice-looping-text{font-size:13px;line-height:44px}
  .voice-accuracy{display:none!important}
  .voice-ai .phone-mic{right:4px;bottom:-36px;height:330px;transform:rotate(6deg) scale(.66);transform-origin:bottom right}
}
@media(max-width:480px){
  .voice-ai .section-heading h2{font-size:32px}
  .voice-search-button{width:40px;height:40px}
  .voice-search-inner{gap:8px}
  .voice-looping-text{font-size:12px}
  .voice-accuracy{display:none}
}
@media(prefers-reduced-motion:reduce){
  .voice-ai .wave i{animation:none}
}