/* Only the existing phone fullscreen stage; desktop and normal page unchanged. */
body.phone-demo-fullscreen #landing-page #product.is-focused{inset:var(--phone-fullscreen-top,0px) 0 auto!important;width:100%!important;height:var(--phone-fullscreen-height,100dvh)!important;padding:calc(88px + env(safe-area-inset-top,0px)) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)!important;border:0!important;border-radius:0!important;overflow:hidden!important;z-index:190!important}
body.phone-demo-fullscreen #landing-page #product.is-focused .demo-sticky{display:flex!important;flex-direction:column!important;gap:0!important;height:100%!important;padding:0!important}
body.phone-demo-fullscreen #landing-page #product.is-focused .demo-top{display:block!important;margin:0!important;padding:0!important;min-height:0!important}
body.phone-demo-fullscreen #landing-page #product.is-focused .demo-top>:not(.demo-header-tools):not(.demo-expand),body.phone-demo-fullscreen #landing-page #product.is-focused .demo-header-tools>:not(.demo-expand),body.phone-demo-fullscreen #landing-page #product.is-focused .demo-sticky>:not(.demo-top):not(.demo-mobile-tabs):not(.browser-stage){display:none!important}
body.phone-demo-fullscreen #landing-page #product.is-focused .demo-header-tools{display:flex!important;justify-content:flex-end!important;height:44px!important;width:100%!important}
body.phone-demo-fullscreen #landing-page #product.is-focused .demo-expand{display:flex!important;align-items:center!important;min-height:44px!important;min-width:88px!important;margin:0!important;position:static!important}
body.phone-demo-fullscreen #landing-page #product.is-focused .demo-mobile-tabs{display:flex!important;gap:0!important;height:44px!important;margin:0!important}
body.phone-demo-fullscreen #landing-page #product.is-focused .demo-mobile-tabs button{display:block!important;flex:1!important;min-height:44px!important;font-size:14px!important;padding:8px!important}
body.phone-demo-fullscreen #landing-page #product.is-focused .browser-stage,body.phone-demo-fullscreen #landing-page #product.is-focused .browser-board{height:100%!important;width:100%!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;transform:none!important;perspective:none!important;overflow:hidden!important}
body.phone-demo-fullscreen #landing-page #product.is-focused .browser-board{display:block!important;position:relative!important;opacity:1!important}
body.phone-demo-fullscreen #landing-page #product.is-focused .real-window{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;transform:none!important;opacity:1;border-radius:0!important}
body.phone-demo-fullscreen #landing-page #product.is-focused .real-window,body.phone-demo-fullscreen #landing-page #product.is-focused .extension-dock,body.phone-demo-fullscreen #landing-page #product.is-focused .assistant-pane{display:none!important}
body.phone-demo-fullscreen #landing-page #product.is-focused .browser-stage[data-mobile-view=source] .first-window,body.phone-demo-fullscreen #landing-page #product.is-focused .browser-stage[data-mobile-view=extension] .first-window,body.phone-demo-fullscreen #landing-page #product.is-focused .browser-stage[data-mobile-view=follower] .second-window{display:flex!important;flex-direction:column!important}
body.phone-demo-fullscreen #landing-page #product.is-focused .window-body{display:flex!important;flex:1!important;height:auto!important;min-height:0!important;overflow:hidden!important}
body.phone-demo-fullscreen #landing-page #product.is-focused .browser-stage[data-mobile-view=source] .first-window .assistant-pane,body.phone-demo-fullscreen #landing-page #product.is-focused .browser-stage[data-mobile-view=follower] .second-window .assistant-pane,body.phone-demo-fullscreen #landing-page #product.is-focused .browser-stage[data-mobile-view=extension] .extension-dock{display:flex!important;flex-direction:column!important;width:100%!important;height:100%!important;min-height:0!important;flex:1!important;transform:none!important;opacity:1!important;position:relative!important;inset:auto!important}
body.phone-demo-fullscreen #landing-page #product.is-focused .provider-transcript{flex:1!important;min-height:0!important;overflow:auto!important}
body.phone-demo-fullscreen #landing-page #product.is-focused .extension-dock iframe{height:100%!important;width:100%!important;min-height:0!important;flex:1!important}
body.phone-demo-fullscreen #landing-page #product.is-focused .mobile-demo-card-label,body.phone-demo-fullscreen #landing-page #product.is-focused .demo-wire{display:none!important}
body.phone-demo-fullscreen #tour-guide{display:block!important;visibility:visible!important;opacity:1!important;position:fixed!important;left:0!important;top:calc(8px + env(safe-area-inset-top,0px))!important;transform:none!important;z-index:200!important;width:100%!important;height:80px!important;pointer-events:none!important}
body.phone-demo-fullscreen #tour-guide #guide-visual{position:absolute!important;left:4px!important;top:0!important;transform:scale(.28)!important;transform-origin:top left!important}
body.phone-demo-fullscreen #tour-guide #guide-bubble{display:block!important;position:absolute!important;left:65px!important;right:8px!important;top:0!important;width:auto!important;max-width:none!important;max-height:76px!important;min-height:0!important;overflow:auto!important;margin:0!important;transform:none!important;padding:8px!important;font-size:12px!important;pointer-events:auto!important}
body.phone-demo-fullscreen #tour-guide #guide-bubble::before,body.phone-demo-fullscreen #tour-guide #guide-bubble::after{display:none!important}

