/* Distinct, text-matched demonstrations below the two independent hero rails. */
.cl-home .cv-demo{position:relative;isolation:isolate;overflow:hidden;container-type:inline-size;background:#efeee9!important;border-radius:24px}
.cl-home .cv-demo>img,.cv-demo svg{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover}
.cv-demo svg{pointer-events:none}.cv-demo .cl-media-label{color:#fff;text-shadow:0 1px 8px #0009}
.cv-demo .cv-caption{position:absolute;z-index:4;left:50%;bottom:5%;transform:translateX(-50%);padding:1.5% 4%;border-radius:99px;background:#fffffff0;color:#4c535a;font:2.8cqw/1.4 system-ui;white-space:nowrap;max-width:94%}
.cl-home .cv-demo *,.cl-home .cv-demo *::before,.cl-home .cv-demo *::after{animation-play-state:var(--cl-motion-state,running)!important}
.cv-drink-result{position:absolute;inset:0}.cv-drink-result>img{width:100%;height:100%;object-fit:cover}.cv-drink-copy{position:absolute;left:7%;right:7%;top:20%;color:#fff6e1;text-shadow:0 2px 12px #30150966}.cv-drink-copy small{font:1.9cqw/1.4 system-ui;letter-spacing:.16em}.cv-drink-copy b{display:block;margin-top:2%;font:800 9cqw/.94 Arial;letter-spacing:-.04em}.cv-drink-result{animation:cv-result-form 4s ease-in-out infinite}.cv-prompt-line{position:absolute;left:7%;right:7%;bottom:7%;padding:3% 4%;border:1px solid #ffffffa0;border-radius:12px;background:#fffffff0;color:#4e473f;font:2.5cqw/1.5 system-ui;box-shadow:0 4px 20px #0001}.cv-prompt-line span{float:right;color:#a2592f;animation:cv-status 4s infinite}
.cv-chair-after{animation:cv-material-change 4s ease-in-out infinite}
.cv-export .cl-media-label,.cv-breakdown .cl-media-label,.cv-fold .cl-media-label,.cv-line .cl-media-label{color:#29322b;text-shadow:0 1px 10px #fff9}.cv-manual-page,.cv-manual-second{transform-box:fill-box;transform-origin:center;filter:drop-shadow(5px 10px 9px #26372325)}.cv-manual-page{animation:cv-page-separate 4s ease-in-out infinite}.cv-manual-second{animation:cv-card-separate 4s ease-in-out infinite}.cv-exports{position:absolute;right:5%;bottom:14%;display:flex;gap:1cqw}.cv-exports span{padding:1.7cqw 2cqw;background:#fff;border:1px solid #d7dcd3;border-radius:6px;color:#4f6353;font:600 2.4cqw system-ui;box-shadow:0 5px 10px #0001;animation:cv-file-ready 4s infinite}.cv-exports span:nth-child(2){animation-delay:.15s}.cv-exports span:nth-child(3){animation-delay:.3s}
.cv-music-base,.cv-music-shape,.cv-music-type{transform-box:fill-box;transform-origin:center}.cv-music-base{animation:cv-base-layer 4s ease-in-out infinite}.cv-music-shape{animation:cv-shape-layer 4s ease-in-out infinite}.cv-music-type{animation:cv-type-layer 4s ease-in-out infinite}.cv-shop-sign{position:absolute;left:11.4%;top:14.3%;width:75.8%;height:9.6%;background:#303632;display:grid;place-items:center;transform:perspective(600px) rotateY(-.3deg);font:500 4.3cqw/1 Georgia;color:#f6f0d8}.cv-shop-sign>*{position:absolute;inset:0;display:grid;place-items:center;font:inherit}.cv-shop-sign b{background:#efe9da;color:#314c3c;animation:cv-material-change 4s ease-in-out infinite}
.cv-fold{perspective:900px;background:radial-gradient(ellipse at 50% 55%,#f7eee0,#e8d5ba)!important}.cv-carton{position:absolute;left:32%;top:20%;width:34%;height:65%;transform-style:preserve-3d;transform-origin:center;animation:cv-carton-turn 4s ease-in-out infinite}.cv-coffee-front{position:absolute;inset:0;background:#a83f22;color:#f8eedc;border:1px solid #b65332;box-shadow:2cqw 3cqw 5cqw #5f38152c;padding:8%;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;backface-visibility:visible}.cv-coffee-front small{font:1.8cqw system-ui;letter-spacing:.12em}.cv-coffee-front b{font:800 5.2cqw/.98 Arial;letter-spacing:-.04em}.cv-coffee-front span{font:1.7cqw/1.6 system-ui}.cv-coffee-front i{width:40%;aspect-ratio:1;border:1cqw solid #e8bb86;border-radius:50%}.cv-coffee-side{position:absolute;left:100%;top:0;width:35%;height:100%;background:#6f2b1b;color:#ebd1b1;writing-mode:vertical-rl;padding:14%;font:2cqw system-ui;letter-spacing:.16em;transform-origin:left;animation:cv-fold-side 4s ease-in-out infinite}.cv-coffee-top{position:absolute;left:0;bottom:100%;width:100%;height:18%;background:#c78355;border:1px solid #b9764b;transform-origin:bottom;animation:cv-fold-top 4s ease-in-out infinite}
.cv-blue-backdrop{position:absolute;inset:0;background:#0057e5}.cv-checker{position:absolute;inset:0;background:conic-gradient(#eee 25%,#fff 0 50%,#eee 0 75%,#fff 0) 0 0/5cqw 5cqw;animation:cv-reveal-left 4s ease-in-out infinite}.cv-demo.cv-cutout>img.cv-shoe{inset:9% 4%;width:92%;height:82%;object-fit:contain;filter:drop-shadow(0 2cqw 2cqw #172c3420)}.cv-scan{position:absolute;left:0;top:0;bottom:0;width:2px;background:#fff;box-shadow:0 0 12px #fff;animation:cv-scan-left 4s ease-in-out infinite;z-index:3}.cv-watch-soft{filter:blur(5px)}.cv-watch-clear{animation:cv-reveal-left 4s ease-in-out infinite}.cv-building-render,.cv-building-line{position:absolute;inset:0}.cv-building-line{background:#fafaf6;animation:cv-reveal-left 4s ease-in-out infinite}.cv-building-line svg *{fill:none!important;stroke:#626961!important;stroke-width:1.4!important}.cv-building-line svg>path:first-child{display:none}
.cl-home .cv-workspace.cl-workspace-preview{width:1230px;max-width:100%;height:390px;background:#fff!important;border:1px solid #e2e6ec;border-radius:24px;box-shadow:0 16px 60px #1c3d5a08;display:grid;grid-template-columns:17% 38% 45%;text-align:left;pointer-events:none}.cl-home .cv-workspace.cl-workspace-preview>*{display:block!important}.cv-workspace>.cl-media-label{display:none!important}.cv-app-sidebar{padding:32px 18px;border-right:1px solid #e9edf3;background:#fafbfc}.cv-app-sidebar>img{width:28px;height:28px;vertical-align:middle}.cv-app-sidebar>b{font-size:18px;vertical-align:middle;margin-left:6px}.cv-app-sidebar>span{display:block;font-size:14px;padding:14px;margin-top:12px;color:#707b8c}.cv-app-sidebar>span.active{background:#eaf3ff;color:#065dff;border-radius:8px}.cv-app-composer{padding:54px 24px;color:#2c3542}.cv-app-composer>small{font-size:12px;color:#89909d}.cv-app-composer>p{font-size:16px;line-height:1.8;min-height:88px}.cv-app-composer>div{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#8d99aa;margin-top:30px}.cv-app-composer>div>b{padding:12px 28px;border-radius:99px;background:#065dff;color:#fff;font-size:14px}.cv-app-composer>i{display:block;height:2px;background:#065dff;margin-top:20px;transform-origin:left;animation:cv-progress 4s ease-in-out infinite}.cv-app-composer>small.cv-completion{display:block;margin-top:12px;color:#69896c;animation:cv-file-ready 4s infinite}.cv-app-result{position:relative;margin:16px;border-radius:12px;overflow:hidden;background:#f1ece4}.cv-app-result>img{width:100%;height:100%;object-fit:cover;animation:cv-result-form 4s ease-in-out infinite}.cv-app-result>span{position:absolute;bottom:0;left:0;right:0;padding:30px 18px 16px;background:linear-gradient(transparent,#0008);font-size:14px;color:#fff}
@keyframes cv-result-form{0%,12%,100%{clip-path:inset(0 100% 0 0);opacity:.2}50%,86%{clip-path:inset(0);opacity:1}}@keyframes cv-status{0%,28%,100%{opacity:1}50%,86%{opacity:0}}
@keyframes cv-material-change{0%,18%,100%{opacity:0}45%,80%{opacity:1}}@keyframes cv-reveal-left{0%,15%,100%{clip-path:inset(0 100% 0 0)}55%,82%{clip-path:inset(0)}}@keyframes cv-scan-left{0%,15%,100%{left:0;opacity:0}18%{opacity:1}55%{left:100%;opacity:1}60%,82%{left:100%;opacity:0}}
@keyframes cv-page-separate{0%,18%,100%{transform:translate(45px,0) rotate(0)}48%,80%{transform:translate(-24px,0) rotate(-7deg)}}@keyframes cv-card-separate{0%,18%,100%{transform:translate(-35px,25px) rotate(0)}48%,80%{transform:translate(40px,-12px) rotate(8deg)}}@keyframes cv-file-ready{0%,24%,100%{opacity:0;translate:0 8px}48%,83%{opacity:1;translate:0 0}}
@keyframes cv-base-layer{0%,15%,100%{transform:translate(0,0) skewY(0)}50%,80%{transform:translate(-50px,25px) skewY(4deg)}}@keyframes cv-shape-layer{0%,15%,100%{transform:translate(0,0)}50%,80%{transform:translate(12px,-8px)}}@keyframes cv-type-layer{0%,15%,100%{transform:translate(0,0) skewY(0)}50%,80%{transform:translate(66px,-36px) skewY(-3deg)}}
@keyframes cv-carton-turn{0%,18%,100%{transform:rotateY(0) rotateX(0)}50%,82%{transform:rotateY(-26deg) rotateX(-7deg)}}@keyframes cv-fold-side{0%,18%,100%{transform:rotateY(0)}50%,82%{transform:rotateY(90deg)}}@keyframes cv-fold-top{0%,18%,100%{transform:rotateX(0)}50%,82%{transform:rotateX(90deg)}}@keyframes cv-progress{0%,12%,100%{transform:scaleX(0)}52%,88%{transform:scaleX(1)}}
@media(max-width:760px){.cl-home .cv-workspace.cl-workspace-preview{height:240px;grid-template-columns:19% 35% 46%;border-radius:16px}.cv-app-sidebar{padding:40px 5px 8px}.cv-app-sidebar>img{width:20px;height:20px}.cv-app-sidebar>b{display:none}.cv-app-sidebar>span{font-size:9px;padding:8px 2px;margin-top:6px}.cv-app-composer{padding:32px 8px}.cv-app-composer>small{font-size:8px}.cv-app-composer>p{font-size:10px;min-height:72px;line-height:1.6}.cv-app-composer>div{font-size:8px;margin-top:10px}.cv-app-composer>div>b{font-size:9px;padding:8px}.cv-app-composer>i{margin-top:12px}.cv-app-result{margin:8px}.cv-app-result>span{font-size:9px;padding:20px 8px 8px}}
@media(prefers-reduced-motion:reduce){.cl-home .cv-demo *{animation:none!important}.cv-chair-after{opacity:1}.cv-watch-clear,.cv-checker,.cv-building-line{clip-path:none}.cv-scan{display:none}.cv-drink-result,.cv-app-result>img{opacity:1;clip-path:none}}
.cl-home .cv-workspace.cl-workspace-preview>.cl-media-label{display:none!important}
.cv-shop-sign>span{animation:cv-sign-before 4s ease-in-out infinite}
@keyframes cv-sign-before{0%,18%,100%{opacity:1}45%,80%{opacity:0}}