#mm-hero,#mm-hero-ov{--ink:#131a36;--mut:#7a8399;--line:#e6ebf6;--green:#12a150;--blue:#2f6bff}
#mm-hero *,#mm-hero-ov *{box-sizing:border-box}
#mm-hero,#mm-hero-ov{position:relative;width:100%;aspect-ratio:3/2;font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--ink)}
#mm-hero .stage,#mm-hero-ov .stage{position:absolute;left:0;top:0;width:1800px;height:1200px;transform-origin:0 0;transform:scale(var(--k,1))}
#mm-hero .t,#mm-hero-ov .t{font-family:'Inter',system-ui,sans-serif}
#mm-hero .s,#mm-hero .serif,#mm-hero-ov .s,#mm-hero-ov .serif{font-family:'Playfair Display','Lora',Georgia,serif}
#mm-hero .item,#mm-hero-ov .item{position:absolute;left:var(--x);top:var(--y);width:var(--w);height:var(--h);
  transform:translate3d(calc(var(--mx,0)*var(--d,0)*1px),calc(var(--my,0)*var(--d,0)*1px),0);will-change:transform}
#mm-hero .enter,#mm-hero .float,#mm-hero .body,#mm-hero-ov .enter,#mm-hero-ov .float,#mm-hero-ov .body{width:100%;height:100%}
.js #mm-hero .stage:not(.in) .enter{opacity:0}
#mm-hero .stage.in .enter,#mm-hero-ov .stage.in .enter{animation:mmh-fadein .6s ease-out 0s backwards}
#mm-hero .float,#mm-hero-ov .float{animation:mmh-floaty var(--fd,7s) ease-in-out var(--fdel,0s) infinite}
#mm-hero .body,#mm-hero-ov .body{position:relative;transform:perspective(1300px) rotateY(var(--ry,0)) rotateX(var(--rx,0)) rotateZ(var(--rz,0));
  transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s}
#mm-hero .body:hover,#mm-hero-ov .body:hover{transform:perspective(1300px) rotateY(0) rotateX(0) rotateZ(0) translateY(-8px) scale(1.025)}
#mm-hero .it-laptop .body:hover,#mm-hero-ov .it-laptop .body:hover{transform:perspective(1300px) translateY(-6px) scale(1.012)}

@keyframes mmh-enter{from{opacity:0;transform:translate3d(var(--ex,0),var(--ey,40px),0) scale(.88)}}

@keyframes mmh-floaty{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(calc(var(--amp,10px)*-1)) rotate(var(--fr,.5deg))}}

@keyframes mmh-draw{from{stroke-dashoffset:1}}

@keyframes mmh-fadein{from{opacity:0}}

@keyframes mmh-segin{from{stroke-dasharray:0 var(--circ)}}

@keyframes mmh-barup{from{transform:scaleY(0)}}

@keyframes mmh-flow{from{stroke-dashoffset:0}to{stroke-dashoffset:-.082}}

@keyframes mmh-nodepulse{0%,100%{transform:scale(1)}50%{transform:scale(1.5)}}

@keyframes mmh-aiglow{0%,100%{box-shadow:0 0 0 1px rgba(255,255,255,.1) inset,0 0 38px rgba(110,110,255,.65),0 0 80px rgba(228,91,208,.35),0 30px 50px rgba(40,30,120,.35)}
  50%{box-shadow:0 0 0 1px rgba(255,255,255,.1) inset,0 0 56px rgba(110,140,255,.9),0 0 110px rgba(228,91,208,.55),0 30px 50px rgba(40,30,120,.35)}}