@media(max-width:650px),(max-width:1000px) and (max-height:500px) and (pointer:coarse){#landing-page #product .browser-stage>.demo-expand.phone-demo-entry{display:flex!important;position:absolute!important;right:8px!important;top:8px!important;z-index:90!important;min-height:44px!important;min-width:88px!important;align-items:center!important;background:#111e!important;color:#fff!important;pointer-events:auto!important}}

body.phone-demo-fullscreen #landing-page #product.is-focused .demo-top,body.phone-demo-fullscreen #landing-page #product.is-focused .demo-mobile-tabs{flex:0 0 44px!important}
body.phone-demo-fullscreen #landing-page #product.is-focused .browser-stage{flex:1 1 0!important;height:auto!important}
body.phone-demo-fullscreen #landing-page #product.is-focused .demo-top>.demo-expand{margin-left:auto!important}

body.phone-demo-fullscreen #landing-page #product.is-focused .demo-top{position:relative!important;inset:auto!important;order:0!important;transform:none!important;visibility:visible!important;opacity:1!important;overflow:visible!important}
body.phone-demo-fullscreen #landing-page #product.is-focused .demo-mobile-tabs{order:1!important}
body.phone-demo-fullscreen #landing-page #product.is-focused .browser-stage{order:2!important}
body.phone-demo-fullscreen #landing-page #product.is-focused .demo-top>.demo-expand{position:absolute!important;right:8px!important;top:0!important;left:auto!important;z-index:100!important;visibility:visible!important;opacity:1!important}

body.phone-demo-fullscreen #landing-page #product.is-focused .demo-top{width:100%!important;min-width:0!important;max-width:none!important}

body.phone-demo-fullscreen #tour-guide{min-width:0!important;max-width:100vw!important;right:0!important}
body.phone-demo-fullscreen #tour-guide #guide-bubble,body.phone-demo-fullscreen #tour-guide #guide-visual{visibility:visible!important;opacity:1!important}
body.phone-demo-fullscreen #landing-page #product.is-focused .demo-top{clip-path:none!important;height:44px!important;pointer-events:auto!important}
body.phone-demo-fullscreen #tour-guide.scroll-story-cyan{z-index:300!important}
body.phone-demo-fullscreen #tour-guide.scroll-story-cyan #guide-bubble{visibility:visible!important;opacity:1!important;clip-path:none!important;display:block!important}
html:has(body.phone-demo-fullscreen){overflow-x:clip!important}
body.phone-demo-fullscreen #tour-guide.scroll-story-cyan[data-story-bubble-anchor=model] #guide-bubble,body.phone-demo-fullscreen #tour-guide.scroll-story-cyan #guide-bubble{left:80px!important;right:auto!important;top:0!important;bottom:auto!important;width:calc(100vw - 88px)!important;min-width:0!important;max-width:calc(100vw - 88px)!important;height:auto!important;box-sizing:border-box!important;max-height:76px!important;display:block!important;text-align:left!important}
body.phone-demo-fullscreen #landing-page #product.is-focused .demo-mobile-tabs{position:relative!important;z-index:110!important;background:#101114!important}
body.phone-demo-fullscreen #landing-page #product.is-focused .demo-top{z-index:110!important;background:#101114!important}
body.phone-demo-fullscreen #landing-page #product.is-focused .browser-stage{position:relative!important;z-index:0!important}

body.phone-demo-fullscreen #landing-page #product.is-focused[data-mobile-fullscreen=true] .browser-stage[data-mobile-view=extension] .first-window .assistant-pane,body.phone-demo-fullscreen #landing-page #product.is-focused[data-mobile-fullscreen=true] .browser-stage[data-mobile-view=source] .extension-dock,body.phone-demo-fullscreen #landing-page #product.is-focused[data-mobile-fullscreen=true] .browser-stage[data-mobile-view=follower] .first-window{display:none!important}
body.phone-demo-fullscreen #landing-page #product.is-focused[data-mobile-fullscreen=true] .browser-stage:not([data-mobile-view=follower]) .second-window{display:none!important}
body.phone-demo-fullscreen #landing-page #product.is-focused .demo-top>.demo-expand{font-size:14px!important;color:#fff!important;background:#202328!important;line-height:1.3!important}
body.phone-demo-fullscreen #landing-page #product.is-focused[data-mobile-fullscreen=true] .browser-stage[data-mobile-view=extension] .extension-dock,body.phone-demo-fullscreen #landing-page #product.is-focused[data-mobile-fullscreen=true] #live-extension{visibility:visible!important;box-sizing:border-box!important;max-width:100%!important}
body.phone-demo-fullscreen #landing-page #product.is-focused .real-window,body.phone-demo-fullscreen #landing-page #product.is-focused .window-body{box-sizing:border-box!important}
body.phone-demo-fullscreen #tour-guide.scroll-story-cyan #guide-bubble .guide-head{display:none!important}
body.phone-demo-fullscreen #tour-guide.scroll-story-cyan #guide-message{margin:0!important;font-size:12px!important;line-height:1.35!important}
body.phone-demo-fullscreen #tour-guide.scroll-story-cyan #guide-action{margin-top:2px!important;min-height:44px!important;font-size:12px!important;line-height:1.2!important}
body.phone-demo-fullscreen #landing-page #product.is-focused{background:#0b0d10!important}
@media(max-width:650px),(max-width:1000px) and (max-height:500px) and (pointer:coarse){#landing-page #product[data-story-prelude=true] .browser-stage>.demo-expand.phone-demo-entry{display:none!important}}
/* Real chat panes need their own opaque surface above the mounted call iframe. */
@media(max-width:650px),(max-width:1000px) and (max-height:500px) and (pointer:coarse){
 #landing-page #product .browser-stage .assistant-pane{background-color:#151519!important}
 #landing-page #product:not([data-mobile-fullscreen=true])[data-scroll-story=active][data-story-view=source] .extension-dock{visibility:hidden!important}
 #landing-page #product:not([data-mobile-fullscreen=true])[data-scroll-story=active][data-story-view=extension] .first-window .assistant-pane{visibility:hidden!important}
}
body.phone-demo-fullscreen #tour-guide #guide-visual{width:270px!important;height:236px!important}