/* Founder17:40: taller centered composition using the original floorless scene. */
#landing-page #home.hero{height:max(880px,100svh);min-height:880px;max-height:none}
#landing-page #home .hero-copy{top:34%;width:min(900px,90%);transform:translate(-50%,-50%)}
#landing-page #home .fallback-reflection{display:none!important}
@media(max-width:1000px){
 #landing-page #home .hero-copy{top:33%;width:90%;max-width:680px}
}
@media(max-width:650px){
 #landing-page #home.hero{height:max(880px,100svh);min-height:880px;max-height:none}
 #landing-page #home .hero-copy{top:31%;width:94%;max-width:410px}
}

/* Each original address area stays rendered while its page opens underneath it. */
#landing-page #product[data-scroll-story=active][data-story-layout=continuous] .browser-stage{overflow:clip!important}
#landing-page #product[data-scroll-story=active][data-story-layout=continuous] .browser-board{display:block!important;position:absolute;inset:0;height:100%;overflow:clip}
#landing-page #product[data-scroll-story=active][data-story-layout=continuous] .real-window{position:absolute;display:flex!important;min-height:0!important;transition:none!important}
#landing-page #product[data-scroll-story=active][data-story-layout=continuous] .browser-tabs{height:var(--story-tabs-height)!important;min-height:var(--story-tabs-height)!important;max-height:var(--story-tabs-height)!important}
#landing-page #product[data-scroll-story=active][data-story-layout=continuous] .browser-tab{font-size:var(--story-tab-font)!important;height:calc(var(--story-tabs-height) - 6px)!important;max-width:calc(100% - 75px)}
#landing-page #product[data-scroll-story=active][data-story-layout=continuous] .browser-url{height:var(--story-url-height)!important;min-height:var(--story-url-height)!important;max-height:var(--story-url-height)!important}
#landing-page #product[data-scroll-story=active][data-story-layout=continuous] .url-field{font-size:var(--story-url-font)!important;line-height:1.4;padding-top:3px;padding-bottom:3px}
#landing-page #product[data-scroll-story=active][data-story-layout=continuous] .window-body{visibility:visible!important;flex:none!important;height:var(--story-body-height)!important;min-height:var(--story-body-height)!important;grid-template-columns:minmax(0,1fr) calc(var(--story-panel-width) * var(--story-panel-reveal))!important}
#landing-page #product[data-scroll-story=active][data-story-layout=continuous] .first-window .assistant-pane{display:flex!important}
#landing-page #product[data-scroll-story=active][data-story-layout=continuous] .extension-dock{display:flex!important;width:var(--story-panel-width)!important;min-width:var(--story-panel-width)!important;height:var(--story-body-height)!important;clip-path:inset(0 calc(100% * (1 - var(--story-panel-reveal))) 0 0)}
#landing-page #product[data-scroll-story=active][data-story-layout=continuous] iframe{height:calc(var(--story-body-height) - var(--story-label-height))!important;min-height:0!important;flex:none!important;width:100%!important}
@media(max-width:1000px) and (min-width:651px){
 #landing-page #product[data-scroll-story=active][data-story-layout=continuous] .first-window .window-body{grid-template-columns:minmax(0,1fr) calc(var(--story-panel-width) * var(--story-panel-reveal))!important}
}
@media(max-width:650px){
 #landing-page #product[data-scroll-story=active][data-story-layout=continuous] .first-window .window-body{display:grid!important;grid-template-columns:1fr!important;position:relative}
 #landing-page #product[data-scroll-story=active][data-story-layout=continuous] .first-window .assistant-pane,
 #landing-page #product[data-scroll-story=active][data-story-layout=continuous] .extension-dock{grid-area:1 / 1;width:100%!important}
 #landing-page #product[data-scroll-story=active][data-story-layout=continuous] .first-window .assistant-pane{opacity:var(--story-source-opacity)}
 #landing-page #product[data-scroll-story=active][data-story-layout=continuous][data-story-view=source] .extension-dock{visibility:hidden}
 #landing-page #product[data-scroll-story=active][data-story-layout=continuous] .browser-url{gap:6px;padding-left:5px;padding-right:5px}
 #landing-page #product[data-scroll-story=active][data-story-layout=continuous] .url-field{padding-left:7px;padding-right:7px}
}

