.stage{padding-top:32px;padding-bottom:40px}.intro .eyebrow{margin-top:34px}.intro h1{font-size:56px}.conversation{flex:1;min-height:0;overflow-y:auto;scrollbar-width:none;background:#fbfcfd;padding:22px 17px 30px;scroll-behavior:smooth;position:relative}.appbar{height:58px}.live-label{font-size:9px;color:#8c9ca7;display:flex;gap:6px;align-items:center}.live-label i{width:5px;height:5px;border-radius:50%;background:#36ac8c}.listening-intro{min-height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-bottom:40px;animation:arrive .5s}.listen-orbit{height:86px;width:86px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#e0f4ec,#effbf7);border:1px solid #c7eadb;box-shadow:0 0 0 12px #e6f6ef60,0 0 0 24px #edf9f430;margin-bottom:35px}.mic-icon{display:block;width:13px;height:23px;border:2px solid #369f82;border-radius:8px;position:relative;margin-top:-6px}.mic-icon:before{content:'';position:absolute;left:-6px;right:-6px;top:8px;height:17px;border:2px solid #369f82;border-top:0;border-radius:0 0 12px 12px}.mic-icon:after{content:'';height:7px;width:2px;background:#369f82;position:absolute;bottom:-10px;left:4px}.listening-intro h2{font-family:Manrope,sans-serif;font-size:25px;font-weight:500;letter-spacing:-.8px;color:#244135;margin:0 0 10px}.listening-intro p{font-size:12px;color:#96a59f;margin:0}.demo-label{font-size:8px;letter-spacing:2px;color:#a9b8b1;margin-top:35px}.voice-composer{flex-shrink:0;height:78px;padding:12px 16px 10px;display:flex;align-items:center;gap:12px;background:#fff;border-top:1px solid #e7efec}.mic-small{width:35px;height:35px;display:grid;place-items:center;border-radius:50%;background:#edf7f1;transform:scale(.85)}.mic-small .mic-icon{transform:scale(.58)}.composer-label{flex:1;display:flex;flex-direction:column;gap:4px}.composer-label span{font-size:11px;color:#375e4f;font-weight:600}.composer-label small{font-size:9px;color:#9aaba3}.voice-composer button{width:29px;height:29px;display:grid;place-items:center;border:0;border-radius:50%;background:#f1f5f3;color:#719084;font-size:12px}.voice-composer .wave{margin-right:3px}.voice-composer .wave i{height:6px}.voice-composer.talking .wave i{animation:wave .6s infinite alternate}.thread-entry{margin-bottom:19px;animation:arrive .5s cubic-bezier(.1,.6,.3,1) both}.entry-label{font-size:8px;color:#94a49d;font-weight:600;letter-spacing:.7px;display:flex;gap:6px;align-items:center;margin-bottom:6px;text-transform:uppercase}.entry-label .dot{width:5px;height:5px;background:#22a17f;border-radius:50%}.owner-entry{display:flex;flex-direction:column;align-items:flex-end;padding-left:20px}.owner-entry .entry-label{color:#8c9eae}.voice-transcript{font-size:16px;line-height:1.5;letter-spacing:-.2px;color:#203c31;min-height:24px}.owner-entry .voice-transcript{font-size:15px;background:#edf3ff;padding:11px 14px;border-radius:17px 17px 4px 17px;color:#365686;max-width:100%}.assistant-entry{padding-right:8px}.assistant-entry .voice-transcript{font-size:14px;color:#33574a}.transcribing:after{content:'';display:inline-block;height:14px;width:2px;vertical-align:middle;background:#8bb0a0;margin-left:3px;animation:bop .7s infinite}.data-entry{padding:15px;border-radius:17px;border:1px solid #e1eae7;background:#fff;box-shadow:0 5px 18px #183b2e05;margin-top:1px}.data-entry .kicker{color:#8da397;font-size:8px}.data-entry h2{font-size:18px;font-family:Manrope,sans-serif;letter-spacing:-.7px;line-height:1.3;margin:5px 0 4px}.data-entry .meta{color:#8a9c92;font-size:10px}.data-entry .metrics{margin-top:13px;padding-top:11px}.data-entry .metric small{font-size:8px}.data-entry .metric b{font-size:17px;color:#304f42}.data-entry .detail{font-size:10px;margin-top:9px}.data-entry .detail .row{padding:4px 0;color:#789084}.data-entry .detail .row b{color:#4c6c5d}.message-entry{border:1px solid #e2e9ee;background:#fff;border-radius:16px;padding:12px 13px;box-shadow:0 3px 10px #23334003}.message-entry.incoming{margin-right:14px;border-left:3px solid #a4bbcd}.message-entry.outgoing{margin-left:14px;border-left:3px solid #5e85df}.message-entry.draft{background:#f6f8fe;border-style:dashed;border-left:3px solid #9eb3de}.message-entry .entry-label{font-size:8px;color:#8397a9;justify-content:space-between}.message-entry p{margin:7px 0 0;font-size:12px;line-height:1.55;color:#486174}.message-status{font-size:8px;border-radius:5px;padding:3px 5px;background:#edf2f8;color:#8b9ab0;white-space:nowrap}.message-status.sent{background:#eaf5ee;color:#44856a}.activity-entry{font-size:10px;line-height:1.5;color:#9aac9f;display:flex;gap:7px;align-items:baseline;margin:0 4px 16px}.activity-entry .tick{color:#55a58a}.recommendation{background:#edf8f1;border:1px solid #d4eadd;border-radius:15px;padding:13px}.recommendation p{font-size:12px;line-height:1.5;color:#3c7058;margin:6px 0 0}.decision-chip{font-size:9px;color:#63967e;background:#f5fbf7;border:1px solid #d5eade;border-radius:7px;padding:6px 8px;margin-top:9px;display:inline-block}.typing-entry{display:flex;gap:4px;padding:12px 2px;margin-bottom:14px}.typing-entry i{width:4px;height:4px;border-radius:50%;background:#a4bbad;animation:bop .8s infinite}.typing-entry i:nth-child(2){animation-delay:.2s}.typing-entry i:nth-child(3){animation-delay:.4s}.scene-divider{text-align:center;font-size:8px;letter-spacing:1.2px;color:#b2c0b8;padding:15px 0 22px;text-transform:uppercase}.phone .notification{font-size:11px}.screenonly .stage{padding:30px}.screenonly .phone-wrap{transform:none}.screenonly .phone{height:min(806px,calc(100dvh - 65px))}.screenonly .screen-btn{bottom:-23px}@media(max-width:850px){.intro h1{font-size:40px}.stage{padding:28px 18px 60px}.intro .eyebrow{margin-top:20px}.screenonly .stage{padding:15px 10px}.screenonly .phone{height:calc(100dvh - 45px)}.conversation{padding-left:15px;padding-right:15px}}@media(min-width:900px) and (max-height:870px){.intro h1{font-size:48px}.stage{padding-top:0;padding-bottom:20px}}

.weather-icon{display:inline-flex;width:28px;height:28px;vertical-align:middle}.weather-icon svg{width:100%;height:100%}.weather-title{display:flex;align-items:center;gap:8px}.weather-title .weather-icon{flex-shrink:0;width:26px;height:26px}.data-entry .metric .weather-icon{height:23px;width:27px;margin-top:-2px}.market-heading{font-size:8px;font-weight:600;letter-spacing:1px;color:#90a69a;margin:12px 0 4px}.event-types-heading{margin-top:15px}.event-types{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}.type-bubble{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid #e0eae3;border-radius:20px;color:#6c8677;background:#f5f9f6;font-size:9px;white-space:nowrap}.type-bubble b{font-size:9px;color:#375e49}

.notification{border-left:3px solid #92b1aa}.notification strong{display:flex;align-items:center;justify-content:space-between;gap:10px}.notification strong>span{font-size:11px}.popup-status{font-size:8px;font-weight:500;white-space:nowrap;letter-spacing:.3px;color:#78948a;background:#edf5f0;padding:3px 6px;border-radius:6px}.notification.sent{border-left-color:#6590dc;background:#f5f8fff5}.notification.sent .popup-status{background:#e7eefc;color:#6285ba}.notification p{line-height:1.5;font-size:12px}.notification.show{animation:bannerIn .35s ease-out}@keyframes bannerIn{from{opacity:.6;transform:translateY(-25px)}to{opacity:1;transform:translateY(0)}}

.rain-plan{display:flex;flex-direction:column;gap:3px;background:#f0f7f1;color:#5e7f6b;border-radius:9px;padding:9px 10px;margin-top:10px;font-size:10px}.rain-plan>b{font-size:9px;color:#496b57}.weather-title{font-size:16px!important;letter-spacing:-.5px!important}

.message-entry .entry-label{align-items:flex-start;line-height:1.5}.message-entry .entry-label>span:first-child{min-width:0;flex:1}.message-entry .message-status{flex-shrink:0}.notification strong>span{min-width:0;line-height:1.4}

.notification.call{background:#f7fcf9f5;border-left:3px solid #58ac88;padding:15px 14px 11px}.call-header{display:flex;gap:10px;align-items:center}.call-phone-icon{width:35px;height:35px;flex-shrink:0;border-radius:50%;background:#dcf2e6;display:grid;place-items:center;color:#258760;box-shadow:0 0 0 4px #eaf7f0}.call-phone-icon svg{width:20px;height:20px}.call-identity{flex:1;min-width:0}.notification.call .call-identity small{display:block;font-size:8px;letter-spacing:1.2px;color:#6d9b84;font-weight:700;margin-bottom:4px}.notification.call .call-identity strong{display:block;font-size:15px;color:#2f5744;font-weight:700;line-height:1.2;margin-bottom:3px}.notification.call .call-identity p{font-size:10px;color:#819b8c;margin:0}.call-wave{display:flex;gap:2px;align-items:center;height:28px;flex-shrink:0;padding:0 2px}.call-wave i{display:block;width:2px;height:6px;border-radius:2px;background:#72ad91;animation:callWave .65s ease-in-out infinite alternate}.call-wave i:nth-child(3n){animation-delay:-.3s;height:15px}.call-wave i:nth-child(4n){animation-delay:-.5s;height:22px}.call-wave i:nth-child(2n){animation-delay:-.15s}.call-transcript{font-size:12px;color:#506e5c;line-height:1.5;margin-top:13px;min-height:18px}.call-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e1eee5;margin-top:11px;padding-top:8px}.call-footer>span{display:flex;align-items:center;gap:5px}.call-footer i{width:5px;height:5px;background:#5aa47c;border-radius:50%;animation:bop 1.4s infinite}.call-footer b{font-size:8px;color:#82a18f;font-weight:500}.call-footer>small{font-size:7px;letter-spacing:1px;color:#9bb1a3}.call-thread-marker{display:flex;align-items:center;gap:5px;color:#76a18d;font-size:8px;margin:5px 0 10px;line-height:1.5}.call-thread-marker svg{width:11px;height:11px;flex-shrink:0}.call-thread-entry .voice-transcript{font-size:13px}@keyframes callWave{to{height:25px;opacity:.55}}@media(prefers-reduced-motion:reduce){.call-wave i{animation:none}}
.notification{transform:translateY(calc(-100% - 90px))}.notification.show{transform:translateY(0)}

.message-entry p{white-space:pre-line}.notification p{white-space:pre-line}

/* On a phone, keep the whole demo and its transport inside the visible viewport. */
@media(max-width:850px){
 html,body{height:100%;overflow:hidden}
 body{min-height:0;overscroll-behavior:none}
 .stage,.screenonly .stage{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto;align-items:stretch;gap:10px;width:100%;max-width:460px;height:100vh;height:100dvh;min-height:0;margin:0 auto;padding:12px;padding-top:max(10px,env(safe-area-inset-top));padding-bottom:max(12px,env(safe-area-inset-bottom))}
 .intro,.screenonly .intro{display:contents}
 .brand{grid-row:1;font-size:18px;line-height:24px;letter-spacing:-.6px}
 .brand i{width:8px;height:8px;margin-right:7px;border-radius:3px}
 .intro .eyebrow,.intro h1,.intro .lead,.caption,.fine,.timing,.progress{display:none}
 .chapters{grid-row:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:0}
 .chapter{justify-content:center;gap:0;padding:10px 3px;font-size:11px;line-height:16px;border:1px solid #ffffff0a;border-radius:10px}
 .chapter.active{background:#89e4bd15;border-color:#89e4bd40;color:#a9f1d3}
 .chapter span,.chapter small{display:none}
 .phone-wrap,.screenonly .phone-wrap{grid-row:3;min-height:0;min-width:0;width:100%;transform:none;display:block}
 .phone,.screenonly .phone{width:100%;height:100%;min-height:0;border-width:4px;border-radius:30px;box-shadow:0 10px 30px #0004;outline-color:#50666d}
 .statusbar{height:34px;padding:0 19px;font-size:11px}
 .island{top:6px;width:82px;height:21px}
 .signals{font-size:9px}
 .appbar{height:47px;padding:0 17px}
 .appbrand{font-size:20px}
 .conversation{padding:16px 13px 20px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
 .voice-composer{height:61px;padding:8px 12px;gap:8px}
 .voice-composer button{width:38px;height:38px;flex-shrink:0}
 .home{height:12px}
 .home:after{top:3px;height:3px;width:100px}
 .phone .notification{top:39px;left:7px;right:7px}
 .controls{grid-row:4;display:flex;gap:10px;justify-content:center;width:100%}
 .primary{flex:1;min-width:0;padding:13px 15px;font-size:14px;min-height:46px}
 .secondary{width:46px;height:46px;flex-shrink:0}
 .sound{padding:8px 2px;min-height:46px;font-size:11px;min-width:72px}
 .screen-btn,.phone-glow{display:none}
 .listening-intro{padding-bottom:15px}
 .listen-orbit{height:65px;width:65px;margin-bottom:26px;box-shadow:0 0 0 9px #e6f6ef60,0 0 0 18px #edf9f430}
 .demo-label{margin-top:22px}
}
@media(max-width:850px) and (max-height:600px){
 .stage,.screenonly .stage{gap:6px;padding-top:6px;padding-bottom:6px}
 .brand{display:none}.stage,.screenonly .stage{grid-template-rows:auto minmax(0,1fr) auto}
 .chapters{grid-row:1}.phone-wrap,.screenonly .phone-wrap{grid-row:2}.controls{grid-row:3}
 .statusbar{display:none}.island{display:none}.phone .notification{top:8px}
 .chapter{padding:6px 3px}.voice-composer{height:52px}.home{display:none}
}

#overview{display:none}
@media(max-width:850px){
 body:not(.mobile-demo){height:100vh;height:100dvh;overflow-y:auto;overscroll-behavior:auto}
 body:not(.mobile-demo) .stage{display:flex;flex-direction:column;justify-content:center;gap:0;height:auto;min-height:100vh;min-height:100dvh;padding:30px 24px;padding-top:max(30px,env(safe-area-inset-top));padding-bottom:max(30px,env(safe-area-inset-bottom))}
 body:not(.mobile-demo) .intro{display:block;width:100%}
 body:not(.mobile-demo) .brand{display:block;font-size:23px;line-height:28px;margin-bottom:30px}
 body:not(.mobile-demo) .brand i{height:10px;width:10px}
 body:not(.mobile-demo) .intro .eyebrow{display:block;font-size:10px;letter-spacing:1.8px;margin:0 0 16px}
 body:not(.mobile-demo) .intro h1{display:block;font-size:44px;line-height:1.1;letter-spacing:-2px;margin:0 0 20px}
 body:not(.mobile-demo) .intro .lead{display:block;font-size:16px;line-height:1.65;margin:0;max-width:380px}
 body:not(.mobile-demo) .chapters{margin:24px 0 20px}
 body:not(.mobile-demo) .controls{gap:10px}
 body:not(.mobile-demo) .phone-wrap{display:none}
 .mobile-demo #overview{display:block;width:40px;flex-shrink:0}
 .mobile-demo .controls{gap:7px}
 .mobile-demo .phone-wrap{animation:demoEnter .3s ease-out both}
}
@keyframes demoEnter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.mobile-demo .phone-wrap{animation:none}}