/* The approved characters meet the actual product frame, without a film wrapper. */
.landing-demo{box-sizing:border-box;display:block;position:relative;width:100%;max-width:1680px;margin:0 auto;padding:clamp(88px,8.6vw,144px) clamp(18px,12vw,180px) 0;color:#36584b}
.landing-demo-stage{--landing-demo-radius:18px;--landing-demo-top-width:20%;--landing-demo-top-x:77%;--landing-demo-left-width:14.5%;--landing-demo-right-width:18.4%;position:relative;width:100%;aspect-ratio:1780/950;isolation:isolate}
.landing-demo-stage::before{content:"";position:absolute;inset:-1px;z-index:0;border:1px solid #dce5df;border-radius:var(--landing-demo-radius);box-shadow:0 16px 48px #123d3610;pointer-events:none}
.landing-demo-frame{position:absolute;inset:0;z-index:2;overflow:hidden;border-radius:var(--landing-demo-radius);background:#fff}
.landing-demo-video{display:block;width:100%;height:100%;object-fit:contain;background:#fff;pointer-events:none;user-select:none}
.landing-demo-character{position:absolute;line-height:0;pointer-events:none;user-select:none}
.landing-demo-character>img{display:block;width:100%;height:auto;pointer-events:none;user-select:none}
.landing-demo-character--back{z-index:1}
.landing-demo-character--top{width:var(--landing-demo-top-width);left:var(--landing-demo-top-x);top:0;transform:translate(-50%,-72.3%)}
.landing-demo-character--left{width:var(--landing-demo-left-width);left:0;top:66%;transform:translate(-55.3%,-50%)}
.landing-demo-character--right{width:var(--landing-demo-right-width);left:100%;top:42%;transform:translate(-25.13%,-50%)}
.landing-demo-character--right>img,.landing-demo-character--right>.landing-demo-eye-layer{transform-origin:48.743% 25.042%;transform:rotate(10deg)}
.landing-demo-foreground{position:absolute;inset:0;z-index:3;overflow:hidden;border-radius:var(--landing-demo-radius);pointer-events:none}
.landing-demo-foreground .landing-demo-character{z-index:0}
.landing-demo-foreground .landing-demo-character--right{display:none}
.landing-demo-masks{position:absolute;overflow:hidden;pointer-events:none}
.landing-demo-eye-layer{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:visible;opacity:0;pointer-events:none;user-select:none}
.landing-demo-caption{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}
.landing-demo-caption-text{margin:0}
.landing-demo button:focus-visible{outline:2px solid #267b60;outline-offset:4px}
.landing-demo-recovery{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px;text-align:center;pointer-events:none}
.landing-demo-recovery[hidden]{display:none}
.landing-demo-recovery-message{max-width:30ch;margin:0;color:#36584b;font-size:14px;line-height:1.5;text-shadow:0 1px #fff}
.landing-demo-recovery-button{display:grid;place-items:center;flex:none;width:56px;height:56px;min-height:0;padding:0;border:1px solid #ffffff47;border-radius:50%;background:rgba(64,64,64,.55);box-shadow:0 2px 10px #00000026;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#fff;cursor:pointer;pointer-events:auto;transition:background .16s ease}
.landing-demo-recovery-button:hover{background:rgba(64,64,64,.7)}
.landing-demo-recovery-button svg{display:block;width:20px;height:20px;fill:currentColor}
.landing-demo-recovery-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}
.landing-demo .landing-demo-recovery-button:focus-visible{outline:2px solid #fff;outline-offset:3px;box-shadow:0 0 0 5px #40404099}
@media(max-width:1250px){.landing-demo{padding-inline:clamp(18px,12vw,150px)}.landing-demo-stage{--landing-demo-top-width:21%}}
@media(max-width:850px){.landing-demo{padding-top:110px;padding-inline:clamp(18px,12vw,110px)}.landing-demo-stage{--landing-demo-top-width:23%;--landing-demo-radius:15px}}
@media(max-width:520px){.landing-demo{padding:80px 18px 0}.landing-demo-stage{--landing-demo-top-width:29%;--landing-demo-top-x:75%;--landing-demo-radius:11px}.landing-demo-character--left,.landing-demo-character--right{display:none}.landing-demo-recovery-message{font-size:12px}.landing-demo-recovery-button{width:48px;height:48px}}
@media(prefers-reduced-motion:reduce){.landing-demo-eye-layer{opacity:0!important}.landing-demo-recovery-button{transition:none}}
@media(forced-colors:active){.landing-demo-recovery-button{background:ButtonFace;color:ButtonText;border-color:ButtonText;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.landing-demo .landing-demo-recovery-button:focus-visible{outline-color:Highlight;box-shadow:none}}