.waveform-container{position:absolute;bottom:0;left:0;right:0;height:60px;display:flex;justify-content:space-between;align-items:flex-end;padding:0 12px 10px;pointer-events:none}.waveform-left{display:flex;align-items:flex-end;gap:3px;height:100%;flex-direction:row-reverse}.waveform-right{display:flex;align-items:flex-end;gap:3px;height:100%}.waveform-bar{width:3px;min-height:4px;background:linear-gradient(to top,#fff9,#ffffffe6);border-radius:2px;transition:height .08s ease-out;height:10%}.calla-container{min-height:100vh;min-height:100dvh;width:100%;position:relative;overflow:hidden;display:flex;flex-direction:column}.background-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(165deg,#1a0a2e,#2d1152 15%,#4a1a7a,#6b2d9c,#8b4db8 75%,#9d5ec6);z-index:0}.background-dots{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px);background-size:24px 24px;z-index:1}.calla-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;padding:60px 24px 32px;min-height:100vh;min-height:100dvh;max-width:420px;margin:0 auto;width:100%}.agent-card{position:relative;width:100%;max-width:320px;aspect-ratio:1.1;margin-bottom:24px}.agent-image-container{width:100%;height:100%;border-radius:20px;overflow:hidden;position:relative;background:linear-gradient(135deg,#3d1a5c,#5a2d7a);box-shadow:0 20px 60px #0000004d,0 0 0 1px #ffffff1a}.agent-image{width:100%;height:100%;object-fit:cover;object-position:center top}.logo-badge{position:absolute;bottom:-36px;left:50%;transform:translate(-50%);width:90px;height:100px;display:flex;align-items:center;justify-content:center;z-index:10}.logo-image{width:100%;height:100%;object-fit:contain}.agent-name{font-size:1.5rem;font-weight:600;color:#fff;margin-top:16px;margin-bottom:16px;text-align:center;letter-spacing:-.01em}.call-status-bar{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:300px;padding:12px 20px;background:#ffffff14;border-radius:50px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.call-status-bar.active{background:#ffffff1f;border-color:#fff3}.status-left{display:flex;align-items:center;gap:10px}.phone-icon{width:20px;height:20px;color:#ffffffb3;display:flex;align-items:center;justify-content:center}.phone-icon svg{width:18px;height:18px}.phone-icon.pulse{animation:pulse 1.5s infinite;color:#4ade80}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.status-text{font-size:.95rem;color:#ffffffd9;font-weight:500}.call-timer{font-size:.95rem;color:#ffffffb3;font-weight:500;font-variant-numeric:tabular-nums}.spacer{flex:1;min-height:40px}.controls-row{display:flex;align-items:center;justify-content:center;gap:24px;margin-bottom:24px;width:100%}.control-btn{display:flex;flex-direction:column;align-items:center;gap:8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:16px 24px;cursor:pointer;transition:all .2s ease;min-width:80px}.control-btn:hover:not(:disabled){background:#ffffff26;transform:translateY(-2px)}.control-btn:disabled{opacity:.5;cursor:not-allowed}.control-btn.active{background:#fff3;border-color:#ffffff4d}.control-icon{width:28px;height:28px;color:#ffffffe6;display:flex;align-items:center;justify-content:center}.control-icon svg{width:24px;height:24px}.control-label{font-size:.8rem;color:#fffc;font-weight:500}.call-btn{width:80px;height:80px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 8px 24px #0000004d}.call-btn:hover{transform:scale(1.05)}.call-btn:active{transform:scale(.98)}.call-btn.start{background:linear-gradient(135deg,#4ade80,#22c55e)}.call-btn.start:hover{box-shadow:0 8px 32px #4ade8066}.call-btn.end{background:linear-gradient(135deg,#f87171,#ef4444)}.call-btn.end:hover{box-shadow:0 8px 32px #ef444466}.call-btn svg{width:32px;height:32px;color:#fff}.pricing-btn{width:100%;max-width:320px;padding:18px 32px;background:#fffffff2;border:none;border-radius:16px;font-size:1.1rem;font-weight:600;color:#7c3aed;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 16px #0000001a;margin-bottom:16px}.pricing-btn:hover{background:#fff;transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.pricing-btn:active{transform:translateY(0)}.disclaimer{font-size:.85rem;color:#ffffff80;text-align:center}@media(max-height:700px){.calla-content{padding-top:32px;padding-bottom:24px}.agent-card{max-width:260px}.logo-badge{width:60px;height:60px;bottom:-24px}.logo-icon{width:28px;height:28px}.spacer{min-height:20px}}@media(min-width:768px){.calla-content{padding-top:80px}.agent-card{max-width:360px}}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}body{font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}