#mm-hero .card,#mm-hero-ov .card{border-radius:30px;border:2px solid transparent;
  background:linear-gradient(180deg,#fff,#eff2fb) padding-box,linear-gradient(135deg,#bcd0ff,#d9c4ff 55%,#ffc0ec) border-box;
  box-shadow:inset 0 2px 0 #fff,1px 2px 0 #dfe3f8,3px 5px 0 #cfd5f3,0 34px 60px -14px rgba(60,70,170,.32),0 10px 22px rgba(30,40,100,.10)}
#mm-hero .tile,#mm-hero-ov .tile{border-radius:38px;border:2px solid transparent;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(160deg,#fff,#e9edfa) padding-box,linear-gradient(135deg,#c2d4ff,#d9c4ff 55%,#ffc0ec) border-box;
  box-shadow:inset 0 3px 0 #fff,2px 3px 0 #d8dcf7,5px 8px 0 #c6cdf1,0 36px 56px -10px rgba(60,70,170,.34),0 10px 20px rgba(30,40,100,.12)}
#mm-hero .tile.dark,#mm-hero-ov .tile.dark{background:linear-gradient(160deg,#20212b,#07070b) padding-box,linear-gradient(135deg,#6a6f9a,#9a8ad0 55%,#c58fb8) border-box;
  box-shadow:inset 0 3px 0 rgba(255,255,255,.18),2px 3px 0 #9aa0cf,5px 8px 0 #7d84bb,0 36px 56px -10px rgba(60,70,170,.4)}
#mm-hero .bare,#mm-hero-ov .bare{background:none}
#mm-hero .sc,#mm-hero-ov .sc{height:100%;padding:22px 24px;display:flex;flex-direction:column}
#mm-hero .sc-h,#mm-hero-ov .sc-h{display:flex;align-items:center;justify-content:space-between;height:42px}
#mm-hero .sc-t,#mm-hero-ov .sc-t{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:600;letter-spacing:-.2px}
#mm-hero .pill,#mm-hero-ov .pill{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#55607a;background:#fff;border:1px solid #e3e8f4;border-radius:13px;padding:7px 12px;box-shadow:0 4px 10px rgba(60,70,150,.08)}
#mm-hero .sc-b,#mm-hero-ov .sc-b{display:grid;grid-template-columns:1fr 100px;gap:14px;margin-top:6px;flex:1}
#mm-hero .lbl,#mm-hero-ov .lbl{font-size:16px;font-weight:500;color:var(--blue)}
#mm-hero .big,#mm-hero-ov .big{font-size:40px;font-weight:700;letter-spacing:-1px;line-height:1.12}
#mm-hero .up,#mm-hero .upc,#mm-hero-ov .up,#mm-hero-ov .upc{color:var(--green);font-weight:600}
#mm-hero .up,#mm-hero-ov .up{font-size:17px;display:flex;gap:4px;align-items:baseline}
#mm-hero .up i,#mm-hero .upc i,#mm-hero-ov .up i,#mm-hero-ov .upc i{font-style:normal}
#mm-hero .chart,#mm-hero-ov .chart{margin-top:6px}
#mm-hero .sc-r,#mm-hero-ov .sc-r{border-left:1px solid var(--line);padding-left:14px;display:flex;flex-direction:column;justify-content:space-between}
#mm-hero .ms,#mm-hero-ov .ms{padding:8px 0;border-bottom:1px solid var(--line)}
#mm-hero .ms:last-child,#mm-hero-ov .ms:last-child{border:none}
#mm-hero .ms>span,#mm-hero-ov .ms>span{display:block;font-size:12px;color:var(--mut)}
#mm-hero .ms b,#mm-hero-ov .ms b{font-size:22px;font-weight:700}
#mm-hero .draw,#mm-hero-ov .draw{stroke-dasharray:1}
#mm-hero .stage.in .draw,#mm-hero-ov .stage.in .draw{animation:mmh-draw 1.8s ease-out .9s backwards}
#mm-hero .stage.in .area,#mm-hero-ov .stage.in .area{animation:mmh-fadein 1.2s ease-out 1.4s backwards}
#mm-hero .stage.in .dot,#mm-hero-ov .stage.in .dot{animation:mmh-fadein .4s ease-out 2.4s backwards}
#mm-hero .rev,#mm-hero-ov .rev{display:flex;justify-content:space-between;align-items:flex-end;height:100%;padding:18px 22px}
#mm-hero .lbl2,#mm-hero-ov .lbl2{font-size:14px;color:#55607a;font-weight:500}
#mm-hero .big2,#mm-hero-ov .big2{font-size:30px;font-weight:700;letter-spacing:-.8px;line-height:1.15;white-space:nowrap}
#mm-hero .bars,#mm-hero-ov .bars{display:flex;align-items:flex-end;gap:5px;height:58px}
#mm-hero .bars i,#mm-hero-ov .bars i{display:block;width:9px;border-radius:4px;background:linear-gradient(180deg,#5b9bff,#2f6bff);transform-origin:bottom}
#mm-hero .stage.in .bars i,#mm-hero-ov .stage.in .bars i{animation:mmh-barup .8s cubic-bezier(.2,.8,.2,1) var(--bd,1s) backwards}
#mm-hero .vgrid,#mm-hero-ov .vgrid{display:grid;grid-template-columns:236px 1fr;gap:16px;margin-top:8px;flex:1}
#mm-hero .vcol,#mm-hero-ov .vcol{display:flex;flex-direction:column;justify-content:space-between;border-left:1px solid var(--line);padding-left:14px}
#mm-hero .vs,#mm-hero-ov .vs{padding:2px 0}
#mm-hero .vs>span,#mm-hero-ov .vs>span{display:block;font-size:12px;color:var(--mut)}
#mm-hero .vs b,#mm-hero-ov .vs b{display:block;font-size:26px;font-weight:700;line-height:1.1}
#mm-hero .vs em,#mm-hero-ov .vs em{font-style:normal;font-size:12.5px;font-weight:600}
#mm-hero .upc,#mm-hero-ov .upc{color:var(--green)}
#mm-hero .dnc,#mm-hero-ov .dnc{color:var(--green)}
#mm-hero .agrid,#mm-hero-ov .agrid{display:grid;grid-template-columns:1fr 1fr 1.25fr;margin-top:10px}
#mm-hero .as,#mm-hero-ov .as{padding:0 12px;border-left:1px solid var(--line)}
#mm-hero .as:first-child,#mm-hero-ov .as:first-child{padding-left:0;border:none}
#mm-hero .as>span,#mm-hero-ov .as>span{display:block;font-size:12.5px;color:#55607a}
#mm-hero .as b,#mm-hero-ov .as b{display:block;font-size:30px;font-weight:700;letter-spacing:-.8px;line-height:1.2}
#mm-hero .as em,#mm-hero-ov .as em{font-style:normal;font-size:13px;font-weight:600}
#mm-hero .dgrid,#mm-hero-ov .dgrid{display:grid;grid-template-columns:150px 1fr;gap:10px;align-items:center;margin-top:12px;flex:1}
#mm-hero .stage.in .seg,#mm-hero-ov .stage.in .seg{animation:mmh-segin 1.2s ease-out var(--sd,1s) backwards}
#mm-hero .lg,#mm-hero-ov .lg{display:grid;grid-template-columns:14px 1fr 38px;align-items:center;gap:6px;font-size:13px;color:#2b3350;height:27px}
#mm-hero .lg i,#mm-hero-ov .lg i{width:10px;height:10px;border-radius:50%}
#mm-hero .lg b,#mm-hero-ov .lg b{text-align:right;font-weight:600}
#mm-hero .bi,#mm-hero-ov .bi{height:100%;padding:22px 26px}
#mm-hero .bi-t,#mm-hero-ov .bi-t{font-size:17px;font-weight:700}
#mm-hero .bi-g,#mm-hero-ov .bi-g{display:grid;grid-template-columns:minmax(0,1fr) 116px;gap:14px;margin-top:4px}
#mm-hero .wm,#mm-hero-ov .wm{font-family:'Playfair Display','Lora',Georgia,serif;font-size:37px;letter-spacing:4px;font-weight:500;line-height:1.1;margin-top:26px;color:#1b1330;white-space:nowrap}
#mm-hero .wm2,#mm-hero-ov .wm2{font-size:11.5px;letter-spacing:8px;color:#5a5470;margin:4px 0 0 4px}
#mm-hero .bi-row,#mm-hero-ov .bi-row{display:flex;align-items:center;gap:16px;margin-top:14px}
#mm-hero .sws,#mm-hero-ov .sws{display:flex;gap:8px}
#mm-hero .sws i,#mm-hero-ov .sws i{width:44px;height:50px;border-radius:7px;border:1px solid rgba(0,0,0,.08);box-shadow:0 4px 8px rgba(40,30,80,.12)}
#mm-hero .ty,#mm-hero-ov .ty{display:flex;align-items:center;gap:10px;border-left:1px solid var(--line);padding-left:14px}
#mm-hero .aa,#mm-hero-ov .aa{font-family:'Playfair Display','Lora',Georgia,serif;font-size:46px;line-height:1}
#mm-hero .tl,#mm-hero-ov .tl{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#4a5270}
#mm-hero .tl b,#mm-hero-ov .tl b{font-weight:500;border-bottom:1px solid var(--line);padding-bottom:3px;white-space:nowrap}
#mm-hero .web,#mm-hero-ov .web{height:100%;border-radius:28px;overflow:hidden;background:#fbf8f5}
#mm-hero .web-n,#mm-hero-ov .web-n{height:46px;display:flex;align-items:center;padding:0 26px;gap:34px;background:#fff}
#mm-hero .wlogo,#mm-hero-ov .wlogo{font-family:'Playfair Display','Lora',Georgia,serif;font-size:16px;letter-spacing:4px}
#mm-hero .wlinks,#mm-hero-ov .wlinks{font-size:11px;color:#5a5470;flex:1;text-align:center;white-space:pre}
#mm-hero .web-g,#mm-hero-ov .web-g{display:grid;grid-template-columns:1fr 200px;height:calc(100% - 46px)}
#mm-hero .web-l,#mm-hero-ov .web-l{padding:26px 0 0 28px}
#mm-hero .web-l h3,#mm-hero-ov .web-l h3{font-family:'Playfair Display','Lora',Georgia,serif;font-weight:600;font-size:31px;line-height:1.12;margin:0;color:#241632;white-space:nowrap}
#mm-hero .web-l p,#mm-hero-ov .web-l p{font-size:13.5px;color:#5a5470;margin:14px 0 20px;max-width:190px;line-height:1.45}
#mm-hero .btn,#mm-hero-ov .btn{display:inline-flex;gap:8px;align-items:center;background:#111;color:#fff;font-size:12.5px;font-weight:600;border-radius:999px;padding:11px 18px}
#mm-hero .web-r,#mm-hero-ov .web-r{overflow:hidden;display:flex;align-items:flex-end}
#mm-hero .aitile,#mm-hero-ov .aitile{background:none!important;border:none;box-shadow:none}
#mm-hero .ai,#mm-hero-ov .ai{position:relative;width:100%;height:100%;border-radius:46px;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(150deg,#0e1a52,#2a1272 55%,#4b1a8e);border:4px solid transparent;
  background-clip:padding-box,border-box;
  background-image:linear-gradient(150deg,#0e1a52,#2a1272 55%,#4b1a8e),linear-gradient(135deg,#43a8ff,#7a5cff 50%,#ff4fd8);
  background-origin:border-box;animation:mmh-aiglow 3.6s ease-in-out infinite}
#mm-hero .aitxt,#mm-hero-ov .aitxt{font-size:96px;font-weight:800;color:#fff;letter-spacing:-3px;text-shadow:0 0 22px rgba(160,140,255,.9),0 0 50px rgba(228,91,208,.5)}
#mm-hero .spark,#mm-hero-ov .spark{position:absolute;right:34px;top:30px;filter:drop-shadow(0 0 8px #fff)}
#mm-hero .lines,#mm-hero-ov .lines{position:absolute;left:0;top:0;pointer-events:none;overflow:visible}
#mm-hero .ln,#mm-hero-ov .ln{stroke-dasharray:1}
#mm-hero .stage.in .ln,#mm-hero-ov .stage.in .ln{animation:mmh-fadein .6s ease-out 0s backwards}
.js #mm-hero .stage:not(.in) .lines{opacity:0}
#mm-hero .fl,#mm-hero-ov .fl{stroke-dasharray:.012 .07;opacity:.85;animation:mmh-flow 4s linear infinite}
#mm-hero .nd,#mm-hero-ov .nd{transform-box:fill-box;transform-origin:center;}
#mm-hero .lines g,#mm-hero-ov .lines g{fill:none}
#mm-hero .cnt,#mm-hero .big,#mm-hero .big2,#mm-hero .as b,#mm-hero .vs b,#mm-hero .ms b,#mm-hero .lg b,#mm-hero-ov .cnt,#mm-hero-ov .big,#mm-hero-ov .big2,#mm-hero-ov .as b,#mm-hero-ov .vs b,#mm-hero-ov .ms b,#mm-hero-ov .lg b{font-variant-numeric:tabular-nums}
#mm-hero .cnt.tick,#mm-hero-ov .cnt.tick{animation:mmh-tick .95s ease-out}

@keyframes mmh-tick{0%{text-shadow:0 0 0 rgba(47,107,255,0)}25%{text-shadow:0 0 14px rgba(47,107,255,.6)}100%{text-shadow:0 0 0 rgba(47,107,255,0)}}
#mm-hero .up i,#mm-hero .upc i,#mm-hero-ov .up i,#mm-hero-ov .upc i{display:inline-block;animation:mmh-bob 1.3s ease-in-out infinite}

@keyframes mmh-bob{0%,100%{transform:translateY(1px)}50%{transform:translateY(-3px)}}
#mm-hero .spin,#mm-hero-ov .spin{width:100%;height:100%;transform-style:preserve-3d;animation:mmh-swing var(--sd,9s) ease-in-out var(--sdel,0s) infinite}

@keyframes mmh-swing{
  0%,100%{transform:perspective(1500px) rotateY(calc(var(--sa,4deg)*-1)) rotateX(calc(var(--sa,4deg)*.35))}
  50%{transform:perspective(1500px) rotateY(var(--sa,4deg)) rotateX(calc(var(--sa,4deg)*-.35))}}

@keyframes mmh-coin{0%,60%{transform:perspective(380px) rotateY(0)}78%,100%{transform:perspective(380px) rotateY(360deg)}}
#mm-hero .coin,#mm-hero-ov .coin{animation:mmh-coin var(--cdur,7s) cubic-bezier(.5,.05,.3,1) var(--cd,0s) infinite}
#mm-hero .it-meta .coin,#mm-hero-ov .it-meta .coin{--cd:.6s}
#mm-hero .it-tiktokads .coin,#mm-hero-ov .it-tiktokads .coin{--cd:1.9s;--cdur:7.5s}
#mm-hero .it-video .coin,#mm-hero-ov .it-video .coin{--cd:3.1s;--cdur:6.5s}
#mm-hero .it-analytics .coin,#mm-hero-ov .it-analytics .coin{--cd:4.3s}
#mm-hero .it-shopify .coin,#mm-hero-ov .it-shopify .coin{--cd:1s;--cdur:6s}
#mm-hero .it-tiktok .coin,#mm-hero-ov .it-tiktok .coin{--cd:2.6s;--cdur:6.4s}
#mm-hero .it-figma .coin,#mm-hero-ov .it-figma .coin{--cd:3.8s;--cdur:7s}

@keyframes mmh-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}
#mm-hero .pulse,#mm-hero-ov .pulse{transform-box:fill-box;transform-origin:center;}

