.phone{background:linear-gradient(125deg,#707772,#242927 20%,#101311 65%,#747a74);border:1px solid #787e7866;border-radius:49px;width:316px;height:630px;padding:7px;position:relative;transform:rotate(-4deg);box-shadow:0 38px 80px #000b,inset 0 0 0 2px #131614,0 0 100px #b8ebce04}.phone:before{content:"";background:#515650;border-radius:2px;width:3px;height:54px;position:absolute;top:116px;left:-3px}.phone:after{content:"";background:#515650;border-radius:2px;width:3px;height:76px;position:absolute;top:146px;right:-3px}.phone-screen{background:#030403;border:1px solid #111;border-radius:42px;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.phone-status{height:53px;font-family:var(--body-font);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 22px 8px;font-size:12px;font-weight:700;display:flex;position:relative}.dynamic-island{background:#000;border-radius:999px;width:89px;height:24px;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #121512}.phone-system{align-items:center;gap:4px;display:flex}.phone-roster{padding:18px 19px 0}.phone-title{justify-content:space-between;align-items:center;display:flex}.phone-title h2{letter-spacing:-1.2px;font-size:27px;font-weight:700}.phone-title h2>span{color:#919892}.phone-title>.status-dot{width:8px;height:8px}.phone-search{color:#777f78;font-family:var(--body-font);background:#171917;border:1px solid #ffffff06;border-radius:12px;margin-top:19px;padding:11px 13px;font-size:12px}.phone-label{color:#8c938c;letter-spacing:1.3px;margin-top:24px;font-size:9px}.avatar{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:43px;height:43px;display:flex;position:relative}.avatar img{width:28px;height:28px}.avatar i{background:#5ec58a;border:2px solid #080908;border-radius:50%;width:8px;height:8px;position:absolute;bottom:0;right:0}.avatar.blue{background:#213342}.avatar.purple{background:#352d42}.avatar.orange{background:#3b2e21}.avatar.green{background:#243c31}.bot-row{border-bottom:1px solid #ffffff0b;align-items:center;gap:11px;padding-block:15px;display:flex}.bot-row-copy{text-align:left;min-width:0;font-family:var(--body-font);flex:1}.bot-row-copy strong{justify-content:space-between;font-size:13px;font-weight:600;display:flex}.bot-row-copy strong>span{color:#7b847d;font-size:9px;font-weight:400}.bot-row-copy p{color:#828b83;text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:12px;line-height:1.5;overflow:hidden}.home-indicator{background:#e8ece9;border-radius:5px;width:100px;height:4px;position:absolute;bottom:7px;left:50%;transform:translate(-50%)}@media (min-width:1550px){.phone{width:336px;height:660px}}@media (max-width:760px){.phone{width:306px;height:620px;transform:rotate(-3deg)}}.interactive-phone{--phone-bg:#030403;--phone-text:#f5f5f3;--phone-muted:#969e98;--phone-surface:#171917;--phone-border:#ffffff0e;transition:transform .5s;transform:rotate(-3deg)}.interactive-phone:focus-within{transform:rotate(0)}.interactive-phone .phone-screen{background:var(--phone-bg);color:var(--phone-text)}.demo-controls{color:#c2ccc4;justify-content:center;align-items:center;gap:35px;margin-top:25px;font-size:12px;display:flex}.demo-controls>span{align-items:center;gap:7px;display:flex}.demo-controls button{color:#8a978e;background:0 0;border:0;align-items:center;gap:6px;padding:5px;font-size:12px;display:flex}.demo-controls button:hover{color:#fff}.demo-disclaimer{text-align:center;font-family:var(--body-font);color:#829086;max-width:310px;min-height:28px;margin-top:6px;font-size:12px;display:block}.phone-roster{padding-top:15px}.phone-search{background:var(--phone-surface);align-items:center;gap:8px;margin-top:16px;padding:10px 11px;display:flex}.phone-search input{width:100%;min-width:0;color:var(--phone-text);background:0 0;border:none;outline:none;font-size:12px}.phone-search input::placeholder{color:var(--phone-muted)}.phone-label{color:var(--phone-muted);font-size:12px}button.bot-row{border:0;border-bottom:1px solid var(--phone-border);width:100%;color:var(--phone-text);background:0 0;padding-block:13px;transition:background .2s}button.bot-row:hover{background:var(--phone-surface)}.bot-row-copy strong{font-size:13px}.bot-row-copy p{color:var(--phone-muted);font-size:12px}.phone-title h2{font-size:25px}.sample-label{letter-spacing:1.2px;border:1px solid var(--phone-border);color:var(--phone-muted);border-radius:4px;margin-top:14px;padding:4px 6px;font-size:9px;display:inline-block}.demo-setting{border-bottom:1px solid var(--phone-border);font-family:var(--body-font);justify-content:space-between;align-items:center;padding:22px 0;display:flex}.demo-setting strong{font-size:13px}.demo-setting p{color:var(--phone-muted);margin-top:5px;font-size:12px}.demo-setting [data-slot=switch]{width:34px;height:21px}.demo-setting [data-slot=switch-thumb]{width:17px;height:17px}.connection-row{border-bottom:1px solid var(--phone-border);font-family:var(--body-font);align-items:center;gap:9px;padding:15px 0;display:flex}.connection-row>div{flex:1}.connection-row strong{font-size:12px}.connection-row p{color:var(--phone-muted);margin-top:3px;font-size:12px}.connection-row>svg{color:var(--phone-muted)}.demo-privacy{text-align:center;margin-top:22px}.demo-privacy>svg{color:var(--phone-muted);margin:0 auto 10px}.demo-privacy h3{font-size:15px}.demo-privacy p{color:var(--phone-muted);margin-top:7px;font-size:12px;line-height:1.6}.reset-phone{color:var(--phone-muted);background:0 0;border:0;justify-content:center;align-items:center;gap:7px;margin:14px auto 0;padding:8px;font-size:12px;display:flex}.demo-empty{color:var(--phone-muted);flex-direction:column;align-items:center;gap:14px;padding:45px 0;font-size:13px;display:flex}.demo-empty button{color:var(--phone-text);background:0 0;border:0;text-decoration:underline}.chat-view{flex-direction:column;flex:1;min-height:0;display:flex}.chat-header{border-bottom:1px solid var(--phone-border);align-items:center;gap:9px;padding:10px 13px 13px;display:flex}.icon-button{min-width:30px;min-height:34px;color:var(--phone-muted);background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover{color:var(--phone-text)}.avatar-small{border-radius:11px;width:33px;height:33px}.avatar-small img{width:23px;height:23px}.chat-header h2{letter-spacing:-.4px;font-size:15px}.chat-header p{font-family:var(--body-font);color:var(--phone-muted);margin-top:2px;font-size:12px}.chat-transcript{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--phone-surface) transparent;font-family:var(--body-font);flex:1;padding:15px 16px 18px;overflow-y:auto}.chat-date{text-align:center;color:var(--phone-muted);letter-spacing:.6px;margin-bottom:20px;font-size:9px}.message{white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:17px;font-size:12px;line-height:1.65;animation:.25s ease-out message-in}.message-user{background:var(--phone-text);color:var(--phone-bg);border-radius:14px 14px 3px;justify-self:end;width:fit-content;margin-left:27px;padding:10px 12px}.message-bot{padding-right:9px}.message-sender{font-family:var(--font-grotesk), sans-serif;color:var(--phone-muted);margin-bottom:5px;font-size:12px;display:block}.approval-card{background:var(--phone-surface);border:1px solid var(--phone-border);border-radius:12px;margin-bottom:7px;padding:12px}.approval-card>div:first-child{align-items:center;gap:6px;display:flex}.approval-card strong{font-size:12px;font-weight:600}.approval-card p{color:var(--phone-muted);margin-top:8px;font-size:12px;line-height:1.5}.approval-actions{gap:7px;margin-top:12px;display:flex}.approval-actions button{border:1px solid var(--phone-border);background:var(--phone-bg);color:var(--phone-muted);border-radius:7px;flex:1;justify-content:center;align-items:center;gap:5px;padding:8px 6px;font-size:12px;display:flex}.approval-actions button:last-child{background:var(--phone-text);color:var(--phone-bg)}.typing{gap:5px;padding:12px 0;display:flex}.typing span{background:var(--phone-muted);border-radius:50%;width:5px;height:5px;animation:1s infinite typing}.typing span:nth-child(2){animation-delay:.15s}.typing span:nth-child(3){animation-delay:.3s}.chat-composer{background:var(--phone-bg);border-top:1px solid var(--phone-border);flex-shrink:0;padding:10px 12px 22px}.suggestion{border:1px solid var(--phone-border);background:var(--phone-surface);color:var(--phone-muted);border-radius:99px;align-items:center;gap:9px;margin:0 auto 9px;padding:7px 10px;font-size:12px;display:flex}.chat-composer form{border:1px solid var(--phone-border);background:var(--phone-surface);border-radius:22px;align-items:center;gap:3px;padding:4px;display:flex}.chat-composer input{min-width:0;color:var(--phone-text);font-family:var(--body-font);background:0 0;border:0;flex:1;padding:7px 0;font-size:12px}.chat-composer input::placeholder{color:var(--phone-muted)}.send-button{background:var(--phone-text);width:29px;height:29px;color:var(--phone-bg);border:0;border-radius:50%;justify-content:center;align-items:center;display:flex}.send-button:disabled{opacity:.4}.phone-light{--phone-bg:#fff;--phone-text:#141715;--phone-muted:#657168;--phone-surface:#f0f3f0;--phone-border:#00000010}.phone-light .home-indicator{background:#151a16}.phone-light .status-dot{background:#319355}.phone-light .avatar i{border-color:#fff}.phone-light .dynamic-island{background:#080a09}.phone-light .demo-setting [data-slot=switch]{background:#17281d}.phone-light .demo-setting [data-slot=switch-thumb]{background:#fff}@media (min-width:1550px){.interactive-phone{height:665px}}@media (max-width:760px){.demo-disclaimer{font-size:12px}}@media (max-width:360px){.phone{width:282px;height:604px}.phone-roster{padding-inline:15px}}@media (max-width:760px){.interactive-phone{transform:rotate(-2deg)}}@media (max-width:360px){.interactive-phone{width:270px;transform:none}}.interactive-phone{--phone-bg:#000;--phone-text:#f5f5f5;--phone-muted:#818181;--phone-surface:#101010;--phone-border:#171717;height:650px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}.interactive-phone.phone-light{--phone-bg:#fff;--phone-text:#0a0a0a;--phone-muted:#707070;--phone-surface:#f2f2f2;--phone-border:#e8e8e8}.interactive-phone .phone-status{height:43px;padding:12px 23px 8px}.phone-roster-view{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.roster-toolbar{flex-shrink:0;justify-content:space-between;align-items:center;min-height:35px;padding:4px 11px 0 13px;display:flex}.demo-home-title{color:var(--phone-text);background:0 0;border:0;align-items:center;gap:7px;min-height:30px;padding:0;display:flex}.demo-home-title h2{letter-spacing:-.5px;font:700 20px/1.25 Space Grotesk,sans-serif}.demo-home-title>svg{color:#535353}.demo-title-input{letter-spacing:-.5px;width:100%;max-width:166px;color:var(--phone-text);background:0 0;border:0;padding:0;font:700 20px/1.25 Space Grotesk,sans-serif}.roster-toolbar-actions{align-items:center;gap:2px;display:flex}.roster-toolbar-actions .icon-button{color:var(--phone-muted);min-width:25px}.connection-light-button{background:0 0;border:0;justify-content:center;align-items:center;width:26px;min-height:32px;display:flex}.interactive-phone .status-dot{box-shadow:none;background:#30d158}.connection-light-button .status-dot{width:7px;height:7px}.phone-roster-view .phone-search{border:1px solid var(--phone-border);color:#535353;border-radius:99px;flex-shrink:0;gap:7px;min-height:28px;margin:13px 13px 0;padding:5px 9px}.phone-roster-view .phone-search input{font:11px/1.4 -apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}.phone-roster-view .phone-search input::placeholder{color:#626262}.clear-demo-search{color:var(--phone-muted);background:0 0;border:0;padding:2px;display:flex}.roster-scroll{overscroll-behavior:contain;scrollbar-width:none;flex:1;min-height:0;padding:8px 0 65px 13px;overflow-y:auto}.interactive-phone button.bot-row{border-bottom:1px solid var(--phone-border);gap:10px;min-height:52px;padding:8px 11px 8px 0}.interactive-phone .avatar{background:#171717;border:1px solid #ffffff08;border-radius:12px;width:36px;height:36px}.interactive-phone .avatar img{width:26px;height:26px}.interactive-phone .avatar i{border:1.5px solid var(--phone-bg);background:#30d158;width:8px;height:8px;bottom:-2px;right:-2px}.interactive-phone .group-avatar{background:0 0;border:0;position:relative}.group-avatar>span{border:1.5px solid var(--phone-bg);background:#171717;border-radius:8px;justify-content:center;align-items:center;width:25px;height:25px;display:flex;position:absolute;top:0;left:0}.group-avatar>span+span{top:12px;left:12px}.interactive-phone .group-avatar img{width:19px;height:19px}.bot-row-title{align-items:baseline;gap:6px;min-width:0;display:flex}.bot-row-title strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12.4px;font-weight:600;line-height:1.35;display:block;overflow:hidden}.bot-handle{color:#595959;flex-shrink:0;font-size:9.5px}.interactive-phone .bot-row-copy{min-width:0;font-family:inherit}.interactive-phone .bot-row-copy p{color:var(--phone-muted);margin-top:3px;font-size:11.1px;line-height:1.35}.bot-row-meta{flex-direction:column;flex-shrink:0;justify-content:space-between;align-self:stretch;align-items:flex-end;width:23px;padding-block:1px 3px;display:flex}.bot-row-meta>span{color:#555;font-size:9px;line-height:1.4}.bot-row-meta>i{background:var(--phone-text);border-radius:50%;width:5.5px;height:5.5px}.demo-add-button{z-index:2;background:var(--phone-text);width:42px;height:42px;color:var(--phone-bg);border:0;border-radius:50%;justify-content:center;align-items:center;transition:transform .2s;display:flex;position:absolute;bottom:24px;right:12px;box-shadow:0 4px 14px #0004}.demo-add-button:hover{transform:scale(1.06)}.demo-menu{color:#f5f5f5;background:#1c1c1e;border:1px solid #333;border-radius:13px;width:max-content;min-width:170px;max-width:230px;padding:5px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;box-shadow:0 8px 35px #0007}.demo-menu [data-slot=dropdown-menu-item]{cursor:pointer;border-radius:8px;gap:12px;padding:11px 10px;font-size:13px}.demo-menu [data-slot=dropdown-menu-item][data-highlighted]{background:#353537}.demo-menu.phone-light{color:#111;background:#f6f6f6;border-color:#ddd}.demo-menu.phone-light [data-slot=dropdown-menu-item][data-highlighted]{background:#e7e7e7}.demo-settings-view,.demo-create-view{scrollbar-width:none;flex:1;min-height:0;padding-bottom:27px;overflow:auto}.demo-subheader{border-bottom:1px solid var(--phone-border);align-items:center;gap:8px;padding:10px 12px 12px;display:flex}.demo-subheader h2{letter-spacing:-.3px;font:700 18px/1.3 Space Grotesk,sans-serif}.demo-create-form{padding:21px 18px 10px}.demo-create-form>label,.demo-create-form legend{color:var(--phone-text);margin-bottom:9px;font-size:12px;display:block}.demo-create-form>input{background:var(--phone-surface);border:1px solid var(--phone-border);width:100%;color:var(--phone-text);border-radius:10px;padding:11px 12px;font-size:12px}.demo-create-form fieldset{border:0;margin:22px 0 0;padding:0}.demo-member-choice{border-bottom:1px solid var(--phone-border);cursor:pointer;align-items:center;gap:11px;min-height:43px;font-size:12px;display:flex}.demo-member-choice small{color:var(--phone-muted);margin-top:2px;font-size:12px;display:block}.demo-create-form>p{color:var(--phone-muted);margin-top:20px;font-size:12px;line-height:1.6}.demo-create-submit{background:var(--phone-text);width:100%;color:var(--phone-bg);border:0;border-radius:99px;margin-top:18px;padding:12px;font-size:12px}.demo-create-submit:disabled{opacity:.35}.interactive-phone .avatar-small{width:33px;height:33px}.interactive-phone .avatar-small img{width:23px;height:23px}.interactive-phone .avatar-small.group-avatar img{width:17px;height:17px}.phone-light .avatar:not(.group-avatar),.phone-light .group-avatar>span{background:#eee}.phone-light .bot-handle,.phone-light .bot-row-meta>span{color:#797979}@media (min-width:1550px){.interactive-phone{height:680px}.interactive-phone button.bot-row{min-height:55px}}@media (max-width:760px){.interactive-phone{height:640px}}@media (max-width:360px){.interactive-phone{height:604px}.bot-row-title strong{font-size:12px}.interactive-phone .bot-row-copy p{font-size:10.5px}.phone-roster-view .phone-search input{font-size:12px}}.demo-expand-control{margin-top:22px}.demo-expand-control button{color:#c9d8cf;background:#ffffff08;border:1px solid #ffffff1c;border-radius:99px;padding:9px 15px;font-size:.875rem}.demo-controls{margin-top:12px;font-size:.8125rem}.demo-controls button{min-height:40px;font-size:.8125rem}.demo-disclaimer{color:#a5b4ab;max-width:330px;font-size:.8125rem;line-height:1.5}.phone-placeholder{width:316px;height:650px}.expanded-demo[data-slot=dialog-content]{background:#121614;border:1px solid #3c4840;border-radius:28px;flex-direction:column;gap:12px;width:min(480px,100%);max-width:calc(100% - 24px);height:min(920px,100dvh - 24px);padding:18px;display:flex}.expanded-demo-header{flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.expanded-demo-header [data-slot=dialog-title]{font-size:1.125rem}.expanded-demo-header [data-slot=dialog-description]{color:#a2b2a8;margin-top:3px;font-size:.8125rem}.expanded-demo-header button{color:#fff;width:44px;height:44px}.expanded-scenarios{flex-shrink:0;gap:8px;display:flex}.expanded-scenarios button{border:1px solid #3c4840;border-radius:99px;flex:1;padding:10px;font-size:.875rem}.expanded-scenarios button[aria-pressed=true]{color:#0e1611;background:#b8ebce}.expanded-demo .interactive-phone{width:100%;height:auto;min-height:0;box-shadow:none;background:#000;border-color:#343d37;border-radius:30px;flex:1;padding:0;transform:none}.expanded-demo .phone-screen{border-radius:30px}.expanded-demo .phone:before,.expanded-demo .phone:after{display:none}.expanded-demo .bot-row-title strong,.expanded-demo .bot-row-copy p,.expanded-demo .message p,.expanded-demo input{font-size:1rem}.expanded-demo .interactive-phone button.bot-row{min-height:74px}.expanded-demo .icon-button,.expanded-demo .send-button{min-width:44px;min-height:44px}.expanded-hint{font:.8125rem/1.4 var(--body-font);color:#b5c4ba;text-align:center;flex-shrink:0}@media (max-width:760px){.interactive-phone{transform:none}.demo-disclaimer{font-size:.8125rem}.expanded-demo[data-slot=dialog-content]{width:100%;max-width:100%;height:100dvh;padding:max(12px, env(safe-area-inset-top)) 12px max(12px, env(safe-area-inset-bottom));border-radius:0}.expanded-demo .phone-status,.expanded-demo .home-indicator{display:none}.expanded-demo .phone-screen,.expanded-demo .interactive-phone{border-radius:18px}}.approval-status{margin:9px 0;font-size:.8125rem;line-height:1.5;display:block}@keyframes message-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes typing{50%{opacity:.3;transform:translateY(-2px)}}