/* One persistent product window. site.js is the only scene controller. */
.hero .reference-workspace.showcase{--rw-ink:#111827;--rw-muted:#647a9f;--rw-blue:#164ff4;position:relative;width:calc(100% - 80px);max-width:1440px;height:auto;margin:18px auto 0;padding:0;color:var(--rw-ink);isolation:isolate;text-align:left}
.reference-workspace *{box-sizing:border-box}
.reference-workspace .rw-symbols{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.reference-workspace svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.reference-workspace .rw-shell{display:grid;grid-template-columns:186px minmax(0,1fr);border:1px solid #e1e7ee;border-radius:15px;background:#fff;box-shadow:0 35px 70px -30px #24385835,0 6px 22px #2438580b;overflow:hidden;min-width:0}
.reference-workspace .rw-sidebar{display:flex;flex-direction:column;min-width:0;padding:21px 13px 14px;background:#fbfcfe;border-right:1px solid #edf0f5}
.reference-workspace .rw-brand{display:flex;align-items:center;gap:9px;padding:0 10px 20px;font-size:19px;letter-spacing:-.8px}
.reference-workspace .rw-brand>span{display:grid;place-items:center;width:27px;height:27px;background:#111827;color:#fff;border-radius:7px;font-size:22px;font-weight:800;line-height:1}
.reference-workspace .rw-brand>b{display:flex;align-items:baseline;gap:5px}
.reference-workspace .rw-brand>b>span{font-size:7px;font-weight:600;letter-spacing:.6px;color:#6b7280}
.reference-workspace .rw-workspace-label{display:flex;align-items:center;gap:8px;margin:0 2px 23px;padding:9px 5px;border-top:1px solid #eef1f6;border-bottom:1px solid #eef1f6;font-size:10px;font-weight:600;line-height:1.5}
.reference-workspace .rw-workspace-label>span:last-child{margin-left:auto;color:#9ba2af}
.reference-workspace .rw-workspace-label small{display:block;color:#8a93a2;font-size:7px;font-weight:400;white-space:nowrap}
.reference-workspace .rw-project-icon{display:grid;place-items:center;flex-shrink:0;width:23px;height:23px;border-radius:5px;background:#eef0fd;color:#7366c9;font-size:11px;font-weight:700}
.reference-workspace .rw-navigation{display:flex;flex-direction:column;gap:5px}
.reference-workspace .rw-navigation button{position:relative;display:flex;align-items:center;gap:10px;width:100%;min-width:0;min-height:35px;padding:8px 11px;border:0;border-radius:6px;background:transparent;color:#6b7484;font-family:inherit;font-size:11px;font-weight:500;line-height:1.25;text-align:left;cursor:pointer;transition:background .2s,color .2s;overflow:hidden}
.reference-workspace .rw-navigation button svg{width:16px;height:16px;stroke-width:1.6}
.reference-workspace .rw-navigation button:hover{color:#244be0;background:#eff3fc}
.reference-workspace .rw-navigation button[aria-selected=true]{color:#164ff4;background:#e5edfd;font-weight:650}
.reference-workspace.is-auto-running .rw-navigation button[aria-selected=true]::after{content:'';position:absolute;bottom:0;left:11px;right:11px;height:2px;border-radius:2px;background:#5980e966;transform-origin:left;animation:rw-countdown 9s linear both}
.reference-workspace .rw-navigation button:focus-visible{outline:2px solid #3d61ef;outline-offset:2px}
.reference-workspace .rw-sidebar-bottom{margin-top:auto;display:flex;align-items:center;gap:7px;padding:23px 7px 0;font-size:9px;font-weight:600}
.reference-workspace .rw-sidebar-bottom small{display:block;margin-top:3px;font-size:7px;color:#959da9;font-weight:400}
.reference-workspace .rw-sidebar-bottom>span:last-child{margin-left:auto;color:#939baa}
.reference-workspace .rw-main{min-width:0;background:#fff}
.reference-workspace .rw-topbar{display:flex;align-items:center;gap:16px;height:46px;padding:0 22px;border-bottom:1px solid #e8edf4;font-size:10px}
.reference-workspace .rw-project-name{display:flex;align-items:center;gap:9px;font-size:12px;white-space:nowrap}
.reference-workspace .rw-project-name>span:last-child{color:#8c95a6;padding-left:5px}
.reference-workspace .rw-topbar-view{font-size:9px;padding:7px 10px;border-radius:5px;background:#eef2fc;color:#455da3;white-space:nowrap}
.reference-workspace .rw-topbar-people{display:flex;align-items:center;margin-left:auto;padding-left:9px;white-space:nowrap}
.reference-workspace .rw-topbar-people .rw-avatar{margin-left:-7px;border:2px solid #fff;width:25px;height:25px}
.reference-workspace .rw-topbar-people>span{margin-left:4px;color:#9098a8;font-size:9px}
.reference-workspace .rw-share{display:flex;align-items:center;gap:9px;padding:8px 11px;border-radius:5px;color:#fff;background:#212735;font-size:9px;font-weight:600;white-space:nowrap}
.reference-workspace .rw-share svg{width:12px;height:12px}
.reference-workspace .rw-ellipsis{font-size:17px;letter-spacing:1px;color:#727b8b}
.reference-workspace .rw-content{display:grid;grid-template-columns:minmax(0,1fr) 264px;gap:20px;padding:0 22px 15px;background-color:#fdfefe;background-image:radial-gradient(#dbe2ec .65px,transparent .65px);background-size:15px 15px}
.reference-workspace .rw-story-column{min-width:0}
.hero .reference-workspace.showcase .showcase-stage{position:relative;display:grid;grid-template-columns:minmax(0,1fr);height:244px!important;min-height:0;margin:0!important;padding:0!important;contain:layout style;overflow:hidden}
.hero .reference-workspace.showcase .showcase-position{position:relative!important;grid-area:1/1;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:100%!important;max-width:none;height:100%;margin:0;transform:none!important;transform-origin:center;filter:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none;z-index:0;transition:opacity .38s ease,visibility .38s;will-change:auto;overflow:hidden;outline-offset:-3px}
.hero .reference-workspace.showcase .showcase-position.is-active{opacity:1!important;visibility:visible!important;pointer-events:auto;z-index:1}
.reference-workspace .rw-panel:focus-visible{outline:2px solid #4667de;border-radius:7px}
.reference-workspace .rw-scene-heading{display:flex;justify-content:space-between;gap:12px;padding:15px 0 0;font-size:6px;letter-spacing:1px;font-weight:600;color:#8c96a7}
.reference-workspace .rw-saved{color:#84a096;font-size:6px;letter-spacing:0;font-weight:400}
.reference-workspace .rw-board-scene{position:relative;height:100%;min-width:0;background:none}
.reference-workspace .rw-handnote{position:absolute;top:43px;font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:14px;letter-spacing:-.35px;color:#5d81cb;transform:rotate(-6deg)}
.reference-workspace .rw-note-start{left:17px}
.reference-workspace .rw-note-end{right:3px;top:45px;transform:rotate(4deg);font-size:12px}
.reference-workspace .rw-workflow{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px;padding:46px 0 10px;align-items:start}
.reference-workspace .rw-flow-card{position:relative;min-width:0;height:145px;padding:13px 11px 10px;border:1px solid #252e4010;border-radius:6px;box-shadow:0 4px 7px #18223b09;z-index:2}
.reference-workspace .rw-flow-card>svg{width:22px;height:22px;stroke-width:1.65;display:block;margin-bottom:7px}
.reference-workspace .rw-flow-card>small{display:block;margin:0 0 5px;font-size:5px;letter-spacing:.65px;font-weight:500;opacity:.5}
.reference-workspace .rw-flow-card>h3{margin:0 0 7px;font-size:12px;font-weight:650;line-height:1.28;letter-spacing:-.3px}
.reference-workspace .rw-flow-card>p{margin:0;color:#687187;font-size:8px;line-height:1.55}
.reference-workspace .rw-idea{background:#ebe9fd;transform:rotate(-2deg)}
.reference-workspace .rw-plan{background:#fef3c7;margin-top:16px;transform:rotate(1deg)}
.reference-workspace .rw-design{background:#fff;border-color:#dfe6f3;margin-top:-5px}
.reference-workspace .rw-marketing{background:#dfeefe;margin-top:15px;transform:rotate(-1deg)}
.reference-workspace .rw-launch{background:#dcfbe4;margin-top:-2px;transform:rotate(2deg)}
.reference-workspace .rw-card-mark{display:block;margin-top:10px;font-size:5px;color:#77708f;white-space:nowrap}
.reference-workspace .rw-tiny-checks{display:grid;gap:3px;margin-top:9px;color:#807241;font-size:5px}
.reference-workspace .rw-design-swatches{display:flex;gap:3px;margin-top:11px;height:24px}
.reference-workspace .rw-design-swatches>i{flex:1;border-radius:2px;background:linear-gradient(35deg,#a8c1c7 40%,#e5ecec 41% 66%,#c9d5d9 67%)}
.reference-workspace .rw-design-swatches>i:nth-child(2){background:linear-gradient(110deg,#ede4d3 47%,#bca584 48% 56%,#e7dfd3 57%)}
.reference-workspace .rw-design-swatches>i:nth-child(3){background:linear-gradient(25deg,#b1beaf 30%,#e9eee7 31% 70%,#859682 71%)}
.reference-workspace .rw-card-people{display:flex;align-items:center;gap:0;margin-top:10px;padding-left:5px}
.reference-workspace .rw-card-people>.rw-avatar{width:22px;height:22px;margin-left:-5px;border:2px solid #fff}
.reference-workspace .rw-card-people>span{font-size:7px;color:#838b9a;margin-left:4px}
.reference-workspace .rw-avatar{display:inline-block;width:21px;height:21px;border-radius:50%;flex-shrink:0;background-image:url('/site/images/team-portraits.png');background-repeat:no-repeat;background-size:200% 200%;font-style:normal;vertical-align:middle}
.reference-workspace .rw-photo-one{background-position:0 0}
.reference-workspace .rw-photo-two{background-position:100% 0}
.reference-workspace .rw-photo-three{background-position:0 100%}
.reference-workspace .rw-photo-four{background-position:100% 100%}
.reference-workspace .rw-launch-label{display:inline-block;margin-top:11px;padding:4px 6px;background:#ffffff78;border-radius:3px;font-size:6px;color:#427f61}
.reference-workspace .rw-workflow-path{position:absolute;left:0;top:64px;width:100%;height:194px;stroke:#6c93d6;stroke-width:1.7;overflow:visible;z-index:3;pointer-events:none}
.reference-workspace .rw-workflow-path path{stroke-dasharray:100;stroke-dashoffset:0}
.reference-workspace .rw-pointer{position:absolute;z-index:5;pointer-events:none;color:#3e65dc}
.reference-workspace .rw-pointer>svg{width:19px;height:23px;fill:currentColor;stroke:#fff;stroke-width:1.7;filter:drop-shadow(0 2px 1px #18356730)}
.reference-workspace .rw-pointer>span{position:absolute;top:20px;left:15px;padding:3px 6px;border-radius:0 4px 4px;background:currentColor;white-space:nowrap;color:#fff;background:#4164d1;font-size:6px;font-weight:500}
.reference-workspace .rw-board-pointer{left:57%;top:197px}
.reference-workspace .rw-board-pointer>i{position:absolute;left:-10px;top:-8px;width:22px;height:22px;border:1px solid #5e7cf480;border-radius:50%;opacity:0}
.reference-workspace .rw-widgets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;position:relative;z-index:2}
.reference-workspace .rw-widget{min-width:0;min-height:134px;padding:11px 13px 9px;background:#fff;border:1px solid #e8edf4;border-radius:7px;box-shadow:0 3px 8px #24385805}
.reference-workspace .rw-widget-title{display:flex;align-items:center;gap:6px;margin-bottom:9px;font-size:9px}
.reference-workspace .rw-widget-title>svg{width:14px;height:14px;color:#586274}
.reference-workspace .rw-widget-title>b{font-weight:600;white-space:nowrap}
.reference-workspace .rw-widget-title>span{margin-left:auto;letter-spacing:1px;font-size:12px;color:#848da0}
.reference-workspace .rw-widget-task{display:flex;gap:6px;align-items:center;height:22px;font-size:6.5px;white-space:nowrap}
.reference-workspace .rw-widget-task>i{display:grid;place-items:center;width:9px;height:9px;border:1px solid #cdd5e3;border-radius:2px;color:#4b75d4;font-size:7px;font-style:normal;flex-shrink:0}
.reference-workspace .rw-widget-task>i.rw-check-on{background:#eef3ff;border-color:#c5d6f9}
.reference-workspace .rw-widget-task>span:nth-child(2){overflow:hidden;text-overflow:ellipsis}
.reference-workspace .rw-widget-task>small{margin-left:auto;padding:3px 4px;background:#f0f5fe;color:#6d84ac;border-radius:3px;font-size:5px}
.reference-workspace .rw-widget-task>.rw-avatar{margin-left:auto;width:16px;height:16px}
.reference-workspace .rw-widget-foot{display:flex;align-items:center;gap:5px;margin-top:9px;padding-top:8px;border-top:1px solid #f0f2f7;color:#9098a6;font-size:6px;line-height:1.5}
.reference-workspace .rw-widget-foot>svg{width:10px;height:10px;margin-left:auto}
.reference-workspace .rw-widget>strong{display:block;font-size:11px;font-weight:600;letter-spacing:-.2px;line-height:1.4;margin-top:14px}
.reference-workspace .rw-widget>p{font-size:8px;color:#8a93a3;margin:6px 0 16px}
.reference-workspace .rw-widget-bottom{display:flex;align-items:center;gap:7px;justify-content:space-between}
.reference-workspace .rw-widget-bottom>.rw-card-people{margin:0}
.reference-workspace .rw-join-label{display:inline-block;padding:5px 7px;border-radius:4px;background:#edf2fe;color:#4f6fb4;font-size:7px;white-space:nowrap}
.reference-workspace .rw-deal-value{display:flex;align-items:center;gap:5px;font-size:21px;font-weight:600;letter-spacing:-1px;margin-top:7px}
.reference-workspace .rw-deal-value>span:first-child{font-size:15px;color:#7e8796;font-weight:400}
.reference-workspace .rw-deal-value .rw-deal-status{margin-left:auto;padding:4px 6px;color:#4e7cce;background:#edf3fe;border-radius:4px;font-size:6px;font-weight:400;letter-spacing:0}
.reference-workspace .rw-widget-deal .rw-widget-foot{margin-top:13px;padding-top:10px;white-space:nowrap}
.reference-workspace .rw-widget-deal .rw-avatar{width:17px;height:17px}
.reference-workspace .rw-right-panel{min-width:0;padding-top:19px}
.reference-workspace .rw-video-meeting{border:1px solid #222936;padding:10px;border-radius:10px;background:#171d28;color:#fff;box-shadow:0 8px 17px #2735451a}
.reference-workspace .rw-video-label{display:flex;align-items:center;justify-content:space-between;padding:1px 2px 10px;font-size:8px;color:#e9eff7}
.reference-workspace .rw-video-label>span{display:flex;align-items:center;gap:5px}
.reference-workspace .rw-video-label i{width:4px;height:4px;background:#95d3ad;border-radius:50%}
.reference-workspace .rw-video-label>small{font-size:6px;color:#8b96a8;letter-spacing:.8px}
.reference-workspace .rw-video-grid{display:grid;grid-template-columns:minmax(0,1fr) 56px;gap:5px;height:132px}
.reference-workspace .rw-video-main,.reference-workspace .rw-video-thumbs>div{position:relative;border-radius:5px;background-image:url('/site/images/team-portraits.png');background-repeat:no-repeat;background-size:200% 200%;overflow:hidden}
.reference-workspace .rw-video-main{background-size:auto 200%;background-position:100% 100%}
.reference-workspace .rw-video-main::after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#10202e5c);pointer-events:none}
.reference-workspace .rw-video-main>span{position:absolute;left:7px;right:7px;bottom:6px;z-index:1;display:flex;align-items:center;justify-content:space-between;font-size:7px}
.reference-workspace .rw-video-thumbs{display:grid;grid-template-rows:repeat(3,minmax(0,1fr));gap:5px;min-width:0}
.reference-workspace .rw-video-thumbs>div{background-size:auto 200%}
.reference-workspace .rw-video-thumbs>div>span{position:absolute;bottom:0;left:0;right:0;padding:3px 4px;background:#15233466;color:white;font-size:4.5px}
.reference-workspace .rw-voice-bars{height:11px;display:flex;align-items:center;gap:2px}
.reference-workspace .rw-voice-bars>i{width:2px;height:8px;background:#c9efd3;border-radius:2px;transform:scaleY(.55)}
.reference-workspace .rw-video-controls{display:flex;align-items:center;justify-content:center;gap:9px;padding-top:10px}
.reference-workspace .rw-video-controls>i{display:grid;place-items:center;width:26px;height:23px;border-radius:5px;background:#2c3442;color:#dae2ee;font-style:normal;font-size:12px}
.reference-workspace .rw-video-controls svg{width:12px;height:12px;stroke-width:1.6}
.reference-workspace .rw-video-controls .rw-end-call{background:#e56b76;color:#fff;width:33px}
.reference-workspace .rw-team-note{display:flex;align-items:flex-start;flex-wrap:wrap;column-gap:9px;row-gap:13px;margin-top:16px;padding:13px;border:1px solid #e8edf4;border-radius:8px;background:linear-gradient(140deg,#f3f6ff,#fcfdff);min-height:132px}
.reference-workspace .rw-note-icon{display:grid;place-items:center;width:25px;height:25px;color:#6178bc;background:#e9eefb;border:1px solid #dee7fd;border-radius:6px}
.reference-workspace .rw-note-icon>svg{width:15px;height:15px}
.reference-workspace .rw-team-note>div:nth-child(2){flex:1;min-width:0}
.reference-workspace .rw-team-note b{font-size:8px;font-weight:600;line-height:1.5}
.reference-workspace .rw-team-note p{font-size:7px;line-height:1.65;color:#919aaa;margin:6px 0 0}
.reference-workspace .rw-mini-progress{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:9px;width:100%;font-size:7px;color:#7b88a3}
.reference-workspace .rw-mini-progress>b{font-size:8px;font-weight:500;color:#526b9d}
.reference-workspace .rw-mini-progress>i{height:4px;display:block;width:100%;border-radius:8px;background:#e2e9f6;overflow:hidden}
.reference-workspace .rw-mini-progress>i>i{display:block;width:41.667%;height:100%;background:#8ba8e9;border-radius:8px}
.reference-workspace .rw-statusbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 22px;border-top:1px solid #edf1f6;background:#fff;font-size:6px;color:#929bab}
.reference-workspace .rw-statusbar>span:first-child{display:flex;align-items:center;gap:5px}
.reference-workspace .rw-statusbar i{display:inline-block;width:4px;height:4px;border-radius:50%;background:#9cafc5}
.hero .reference-workspace .rw-caption{position:absolute!important;inset:auto;transform:none;width:1px!important;height:1px!important;max-width:1px;min-height:0!important;margin:-1px!important;padding:0!important;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}

/* Alternate modules fit the same canvas without moving the surrounding window. */
.reference-workspace .rw-module{height:100%;position:relative;min-width:0;padding:16px 0 9px}
.reference-workspace .rw-module-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}
.reference-workspace .rw-module-heading small{display:block;color:#8c97a9;font-size:6px;font-weight:500;letter-spacing:.7px;margin-bottom:7px}
.reference-workspace .rw-module-heading h3{margin:0;color:#273146;font-size:17px;line-height:1.25;font-weight:600;letter-spacing:-.5px}
.reference-workspace .rw-status-chip{flex-shrink:0;padding:5px 7px;border:1px solid #e4eaf6;border-radius:5px;background:#f7f9fd;font-size:6px;color:#7787a5;white-space:nowrap}
.reference-workspace .rw-kanban{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.reference-workspace .rw-lane{min-width:0;padding:10px;background:#f3f5f980;border:1px solid #e7ebf2;border-radius:6px;height:169px;overflow:hidden}
.reference-workspace .rw-lane>h4{display:flex;align-items:center;gap:5px;margin:0 0 11px;font-size:8px;font-weight:600;white-space:nowrap}
.reference-workspace .rw-lane>h4>i{width:4px;height:4px;border-radius:50%;background:#abb7c9}
.reference-workspace .rw-lane:nth-child(2)>h4>i{background:#85a5ea}
.reference-workspace .rw-lane:nth-child(3)>h4>i{background:#84b69a}
.reference-workspace .rw-lane>h4>span{margin-left:auto;font-size:6px;color:#97a3b5}
.reference-workspace .rw-kanban-placeholder{height:92px;margin-bottom:8px}
.reference-workspace .rw-destination{border:1px dashed #a7bcea;border-radius:5px;background:#ebf1fc80;opacity:0}
.reference-workspace .rw-work-card{min-width:0;padding:11px 10px;background:#fff;border:1px solid #e2e8f2;box-shadow:0 2px 3px #25436b04;border-radius:5px}
.reference-workspace .rw-work-card>small{display:flex;align-items:center;gap:5px;font-size:6px;color:#8a97ae;margin-bottom:8px}
.reference-workspace .rw-work-card>b{display:block;font-size:9px;line-height:1.45;font-weight:600;margin-bottom:7px;letter-spacing:-.15px}
.reference-workspace .rw-work-card>strong{font-size:12px;font-weight:600;letter-spacing:-.2px}
.reference-workspace .rw-work-card>p{display:flex;align-items:center;gap:4px;margin:8px 0 0;font-size:6px;line-height:1.5;color:#9ba5b5}
.reference-workspace .rw-work-card>p>.rw-avatar{width:14px;height:14px;margin-left:auto}
.reference-workspace .rw-moving-card>p>.rw-avatar{margin-left:0}
.reference-workspace .rw-card-tag{display:inline-block;padding:3px 5px;border-radius:3px;background:#f0f3fb;color:#7a89a8;font-size:5px;line-height:1.5;white-space:nowrap}
.reference-workspace .rw-priority{color:#bb8b64!important;margin-left:auto;font-size:5px;white-space:nowrap}
.reference-workspace .rw-green-text{color:#639d7f!important}
.reference-workspace .rw-moving-card{position:absolute;left:10px;top:30px;width:calc((100% - 24px)/3 - 20px);height:99px;z-index:3;transform:translateX(calc(100% + 32px));box-shadow:0 4px 8px #365eab12;border-color:#cad9f3}
.reference-workspace .rw-secondary-card{padding:7px 9px}
.reference-workspace .rw-secondary-card>small,.reference-workspace .rw-secondary-card>strong,.reference-workspace .rw-secondary-card>p{display:none}
.reference-workspace .rw-secondary-card>b{font-size:7px;line-height:1.4;margin:0}
.reference-workspace .rw-drag-pointer{left:47%;top:89px}
.reference-workspace .rw-next-step{font-size:5px;line-height:1.4}
.reference-workspace .rw-presentation{border:1px solid #e1e8f5;border-radius:7px;background:#fff;overflow:hidden}
.reference-workspace .rw-presentation-title{display:flex;align-items:center;gap:6px;padding:8px 11px;background:#f2f5fc;border-bottom:1px solid #e4eaf5;color:#7485a5;font-size:7px}
.reference-workspace .rw-presentation-title>svg{width:12px;height:12px}
.reference-workspace .rw-presentation-title>span{margin-left:auto;color:#93a0b6;font-size:6px}
.reference-workspace .rw-slide{display:flex;justify-content:space-between;gap:20px;min-height:116px;padding:14px 30px;background:linear-gradient(105deg,#f5f4ff,#f3f7ff 75%,#eaf5ef)}
.reference-workspace .rw-slide>div:first-child{min-width:0}
.reference-workspace .rw-slide small{font-size:5px;letter-spacing:.8px;color:#8a8da8}
.reference-workspace .rw-slide h4{font-size:24px;font-weight:500;line-height:1.05;letter-spacing:-1px;margin:8px 0;color:#3b4466}
.reference-workspace .rw-slide p{font-size:6px;color:#8e96b0;margin:0}
.reference-workspace .rw-slide-graphic{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:1fr auto;align-items:end;gap:5px 12px;width:37%;max-width:190px;padding-top:6px}
.reference-workspace .rw-slide-graphic>i{height:44px;background:#c1bcf3;border-radius:5px 5px 0 0;transform-origin:bottom}
.reference-workspace .rw-slide-graphic>i:nth-child(2){height:65px;background:#a8c2e8}
.reference-workspace .rw-slide-graphic>i:nth-child(3){height:77px;background:#a4ccb6}
.reference-workspace .rw-slide-graphic>span{font-size:5px;text-align:center;color:#8998ad}
.reference-workspace .rw-slide-message{display:flex;align-items:center;gap:8px;padding:7px 11px;border-top:1px solid #e7ecf6;font-size:6px;color:#8390a6}
.reference-workspace .rw-slide-message>.rw-avatar{width:18px;height:18px}
.reference-workspace .rw-slide-message b{color:#596b89;font-weight:600;margin-right:5px}
.reference-workspace .rw-slide-message>span:last-child{color:#7fab98;margin-left:auto}
.reference-workspace .rw-files-view{display:grid;grid-template-columns:39% minmax(0,1fr);gap:17px}
.reference-workspace .rw-upload-zone{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;height:177px;padding:15px;border:1px dashed #b8c9eb;border-radius:7px;background:#f4f7fe;text-align:center;overflow:hidden}
.reference-workspace .rw-upload-zone>svg{width:31px;height:31px;margin-bottom:12px;color:#89a0cc;stroke-width:1.25}
.reference-workspace .rw-upload-zone>b{font-size:10px;font-weight:500}
.reference-workspace .rw-upload-zone>span{font-size:6px;color:#9aa8bd;margin-top:7px}
.reference-workspace .rw-upload-complete{position:absolute;bottom:41px;opacity:1;color:#75a88e!important}
.reference-workspace .rw-upload-initial{opacity:0}
.reference-workspace .rw-upload-progress{display:block;width:76%;height:4px;background:#e0e7f5;border-radius:4px;overflow:hidden;margin-top:15px}
.reference-workspace .rw-upload-progress>i{display:block;width:100%;height:100%;background:#89a8e3;border-radius:4px;transform-origin:left}
.reference-workspace .rw-file-list{display:flex;flex-direction:column;gap:9px}
.reference-workspace .rw-file-row{display:flex;align-items:center;gap:10px;padding:12px;background:#fff;border:1px solid #e6ebf4;border-radius:6px;min-width:0}
.reference-workspace .rw-file-kind{display:grid;place-items:center;width:29px;height:35px;flex-shrink:0;border:1px solid #efdbd6;border-radius:4px;background:#fff7f4;font-size:5px;color:#b68d80}
.reference-workspace .rw-file-kind.rw-xlsx{background:#f3faf7;border-color:#dcece4;color:#7d9d8c}
.reference-workspace .rw-file-row>span:nth-child(2){min-width:0}
.reference-workspace .rw-file-row b{display:block;font-size:9px;font-weight:500;white-space:nowrap}
.reference-workspace .rw-file-row small{display:block;color:#a0aabb;font-size:6px;margin-top:5px}
.reference-workspace .rw-file-row>svg{width:12px;height:12px;margin-left:auto;color:#8798b3}
.reference-workspace .rw-file-row>.rw-green-text{margin-left:auto;font-size:10px}
.reference-workspace .rw-export-note{display:flex;align-items:center;gap:7px;padding:9px 4px;color:#8b99af;font-size:6px;line-height:1.6}
.reference-workspace .rw-export-note>svg{width:15px;height:15px;color:#90a4c2}
.reference-workspace .rw-file-pointer{top:157px;left:28%}
.reference-workspace .rw-discussion-view{position:relative;max-width:560px;margin:0 auto}
.reference-workspace .rw-comment{display:flex;gap:10px;align-items:flex-start;margin-bottom:12px}
.reference-workspace .rw-comment>.rw-avatar{width:24px;height:24px;border:1px solid #fff}
.reference-workspace .rw-comment>div{background:#fff;border:1px solid #e5eaf3;border-radius:0 7px 7px;padding:8px 11px;min-width:0;flex:1}
.reference-workspace .rw-comment b{display:block;font-size:8px;font-weight:600;color:#586b8a}
.reference-workspace .rw-comment b>small{font-size:6px;font-weight:400;color:#a4afc0;margin-left:7px}
.reference-workspace .rw-comment p{font-size:8px;color:#72829b;line-height:1.5;margin:6px 0 0}
.reference-workspace .rw-comment-file{display:flex;align-items:center;gap:4px;margin-top:7px;color:#8a9ab4;font-size:6px}
.reference-workspace .rw-comment-file>svg{width:10px;height:10px}
.reference-workspace .rw-comment-new{margin-bottom:10px}
.reference-workspace .rw-comment-new>div{background:#f6f8ff;border-color:#dee7f9}
.reference-workspace .rw-comment-ack{display:none;font-size:5px;color:#90af9f;margin-top:5px}
.reference-workspace .rw-comment-compose{position:relative;border:1px solid #dbe3f2;min-height:31px;border-radius:5px;padding:10px 31px 8px 10px;margin-left:34px;background:#fff;font-size:7px;color:#8291aa;overflow:hidden}
.reference-workspace .rw-typed-comment{display:block;white-space:nowrap;max-width:100%;width:0;overflow:hidden;opacity:0}
.reference-workspace .rw-compose-placeholder{position:absolute;left:10px;top:11px;color:#a7b0c1}
.reference-workspace .rw-comment-compose>i{display:grid;place-items:center;position:absolute;right:6px;top:5px;width:21px;height:21px;border-radius:4px;background:#6888d7;color:#fff;font-style:normal}
.reference-workspace .rw-comment-compose svg{width:12px;height:12px}
.reference-workspace .rw-access-note{display:block;font-size:6px;color:#9aa6b9;margin:7px 0 0 34px}
.reference-workspace .rw-analytics-view{min-width:0}
.reference-workspace .rw-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:12px}
.reference-workspace .rw-metrics>div{min-width:0;padding:10px 13px;background:#fff;border:1px solid #e5eaf3;border-radius:6px}
.reference-workspace .rw-metrics small{display:block;font-size:6px;color:#919eb1;margin-bottom:6px}
.reference-workspace .rw-metrics b{display:block;font-size:21px;font-weight:600;letter-spacing:-.9px;white-space:nowrap;color:#43516b}
.reference-workspace .rw-metrics b>span{font-weight:400;font-size:8px;color:#99a7bd;letter-spacing:0}
.reference-workspace .rw-charts{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.reference-workspace .rw-bar-chart,.reference-workspace .rw-task-chart{min-width:0;height:106px;border:1px solid #e5eaf3;border-radius:6px;background:#fff;padding:10px 12px}
.reference-workspace .rw-bar-chart>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:6px;color:#9ba6b9}
.reference-workspace .rw-bar-chart b{font-size:7px;color:#74839b;font-weight:500}
.reference-workspace .rw-bars{display:flex;gap:18px;height:57px;margin:10px 12px 0;align-items:flex-end;border-bottom:1px solid #e9eef6}
.reference-workspace .rw-bars>span{position:relative;display:flex;align-items:flex-end;justify-content:center;flex:1;height:50px}
.reference-workspace .rw-bars i{display:block;height:var(--rw-bar);width:100%;max-width:39px;border-radius:3px 3px 0 0;background:#d6cdf5;transform-origin:bottom}
.reference-workspace .rw-bars>span:nth-child(2)>i{background:#a9c4f0}
.reference-workspace .rw-bars>span:nth-child(3)>i{background:#aed6c1}
.reference-workspace .rw-bars small{position:absolute;bottom:-12px;white-space:nowrap;font-size:5px;color:#94a0b3}
.reference-workspace .rw-bars b{position:absolute;top:-10px;color:#92a0b4;font-size:6px}
.reference-workspace .rw-task-chart{display:flex;align-items:center;justify-content:center;gap:24px}
.reference-workspace .rw-donut{display:grid;place-items:center;width:80px;height:80px;flex-shrink:0;border-radius:50%;background:conic-gradient(#add3bd 0 41.667%,#b4c9f0 41.667% 75%,#e3e8f3 75%)}
.reference-workspace .rw-donut>span{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;width:61px;height:61px;background:#fff;font-size:6px;color:#a2adbd}
.reference-workspace .rw-donut b{font-size:20px;font-weight:500;color:#5f718c;line-height:1.3}
.reference-workspace .rw-task-chart>div:last-child{display:grid;gap:9px}
.reference-workspace .rw-task-chart>div:last-child>span{display:flex;align-items:center;gap:5px;font-size:6px;white-space:nowrap;color:#8e9bb0}
.reference-workspace .rw-task-chart>div:last-child i{width:4px;height:4px;border-radius:50%;background:#add3bd}
.reference-workspace .rw-task-chart>div:last-child>span:nth-child(2)>i{background:#b4c9f0}
.reference-workspace .rw-task-chart>div:last-child>span:nth-child(3)>i{background:#e3e8f3}
.reference-workspace .rw-task-chart>div:last-child b{font-size:6px;color:#8593aa;margin-left:auto;font-weight:500}

/* Motion tells one small action per scene; inactive scenes never keep running. */
.reference-workspace .is-active .rw-workflow-path path{animation:rw-draw-path 8.4s ease-in-out infinite}
.reference-workspace .is-active .rw-design{animation:rw-design-place 8.4s cubic-bezier(.23,.64,.28,1) infinite}
.reference-workspace .is-active .rw-board-pointer{animation:rw-board-cursor 8.4s cubic-bezier(.35,0,.22,1) infinite}
.reference-workspace .is-active .rw-board-pointer>i{animation:rw-click 8.4s ease-out infinite}
.reference-workspace .is-active .rw-moving-card{animation:rw-move-card 8.4s cubic-bezier(.25,.7,.3,1) infinite}
.reference-workspace .is-active .rw-drag-pointer{animation:rw-drag-cursor 8.4s cubic-bezier(.25,.7,.3,1) infinite}
.reference-workspace .is-active .rw-destination{animation:rw-drop-target 8.4s ease infinite}
.reference-workspace .is-active .rw-next-step{animation:rw-late-appear 8.4s ease infinite}
.reference-workspace .is-active .rw-slide-graphic>i{animation:rw-chart-rise 8.4s ease infinite}
.reference-workspace .is-active .rw-slide-message{animation:rw-late-appear 8.4s ease infinite}
.reference-workspace .is-active .rw-upload-progress>i{animation:rw-file-progress 8.4s ease infinite}
.reference-workspace .is-active .rw-new-file,.reference-workspace .is-active .rw-upload-complete{animation:rw-file-added 8.4s ease infinite}
.reference-workspace .is-active .rw-upload-initial{animation:rw-file-label 8.4s ease infinite}
.reference-workspace .is-active .rw-file-pointer{animation:rw-file-cursor 8.4s ease infinite}
.reference-workspace .is-active .rw-comment-new{animation:rw-comment-send 8.4s ease infinite}
.reference-workspace .is-active .rw-typed-comment{animation:rw-type-comment 8.4s steps(38,end) infinite}
.reference-workspace .is-active .rw-compose-placeholder{animation:rw-placeholder 8.4s linear infinite}
.reference-workspace .is-active .rw-bars i{animation:rw-chart-rise 8.4s ease infinite}
.reference-workspace .rw-voice-bars>i{animation:rw-voice 1s ease-in-out infinite alternate}
.reference-workspace .rw-voice-bars>i:nth-child(2){animation-delay:-.6s}
.reference-workspace .rw-voice-bars>i:nth-child(3){animation-delay:-.3s}
.reference-workspace.is-out-of-view *,.reference-workspace.is-background *,.reference-workspace:not(.is-auto-running) .rw-voice-bars>i{animation-play-state:paused!important}
@keyframes rw-countdown{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes rw-draw-path{0%,20%{stroke-dashoffset:100;opacity:.15}49%,94%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
@keyframes rw-design-place{0%,8%{transform:translate(-10px,18px) rotate(-6deg)}17%,23%{transform:translate(-10px,12px) rotate(-4deg);box-shadow:0 13px 18px #1d3d7220}38%,100%{transform:none;box-shadow:0 4px 7px #18223b09}}
@keyframes rw-board-cursor{0%{transform:translate(-100px,30px);opacity:0}9%{opacity:1}16%,23%{transform:translate(-42px,-56px)}38%{transform:translate(-32px,-74px)}49%{transform:translate(77px,-20px)}75%,91%{transform:translate(120px,-3px);opacity:1}100%{transform:translate(130px,13px);opacity:0}}
@keyframes rw-click{0%,13%,23%,100%{opacity:0;transform:scale(.5)}15%{opacity:.8;transform:scale(.6)}21%{opacity:0;transform:scale(1.6)}}
@keyframes rw-move-card{0%,16%{transform:translateX(0) rotate(0);box-shadow:0 2px 3px #25436b04}23%{transform:translate(8px,-6px) rotate(-2deg);box-shadow:0 12px 18px #365eab20}47%,100%{transform:translateX(calc(100% + 32px));box-shadow:0 4px 8px #365eab12}}
@keyframes rw-drag-cursor{0%{opacity:0;transform:translate(-90px,40px)}9%,17%{opacity:1;transform:translate(calc(-100% - 155px),-16px)}23%{transform:translate(calc(-100% - 147px),-22px)}47%{transform:translate(20px,-16px)}62%,90%{opacity:1;transform:translate(33px,8px)}100%{opacity:0;transform:translate(48px,19px)}}
@keyframes rw-drop-target{0%,14%,58%,100%{opacity:0}23%,46%{opacity:1}}
@keyframes rw-late-appear{0%,47%{opacity:0;transform:translateY(3px)}61%,100%{opacity:1;transform:none}}
@keyframes rw-chart-rise{0%,10%{transform:scaleY(.04)}43%,100%{transform:scaleY(1)}}
@keyframes rw-file-progress{0%,14%{transform:scaleX(0)}61%,100%{transform:scaleX(1)}}
@keyframes rw-file-added{0%,59%{opacity:0;transform:translateY(5px)}69%,100%{opacity:1;transform:none}}
@keyframes rw-file-label{0%,55%{opacity:1}61%,100%{opacity:0}}
@keyframes rw-file-cursor{0%{transform:translate(100px,20px);opacity:0}10%,22%{transform:translate(-7px,-19px);opacity:1}47%{transform:translate(-3px,-18px)}75%,90%{transform:translate(150px,8px);opacity:1}100%{transform:translate(150px,15px);opacity:0}}
@keyframes rw-comment-send{0%,54%{opacity:0;transform:translateY(5px)}65%,100%{opacity:1;transform:none}}
@keyframes rw-type-comment{0%,12%{width:0;opacity:1}49%,55%{width:100%;opacity:1}56%,100%{width:0;opacity:0}}
@keyframes rw-placeholder{0%,7%,60%,100%{opacity:1}8%,59%{opacity:0}}
@keyframes rw-voice{from{transform:scaleY(.3)}to{transform:scaleY(1)}}

@media(min-width:1500px){
 .reference-workspace .rw-shell{grid-template-columns:192px minmax(0,1fr)}
 .reference-workspace .rw-content{grid-template-columns:minmax(0,1fr) 292px;gap:21px;padding-left:29px;padding-right:21px}
 .reference-workspace .rw-flow-card{padding:15px 13px;height:150px}
 .reference-workspace .rw-flow-card>h3{font-size:12px}.reference-workspace .rw-flow-card>p{font-size:8px}.reference-workspace .rw-flow-card>small{font-size:5.5px}
 .reference-workspace .rw-video-grid{height:132px;grid-template-columns:minmax(0,1fr) 62px}
 .reference-workspace .rw-team-note{min-height:132px;margin-top:14px}
}
@media(max-width:1190px){
 .hero .reference-workspace.showcase{width:calc(100% - 40px)}
 .reference-workspace .rw-shell{grid-template-columns:153px minmax(0,1fr)}
 .reference-workspace .rw-sidebar{padding-left:8px;padding-right:8px}
 .reference-workspace .rw-content{grid-template-columns:minmax(0,1fr) 220px;gap:13px;padding:0 15px 15px}
 .reference-workspace .rw-topbar{padding:0 15px;gap:10px}
 .reference-workspace .rw-topbar-view{display:none}
 .reference-workspace .rw-navigation button{font-size:10px;gap:8px;padding-left:10px}
 .reference-workspace .rw-workspace-label{font-size:8px;gap:6px}.reference-workspace .rw-workspace-label small{font-size:6px}
 .reference-workspace .rw-workflow{gap:8px;padding-top:54px}
 .reference-workspace .rw-flow-card{padding:11px 8px;height:133px}
 .reference-workspace .rw-flow-card>svg{width:18px;height:18px}
 .reference-workspace .rw-flow-card>h3{font-size:11px}.reference-workspace .rw-flow-card>p{font-size:7px}.reference-workspace .rw-flow-card>small{font-size:4px;letter-spacing:.4px}
 .reference-workspace .rw-card-mark{font-size:4px}.reference-workspace .rw-tiny-checks{font-size:4.5px}
 .reference-workspace .rw-card-people>.rw-avatar{width:19px;height:19px}
 .reference-workspace .rw-handnote{font-size:12px}.reference-workspace .rw-note-end{font-size:10px}
 .reference-workspace .rw-widgets{gap:8px}.reference-workspace .rw-widget{padding:10px 9px}.reference-workspace .rw-widget-title{gap:4px;font-size:7px}.reference-workspace .rw-widget>strong{font-size:9px}.reference-workspace .rw-widget-task{font-size:5.5px}.reference-workspace .rw-widget>p{font-size:6px}.reference-workspace .rw-join-label{font-size:5px}.reference-workspace .rw-widget-foot{font-size:5px}
 .reference-workspace .rw-module-heading h3{font-size:14px}.reference-workspace .rw-status-chip{font-size:5px;padding:4px}
 .reference-workspace .rw-work-card{padding-left:7px;padding-right:7px}.reference-workspace .rw-work-card>b{font-size:8px}.reference-workspace .rw-work-card>small{font-size:5px}.reference-workspace .rw-card-tag{font-size:4px;padding:3px}.reference-workspace .rw-lane>h4{font-size:7px}.reference-workspace .rw-priority{font-size:4px}.reference-workspace .rw-work-card>p{font-size:5px}
 .reference-workspace .rw-video-grid{grid-template-columns:minmax(0,1fr) 48px;height:132px}.reference-workspace .rw-video-controls{gap:7px}.reference-workspace .rw-video-thumbs>div>span{font-size:4px}.reference-workspace .rw-video-controls>i{width:23px}
 .reference-workspace .rw-team-note{min-height:132px;column-gap:6px;padding:13px 10px}.reference-workspace .rw-team-note b{font-size:7px}.reference-workspace .rw-team-note p{font-size:6px}
 .reference-workspace .rw-slide{padding-left:18px;padding-right:18px}.reference-workspace .rw-slide h4{font-size:21px}
 .reference-workspace .rw-task-chart{gap:12px;padding:8px}.reference-workspace .rw-donut{width:67px;height:67px}.reference-workspace .rw-donut>span{width:51px;height:51px}.reference-workspace .rw-task-chart>div:last-child>span{font-size:5px}.reference-workspace .rw-metrics b{font-size:18px}
}
@media(min-width:801px){
 .reference-workspace .rw-module-heading{margin-bottom:8px}
 .reference-workspace .rw-slide{padding-top:9px;padding-bottom:9px}
 .reference-workspace .rw-metrics{margin-bottom:9px}
}
@media(max-width:960px){
 .hero .reference-workspace.showcase{width:calc(100% - 32px);margin-top:18px}
 .reference-workspace .rw-shell{grid-template-columns:55px minmax(0,1fr)}
 .reference-workspace .rw-sidebar{padding:16px 6px}
 .reference-workspace .rw-brand{justify-content:center;padding:0 0 20px}.reference-workspace .rw-brand>b,.reference-workspace .rw-workspace-label,.reference-workspace .rw-sidebar-bottom{display:none}
 .reference-workspace .rw-navigation{gap:11px}.reference-workspace .rw-navigation button{justify-content:center;min-height:36px;padding:8px}.reference-workspace .rw-navigation button>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.reference-workspace .rw-navigation button>svg{width:18px;height:18px}
 .reference-workspace .rw-content{grid-template-columns:minmax(0,1fr) 203px;gap:11px;padding-left:13px;padding-right:13px}
 .reference-workspace .rw-flow-card>h3{font-size:10px}.reference-workspace .rw-flow-card>p{font-size:6.5px}.reference-workspace .rw-workflow{gap:7px}.reference-workspace .rw-flow-card{padding-left:7px;padding-right:6px}.reference-workspace .rw-card-mark{display:none}
 .reference-workspace .rw-status-chip{display:none}
 .reference-workspace .rw-widget-title{font-size:6.5px}.reference-workspace .rw-widget-title>svg{width:11px;height:11px}.reference-workspace .rw-widget-task>small{display:none}.reference-workspace .rw-widget-foot{font-size:4.7px}.reference-workspace .rw-widget-deal .rw-avatar{display:none}
 .reference-workspace .rw-team-note .rw-note-icon{display:none}
}
@media(max-width:800px){
 .hero .reference-workspace.showcase{width:calc(100% - 28px);margin-top:34px;padding-bottom:17px}
 .reference-workspace .rw-shell{display:flex;flex-direction:column;border-radius:11px}
 .reference-workspace .rw-sidebar{display:block;padding:8px;background:#fbfcfe;border-right:0;border-bottom:1px solid #e8edf4}
 .reference-workspace .rw-brand{display:none}
 .reference-workspace .rw-navigation{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}
 .reference-workspace .rw-navigation button{flex-direction:column;gap:5px;min-height:49px;justify-content:flex-start;padding:7px 1px 5px;border-radius:5px}
 .reference-workspace .rw-navigation button>svg{width:17px;height:17px}
 .reference-workspace .rw-navigation button>span{position:static;width:auto;height:auto;margin:0;clip-path:none;overflow:visible;white-space:normal;line-height:1.2;font-size:5.7px;text-align:center;letter-spacing:-.1px}
 .reference-workspace.is-auto-running .rw-navigation button[aria-selected=true]::after{left:4px;right:4px}
 .reference-workspace .rw-topbar{height:45px;padding:0 12px;gap:7px}.reference-workspace .rw-project-name{font-size:10px;gap:6px}.reference-workspace .rw-project-name .rw-project-icon{width:19px;height:19px;font-size:8px}
 .reference-workspace .rw-topbar-people{padding-left:4px}.reference-workspace .rw-topbar-people .rw-avatar{width:21px;height:21px}.reference-workspace .rw-topbar-people>span{font-size:7px}.reference-workspace .rw-share{padding:6px 7px;font-size:7px}.reference-workspace .rw-share>svg{display:none}.reference-workspace .rw-ellipsis{display:none}
 .reference-workspace .rw-content{display:flex;flex-direction:column;gap:14px;padding:0 12px 13px;background-size:13px 13px}
 .hero .reference-workspace.showcase .showcase-stage{height:331px!important}
 .reference-workspace .rw-scene-heading{padding-top:14px;font-size:5px}.reference-workspace .rw-saved{font-size:5px}
 .reference-workspace .rw-handnote{top:35px;font-size:13px}.reference-workspace .rw-note-end{top:304px;right:2px;font-size:10px}
 .reference-workspace .rw-workflow{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px 11px;padding:44px 1px 0}
 .reference-workspace .rw-flow-card{height:113px;margin:0;padding:10px 9px;border-radius:5px;transform:none}
 .reference-workspace .rw-flow-card>svg{width:18px;height:18px;margin-bottom:5px}.reference-workspace .rw-flow-card>small{font-size:4px;margin-bottom:4px}.reference-workspace .rw-flow-card>h3{font-size:9px;margin-bottom:5px}.reference-workspace .rw-flow-card>p{font-size:6px;line-height:1.5}
 .reference-workspace .rw-tiny-checks{font-size:4px;margin-top:5px;gap:2px}.reference-workspace .rw-design-swatches{height:15px;margin-top:7px}
 .reference-workspace .rw-marketing{grid-column:1;transform:translateX(50%)}.reference-workspace .rw-launch{grid-column:2;transform:translateX(50%)}
 .reference-workspace .rw-card-people{margin-top:6px}.reference-workspace .rw-launch-label{font-size:5px;margin-top:7px;padding:3px 5px}
 .reference-workspace .rw-workflow-path{display:none}
 .reference-workspace .rw-board-pointer{top:145px;left:65%}
 .reference-workspace .rw-widgets{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .reference-workspace .rw-widget{padding:12px 11px;min-height:135px;border-radius:6px}
 .reference-workspace .rw-widget-tasks{grid-column:1/-1;min-height:0}
 .reference-workspace .rw-widget-title{font-size:10px;gap:6px;margin-bottom:9px}.reference-workspace .rw-widget-title>svg{width:14px;height:14px}.reference-workspace .rw-widget-title>span{display:block}
 .reference-workspace .rw-widget-task{font-size:9px;height:24px;gap:7px}.reference-workspace .rw-widget-task>i{width:10px;height:10px;font-size:7px}.reference-workspace .rw-widget-task>.rw-avatar{width:18px;height:18px}.reference-workspace .rw-widget-foot{font-size:7px;margin-top:7px;padding-top:9px;line-height:1.5}.reference-workspace .rw-widget-foot>svg{display:block;width:12px;height:12px}
 .reference-workspace .rw-widget>strong{font-size:10px;margin-top:15px}.reference-workspace .rw-widget>p{font-size:8px;line-height:1.5;margin-bottom:14px}.reference-workspace .rw-widget-bottom{gap:5px;flex-wrap:wrap}.reference-workspace .rw-widget .rw-card-people>.rw-avatar{width:21px;height:21px}.reference-workspace .rw-widget .rw-card-people>span{font-size:7px;margin-left:2px}.reference-workspace .rw-join-label{font-size:7px;padding:4px 5px}
 .reference-workspace .rw-deal-value{font-size:23px;gap:4px;margin-top:8px;flex-wrap:wrap}.reference-workspace .rw-deal-value>span:first-child{font-size:15px}.reference-workspace .rw-deal-value .rw-deal-status{font-size:6px;padding:4px}.reference-workspace .rw-widget-deal .rw-widget-foot{margin-top:13px;padding-top:10px;white-space:normal;font-size:6.5px}
 .reference-workspace .rw-right-panel{display:grid;grid-template-columns:1.15fr 1fr;gap:10px;padding-top:0}
 .reference-workspace .rw-video-meeting{padding:7px;border-radius:7px}
 .reference-workspace .rw-video-label{padding:0 0 6px;font-size:6px}.reference-workspace .rw-video-label>small{font-size:4px;letter-spacing:.4px}.reference-workspace .rw-video-label>span{gap:3px}.reference-workspace .rw-video-label i{width:3px;height:3px}
 .reference-workspace .rw-video-grid{grid-template-columns:minmax(0,1fr) 36px;height:102px;gap:4px}.reference-workspace .rw-video-main>span{left:5px;right:5px;bottom:4px;font-size:5px}.reference-workspace .rw-video-thumbs{gap:4px}.reference-workspace .rw-video-thumbs>div>span{font-size:3px;padding:2px}
 .reference-workspace .rw-video-controls{padding-top:6px;gap:5px}.reference-workspace .rw-video-controls>i{width:20px;height:17px;font-size:9px}.reference-workspace .rw-video-controls svg{width:9px;height:9px}.reference-workspace .rw-video-controls .rw-end-call{width:25px}
 .reference-workspace .rw-team-note{display:flex;align-content:center;margin:0;min-height:0;padding:12px 9px;gap:13px;background:#f5f7fc}.reference-workspace .rw-team-note b{font-size:7px}.reference-workspace .rw-team-note p{font-size:6px;line-height:1.6}.reference-workspace .rw-mini-progress{font-size:6px;gap:6px}.reference-workspace .rw-mini-progress>b{font-size:6px}
 .reference-workspace .rw-statusbar{font-size:5px;padding:8px 12px}.reference-workspace .rw-statusbar>span:last-child{display:none}
 .hero .reference-workspace .rw-caption{font-size:9px;margin-top:14px;min-height:30px;padding:0 8px}
 .reference-workspace .rw-module{padding-top:22px}.reference-workspace .rw-module-heading{margin-bottom:21px}.reference-workspace .rw-module-heading h3{font-size:15px;line-height:1.3;max-width:280px}.reference-workspace .rw-module-heading small{font-size:5px;letter-spacing:.65px}
 .reference-workspace .rw-kanban{gap:7px}.reference-workspace .rw-lane{padding:7px;height:206px}.reference-workspace .rw-lane>h4{font-size:6px;gap:3px}.reference-workspace .rw-lane>h4>span{font-size:5px}.reference-workspace .rw-work-card{padding:8px 6px}.reference-workspace .rw-work-card>b{font-size:6.5px;line-height:1.5}.reference-workspace .rw-work-card>strong{font-size:10px}.reference-workspace .rw-work-card>small{font-size:4px;gap:2px}.reference-workspace .rw-work-card>p{font-size:4px}.reference-workspace .rw-work-card>p>.rw-avatar{width:12px;height:12px}.reference-workspace .rw-card-tag{font-size:3.8px;padding:3px 2px;white-space:normal}.reference-workspace .rw-priority{display:none}.reference-workspace .rw-secondary-card>b{font-size:6px}.reference-workspace .rw-next-step{font-size:3.8px}
 .reference-workspace .rw-moving-card{left:7px;width:calc((100% - 14px)/3 - 14px);top:27px;height:108px;transform:translateX(calc(100% + 21px));--rw-move-gap:21px}
 .reference-workspace .rw-kanban-placeholder{height:107px}.reference-workspace .rw-drag-pointer{top:102px;left:47%}
 .reference-workspace .is-active .rw-moving-card{animation-name:rw-move-card-mobile}
 .reference-workspace .rw-presentation{margin-top:26px}.reference-workspace .rw-presentation-title{font-size:6px;padding:9px}.reference-workspace .rw-slide{min-height:145px;padding:20px 15px;gap:12px}.reference-workspace .rw-slide h4{font-size:21px}.reference-workspace .rw-slide small{font-size:4px}.reference-workspace .rw-slide p{font-size:5px;line-height:1.5}.reference-workspace .rw-slide-graphic{gap:6px}.reference-workspace .rw-slide-graphic>i{height:40px}.reference-workspace .rw-slide-graphic>i:nth-child(2){height:62px}.reference-workspace .rw-slide-graphic>i:nth-child(3){height:87px}.reference-workspace .rw-slide-graphic>span{font-size:4px}.reference-workspace .rw-slide-message{padding:10px 8px;font-size:5px}.reference-workspace .rw-slide-message>.rw-avatar{width:16px;height:16px}
 .reference-workspace .rw-files-view{grid-template-columns:1fr;gap:10px}.reference-workspace .rw-upload-zone{height:87px;padding:11px 12px 11px 54px;align-items:flex-start}.reference-workspace .rw-upload-zone>svg{position:absolute;left:15px;top:21px;width:25px;height:30px}.reference-workspace .rw-upload-zone>b{font-size:9px}.reference-workspace .rw-upload-zone>span{font-size:6px;margin-top:7px}.reference-workspace .rw-upload-complete{bottom:37px}.reference-workspace .rw-upload-progress{width:95%;margin-top:10px}.reference-workspace .rw-file-list{gap:7px}.reference-workspace .rw-file-row{padding:8px 10px;gap:8px}.reference-workspace .rw-file-kind{width:23px;height:27px;font-size:4.5px}.reference-workspace .rw-file-row b{font-size:8px}.reference-workspace .rw-file-row small{font-size:5px;margin-top:4px}.reference-workspace .rw-export-note{padding:2px 4px;font-size:5px}.reference-workspace .rw-file-pointer{left:65%;top:133px}
 .reference-workspace .rw-discussion-view{margin-top:24px}.reference-workspace .rw-comment{gap:7px;margin-bottom:15px}.reference-workspace .rw-comment>div{padding:10px}.reference-workspace .rw-comment>.rw-avatar{width:22px;height:22px}.reference-workspace .rw-comment b{font-size:7px}.reference-workspace .rw-comment p{font-size:7px;line-height:1.6}.reference-workspace .rw-comment-compose{margin-left:29px;margin-top:16px;font-size:6px;min-height:35px;padding-top:12px}.reference-workspace .rw-comment-compose>i{top:6px}.reference-workspace .rw-compose-placeholder{top:12px}.reference-workspace .rw-access-note{margin:10px 0 0 29px;font-size:5px;line-height:1.5}
 .reference-workspace .rw-metrics{gap:6px;margin-top:25px;margin-bottom:11px}.reference-workspace .rw-metrics>div{padding:10px 8px}.reference-workspace .rw-metrics small{font-size:5px;line-height:1.4;min-height:14px}.reference-workspace .rw-metrics b{font-size:15px}.reference-workspace .rw-metrics b>span{font-size:5px}.reference-workspace .rw-charts{gap:7px}.reference-workspace .rw-bar-chart,.reference-workspace .rw-task-chart{height:137px;padding:9px}.reference-workspace .rw-bar-chart>div:first-child{font-size:4px}.reference-workspace .rw-bar-chart b{font-size:5px}.reference-workspace .rw-bars{height:83px;gap:14px;margin:8px 2px 0}.reference-workspace .rw-bars>span{height:58px}.reference-workspace .rw-bars small{font-size:4px}.reference-workspace .rw-bars b{font-size:5px}.reference-workspace .rw-task-chart{flex-direction:column;gap:9px}.reference-workspace .rw-donut{width:66px;height:66px}.reference-workspace .rw-donut>span{width:50px;height:50px;font-size:5px}.reference-workspace .rw-donut b{font-size:16px}.reference-workspace .rw-task-chart>div:last-child{gap:5px;grid-template-columns:1fr}.reference-workspace .rw-task-chart>div:last-child>span{font-size:5px}.reference-workspace .rw-task-chart>div:last-child b{font-size:5px}
}
@media(max-width:520px){
 .reference-workspace .rw-navigation{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
 .reference-workspace .rw-navigation button{min-height:44px;gap:4px;padding:6px 2px 5px}
 .reference-workspace .rw-navigation button>span{font-size:9px;letter-spacing:-.2px}
 .reference-workspace .rw-navigation button>svg{width:15px;height:15px}
 .reference-workspace .rw-flow-card>h3{font-size:10px}.reference-workspace .rw-flow-card>p{font-size:7px}.reference-workspace .rw-flow-card>small{font-size:4.5px}
 .reference-workspace .rw-tiny-checks{font-size:4.5px}
}
@keyframes rw-move-card-mobile{0%,16%{transform:none}23%{transform:translate(5px,-6px) rotate(-2deg)}47%,100%{transform:translateX(calc(100% + 21px))}}
.reference-workspace .rw-website-flow{display:grid;grid-template-columns:1.1fr .9fr .9fr;align-items:center;gap:15px;margin:13px 0 11px;position:relative}
.reference-workspace .rw-website-flow:before{content:"";position:absolute;height:2px;background:#d8dff3;left:10%;right:10%;top:50%}
.reference-workspace .rw-website-flow>div{position:relative;z-index:1;min-width:0}
.reference-workspace .rw-site-window{background:#fff;border:1px solid #dce3f0;border-radius:12px;box-shadow:0 12px 28px #182d5910;overflow:hidden}
.reference-workspace .rw-site-address{background:#f4f7fb;padding:10px;display:flex;gap:3px;align-items:center;font-size:10px;color:#5e7193}
.reference-workspace .rw-site-address i{width:4px;height:4px;border-radius:50%;background:#aab7cd}.reference-workspace .rw-site-address span{margin-left:6px}
.reference-workspace .rw-site-form{padding:11px 10px;display:flex;flex-direction:column;gap:9px}.reference-workspace .rw-site-form small{font-size:8px;letter-spacing:1px;color:#71809a}.reference-workspace .rw-site-form b{font-size:14px}.reference-workspace .rw-site-form>span{font-size:10px;color:#64748b}.reference-workspace .rw-site-form .rw-site-submit{padding:9px 6px;background:#10233f;color:white;border-radius:6px;text-align:center}
.reference-workspace .rw-site-receipt{border:1px solid #d8d3f4;border-radius:12px;background:#f4f1ff;padding:8px 11px;display:flex;align-items:flex-start;flex-direction:column;gap:6px;box-shadow:0 10px 22px #7464b310}.reference-workspace .rw-site-receipt>svg{width:16px;height:16px;stroke:#6a50c6}.reference-workspace .rw-site-receipt small{font-size:8px;letter-spacing:.6px;color:#6b5f99}.reference-workspace .rw-site-receipt b{font-size:14px}.reference-workspace .rw-site-receipt p{font-size:9px;line-height:1.4;color:#68758e;margin:0}.reference-workspace .rw-site-receipt>span{font-size:10px;background:white;border:1px solid #ddd6f4;border-radius:5px;padding:6px 12px}
.reference-workspace .rw-site-linked{display:grid;gap:17px}.reference-workspace .rw-site-linked>div{display:flex;align-items:center;gap:10px;padding:17px 12px;background:#fff;border:1px solid #d9e3ef;border-radius:9px}.reference-workspace .rw-site-linked svg{width:21px;height:21px;stroke:#48788d;flex-shrink:0}.reference-workspace .rw-site-linked span{display:grid;gap:5px}.reference-workspace .rw-site-linked b{font-size:12px}.reference-workspace .rw-site-linked small{font-size:9px;color:#6c7c91;line-height:1.4}.reference-workspace .rw-site-explanation{font-size:9px;line-height:1.4;margin:0;color:#71819b;max-width:450px}
.reference-workspace[data-active="websites"] .rw-site-submit{animation:rw-site-press 9s infinite}.reference-workspace[data-active="websites"] .rw-site-receipt{animation:rw-site-arrive 9s infinite}.reference-workspace[data-active="websites"] .rw-site-linked{animation:rw-site-link 9s infinite}
@keyframes rw-site-press{0%,13%,26%,100%{transform:none}20%{transform:scale(.96);background:#5543bc}}
@keyframes rw-site-arrive{0%,23%{opacity:.25;transform:translateX(-12px)}40%,100%{opacity:1;transform:none}}
@keyframes rw-site-link{0%,43%{opacity:.2;transform:translateX(-10px)}62%,100%{opacity:1;transform:none}}
@media(max-width:800px){.reference-workspace .rw-website-flow{gap:9px;margin:28px 0 20px}.reference-workspace .rw-site-form{padding:13px 8px;gap:9px}.reference-workspace .rw-site-form b,.reference-workspace .rw-site-receipt b{font-size:10px}.reference-workspace .rw-site-address{padding:7px;font-size:7px}.reference-workspace .rw-site-form small,.reference-workspace .rw-site-receipt small{font-size:6px}.reference-workspace .rw-site-form>span,.reference-workspace .rw-site-receipt p,.reference-workspace .rw-site-receipt>span{font-size:7px}.reference-workspace .rw-site-receipt{padding:13px 8px;gap:7px}.reference-workspace .rw-site-linked{gap:12px}.reference-workspace .rw-site-linked>div{padding:13px 6px;gap:5px}.reference-workspace .rw-site-linked svg{width:14px;height:14px}.reference-workspace .rw-site-linked b{font-size:9px}.reference-workspace .rw-site-linked small{font-size:7px}.reference-workspace .rw-site-explanation{font-size:9px}}
@media(prefers-reduced-motion:reduce){
 .reference-workspace *,.reference-workspace *::before,.reference-workspace *::after{animation:none!important;transition:none!important}
 .reference-workspace .rw-pointer{display:none!important}
 .reference-workspace .rw-workflow-path path{stroke-dashoffset:0}
 .reference-workspace .rw-design{transform:none}
 .reference-workspace .rw-comment-new,.reference-workspace .rw-new-file,.reference-workspace .rw-upload-complete,.reference-workspace .rw-next-step,.reference-workspace .rw-slide-message{opacity:1;transform:none}
 .reference-workspace .rw-upload-initial,.reference-workspace .rw-typed-comment{opacity:0}
 .reference-workspace .rw-compose-placeholder{opacity:1}
 .reference-workspace .rw-upload-progress>i,.reference-workspace .rw-bars i,.reference-workspace .rw-slide-graphic>i{transform:none}
}