/* Sizes, colours and timings follow the V4 prototype: https://windfall-prototypes.vercel.app/login-market-insights/#v4 */
.mi-promo{--wf-white:#FFFFFF; --wf-cyan-1:#F0FAFB; --wf-cyan-2:#CCEDF3; --wf-cyan-3:#99DCE7; --wf-cyan-4:#66CADA; --wf-cyan-6:#00A7C2; --wf-cyan-7:#007D92; --wf-cyan-9:#00434E;
  --wf-gray-0:#F8F9FA; --wf-gray-1:#F1F3F5; --wf-gray-2:#E9ECEF; --wf-gray-3:#DEE2E6; --wf-gray-4:#CED4DA; --wf-gray-5:#ADB5BD; --wf-gray-6:#868E96; --wf-gray-7:#495057; --wf-gray-9:#212529;
  --wf-teal-0:#E6FCF5; --wf-teal-8:#099268; --wf-red-7:#F03E3E;
  --wf-ai-start:#009AB3; --wf-ai-end:#0CCB88;
  /* no design-system tokens for the panel colours below yet */
  --promo-bg:#023C47;
  --promo-dots:rgba(255,255,255,.086);
  --promo-mark:rgba(0,165,195,.12);
  --promo-glow:#00A5C3;
  position:relative; overflow:clip; min-height:980px; background:var(--promo-bg);
  font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif; -webkit-font-smoothing:antialiased;}
