/* One contained 3D scene. Only the camera moves; surfaces keep their own depth. */
.cld .cld-scene{position:relative;width:100%;max-width:682px;aspect-ratio:620/540;justify-self:center;overflow:visible;isolation:isolate;pointer-events:auto}
.cld-sceneStage{position:absolute;left:0;top:0;width:620px;height:540px;transform:scale(var(--cld-scale,1));transform-origin:0 0;visibility:hidden;perspective:1300px}
.cld-scene.is-ready .cld-sceneStage{visibility:visible}.cld-room{position:relative;width:620px;height:540px;transform-style:preserve-3d;transform:rotateX(var(--cld-rx,4deg)) rotateY(var(--cld-ry,-7deg)) translateY(var(--cld-y,0px));transition:transform .45s cubic-bezier(.2,.65,.3,1)}
.cld-aura{position:absolute;border-radius:50%;filter:blur(44px);pointer-events:none}.cld-aura--violet{left:7%;top:25%;width:64%;height:58%;background:rgba(118,103,237,.16)}.cld-aura--apricot{right:6%;top:8%;width:40%;height:45%;background:rgba(246,178,151,.2)}
.cld-floor{position:absolute;left:66px;top:444px;width:488px;height:66px;border-radius:50%;background:radial-gradient(ellipse,#7b80c432,transparent 70%);filter:blur(17px);transform:translateZ(-60px)}
.cld-orbit{position:absolute;left:48px;top:72px;width:520px;height:356px;border:1px solid #a6ace42e;border-radius:50%;transform:translateZ(-80px) rotate(-18deg)}.cld-orbit i{position:absolute;right:66px;top:36px;width:7px;height:7px;background:#9992ef;border:2px solid white;border-radius:50%;box-shadow:0 0 16px #8d81fa8c}
.cld-glass{background:linear-gradient(125deg,rgba(255,255,255,.77),rgba(244,247,255,.37) 55%,rgba(226,231,250,.3));border:1px solid rgba(255,255,255,.95);box-shadow:0 28px 46px -20px #354c7f55,0 3px 6px #a7aed522,inset 0 0 0 1px #b8c5e426,inset 0 2px 0 #fff;backdrop-filter:blur(20px) saturate(135%);-webkit-backdrop-filter:blur(20px) saturate(135%)}
.cld-board,.cld-windowDepth{position:absolute;left:82px;top:153px;width:450px;height:276px;border-radius:24px}.cld-windowDepth{border:1px solid #c1c8e38a;background:linear-gradient(135deg,#f8faff96,#bdc7e42b);box-shadow:0 10px 18px #444e7f0d}.cld-windowDepth--back{transform:translate3d(22px,-16px,-34px)}.cld-windowDepth--mid{transform:translate3d(11px,-8px,-17px)}.cld-board{transform:translateZ(10px);overflow:visible}
.cld-boardBar{height:42px;display:flex;align-items:center;gap:5px;border-bottom:1px solid #b6c0dc55;padding:0 18px}.cld-boardBar>i{width:5px;height:5px;border-radius:50%;background:#b1bbd1}.cld-logo{display:flex;align-items:center;margin-left:auto;width:85px;height:25px;color:#8992a4;opacity:.65;filter:grayscale(1)}.cld-logo svg{display:block;width:100%;height:100%;max-width:none;fill:currentColor}
.cld-boardBody{padding:19px 22px}.cld-boardHeading{display:flex;justify-content:space-between;align-items:center;gap:10px}.cld-boardHeading>div>span{display:block;color:var(--b24c-muted);font-size:12px;line-height:1.2}.cld-boardHeading strong{display:block;font-size:22px;font-weight:500;line-height:1.2;letter-spacing:-.025em;margin-top:5px}.cld-liveDot{width:7px;height:7px;background:#298978;border-radius:50%;box-shadow:0 0 0 5px #32988014}
.cld-boardTiles{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:17px}.cld-boardTiles>div{padding:10px 12px;height:105px;border-radius:12px;border:1px solid #bdc8df66;background:linear-gradient(130deg,#ffffff45,#f7f9ff15);box-shadow:inset 0 1px 0 #fff9}.cld-boardTiles>div>span{font-size:13px;font-weight:500}.cld-columns{display:flex;align-items:flex-end;gap:9px;height:35px;margin:7px 2px 2px}.cld-columns i{position:relative;display:block;width:26px;height:24px;border-radius:4px 4px 2px 2px;background:linear-gradient(90deg,#9584fb99,#6a5feaae);box-shadow:inset 2px 1px 0 #d6d1ffbd,3px 3px 0 #aea5ea6b;transform-origin:bottom;animation:cld-bars 8s ease-in-out infinite}.cld-columns i:nth-child(2){height:30px;animation-delay:-2s}.cld-columns i:nth-child(3){height:21px;animation-delay:-4s}.cld-columns i:nth-child(4){height:35px;animation-delay:-6s}.cld-crmTile small{font-size:10px;color:var(--b24c-muted)}.cld-taskTile>div{display:flex;align-items:center;gap:9px;margin-top:10px}.cld-taskTile b{display:block;width:13px;height:13px;border:1px solid #88b5a6;border-radius:4px;color:var(--b24c-teal);font-size:10px;line-height:11px;text-align:center;font-weight:400}.cld-taskTile i{display:block;width:78%;height:3px;border-radius:3px;background:#bac5db}.cld-taskTile>div:last-child i{width:52%}.cld-boardFooter{display:flex;align-items:center;gap:10px;margin-top:13px;font-size:11px;color:var(--b24c-muted)}.cld-people{display:flex;padding-left:5px}.cld-people i{width:18px;height:18px;border-radius:50%;background:linear-gradient(#c5cfe3 56%,#9faac8 57%);border:2px solid #f5f7fc;margin-left:-5px}
.cld-cloudModel{position:absolute;left:173px;top:30px;width:240px;transform:translateZ(35px);text-align:center;animation:cld-cloudFloat 9s ease-in-out infinite}.cld-cloudVolume{position:relative;width:155px;height:70px;margin:0 auto;filter:drop-shadow(0 12px 12px #5b5c9424)}.cld-cloudVolume i,.cld-cloudVolume b,.cld-cloudVolume em,.cld-cloudVolume span{position:absolute;background:linear-gradient(130deg,#fff 8%,#e6eafb 62%,#b7bfdf);box-shadow:inset 2px 3px 5px #fff,inset -5px -5px 10px #aeb7d54f}.cld-cloudVolume i{left:32px;top:0;width:71px;height:69px;border-radius:50%}.cld-cloudVolume b{right:5px;top:25px;width:60px;height:44px;border-radius:50%}.cld-cloudVolume em{left:0;top:30px;width:60px;height:39px;border-radius:50%}.cld-cloudVolume span{left:25px;bottom:0;width:105px;height:33px;border-radius:12px 12px 24px 24px;background:linear-gradient(#ecf0fd,#d8e0f4);box-shadow:inset 0 -5px 8px #aeb7d528}.cld-cloudCaption{display:block;font-size:15px;line-height:1.3;color:var(--b24c-muted);margin-top:12px}
.cld-cubeModel{position:absolute;left:47px;top:424px;width:120px;text-align:center;transform:translateZ(45px)}.cld-cube{position:relative;width:65px;height:62px;margin:0 auto;transform:rotate(-7deg);animation:cld-objectFloat 10s ease-in-out infinite;transform-style:preserve-3d}.cld-cubeFront{position:absolute;inset:0;border-radius:12px;border:1px solid #fff;background:linear-gradient(145deg,#fdfdffb8,#bfb2fa66);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 15px 24px -8px #53478c3b,inset 1px 2px 0 #fff8;display:grid;place-items:center;color:#6350d1}.cld-cubeFront svg{width:41px;height:41px}.cld-cubeSide{position:absolute;right:-9px;top:-4px;width:14px;height:61px;background:linear-gradient(#d8cff8,#afa4dc);transform:skewY(-36deg);border-radius:0 7px 8px 0}.cld-cubeTop{position:absolute;left:4px;top:-10px;width:63px;height:16px;background:#e9e4fb;transform:skewX(-38deg);border-radius:7px 7px 0 0}.cld-cubeModel>span{display:block;margin-top:12px;font-size:14px;color:var(--b24c-muted)}
.cld-message{position:absolute;left:326px;top:454px;width:244px;height:70px;border-radius:20px;display:flex;align-items:center;gap:13px;padding:15px 20px;transform:translateZ(52px);animation:cld-messageFloat 11s ease-in-out infinite}.cld-messageIcon{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#aaa0f321;color:#6655d3;box-shadow:inset 1px 1px 0 #fff}.cld-messageIcon svg{width:26px;height:26px}.cld-message strong{display:block;font-size:14px;line-height:1.4;font-weight:500}.cld-typing{display:flex;gap:5px;margin-top:7px}.cld-typing i{width:4px;height:4px;border-radius:50%;background:#9eabc4;animation:cld-dot 2.4s ease infinite}.cld-typing i:nth-child(2){animation-delay:.2s}.cld-typing i:nth-child(3){animation-delay:.4s}.cld-spark{position:absolute;width:9px;height:9px;border:1px solid #fff;border-radius:50%;box-shadow:0 3px 8px #8982b73d;background:linear-gradient(120deg,#fff,#b5a9ed)}.cld-spark--one{left:64px;top:114px;transform:translateZ(35px)}.cld-spark--two{right:55px;top:93px;transform:translateZ(-25px);filter:blur(2px);width:17px;height:17px}
@keyframes cld-bars{0%,100%{transform:scaleY(.78)}50%{transform:scaleY(1)}}@keyframes cld-cloudFloat{0%,100%{transform:translate3d(0,0,35px)}50%{transform:translate3d(0,-6px,35px)}}@keyframes cld-objectFloat{0%,100%{transform:translateY(0) rotate(-7deg)}50%{transform:translateY(-5px) rotate(-4deg)}}@keyframes cld-messageFloat{0%,100%{transform:translate3d(0,0,52px)}50%{transform:translate3d(0,-4px,52px)}}
.cld-scene:not(.is-visible) *,.cld-scene.is-paused *{animation-play-state:paused!important}
html[data-theme=dark] .cld-glass{background:linear-gradient(125deg,#52638480,#2737535c);border-color:#a4b1d655;box-shadow:0 28px 46px -20px #0009,inset 0 1px 0 #c9d5fa40}html[data-theme=dark] .cld-windowDepth{background:#50628c30;border-color:#93a2c44d}html[data-theme=dark] .cld-logo{color:#aeb7c9}html[data-theme=dark] .cld-cubeModel>span{color:var(--b24c-muted)}
@media(max-width:560px){.cld .cld-scene{margin:12px 0 10px}.cld-cloudCaption,.cld-cubeModel>span{font-size:19px}.cld-message strong{font-size:17px}.cld-boardHeading strong{font-size:24px}.cld-boardHeading>div>span{font-size:15px}.cld-boardTiles>div>span{font-size:16px}.cld-crmTile small,.cld-boardFooter{font-size:12px}}
@media(prefers-reduced-motion:reduce){.cld-scene *{animation:none!important;transition:none!important}.cld-room{transform:rotateX(4deg) rotateY(-7deg)!important}}