.demo-banner{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:16px;height:40px;padding:0 22px;background:#e8f1ea;border-bottom:1px solid #cdded2;color:#355b47;font-size:12px}.demo-experience [data-demo-real-only]{display:none}.demo-banner>span{font-weight:700}.demo-banner>small{color:#64816f}.demo-banner>a{display:inline-flex;flex-shrink:0;align-items:center;gap:8px;height:32px;margin-left:auto;padding:0 10px;border-radius:8px;background:#245844;color:#fff;font-size:14px;line-height:20px;font-weight:650;white-space:nowrap;text-decoration:none}.demo-banner>a>svg{flex-shrink:0;width:16px;height:16px}.demo-banner>a:hover{filter:brightness(1.06)}.demo-banner>a:focus-visible{outline:2px solid #245844;outline-offset:2px}.demo-banner .demo-free-tag{padding:2px 8px;border-radius:999px;background:#f2d58a;color:#123c33;font-size:12px;line-height:18px;font-weight:600}.demo-experience .sidebar{top:40px}.demo-experience .companion-workspace{--scene-header:40px}.demo-experience .workspace{min-height:calc(100dvh - 40px)}@media(min-width:768px){.demo-experience .companion-scene>.companion-portrait{z-index:0}.demo-experience .companion-scene>.conversation{z-index:1;transform:translateZ(0)}.demo-experience .workspace-main:has(.task-workspace){min-height:calc(100dvh - 40px)}.demo-experience .task-workspace{height:calc(100dvh - 40px)}.demo-experience .calendar-hour time{white-space:nowrap}}@media(min-width:768px)and (max-width:1023px){.demo-experience .workspace-main:has(.task-workspace){min-height:calc(100dvh - 106px)}.demo-experience .task-workspace{height:calc(100dvh - 106px)}}@media(max-width:767px){body .demo-experience .mobile-task-workspace>.page-heading a[href="/demo/app/reviews"]{display:none}.demo-banner{padding:0 12px;gap:8px}.demo-banner>small{display:none}.demo-banner>span{min-width:0;line-height:14px}.demo-banner>a{gap:6px;padding-inline:8px;font-size:13px}.demo-banner>a>svg{width:14px;height:14px}.demo-banner .demo-free-tag{padding-inline:6px;font-size:11px;line-height:16px}body .demo-experience .miniapp-header{top:40px}body .demo-experience .mobile-task-tabs{top:84px}body .demo-experience .companion-scene.mobile-chat-home{height:calc(100dvh - 40px - var(--scene-footer))}body .demo-experience .mobile-chat-room,body .demo-experience .mobile-chat-room .conversation{height:calc(var(--mp-visible-height,100dvh) - 40px)}body .demo-experience .mp-council-room{height:calc(100dvh - 40px)}}@media(max-width:389px){.demo-banner>span{max-width:62px;font-size:11px}}