.demo.demo-v2{scroll-margin-top:95px}.demo-v2 .industry-switch{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}.demo-v2 .industry-switch button{border:1px solid #49586d;border-radius:20px;padding:4px 8px;min-height:var(--chip-h);background:#17212e;color:#d6e0ef;font:inherit;font-size:11px;cursor:pointer}.demo-v2 .industry-switch button[aria-pressed=true]{color:#10243d;background:#d7e8ff;border-color:#d7e8ff}.demo-v2 .demo-heading{justify-content:center;margin:0;color:#b7c5d8;font-size:11px}.demo-v2 .demo-stage{padding:16px 0 20px}.demo-v2 .phone{position:relative;width:min(100%,320px);padding:12px 10px 9px;border:6px solid #343a43;border-radius:46px;box-shadow:0 24px 45px #0006,0 0 0 1px #8190a4,inset 0 0 0 1px #0001;font-family:-apple-system,SF Pro Text,system-ui,sans-serif;overflow:hidden}.demo-v2 .phone:before{display:none}.demo-v2 .phone-status{height:28px;padding:0 10px;font-size:12px}.demo-v2 .island{width:86px;height:25px;box-shadow:inset -6px 0 8px #1d2028}.demo-v2 .phone-contact{padding:13px 0 10px}.demo-v2 .avatar{background:#6889ac;color:#fff;text-shadow:0 1px 2px #223a61;font-size:17px;width:43px;height:43px;box-shadow:inset 0 0 0 1px #ffffff50}.demo-v2 .phone-contact strong{font-size:12px}.demo-v2 .contact-chevron{color:#8b8b91;font-size:17px}.demo-v2 .phone-back{display:flex;gap:3px;align-items:center;top:28px;left:2px;font-size:14px}.demo-v2 .phone-back svg{width:12px;height:22px;fill:none;stroke:currentColor;stroke-width:2.7}.demo-v2 .facetime{position:absolute;right:8px;top:30px;width:25px;height:21px;fill:none;stroke:#0874ec;stroke-width:1.8}.demo-v2 .phone-thread{height:280px;padding:12px 5px}.demo-v2 .demo-day{line-height:1.6;margin:0 0 14px;font-size:9px}.demo-v2 .demo-bubble{position:relative;z-index:0;font-size:13px;line-height:1.35;padding:8px 11px;margin-top:9px;border-radius:17px;max-width:88%}.demo-v2 .demo-bubble:before{content:"";position:absolute;bottom:0;width:13px;height:16px;z-index:-1;background:inherit}.demo-v2 .demo-bubble:after{content:"";position:absolute;bottom:0;width:8px;height:18px;background:#fff;z-index:-1}.demo-v2 .incoming:before{left:-4px;border-radius:0 0 12px}.demo-v2 .incoming:after{left:-8px;border-radius:0 0 12px}.demo-v2 .outgoing:before{right:-4px;border-radius:0 0 0 12px}.demo-v2 .outgoing:after{right:-8px;border-radius:0 0 0 12px}.demo-v2 .grouped:before,.demo-v2 .grouped:after{display:none}.demo-v2 .grouped+.demo-bubble{margin-top:3px}.demo-v2 .phone-compose input{font-family:inherit;font-size:16px}.demo-v2 .phone-compose button{width:32px;height:32px;font-size:25px;line-height:1}.demo-v2 .phone-compose button:disabled{background:#d4d5d9;opacity:1;cursor:default}.demo-v2 .demo-keyboard{max-height:0;opacity:0;overflow:hidden;transition:max-height .2s ease,opacity .2s ease;background:#d4d7dc;margin:0 -10px;font-size:15px;text-align:center}.demo-v2 .demo-keyboard>div{padding:8px 2px;word-spacing:6px}.demo-v2 .demo-keyboard>div:last-child{display:flex;justify-content:space-around;font-size:11px}.demo-v2 .space-key{width:45%;background:#fff;border-radius:4px}@media(hover:hover)and (pointer:fine){.demo-v2 .phone:has(.phone-compose input:focus) .demo-keyboard{margin-top:8px;max-height:160px;opacity:1}}.demo-v2 .suggestions{gap:6px}.demo-v2 .suggestions button{border-radius:15px;font-size:11px;text-align:left}.demo-v2 .demo-flow-status:empty{display:none}.demo-v2 .lead-card{position:relative;margin-top:22px;padding:22px;background:var(--surface, #172231);border:1px solid #516e94;border-radius:20px;animation:bubble-in .3s ease both;scroll-margin-top:90px}.demo-v2 [hidden]{display:none!important}.demo-v2 .lead-eyebrow{font-size:10px;letter-spacing:.14em;color:#a8cdfc}.demo-v2 .lead-card h2{margin:8px 0 4px;font-size:23px;line-height:1.2;letter-spacing:-.03em;color:#fff}.demo-v2 .lead-card>p{font-size:14px;color:#c8d5e5;margin:0 0 18px}.demo-v2 .lead-form{display:grid;gap:12px}.demo-v2 .lead-form label{display:grid;gap:5px;color:#e0e9f5;font-size:12px}.demo-v2 .lead-form select,.demo-v2 .lead-form input{width:100%;min-width:0;background:#101c2c;border:1px solid #6d809a;border-radius:8px;color:#fff;padding:10px 11px;font:inherit;font-size:16px}.demo-v2 .lead-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.demo-v2 .lead-form .lead-privacy{font-size:11px;line-height:1.5;color:#bdcde0;margin:0}.demo-v2 .lead-card .btn{width:100%;color:#fff;background:#0964d7;justify-content:center;min-height:46px;font-size:14px}.demo-v2 .lead-card .btn:disabled{opacity:.6}.demo-v2 .lead-card .lead-status{margin:12px 0 0;font-size:12px}.demo-v2 .lead-status:empty{display:none}.demo-v2 .lead-result{margin-top:16px}.demo-v2 .desktop-text{text-align:center;color:#d3e0ef;font-size:12px}.demo-v2 .desktop-text img{display:block;max-width:100%;margin:12px auto;border-radius:10px}.demo-v2 .desktop-text a{display:block;color:#b9d8ff;margin-top:12px}.header-text{font-size:12px;white-space:nowrap;color:#c9ddf8;padding:8px 0}@media(max-width:700px){.top-actions{gap:10px}.top-actions .login-link{display:none}.demo-v2 .lead-card{padding:18px 14px}}@media(prefers-reduced-motion:reduce){.demo-v2 *,.demo-v2 *:before,.demo-v2 *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.demo-v2 .qr-platform{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:12px}.demo-v2 .qr-platform select{width:auto;padding:8px;margin:0;color:#e5efff;background:#17212e;font-size:12px}@media(max-width:1023px){.demo-v2 .lead-card:not([data-form-open]) .lead-form{display:none}}@media(min-width:1024px){.demo-v2 .lead-card>[data-open-text]{display:none}}