@keyframes mmh-rot{to{transform:rotate(360deg)}}
#mm-hero .donut,#mm-hero-ov .donut{animation:mmh-rot 50s linear infinite}
#mm-hero .seg,#mm-hero-ov .seg{transition:stroke-dasharray 1.1s ease,stroke-dashoffset 1.1s ease}
#mm-hero .bars i,#mm-hero-ov .bars i{transition:height 1s ease-in-out}
#mm-hero .ai,#mm-hero-ov .ai{background:none!important;border:none!important;overflow:hidden}
#mm-hero .ai::before,#mm-hero-ov .ai::before{content:'';position:absolute;left:50%;top:50%;width:260%;aspect-ratio:1;translate:-50% -50%;
  background:conic-gradient(#43a8ff,#7a5cff,#ff4fd8,#43a8ff);animation:mmh-spinB 4.5s linear infinite}
#mm-hero .ai::after,#mm-hero-ov .ai::after{content:'';position:absolute;inset:4px;border-radius:42px;background:linear-gradient(150deg,#0e1a52,#2a1272 55%,#4b1a8e)}
#mm-hero .aitxt,#mm-hero-ov .aitxt{position:relative;z-index:2}
#mm-hero .spark,#mm-hero-ov .spark{z-index:2;animation:mmh-twinkle 2.4s ease-in-out infinite}

@keyframes mmh-spinB{to{transform:rotate(360deg)}}

@keyframes mmh-twinkle{0%,100%{transform:scale(1) rotate(0);opacity:1}50%{transform:scale(1.25) rotate(45deg);opacity:.85}}
#mm-hero .bead,#mm-hero-ov .bead{pointer-events:none}

@media (prefers-reduced-motion:reduce){#mm-hero *,#mm-hero-ov *{animation:none!important;transition:none!important}
.js #mm-hero .stage:not(.in) .enter,.js #mm-hero .stage:not(.in) .lines{opacity:1}}


/* ===== extra effects: cursor tilt on every card + cursor-following glint + safety resets ===== */
#mm-hero{line-height:normal;text-align:left;letter-spacing:normal;text-transform:none;overflow:visible}
#mm-hero *,#mm-hero *::before,#mm-hero *::after{box-sizing:border-box}
#mm-hero p,#mm-hero h3,#mm-hero b,#mm-hero i,#mm-hero em,#mm-hero span{letter-spacing:inherit}
#mm-hero h3{margin:0;padding:0}
#mm-hero .body{transform:perspective(1300px) rotateY(calc(var(--ry,0deg) + var(--mx,0)*7deg)) rotateX(calc(var(--rx,0deg) - var(--my,0)*5deg)) rotateZ(var(--rz,0));
  transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .5s}
#mm-hero .body:hover{transform:perspective(1300px) rotateY(0) rotateX(0) rotateZ(0) translateY(-8px) scale(1.025)}
#mm-hero .it-laptop .body{transform:perspective(1300px) rotateY(calc(var(--mx,0)*4deg)) rotateX(calc(var(--my,0)*-3deg))}
#mm-hero .it-laptop .body:hover{transform:perspective(1300px) translateY(-6px) scale(1.012)}
#mm-hero .card,#mm-hero .tile{position:relative}
#mm-hero .card::after,#mm-hero .tile::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:5;
  background:radial-gradient(300px circle at var(--hx,50%) var(--hy,0%),rgba(255,255,255,.85),rgba(255,255,255,0) 55%),
             radial-gradient(380px circle at var(--hx,50%) var(--hy,0%),rgba(122,92,255,.16),rgba(47,123,255,.07) 40%,rgba(255,255,255,0) 70%);
  opacity:0;transition:opacity .35s ease}