.mi-promo *{box-sizing:border-box}
.mi-promo::before{content:"";position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(var(--promo-dots) 1px, transparent 1px);background-size:22px 22px;
  -webkit-mask-image:radial-gradient(at 50% 62%, #000 20%, transparent 75%);mask-image:radial-gradient(at 50% 62%, #000 20%, transparent 75%)}
.mi-promo .mark{position:absolute;right:-24px;top:-28px;width:460px;height:406px;color:var(--promo-mark);pointer-events:none}

.mi-promo .copy{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:16px;max-width:648px;padding:56px 48px 0}
.mi-promo .copy h1{margin:0;font-size:48px;font-weight:700;line-height:normal;color:var(--wf-white)}
.mi-promo .copy h1 span{background:linear-gradient(90deg,var(--wf-ai-start),var(--wf-ai-end));-webkit-background-clip:text;background-clip:text;color:transparent}
.mi-promo .copy p{margin:0;max-width:490px;font-size:15px;line-height:1.5;color:var(--wf-white)}

.mi-promo .stage{position:absolute;left:50%;top:340px;width:520px;height:520px;margin-left:-260px;color:var(--wf-gray-9)}
.mi-promo .stage i{display:block;flex-shrink:0;font-style:normal}
.mi-promo .stage img, .mi-promo .stage svg{display:block;flex-shrink:0;max-width:none}
.mi-promo .stage p{margin:0}
.mi-promo .slide{position:absolute;inset:0;opacity:0;transform:translateY(6px);pointer-events:none;
  transition:opacity .45s cubic-bezier(.16,1,.3,1),transform .45s cubic-bezier(.16,1,.3,1)}
.mi-promo .slide.is-active{opacity:1;transform:none}
.mi-promo .host{position:absolute;left:50%;top:0}

@property --mi-orbit { syntax:'<angle>'; inherits:false; initial-value:0deg; }
.mi-promo .prompt{position:absolute;left:40px;right:40px;top:190px;height:56px}
.mi-promo .orbit, .mi-promo .orbit-glow{position:absolute;inset:-2px;border-radius:999px;
  background:conic-gradient(from var(--mi-orbit), transparent 0%, var(--promo-glow) 18%, var(--wf-ai-end) 38%, transparent 58%, transparent 100%);
  animation:mi-spin 3.2s linear infinite}
.mi-promo .orbit{padding:2px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.mi-promo .orbit-glow{inset:-10px;filter:blur(16px) brightness(1.25) saturate(1.3);opacity:.8}
.mi-promo .input{position:absolute;inset:0;display:flex;align-items:center;gap:12px;padding:0 12px 0 20px;border-radius:999px;
  background:rgba(2,60,71,.85);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(10px);
  box-shadow:0 20px 50px rgba(0,0,0,.35);color:#E8F1F4;font-size:15px}
.mi-promo .input .w{width:22px;height:20px;color:var(--promo-glow);filter:drop-shadow(0 0 8px rgba(0,165,195,.9))}
.mi-promo .type{flex:1;display:flex;align-items:center;white-space:nowrap;overflow:hidden}
.mi-promo .caret{display:inline-block!important;width:1.5px;height:17px;margin-left:2px;background:var(--wf-ai-end);animation:mi-blink 1s steps(1) infinite}
.mi-promo .send{position:relative;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--promo-glow),var(--wf-ai-end));color:#fff}
.mi-promo .send::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--wf-ai-end);opacity:0;pointer-events:none}
.mi-promo .cursor{position:absolute;left:450px;top:216px;z-index:3;opacity:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.45));pointer-events:none}
.mi-promo .chips{position:absolute;left:0;right:0;top:282px;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.mi-promo .chips .il-chip{height:24px;padding:0 10px;font-size:11px}

.mi-promo .report{width:416px;height:470px;margin-left:-208px;-webkit-mask-image:linear-gradient(#000 82%,transparent);mask-image:linear-gradient(#000 82%,transparent)}
.mi-promo .report .il-preview{left:0;top:0}
.mi-promo .report .il-metric{top:11px}
.mi-promo .report .il-metric.m1{left:5px;border-radius:4.501px}
.mi-promo .report .il-metric.m2{left:142.33px}
.mi-promo .report .il-metric.m3{left:279.67px}
.mi-promo .report .il-shift{left:7px;top:59px;width:398px}
.mi-promo .pin{position:absolute;width:13px;height:14.4px;margin:-14.4px 0 0 -6.5px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.3));z-index:2}

.mi-promo .slide.is-report{transition:opacity .45s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}
.mi-promo .slide.is-report.is-pushed{transform:translateX(-110px) scale(.92)}
.mi-promo .slide.is-copilot{transform:translateX(260px);transition:opacity .45s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}
.mi-promo .slide.is-copilot.is-active{transform:none}
.mi-promo .copilot{width:213px;height:419px;margin-left:-24px;transform:scale(1.26);transform-origin:top left}
.mi-promo .copilot .il-drawer{left:0;top:0;box-shadow:0 16px 40px rgba(0,0,0,.35)}
.mi-promo .copilot .il-reco p{width:auto}
.mi-promo .copilot .il-reco-lines{gap:9px}
.mi-promo .bul{display:flex;gap:7px;align-items:flex-start}
.mi-promo .bul b{display:block;flex-shrink:0;width:5px;height:5px;margin-top:1px;border-radius:50%;background:var(--wf-cyan-6)}
.mi-promo .bul>div, .mi-promo .bul-end{display:flex;flex-direction:column;gap:5.3px}
.mi-promo .bul-end{margin-top:3px}

.mi-promo .mailclient{position:absolute;left:50%;top:64px;width:360px;height:392px;margin-left:-180px;border-radius:10px;overflow:clip;background:var(--wf-gray-0);box-shadow:0 18px 44px rgba(0,0,0,.3)}
.mi-promo .monthly{z-index:1;width:342px;margin-left:-214px;top:120px;transform:scale(1.25);transform-origin:top left}
.mi-promo .monthly .r3-mail{position:absolute;left:40px;top:0}
.mi-promo .monthly .r3-reports{position:absolute;left:0;top:84px}
.mi-promo .cursor-dl{left:0;top:0}

.mi-promo .stack{position:absolute;left:50%;top:80px;width:257px;height:333px;margin-left:-128.5px}
.mi-promo .page{position:absolute;inset:0;transform:translate(var(--x),var(--y)) rotate(var(--r));transform-origin:50% 130%}

.mi-promo .captions{position:absolute;left:50%;top:884px;width:440px;margin-left:-220px;height:58px;text-align:center;color:#E8F1F4;font-size:14px;line-height:21px}
.mi-promo .captions p{position:absolute;inset:0 0 auto;margin:0;opacity:0;transform:translateY(6px);transition:opacity .45s cubic-bezier(.16,1,.3,1),transform .45s cubic-bezier(.16,1,.3,1)}
.mi-promo .captions p.is-active{opacity:1;transform:none}
.mi-promo .dots{position:absolute;left:0;right:0;top:38px;display:flex;justify-content:center;gap:6px}
.mi-promo .dots button{position:relative;overflow:hidden;width:6px;height:6px;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.2);cursor:pointer;transition:width .3s}
.mi-promo .dots button[aria-current="true"]{width:28px}
.mi-promo .dots button::after{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--wf-cyan-6);transform:scaleX(0);transform-origin:left center}
.mi-promo .dots button[aria-current="true"]::after{animation:mi-progress var(--mi-ms,5000ms) linear both}
.mi-promo .dots button:focus-visible{outline:2px solid var(--wf-cyan-3);outline-offset:3px}

