/* Blend customer footage into logged-out brand illustrations; workspace heroes are independent. */
.motion-wrap.jc-login-video-wrap::before{display:none!important}
.motion-wrap.jc-login-video-wrap{max-width:620px;pointer-events:none;overflow:visible!important;margin:8px auto 14px}
#login-motion.jc-login-video-stage{width:100%!important;height:auto!important;aspect-ratio:16/9!important;position:relative!important;inset:auto!important;translate:none!important;isolation:isolate}
.jc-login-video-stage{border:0!important;border-radius:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;overflow:visible!important;pointer-events:none}
.jc-login-video-stage::before{content:"";position:absolute;inset:-8% -4% -3%;z-index:0;background:radial-gradient(ellipse at 50% 54%,#d1e8f84a 0%,#e4edff24 48%,transparent 73%);pointer-events:none}
.jc-login-video-stage::after{display:none!important}
.jc-login-video-stage>.jc-login-video,.jc-login-video-stage>.jc-login-video-poster{
 display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;position:absolute!important;inset:0!important;z-index:1;border:0!important;border-radius:0!important;box-shadow:none!important;outline:0!important;visibility:visible!important;opacity:1!important;animation:none!important;transition:none!important;
 filter:brightness(1.045) saturate(.96)!important;
 -webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.28) 5%,rgba(0,0,0,.8) 13%,#000 22%,#000 78%,rgba(0,0,0,.8) 87%,rgba(0,0,0,.28) 95%,transparent 100%),linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.26) 6%,rgba(0,0,0,.84) 16%,#000 25%,#000 74%,rgba(0,0,0,.82) 84%,rgba(0,0,0,.26) 94%,transparent 100%);
 mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.28) 5%,rgba(0,0,0,.8) 13%,#000 22%,#000 78%,rgba(0,0,0,.8) 87%,rgba(0,0,0,.28) 95%,transparent 100%),linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.26) 6%,rgba(0,0,0,.84) 16%,#000 25%,#000 74%,rgba(0,0,0,.82) 84%,rgba(0,0,0,.26) 94%,transparent 100%);
 -webkit-mask-composite:source-in;mask-composite:intersect;
 -webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
}
#junchi-mode-motion.jc-login-video-stage{aspect-ratio:16/9!important}
.m-login-hero.jc-login-video-stage{position:relative;height:auto!important;min-height:0!important;aspect-ratio:16/9!important;margin:12px 0 22px!important}
.m-login-hero.jc-login-video-stage::before{display:block!important}
@media(max-width:900px){.motion-wrap.jc-login-video-wrap{height:auto!important;max-width:360px!important;margin:12px auto 20px!important}.motion-wrap.jc-login-video-wrap #login-motion{left:auto!important;top:auto!important;translate:none!important}}
#trialLoginBox .web-motion-host:has(.jc-login-video-stage),.bw-activation-gate .web-motion-host:has(.jc-login-video-stage){height:auto!important;aspect-ratio:16/9!important;overflow:visible!important}
#trialLoginBox .web-motion-host #login-motion.jc-login-video-stage,.bw-activation-gate .web-motion-host #login-motion.jc-login-video-stage{position:relative!important;width:100%!important;height:100%!important;left:auto!important;top:auto!important;translate:none!important}

/* Edition selection: keep the video box at its real ratio, with no surrounding panel. */
body[data-junchi] #modeSelect{padding:108px max(32px,5vw) 76px!important;overflow-x:hidden!important;overflow-y:auto!important;background:radial-gradient(ellipse at 17% 44%,#dcecfb80,transparent 53%),radial-gradient(ellipse at 86% 78%,#eae7ff55,transparent 47%),#f5f9ff!important}
body[data-junchi] #modeSelect::before,body[data-junchi] #modeSelect::after{display:none!important}
body[data-junchi] #modeSelect .mode-card{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)!important;column-gap:48px!important;row-gap:12px!important;align-items:start!important;width:min(1160px,100%)!important;max-width:1160px!important;min-height:0!important;height:auto!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;overflow:visible!important;animation:none!important}
body[data-junchi] #modeSelect .mode-card::before{display:none!important}
body[data-junchi] #modeSelect #junchi-mode-motion.jc-login-video-stage{grid-column:1!important;grid-row:1 / 6!important;align-self:center!important;justify-self:center!important;position:relative!important;left:auto!important;top:auto!important;inset:auto!important;translate:none!important;width:100%!important;max-width:580px!important;height:auto!important;min-height:0!important;aspect-ratio:16/9!important;overflow:visible!important;border-radius:0!important}
body[data-junchi] #modeSelect .mode-eyebrow{grid-column:2;grid-row:1;font-size:11px!important;letter-spacing:2.5px!important;margin:0!important;color:#796cbb!important}
body[data-junchi] #modeSelect .mode-card h1{grid-column:2;grid-row:2;margin:4px 0 2px!important;font-size:36px!important;line-height:1.25!important;letter-spacing:0!important;font-weight:600!important;color:#0c3054!important}
body[data-junchi] #modeSelect .mode-card>p{grid-column:2;grid-row:3;margin:0 0 12px!important;max-width:480px!important;font-size:14px!important;line-height:1.85!important;color:#6b809c!important}
body[data-junchi] #modeSelect .mode-grid{grid-column:2;grid-row:4;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
body[data-junchi] #modeSelect .mode-option{min-height:176px!important;padding:22px 20px!important;border:1px solid #dce5f2!important;border-radius:16px!important;background:#ffffffb8!important;box-shadow:0 8px 24px #476ca807!important;transition:transform .2s,border-color .2s,box-shadow .2s!important}
body[data-junchi] #modeSelect .mode-option::before,body[data-junchi] #modeSelect .mode-option::after{display:none!important}
body[data-junchi] #modeSelect .mode-option b{margin:0 0 10px!important;font-size:20px!important;line-height:1.4!important;letter-spacing:0!important;color:#294a74!important}
body[data-junchi] #modeSelect .mode-option span{font-size:13px!important;line-height:1.8!important;color:#72839e!important}
body[data-junchi] #modeSelect .mode-option em{margin-top:20px!important;font-size:13px!important;letter-spacing:0!important;white-space:nowrap!important;color:#7563d7!important}
body[data-junchi] #modeSelect .mode-option:hover{transform:translateY(-2px)!important;border-color:#bcb5eb!important;box-shadow:0 10px 26px #6c63ba12!important}
body[data-junchi] #modeSelect .mode-option:focus-visible{outline:2px solid #7563d7!important;outline-offset:4px!important}
body[data-junchi] #modeSelect .mode-status{grid-column:2;grid-row:5;margin:0!important;min-height:0!important}
body[data-junchi] #modeSelect .mode-status:empty{display:none!important}
body[data-junchi] #modeSelect .mode-brand{top:30px!important;left:max(32px,5vw)!important;font-size:14px!important;letter-spacing:0!important}
body[data-junchi] #modeSelect .mode-build{bottom:22px!important;right:max(32px,5vw)!important;font-size:11px!important;letter-spacing:.5px!important}
@media(max-width:1000px){
 body[data-junchi] #modeSelect{padding:88px 28px 64px!important}
 body[data-junchi] #modeSelect .mode-card{max-width:600px!important;grid-template-columns:minmax(0,1fr)!important;row-gap:10px!important}
 body[data-junchi] #modeSelect #junchi-mode-motion.jc-login-video-stage{grid-column:1!important;grid-row:1!important;max-width:420px!important;margin:0 auto 8px!important}
 body[data-junchi] #modeSelect .mode-eyebrow{grid-column:1;grid-row:2}
 body[data-junchi] #modeSelect .mode-card h1{grid-column:1;grid-row:3;font-size:30px!important}
 body[data-junchi] #modeSelect .mode-card>p{grid-column:1;grid-row:4;max-width:none!important}
 body[data-junchi] #modeSelect .mode-grid{grid-column:1;grid-row:5}
 body[data-junchi] #modeSelect .mode-status{grid-column:1;grid-row:6}
}
@media(max-width:600px){
 body[data-junchi] #modeSelect{padding:76px 22px 62px!important;place-items:start center!important}
 body[data-junchi] #modeSelect .mode-grid{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
 body[data-junchi] #modeSelect .mode-option{min-height:0!important;padding:18px 20px!important}
 body[data-junchi] #modeSelect .mode-option b{font-size:18px!important;margin-bottom:6px!important}
 body[data-junchi] #modeSelect .mode-option em{margin-top:12px!important}
 body[data-junchi] #modeSelect .mode-brand{top:24px!important;left:22px!important;font-size:13px!important}
 body[data-junchi] #modeSelect .mode-build{position:static!important;justify-self:end!important;margin-top:28px!important;font-size:10px!important}
}
@media(max-height:650px) and (min-width:1001px){body[data-junchi] #modeSelect{padding-top:88px!important;padding-bottom:60px!important;place-items:start center!important}}

/* The customer's footage shares the hero background through a feathered alpha mask. */
body[data-junchi] #panel-home .home-hero-art .jc-assistant-motion.jc-login-video-stage{position:absolute!important;inset:auto 0!important;top:50%!important;transform:translateY(-50%)!important;width:100%!important;height:auto!important;aspect-ratio:16/9!important;overflow:visible!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;opacity:1!important;pointer-events:none!important}
body[data-junchi] #panel-home .home-hero-art:has(.jc-login-video-stage) .home-hero-robot-holder,body[data-junchi] #panel-home .home-hero-art:has(.jc-login-video-stage)>.home-hero-glow{display:none!important}
body[data-junchi] #panel-home .jc-login-video-stage::before{inset:-14% -8%;background:radial-gradient(ellipse,#cde8ff66,transparent 68%)}
body[data-mobile-app] #mobileApp .m-hero:has(.m-home-video){min-height:340px!important}
body[data-mobile-app] #mobileApp .m-hero-copy:has(+.m-home-video){position:relative;z-index:3;max-width:60%;pointer-events:none}
body[data-mobile-app] #mobileApp .m-hero-copy:has(+.m-home-video) button{pointer-events:auto}
body[data-mobile-app] #mobileApp .m-home-video.jc-login-video-stage{position:absolute!important;right:-52px!important;top:58px!important;bottom:auto!important;left:auto!important;width:310px!important;height:auto!important;aspect-ratio:16/9!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;overflow:visible!important;z-index:1;pointer-events:none}
body[data-mobile-app] #mobileApp .m-home-video.jc-login-video-stage>.jc-login-video,body[data-mobile-app] #mobileApp .m-home-video.jc-login-video-stage>.jc-login-video-poster{animation:none!important;visibility:visible!important;opacity:1!important;width:100%!important;height:100%!important;object-fit:contain!important}
body[data-junchi] #panel-home .jc-login-video-stage>video,body[data-junchi] #panel-home .jc-login-video-stage>.jc-login-video-poster,body[data-mobile-app] #mobileApp .m-home-video>video,body[data-mobile-app] #mobileApp .m-home-video>.jc-login-video-poster{-webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 52%,#000 24%,rgba(0,0,0,.94) 42%,rgba(0,0,0,.55) 64%,transparent 84%)!important;mask-image:radial-gradient(ellipse 50% 50% at 50% 52%,#000 24%,rgba(0,0,0,.94) 42%,rgba(0,0,0,.55) 64%,transparent 84%)!important}
@media(max-width:370px){body[data-mobile-app] #mobileApp .m-home-video.jc-login-video-stage{width:270px!important;right:-66px!important;top:78px!important}body[data-mobile-app] #mobileApp .m-hero-copy:has(+.m-home-video){max-width:66%}}
.jc-account-key-state{padding:20px;margin:20px 0;border:1px solid #d9e5f3;border-radius:16px;background:#f7faff;color:#49617e}
.jc-account-key-state h3{margin:0 0 10px}.jc-account-key-state p{line-height:1.8;margin:8px 0}.jc-account-key-state output{display:block;line-height:1.8;margin-bottom:12px;white-space:normal}.jc-account-key-state button{margin-top:8px}