#mm-hero .tile.dark::after{background:radial-gradient(260px circle at var(--hx,50%) var(--hy,0%),rgba(255,255,255,.35),rgba(255,255,255,0) 60%)}
#mm-hero .aitile::after{display:none}
#mm-hero .card:hover::after,#mm-hero .tile:hover::after{opacity:1}
@media (hover:none),(pointer:coarse){#mm-hero .card::after,#mm-hero .tile::after{display:none}
  #mm-hero .body{transform:perspective(1300px) rotateY(var(--ry,0deg)) rotateX(var(--rx,0deg)) rotateZ(var(--rz,0))}}

/* ===== hero FX v2: entrance, hit flash, waves, toasts, laptop screen, preview overlay ===== */
#mm-hero .item .body{cursor:pointer}
@keyframes mmh-hit{0%{filter:drop-shadow(0 0 0 rgba(122,92,255,0)) brightness(1)}
  30%{filter:drop-shadow(0 0 26px rgba(122,92,255,.85)) drop-shadow(0 0 10px rgba(47,123,255,.8)) brightness(1.07)}
  100%{filter:drop-shadow(0 0 0 rgba(122,92,255,0)) brightness(1)}}

#mm-hero .wave{position:absolute;left:0;top:0;width:200px;height:200px;border-radius:50%;pointer-events:none;opacity:0;will-change:transform,opacity;
  border:3px solid rgba(122,92,255,.55);
  box-shadow:0 0 50px rgba(47,123,255,.35),inset 0 0 50px rgba(122,92,255,.18)}