.mi-promo .il-ph{background:var(--wf-gray-2);border-radius:6.865px}
.mi-promo .il-preview{position:absolute;width:416px;height:485px;overflow:clip;border-radius:8.574px; background:linear-gradient(to bottom,#0B8499,rgba(241,243,245,0))}
.mi-promo .il-card{position:absolute;left:7px;right:11px;background:#fff;border-radius:6px;overflow:clip}
.mi-promo .il-map-card{top:118px;padding:7.033px}
.mi-promo .il-map-content{display:flex;flex-direction:column;gap:5.626px;border-radius:2.813px;overflow:clip}
.mi-promo .il-map-toolbar{display:flex;align-items:center;gap:5.626px}
.mi-promo .il-map-actions{flex:1 0 0;min-width:1px;height:11.956px;display:flex;align-items:center;justify-content:flex-end;gap:5.626px; background:rgba(255,255,255,.8);border-radius:2.813px}
.mi-promo .il-map-vis{width:383.668px;padding:5.626px;border:.352px solid var(--wf-gray-3);border-radius:2.813px;overflow:clip}
.mi-promo .il-map-canvas{display:flex;justify-content:center;padding:7.033px 0;background:var(--wf-gray-0);border-radius:2.813px}
.mi-promo .il-map-art{position:relative;width:273.737px;height:187.626px}
.mi-promo .il-map-art svg{position:absolute;top:0;left:-8.92%;width:117.84%;height:100%;display:block}
.mi-promo .il-table-card{top:370px;padding:6.399px}
.mi-promo .il-table-content{display:flex;flex-direction:column;gap:7.807px;padding:7.807px;border-radius:3.378px}
.mi-promo .il-table-heading{display:flex;flex-direction:column;gap:8.532px;width:199.273px}
.mi-promo .il-table{border:.833px solid var(--wf-gray-2);border-radius:6.665px;overflow:clip}
.mi-promo .il-tr{position:relative;display:flex;align-items:center;justify-content:space-between;height:26.66px;padding:0 13.33px; overflow:clip;background:#fff;box-shadow:inset 0 .833px 0 0 #DEE2E9}
.mi-promo .il-thead{background:var(--wf-gray-1);box-shadow:none}
.mi-promo .il-th{width:48.39px;height:6.399px;background:#CACED7;border-radius:19.995px}
.mi-promo .il-c1{display:flex;width:124.969px;flex-shrink:0}
.mi-promo .il-thead .il-c1{padding-right:79.98px}
.mi-promo .il-tr:not(.il-thead) .il-c1{padding-right:33.325px;margin-right:-57.983px}
.mi-promo .il-td{width:112.472px;height:4.166px;border-radius:19.995px;background:var(--wf-gray-2);margin-right:-57.983px}
.mi-promo .il-td:last-child{margin-right:0}
.mi-promo .il-c1 .il-td{width:100%;margin:0}
.mi-promo .il-metric{position:absolute;width:128.332px;display:flex;gap:9.002px;padding:9.002px;background:#fff;border-radius:6px}
.mi-promo .il-accent{width:2.813px;align-self:stretch;background:var(--wf-cyan-2);border-radius:55.702px}
.mi-promo .il-metric>div{flex:1 0 0;min-width:1px}
.mi-promo .il-metric p{font-size:11.253px;line-height:17.442px;font-weight:600;color:var(--wf-gray-9)}
.mi-promo .il-shift{position:absolute;width:438px;height:47px;background:var(--wf-cyan-2);border-radius:6px}
.mi-promo .il-shift img{position:absolute;left:5.32px;top:4.94px}
.mi-promo .il-shift p{position:absolute;left:26.41px;top:8.94px;font-size:9.31px;line-height:7.528px;font-weight:600;color:var(--wf-cyan-9);white-space:nowrap}
.mi-promo .il-shift-lines{position:absolute;left:26.41px;top:22.93px;width:362px;display:flex;flex-direction:column;gap:7.214px}
.mi-promo .il-shift-lines i{border-radius:7.13px}
.mi-promo .il-drawer{position:absolute;width:213px;height:419px;overflow:clip;border-radius:6px; background:linear-gradient(to bottom,#fff,#fff 58.654%,rgba(255,255,255,0))}
.mi-promo .il-drawer-head{display:flex;align-items:center;gap:5.682px;width:248.568px;height:51.134px;padding:14.204px;background:#fff}
.mi-promo .il-drawer-div{width:.71px;height:17.045px;background:var(--wf-gray-2)}
.mi-promo .il-drawer-head span{font-size:9.943px;line-height:15.411px;font-weight:600;color:var(--wf-gray-9);white-space:nowrap}
.mi-promo .il-drawer-body{position:absolute;left:14px;top:51px;width:187px;display:flex;flex-direction:column;gap:11.363px}
.mi-promo .il-bubble{padding:8.522px;background:var(--wf-cyan-7);border-radius:11.363px 11.363px 0 11.363px;font-size:9.943px;line-height:15.411px;color:#fff}
.mi-promo .il-reco{display:flex;flex-direction:column;gap:11.363px;padding:8.522px;background:var(--wf-cyan-1);border-radius:11.363px}
.mi-promo .il-reco p{width:147px;font-size:9.943px;line-height:12.4px;font-weight:700;color:var(--wf-gray-9)}
.mi-promo .il-reco-lines{display:flex;flex-direction:column;gap:5.324px}
.mi-promo .il-reco-lines i{background:#C8E1E5;border-radius:8.323px}
.mi-promo .il-reco-actions{display:flex;gap:5.682px}
.mi-promo .il-reco-actions span{display:flex;align-items:center;justify-content:center;width:17.045px;height:17.045px;padding:2.841px}
.mi-promo .il-chip{height:20px;display:flex;align-items:center;gap:5.479px;padding:0 8.134px;white-space:nowrap; background:rgba(255,255,255,.2);border-radius:39.027px;font-size:10.176px;line-height:1.5;color:#fff}
.mi-promo .r3-mail{position:absolute;width:262px;display:flex;align-items:center;gap:10px;padding:10px 12px; background:#fff;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.18)}
.mi-promo .r3-mail-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--wf-cyan-1);color:var(--wf-cyan-6);flex-shrink:0}
.mi-promo .r3-mail-text{flex:1;min-width:0;display:flex;flex-direction:column;font-size:10px;line-height:14px;color:var(--wf-gray-7);white-space:nowrap}
.mi-promo .r3-mail-text b{font-weight:600;color:var(--wf-gray-9)}
.mi-promo .r3-mail-time{align-self:flex-start;font-size:9px;line-height:14px;color:var(--wf-gray-6)}
.mi-promo .r3-reports{position:absolute;width:342px;background:#fff;border-radius:8px;overflow:clip; box-shadow:0 12px 32px rgba(0,0,0,.24)}
.mi-promo .r3-reports-head{padding:10px 14px;font-size:10.5px;line-height:15px;font-weight:600;border-bottom:.75px solid var(--wf-gray-2)}
.mi-promo .r3-row{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:.75px solid var(--wf-gray-2)}
.mi-promo .r3-row:last-child{border-bottom:0}
.mi-promo .r3-row:last-child > *{opacity:.75}
.mi-promo .r3-row.is-new{background:var(--wf-cyan-1)}
.mi-promo .r3-file{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;background:#fff; border:.75px solid var(--wf-gray-2);color:var(--wf-cyan-6);flex-shrink:0}
.mi-promo .r3-row-text{flex:1;min-width:0;display:flex;flex-direction:column;white-space:nowrap}
.mi-promo .r3-row-text b{font-size:10px;line-height:14px;font-weight:600}
.mi-promo .r3-row-text span{font-size:8.5px;line-height:12px;color:var(--wf-gray-6)}
.mi-promo .r3-ready{padding:1.5px 6px;border-radius:8px;background:var(--wf-teal-0);color:var(--wf-teal-8);font-size:8.5px;line-height:12px;flex-shrink:0}
.mi-promo .r3-dl{display:flex;align-items:center;gap:4px;height:24px;padding:0 9px;border-radius:4px;background:var(--wf-cyan-6);color:#fff; font-size:9px;font-weight:600;white-space:nowrap;flex-shrink:0;position:relative}
.mi-promo .r3-dl-subtle{background:transparent;color:var(--wf-cyan-6);border:.75px solid var(--wf-cyan-4)}
.mi-promo .r3-dl::after{content:"";position:absolute;inset:-1px;border-radius:5px;border:2px solid var(--wf-ai-end);opacity:0;pointer-events:none}
.mi-promo .r3-dl::before{content:"";position:absolute;inset:0;border-radius:4px;background:rgba(255,255,255,.28);transform:scaleX(0);transform-origin:left center;pointer-events:none}

.mi-promo .paper{position:relative;width:612px;height:792px;padding:48px 48px 0 55px;transform:scale(.42);transform-origin:0 0;background:#fff;overflow:clip; border-radius:4px;box-shadow:0 18px 40px rgba(0,0,0,.35)}
.mi-promo .paper::before{content:"";position:absolute;left:0;top:0;bottom:0;width:7px;background:var(--wf-cyan-6)}
.mi-promo .paper .lf{display:block;border-radius:6px;background:var(--wf-gray-2)}
.mi-promo .paper .lf.dk{background:var(--wf-gray-5)}
.mi-promo .paper .lf.tt{background:#343A40;border-radius:5px}
.mi-promo .paper .lf.cy{background:var(--wf-cyan-4)}
.mi-promo .paper .lf.lt{background:rgba(255,255,255,.28)}
.mi-promo .paper .lf.lt2{background:rgba(255,255,255,.7)}
.mi-promo .paper .lf.gr{background:#C3FAE8}
.mi-promo .paper .lf.pl{background:var(--wf-gray-2)}
.mi-promo .lf-head{display:flex;align-items:center;justify-content:space-between}
.mi-promo .lf-logo{display:flex;align-items:center;gap:6px;color:var(--promo-glow)}
.mi-promo .lf-logo svg{width:11px;height:10px}
.mi-promo .lf-rule{display:block;height:2px;margin:14px 0 30px;background:#0B5563}
.mi-promo .lf-title{display:flex;flex-direction:column;gap:12px;margin-bottom:28px}
.mi-promo .lf-para{display:flex;flex-direction:column;gap:7px;margin:10px 0}
.mi-promo .lf-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding-bottom:22px;margin-bottom:24px;border-bottom:1px solid var(--wf-gray-2)}
.mi-promo .lf-meta>div, .mi-promo .lf-kpi, .mi-promo .lf-stat, .mi-promo .lf-pw-cols>div, .mi-promo .lf-teal-cols>div{display:flex;flex-direction:column;gap:7px}
.mi-promo .lf-cols{display:grid;grid-template-columns:150px 1fr;gap:24px}
.mi-promo .lf-kpis{display:flex;flex-direction:column;gap:12px}
.mi-promo .lf-kpi{padding:14px;border-radius:8px;background:var(--wf-gray-1);height:106px}
.mi-promo .lf-callout{margin:12px 0 20px;padding:4px 12px;border-left:3px solid #12B886;background:var(--wf-teal-0);border-radius:0 6px 6px 0}
.mi-promo .lf-item{display:flex;gap:10px;margin-top:16px}
.mi-promo .lf-item>div, .mi-promo .lf-row-main{flex:1;display:flex;flex-direction:column;gap:6px}
.mi-promo .lf-num{display:block;flex-shrink:0;width:18px;height:18px;border-radius:50%;background:var(--wf-cyan-6)}
.mi-promo .lf-teal{display:flex;flex-direction:column;gap:10px;padding:16px;margin-bottom:22px;border-radius:8px;background:#0F5260}
.mi-promo .lf-teal-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:6px}
.mi-promo .lf-teal-cols>div{padding:12px;border-radius:6px;background:rgba(255,255,255,.1);height:76px}
.mi-promo .lf-row{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--wf-gray-2)}
.mi-promo .lf-chips{display:flex;gap:6px;margin-top:4px}
.mi-promo .lf-chips .lf{border-radius:10px}
.mi-promo .lf-rec{width:150px;flex-shrink:0;display:flex;flex-direction:column;gap:7px;padding:12px;border-radius:8px;background:var(--wf-cyan-1)}
.mi-promo .lf-mapstats{display:grid;grid-template-columns:241px 1fr;gap:22px}
.mi-promo .lf-map{position:relative;height:185px;border-radius:8px;background:var(--wf-gray-0);overflow:clip}
.mi-promo .lf-map svg.il-map-svg{position:absolute;left:-5.99px;top:-71.48px;width:616.6px;height:358.6px}
.mi-promo .lf-legend{position:absolute;right:12px;bottom:10px;z-index:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px;border-radius:6px;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.12)}
.mi-promo .lf-stats{display:flex;flex-direction:column;gap:28px;padding-top:18px}
.mi-promo .lf-stat{padding-left:12px;border-left:3px solid var(--wf-cyan-4)}
.mi-promo .lf-table{margin-top:14px;border:1px solid var(--wf-gray-2);border-radius:8px;overflow:clip}
.mi-promo .lf-tr{display:grid;grid-template-columns:20px 1.6fr 1fr .8fr .9fr 1.2fr;align-items:center;gap:12px;height:24px;padding:0 12px;border-top:1px solid var(--wf-gray-1)}
.mi-promo .lf-th{background:var(--wf-gray-0);border-top:0}
.mi-promo .lf-pen{display:block;height:5px;border-radius:3px;background:var(--wf-gray-2);overflow:clip}
.mi-promo .lf-pen i{display:block;height:100%;border-radius:3px}
.mi-promo .lf-powered{display:flex;flex-direction:column;gap:8px;padding:16px;margin-bottom:24px;border-radius:8px;background:var(--wf-cyan-1);border-left:3px solid var(--wf-cyan-6)}
.mi-promo .lf-pw-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:10px}
.mi-promo .lf-cols2{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.mi-promo .lf-kv{display:flex;flex-direction:column;margin-top:14px;border:1px solid var(--wf-gray-2);border-radius:8px}
.mi-promo .lf-kv>div{display:flex;justify-content:space-between;padding:12px;border-top:1px solid var(--wf-gray-1)}
.mi-promo .lf-kv>div:first-child{border-top:0}
.mi-promo .lf-bul{margin:14px 0 0 14px;padding:0;list-style:disc;color:var(--wf-gray-5)}
.mi-promo .mc-bar{display:flex;align-items:center;gap:5px;height:28px;padding:0 10px;background:var(--wf-gray-2)}
.mi-promo .mc-bar b{width:7px;height:7px;border-radius:50%;background:var(--wf-gray-4)}
.mi-promo .mc-bar .mc-l{margin-left:auto;margin-right:auto;border-radius:4px;background:#fff}
.mi-promo .mc-body{display:grid;grid-template-columns:84px 1fr;height:calc(100% - 28px)}
.mi-promo .mc-side{display:flex;flex-direction:column;gap:12px;padding:14px 10px;background:var(--wf-gray-1)}
.mi-promo .mc-list{background:#fff}
.mi-promo .mc-row{position:relative;display:flex;align-items:center;gap:8px;padding:11px 12px;border-bottom:1px solid var(--wf-gray-1)}
.mi-promo .mc-row>div{flex:1;display:flex;flex-direction:column;gap:5px}
.mi-promo .mc-row.is-new{background:var(--wf-cyan-1)}
.mi-promo .mc-av{width:18px;height:18px;flex-shrink:0;border-radius:50%;background:var(--wf-gray-2)}
.mi-promo .mc-row.is-new .mc-av{background:var(--wf-cyan-2)}
.mi-promo .mc-dot{position:absolute;right:12px;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:var(--wf-cyan-6)}
.mi-promo .mc-l{display:block;border-radius:5px;background:var(--wf-gray-2)}
.mi-promo .mc-l.dk{background:var(--wf-gray-4)}
.mi-promo .mc-l.cy{background:var(--wf-cyan-2)}

@keyframes mi-in { from { opacity:0; transform:translateY(10px); } to { opacity:1; transform:none; } }
@keyframes mi-line { from { transform:scaleX(0); } to { transform:scaleX(1); } }
@keyframes mi-pop { 0% { transform:scale(0); } 70% { transform:scale(1.15); } 100% { transform:scale(1); } }
@keyframes mi-twinkle { 0% { opacity:0; transform:scale(.3) rotate(-30deg); } 60% { opacity:1; transform:scale(1.25) rotate(10deg); } 100% { opacity:1; transform:none; } }
@keyframes mi-tint { from { fill:var(--wf-gray-2); } }
@keyframes mi-spin { to { --mi-orbit:360deg; } }
@keyframes mi-blink { 50% { opacity:0; } }
@keyframes mi-progress { to { transform:scaleX(1); } }
@keyframes mi-cursor { 0% { opacity:0; transform:translate(90px,70px); } 20% { opacity:1; } 65% { transform:translate(0,0); }
                        78% { transform:translate(0,0) scale(.82); } 90%,100% { opacity:1; transform:translate(0,0) scale(1); } }
@keyframes mi-press { 0%,100% { transform:scale(1); } 45% { transform:scale(.86); } }
@keyframes mi-ripple { 0% { opacity:.7; transform:scale(1); } 100% { opacity:0; transform:scale(1.9); } }
@keyframes mi-pin { 0% { opacity:0; transform:translateY(-16px); } 60% { opacity:1; } 100% { opacity:1; transform:none; } }
@keyframes mi-newrow { from { opacity:0; transform:translateY(-10px); } to { opacity:1; transform:none; } }
@keyframes mi-lift { from { opacity:0; transform:translateY(14px) scale(.94); } to { opacity:1; transform:none; } }
@keyframes mi-drop { 0% { opacity:0; transform:translate(var(--x), calc(var(--y) - 70px)) rotate(calc(var(--r) - 8deg)) scale(1.06); }
                        60% { opacity:1; } 100% { opacity:1; transform:translate(var(--x),var(--y)) rotate(var(--r)); } }

.mi-promo .il-map-svg [class~="j0"]{--jit:0s} .mi-promo .il-map-svg [class~="j1"]{--jit:.08s} .mi-promo .il-map-svg [class~="j2"]{--jit:.16s} .mi-promo .il-map-svg [class~="j3"]{--jit:.24s}

@media (prefers-reduced-motion: no-preference) {
  .mi-promo .slide:not(.is-active) *{animation:none!important;}

  .mi-promo .slide.is-active .input{animation:mi-in .57s cubic-bezier(.2,.8,.2,1) both;}
  .mi-promo .slide.is-active .chips .il-chip{animation:mi-in .57s cubic-bezier(.2,.8,.2,1) both;}
  .mi-promo .slide.is-active .chips .il-chip:nth-child(1){animation-delay:.79s;}
  .mi-promo .slide.is-active .chips .il-chip:nth-child(2){animation-delay:.88s;}
  .mi-promo .slide.is-active .chips .il-chip:nth-child(3){animation-delay:.96s;}
  .mi-promo .slide.is-active .chips .il-chip img{animation:mi-twinkle .51s ease-out 1.23s both;}
  .mi-promo .slide.is-active .cursor{animation:mi-cursor .96s cubic-bezier(.3,.7,.3,1) 1.36s both;}
  .mi-promo .slide.is-active .send{animation:mi-press .31s ease-out 2.1s both;}
  .mi-promo .slide.is-active .send::after{animation:mi-ripple .53s ease-out 2.14s both;}

  .mi-promo .slide.is-active :is(.il-preview,.il-map-card,.il-table-card,.il-metric,.il-shift,.il-bubble,.il-reco,.r3-reports,.r3-row){animation:mi-in .57s cubic-bezier(.2,.8,.2,1) both;}
  .mi-promo .slide.is-active .il-map-card{animation-delay:.11s;}
  .mi-promo .slide.is-active .il-table-card{animation-delay:.25s;}
  .mi-promo .slide.is-active .il-metric.m1{animation-delay:.11s;}
  .mi-promo .slide.is-active .il-metric.m2{animation-delay:.18s;}
  .mi-promo .slide.is-active .il-metric.m3{animation-delay:.25s;}
  .mi-promo .slide.is-active .il-shift{animation-delay:.32s;}
  .mi-promo .slide.is-active :is(.il-metric .il-ph,.il-shift-lines i,.il-reco-lines i){transform-origin:left center; animation:mi-line .4s ease-out both;}
  .mi-promo .slide.is-active .report .il-metric.m1 .il-ph{animation-delay:.48s;}
  .mi-promo .slide.is-active .report .il-metric.m2 .il-ph{animation-delay:.55s;}
  .mi-promo .slide.is-active .report .il-metric.m3 .il-ph{animation-delay:.62s;}
  .mi-promo .slide.is-active .report .il-shift-lines i:nth-child(1){animation-delay:.68s;}
  .mi-promo .slide.is-active .report .il-shift-lines i:nth-child(2){animation-delay:.79s;}
  .mi-promo .slide.is-active .il-map-svg :is([class~="c1"],[class~="c2"],[class~="c3"]){animation:mi-tint .44s ease-out both; animation-delay:calc(var(--tier) + var(--jit));}
  .mi-promo .slide.is-active .il-map-svg [class~="c1"]{--tier:.44s;}
  .mi-promo .slide.is-active .il-map-svg [class~="c2"]{--tier:.66s;}
  .mi-promo .slide.is-active .il-map-svg [class~="c3"]{--tier:.88s;}
  .mi-promo .slide.is-active .pin{animation:mi-pin .48s cubic-bezier(.3,1.4,.5,1) both; animation-delay:calc(1.09s + var(--i) * 105ms);}
  .mi-promo .slide.is-active .il-shift > img{animation:mi-twinkle .51s ease-out 1.14s both;}

  .mi-promo .slide.is-active .il-bubble{animation-delay:.35s;}
  .mi-promo .slide.is-active .il-reco{animation-delay:.53s;}
  .mi-promo .slide.is-active .copilot .il-reco-lines i{animation-duration:.35s; animation-delay:calc(.79s + var(--i) * 79ms);}
  .mi-promo .slide.is-active .bul b{animation:mi-pop .45s ease-out both; animation-delay:calc(.76s + var(--k) * 158ms);}

  .mi-promo .slide.is-active .mailclient{animation:mi-in .6s cubic-bezier(.2,.8,.2,1) both;}
  .mi-promo .slide.is-active .mc-row:not(.is-new) .mc-l{transform-origin:left center; animation:mi-line .4s ease-out both; animation-delay:calc(.2s + var(--i) * 60ms);}
  .mi-promo .slide.is-active .mc-row.is-new{animation:mi-newrow .5s cubic-bezier(.2,.8,.2,1) .45s both;}
  .mi-promo .slide.is-active .mc-dot{animation:mi-pop .45s ease-out .8s both;}
  .mi-promo .slide.is-active .monthly .r3-mail{animation:mi-lift .55s cubic-bezier(.2,.9,.3,1.15) .7s both;}
  .mi-promo .slide.is-active .monthly .r3-mail-icon{animation:mi-pop .45s ease-out .95s both;}
  .mi-promo .slide.is-active .monthly .r3-reports{animation-delay:1.05s;}
  .mi-promo .slide.is-active .monthly .r3-row:nth-child(2){animation-delay:1.2s;}
  .mi-promo .slide.is-active .monthly .r3-row:nth-child(3){animation-delay:1.3s;}
  .mi-promo .slide.is-active .monthly .r3-ready{animation:mi-pop .45s ease-out 1.45s both;}
  .mi-promo .slide.is-active .cursor-dl{animation:mi-cursor .9s cubic-bezier(.3,.7,.3,1) 1.5s both;}
  .mi-promo .slide.is-active .monthly .r3-row.is-new .r3-dl{animation:mi-pop .45s ease-out 1.55s both, mi-press .3s ease-out 2.2s;}
  .mi-promo .slide.is-active .monthly .r3-row.is-new .r3-dl::after{animation:mi-ripple .55s ease-out 2.25s both;}
  .mi-promo .slide.is-active .monthly .r3-row.is-new .r3-dl::before{animation:mi-progress .7s ease-in-out 2.3s both;}

  .mi-promo .slide.is-active .page{animation:mi-drop .61s cubic-bezier(.2,.9,.25,1.05) both; animation-delay:calc(.13s + var(--i) * 228ms);}
  .mi-promo .slide.is-active .stack .il-map-svg [class~="c1"]{--tier:1.09s;}
  .mi-promo .slide.is-active .stack .il-map-svg [class~="c2"]{--tier:1.27s;}
  .mi-promo .slide.is-active .stack .il-map-svg [class~="c3"]{--tier:1.44s;}
}

@media (prefers-reduced-motion: reduce) {
  .mi-promo .orbit, .mi-promo .orbit-glow, .mi-promo .caret{animation:none;}
  .mi-promo .dots button[aria-current="true"]::after{animation:none; transform:none;}
  .mi-promo .stage .slide, .mi-promo .captions p, .mi-promo .dots button{transition:none;}
}