.landing-demo[hidden],.landing-demo-ui [hidden],.landing-demo video[hidden],.landing-demo-display[hidden]{display:none!important}
.landing-demo{position:fixed;inset:0;z-index:1;overflow:hidden;pointer-events:none;background:#ede9df}
[data-theme=dark] .landing-demo{background:#0c1417}
.landing-demo-scene{position:absolute;overflow:hidden}
.landing-demo-poster,.landing-demo-camera{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}
.landing-demo-display{position:absolute;overflow:hidden;background:#080d0e;border-radius:1px}
.landing-demo-trailer{width:100%;height:100%;object-fit:contain;background:#080d0e}
.landing-demo-glow{position:absolute;inset:0;background:#c5d8d8;opacity:0;pointer-events:none}
.crt-on .landing-demo-glow{animation:demo-crt-on .55s ease-out}
.crt-off .landing-demo-glow{animation:demo-crt-off .45s ease-out}
@keyframes demo-crt-on{0%{transform:scaleY(.003);opacity:.48}45%{transform:scaleY(.035);opacity:.38}85%{transform:scaleY(1);opacity:.15}100%{opacity:0}}
@keyframes demo-crt-off{0%{opacity:.1}70%{transform:scaleY(.004);opacity:.35}100%{transform:scaleY(.001);opacity:0}}
.landing-demo-ui{position:fixed;inset:0;z-index:var(--z-content,10);pointer-events:none}
/* The quota flyover inherits the dock's fixed stacking context on desktop. */
.unified-landing.hwv-quota-open>.central-dock{z-index:var(--z-detail,110)}
.landing-demo-ui button{pointer-events:auto;min-width:44px;min-height:44px;cursor:pointer;border:1px solid #71868a;border-radius:12px;padding:10px 14px;font:inherit;font-size:13px;line-height:1.3;background:#f5f4eeeF;color:#182629}
[data-theme=dark] .landing-demo-ui button{color:#eef4f2;background:#142326ef;border-color:#71868a}
.unified-landing .landing-demo-ui button.landing-demo-invite{position:absolute;display:grid;place-content:center;padding:8px;border:0!important;border-radius:0;background:none!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;outline:none!important;color:#eef4f2;text-shadow:0 1px 5px #000,0 0 14px #000;font-size:clamp(12px,1vw,16px)}
.unified-landing .landing-demo-ui button.landing-demo-invite::before,.unified-landing .landing-demo-ui button.landing-demo-invite::after{content:none!important;background:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important}
.unified-landing .landing-demo-ui button.landing-demo-invite:focus-visible{outline:2px solid #c8f33d!important;outline-offset:3px}
.landing-demo-fallback{position:absolute;left:16px;top:90px;box-shadow:0 2px 10px #07131d20}
.landing-demo-controls{position:absolute;left:50%;transform:translateX(-50%);display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px;width:min(600px,calc(100% - 24px));pointer-events:auto}
.unified-landing .landing-demo-ui button.landing-demo-icon{width:48px;min-width:48px;height:48px;min-height:48px;padding:10px!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;opacity:0;transition:opacity .2s;color:#14313c;outline:none}
.unified-landing[data-theme=dark] .landing-demo-ui button.landing-demo-icon{color:#eef4f2;background:none!important}
.unified-landing .landing-demo-ui button.landing-demo-icon::before,.unified-landing .landing-demo-ui button.landing-demo-icon::after{content:none!important;background:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important}
.landing-demo-icon svg{display:block;width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.unified-landing .landing-demo-controls[data-revealed=true] button.landing-demo-icon,.unified-landing .landing-demo-controls[data-force-visible=true] button.landing-demo-icon,.unified-landing .landing-demo-controls:has(button:focus-visible) button.landing-demo-icon{opacity:1}
@media(hover:hover){.unified-landing .landing-demo-controls:hover button.landing-demo-icon{opacity:1}}
.unified-landing .landing-demo-ui button.landing-demo-icon:focus-visible{outline:2px solid #c8f33d!important;outline-offset:2px}
.landing-demo-planning{display:none}
.landing-demo-status{margin:0;text-align:center;flex-basis:100%;width:100%;color:#182629;font-size:13px;line-height:1.3;background:#f5f4eeec;border-radius:9px;padding:7px 10px;pointer-events:none}
.landing-demo-status:empty{display:none}[data-theme=dark] .landing-demo-status{background:#142326ef;color:#eef4f2}
.landing-demo-status[data-loading=true]::before{content:'';display:inline-block;width:11px;height:11px;margin-right:8px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;vertical-align:-2px;animation:demo-loading .8s linear infinite}
@keyframes demo-loading{to{transform:rotate(360deg)}}
.landing-demo-active .entry-story,.landing-demo-active .entry-brand{visibility:hidden}
.landing-demo-active .public-landing{z-index:2}
.landing-demo-active .central-dock{z-index:40}
.landing-demo-active .entry-input-stage{position:fixed;bottom:calc(var(--dock-height) + 18px);left:50%;width:min(680px,calc(100% - 32px));margin:0;transform:translateX(-50%)}
.landing-demo-active .entry-input-stage label{background:var(--entry-paper)!important;text-shadow:none!important}
.landing-demo-active .entry-input-stage>[role=status]:not(:empty){max-height:70px;overflow:auto;padding:8px;margin-top:4px}
.landing-demo-active .entry-unknown{max-height:70px;overflow:auto;padding:8px}
/* Landscape cannot fit readable media plus two independent form/navigation
   rows. A direct planning exit preserves both, rather than cropping the movie. */
@media(max-height:540px){.landing-demo-active .entry-input-stage,.landing-demo-active .central-dock{visibility:hidden}.landing-demo-planning{display:block}.landing-demo-controls{align-items:flex-end}.landing-demo-ui button{padding:6px 10px}}
@media(prefers-reduced-motion:reduce){.landing-demo *,.landing-demo-status::before{animation:none!important;transition:none!important}}