#mm-hero .lines .pk{pointer-events:none}
@keyframes mmh-burst{from{transform:scale(.6);opacity:1}to{transform:scale(5);opacity:0}}
#mm-hero .lines .burst{transform-box:fill-box;transform-origin:center;animation:mmh-burst .7s ease-out forwards;fill:none;stroke-width:3}
@keyframes mmh-btn{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}
#mm-hero .mmh-btn{transform-box:fill-box;transform-origin:center;}
@keyframes mmh-cur{0%{transform:translate(330px,170px);opacity:0}12%{opacity:1}42%{transform:translate(84px,254px)}48%{transform:translate(84px,254px) scale(.82)}54%{transform:translate(84px,254px) scale(1)}86%{transform:translate(300px,300px);opacity:1}100%{transform:translate(330px,320px);opacity:0}}
@keyframes mmh-click{0%,46%{transform:scale(0);opacity:0}48%{opacity:.9;transform:scale(.4)}62%{transform:scale(3.2);opacity:0}100%{transform:scale(3.2);opacity:0}}
#mm-hero .mmh-cursor{animation:mmh-cur 8.4s ease-in-out infinite}
#mm-hero .mmh-click{transform-box:fill-box;transform-origin:center;animation:mmh-click 8.4s ease-out infinite}