#landing-page #product[data-scroll-story=active][data-story-layout=continuous] .extension-label{height:var(--story-label-height)!important;min-height:var(--story-label-height)!important;flex:none}
@media(max-width:360px){#tour-guide.scroll-story-cyan.introducing #guide-bubble{top:79px!important}}
@media(max-height:500px) and (min-width:651px){
 #landing-page #product[data-scroll-story=active]{padding:0!important}
 #landing-page #product[data-scroll-story=active] .demo-sticky{gap:6px}
 #landing-page #product[data-scroll-story=active] .demo-top{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 #landing-page #product .scroll-story-copy h3{font-size:15px;margin:2px 0}
 #landing-page #product .scroll-story-copy p{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 #landing-page #product .scroll-story-position{font-size:9px}
 #landing-page #product .scroll-story-controls button{min-width:36px;min-height:36px;padding:5px 8px;font-size:11px}
 #landing-page #product[data-scroll-story=active][data-story-layout=continuous] .browser-stage{margin-right:0!important}
 #landing-page #product[data-scroll-story=active] .scroll-story-guide-space{position:absolute;right:0;top:auto;bottom:12px;width:100%;height:88px}
 #landing-page #product[data-scroll-story=active] .demo-script-note{padding-left:0;font-size:10px;min-height:15px}
 #tour-guide.scroll-story-cyan:not(.introducing) #guide-bubble{left:-187px!important;right:auto!important;top:48px!important;bottom:auto!important;width:210px!important;max-height:110px!important}
 #tour-guide.scroll-story-cyan:not(.introducing) #guide-bubble p{font-size:11px}
}
@media(max-height:500px) and (min-width:651px) and (max-width:1000px){
 #landing-page #product[data-scroll-story=active][data-story-layout=continuous] .first-window .window-body{display:grid!important;grid-template-columns:1fr!important;position:relative}
 #landing-page #product[data-scroll-story=active][data-story-layout=continuous] .first-window .assistant-pane,
 #landing-page #product[data-scroll-story=active][data-story-layout=continuous] .extension-dock{grid-area:1 / 1;width:100%!important}
 #landing-page #product[data-scroll-story=active][data-story-layout=continuous] .first-window .assistant-pane{opacity:var(--story-source-opacity)}
 #landing-page #product[data-scroll-story=active][data-story-layout=continuous][data-story-view=source] .extension-dock{visibility:hidden}
}

/* Clamp the original speech card throughout intro-to-guide travel, not just at rest. */
#tour-guide.scroll-story-cyan.introducing #guide-bubble,
#tour-guide.scroll-story-cyan:not(.introducing) #guide-bubble{left:var(--story-bubble-left)!important;right:auto!important;top:var(--story-bubble-top)!important;bottom:auto!important;transform:none!important}

/* At the top, hide immediately rather than fading a previous guide pose. */
#tour-guide[aria-hidden="true"],#tour-guide[aria-hidden="true"] #guide-visual,#tour-guide[aria-hidden="true"] #guide-bubble{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:none!important}

/* Mobile story speech uses the companion's rendered bounds in every scene.
   Stage/character positioning stays owned by the scene; no competing offsets. */
@media(max-width:650px),(max-width:1000px) and (max-height:500px){
 body:has(#product[data-scroll-story=active]) #tour-guide.scroll-story-cyan[data-story-bubble-anchor=model] #guide-bubble{
  width:var(--story-bubble-width)!important;max-width:none!important;max-height:none!important;
  left:var(--story-bubble-left)!important;top:var(--story-bubble-top)!important;
  right:auto!important;bottom:auto!important;transform:none!important;
  box-sizing:border-box;overflow:visible!important;padding:8px 10px!important;
  transition:none!important;text-align:left;display:grid!important;
  grid-template-columns:minmax(0,1fr) 82px 44px;gap:8px;align-items:center;
 }
 #tour-guide.scroll-story-cyan[data-story-bubble-anchor=model] #guide-bubble .guide-head{
  position:static!important;grid-column:3;grid-row:1;margin:0;padding:0!important;
 }
 #tour-guide.scroll-story-cyan[data-story-bubble-anchor=model] .guide-head>span{display:none}
 #tour-guide.scroll-story-cyan[data-story-bubble-anchor=model] #guide-message{
  grid-column:1;grid-row:1;margin:0!important;font-size:13px!important;line-height:1.4!important;
  max-height:calc(var(--story-bubble-max-height) - 18px);overflow-y:auto;
  overflow-wrap:anywhere;overscroll-behavior:contain;
 }
 body:has(#product[data-scroll-story=active]) #tour-guide.scroll-story-cyan[data-story-bubble-anchor=model] #guide-bubble .guide-action{grid-column:2;grid-row:1;width:82px;min-height:44px;padding:0!important;font-size:12px;line-height:1.3}
 #tour-guide.scroll-story-cyan[data-story-bubble-anchor=model] #guide-dismiss{position:static!important;min-width:44px;width:44px;min-height:44px;height:44px;padding:0!important}
 #tour-guide.scroll-story-cyan[data-story-bubble-anchor=model] #guide-bubble::after{
  content:"";display:block!important;position:absolute;width:10px;height:10px;
  left:calc(var(--story-tail-x) - 5px)!important;top:auto!important;right:auto!important;bottom:-6px!important;
  background:#18181e;transform:rotate(45deg)!important;border:0;border-right:1px solid #ffffff26;border-bottom:1px solid #ffffff26;
  pointer-events:none;
 }
 #tour-guide.scroll-story-cyan[data-story-bubble-side=below] #guide-bubble::after{top:-6px!important;bottom:auto!important;transform:rotate(225deg)!important}
 #tour-guide.scroll-story-cyan[data-story-bubble-side=left] #guide-bubble::after{left:auto!important;right:-6px!important;top:calc(var(--story-tail-y) - 5px)!important;bottom:auto!important;transform:rotate(-45deg)!important}
 #tour-guide.scroll-story-cyan[data-story-bubble-side=right] #guide-bubble::after{left:-6px!important;top:calc(var(--story-tail-y) - 5px)!important;bottom:auto!important;transform:rotate(135deg)!important}
}