/* Reference landing page. Controls and copy are native HTML; scene backgrounds are decorative artwork. */
html body.workspace-readable.public-auth-open #authModal:not(:has(#securityPanel:not(.hidden))) .auth-story.login-site.cr-home {
  position:fixed!important;inset:0!important;top:0!important;left:0!important;
  width:100vw!important;min-width:0!important;max-width:none!important;
  height:100dvh!important;min-height:0!important;max-height:none!important;
  padding:0!important;margin:0!important;overflow:hidden!important;container-type:normal!important;
  transform:none!important;transform-origin:center!important;
  background:#eef4fa!important;animation:none!important;transition:none!important;isolation:isolate;
  color:#071a55;font-family:"PingFang SC","Microsoft YaHei",sans-serif!important;
}
.cr-home-stage{position:absolute;left:50%;top:50%;width:1753px;height:897px;transform:translate(-50%,-50%) scale(var(--cr-home-scale,1));transform-origin:center}

.cr-home *, .cr-home *::before, .cr-home *::after{box-sizing:border-box}
.cr-home button{font-family:inherit;cursor:pointer;transition:background .2s,box-shadow .2s}
.cr-home button:focus-visible,.cr-home a:focus-visible{outline:3px solid #056bff!important;outline-offset:4px!important}
.cr-office-art{position:absolute;left:50%;top:50%;width:1753px;height:897px;transform:translate(-50%,-50%) scale(var(--cr-art-scale,1));transform-origin:center;pointer-events:none}
.cr-screen{position:absolute;inset:0;width:1753px;height:897px;pointer-events:none}
.cr-office{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none}
.cr-header{position:absolute;z-index:5;left:84px;right:90px;top:calc(20px + var(--cr-header-offset,0px));height:40px;display:flex;align-items:center;justify-content:space-between}
.cr-brand{display:flex;gap:24px;align-items:center;white-space:nowrap}
.cr-brand strong{font-size:30px;font-weight:850;color:#000;letter-spacing:-1px}
.cr-brand i{height:22px;width:1px;background:#4e73bb}
.cr-brand span{font-size:18px;color:#223b79}
.cr-nav{position:absolute;left:460px;display:flex;gap:32px;align-items:center}
.cr-nav button,.cr-nav a{background:none;border:0;padding:8px 0;color:#1a3168;font-size:18px;white-space:nowrap;text-decoration:none}
.cr-nav button:hover,.cr-nav a:hover{color:#0068ff}
.cr-account{display:flex;gap:18px;align-items:center}
.cr-account button{height:40px;border:0;border-radius:24px;font-size:18px;font-weight:650}
.cr-search{display:grid;place-items:center;width:42px;background:none;color:#173577;border-right:1px solid #bfd5f5!important;border-radius:0!important}
.cr-search svg{width:25px;height:25px;stroke:currentColor;stroke-width:1.7;fill:none}
.cr-login{width:112px;background:rgba(255,255,255,.48);color:#0762ff}
.cr-register{width:156px;background:#0060ff;box-shadow:0 5px 17px #0067ed30;color:#fff}
.cr-copy{position:absolute;left:86px;top:190px;z-index:2}
.cr-kicker{margin:0 0 10px;color:#0060ff;font-size:18px;line-height:1.4;letter-spacing:3px}
html body.workspace-readable.public-auth-open #authModal:not(:has(#securityPanel:not(.hidden))) .auth-story.login-site.cr-home .cr-copy h1{font-size:76px!important;line-height:1.1!important;letter-spacing:1px!important;margin:0!important;font-weight:900!important;color:#06134a!important}
html body.workspace-readable.public-auth-open #authModal:not(:has(#securityPanel:not(.hidden))) .auth-story.login-site.cr-home .cr-copy h1 em{font-size:76px!important;font-style:normal!important;color:#0065ff!important;font-weight:900!important}
.cr-description{margin:22px 0 0;color:#14295d;font-size:24px;line-height:1.42;letter-spacing:.2px}
.cr-actions{display:flex;gap:18px;margin-top:8px}
html body.workspace-readable.public-auth-open #authModal:not(:has(#securityPanel:not(.hidden))) .auth-story.login-site.cr-home .cr-actions #authLandingLoginBtn{position:static!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:22px!important;width:242px!important;height:66px!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;border-radius:40px!important;background:#0060ff!important;color:#fff!important;font-size:24px!important;line-height:1!important;font-weight:750!important;box-shadow:0 8px 21px #0065f52b!important;transform:none!important;animation:none!important}
html body #authModal .cr-home #authLandingLoginBtn span{font-size:24px!important;line-height:1!important}
html body #authModal .cr-home #authLandingLoginBtn::before,html body #authModal .cr-home #authLandingLoginBtn::after{content:none!important;display:none!important}
.cr-arrow{font-size:30px;line-height:1;font-weight:400;font-style:normal}
.cr-demo{display:flex;align-items:center;justify-content:center;gap:18px;width:220px;height:66px;border:1px solid #fff;border-radius:40px;background:rgba(255,255,255,.6);box-shadow:0 5px 20px #669eee1a;color:#0a205b;font-size:23px;font-weight:750}
.cr-play{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#0664ff;color:white;font-size:15px;padding-left:2px}
.cr-capabilities{display:flex;gap:25px;align-items:center;position:absolute;left:90px;top:583px;z-index:2;color:#243a7b;font-size:17px}
.cr-capabilities span{display:flex;align-items:center;gap:14px;padding-right:25px;border-right:1px solid #c1dcff;white-space:nowrap}
.cr-capabilities span:last-child{border:0;padding:0}
.cr-capabilities svg{width:30px;height:31px;stroke:#0060ff;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.cr-robot{position:absolute;z-index:3;left:1200px;top:412px;width:250px;height:280px;object-fit:contain;pointer-events:none;animation:cr-robot-float 3.8s ease-in-out infinite;filter:drop-shadow(0 12px 14px #2b84dc25);will-change:transform}
@keyframes cr-robot-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.cr-assistant{position:absolute;z-index:3;left:1456px;top:298px;width:250px;padding:20px 16px 16px;border:1px solid white;border-radius:22px;background:linear-gradient(135deg,#ffffffed,#edf3fbe3);box-shadow:0 9px 28px #256cb924,inset 0 1px 1px #fff;backdrop-filter:blur(13px)}
.cr-assistant header{display:flex;align-items:center;gap:10px;margin-bottom:13px}
.cr-assistant header img{width:44px;height:44px;object-fit:contain;background:#f3faff;border:1px solid #80baff;border-radius:50%;padding:3px}
.cr-assistant header b{display:block;font-size:20px;color:#091d52;line-height:1.25}
.cr-assistant header small{display:flex;align-items:center;gap:5px;margin-top:5px;color:#7894bf;font-size:12px;white-space:nowrap}
.cr-online{display:block;width:8px;height:8px;border-radius:50%;background:#35cf72;box-shadow:0 0 0 2px #dbffe6}
.cr-assistant p{margin:0 0 9px;padding:10px 12px;background:#ffffffac;border-radius:14px;font-size:16px;color:#173372;line-height:1.55;font-weight:600;white-space:nowrap}
.cr-assistant>button{display:flex;justify-content:space-between;align-items:center;gap:5px;width:100%;height:40px;margin-top:7px;padding:0 14px;border:1px solid #ffffffba;border-radius:13px;background:#ffffffc9;color:#253d7b;font-size:15px;text-align:left}
.cr-assistant>button:hover{background:white;box-shadow:0 3px 12px #6598df22}
.cr-scenes{position:absolute;z-index:3;left:62px;right:60px;top:665px;padding:15px 24px 10px;border:1px solid #fff;border-radius:18px;background:rgba(255,255,255,.5);box-shadow:0 10px 25px #4588cf18;backdrop-filter:none}
.cr-scenes header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.cr-scenes h2{margin:0;font-size:20px;line-height:1.4;font-weight:750;color:#0c2156}
.cr-more{background:none;border:0;color:#6586ba;font-size:14px}
.cr-scene-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}
.cr-scene{position:relative;display:block;height:156px;padding:0;border:1px solid #ffffffd9;border-radius:10px;overflow:hidden;isolation:isolate;background:#dfeefa;text-align:left;color:#0a235e;min-width:0}
.cr-scene::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#eaf5fff5 0%,#edf6ffdc 22%,#eaf5ff77 39%,#eaf5ff00 62%)}
.cr-scene:hover{box-shadow:0 5px 18px #3278cf30;border-color:#87b9ff}
.cr-thumb{position:absolute;inset:0;display:block;width:100%;height:100%;background:#e5f0fc}
.cr-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.cr-scene-copy{position:absolute;z-index:2;top:17px;left:16px;max-width:calc(100% - 24px)}
.cr-scene b{display:block;margin:0;font-size:24px;font-weight:750;line-height:1.3;white-space:nowrap;color:#0b2054}
.cr-scene small{display:block;margin-top:7px;font-size:16px;color:#2f487b;line-height:1.5;font-weight:550}
.cr-scene small>span{display:block;white-space:nowrap}
.cr-scene>.cr-chevron{position:absolute;z-index:2;left:16px;bottom:12px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:1px solid #fff;background:#fffffff0;font-size:26px;line-height:1;color:#3865ef;font-weight:400;box-shadow:0 2px 8px #5184c414}
.cr-dialog{position:fixed;z-index:1000;width:min(880px,92vw);max-height:88dvh;padding:32px;border:1px solid #fff;border-radius:22px;color:#173664;background:#f7fbff;box-shadow:0 25px 90px #0b397751;overflow:auto}
.cr-dialog::backdrop{background:#072b5b55;backdrop-filter:blur(8px)}
.cr-dialog h2{font-size:26px;margin:0 45px 14px 0;color:#0b2a60}.cr-dialog p{font-size:16px;line-height:1.7;color:#687f9e}
.cr-dialog-close{position:absolute;right:18px;top:16px;border:0;background:#e7f1ff;color:#35537d;border-radius:50%;width:34px;height:34px;font-size:23px}
.cr-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:20px}
.cr-info-grid article{padding:18px;border:1px solid #dceafb;border-radius:14px;background:#fff}
.cr-info-grid h3{margin:0 0 6px;font-size:18px}.cr-info-grid p{margin:0;font-size:14px}
.cr-info-grid button,.cr-panel-cta{margin-top:12px;border:0;padding:9px 18px;border-radius:18px;background:#0671f7;color:#fff;font-size:14px}
.cr-demo-video{display:block;width:100%;border-radius:12px;background:#082347;margin-top:18px}
.cr-search-input{width:100%;height:46px;padding:0 15px;border:1px solid #c7ddf7;border-radius:12px;background:#fff;font-size:16px;color:#173664}
#authModal.auth-form-open .cr-robot{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.cr-robot{animation:none!important;will-change:auto}.cr-home button{transition:none}}
@media(max-width:760px){
  .cr-home-stage{width:760px;height:1250px}
  .cr-office-art{left:-500px;top:515px;width:1753px;height:897px;transform:scale(.72);transform-origin:0 0;opacity:1}
  .cr-header{left:40px;right:40px;top:calc(32px + var(--cr-header-offset,0px))}.cr-brand strong{font-size:32px}.cr-brand span,.cr-brand i,.cr-nav,.cr-search{display:none}.cr-account{gap:10px}.cr-login{width:95px}.cr-register{width:125px;font-size:17px!important}
  .cr-copy{left:52px;top:145px}.cr-kicker{font-size:20px}.cr-copy h1{font-size:80px}.cr-description{font-size:26px}.cr-actions{margin-top:22px}
  .cr-capabilities{left:52px;top:550px;font-size:17px;gap:16px}.cr-capabilities span{gap:8px;padding-right:16px}.cr-capabilities svg{width:28px}
  .cr-robot{left:375px;top:690px;width:160px;height:190px}.cr-assistant{left:548px;top:680px;width:187px;padding:15px 12px}.cr-assistant header img{width:32px;height:32px}.cr-assistant header b{font-size:17px}.cr-assistant header small{font-size:9px}.cr-assistant p{font-size:13px}.cr-assistant>button{font-size:11px;height:33px;padding:0 8px}
  .cr-scenes{left:34px;right:34px;top:930px;padding:14px}
  .cr-scene-grid{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 0 6px;scrollbar-width:thin;scrollbar-color:#b5d3fa transparent}
  .cr-scene{flex:0 0 326px;height:150px;scroll-snap-align:start}
  .cr-scene-copy{top:12px;left:14px}.cr-scene b{font-size:24px}.cr-scene small{font-size:17px;line-height:1.45;margin-top:5px}
  .cr-scene>.cr-chevron{display:grid;left:14px;bottom:10px;width:28px;height:28px;font-size:25px}
  .cr-info-grid{grid-template-columns:1fr}.cr-dialog{padding:24px}

}

/* Perspective product illustration with independent, readable layer panels. */
.cr-monitor-face{position:absolute;left:0;top:0;width:1000px;height:600px;transform-origin:0 0;transform:matrix3d(0.48562980875561,-0.070023098939699,0,-0.00013953359786639,-0.064333420065483,0.60628266007502,0,-3.4031527136321e-05,0,0,1,0,787,175,0,1);background:#f4f7fa;border-radius:5px;overflow:hidden;font-family:"PingFang SC","Microsoft YaHei",sans-serif;color:#091d48}
.cr-monitor-face *{box-sizing:border-box}
.cr-monitor-face svg{width:23px;height:23px;display:block;flex:none}
.cr-monitor-toolbar{height:62px;padding:0 18px;display:flex;align-items:center;gap:17px;background:#fff;border-bottom:1px solid #e5ebf3;font-size:16px;white-space:nowrap}
.cr-monitor-logo{margin-right:12px;color:#005aff}.cr-monitor-logo svg{width:32px;height:32px;stroke-width:3}
.cr-monitor-toolbar i{width:1px;height:15px;background:#ced7e5}.cr-monitor-toolbar b{font-size:16px;font-weight:700}
.cr-monitor-actions{margin-left:auto;display:flex;align-items:center;gap:22px;color:#345078}
.cr-monitor-export{display:flex;align-items:center;gap:10px;padding:11px 21px;border-radius:7px;background:#005aff;color:#fff;font-size:17px;font-weight:600}.cr-monitor-export svg{width:20px;height:20px}
.cr-monitor-body{height:488px;display:grid;grid-template-columns:58px 550px 1fr;gap:12px;padding:12px 15px 0 0}
.cr-monitor-tools{display:flex;flex-direction:column;align-items:center;gap:29px;padding-top:14px;background:#fff;font-size:26px;color:#0a2254}
.cr-monitor-tools>span{width:40px;height:40px;display:grid;place-items:center}.cr-monitor-tools .is-current{border-radius:5px;background:#e7f1ff;color:#0563ff}
.cr-monitor-result{min-width:0;display:flex;flex-direction:column;gap:8px;padding-bottom:0}
.cr-monitor-result>strong,.cr-monitor-breakdown strong{display:block;font-size:17px;line-height:22px;font-weight:750}
.cr-monitor-result>img{display:block;width:100%;height:446px;object-fit:cover;border:1px solid #dae0e8;border-radius:4px}
.cr-monitor-breakdown{min-width:0;display:flex;flex-direction:column;gap:8px;overflow:hidden}
.cr-monitor-breakdown section{min-width:0}.cr-monitor-breakdown strong{font-size:16px;line-height:20px;margin-bottom:4px}
.cr-checker{background-color:#fff;background-image:conic-gradient(#e6eaf0 25%,transparent 0 50%,#e6eaf0 0 75%,transparent 0);background-size:8px 8px;border:1px solid #cbd5e4;border-radius:3px;overflow:hidden}
.cr-layer-text{height:174px;position:relative;padding:8px 12px;display:flex;align-items:center;flex-direction:column;gap:5px}
.cr-selected{border:1px solid #2783ff;position:relative;line-height:1.1;white-space:nowrap}
.cr-selected::before,.cr-selected::after{content:"";position:absolute;width:4px;height:4px;background:#0574ff;border:1px solid white;top:-3px}.cr-selected::before{left:-3px}.cr-selected::after{right:-3px}
.cr-layer-brand{font-size:20px;font-weight:750;padding:2px 7px}.cr-layer-title{font-size:45px;letter-spacing:1px;padding:1px 8px;font-weight:850}.cr-layer-subtitle{font-size:19px;font-weight:700;padding:2px 7px}
.cr-layer-milestones{display:flex;width:100%;justify-content:space-between;margin-top:auto;padding:3px 0}.cr-layer-milestones span{font-size:18px;font-weight:700;padding:3px}
.cr-layer-shapes{height:155px;position:relative}
.cr-fold{position:absolute;background:linear-gradient(135deg,#c8d6e5,#12365e 45%,#08264b);filter:drop-shadow(0 1px 0 #b39451)}
.cr-fold-one{inset:15px 4px 45px;clip-path:polygon(0 90%,20% 65%,35% 65%,54% 35%,68% 35%,86% 0,100% 0,100% 40%,86% 38%,70% 66%,53% 64%,38% 90%,20% 87%)}
.cr-fold-two{left:12px;right:13px;bottom:25px;height:55px;clip-path:polygon(0 70%,26% 30%,51% 65%,75% 5%,100% 30%,100% 47%,76% 24%,52% 86%,27% 48%,0 90%)}
.cr-layer-photos{position:absolute;right:13px;top:31px;display:flex;align-items:center;gap:4px;transform:skewY(-9deg)}
.cr-layer-photos img{width:62px;height:61px;object-fit:cover;object-position:right;border:2px solid #e5d1a5}
.cr-layer-timeline{position:absolute;left:22px;right:21px;bottom:12px;border-top:2px solid #ba9c6b;display:flex;justify-content:space-between}.cr-layer-timeline i{width:12px;height:12px;background:#fff;border:3px solid #284268;border-radius:50%;margin-top:-7px;box-shadow:0 0 0 1px #ba9c6b}
.cr-layer-background>div{height:90px;overflow:hidden;border:1px solid #d6dce6;border-radius:3px}.cr-layer-background img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.cr-monitor-prompt{position:absolute;bottom:0;left:180px;right:260px;height:44px;display:flex;align-items:center;gap:16px;background:#fff;color:#607394;font-size:16px;padding:0 16px}
.cr-monitor-plus{width:26px;height:26px;border:2px solid #087bff;color:#087bff;border-radius:50%;display:grid;place-items:center;font-size:25px;line-height:1}
.cr-monitor-send{margin-left:auto;padding:8px 24px;border-radius:8px;background:#005aff;color:#fff;font-size:16px}

/* Render desktop cards at native CSS pixel sizes for crisp copy. */
@media(min-width:761px){
  .cr-home>.cr-scenes{left:var(--cr-scenes-left);top:var(--cr-scenes-top);right:auto;width:var(--cr-scenes-width);padding:10px var(--cr-scenes-padding) 9px;transform:none;filter:none;backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(255,255,255,.66)}
  .cr-home>.cr-scenes h2{font-size:var(--cr-scene-heading);line-height:24px;font-weight:750}
  .cr-home>.cr-scenes .cr-more{font-size:14px;color:#42618c}
  .cr-home>.cr-scenes .cr-more span{margin-left:4px}
  .cr-home>.cr-scenes .cr-scene-grid{grid-template-columns:repeat(5,var(--cr-scene-column));gap:var(--cr-scenes-gap)}
  .cr-home>.cr-scenes .cr-scene{height:var(--cr-scene-height);padding:0}
  .cr-home>.cr-scenes .cr-scene-copy{top:var(--cr-scene-inset);left:var(--cr-scene-inset)}
  .cr-home>.cr-scenes .cr-scene b{font-size:var(--cr-scene-title);line-height:1.3;font-weight:750}
  .cr-home>.cr-scenes .cr-scene small{font-size:var(--cr-scene-description);line-height:1.5;margin-top:5px}
  .cr-home>.cr-scenes .cr-chevron{left:var(--cr-scene-inset);bottom:9px;width:var(--cr-scene-arrow);height:var(--cr-scene-arrow);font-size:calc(var(--cr-scene-arrow) - 4px)}
}
@media (min-width: 761px) and (max-width: 1100px){
  .cr-home>.cr-scenes .cr-scene-copy{top:8px;left:8px}
  .cr-home>.cr-scenes .cr-scene b{font-size:13px}
  .cr-home>.cr-scenes .cr-scene small{font-size:10px;line-height:1.35;margin-top:3px}
  .cr-home>.cr-scenes .cr-chevron{left:8px;bottom:6px;width:19px;height:19px;font-size:19px}
}
#authModal .auth-landing-shell:has(>.cr-home)>.site-filing-footer{position:fixed;left:0;right:0;bottom:0;height:30px;padding:0 12px;display:flex;align-items:center;justify-content:center;line-height:20px;background:transparent;color:#435b7c;z-index:20}
@media(min-width:761px){
  .cr-home>.cr-scenes.is-compact{padding-top:8px;padding-bottom:8px}
  .cr-home>.cr-scenes.is-compact header{margin-bottom:6px}
  .cr-home>.cr-scenes.is-compact h2{line-height:22px}
}

body.public-auth-open:has(.cr-home) #authCtaGuide{display:none!important}