.header-section{position:relative;height:90vh;width:100%}.agentx-widget{--brand-dark:#013b69;--brand-ring:rgba(1,104,184,0.12);--text:#181818;--text-body:#4b5563;--muted:#6b7280;--subtle:#9ca3af;--border:#e5e7eb;--surface-2:#f3f4f6;--error:#dc2626;width:100%;max-width:480px;margin-left:auto;background:#fff;color:var(--text);border-radius:20px;border:1px solid var(--border);box-shadow:0 1px 2px rgba(0,0,0,.04),0 24px 48px -20px rgba(0,0,0,.16);overflow:hidden;transition:box-shadow .2s ease,border-color .2s ease}.agentx-widget:hover{border-color:#d1d5db;box-shadow:0 1px 2px rgba(0,0,0,.04),0 28px 56px -20px rgba(0,0,0,.2)}@media (max-width:1023px){.agentx-widget{margin:0 auto}}.agentx-widget p{line-height:1.5}.agentx-widget .window-bar{display:flex;align-items:center;gap:12px;padding:12px 18px;border-bottom:1px solid #f0f0f0;background:#fafafa;font-size:12px;color:var(--muted)}.agentx-widget .window-dots{display:flex;gap:6px}.agentx-widget .window-dots span{width:10px;height:10px;border-radius:999px}.agentx-widget .window-dots span:first-child{background:#ff5f57}.agentx-widget .window-dots span:nth-child(2){background:#febc2e}.agentx-widget .window-dots span:nth-child(3){background:#28c840}.agentx-widget .window-live{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:500;color:var(--brand-primary)}.agentx-widget .card-body{padding:28px 32px 24px}@media (max-width:480px){.agentx-widget .card-body{padding:24px 20px 20px}}.agentx-widget .card-heading h3{margin:0;font-size:17px;font-weight:600}.agentx-widget .card-heading p{margin:2px 0 20px!important;font-size:13px!important;line-height:20px!important;color:var(--muted)}.agentx-widget .check-icon{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:999px;flex-shrink:0;background:rgba(1,104,184,.1);color:var(--brand-primary)}.agentx-widget .check-icon.big{width:56px;height:56px}.agentx-widget .field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.agentx-widget .field label{font-size:13px;font-weight:500;color:#374151}.agentx-widget .field-error{font-size:12px;color:var(--error);margin:0}.agentx-widget .text-field{width:100%;height:44px;border-radius:10px;border:1px solid var(--border);background:#fff;padding:0 14px;font-size:15px;color:var(--text);outline:none;transition:border-color .2s ease,box-shadow .2s ease}.agentx-widget .text-field::-moz-placeholder{color:#9a9a9a}.agentx-widget .text-field::placeholder{color:#9a9a9a}.agentx-widget .text-field:focus{border-color:var(--brand-primary);box-shadow:0 0 0 4px var(--brand-ring)}.agentx-widget .text-field:disabled{background:#fafafa;cursor:not-allowed}.agentx-widget select.text-field{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;cursor:pointer}.agentx-widget .react-tel-input{font-family:inherit!important}.agentx-widget .react-tel-input .form-control{width:100%!important;height:44px!important;border-radius:10px!important;border:1px solid var(--border)!important;font-size:15px!important;color:var(--text)!important;transition:border-color .2s ease,box-shadow .2s ease}.agentx-widget .react-tel-input .form-control:focus{border-color:var(--brand-primary)!important;box-shadow:0 0 0 4px var(--brand-ring)!important}.agentx-widget .react-tel-input .flag-dropdown{border:1px solid transparent!important;border-right:1px solid var(--border)!important;border-radius:10px 0 0 10px!important;background:transparent!important}.agentx-widget .react-tel-input .flag-dropdown.open .selected-flag,.agentx-widget .react-tel-input .selected-flag:hover{border-radius:10px 0 0 10px!important;background:var(--surface-2)!important}.agentx-widget .react-tel-input .country-list{width:260px;max-height:200px;font-size:13px;border-radius:10px}.agentx-widget .react-tel-input .country-list .search{padding:8px}.agentx-widget .react-tel-input .country-list .search-box{width:100%;margin-left:0;padding:6px 8px;font-size:13px}.agentx-widget .phone-field{position:relative}.agentx-widget .phone-field .react-tel-input .selected-flag{width:82px}.agentx-widget .phone-field .react-tel-input .form-control{padding-left:94px}.agentx-widget .phone-field .country .dial-code:before{content:"+"}.agentx-widget .phone-field .selected-dial-code{position:absolute;left:44px;top:50%;transform:translateY(-50%);font-size:15px;color:var(--text);pointer-events:none}.agentx-widget .dark-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px;padding:12px 24px;border:none;border-radius:999px;background:var(--brand-primary);color:#fff;font-size:15px;font-weight:500;cursor:pointer;box-shadow:var(--btn-shadow);transition:background-color .2s ease,box-shadow .2s ease}.agentx-widget .dark-btn:hover:not(:disabled){background:var(--brand-dark)}.agentx-widget .dark-btn:active{box-shadow:none}.agentx-widget .dark-btn:disabled{opacity:.75;cursor:not-allowed}.agentx-widget .dark-btn:focus-visible,.agentx-widget .link-btn:focus-visible,.agentx-widget .round-btn:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.agentx-widget .link-btn{background:none;border:none;border-radius:8px;color:var(--brand-primary);font-size:14px;font-weight:500;cursor:pointer;padding:8px 16px;transition:background-color .2s ease}.agentx-widget .link-btn:hover{background:#e8f2f8}.agentx-widget .fine-print{margin:24px 0 0!important;font-size:11px;line-height:16px;color:var(--subtle);text-align:center}.agentx-widget .fine-print a{color:inherit;text-decoration:underline}.agentx-widget .idle-panel,.agentx-widget .success-panel{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:16px 0 4px;animation:agentx-fade-up .3s ease-out both}.agentx-widget .idle-panel .text-field{text-align:left}.agentx-widget .panel-lead{font-size:14px;color:var(--text-body);margin:4px 0 8px!important;max-width:300px}.agentx-widget .success-panel{padding:32px 0 20px}.agentx-widget .success-title{font-weight:600;font-size:16px;margin:4px 0 0!important}.agentx-widget .success-sub{font-size:13px;color:var(--muted);max-width:300px;margin:0}.agentx-widget .orb{position:relative;width:88px;height:88px;display:flex;align-items:center;justify-content:center;margin:0 auto 4px}.agentx-widget .orb-glow{position:absolute;inset:0;border-radius:999px;background:var(--brand-primary);animation:agentx-orb-pulse 2.4s ease-in-out infinite}.agentx-widget .orb-core{position:relative;width:60px;height:60px;border-radius:999px;background:linear-gradient(135deg,#0168b8,#4b9fe1);color:#fff;box-shadow:0 10px 24px -8px rgba(1,104,184,.6)}.agentx-widget .orb-core,.agentx-widget .voice-bars{display:flex;align-items:center;justify-content:center}.agentx-widget .voice-bars{gap:8px;height:64px;margin:20px 0 8px}.agentx-widget .voice-bar{width:10px;height:10px;border-radius:999px;background:#d1d5db;transition:background-color .2s ease}.agentx-widget .live-status{font-size:14px;font-weight:500;color:#374151;margin:8px 0 0!important}.agentx-widget .live-timer{font-size:30px;font-weight:600;font-variant-numeric:tabular-nums;margin:0}.agentx-widget .call-controls{display:flex;align-items:flex-start;gap:48px;margin:16px 0 4px}.agentx-widget .round-control{display:flex;flex-direction:column;align-items:center;gap:10px;font-size:12px;font-weight:500;color:var(--muted)}.agentx-widget .round-btn{width:56px;height:56px;border-radius:999px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;background:var(--surface-2);color:#374151;transition:background-color .2s ease}.agentx-widget .round-btn:hover{background:var(--border)}.agentx-widget .round-btn.active{background:var(--text);color:#fff}.agentx-widget .round-btn.end{background:var(--error);color:#fff;box-shadow:0 10px 24px -8px rgba(220,38,38,.7)}.agentx-widget .round-btn.end:hover{background:#b91c1c}.agentx-widget .live-dot{width:7px;height:7px;border-radius:999px;background:currentColor;animation:agentx-live-ping 1.4s ease-in-out infinite}.agentx-widget .spinner{width:16px;height:16px;border-radius:999px;border:2px solid #fff;border-top-color:transparent;animation:agentx-spin .8s linear infinite}@keyframes agentx-orb-pulse{0%,to{transform:scale(1);opacity:.18}50%{transform:scale(1.22);opacity:.05}}@keyframes agentx-live-ping{0%,to{opacity:1}50%{opacity:.35}}@keyframes agentx-spin{to{transform:rotate(1turn)}}@keyframes agentx-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.agentx-widget *,.agentx-widget :after,.agentx-widget :before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important}}