.call-wrap{max-width:600px;margin:0 auto;padding:140px 20px 48px;text-align:center;position:relative;isolation:isolate}.call-wrap:before{content:"";position:absolute;z-index:-1;left:50%;top:0;width:min(100vw,1400px);height:760px;transform:translateX(-50%);pointer-events:none;background:radial-gradient(circle at 50% 42%,rgba(94,242,184,.16),transparent 42%),linear-gradient(hsla(0,0%,100%,.035) 1px,transparent 0) 0 0/64px 64px,linear-gradient(90deg,hsla(0,0%,100%,.035) 1px,transparent 0) 0 0/64px 64px;-webkit-mask-image:radial-gradient(ellipse 60% 70% at 50% 30%,#000 25%,transparent 75%);mask-image:radial-gradient(ellipse 60% 70% at 50% 30%,#000 25%,transparent 75%)}@media (max-width:700px){.call-wrap{padding:108px 16px 40px}}.call-wrap h1{font-size:clamp(38px,6vw,64px);letter-spacing:-.045em;line-height:1.02;margin-bottom:6px}.call-wrap .lead{margin-bottom:34px}.call-stage{position:relative;background:radial-gradient(ellipse 80% 70% at 50% 0,rgba(94,242,184,.16),transparent 70%),var(--surface);border:1px solid var(--line);border-radius:28px;padding:48px 28px 40px;overflow:hidden}.call-stage:before{content:"";position:absolute;inset:0;background:linear-gradient(hsla(0,0%,100%,.03) 1px,transparent 0) 0 0/32px 32px,linear-gradient(90deg,hsla(0,0%,100%,.03) 1px,transparent 0) 0 0/32px 32px;-webkit-mask-image:radial-gradient(ellipse 60% 60% at 50% 35%,#000,transparent 75%);mask-image:radial-gradient(ellipse 60% 60% at 50% 35%,#000,transparent 75%);pointer-events:none}.call-avatar{position:relative;width:108px;height:108px;margin:0 auto 18px;border-radius:50%;background:var(--accent-deep);border:1px solid var(--accent-line);display:flex;align-items:center;justify-content:center;color:var(--accent);box-shadow:0 20px 60px -20px rgba(94,242,184,.55)}.call-stage.active .call-avatar:after,.call-stage.active .call-avatar:before,.call-stage.connecting .call-avatar:after,.call-stage.connecting .call-avatar:before{content:"";position:absolute;inset:-14px;border-radius:50%;border:1.5px solid rgba(94,242,184,.6);animation:callRing 1.8s ease-out infinite}.call-stage.active .call-avatar:after,.call-stage.connecting .call-avatar:after{animation-delay:.9s}@keyframes callRing{0%{transform:scale(.9);opacity:.9}to{transform:scale(1.75);opacity:0}}.call-name{position:relative;color:var(--text);font-weight:500;font-size:20px;letter-spacing:-.02em}.call-status{position:relative;color:var(--muted);font-size:14px;margin-top:4px;min-height:1.4em}.call-status .dots i{animation:callDot 1.2s infinite;display:inline-block}.call-status .dots i:nth-child(2){animation-delay:.2s}.call-status .dots i:nth-child(3){animation-delay:.4s}@keyframes callDot{0%,to{opacity:.3}50%{opacity:1}}.call-timer{position:relative;display:inline-flex;align-items:center;gap:7px;margin-top:10px;color:var(--accent);font-family:var(--mono);font-weight:500;font-size:13px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;background:var(--accent-wash);border-radius:9999px;padding:5px 14px}.call-timer i{width:7px;height:7px;border-radius:50%;background:var(--mint);animation:blink 1.2s infinite}.call-vu{position:relative;display:flex;gap:5px;align-items:flex-end;justify-content:center;height:34px;margin-top:22px}.call-vu span{width:6px;border-radius:3px;background:linear-gradient(180deg,#8cfad0,rgba(94,242,184,.3));height:8px}.call-stage.active .call-vu span{animation:callWave 1s ease-in-out infinite}.call-stage.active .call-vu span:first-child{animation-delay:0s}.call-stage.active .call-vu span:nth-child(2){animation-delay:.15s}.call-stage.active .call-vu span:nth-child(3){animation-delay:.3s}.call-stage.active .call-vu span:nth-child(4){animation-delay:.45s}.call-stage.active .call-vu span:nth-child(5){animation-delay:.6s}.call-stage.active .call-vu span:nth-child(6){animation-delay:.75s}.call-stage.active .call-vu span:nth-child(7){animation-delay:.9s}@keyframes callWave{0%,to{height:8px;opacity:.6}50%{height:30px;opacity:1}}.call-actions{position:relative;margin-top:30px;gap:22px}.call-actions,.call-btn{display:flex;justify-content:center}.call-btn{width:66px;height:66px;border-radius:50%;border:0;cursor:pointer;align-items:center;color:#fff;transition:transform .15s ease,box-shadow .15s ease,opacity .15s;box-shadow:0 10px 24px rgba(0,0,0,.35)}.call-btn:hover{transform:translateY(-2px) scale(1.04)}.call-btn:active{transform:scale(.96)}.call-btn:disabled{opacity:.55;cursor:default;transform:none}.call-btn.start{background:var(--accent);color:var(--accent-ink)}.call-stage.idle .call-btn.start{animation:startPulse 2s ease-in-out infinite}@keyframes startPulse{0%,to{box-shadow:0 10px 24px rgba(0,0,0,.25),0 0 0 0 rgba(94,242,184,.55)}50%{box-shadow:0 10px 24px rgba(0,0,0,.25),0 0 0 16px rgba(94,242,184,0)}}.call-btn.end{background:var(--ember)}.call-hint{position:relative;color:var(--faint);font-size:13px;margin-top:14px}.call-after{margin-top:30px;background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:26px 22px}.call-after h3{font-weight:500;font-size:20px;letter-spacing:-.02em;margin-bottom:8px}.call-after p{color:var(--muted);font-size:15px;margin-bottom:16px}.call-trust{margin-top:26px;font-size:13px;color:var(--faint)}.call-trust b{color:var(--text-2);font-weight:500}.demo-content{width:min(760px,calc(100vw - 32px));margin:80px 0 0 50%;transform:translateX(-50%);text-align:left}.demo-content h2{font-size:clamp(24px,3vw,32px);letter-spacing:-.03em;margin:48px 0 14px;text-align:left}.demo-content h2:first-child{margin-top:0}.demo-content p{color:var(--muted);margin-bottom:14px;line-height:1.7;font-size:16px}.demo-content ul{margin:0 0 18px;padding-left:20px;color:var(--muted)}.demo-content li::marker{color:var(--accent)}.demo-content li{margin-bottom:8px;line-height:1.6}.demo-content b{color:var(--text);font-weight:500}.demo-prompts li{font-style:italic}.demo-prompts li em{font-style:normal;color:var(--faint)}.demo-prompts{list-style:none;padding-left:0!important;display:flex;flex-wrap:wrap;gap:8px}.demo-prompts li{margin:0!important;padding:8px 14px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--text-2);font-size:15px}.demo-content a{color:var(--accent)}.demo-next{margin-top:48px;text-align:center;padding:clamp(28px,5vw,48px) 20px;border-radius:28px;border:1px solid rgba(94,242,184,.2);background:radial-gradient(ellipse 60% 120% at 50% 0,rgba(94,242,184,.14),transparent 70%),var(--accent-deep)}.demo-next p{font-size:14px;margin:16px 0 0}@media (max-width:640px){.demo-content{margin-top:44px}.demo-content h2{font-size:22px}}@media (prefers-reduced-motion:reduce){.call-btn.start,.call-stage .call-avatar:after,.call-stage .call-avatar:before,.call-vu span{animation:none!important}}