.mf-scene{--mf-purple:#7b39d8;--mf-ink:#30213e;--mf-muted:#7b6c88;position:relative;width:100%;max-width:680px;margin:0;color:var(--mf-ink);font-family:inherit;isolation:isolate}
.mf-scene *{box-sizing:border-box}.mf-scene__top{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;margin-bottom:9px}.mf-scene__top>span{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:550;color:var(--mf-muted)}.mf-scene__top>span>i{width:6px;height:6px;border-radius:50%;background:#9e74c7;box-shadow:0 0 0 4px #eee5f8}.mf-scene__pause{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:9px 12px;border:1px solid #e3d8ed;background:#ffffffaa;color:var(--mf-ink);border-radius:99px;font:inherit;font-size:11px;font-weight:600;line-height:1.2;cursor:pointer}.mf-scene__pause:hover{background:#f2eaf9;border-color:#bda2d7}.mf-scene__pause:focus-visible{outline:3px solid var(--mf-purple);outline-offset:3px}.mf-scene__pause svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.mf-scene__pause-icon{display:none}.mf-scene[data-motion=playing] .mf-scene__pause-icon{display:block}.mf-scene[data-motion=playing] .mf-scene__play-icon{display:none}
.mf-scene__photo{position:relative;aspect-ratio:4/3;overflow:hidden;border-radius:24px;background:#e9dfe8;box-shadow:0 20px 65px -35px #44234f50}.mf-scene__photo>img{display:block;width:100%;height:100%;object-fit:cover}.mf-scene__screens{position:absolute;inset:0;pointer-events:none}.mf-scene__screen{position:absolute;overflow:hidden;background:#f5f0f8;color:#77518f;line-height:1.2;filter:brightness(.98)}.mf-scene__screen b{font-weight:650;font-variant-numeric:tabular-nums}.mf-scene__screen small{font-size:clamp(4px,.48vw,7px);line-height:1.2}.mf-scene__screen *{animation-play-state:paused!important}.mf-scene[data-motion=playing] .mf-scene__screen *{animation-play-state:running!important}
.mf-scene__chat{left:30.6%;top:17.7%;width:13.4%;height:10.9%;padding:.7% 1%;transform:rotate(-3deg);display:flex;flex-direction:column;align-items:flex-end;gap:9%;border-radius:2px}.mf-scene__chat>span{max-width:96%;padding:6% 7%;border-radius:3px;background:#9564cf;color:white;font-size:clamp(3px,.40vw,6px);white-space:nowrap;animation:mf-scene-message 5s ease-in-out infinite}.mf-scene__chat>span:first-child{align-self:flex-start;background:#e4d8ef;color:#886c9e;animation-delay:-2s}.mf-scene__chat>i{display:flex;gap:2px;align-self:flex-start;padding:6% 8%;border-radius:3px;background:#e6d9f1}.mf-scene__chat>i>b{display:block;width:2px;height:2px;border-radius:50%;background:#a283ba;animation:mf-scene-dot 1.5s ease-in-out infinite}.mf-scene__chat>i>b:nth-child(2){animation-delay:.2s}.mf-scene__chat>i>b:nth-child(3){animation-delay:.4s}
.mf-scene__crm{left:50.3%;top:12.7%;width:17.7%;height:11.8%;padding:1.1%;transform:rotate(-3.8deg);border-radius:2px}.mf-scene__crm>small{font-size:clamp(3px,.39vw,5.5px);letter-spacing:.02em}.mf-scene__crm>div{position:relative;display:flex;gap:5%;height:72%;margin-top:5%}.mf-scene__crm>div>i{width:30%;height:100%;border-radius:2px;background:repeating-linear-gradient(0deg,#e7dcef 0%,#e7dcef 20%,#f5f0f8 20%,#f5f0f8 26%);border-top:2px solid #aa83cb}.mf-scene__crm>div>span{position:absolute;left:2%;top:30%;width:28%;padding:4%;background:#fff;border:1px solid #cdb7e0;border-radius:2px;font-size:clamp(3px,.35vw,5px);box-shadow:0 2px 5px #65427312;animation:mf-scene-deal 7s ease-in-out infinite}
.mf-scene__tasks{left:76.6%;top:11.9%;width:18.3%;height:15.1%;padding:1.3%;transform:rotate(-2.6deg);border-radius:2px}.mf-scene__tasks>header{display:flex;align-items:center;justify-content:space-between;gap:5%;height:25%;margin-bottom:8%}.mf-scene__tasks>header>b{font-size:clamp(9px,1.2vw,18px)}.mf-scene__tasks>span{display:flex;align-items:center;gap:8%;height:15%;margin-top:8%}.mf-scene__tasks>span>i{width:10%;aspect-ratio:1;background:#996bc7;color:#fff;font-style:normal;font-size:clamp(3px,.4vw,6px);display:grid;place-items:center;border-radius:1px}.mf-scene__tasks>span>em{width:78%;height:2px;border-radius:2px;background:#d3c1e2;transform-origin:left;animation:mf-scene-task 6s ease-in-out infinite}.mf-scene__tasks>span:nth-child(3)>em{width:60%;animation-delay:-2s}.mf-scene__tasks>span:nth-child(4)>em{width:69%;animation-delay:-4s}
.mf-scene__docs{left:27.5%;top:42.3%;width:9.5%;height:10.1%;padding:1%;border-radius:2px;transform:rotate(-1.5deg)}.mf-scene__docs>small{display:block;font-size:clamp(3px,.39vw,5px);margin-bottom:10%}.mf-scene__docs>b{font-size:clamp(8px,1.05vw,15px)}.mf-scene__docs>span{display:block;height:3px;margin-top:14%;background:#e0d1ec;overflow:hidden;border-radius:3px}.mf-scene__docs>span>i{display:block;width:80%;height:100%;background:#a27bc7;transform-origin:left;animation:mf-scene-task 6s ease-in-out infinite}
.mf-scene__bars{left:60.1%;top:45.7%;width:8.5%;height:6.7%;padding:0 .3%;display:flex;align-items:flex-end;justify-content:space-between;gap:6%;transform:rotate(.3deg);background:#f1ecf7}.mf-scene__bars>i{display:block;width:12%;height:var(--h);border-radius:1px 1px 0 0;background:#a17acf;transform-origin:bottom;animation:mf-scene-bar 4s ease-in-out var(--d) infinite}
.mf-scene__analytics{left:73.9%;top:36.3%;width:22.9%;height:22.1%;padding:1.6% 1.3% 1%;clip-path:polygon(0 3%,100% 0,100% 100%,0 94%);background:#f6f1f9}.mf-scene__analytics>header{display:flex;justify-content:space-between;align-items:center;gap:4px}.mf-scene__analytics>header>div{display:grid;gap:1px}.mf-scene__analytics>header b{font-size:clamp(10px,1.4vw,20px)}.mf-scene__analytics>header>span{font-size:clamp(3px,.38vw,5px);letter-spacing:.04em;color:#b59fc6}.mf-scene__analytics>svg{display:block;width:100%;height:45%;margin-top:5%;overflow:visible}.mf-scene__grid{stroke:#ddd2e8;stroke-width:.7}.mf-scene__line{stroke:#986ac9;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;animation:mf-scene-line 7s ease-in-out infinite}.mf-scene__analytics circle{fill:#8b52c2}.mf-scene__analytics>footer{padding:0;border:0;background:transparent;display:flex;justify-content:space-between;font-size:clamp(3px,.4vw,6px);margin-top:3%;color:#9a80ad}.mf-scene__analytics>footer b{color:#79568d}
.mf-scene__activity{position:relative;z-index:2;margin:-43px 18px 0;padding:19px 21px 16px;border:1px solid #e8def0;border-radius:18px;background:#fffdfcf5;box-shadow:0 16px 40px -20px #39244342;backdrop-filter:blur(12px)}.mf-scene__activity-main{display:flex;align-items:center;gap:13px;min-height:73px}.mf-scene__brand{display:grid;place-items:center;flex:none;width:48px;height:48px;background:#f3edf8;border:1px solid #eee3f6;border-radius:13px}.mf-scene__brand>img{display:block;width:43px;height:31px;object-fit:contain}.mf-scene__activity-main>div{min-width:0;flex:1}.mf-scene__kicker{display:block;font-size:8px;line-height:1.4;font-weight:650;letter-spacing:.10em;color:var(--mf-muted);margin-bottom:6px}.mf-scene__activity-main strong{display:block;font-size:16px;line-height:1.4;font-weight:620;letter-spacing:-.02em}.mf-scene__activity-main p{margin:4px 0 0;font-size:11px;line-height:1.65;color:var(--mf-muted);max-width:340px}.mf-scene__activity-number{align-self:flex-start;font-size:30px;line-height:1;font-weight:450;letter-spacing:-.06em;color:#d9cce4;margin-left:2px}.mf-scene__route{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;list-style:none;margin:16px 0 0;padding:0}.mf-scene__route>li{display:flex;align-items:center;gap:6px;padding-top:11px;border-top:2px solid #e9e1ef;color:#9c8aa9;font-size:10px;line-height:1.4;white-space:nowrap;transition:color .25s,border-color .25s}.mf-scene__route>li>span{font-size:8px;font-variant-numeric:tabular-nums}.mf-scene__route>li.is-current{color:var(--mf-purple);border-color:var(--mf-purple)}.mf-scene__route>li.is-done{color:#745b89;border-color:#be9edb}
@keyframes mf-scene-message{0%,100%{opacity:.7;transform:translateY(1px)}35%,85%{opacity:1;transform:translateY(0)}}@keyframes mf-scene-dot{0%,70%,100%{opacity:.4}35%{opacity:1}}@keyframes mf-scene-deal{0%,15%{transform:translateX(0)}45%,60%{transform:translateX(112%)}82%,100%{transform:translateX(224%)}}@keyframes mf-scene-task{0%,100%{transform:scaleX(.55)}55%{transform:scaleX(1)}}@keyframes mf-scene-bar{0%,100%{transform:scaleY(.7)}50%{transform:scaleY(1)}}@keyframes mf-scene-line{0%,100%{stroke-dashoffset:.7}65%,85%{stroke-dashoffset:0}}
@media(max-width:700px){.mf-scene__photo{border-radius:20px}.mf-scene__activity{margin:-32px 12px 0;padding:16px 16px 14px;border-radius:16px}.mf-scene__activity-main{gap:11px;min-height:80px}.mf-scene__activity-main strong{font-size:15px}.mf-scene__kicker{font-size:7px;letter-spacing:.08em}.mf-scene__brand{width:40px;height:40px;border-radius:11px}.mf-scene__brand>img{width:36px;height:26px}.mf-scene__activity-number{font-size:25px}.mf-scene__screen small{font-size:clamp(3px,.95vw,7px)}.mf-scene__chat>span{font-size:clamp(3px,.85vw,6px)}.mf-scene__crm>small,.mf-scene__crm>div>span,.mf-scene__docs>small{font-size:clamp(3px,.8vw,5.5px)}.mf-scene__tasks>header>b{font-size:clamp(9px,2.8vw,18px)}.mf-scene__analytics>header b{font-size:clamp(10px,3vw,20px)}.mf-scene__analytics>header>span{font-size:clamp(3px,.8vw,5px)}.mf-scene__analytics>footer{font-size:clamp(3px,.85vw,6px)}.mf-scene__docs>b{font-size:clamp(8px,2.3vw,15px)}}
@media(max-width:420px){.mf-scene__top>span{font-size:10px}.mf-scene__pause{padding-inline:10px;font-size:10px}.mf-scene__photo{border-radius:17px}.mf-scene__activity{margin:-21px 8px 0;padding:14px 13px 13px}.mf-scene__activity-main{min-height:94px;gap:10px}.mf-scene__activity-main strong{font-size:14px;line-height:1.4}.mf-scene__activity-main p{font-size:10px;line-height:1.6}.mf-scene__activity-number{display:none}.mf-scene__brand{width:35px;height:35px;border-radius:10px}.mf-scene__brand>img{width:32px;height:23px}.mf-scene__route{gap:8px;margin-top:11px}.mf-scene__route>li{font-size:9px;gap:4px;padding-top:10px}.mf-scene__route>li>span{font-size:7px}.mf-scene__kicker{font-size:6.5px}}
@media(prefers-reduced-motion:reduce){.mf-scene__screen *{animation:none!important}.mf-scene__route>li{transition:none}.mf-scene__line{stroke-dasharray:none}}