/* Geometry follows the approved 814px-wide full-page concept. Artwork regions are
   sampled from the approved original; all headings, inputs and actions are native. */
html body.workspace-readable.public-auth-open #authModal:not(:has(#securityPanel:not(.hidden))) .auth-story.login-site.cr-home.cl-home{display:block!important;background:#fafafa!important;color:#111!important;overflow-x:hidden!important;overflow-y:auto!important;scroll-behavior:smooth;scrollbar-gutter:stable}
.cl-home{--u:calc(100vw / 814);--cl-blue:#065dff;--cl-muted:#7c8190;font-family:"PingFang SC","Microsoft YaHei",sans-serif!important}
html body.workspace-readable.public-auth-open #authModal:not(:has(#securityPanel:not(.hidden))) .auth-story.login-site.cr-home.cl-home::before,
html body.workspace-readable.public-auth-open #authModal:not(:has(#securityPanel:not(.hidden))) .auth-story.login-site.cr-home.cl-home::after{content:none!important;display:none!important}
.cl-home h1,.cl-home h2,.cl-home h3,.cl-home p{padding:0;letter-spacing:normal;text-shadow:none}
.cl-header{display:flex;align-items:center;justify-content:space-between;height:calc(56 * var(--u));padding:0 calc(36 * var(--u));position:relative;z-index:2;background:#fafafa}
.cl-brand{display:flex;align-items:center;gap:calc(6 * var(--u));color:#111;text-decoration:none;white-space:nowrap}
.cl-brand img{display:block;object-fit:contain;width:calc(36 * var(--u));height:calc(36 * var(--u))}.cl-brand strong{font-size:calc(18 * var(--u));font-weight:700}
.cl-home .cl-button{display:inline-flex;align-items:center;justify-content:center;height:calc(29 * var(--u));min-height:0;padding:0 calc(25 * var(--u));border:0;border-radius:999px;background:var(--cl-blue);color:#fff;font-family:inherit;font-size:calc(12 * var(--u));font-weight:550;line-height:1;box-shadow:none;white-space:nowrap;text-decoration:none;cursor:pointer}
.cl-home .cl-button:hover{background:#004cda}.cl-home .cl-button:disabled{opacity:.65;cursor:wait}.cl-home .cl-login{height:calc(28 * var(--u));font-size:calc(10 * var(--u));padding:0 calc(20 * var(--u))}
.cl-hero{padding:calc(20 * var(--u)) calc(22 * var(--u)) 0;text-align:center}
html body.workspace-readable.public-auth-open #authModal:not(:has(#securityPanel:not(.hidden))) .cl-home h1{display:block!important;width:auto!important;max-width:none!important;margin:0!important;padding:0!important;font-size:calc(40 * var(--u))!important;line-height:1.4!important;font-weight:750!important;color:#111!important;-webkit-text-stroke:0!important;letter-spacing:-.055em!important;white-space:nowrap;text-align:center!important}
.cl-word-window{display:inline-block;vertical-align:bottom;height:1.4em;width:2.35em;overflow:hidden;text-align:center;border-bottom:calc(2 * var(--u)) solid #111}
#clRotatingWord{display:block;color:#111;will-change:transform,opacity;transition:transform .2s ease,opacity .2s ease;letter-spacing:-.07em}
#clRotatingWord.cl-leaving{transform:translateY(-100%);opacity:0}#clRotatingWord.cl-entering{transform:translateY(100%);opacity:0;transition:none}
.cl-home .cl-description{margin:calc(8 * var(--u)) 0 0;color:var(--cl-muted);font-size:calc(14 * var(--u));line-height:calc(22 * var(--u))}
.cl-home .cl-prompt{display:flex;align-items:center;gap:calc(10 * var(--u));width:calc(602 * var(--u));max-width:100%;height:calc(43 * var(--u));margin:calc(13 * var(--u)) auto 0;padding:calc(4 * var(--u)) calc(11 * var(--u)) calc(4 * var(--u)) calc(24 * var(--u));border:1px solid #d8dce2;border-radius:999px;background:transparent;box-shadow:none}
.cl-prompt:focus-within{border-color:#737d8d;outline:2px solid #065dff12}
html body.workspace-readable.public-auth-open #authModal:not(:has(#securityPanel:not(.hidden))) .cl-home .cl-prompt input{display:block;min-width:0;flex:1;width:auto;height:100%;padding:0;border:0!important;outline:none;background:transparent!important;color:#737989;font-size:calc(11 * var(--u));box-shadow:none!important;font-family:inherit;border-radius:0;text-overflow:ellipsis}
.cl-prompt input::placeholder{color:#737989;opacity:1}.cl-prompt .cl-button{height:calc(34 * var(--u));width:calc(108 * var(--u));flex:none;padding:0;font-size:calc(13 * var(--u))}
.cl-showcase{display:grid;grid-template-columns:184fr 190fr 191fr 184fr;gap:calc(7 * var(--u));width:calc(770 * var(--u));max-width:calc(100% - 44 * var(--u));margin:calc(23 * var(--u)) auto 0}
.cl-home .cl-tile{position:relative;display:block;min-width:0;width:100%;padding:0;border:0;border-radius:0;background:transparent;text-align:left;color:#111;box-shadow:none;cursor:pointer}
.cl-art{display:block;overflow:hidden;background-color:#eee;border-radius:calc(7 * var(--u));background-repeat:no-repeat}
.cl-showcase .cl-art{height:calc(200 * var(--u))}.cl-showcase .cl-tile-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.cl-section{width:calc(770 * var(--u));max-width:calc(100% - 44 * var(--u));margin:0 auto;padding:calc(40 * var(--u)) 0 0}
.cl-section-heading{text-align:center;margin:0 0 calc(17 * var(--u))}
.cl-home .cl-section-heading h2{margin:0;color:#111;font-size:calc(32 * var(--u));line-height:1.4;font-weight:700;letter-spacing:-.05em}
.cl-home .cl-section-heading p{margin:calc(3 * var(--u)) 0 0;color:var(--cl-muted);font-size:calc(13 * var(--u));line-height:calc(21 * var(--u))}
.cl-section-heading .cl-button{margin-top:calc(6 * var(--u))}
.cl-columns{display:grid;grid-template-columns:249fr 233fr 249fr;gap:calc(19.5 * var(--u))}
.cl-gallery{display:grid;grid-template-columns:254fr 242fr 254fr;gap:calc(10 * var(--u));row-gap:calc(10 * var(--u))}
.cl-feature{min-width:0}.cl-feature>.cl-art,.cl-comparison,.cl-layer-art,.cl-detail-art{display:block;height:calc(153 * var(--u));border-radius:calc(5 * var(--u));background-repeat:no-repeat;overflow:hidden}
.cl-comparison>*,.cl-layer-art>*,.cl-detail-art>*{display:none!important}
.cl-feature h3{margin:calc(12 * var(--u)) 0 calc(3 * var(--u));color:#111;font-size:calc(16 * var(--u));font-weight:600;line-height:1.45}.cl-feature p{margin:0;color:var(--cl-muted);font-size:calc(11 * var(--u));line-height:1.55}
.cl-gallery .cl-art{height:calc(158 * var(--u));border-radius:calc(5 * var(--u))}.cl-gallery .cl-tile-label{display:block;margin:calc(5 * var(--u)) 0 0;font-size:calc(12 * var(--u));line-height:1.5;font-weight:500}
.cl-section:has(#clToolsTitle) .cl-columns{grid-template-columns:253fr 242fr 253fr;gap:calc(11 * var(--u))}.cl-section:has(#clToolsTitle) .cl-feature>div{height:calc(135 * var(--u))}.cl-section:has(#clToolsTitle) h3{font-size:calc(14 * var(--u));margin-top:calc(7 * var(--u))}.cl-section:has(#clToolsTitle) .cl-feature p{font-size:calc(10 * var(--u))}
.cl-finale{padding-top:calc(40 * var(--u));padding-bottom:calc(16 * var(--u))}.cl-finale .cl-section-heading h2{font-size:calc(28 * var(--u))}.cl-finale .cl-section-heading{margin-bottom:calc(7 * var(--u))}.cl-finale .cl-section-heading p{font-size:calc(12 * var(--u))}.cl-finale .cl-button{height:calc(23 * var(--u));font-size:calc(10 * var(--u));padding:0 calc(27 * var(--u));margin-top:calc(3 * var(--u))}
.cl-workspace-preview{width:calc(611 * var(--u));max-width:100%;height:calc(136 * var(--u));margin:0 auto;background-repeat:no-repeat;border-radius:calc(10 * var(--u));pointer-events:none}.cl-workspace-preview>*{display:none!important}
.cl-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:calc(12 * var(--u));width:calc(750 * var(--u));margin:0 auto;padding:calc(10 * var(--u)) 0;border-top:1px solid #eee}.cl-footer .cl-brand img{width:calc(27 * var(--u));height:calc(27 * var(--u))}.cl-footer .cl-brand strong{font-size:calc(12 * var(--u))}.cl-footer p{font-size:calc(8 * var(--u));color:#999eaa;margin:0}.cl-footer nav{display:flex;gap:calc(25 * var(--u))}.cl-footer a,.cl-footer button{border:0;background:none;padding:0;color:#7c8190;font-size:calc(9 * var(--u));text-decoration:none;cursor:pointer}.cl-footer .cl-brand{color:#111}.cl-footer .cl-filing{flex-basis:100%;text-align:center;font-size:calc(8 * var(--u))}
#authModal .auth-landing-shell:has(>.cl-home)>.site-filing-footer{display:none!important}
@media(prefers-reduced-motion:reduce){#clRotatingWord{transition:none!important}.cl-home{scroll-behavior:auto!important}}
.cl-showcase .cl-tile:nth-child(1) .cl-art{background-image:url("/assets/auth/home-clean-approved.png");background-size:442.391304% 966.000000%;background-position:3.492063% 13.914550%}
.cl-showcase .cl-tile:nth-child(2) .cl-art{background-image:url("/assets/auth/home-clean-approved.png");background-size:428.421053% 966.000000%;background-position:34.134615% 13.914550%}
.cl-showcase .cl-tile:nth-child(3) .cl-art{background-image:url("/assets/auth/home-clean-approved.png");background-size:426.178010% 966.000000%;background-position:65.810594% 13.914550%}
.cl-showcase .cl-tile:nth-child(4) .cl-art{background-image:url("/assets/auth/home-clean-approved.png");background-size:442.391304% 966.000000%;background-position:96.507937% 13.914550%}
.cl-section:has(#clWorkflowTitle) .cl-feature:nth-child(1)>.cl-art{background-image:url("/assets/auth/home-clean-approved.png");background-size:326.907631% 1262.745098%;background-position:3.893805% 33.558179%}
.cl-section:has(#clWorkflowTitle) .cl-comparison{background-image:url("/assets/auth/home-clean-approved.png");background-size:349.356223% 1262.745098%;background-position:49.913941% 33.558179%}
.cl-section:has(#clWorkflowTitle) .cl-layer-art{background-image:url("/assets/auth/home-clean-approved.png");background-size:326.907631% 1262.745098%;background-position:96.106195% 33.558179%}
.cl-gallery .cl-tile:nth-child(1) .cl-art{background-image:url("/assets/auth/home-clean-approved.png");background-size:320.472441% 1238.461538%;background-position:3.928571% 53.096847%}
.cl-gallery .cl-tile:nth-child(2) .cl-art{background-image:url("/assets/auth/home-clean-approved.png");background-size:336.363636% 1238.461538%;background-position:50.000000% 53.096847%}
.cl-gallery .cl-tile:nth-child(3) .cl-art{background-image:url("/assets/auth/home-clean-approved.png");background-size:320.472441% 1238.461538%;background-position:96.071429% 53.096847%}
.cl-gallery .cl-tile:nth-child(4) .cl-art{background-image:url("/assets/auth/home-clean-approved.png");background-size:320.472441% 1207.500000%;background-position:3.928571% 63.826185%}
.cl-gallery .cl-tile:nth-child(5) .cl-art{background-image:url("/assets/auth/home-clean-approved.png");background-size:336.363636% 1207.500000%;background-position:50.000000% 63.826185%}
.cl-gallery .cl-tile:nth-child(6) .cl-art{background-image:url("/assets/auth/home-clean-approved.png");background-size:320.472441% 1207.500000%;background-position:96.071429% 63.826185%}
.cl-detail-art{background-image:url("/assets/auth/home-clean-approved.png");background-size:321.739130% 1431.111111%;background-position:3.921569% 79.298831%}
.cl-section:has(#clToolsTitle) .cl-comparison{background-image:url("/assets/auth/home-clean-approved.png");background-size:336.363636% 1431.111111%;background-position:50.000000% 79.298831%}
.cl-section:has(#clToolsTitle) .cl-layer-art{background-image:url("/assets/auth/home-clean-approved.png");background-size:321.739130% 1431.111111%;background-position:96.078431% 79.298831%}
.cl-workspace-preview{background-image:url("/assets/auth/home-clean-approved.png");background-size:133.224223% 1420.588235%;background-position:50.246305% 96.714922%}
@media(max-width:760px){
.cl-header{height:72px;padding:0 20px}.cl-brand strong{font-size:20px}.cl-brand img{width:34px;height:34px}.cl-home .cl-login{font-size:12px;padding:0 16px;height:36px}.cl-hero{padding:52px 18px 0}
html body.workspace-readable.public-auth-open #authModal:not(:has(#securityPanel:not(.hidden))) .cl-home h1{font-size:clamp(21px,4.8vw,34px)!important;letter-spacing:-.05em!important}
.cl-home .cl-description{font-size:13px;margin-top:20px}.cl-home .cl-prompt{gap:8px;padding:6px 6px 6px 16px;margin-top:30px}.cl-home .cl-prompt input{height:38px;font-size:13px}.cl-prompt .cl-button{height:38px;min-width:92px;padding:0 15px;font-size:13px}
.cl-showcase{width:calc(100% - 36px);grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:44px}.cl-showcase .cl-tile-label{top:10px;left:10px;font-size:12px}.cl-section{width:calc(100% - 36px);padding-top:76px}.cl-home .cl-section-heading h2{font-size:25px}.cl-home .cl-section-heading p{font-size:13px}.cl-section-heading{margin-bottom:28px}.cl-columns{grid-template-columns:1fr;gap:30px}.cl-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.cl-gallery .cl-tile-label{font-size:14px}.cl-feature h3{font-size:18px;margin-top:14px}.cl-feature p{font-size:13px}.cl-art{border-radius:10px}.cl-workspace-preview{grid-template-columns:1fr 1fr;padding:10px;gap:10px}.cl-workspace-preview aside{display:none}.cl-preview-composer{padding:12px}.cl-workspace-preview>.cl-art{min-height:160px}.cl-finale{padding-bottom:44px}.cl-footer{width:calc(100% - 36px);justify-content:center;gap:18px}.cl-footer p{display:none}.cl-footer nav{gap:16px}.cl-home .cl-example-note{font-size:10px}
}
html body.workspace-readable.public-auth-open #authModal:not(:has(#securityPanel:not(.hidden))) .auth-story.login-site.cr-home.cl-home .cl-prompt input{background:transparent!important;box-shadow:none!important}
html body.workspace-readable.public-auth-open #authModal:not(:has(#securityPanel:not(.hidden))) .auth-story.login-site.cr-home.cl-home::before,
html body.workspace-readable.public-auth-open #authModal:not(:has(#securityPanel:not(.hidden))) .auth-story.login-site.cr-home.cl-home::after{content:none!important;display:none!important}
/* Final visual alignment to the approved long-page artwork. */
@media(min-width:761px){
html body.workspace-readable.public-auth-open #authModal:not(:has(#securityPanel:not(.hidden))) .cl-home h1{font-size:calc(42 * var(--u))!important;line-height:calc(56 * var(--u))!important;font-weight:800!important;color:#050505!important}
.cl-word-window{height:calc(56 * var(--u));line-height:calc(56 * var(--u))}
.cl-section:has(#clWorkflowTitle){padding-top:calc(35 * var(--u))}
.cl-section:has(#clScenesTitle) .cl-section-heading{margin-bottom:calc(12 * var(--u))}
.cl-section:has(#clToolsTitle){padding-top:calc(36 * var(--u))}
.cl-section:has(#clToolsTitle) .cl-section-heading h2{font-size:calc(28 * var(--u))}
.cl-section:has(#clToolsTitle) .cl-section-heading{margin-bottom:calc(11 * var(--u))}
.cl-finale{padding-top:calc(35 * var(--u))}
}

/* One typography scale for fixed and rotating words, with tight natural spacing. */
html body.workspace-readable.public-auth-open #authModal:not(:has(#securityPanel:not(.hidden))) .cl-home h1{display:flex!important;align-items:baseline;justify-content:center;gap:.12em}
.cl-home .cl-word-window{width:auto;min-width:0;flex:none;letter-spacing:inherit}
.cl-home #clRotatingWord{font-family:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit}

/* Three-second explanatory loops, confined to the existing feature artwork. */
.cl-motion-note{font-size:.7em;color:#a1a4aa;margin-left:.6em;white-space:nowrap}
.cl-live-scene{position:relative;isolation:isolate;overflow:hidden;border-radius:calc(6 * var(--u));container-type:inline-size;background:#ece9e3}
.cl-live-scene *{box-sizing:border-box}
.cl-live-breakdown{background:radial-gradient(ellipse at 60% 45%,#f5f6fb,#e4e8ef);perspective:800px}
.cl-poster-stack{position:absolute;left:31%;top:10%;width:38%;height:80%;transform-style:preserve-3d;animation:cl-poster-view 3s ease-in-out infinite}
.cl-poster-layer{position:absolute;inset:0;border-radius:2px;backface-visibility:visible;animation:cl-layer-split 3s ease-in-out infinite;--depth:0px;--shift:0%}
.cl-poster-base{background:linear-gradient(150deg,#123fbb,#041343);box-shadow:0 10px 25px #16305e30;--depth:-32px;--shift:-46%}
.cl-poster-orbit{background:linear-gradient(170deg,transparent 60%,#a9cdff70 60%,#fff8 64%,transparent 64%);border:1px solid #d7e7ff88;--depth:0px;--shift:0%}
.cl-poster-orbit i{display:block;position:absolute;right:9%;top:13%;width:65%;aspect-ratio:1;border-radius:50%;background:linear-gradient(140deg,#ffcf70,#f07c30);box-shadow:0 6px 16px #0002}
.cl-poster-type{padding:12%;color:white;border:1px solid #c6d6e966;--depth:32px;--shift:46%}
.cl-poster-type b{display:block;position:absolute;bottom:23%;font-size:6cqw;line-height:.98;font-family:Arial,sans-serif;font-weight:550;letter-spacing:-.04em;text-shadow:0 1px 12px #06174330}
.cl-poster-type span{position:absolute;bottom:10%;font-size:1.45cqw;letter-spacing:.12em;white-space:nowrap}
@keyframes cl-poster-view{0%,15%,100%{transform:rotateX(0) rotateY(0)}40%,75%{transform:rotateX(10deg) rotateY(-25deg)}}
@keyframes cl-layer-split{0%,15%,100%{transform:translateX(0) translateZ(0)}40%,75%{transform:translateX(var(--shift)) translateZ(var(--depth))}}
.cl-live-edit{background:#ddd4c7}
.cl-edit-room,.cl-edit-sofa{position:absolute;inset:0;background-image:url('/assets/auth/home-feature-scenes.png');background-repeat:no-repeat;background-size:600% auto;background-position:0% 82%}
.cl-edit-sofa{background-position:20% 82%;clip-path:polygon(5% 36%,94% 36%,98% 94%,4% 94%);animation:cl-sofa-change 3s ease-in-out infinite}
.cl-edit-selection{position:absolute;left:4%;top:35%;width:94%;height:60%;border:1px dashed #fff;border-radius:6px;box-shadow:0 0 0 1px #2c79bdaa;animation:cl-selection 3s ease-in-out infinite}
.cl-edit-caption{position:absolute;bottom:5%;left:50%;transform:translateX(-50%);padding:1.4% 4%;background:#fffdf5df;border-radius:99px;color:#494c50;font-size:3cqw;white-space:nowrap}
@keyframes cl-sofa-change{0%,20%,100%{opacity:0}48%,80%{opacity:1}}
@keyframes cl-selection{0%,8%,75%,100%{opacity:0}18%,55%{opacity:1}}
.cl-live-dimensional{perspective:650px;background:radial-gradient(ellipse at 50% 25%,#fbf6eb,#e8ded0)}
.cl-package{position:absolute;left:36%;top:13%;width:28%;height:69%;transform-style:preserve-3d;animation:cl-package-turn 3s ease-in-out infinite}
.cl-package-face{position:absolute;inset:0;backface-visibility:hidden}
.cl-package-front{background:linear-gradient(120deg,#f8f4e8,#e0d9c5);border:1px solid #d1c6ae;text-align:center;display:flex;flex-direction:column;align-items:center;padding:12% 0;color:#394b3b;transform:translateZ(0)}
.cl-package-front>span{font:2cqw Georgia,serif;letter-spacing:.2em}.cl-package-front>b{margin-top:12%;font:5cqw Georgia,serif;letter-spacing:.06em}.cl-package-front>i{width:27%;height:29%;margin:auto;background:linear-gradient(135deg,transparent 44%,#7a8b6c 45%,#9baa87 54%,transparent 55%);border:1px solid #7a8b6c77;border-radius:85% 0 85% 0;transform:rotate(-20deg)}.cl-package-front>small{font:1.4cqw/1.6 Georgia,serif;letter-spacing:.06em}
.cl-package-side{left:100%;width:36%;background:linear-gradient(90deg,#b4b49b,#839078);transform-origin:left;animation:cl-package-side 3s ease-in-out infinite;border:1px solid #8b967d}
.cl-package-top{top:0;height:10cqw;background:#e4ddcb;transform-origin:top;animation:cl-package-top 3s ease-in-out infinite;border:1px solid #c8c1ae}
.cl-box-shadow{position:absolute;left:33%;bottom:11%;width:38%;height:6%;border-radius:50%;background:#72644b35;filter:blur(8px);animation:cl-ground-shadow 3s ease-in-out infinite}
.cl-dimensional-caption{position:absolute;bottom:4%;left:0;right:0;text-align:center;color:#746f61;font-size:2.8cqw;letter-spacing:.08em}.cl-dimensional-caption span{display:block}.cl-dimensional-caption span:first-child{animation:cl-flat-caption 3s ease-in-out infinite}.cl-dimensional-caption span:last-child{position:absolute;inset:0;animation:cl-depth-caption 3s ease-in-out infinite}
@keyframes cl-package-turn{0%,18%,100%{transform:rotateX(0) rotateY(0)}48%,78%{transform:rotateX(-12deg) rotateY(-32deg) translateY(-3%)}}
@keyframes cl-package-side{0%,18%,100%{transform:rotateY(0);opacity:0}48%,78%{transform:rotateY(90deg);opacity:1}}
@keyframes cl-package-top{0%,18%,100%{transform:rotateX(0);opacity:0}48%,78%{transform:rotateX(-90deg);opacity:1}}
@keyframes cl-ground-shadow{0%,18%,100%{opacity:0;transform:scaleX(.4)}48%,78%{opacity:1;transform:scaleX(1)}}
@keyframes cl-flat-caption{0%,20%,100%{opacity:1}42%,82%{opacity:0}}
@keyframes cl-depth-caption{0%,20%,100%{opacity:0}42%,82%{opacity:1}}
@media(max-width:760px){.cl-section:has(#clToolsTitle) .cl-columns{grid-template-columns:1fr;gap:28px}.cl-section:has(#clToolsTitle) .cl-feature>.cl-live-scene{height:auto;aspect-ratio:1.8}.cl-section:has(#clToolsTitle) h3{font-size:18px}.cl-section:has(#clToolsTitle) .cl-feature p{font-size:13px}.cl-motion-note{display:block}}
@media(prefers-reduced-motion:reduce){.cl-live-scene *{animation:none!important}.cl-edit-sofa{opacity:1}.cl-edit-selection,.cl-dimensional-caption span:last-child{display:none}.cl-package-side,.cl-package-top,.cl-box-shadow{opacity:0}}