/* toasts */
#mm-hero .toast{position:absolute;z-index:40;display:flex;align-items:center;gap:12px;padding:12px 20px 12px 14px;border-radius:999px;pointer-events:none;white-space:nowrap;
  font:600 17px/1.1 'Inter',system-ui,sans-serif;color:#131a36;
  background:linear-gradient(180deg,#fff,#f1f4fd);border:1.5px solid #dfe6fb;
  box-shadow:0 18px 34px -10px rgba(60,70,170,.38),0 4px 10px rgba(30,40,100,.12);
  animation:mmh-toast 3.6s cubic-bezier(.2,.9,.25,1) forwards}
#mm-hero .toast i{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:none;color:#fff;font-style:normal;font-size:16px;font-weight:700}
#mm-hero .toast small{display:block;font-size:12px;font-weight:500;color:#7a8399;margin-top:3px}
@keyframes mmh-toast{0%{opacity:0;transform:translateY(26px) scale(.8)}10%{opacity:1;transform:translateY(0) scale(1.04)}16%{transform:translateY(0) scale(1)}85%{opacity:1;transform:translateY(-14px)}100%{opacity:0;transform:translateY(-34px) scale(.96)}}

/* preview overlay (lives outside #mm-hero, uses #mm-hero-ov clone styles) */
.mmh-ov{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:26px;
  opacity:0;transition:opacity .35s ease;font-family:'Inter',system-ui,sans-serif}
