/* Homepage HTML product UI, fitted to this product page's silver handset. */
.flow-native{--phone-body:14px;--phone-label:13px;--phone-note:12px;font-size:14px;line-height:1.85}
.flow-native .ri{width:17px;height:17px;display:inline-block;vertical-align:-3px;flex-shrink:0;fill:currentColor}
.flow-body{overflow:auto;scrollbar-width:thin;scrollbar-color:#d6e1f0 transparent;overscroll-behavior:contain}
.flow-body::-webkit-scrollbar{width:3px;height:4px}.flow-body::-webkit-scrollbar-thumb{background:#d6e1f0;border-radius:3px}
.flow-thread{padding:12px 10px 25px;transform:none!important;transition:none;will-change:auto;min-height:100%}
.flow-thread>.flow-question{max-width:94%;margin-right:0;margin-bottom:16px}
.flow-thread>.flow-thinking{margin-left:1px;font-size:12px;line-height:1.9}
.flow-frame.native-frame{margin-top:16px;background:none!important;height:auto!important;min-width:0}
.flow-native .ai-source-card{width:100%;overflow:hidden}
.flow-native .ai-source-group{position:relative;scroll-margin-top:15px;transition:box-shadow .25s,border-color .25s}
.flow-native .ai-source-group.is-focused{border-color:#95b7ef;box-shadow:0 0 0 2px #6295ec12}
.flow-native .ai-workbench{width:100%;height:auto;min-height:450px}
.flow-phone.is-workspace .flow-nav,.flow-phone.is-workspace .flow-input{display:none}
.flow-phone.is-workspace .flow-body{top:34px;bottom:16px}
.flow-phone.is-confirm-sheet .flow-input{display:none}.flow-phone.is-confirm-sheet .flow-body{bottom:16px}
.flow-zoom.flow-native{font-size:13px;padding:3px;max-height:250px;background:transparent;line-height:1.85}
.flow-zoom.flow-native>.ai-ui-block{margin:0}.flow-zoom.flow-native .ai-ui-rows{font-size:13px}
.flow-zoom.flow-native .ai-source-total b{font-size:24px!important}.flow-zoom .ai-ui-route li:nth-child(n+3){display:none}
.flow-zoom .ai-ui-stats{margin:0}.flow-zoom .ai-ui-stats b{font-size:22px}.flow-zoom .ai-ui-table{font-size:12px}
.flow-zoom .ai-ui-rows>div{grid-template-columns:65px minmax(0,1fr);gap:7px}.flow-zoom .ai-ui-rows dd{overflow-wrap:anywhere}
.flow-native button[data-native-tap]{box-shadow:0 0 0 3px #8ab7f32e;outline:1px solid #89b1ee;outline-offset:2px}
.flow-native .ai-demo-feedback{margin:13px 0;padding:12px;font-size:12px;line-height:1.9;border-radius:12px;background:#eaf2ff;color:#4b6f9f}
.flow-native .ai-ui-success,.flow-native .ai-ui-warning{display:block}.flow-native .ai-ui-success>.ri,.flow-native .ai-ui-warning>.ri{margin-right:5px}
.flow-native .ai-ui-file{overflow-wrap:anywhere}.flow-native .ai-ui-action{font-size:13px;line-height:1.7}
.flow-native [hidden]{display:none!important}.flow-native button{font-family:inherit}
.flow-native details summary{cursor:pointer;font-size:13px;color:#6382a5}
.feature-art.flow-player .flow-side{padding-top:105px}.feature-art.flow-player:before{bottom:70px}
.native-chip{display:inline-block;border-radius:6px;background:#eaf2ff;color:#4d80be;padding:2px 6px;font-size:11px;line-height:1.5;white-space:nowrap}
.native-chip.success{background:#e8f5ee;color:#3b8f6e}.native-chip.warning{background:#fff4d4;color:#ab7f27}.native-chip.warm{background:#fff0e5;color:#bb865a}
.native-workspace{position:relative;min-height:490px;padding-bottom:10px}.native-workspace .ai-workbench{background:#f5f7fb}
.native-launch{position:absolute;bottom:62px;right:2px;width:67px;height:67px;border:0;border-radius:50%;padding:0;background:transparent;filter:drop-shadow(0 7px 7px #3979c52b);z-index:3}.native-launch img{width:100%;height:100%;object-fit:contain}
.native-greeting{display:flex;gap:8px;align-items:center;justify-content:center;margin:22px 0 25px}.native-greeting img{width:50px;height:50px;object-fit:contain}.native-greeting h4{font-size:21px;font-weight:650;color:#3b84df;line-height:1.5;margin:0}
.native-shortcuts{display:flex;gap:7px;overflow:auto;scrollbar-width:none;margin:0 0 17px}.native-shortcuts button{font-size:13px;flex:none;background:white;border:1px solid #e4e9f2;border-radius:22px;padding:9px 14px;color:#6d7c92}.native-shortcuts button.active{background:#3386ed;color:white;border-color:transparent}
.native-chat-home>.ai-ui-block{padding:0;border:0;background:none}
.native-questions{display:grid;gap:12px}.native-questions button{display:flex;gap:10px;align-items:center;width:100%;background:white;border:1px solid #edf1f7;border-radius:15px;padding:17px 13px;text-align:left;box-shadow:0 6px 15px #2a4c7606}.native-questions i{font:600 12px Arial;background:#edf5ff;color:#3186df;border-radius:50%;width:23px;height:23px;display:grid;place-items:center;flex:none}.native-questions b{font-size:14px;line-height:1.8;color:#2e4058}.native-questions small{display:block;font-size:12px;color:#9aa4b5}.native-questions em{font-style:normal;margin-left:auto;color:#aab5c5}
.native-pending{position:relative;display:block;width:100%;padding:15px;background:white;border:1px solid #e8edf5;border-radius:14px;text-align:left}.native-pending b{font-size:14px;display:block;color:#3e5068}.native-pending span{font-size:12px;color:#a48b5f;display:block;margin-top:4px}.native-pending strong{font-size:12px;color:#4588d2;display:block;margin-top:5px}
.native-receipts{display:grid;gap:0}.native-receipt{display:flex;align-items:center;gap:7px;padding:13px 0;border-bottom:1px solid #edf0f6}.native-receipt>div{flex:1;min-width:0}.native-receipt b{font-size:13px;color:#33455e}.native-receipt small{font-size:11px;line-height:1.7;display:block;color:#97a3b3;margin-top:4px}.native-receipt>strong{font-size:14px;white-space:nowrap;align-self:start;margin-top:3px;color:#3c4b62}.native-receipt .native-chip{font-size:9px;margin-left:3px}.native-ticket{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:none;width:29px;height:42px;border:1px solid #dce5ef;border-radius:4px;background:#f7fafc;color:#81a2c8}.native-ticket .ri{width:18px;height:18px}.native-ticket>small{font-size:7px;margin:0;color:#6d7e95}.native-receipt.has-warning{background:#fff9e9}
.native-approval{border-bottom:1px solid #edf1f7;padding:6px 0}.native-approval>button{display:flex;gap:6px;align-items:flex-start;text-align:left;width:100%;padding:10px 0;background:none;border:0;font-size:12px;color:#65758b}.native-approval>button>b{flex:none;min-width:38px;font-size:12px;color:#293b54}.native-approval>button>.native-chip{font-size:9px;flex:none;padding:2px 4px}.native-approval>button>span:not(.native-chip){font-size:11px;line-height:1.8}.native-approval>button>i{margin-left:auto;font-style:normal;color:#a5b1c1}.native-approval .ai-ui-warning{font-size:11px!important;padding:6px 8px!important}.native-approval-detail{padding:10px;background:#f7f9fc;border-radius:12px}.native-approval-detail .ai-ui-rows>div{grid-template-columns:43px 1fr}.native-approval-detail .ai-ui-rows dd{font-size:12px!important}.native-approval-detail .ai-ui-actions>button{font-size:11px;min-width:0;padding:6px}
.native-distance-tabs{display:flex;gap:5px;overflow:auto;scrollbar-width:none}.native-distance-tabs button{white-space:nowrap;font-size:11px;background:#f0f4fa;border-radius:19px;padding:7px 10px;color:#7a8ba4;border:0}.native-distance-tabs button.active{background:#3687eb;color:white}
.native-candidates button{display:flex;gap:9px;align-items:center;width:100%;padding:12px 0;border:0;border-bottom:1px solid #edf2f8;background:none;text-align:left}.native-candidates button>i{font:600 10px Arial;width:22px;height:22px;border-radius:6px;background:#ebf3ff;color:#4087de;display:grid;place-items:center;flex:none}.native-candidates button>div{flex:1}.native-candidates b{font-size:13px;color:#283b54}.native-candidates em{font-size:12px;line-height:1.7;color:#4684cb;font-style:normal;padding:2px 5px;background:#edf5ff;border-radius:4px}.native-candidates small{display:block;font-size:11px;color:#7b8f9f;margin-top:5px}.native-candidates .ri{color:#8196b0;width:16px}
.native-map{position:relative;overflow:hidden;border-radius:13px;margin-bottom:15px;border:1px solid #e2e9f1}.native-map>svg{width:100%;height:auto;display:block}.native-map-place{position:absolute;top:21%;left:8%;font-size:11px;color:#b4515d;background:#fff7f5;padding:3px 8px;border:1px solid #e4c8ca;border-radius:14px}.native-map-person{position:absolute;top:72%;left:63%;font-size:11px;color:white;background:#367ce3;padding:3px 10px;border-radius:14px}.native-map>strong{position:absolute;top:44%;left:33%;font-size:12px;color:white;border-radius:10px;background:#3383e5;padding:5px 12px}
.native-effects{padding-left:19px;font-size:13px;line-height:1.9;color:#53677f}.native-effects li{margin-bottom:6px}
.native-recording{max-width:170px;margin:30px auto;background:linear-gradient(130deg,#3d93f2,#286ee0);border-radius:24px;color:white;text-align:center;padding:25px 18px;box-shadow:0 12px 25px #3d7ed52b}.native-recording>div{font-size:22px;line-height:1.8;letter-spacing:3px}.native-recording>b{font-size:25px}.flow-native .ai-ui-stats:has(>div:nth-child(4)){display:grid;grid-template-columns:repeat(2,1fr)}
@media(max-width:650px){.feature-art.flow-player .flow-side{padding-top:28px}.flow-zoom.flow-native{max-height:230px}.native-greeting h4{font-size:20px}}
@media(prefers-reduced-motion:reduce){.flow-native .ai-source-group{transition:none}}