@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;600;700;800&display=swap";:root{color:#17201b;background:#f3f1ec;font-family:Manrope,PingFang SC,sans-serif}*{box-sizing:border-box}button,input{font:inherit}button{cursor:pointer}body{margin:0}.page-shell{max-width:1180px;margin:auto;padding:68px 54px 34px}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:#6b746d;font:500 11px DM Mono}.dot{background:#40c97b;border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block}h1{letter-spacing:-.06em;margin:24px 0 22px;font-size:clamp(42px,5vw,72px);line-height:1.05}h1 em{color:#65ad80;font-style:normal}p{color:#7d847f;max-width:420px;line-height:1.7}.platform-switch{background:#e7e5df;border-radius:10px;width:max-content;margin-top:25px;padding:4px;display:flex}.platform-switch button,.role-tabs button{color:#767d78;background:0 0;border:0;border-radius:7px;padding:10px 17px}.platform-switch .active{color:#202922;background:#fff;box-shadow:0 2px 7px #b7b4ad66}.workspace{grid-template-columns:1fr 390px;align-items:center;gap:105px;margin-top:45px;display:grid}.phone-wrap{justify-content:center;display:flex}.phone{background:#ededeb;border:8px solid #202521;border-radius:42px;width:302px;height:612px;position:relative;overflow:hidden;box-shadow:20px 25px 50px #6d726b30}.phone.android{border-radius:26px}.status-bar{background:#f8faf7;justify-content:space-between;align-items:flex-start;height:29px;padding:8px 16px 0;font-size:10px;font-weight:800;display:flex}.status-icons{align-items:center;gap:5px;height:12px;display:flex}.status-icons svg{fill:#202521;width:14px;height:11px}.status-icons .wifi{fill:none;stroke:#202521;stroke-width:1.6px;stroke-linecap:round}.status-icons .wifi circle{fill:#202521;stroke:none}.status-icons .network{order:-1;font-size:7px}.battery{border:1.4px solid #202521;border-radius:2px;width:18px;height:9px;padding:1px;position:relative}.battery:after{content:"";background:#202521;border-radius:0 1px 1px 0;width:2px;height:4px;position:absolute;top:2px;right:-3px}.battery i{background:#202521;border-radius:1px;width:72%;height:100%;display:block}.chat-nav{background:#f8faf7;border-bottom:1px solid #daddd9;grid-template-columns:32px 1fr 32px;align-items:center;height:55px;padding:0 12px;display:grid}.chat-nav strong{text-align:center;font-size:14px}.nav-icon{color:#1c251f;background:0 0;border:0;width:32px;height:32px;padding:6px}.nav-icon svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}.more{justify-content:center;align-items:center;gap:3px;display:flex}.more i{background:currentColor;border-radius:50%;width:3px;height:3px}.chat-body{scrollbar-width:none;height:447px;padding:14px 13px 18px;overflow:auto}.chat-body::-webkit-scrollbar{display:none}.time-divider{text-align:center;color:#9ca29d;margin:6px 0 13px;font-size:9px}.message-row{align-items:flex-start;gap:9px;margin:0 0 13px;display:flex}.message-row.sender{flex-direction:row-reverse}.avatar{background:#dcebe1;border-radius:6px;flex:none;place-items:center;width:34px;height:34px;font-size:19px;display:grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.message-content{max-width:195px}.sender .message-content{text-align:right}.bubble{text-align:left;word-break:break-word;background:#fff;border-radius:5px;padding:9px 11px;font-size:12px;line-height:1.55;display:inline-block;position:relative;box-shadow:0 1px 3px #8c9a8b16}.bubble:before{content:"";border:5px solid #0000;border-left-width:0;border-right-color:#fff;position:absolute;top:10px;left:-5px}.sender .bubble{background:#95d5a8}.sender .bubble:before{border-width:5px 0 5px 5px;border-color:#0000 #0000 #0000 #95d5a8;left:auto;right:-5px}.composer{background:#f7f8f6;border-top:1px solid #d6dad6;align-items:center;gap:6px;height:55px;padding:8px 8px 12px;display:flex}.composer input,.voice-input{background:#fff;border:0;border-radius:6px;outline:0;flex:1;min-width:0;height:34px;padding:8px 9px;font-size:11px}.voice-input{color:#343b36;font-weight:700}.tool-btn{color:#404942;background:0 0;border:0;flex:none;width:30px;height:30px;padding:3px}.tool-btn svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}.tool-btn svg .fill{fill:currentColor;stroke:none}.tool-btn.active{color:#52aa70}.send-btn{color:#fff;background:#62bb7d;border:0;border-radius:6px;padding:8px 9px;font-size:10px}.emoji-panel{z-index:3;background:#fff;grid-template-columns:repeat(5,1fr);gap:5px;width:100%;padding:11px;display:grid;position:absolute;bottom:55px;box-shadow:0 -5px 15px #aaa3}.emoji-panel button{background:#f5f6f3;border:0;border-radius:6px;padding:7px;font-size:18px}.home-indicator{z-index:4;background:#202521;border-radius:4px;width:85px;height:4px;position:absolute;bottom:4px;left:calc(50% - 42px)}.android .home-indicator{background:#89908a;width:52px;height:3px;left:calc(50% - 26px)}.controls{background:#fff;border:1px solid #e5e8e4;border-radius:20px;padding:27px;box-shadow:0 10px 30px #7f897d12}.control-heading{justify-content:space-between;font-size:15px;font-weight:800;display:flex}.live-pill{color:#56aa73;background:#e4f5e8;border-radius:5px;padding:6px 8px;font:500 9px DM Mono}.role-tabs{background:#f0f3ef;border-radius:9px;grid-template-columns:1fr 1fr;margin:22px 0 20px;padding:3px;display:grid}.role-tabs button{font-size:12px}.role-tabs .selected{color:#20552f;background:#fff;box-shadow:0 2px 7px #bcc4ba66}label,.field-label{color:#727a73;margin:16px 0 8px;font-size:11px;display:block}label input{color:#243128;border:1px solid #dfe5df;border-radius:8px;outline-color:#91cba2;width:100%;margin-top:8px;padding:11px 12px;font:600 13px Manrope;display:block}.avatar-options{align-items:center;gap:13px;display:flex}.avatar-preview{background:#edf5ef;border:1px solid #dfe5df;border-radius:12px;width:58px;height:58px;padding:0;font-size:28px;position:relative;overflow:hidden}.avatar-preview img{object-fit:cover;width:100%;height:100%}.avatar-preview i{color:#fff;background:#1e2c24b8;padding:3px;font-size:8px;font-style:normal;position:absolute;bottom:0;left:0;right:0}.upload-btn{color:#4b9c64;background:#fff;border:1px solid #72bc88;border-radius:7px;padding:7px 12px;font-size:10px;display:block}.avatar-options small{color:#a0a7a1;margin-top:5px;font-size:9px;display:block}.file-input{display:none}.hint{color:#9ca39d;background:#f6f8f5;border-radius:8px;padding:11px;font-size:10px;line-height:1.7}.export-btn{color:#fff;background:#58b776;border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:14px;padding:11px 14px;font-size:11px;font-weight:700;display:flex;box-shadow:0 6px 14px #58b77630}.export-btn:hover{background:#49a968}.export-btn:disabled{cursor:wait;opacity:.65}.export-btn svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.feature-list{border-top:1px solid #edf0ec;margin-top:22px;padding-top:8px}.feature-list>div{gap:12px;padding:10px 0;display:flex}.feature-list>div>span{color:#6db884;font-size:18px}.feature-list p{max-width:none;margin:0}.feature-list b{color:#435047;font-size:11px;display:block}.feature-list small{color:#a2aaa3;font-size:10px}footer{color:#a2aaa3;margin-top:70px;font:10px DM Mono}footer span{color:#62b27c;margin:0 8px}@media (width<=800px){.page-shell{padding:38px 22px}.workspace{grid-template-columns:1fr;gap:45px}.intro{text-align:center}.intro p{margin:0 auto}.platform-switch{margin:25px auto 0}.controls{max-width:390px;margin:auto}footer{text-align:center;margin-top:45px}}@media (width>=801px){.page-shell{grid-template-rows:auto auto auto;grid-template-columns:minmax(430px,1fr) 390px;align-items:start;column-gap:88px;display:grid}.intro{grid-area:1/1}.workspace{display:contents}.phone-wrap{grid-area:2/1;justify-content:flex-start;margin-top:48px;padding-left:72px}.controls{grid-area:1/2/span 2;margin-top:24px;position:sticky;top:36px}footer{grid-area:3/1/auto/-1;margin-top:58px}}