.mi-demo{width:100%;min-width:0;max-width:450px;height:590px;color:var(--mi-deep,#243e34);font-family:var(--sans,Arial,sans-serif);background:#f8f7ef;border:1px solid #c9d2bd;border-radius:27px;flex-direction:column;justify-self:center;display:flex;overflow:hidden;box-shadow:0 24px 65px #243e3412}.mi-demo p,.mi-demo h2,.mi-demo h3,.mi-demo h4,.mi-demo ul,.mi-demo ol,.mi-demo dl,.mi-demo dd{margin:0}.mi-demo button{font:inherit}.mi-demo [hidden]{display:none!important}.mi-demo button:focus-visible{outline:3px solid var(--mi-gold,#a1874e);outline-offset:-4px}.mi-demo a:focus-visible{outline:3px solid var(--mi-gold,#a1874e);outline-offset:-4px}.mi-demo [role=tabpanel]:focus-visible{outline:3px solid var(--mi-gold,#a1874e);outline-offset:-4px}.mi-demo-header{background:#edf0e4;border-bottom:1px solid #d7ddcd;align-items:center;gap:10px;padding:13px 20px;display:flex}.mi-demo-header>img{background:var(--mi-green,#2d493e);object-fit:contain;border-radius:10px;flex:none;width:34px;height:34px;padding:6px}.mi-demo-header>div{flex:1;min-width:0}.mi-demo-header strong{font-size:13px;font-weight:500;line-height:1.4;display:block}.mi-demo-header>div>span{color:#68765e;font-size:10px;line-height:1.5;display:block}.mi-demo-sample-label{color:#5f6e53;background:#f8f8ef;border:1px solid #c9d3b9;border-radius:99px;flex:none;padding:5px 8px;font-size:10px;line-height:1.4}.mi-demo-campaign{background:var(--mi-green,#2d493e);color:#fff9ed;align-items:center;gap:15px;padding:17px 20px;display:flex}.mi-demo-campaign>div{flex:1;min-width:0}.mi-demo .mi-demo-campaign p{letter-spacing:.1em;color:#dfcc9b;font-size:10px;line-height:1.5}.mi-demo .mi-demo-campaign h2{font:400 32px/1.1 var(--serif,Georgia,serif);letter-spacing:-.035em;color:#fff9ed;margin:7px 0 5px}.mi-demo-campaign>div>span{color:#dce3d1;font-size:11px;line-height:1.6;display:block}.mi-demo-campaign>img{object-fit:cover;background:#f2ebdd;border-radius:14px;flex:none;width:70px;height:70px;display:block}.mi-demo-tabs{background:#e8eddf;border-bottom:1px solid #d5deca;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:10px 12px;display:grid}.mi-demo-tabs>button{color:#53674b;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:99px;justify-content:center;align-items:center;min-height:40px;padding:8px 4px;font-size:11px;font-weight:500;line-height:1.4;transition:background .2s,color .2s,border-color .2s;display:flex}.mi-demo-tabs>button:hover{background:#f4f5eb}.mi-demo-tabs>button[aria-selected=true]{color:#2d493e;background:#fdfaf1;border-color:#c6d1b7;box-shadow:0 2px 5px #243e3408}.mi-demo-panels{overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#a3b191 #e9eddf;flex:1;min-width:0;min-height:0;overflow-y:auto}.mi-demo-panel{padding:18px 20px}.mi-demo-panel-heading{margin-bottom:17px}.mi-demo-panel-heading>span{letter-spacing:.07em;color:#7c6b43;font-size:10px;line-height:1.5;display:block}.mi-demo-panel-heading>h3{color:#2d493e;margin-top:6px;font-size:16px;font-weight:500;line-height:1.4}.mi-demo-plan{gap:16px;padding:0;list-style:none;display:grid}.mi-demo-plan>li{align-items:flex-start;gap:12px;display:flex}.mi-demo-plan>li>span{color:#856d39;background:#edf0e4;border:1px solid #c6d1b8;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:10px;line-height:1;display:grid}.mi-demo-plan h4{margin:1px 0 3px;font-size:12px;font-weight:500;line-height:1.5}.mi-demo .mi-demo-plan p{color:#66735d;font-size:12px;line-height:1.6}.mi-demo-deliverables{background:#edf0e4;border:1px solid #d8dfcd;border-radius:14px;margin-top:20px;padding:14px}.mi-demo-deliverables>span{letter-spacing:.06em;color:#69745e;font-size:10px;line-height:1.5}.mi-demo-deliverables>ul{flex-wrap:wrap;gap:6px;margin-top:8px;padding:0;list-style:none;display:flex}.mi-demo-deliverables li{color:#4f6647;background:#faf9f0;border:1px solid #d2dbc5;border-radius:99px;padding:5px 8px;font-size:10px;line-height:1.4}.mi-demo-ad{background:#fffdf7;border:1px solid #d9dfd0;border-radius:14px;align-items:center;gap:13px;margin-bottom:13px;padding:13px;display:flex}.mi-demo-ad>div{flex:1;min-width:0}.mi-demo-ad>div>span{color:#52684b;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:10px;line-height:1.4;display:flex}.mi-demo-ad small{color:#777d6d;font-size:10px}.mi-demo-ad strong{margin:7px 0 3px;font-size:13px;font-weight:500;line-height:1.4;display:block}.mi-demo .mi-demo-ad p{color:#69755f;font-size:12px;line-height:1.5}.mi-demo-ad>img{object-fit:cover;border-radius:11px;flex:none;width:64px;height:64px;display:block}.mi-demo-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.mi-demo-metrics>div{background:#fffdf6;border:1px solid #d6decb;border-radius:12px;min-width:0;padding:11px 9px}.mi-demo-metrics dt{color:#6d775f;font-size:10px;line-height:1.5}.mi-demo-metrics dd{letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:#2d493e;margin-top:5px;font-size:21px;font-weight:500;line-height:1.3}.mi-demo .mi-demo-context{color:#727b66;margin-top:13px;font-size:10px;line-height:1.6}.mi-demo-reading{gap:12px;display:grid}.mi-demo-reading>article{background:#fffdf6;border:1px solid #d5deca;border-radius:13px;padding:14px}.mi-demo-reading article>span{letter-spacing:.05em;color:#8c7544;margin-bottom:6px;font-size:10px;line-height:1.4;display:block}.mi-demo-reading h4{margin-bottom:4px;font-size:12px;font-weight:500;line-height:1.5}.mi-demo .mi-demo-reading p{color:#68765d;font-size:12px;line-height:1.6}.mi-demo-reading>.mi-demo-next{background:#e9efdf;align-items:flex-start;gap:9px;display:flex}.mi-demo-next>svg{color:#8e7642;flex:none;margin-top:2px}.mi-demo-report-details{border-top:1px solid #d8dfcd}.mi-demo-report-details>div{border-bottom:1px solid #d8dfcd;justify-content:space-between;align-items:flex-start;gap:14px;padding:11px 0;font-size:12px;line-height:1.6;display:flex}.mi-demo-report-details dt{color:#738066;flex:none;max-width:46%}.mi-demo-report-details dd{text-align:right;color:#2d493e;max-width:58%}.mi-demo-download{background:var(--mi-green,#2d493e);color:#fff9ed;cursor:pointer;border:1px solid #0000;border-radius:99px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:46px;margin-top:19px;padding:12px 15px;line-height:1.5;transition:background .2s;display:flex;font-size:12px!important}.mi-demo-download:hover{background:#3d5b48}.mi-demo-download>svg{flex:none}.mi-demo .mi-demo-download-notice{color:#727d66;min-height:32px;margin-top:10px;font-size:10px;line-height:1.6}.mi-demo .mi-demo-footer{color:#69765e;background:#edf0e4;border-top:1px solid #d7dfcb;justify-content:center;align-items:center;gap:7px;padding:10px 14px;font-size:10px;line-height:1.5;display:flex}.mi-demo-footer>svg{color:#8b7545;flex:none}@media (max-width:760px){.mi-demo{max-width:450px}.mi-demo-header{padding:15px 17px}.mi-demo-campaign{padding:19px 17px}.mi-demo-panel{padding:18px 17px}.mi-demo-sample-label{font-size:10px}.mi-demo-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.mi-demo-metrics>div{padding:11px}.mi-demo-metrics dd{font-size:22px}}@media (max-width:370px){.mi-demo-header{gap:8px;padding:14px}.mi-demo-sample-label{text-align:center;max-width:80px;padding:4px 6px}.mi-demo-campaign{gap:10px;padding:18px 14px}.mi-demo-campaign>img{width:58px;height:58px}.mi-demo .mi-demo-campaign h2{font-size:30px}.mi-demo-campaign>div>span,.mi-demo-campaign p{font-size:10px}.mi-demo-tabs{gap:2px;padding-inline:8px}.mi-demo-tabs>button{font-size:10px}.mi-demo-panel{padding:18px 14px}.mi-demo-ad{gap:10px;padding:11px}.mi-demo-ad>img{width:55px;height:55px}.mi-demo-report-details>div{gap:10px;font-size:12px}}@media (prefers-reduced-motion:reduce){.mi-demo button{transition:none}}
