.mock-wrap{width:100%;height:100%}.mock-wrap:not([data-play]) *{animation-play-state:paused!important}.mk-shell{width:100%;height:100%;min-height:170px;color:var(--ink);font-size:11px;line-height:1.3;position:relative;overflow:hidden}.mk{position:absolute;inset:0}.mk-crm{grid-template-rows:auto 1fr;gap:10px;display:grid}.mk-crm__head{font-family:var(--mono);color:var(--muted);justify-content:space-between;align-items:baseline;font-size:10px;display:flex}.mk-crm__head b{font-family:var(--font);letter-spacing:-.03em;color:var(--ink);font-size:18px}.mk-crm__cols{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid;position:relative}.mk-crm__col{background:color-mix(in srgb, var(--c) 7%, white);border:1px dashed color-mix(in srgb, var(--c) 25%, transparent);border-radius:12px;align-content:start;gap:5px;padding:7px;display:grid}.mk-crm__col small{font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--muted);justify-content:space-between;font-size:9px;display:flex}.mk-crm__col small em{font-style:normal}.mk-crm__deal,.mk-crm__mover{min-width:0;box-shadow:var(--shadow-sm);white-space:nowrap;background:#fff;border-radius:8px;align-items:center;gap:5px;padding:5px 6px;font-size:10px;display:flex}.mk-crm__deal i,.mk-crm__mover i{width:16px;height:16px;color:var(--c);background:color-mix(in srgb, var(--c) 14%, white);border-radius:50%;flex-shrink:0;place-items:center;font-size:7px;font-style:normal;font-weight:700;display:grid}.mk-crm__deal b,.mk-crm__mover b{text-overflow:ellipsis;font-weight:600;overflow:hidden}.mk-crm__deal em,.mk-crm__mover em{color:var(--green-700);margin-left:auto;font-style:normal;font-weight:600}.mk-crm__mover{border:1px solid var(--c);width:calc(33.3333% - 19.3333px);box-shadow:0 8px 18px -8px color-mix(in srgb, var(--c) 70%, transparent);animation:crm-move 7s var(--ease-in-out) infinite;position:absolute;top:24px;left:7px}@keyframes crm-move{0%,18%{transform:translateY(93px)}38%,58%{transform:translate(calc(100% + 22px),62px)}78%,to{transform:translate(calc(200% + 44px),31px)}}.mk-ads{grid-template-rows:auto 1fr;gap:10px;display:grid}.mk-ads__kpis{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mk-ads__kpis span{border:1px solid var(--line);background:#fff;border-radius:12px;padding:8px 10px;display:grid}.mk-ads__kpis small{color:var(--muted);font-size:9.5px}.mk-ads__kpis b{letter-spacing:-.03em;font-size:16px}.mk-ads__kpis em{color:var(--green-600);font-size:9.5px;font-style:normal;font-weight:600}.mk-ads__chart{width:100%;height:100%;overflow:visible}.mk-ads__chart .line{fill:none;stroke:var(--c);stroke-width:2.4px;stroke-linecap:round;stroke-dasharray:320;stroke-dashoffset:320px;vector-effect:non-scaling-stroke;animation:draw-line 4.5s var(--ease-out) infinite}.mk-ads__chart .area{fill:color-mix(in srgb, var(--c) 16%, transparent);animation:area-in 4.5s var(--ease-out) infinite}@keyframes draw-line{0%{stroke-dashoffset:320px}55%,to{stroke-dashoffset:0}}@keyframes area-in{0%,25%{opacity:0}60%,to{opacity:1}}.mk-ai{grid-template-rows:auto 1fr;gap:10px;display:grid}.mk-ai__call{color:#fff;background:linear-gradient(135deg, var(--c), color-mix(in srgb, var(--c) 60%, #000));border-radius:14px;align-items:center;gap:8px;padding:8px;display:flex}.mk-ai__call b{font-size:11.5px;display:block}.mk-ai__call small{opacity:.75;font-size:9.5px}.mk-ai__avatar{background:#fff3;border-radius:50%;place-items:center;width:30px;height:30px;animation:1.8s infinite ai-ring;display:grid;box-shadow:0 0 #ffffff80}@keyframes ai-ring{70%{box-shadow:0 0 0 9px #fff0}to{box-shadow:0 0 #fff0}}.mk-ai__wave{align-items:center;gap:2px;height:22px;margin-left:auto;display:flex}.mk-ai__wave i{width:3px;height:100%;animation:wave .9s var(--ease-in-out) infinite alternate;background:#fff;border-radius:2px}@keyframes wave{0%{transform:scaleY(.2)}to{transform:scaleY(1)}}.mk-ai__chat{flex-direction:column;gap:5px;display:flex}.mk-ai__chat span{opacity:0;max-width:82%;animation:bubble 7s var(--ease-out) infinite;border-radius:10px;padding:5px 9px}.mk-ai__chat .in{border:1px solid var(--line);background:#fff;align-self:flex-start}.mk-ai__chat .out{color:#fff;background:var(--c);align-self:flex-end;animation-delay:.8s}.mk-ai__chat .in:nth-child(3){animation-delay:1.6s}.mk-ai__chat .ok{color:#fff;background:var(--green);align-self:center;align-items:center;gap:4px;font-weight:600;animation-delay:2.4s;display:inline-flex}@keyframes bubble{0%{opacity:0;transform:translateY(6px)}8%,85%{opacity:1;transform:none}to{opacity:0}}.mk-web{place-items:center;display:grid}.mk-web__frame{border:1px solid var(--line-2);width:100%;height:100%;box-shadow:var(--shadow);animation:web-morph 10s var(--ease-in-out) infinite;background:#fff;border-radius:12px;grid-template-rows:auto 1fr;display:grid;overflow:hidden}@keyframes web-morph{0%,22%{border-radius:12px;width:100%}33%,55%{border-radius:14px;width:64%}66%,88%{border-radius:18px;width:40%}to{width:100%}}.mk-web__bar{border-bottom:1px solid var(--line);align-items:center;gap:4px;padding:6px 9px;display:flex}.mk-web__bar i{background:var(--line-2);border-radius:50%;flex-shrink:0;width:6px;height:6px}.mk-web__bar span{font-family:var(--mono);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;background:var(--surface-2);border-radius:999px;margin-left:6px;padding:2px 8px;font-size:8.5px;overflow:hidden}.mk-web__body{align-content:start;gap:7px;padding:9px;display:grid;overflow:hidden}.mk-web__hero{background:radial-gradient(80% 90% at 100% 0%, color-mix(in srgb, var(--c) 30%, transparent), transparent 70%), color-mix(in srgb, var(--c) 10%, white);border-radius:9px;justify-items:start;gap:4px;padding:10px;display:grid}.mk-web__hero small{color:var(--muted);white-space:nowrap;font-size:8px}.mk-web__hero b{letter-spacing:-.03em;font-size:13px;line-height:1.1}.mk-web__hero span{color:#fff;white-space:nowrap;background:var(--c);border-radius:999px;margin-top:3px;padding:4px 9px;font-size:8.5px;font-weight:700}.mk-web__cards{flex-wrap:wrap;gap:5px;display:flex}.mk-web__cards i{text-align:center;background:var(--surface-2);border:1px solid var(--line);border-radius:7px;flex:54px;padding:8px 6px;font-size:9px;font-style:normal;font-weight:600}.mk-social{place-items:center;display:grid}.mk-social__phone{background:var(--ink);border-radius:20px;width:48%;max-width:140px;height:100%;padding:6px;overflow:hidden}.mk-social__feed{gap:6px;animation:10s linear infinite feed;display:grid}@keyframes feed{to{transform:translateY(calc(-50% - 3px))}}.mk-social .post{background:#fff;border-radius:12px;gap:4px;padding:6px;display:grid}.mk-social .who{align-items:center;gap:4px;font-size:8.5px;font-weight:700;display:flex}.mk-social .who i{background:linear-gradient(135deg,#f59e0b,#ec4899);border-radius:50%;width:12px;height:12px}.mk-social .img{aspect-ratio:1.15;background:linear-gradient(135deg, var(--c), color-mix(in srgb, var(--c) 40%, #ffd166));border-radius:8px;align-items:flex-end;padding:6px;display:flex}.mk-social .img em{color:#fff;text-shadow:0 1px 6px #00000040;font-size:9px;font-style:normal;font-weight:700;line-height:1.15}.mk-social .p1 .img{background:linear-gradient(135deg,#0aa66b,#13b5a5)}.mk-social .p2 .img{background:linear-gradient(135deg,#7c5cff,#ec4899)}.mk-social .likes{color:#e11d48;font-size:8.5px;font-weight:600}.mk-social__notif{box-shadow:var(--shadow);animation:notif 5s var(--ease-out) infinite;background:#fffffff5;border-radius:12px;align-items:center;gap:7px;padding:7px 10px 7px 7px;display:flex;position:absolute;top:8%;right:0}.mk-social__notif b{font-size:10px;display:block}.mk-social__notif small{color:var(--muted);font-size:9px}.mk-social__notif .ico{color:#fff;background:var(--c);border-radius:7px;place-items:center;width:22px;height:22px;display:grid}@keyframes notif{0%,15%{opacity:0;transform:translateY(-14px)scale(.95)}25%,80%{opacity:1;transform:none}to{opacity:0;transform:translateY(-6px)}}.mk-video{grid-template-rows:1fr auto;gap:8px;display:grid}.mk-video__preview{background:radial-gradient(60% 80% at 70% 30%, color-mix(in srgb, var(--c) 70%, transparent), transparent 70%), linear-gradient(135deg, #0e1f18, #24413a);border-radius:12px;position:relative;overflow:hidden}.mk-video__preview .play{background:#ffffffe6;border-radius:50%;width:30px;height:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-60%)}.mk-video__preview .play:after{content:"";border-left:9px solid var(--ink);border-block:6px solid #0000;position:absolute;top:9px;left:12px}.mk-video__preview .cap{color:var(--ink);white-space:nowrap;background:#ffd166;border-radius:5px;padding:3px 8px;font-size:10px;font-weight:700;animation:2s step-end infinite cap;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}@keyframes cap{50%{background:#fff}}.mk-video__tl{border:1px solid var(--line);background:#fff;border-radius:10px;gap:4px;padding:6px;display:grid;position:relative}.mk-video__tl .track{gap:3px;height:11px;display:flex}.mk-video__tl .track i{background:color-mix(in srgb, var(--c) 55%, white);border-radius:3px}.mk-video__tl .t2 i{background:#cbbeff}.mk-video__tl .t3 i{background:color-mix(in srgb, var(--green) 35%, white);height:7px;margin-top:2px}.mk-video__tl .head{background:#ef4444;border-radius:2px;width:2px;animation:6s linear infinite playhead;position:absolute;top:2px;bottom:2px;left:6px}@keyframes playhead{to{left:calc(100% - 8px)}}.mk-design{grid-template-columns:32% 1fr;gap:8px;display:grid}.mk-design__layers{border:1px solid var(--line);background:#fff;border-radius:12px;align-content:start;gap:4px;padding:8px 6px;display:grid}.mk-design__layers .l{border-radius:6px;align-items:center;gap:5px;padding:4px 5px;font-size:9.5px;display:flex}.mk-design__layers i{border:1.5px solid var(--muted);border-radius:2px;width:8px;height:8px}.mk-design__layers .l2{animation:6s step-end infinite layer-on}@keyframes layer-on{0%,40%{background:0 0}41%,90%{background:color-mix(in srgb, var(--c) 14%, white);color:var(--c)}}.mk-design__canvas{background:radial-gradient(80% 80% at 90% 10%,#ffe2c7,#0000 60%),linear-gradient(140deg,#fff7ef,#ffeede);border-radius:12px;align-content:center;justify-items:start;gap:8px;padding:14px;display:grid;position:relative;overflow:hidden}.mk-design__canvas .logo{letter-spacing:.2em;color:#b4532a;font-size:10px;font-weight:800}.mk-design__canvas .headline{font-family:var(--serif);color:#3b1f12;font-size:19px;font-style:italic;line-height:1;position:relative}.mk-design__canvas .cta{color:#fff;background:#d9622b;border-radius:999px;padding:5px 10px;font-size:9px;font-weight:700}.mk-design__canvas .sel{border:1.5px solid var(--c);opacity:0;width:76%;height:28px;animation:6s step-end infinite sel;position:absolute;top:calc(50% - 15px);left:9px}@keyframes sel{0%,40%{opacity:0}41%,90%{opacity:1}}.mk-design__canvas .cursor{animation:cursor 6s var(--ease-in-out) infinite;align-items:flex-start;gap:2px;display:flex;position:absolute}.mk-design__canvas .cursor path{fill:var(--c);stroke:#fff;stroke-width:1px}.mk-design__canvas .cursor b{color:#fff;background:var(--c);border-radius:4px;margin-top:12px;padding:1px 5px;font-size:8.5px}@keyframes cursor{0%{top:8%;left:72%}35%,45%{top:48%;left:52%}70%{top:76%;left:34%}to{top:8%;left:72%}}.mk-seo{grid-template-rows:1fr auto;gap:8px;display:grid}.mk-seo__map{background:linear-gradient(90deg,#0000 47%,#fff 47% 53%,#0000 53%),linear-gradient(#0000 54%,#fff 54% 60%,#0000 60%),linear-gradient(135deg,#e8f5ec,#dff0f2);border-radius:12px;position:relative;overflow:hidden}.mk-seo__map .pin{background:#9aa9a2;border-radius:50% 50% 50% 0;width:14px;height:14px;position:absolute;transform:rotate(-45deg)}.mk-seo__map .p1{top:28%;left:22%}.mk-seo__map .p2{top:58%;left:70%}.mk-seo__map .you{background:var(--c);animation:pin-drop 5s var(--ease-out) infinite;top:18%;left:52%}@keyframes pin-drop{0%,10%{opacity:0;transform:translateY(-20px)rotate(-45deg)}25%,to{opacity:1;transform:rotate(-45deg)}}.mk-seo__list{gap:4px;display:grid;position:relative}.mk-seo__list li{border:1px solid var(--line);background:#fff;border-radius:8px;justify-content:space-between;gap:6px;padding:5px 8px;font-size:10px;display:flex}.mk-seo__list span{color:var(--muted);font-size:9px}.mk-seo__list .you{border-color:var(--c);background:color-mix(in srgb, var(--c) 8%, white);animation:climb 5s var(--ease-out) infinite}@keyframes climb{0%,15%{transform:translateY(calc(200% + 8px))}45%,to{transform:none}}.mk-seo__list li:not(.you){animation:drop 5s var(--ease-out) infinite}@keyframes drop{0%,15%{transform:translateY(calc(-100% - 4px))}45%,to{transform:none}}.mk-prospect{align-content:center;gap:6px;display:grid}.mk-prospect .step{border:1px solid var(--line);opacity:.35;animation:step-on 4.5s var(--ease-out) infinite;background:#fff;border-radius:10px;align-items:center;gap:8px;padding:7px 9px;display:flex;position:relative}.mk-prospect .step:last-child{border-color:color-mix(in srgb, var(--green) 40%, transparent)}.mk-prospect .ico{color:#fff;background:var(--c);border-radius:7px;place-items:center;width:22px;height:22px;display:grid}.mk-prospect .step:last-child .ico{background:var(--green)}.mk-prospect em{color:var(--green-600);margin-left:auto;font-size:9.5px;font-style:normal;font-weight:600}@keyframes step-on{0%{opacity:.35;transform:translate(-4px)}12%,80%{opacity:1;transform:none}to{opacity:.35}}.mk-content{grid-template-columns:1fr 30%;gap:8px;display:grid}.mk-content__doc{border:1px solid var(--line);background:#fff;border-radius:12px;align-content:start;gap:5px;padding:12px;display:grid;overflow:hidden}.mk-content__doc .t{letter-spacing:-.02em;margin-bottom:4px;font-size:12.5px;line-height:1.2}.mk-content__doc i{width:0;color:var(--ink-2);white-space:nowrap;border-right:1.5px solid #0000;font-size:9.5px;font-style:normal;line-height:1.5;animation:7s steps(30,end) infinite type-line;display:block;overflow:hidden}@keyframes type-line{0%{border-color:var(--c);width:0}28%{border-color:var(--c);width:100%}30%,92%{border-color:#0000;width:100%}to{opacity:0;width:100%}}.mk-content__score{background:color-mix(in srgb, var(--c) 7%, white);border-radius:12px;align-content:center;place-items:center;display:grid;position:relative}.mk-content__score svg{width:70%;transform:rotate(-90deg)}.mk-content__score circle{fill:none;stroke:var(--line-2);stroke-width:3.5px}.mk-content__score .v{stroke:var(--c);stroke-linecap:round;stroke-dasharray:94.2;stroke-dashoffset:94.2px;animation:ring 7s var(--ease-out) infinite}@keyframes ring{0%{stroke-dashoffset:94.2px}40%,to{stroke-dashoffset:7.5px}}.mk-content__score b{margin-top:-14px;font-size:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mk-content__score small{color:var(--muted);margin-top:4px;font-size:9px}
