:root{--bg: #ffffff;--text: #333333;--text-muted: #666666;--text-light: #999999;--accent-red: #dc2626;--accent-orange: #f97316;--accent-blue: #3b82f6;--accent-light-blue: #60a5fa;--danger: #ef4444;--gradient-start: #06b6d4;--gradient-end: #3b82f6;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .16)}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--text);background:#fff;min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow-x:hidden;overflow-y:auto}.visually-hidden{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}.va-shell{position:relative;z-index:1;width:100%;max-width:1200px;padding:20px;min-height:100vh;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box}.enablex-logo{position:fixed;top:20px;left:20px;z-index:100;text-decoration:none;color:inherit;transition:opacity .3s ease;display:inline-block}.enablex-logo:hover{opacity:.8}.enablex-logo:active{opacity:.6}.logo-image{height:32px;width:auto;display:block}.va-main{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:clamp(20px,1vh,40px)}.content-section{text-align:center;max-width:800px;padding:0 20px}.main-headline{margin:0 0 16px;font-size:clamp(32px,4vw,45px);font-weight:700;line-height:1.2}.headline-part1{display:block;color:#333}.headline-part2{display:block;color:#ed1c24}.sub-headline{font-size:clamp(18px,2.5vw,20px);color:var(--text-muted);font-weight:400;margin:0 0 12px;letter-spacing:.2px}.body-text{font-size:clamp(16px,2vw,16px);color:var(--text-muted);font-weight:400;line-height:1.6;max-width:500px;margin:0 auto}.va-dial{position:relative;width:clamp(280px,30vw,320px);height:clamp(280px,30vw,320px);max-width:320px;max-height:320px;margin:clamp(20px,3vh,40px) 0;display:grid;place-items:center}.va-dial-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;overflow:hidden;transition:all .4s ease;z-index:1}.ring-video-bg{position:absolute;width:100%;height:100%;object-fit:cover;border-radius:50%;opacity:1}.va-dial-waves{display:none}.va-dial-inner{position:relative;width:80%;height:80%;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2;transition:all .4s ease;overflow:hidden}.blob-background{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;overflow:hidden}.blob-gradient-base{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:linear-gradient(135deg,#20b2aa,#00ced1 30%,#1e90ff 70%,#06c)}.blob-layer{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:center center}.blob-layer-1{opacity:.5;background:radial-gradient(85% 45% at 30% 60%,rgba(62,134,213,.8) 0%,rgba(62,134,213,.6) 30%,rgba(62,134,213,.4) 60%,transparent 85%);animation:cloudBlobMorph 6s ease-in-out infinite;border-radius:80% 20% 55% 45%/25% 75%}.blob-layer-2{opacity:.4;background:radial-gradient(45% 90% at 75% 35%,rgba(70,163,188,.7) 0%,rgba(70,163,188,.5) 35%,rgba(70,163,188,.3) 70%,transparent 90%);animation:cloudBlobMorph2 8s ease-in-out infinite reverse;border-radius:30% 70% 20% 80%/60% 40% 80% 20%}.blob-layer-3{opacity:.3;background:radial-gradient(65% 75% at 50% 25%,rgba(70,163,188,.6) 0%,rgba(70,163,188,.4) 40%,rgba(70,163,188,.2) 75%,transparent 95%);animation:cloudBlobMorph3 10s ease-in-out infinite;border-radius:90% 10% 85% 15%/15% 85% 10% 90%}.blob-layer-4{opacity:.25;background:radial-gradient(55% 55% at 65% 70%,rgba(70,163,188,.5) 0%,rgba(70,163,188,.3) 50%,transparent 80%);animation:cloudBlobMorph4 12s ease-in-out infinite;border-radius:50% 50% 20% 80%/80% 20% 50% 50%}.dial-content-wrapper{position:relative;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center}@keyframes cloudBlobMorph{0%,to{border-radius:80% 20% 55% 45%/25% 75% 20% 80%;transform:rotate(0) scale(1)}25%{border-radius:40% 60% 30% 70%/70% 30% 60% 40%;transform:rotate(90deg) scale(1.05)}50%{border-radius:70% 30% 50% 50%/50% 50% 30% 70%;transform:rotate(180deg) scale(.95)}75%{border-radius:30% 70% 70% 30%/40% 60%;transform:rotate(270deg) scale(1.02)}}@keyframes cloudBlobMorph2{0%,to{border-radius:30% 70% 20% 80%/60% 40% 80% 20%;transform:rotate(0) scale(1)}33%{border-radius:60% 40% 50% 50%/50% 50% 40% 60%;transform:rotate(120deg) scale(1.08)}66%{border-radius:50% 50% 70% 30%/30% 70% 50% 50%;transform:rotate(240deg) scale(.92)}}@keyframes cloudBlobMorph3{0%,to{border-radius:90% 10% 85% 15%/15% 85% 10% 90%;transform:rotate(0) scale(1)}20%{border-radius:50% 50% 40% 60%/60% 40% 50% 50%;transform:rotate(72deg) scale(1.03)}40%{border-radius:70% 30% 60% 40%/40% 60% 30% 70%;transform:rotate(144deg) scale(.97)}60%{border-radius:40% 60% 70% 30%/30% 70% 60% 40%;transform:rotate(216deg) scale(1.05)}80%{border-radius:60% 40% 50% 50%/50% 50% 40% 60%;transform:rotate(288deg) scale(.98)}}@keyframes cloudBlobMorph4{0%,to{border-radius:50% 50% 20% 80%/80% 20% 50% 50%;transform:rotate(0) scale(1)}16%{border-radius:70% 30% 40% 60%/60% 40% 30% 70%;transform:rotate(60deg) scale(1.04)}33%{border-radius:40% 60% 60% 40%;transform:rotate(120deg) scale(.96)}50%{border-radius:60% 40% 30% 70%/70% 30% 40% 60%;transform:rotate(180deg) scale(1.02)}66%{border-radius:30% 70% 50% 50%/50% 50% 70% 30%;transform:rotate(240deg) scale(.94)}83%{border-radius:50% 50% 70% 30%/30% 70% 50% 50%;transform:rotate(300deg) scale(1.06)}}.dial-logo-image{height:clamp(20px,3vw,32px);width:auto;display:block;margin-bottom:8px;filter:brightness(0) invert(1)}.dial-label{font-size:clamp(12px,1.5vw,18px);color:#fff;font-weight:600;margin-bottom:2px;letter-spacing:.5px}.status-text{font-size:clamp(10px,1.2vw,12px);color:#fffc;font-weight:400;text-transform:uppercase;letter-spacing:1px}.va-dial.state-connecting .va-dial-ring,.va-dial.state-connecting .va-dial-inner,.va-dial.state-connected .va-dial-ring,.va-dial.state-connected .va-dial-inner{animation:scalePulse 1.5s ease-in-out infinite}@keyframes scalePulse{0%,to{transform:scale(1.000601)}50%{transform:scale(1.019)}}.va-cta{display:flex;flex-direction:row;gap:12px;align-items:center;justify-content:center;width:100%;max-width:520px;flex-wrap:wrap;margin:0 auto;transform:translate(-8px)}.va-cta:has(#get-started-btn:not(.hidden)):has(#copy-logid-cta-btn:not(.hidden)):before{content:"";display:block;width:56px;height:1px;flex:0 0 56px}.va-cta:has(#hangup-btn:not(.hidden)):has(#copy-logid-cta-btn:not(.hidden)):not(:has(#get-started-btn:not(.hidden))):before{content:"";display:block;width:56px;height:1px;flex:0 0 56px}.va-cta .btn-icon-only{order:3}#get-started-btn,#hangup-btn,#mute-btn{order:2}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid var(--accent-light-blue);border-radius:50px;cursor:pointer;padding:12px 32px;font-weight:500;font-size:16px;letter-spacing:.3px;color:#3b82f6;background:#fffffff2;transition:all .3s ease;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:0;width:auto;box-shadow:0 2px 8px #00000014}.btn-ghost{border-color:#93c5fd;color:#3b82f6;background:#eff6ff}.btn-ghost .btn-icon{color:#3b82f6}.btn-secondary{border-color:#93c5fd;color:#1e90ff;background:#eff6ff}.btn-secondary .btn-icon{color:#1e90ff}.btn-secondary.muted{border-color:#fca5a5;color:#ef4444;background:#fef2f2}.btn-secondary.muted .mic-icon{color:#b91c1c}.btn-secondary.muted .mic-on{display:none}.btn-secondary.muted .mic-off{display:block!important}#mute-btn{border:none}.btn-icon-only{padding:0;width:48px;height:48px;border-radius:50%}.btn-icon-only .btn-icon{margin:0}.btn.is-copied{border-color:#86efac;color:#16a34a;background:#f0fdf4;box-shadow:0 2px 8px #22c55e26}.btn-icon{width:20px;height:20px;color:var(--accent-light-blue);flex-shrink:0;display:block}.btn-icon path,.btn-icon line{stroke:currentColor;fill:none}.phone-icon{width:18px;height:18px;margin-right:8px}.btn-primary{border-color:#93c5fd;color:#1e90ff;background:#eff6ff;font-weight:500}.btn-primary .btn-icon{color:#1e90ff}.btn-danger{border-color:#fca5a5;color:#b91c1c;background:#fef2f2;font-weight:500}.btn-danger .btn-icon{color:#b91c1c}.phone-disconnect-icon{width:18px;height:18px;margin-right:8px}.btn[disabled]{opacity:.5;cursor:not-allowed;transform:none!important}.btn:focus-visible{outline:2px solid var(--accent-light-blue);outline-offset:3px}.hidden{display:none!important}.logid-container{width:100%;max-width:500px;margin:0 auto 20px;display:grid;gap:14px;animation:slideInDown .5s ease-out}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.logid-header{text-align:center;color:var(--text-muted);font-size:15px;font-weight:500;margin:0;letter-spacing:.3px}.logid-content{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:18px 22px;display:flex;align-items:center;gap:14px;box-shadow:var(--shadow-sm);transition:all .3s ease}.logid-content:hover{border-color:#dee2e6;box-shadow:var(--shadow-md);transform:translateY(-1px)}.logid-label{color:var(--text-muted);font-size:14px;font-weight:500;white-space:nowrap}.logid-value{color:var(--accent-blue);font-size:15px;font-weight:500;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;flex:1;letter-spacing:.5px;word-break:break-all}.logid-copy-btn{background:transparent;border:1px solid #dee2e6;cursor:pointer;color:var(--text);padding:8px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease;flex-shrink:0;width:36px;height:36px}.logid-copy-btn:hover{background-color:#3b82f61a;border-color:var(--accent-blue);color:var(--accent-blue);transform:scale(1.05)}.logid-copy-btn:active{transform:scale(.95)}details.debug-panel{width:100%;max-width:980px;margin-top:8px}details.debug-panel>summary{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:14px 18px;cursor:pointer;color:var(--text);outline:none;font-weight:500;font-size:14px;transition:all .3s ease;list-style:none;-webkit-user-select:none;user-select:none;box-shadow:var(--shadow-sm)}details.debug-panel>summary::-webkit-details-marker{display:none}details.debug-panel>summary::marker{display:none}details.debug-panel>summary:after{content:"▼";float:right;transition:transform .3s ease;opacity:.6;font-size:12px}details.debug-panel[open]>summary:after{transform:rotate(180deg)}details.debug-panel>summary:hover{background:#e9ecef;border-color:#dee2e6}details.debug-panel[open]>summary{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent}#debug-log{height:320px;overflow-y:auto;background:#fff;padding:16px;border:1px solid #e9ecef;border-top:0;border-bottom-left-radius:12px;border-bottom-right-radius:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;line-height:1.6;color:var(--text)}#debug-log::-webkit-scrollbar{width:8px}#debug-log::-webkit-scrollbar-track{background:#f8f9fa;border-radius:4px}#debug-log::-webkit-scrollbar-thumb{background:#dee2e6;border-radius:4px}#debug-log::-webkit-scrollbar-thumb:hover{background:#ced4da}@media (max-width: 768px){body{height:auto;min-height:100vh}.va-shell{padding:60px 16px 16px;min-height:100vh;justify-content:flex-start}.enablex-logo{top:16px;left:16px}.logo-image{height:24px}.va-main{margin-top:0;gap:clamp(16px,3vh,30px);padding-bottom:20px}.content-section{margin-bottom:clamp(8px,1.5vh,16px);padding:0 10px}.main-headline{font-size:clamp(24px,6vw,32px);margin-bottom:12px}.headline-part1{margin-bottom:4px}.sub-headline{font-size:clamp(16px,3.5vw,20px);margin-bottom:12px}.body-text{font-size:clamp(14px,3vw,16px);line-height:1.5}.va-dial{width:clamp(240px,50vw,320px);height:clamp(240px,50vw,320px);max-width:320px;max-height:320px;margin:clamp(12px,2vh,24px) 0}.va-cta{max-width:max-content;flex-direction:row;flex-wrap:nowrap;gap:10px;padding:0 12px;align-items:center;justify-content:center}.va-cta:before{content:none!important}.va-cta .btn:not(.btn-icon-only){width:auto;flex:1 1 auto;min-width:0}.va-cta .btn-icon-only{width:44px;height:44px;flex:0 0 auto}.btn{font-size:15px}.logid-container{max-width:100%;padding:0 10px}.logid-content{padding:14px 16px;flex-wrap:wrap}.logid-value{font-size:13px;width:100%;margin-top:8px}.dial-logo-text{font-size:clamp(18px,4vw,24px)}}@media (max-width: 480px){.va-shell{padding:50px 12px 12px}.enablex-logo{top:25px;left:12px}.logo-image{height:20px}.va-main{gap:clamp(12px,2.5vh,20px);padding-bottom:16px}.content-section{padding:0 8px}.main-headline{font-size:clamp(20px,7vw,28px);margin-bottom:10px}.sub-headline{font-size:clamp(14px,4vw,18px);margin-bottom:10px}.body-text{font-size:14px}.va-dial{width:clamp(200px,60vw,280px);height:clamp(200px,60vw,280px);max-width:280px;max-height:280px;margin:clamp(10px,1.5vh,20px) 0}.btn{font-size:14px}.dial-logo-text{font-size:clamp(16px,5vw,20px)}.dial-label{font-size:clamp(10px,2.5vw,12px)}.status-text{font-size:clamp(8px,2vw,10px)}}@media (max-height: 700px){.va-shell{padding-top:50px;padding-bottom:20px}.va-main{gap:0;margin-top:0}.content-section{margin-bottom:clamp(8px,1vh,16px)}.va-dial{width:clamp(200px,25vw,300px);height:clamp(200px,25vw,300px);max-width:300px;max-height:300px;margin:clamp(8px,1.5vh,16px) 0}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}