/* Meaningful internal logo motion and a shared, controllable product playhead. */
.logo-loop-lockup{animation:none!important;opacity:1!important;transform:none!important;will-change:auto}.logo-loop-lockup svg{width:100%;height:auto;overflow:visible}.logo-loop-lockup .logo-dark{display:block}html[data-theme=light] .logo-loop-lockup .logo-dark{display:none}html[data-theme=light] .logo-loop-lockup .logo-light{display:block}.logo-stage{gap:0}.motion-workspace{display:grid;grid-template-columns:145px minmax(0,1fr) 220px;min-height:700px}.motion-sidebar{display:flex;flex-direction:column;gap:13px;background:var(--bg);border-inline-end:1px solid var(--line);padding:30px 17px;position:relative}.motion-sidebar>strong{font:500 17px Inter;letter-spacing:-.04em;margin-bottom:25px}.motion-sidebar>span{font-size:12px;color:var(--muted);padding:10px 7px}.motion-sidebar .motion-side-active{background:var(--surface2);color:var(--fg);border-radius:4px}.motion-sidebar .sidebar-bottom{margin-top:auto;font:9px Inter;letter-spacing:.13em;padding-bottom:0}.motion-stage{padding:30px 28px;min-width:0;overflow:hidden}.stage-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;min-height:68px;margin-bottom:20px}.stage-heading strong{font-size:17px;font-weight:500}.stage-heading p{font-size:12px;color:var(--muted);margin-top:7px;line-height:1.8}.stage-status{font-size:10px;color:var(--soft-blue);border:1px solid var(--line);padding:5px 10px;border-radius:20px;white-space:nowrap;align-self:flex-start}.motion-inspector{background:var(--bg);border-inline-start:1px solid var(--line);padding:35px 25px}.inspector-kicker{font:10px/1.7 Inter,Noto;color:var(--muted);letter-spacing:.05em}.inspector-step-count{display:flex;align-items:baseline;gap:8px;margin-block:30px 23px;font:400 50px Inter;letter-spacing:-.06em}.inspector-step-count small{font:11px Inter;color:var(--muted);letter-spacing:0}.motion-inspector h3{font-size:20px;line-height:1.65;margin-bottom:17px}.motion-inspector>p{font-size:13px;color:var(--muted);line-height:1.95}.inspector-rule{height:1px;background:var(--line);margin:28px 0}.context-lines{display:flex;flex-direction:column;gap:13px}.context-lines div{display:flex;justify-content:space-between;align-items:center;gap:20px}.context-lines span{height:3px;background:var(--line);width:60%}.context-lines div:nth-child(2) span{width:42%}.context-lines div:nth-child(3) span{width:72%}.context-lines i{height:5px;width:5px;background:var(--soft-blue);opacity:var(--context-lit,.25)}.inspector-disclaimer{font-size:10px!important;margin-top:28px;line-height:1.8!important}.motion-controls{display:flex;align-items:center;gap:25px;background:var(--bg);padding:22px 28px;border-top:1px solid var(--line)}.motion-controls button{border:1px solid var(--line);border-radius:5px;background:var(--surface);color:var(--fg);display:flex;align-items:center;gap:9px;font-size:12px;padding:9px 14px;white-space:nowrap}.motion-controls input{flex:1;min-width:40px;accent-color:var(--blue);cursor:pointer;height:4px}.motion-time{font:11px Inter;color:var(--muted);white-space:nowrap}.chapter-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border-top:1px solid var(--line)}.chapter-controls button{background:var(--bg);border:0;color:var(--muted);padding:17px 20px;font-size:13px;display:flex;align-items:center;gap:13px;text-align:start}.chapter-controls button[aria-pressed=true]{color:var(--fg);background:var(--surface2)}.chapter-index{font:11px Inter;color:var(--soft-blue)}.madar-motion-scene,.crm-motion-scene,.work-motion-scene{position:relative;min-height:535px}.customer-request{display:flex;gap:12px;align-items:flex-start;position:absolute;top:0;inset-inline:0}.avatar-letter{height:32px;width:32px;background:var(--surface2);border:1px solid var(--line);display:grid;place-items:center;border-radius:50%;font-size:12px;flex-shrink:0}.customer-request>div{background:var(--surface2);padding:16px 18px;border-radius:10px;font-size:14px;line-height:1.8;max-width:85%}.audio-concept{position:absolute;top:95px;inset-inline:45px 0;display:flex;align-items:center;gap:18px}.voice-bars{display:flex;align-items:center;gap:4px;height:35px;direction:ltr}.voice-bars i{display:block;width:3px;height:24px;border-radius:3px;background:var(--soft-blue);transform:scaleY(.3);transform-origin:center}.audio-concept>span{font-size:10px;color:var(--muted);line-height:1.8;max-width:160px}.knowledge-panel{position:absolute;top:95px;inset-inline:45px 0;border:1px solid var(--line);border-radius:7px;background:var(--bg);padding:20px 22px}.knowledge-panel .mini-label{display:block;color:var(--soft-blue);font:10px Inter;letter-spacing:.09em;margin-bottom:10px}.knowledge-panel strong{font-size:15px;font-weight:500}.knowledge-panel p{font-size:12px;line-height:1.9;color:var(--muted);margin-top:7px}.knowledge-meter{height:2px;background:var(--line);margin-top:17px}.knowledge-meter i{display:block;background:var(--blue);height:100%;transform-origin:right;transform:scaleX(var(--knowledge-progress,0))}.answer-panel{position:absolute;top:95px;inset-inline:45px 0;border:1px solid var(--line);border-radius:10px;padding:18px 22px;background:var(--surface)}.answer-panel p{font-size:14px;line-height:1.95}.motion-record-panel{position:absolute;top:275px;inset-inline:0;border:1px solid var(--line);border-radius:8px;background:var(--bg);padding:18px 22px}.record-panel-head{display:flex;justify-content:space-between;gap:18px;margin-bottom:13px;align-items:center}.record-panel-head strong{font:500 15px Inter}.record-panel-head span{font-size:10px;color:var(--soft-blue)}.motion-record-panel>div:not(.record-panel-head){display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding:10px 0;font-size:12px;line-height:1.8}.motion-record-panel>div:not(.record-panel-head)>span{color:var(--muted)}.motion-record-panel>div:not(.record-panel-head)>strong{font-weight:500;text-align:end}.handoff-panel{position:absolute;top:470px;inset-inline:0;display:flex;align-items:center;gap:15px;border-inline-start:2px solid var(--blue);padding-inline-start:17px}.handoff-symbol{font:22px Inter;color:var(--soft-blue)}.handoff-panel strong{font-size:15px;font-weight:500}.handoff-panel p{font-size:12px;color:var(--muted);margin-top:5px}.journey-lanes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;position:absolute;inset:0 0 auto;height:230px}.journey-lanes>div{border:1px solid var(--line);border-radius:6px;background:var(--bg)}.journey-lanes>div>span{display:block;border-bottom:1px solid var(--line);padding:13px 12px;font-size:12px;color:var(--muted)}.journey-card{position:absolute;inset-inline-start:10px;top:57px;width:calc((100% - 24px)/3 - 20px);background:var(--surface2);border:1px solid var(--line);border-radius:7px;padding:15px;min-height:149px;will-change:transform}.journey-card .card-source{font:8px Inter;color:var(--muted);letter-spacing:.04em;display:block;margin-bottom:10px}.journey-card>strong{font-size:13px;line-height:1.8;font-weight:500;display:block}.journey-card .card-description{font-size:10px;line-height:1.8;color:var(--muted);display:block;margin-top:8px}.card-state{font-size:9px;color:var(--soft-blue);padding-top:10px;margin-top:10px;border-top:1px solid var(--line)}.customer-dossier{position:absolute;top:254px;inset-inline:0;border:1px solid var(--line);border-radius:7px;padding:20px}.dossier-title{font-size:14px;margin-bottom:20px}.dossier-title strong{font-weight:500}.dossier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.dossier-grid>div{border-inline-end:1px solid var(--line);padding-inline-end:12px}.dossier-grid>div:last-child{border:0;padding:0}.dossier-grid span{display:block;font-size:10px;color:var(--muted);margin-bottom:8px}.dossier-grid strong{font-size:11px;font-weight:500;line-height:1.8}.history-stream{position:absolute;top:410px;inset-inline:0;padding:18px 22px;border-inline-start:1px solid var(--line);display:flex;flex-direction:column;gap:12px}.history-stream>div{display:flex;align-items:center;gap:15px;font-size:12px;color:var(--muted)}.history-stream i{width:5px;height:5px;border-radius:50%;background:var(--soft-blue);flex-shrink:0}.workflow-ribbon{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:absolute;inset:0 0 auto}.workflow-ribbon>div{position:relative;text-align:center;padding:16px 6px 18px;border-bottom:2px solid var(--line)}.workflow-ribbon>div:after{content:'';position:absolute;bottom:-2px;inset-inline-start:0;width:100%;height:2px;background:var(--blue);transform:scaleX(var(--node-progress,0));transform-origin:right}.workflow-ribbon span{display:grid;place-items:center;width:26px;height:26px;border:1px solid var(--line);border-radius:50%;font:10px Inter;margin:0 auto 12px;color:var(--soft-blue)}.workflow-ribbon strong{font-size:12px;font-weight:500}.work-request-card{position:absolute;top:122px;inset-inline:0;border:1px solid var(--line);border-radius:7px;padding:20px 22px}.work-request-card .mini-label{font:10px Inter;color:var(--soft-blue);display:block;margin-bottom:10px;letter-spacing:.08em}.work-request-card strong{font-size:16px;font-weight:500}.work-request-card p{font-size:12px;color:var(--muted);margin-top:8px;line-height:1.8}.ownership-card{position:absolute;top:270px;inset-inline:0;display:flex;align-items:center;gap:15px;padding:18px 20px;background:var(--bg);border:1px solid var(--line);border-radius:7px}.role-avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--surface2);font-size:14px;color:var(--soft-blue)}.ownership-card strong{font-size:14px;font-weight:500}.ownership-card p{font-size:12px;color:var(--muted);margin-top:5px}.work-checklist{position:absolute;top:375px;inset-inline:0;display:flex;flex-direction:column;gap:13px}.work-checklist>div{display:flex;gap:13px;align-items:center;font-size:13px;color:var(--muted)}.work-checklist i{width:18px;height:18px;display:grid;place-items:center;font:11px Inter;border:1px solid var(--line);border-radius:4px;color:var(--soft-blue);font-style:normal;opacity:var(--check-progress,0)}.review-gate{position:absolute;top:375px;inset-inline:0;border:1px solid var(--soft-blue);border-radius:6px;padding:22px;display:flex;gap:20px;justify-content:space-between;align-items:center;background:var(--bg)}.review-gate strong{font-size:15px;font-weight:500}.review-gate p{font-size:12px;color:var(--muted);margin-top:7px}.review-tag{font-size:9px;color:var(--soft-blue);white-space:nowrap}.work-summary{position:absolute;top:480px;inset-inline:0;text-align:center}.work-summary strong{font-size:18px;font-weight:500}.work-summary p{font-size:12px;color:var(--muted);margin-top:4px}.advanced-demo [data-layer]{opacity:0;will-change:opacity,transform}.advanced-demo .motion-workspace *{transition:none!important}.motion-time input{width:100%}html[dir=ltr] .knowledge-meter i,html[dir=ltr] .workflow-ribbon>div:after{transform-origin:left}
@media(max-width:1100px){.motion-workspace{grid-template-columns:115px minmax(0,1fr) 190px}.motion-sidebar{padding:25px 12px}.motion-sidebar>strong{font-size:15px}.motion-stage{padding:25px 20px}.motion-inspector{padding:30px 20px}.motion-inspector h3{font-size:18px}.motion-inspector>p{font-size:12px}.journey-card{padding:12px 9px}.stage-heading strong{font-size:16px}}
@media(max-width:860px){.motion-workspace{grid-template-columns:minmax(0,1fr) 190px}.motion-sidebar{display:none}}
@media(max-width:600px){.motion-workspace{display:block;min-height:0}.motion-stage{padding:24px 18px 15px}.stage-heading{display:block;min-height:95px;margin-bottom:15px}.stage-status{display:inline-block;margin-top:10px}.stage-heading strong{font-size:16px}.stage-heading p{font-size:11px}.motion-inspector{border-inline-start:0;border-top:1px solid var(--line);padding:22px;display:grid;grid-template-columns:1fr 70px;gap:8px 20px}.inspector-kicker{grid-column:1;grid-row:1;font-size:9px}.inspector-step-count{grid-column:2;grid-row:1/4;margin:0;font-size:38px;align-self:center}.motion-inspector h3{font-size:17px;margin:5px 0;grid-column:1}.motion-inspector>p{font-size:12px;line-height:1.8;grid-column:1}.inspector-rule,.context-lines,.inspector-disclaimer{display:none}.madar-motion-scene{min-height:640px}.customer-request>div{font-size:13px;padding:14px;max-width:calc(100% - 45px)}.audio-concept{top:120px;inset-inline:0;gap:14px}.voice-bars{gap:3px}.voice-bars i{width:3px}.audio-concept>span{font-size:9px}.knowledge-panel{top:120px;inset-inline:0;padding:18px}.answer-panel{top:120px;inset-inline:0;padding:18px}.answer-panel p{font-size:13px;line-height:1.9}.knowledge-panel strong{font-size:14px}.motion-record-panel{top:332px;padding:16px}.motion-record-panel>div:not(.record-panel-head){font-size:11px;gap:12px;padding:12px 0}.record-panel-head strong{font-size:13px}.record-panel-head span{font-size:9px}.handoff-panel{top:550px;padding-inline-start:14px;gap:12px}.handoff-panel strong{font-size:14px}.handoff-panel p{font-size:11px}.crm-motion-scene{min-height:710px}.journey-lanes{height:57px;gap:6px}.journey-lanes>div{border:0;border-bottom:2px solid var(--line);border-radius:0;background:transparent}.journey-lanes>div>span{border:0;padding:12px 4px;font-size:11px;text-align:center}.journey-card{inset-inline:0;top:80px;width:auto;min-height:170px;padding:20px;transform:none!important}.journey-card .card-source{font-size:9px}.journey-card>strong{font-size:17px}.journey-card .card-description{font-size:12px}.card-state{font-size:11px}.customer-dossier{top:300px;padding:18px}.dossier-grid{grid-template-columns:1fr;gap:13px}.dossier-grid>div{display:flex;justify-content:space-between;align-items:center;gap:20px;border:0;border-top:1px solid var(--line);padding:10px 0 0}.dossier-grid>div:last-child{border-top:1px solid var(--line);padding-top:10px}.dossier-grid span{font-size:11px;margin:0}.dossier-grid strong{font-size:12px;text-align:end}.dossier-title{font-size:14px;margin-bottom:10px}.history-stream{top:570px;padding:15px 18px;gap:16px}.history-stream>div{font-size:12px}.work-motion-scene{min-height:650px}.workflow-ribbon strong{font-size:11px}.workflow-ribbon span{font-size:9px}.work-request-card{top:118px;padding:19px}.work-request-card strong{font-size:15px}.ownership-card{top:290px;padding:17px}.ownership-card strong{font-size:13px}.ownership-card p{font-size:11px}.work-checklist{top:410px}.review-gate{top:410px;padding:18px;display:block}.review-gate strong{font-size:14px}.review-tag{display:inline-block;margin-top:13px}.work-summary{top:575px}.work-summary strong{font-size:17px}.motion-controls{padding:17px 16px;gap:13px;flex-wrap:wrap}.motion-controls button{font-size:11px;padding:8px 12px}.motion-controls input{order:3;flex-basis:100%;height:5px;margin-top:5px}.motion-time{margin-inline-start:auto;font-size:10px}.chapter-controls button{padding:14px 10px;font-size:11px;gap:8px;line-height:1.8}.chapter-index{font-size:9px}}
@media(prefers-reduced-motion:reduce){.logo-loop-lockup{animation:none!important}.advanced-demo [data-layer]{will-change:auto}}
.crm-product-brand{width:310px;margin:0 auto 27px}.crm-product-brand img{width:100%;height:auto}@media(max-width:600px){.crm-product-brand{width:260px}}