.mmh-ov.on{opacity:1}
.mmh-ov-bg{position:absolute;inset:0;background:radial-gradient(circle at 50% 40%,rgba(60,50,140,.55),rgba(10,14,40,.82));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.mmh-ov-stage{position:relative;transform:scale(.55) translateY(40px);opacity:0;transition:transform .55s cubic-bezier(.2,1.3,.35,1),opacity .35s ease;transform-origin:50% 50%}
.mmh-ov.on .mmh-ov-stage{transform:scale(var(--ps,1.5)) translateY(0);opacity:1}
#mm-hero-ov .stage{position:relative;left:auto;top:auto;width:100%;height:100%;transform:none}
#mm-hero-ov .body{transform:none!important;animation:none}
.mmh-ov-cta{position:relative;display:flex;gap:12px;align-items:center;opacity:0;transform:translateY(14px);transition:all .45s ease .25s}
.mmh-ov.on .mmh-ov-cta{opacity:1;transform:none}
.mmh-ov-cta a,.mmh-ov-cta button{font:700 16px/1 'Inter',system-ui,sans-serif;border-radius:999px;padding:15px 28px;border:0;cursor:pointer;text-decoration:none!important;display:inline-flex;align-items:center;gap:10px;
  transition:transform .25s ease,box-shadow .25s ease}
.mmh-ov-cta a.p{color:#fff!important;background:linear-gradient(120deg,#2678ef,#7a5cff 55%,#ef2626);box-shadow:0 14px 30px rgba(38,120,239,.45)}
.mmh-ov-cta .g{color:#fff;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.mmh-ov-cta a:hover,.mmh-ov-cta button:hover{transform:translateY(-3px) scale(1.04)}
.mmh-ov-x{position:absolute;top:22px;right:26px;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.4);background:rgba(255,255,255,.12);color:#fff;font-size:24px;cursor:pointer;z-index:2}
@media (prefers-reduced-motion:reduce){#mm-hero .wave,#mm-hero .toast{display:none}}
#mm-hero-ov{aspect-ratio:auto!important;width:auto!important;position:relative!important}

/* everything appears at once: no staggered delays */
#mm-hero .stage.in .draw,#mm-hero-ov .stage.in .draw{animation-duration:.9s;animation-delay:0s}
#mm-hero .stage.in .area,#mm-hero-ov .stage.in .area{animation-duration:.6s;animation-delay:0s}
#mm-hero .stage.in .dot,#mm-hero-ov .stage.in .dot{animation-duration:.4s;animation-delay:0s}
#mm-hero .stage.in .bars i,#mm-hero-ov .stage.in .bars i{animation-duration:.6s;animation-delay:0s}
#mm-hero .stage.in .seg,#mm-hero-ov .stage.in .seg{animation-duration:.7s;animation-delay:0s}