.desktop-rail,.context-panel,.ambient,.customer-demo-welcome,.customer-demo-banner a,.referral-tool,[data-view="referral"]{display:none!important}.app-shell{display:block!important;margin:0!important;border:0!important;border-radius:0!important;min-height:100vh!important;width:100%!important}.phone-stage,.mobile-app{width:100%!important;max-width:100%!important;margin:0!important}.demo-preview-label{font-size:11px!important;background:#102a29!important}body{background:#faf9f6!important}.geni-motion-toggle{display:none!important}video{object-fit:contain}.bottom-nav{position:sticky!important;bottom:0}.landing-voice-demo{padding:18px;background:#f0eafe;border-radius:18px;margin:12px;font:14px/1.6 Arial}.landing-voice-demo button{padding:10px;background:#fff;border:1px solid #ccc;border-radius:8px} @media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}/* A bounded phone viewport: only the app content scrolls. */
html,body{height:100%!important;min-height:0!important;overflow:hidden!important}
body{display:flex!important;flex-direction:column!important;margin:0!important}
.demo-preview-label{position:relative!important;flex:0 0 auto;line-height:16px!important;padding:5px 10px!important;font-size:10px!important;text-align:center}
.app-shell{flex:1 1 0!important;height:0!important;min-height:0!important;overflow:hidden!important;padding:0!important}
.phone-stage{height:100%!important;min-height:0!important;padding:0!important;overflow:hidden!important}
.mobile-app{display:flex!important;flex-direction:column!important;height:100%!important;min-height:0!important;max-height:100%!important;padding:0!important;overflow:hidden!important;border:0!important;border-radius:0!important}
.topbar{position:relative!important;flex:0 0 64px!important;height:64px!important;padding:10px 18px!important}
.content{flex:1 1 0!important;height:0!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important;padding:0 16px 24px!important;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c8d1ce transparent;-webkit-overflow-scrolling:touch}
.bottom-nav:not([hidden]){position:relative!important;inset:auto!important;transform:none!important;display:grid!important;flex:0 0 78px!important;width:100%!important;height:78px!important;min-height:78px!important;margin:0!important;padding:6px 4px 10px!important;z-index:30!important;border-top:1px solid #dce4df!important;background:#fff!important}
.bottom-nav button{min-width:0!important;min-height:44px!important;border-radius:12px!important;gap:4px!important}
.bottom-nav button.active{background:#fff3e8!important;color:#b95716!important}
.bottom-nav button span{font-size:21px!important;line-height:1!important}
.bottom-nav button em{font-size:11px!important;line-height:1.25!important;white-space:normal!important}
.genie-fab{bottom:90px!important}
/* Compact, readable controls at real handset widths; no browser-like scroll rails. */
.content{scrollbar-width:none!important;scroll-padding-block:12px}
.content::-webkit-scrollbar{display:none}
.topbar{flex-basis:58px!important;height:58px!important;padding:8px 12px!important}
.bottom-nav:not([hidden]){flex-basis:72px!important;height:72px!important;min-height:72px!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;padding:5px 3px 7px!important}
.bottom-nav button em{font-size:clamp(10px,2.8vw,12px)!important;overflow-wrap:anywhere}
@media(max-width:420px){.content{padding:0 12px 20px!important}.bottom-nav button{padding-inline:2px!important}.demo-preview-label{font-size:9px!important;line-height:14px!important;padding:4px 8px!important}}