:root {
  --fontFamily: "Segoe UI";
  --themeColor1: #429694;
  --themeColor2: #cf367e;
  --themeColor3: #0a6462;
  --themeBuyColor: #cf367e;
  --themeHoverColor: #ed63a4;
  --themeColorButton: #cf367e;
  --themeColorGrad: #ffd9ebb5;
  --themeColorDark: #cf367e;
  --themeButtonHover: #ed63a4;
  --themeColorBC: #ffd9ebb5;
  --themeColorBC_B: #ffd9ebb5;
  --themePriceColor: #f15875;
}
.mi-page{
  --mi-pink:#cf367e;          /* --themeColor2 / buttons */
  --mi-pink-hover:#ed63a4;    /* --themeHoverColor */
  --mi-pink-soft:#fef3fa;     /* light pink fills */
  --mi-pink-line:#f6c6dc;
  --mi-teal:#429694;          /* --themeColor1 */
  --mi-teal-dark:#0a6462;     /* --themeColor3 */
  --mi-grad:#ffd9ebb5;        /* --themeColorGrad */
  --mi-text:#313131;
  --mi-head:#000;
  --mi-shadow:0 0 27.26px 1.74px rgba(111,114,117,.15);
  font-family:"Segoe UI",Calibri,Arial,sans-serif;
  color:var(--mi-text);
}
#step-popup-box1{display: none;}
.mi-page *,.mi-page *::before,.mi-page *::after{box-sizing:border-box}
.mi-page a{color:var(--mi-pink);text-decoration:none}
.mi-page a:hover{text-decoration:underline}
.mi-page p{font-size:17px;line-height:28px;margin:0 0 14px}
.mi-page p:last-child{margin-bottom:0}
.mi-page .mi-wrap{max-width:1200px;margin:0 auto;padding:0 20px}
.mi-page .mi-sec{padding:90px 0}
.mi-page .mi-grad{background-image:linear-gradient(180deg,var(--mi-grad) 0,rgba(248,252,254,.49) 51%,rgba(249,252,254,0) 100%)}
.mi-page .mi-soft{background:#fdf6fa}
.mi-page .mi-head{text-align:center;max-width:900px;margin:0 auto 60px}
.mi-page .mi-head p{margin-top:16px}
.mi-page h2{font-size:42px;font-weight:600;line-height:54px;color:var(--mi-head);margin:0 0 20px}
.mi-page h2 span{color:var(--mi-pink)}
.mi-page h3{font-size:20px;font-weight:600;line-height:28px;color:var(--mi-text);margin:0 0 12px}
/* buttons — same structure as the MSG to PST page (44px high, 24px radius, uppercase) */
.mi-page .mi-btn{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 35px;border-radius:24px;font-size:16px;font-weight:600;text-transform:uppercase;line-height:1;text-decoration:none!important;white-space:nowrap;transition:background .2s ease,color .2s ease,border-color .2s ease;border:1px solid var(--mi-pink)}
.mi-page .mi-btn-pink{background:var(--mi-pink);color:#fff}
.mi-page .mi-btn-pink:hover{background:var(--mi-pink-hover);border-color:var(--mi-pink-hover);color:#fff}
.mi-page .mi-btn-light{background:#fff;color:var(--mi-pink)}
.mi-page .mi-btn-light:hover{background:var(--mi-pink);color:#fff}
.mi-page .mi-btns{display:flex;flex-wrap:wrap;gap:20px}
/* shared card + icon */
.mi-page .mi-card{background:#fff;border:1px solid var(--mi-pink);border-radius:15px;box-shadow:var(--mi-shadow);padding:30px}
.mi-page .mi-icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;flex:0 0 50px;border-radius:12px;background:var(--mi-pink-soft)}
.mi-page .mi-icon svg{width:24px;height:24px;stroke:var(--mi-pink);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
/* hero */
.mi-page .mi-hero{padding:90px 0 80px;}
.mi-page .mi-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}
.mi-page .mi-hero-grid > *{min-width:0}
.mi-page .mi-hero h1{font-size:44px;line-height:58px;font-weight:600;color:var(--mi-head);margin:0 0 20px}
.mi-page .mi-hero h1 span{color:var(--mi-pink)}
.mi-page .mi-hero .mi-btns{margin-top:28px}
/* comparison table — uses the site .imap-table look, scoped fixes for this 3-column table */
.mi-page .imap-table table{width:100%}
.mi-page .imap-table table tr th:first-child,.mi-page .imap-table table tr th:last-child{display:table-cell}
.mi-page .imap-table table th{text-align:left;font-size:18px;font-weight:600}
.mi-page .imap-table table td{width:auto;font-size:17px;line-height:27px;vertical-align:top}
.mi-page .imap-table table tr td:nth-of-type(3){text-align:left}
.mi-page .imap-table table tbody tr:last-child td:nth-of-type(2){color:#000;font-weight:400}
.mi-page .imap-table table td:first-child{font-weight:600;color:var(--mi-pink);white-space:nowrap}
/* zig-zag */
.mi-page .mi-zig{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.mi-page .mi-zig > *{min-width:0}
.mi-page .mi-zig-text h2{margin-bottom:20px}
/* 7 — support (dark teal band) */
.mi-page .mi-dark{background:linear-gradient(120deg,var(--mi-teal-dark) 0%,var(--mi-teal) 100%);color:#e6f5f4}
.mi-page .mi-dark h2{color:#fff}
.mi-page .mi-dark h2 span{color:#ffd1e6}
.mi-page .mi-dark .mi-head p{color:#e6f5f4}
/* 5 — requirement banner */
.mi-page .mi-req{display:grid;grid-template-columns:auto 1fr;gap:30px;align-items:center;background:#fff;border:1px solid var(--mi-teal);border-left:6px solid var(--mi-teal);border-radius:20px;padding:40px 44px;box-shadow:var(--mi-shadow)}
.mi-page .mi-req .mi-icon{width:84px;height:84px;flex-basis:84px;border-radius:22px;background:#e6f3f2}
.mi-page .mi-req .mi-icon svg{width:42px;height:42px;stroke:var(--mi-teal-dark)}
.mi-page .mi-req-label{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--mi-teal-dark);margin-bottom:8px}
.mi-page .mi-req h2{margin-bottom:12px}
/* hero visual — single MSG item */
.mi-page .mi-hv{background:#fff;border:1px solid var(--mi-pink);border-radius:20px;box-shadow:var(--mi-shadow);padding:36px 30px;display:grid;grid-template-columns:auto 1fr;gap:30px;align-items:center}
.mi-page .mi-hv-file{width:120px;height:148px;border-radius:8px 26px 8px 8px;background:linear-gradient(160deg,var(--mi-pink),#a82063);color:#fff;font-weight:700;font-size:22px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:18px;box-shadow:0 12px 26px rgba(207,54,126,.25)}
.mi-page .mi-hv-file small{font-size:12px;font-weight:600;opacity:.85;margin-top:4px;text-transform:uppercase}
.mi-page .mi-hv ul{list-style:none;margin:0;padding:0}
.mi-page .mi-hv li{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px dashed var(--mi-pink-line);font-size:15.5px;font-weight:600;color:var(--mi-text)}
.mi-page .mi-hv li:last-child{border-bottom:0}
.mi-page .mi-hv li::before{content:"";flex:0 0 10px;height:10px;border-radius:50%;background:var(--mi-teal)}
/* .msg anatomy mock */
.mi-page .mi-mock{padding:0;overflow:hidden}
.mi-page .mi-mock-bar{display:flex;align-items:center;justify-content:space-between;padding:14px 22px;background:var(--mi-pink);color:#fff;font-weight:600;font-size:15px}
.mi-page .mi-mock-bar small{font-size:12px;background:rgba(255,255,255,.2);border-radius:20px;padding:3px 10px;text-transform:uppercase}
.mi-page .mi-mock-row{display:grid;grid-template-columns:90px 1fr;gap:12px;padding:11px 22px;border-bottom:1px solid #f3dfe8;font-size:15px}
.mi-page .mi-mock-row b{color:var(--mi-pink);font-weight:600}
.mi-page .mi-mock-body{padding:18px 22px}
.mi-page .mi-mock-body i{display:block;height:9px;border-radius:5px;background:#f1e4ea;margin-bottom:10px}
.mi-page .mi-mock-body i:nth-child(2){width:88%}
.mi-page .mi-mock-body i:nth-child(3){width:72%}
.mi-page .mi-mock-body i:nth-child(4){width:46%;margin-bottom:0}
.mi-page .mi-mock-foot{display:flex;flex-wrap:wrap;gap:8px;padding:0 22px 20px}
.mi-page .mi-mock-foot span{font-size:13px;font-weight:600;border-radius:20px;padding:4px 12px;background:#e6f3f2;color:var(--mi-teal-dark)}
.mi-page .mi-mock-foot span:first-child{background:var(--mi-pink-soft);color:var(--mi-pink)}
/* common uses — icon cards 3 + 2 */
.mi-page .mi-uses{display:flex;flex-wrap:wrap;justify-content:center;gap:24px}
.mi-page .mi-use{flex:0 1 calc(33.333% - 16px);display:flex;align-items:flex-start;gap:18px;padding:26px 24px}
.mi-page .mi-use p{font-weight:600;color:var(--mi-text)}
.mi-page .mi-use-n{display:block;font-size:13px;font-weight:700;color:var(--mi-teal);margin-bottom:4px}
/* MSG vs PST scale visual */
.mi-page .mi-scale{display:grid;grid-template-columns:1fr 1.4fr;gap:20px;align-items:stretch;padding:28px}
.mi-page .mi-scale > *{min-width:0}
.mi-page .mi-scale-side{border-radius:14px;padding:22px 18px;text-align:center}
.mi-page .mi-scale-msg{background:var(--mi-pink-soft);border:1px solid var(--mi-pink-line)}
.mi-page .mi-scale-pst{background:#e6f3f2;border:1px solid #bfe0de}
.mi-page .mi-scale-side h3{font-size:18px;margin:14px 0 4px}
.mi-page .mi-scale-side small{font-size:13.5px;color:#6a6a6a}
.mi-page .mi-scale-one{width:56px;height:70px;margin:0 auto;border-radius:5px 14px 5px 5px;background:var(--mi-pink)}
.mi-page .mi-scale-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.mi-page .mi-scale-grid span{height:30px;border-radius:6px;background:#fff;border:1px solid #bfe0de;font-size:11.5px;font-weight:600;color:var(--mi-teal-dark);display:flex;align-items:center;justify-content:center}
.mi-page .mi-scale-grid span:nth-child(odd){background:var(--mi-teal);border-color:var(--mi-teal);color:#fff}
/* MSG vs EML — paired mini cards */
.mi-page .mi-pair{display:grid;grid-template-columns:1fr 1fr;gap:30px;max-width:1000px;margin:0 auto}
.mi-page .mi-pair > *{min-width:0}
.mi-page .mi-pair .mi-card{display:flex;gap:18px;align-items:flex-start}
.mi-page .mi-pair-eml{border-color:var(--mi-teal)}
.mi-page .mi-pair-eml .mi-icon{background:#e6f3f2}
.mi-page .mi-pair-eml .mi-icon svg{stroke:var(--mi-teal-dark)}
.mi-page .mi-pair h3{margin-bottom:6px}
.mi-page .mi-pair-eml h3{color:var(--mi-teal-dark)}
.mi-page .mi-pair-msg h3{color:var(--mi-pink)}
.mi-page .mi-center{text-align:center;margin-top:28px}
/* convert — steps on dark band */
.mi-page .mi-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;counter-reset:mistep}
.mi-page .mi-step{position:relative;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);border-radius:15px;padding:28px 20px 24px;text-align:center;color:#fff}
.mi-page .mi-step::after{counter-increment:mistep;content:counter(mistep);position:absolute;top:14px;right:16px;font-size:13px;font-weight:700;color:#ffd1e6}
.mi-page .mi-step .mi-icon{margin:0 auto 14px;background:rgba(255,255,255,.16)}
.mi-page .mi-step .mi-icon svg{stroke:#fff}
.mi-page .mi-step h3{color:#fff;margin:0}
.mi-page .mi-dark p a{color:#fff;text-decoration:underline}
.mi-page .mi-dark .mi-head{max-width:960px}
.mi-page .mi-btn-white{background:#fff;color:var(--mi-pink);border-color:#fff}
.mi-page .mi-btn-white:hover{background:var(--mi-pink);border-color:var(--mi-pink);color:#fff}
.mi-page .mi-zig-text .mi-btns{margin-top:26px}
/* FAQ heading size inside this page */
.msg-info-page #faq h2{font-size:42px;font-weight:600;line-height:54px}
.faq-question-holder .accordion-item .accordion-title:after {
    line-height: 20px;
    display: block;
    position: absolute;
    top: 20px;
    right: 15px;
    content: "";
    text-align: center;
    font-size: 13px;
    height: 19px;
    width: 18px;
    display: inline-block;
}
.faq-question-holder .accordion-item .accordion-title:after
 {
    background: url(/template/default/images/msg-to-pst-faq-icon-new.png) 0 0 no-repeat;
}
.faq-question-holder .accordion-item .accordion-title.open:after {
    content: "";
    background-position: bottom;
}
.faq-question-holder .accordion-item .accordion-title.open:after {
    background: url(/template/default/images/msg-to-pst-faq-icon-new.png) 0 -56px no-repeat !important;
}
.header-content .videos_img_list {    background: url(/template/default/images/msg-to-pst-banner.webp) center no-repeat;}
@media (max-width:1170px){
  .mi-page .mi-hero-grid,.mi-page .mi-zig{grid-template-columns:1fr;gap:36px}
  .mi-page .mi-zig-rev .mi-zig-vis{order:2}
  .mi-page .mi-use{flex-basis:calc(50% - 12px)}
  .mi-page .mi-steps{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:1024px){
  .mi-page h2,.msg-info-page #faq h2{font-size:36px;line-height:46px}
  .mi-page .mi-hero h1{font-size:38px;line-height:50px}
  .mi-page .mi-pair{grid-template-columns:1fr}
}
@media (max-width:768px){
  .mi-page .mi-sec{padding:60px 0}
  .mi-page .mi-hero{padding:60px 0}
  .mi-page h2,.msg-info-page #faq h2{font-size:32px;line-height:42px}
  .mi-page .mi-hero h1{font-size:32px;line-height:42px}
  .mi-page .mi-head{margin-bottom:40px}
  .mi-page .mi-use{flex-basis:100%}
  .mi-page .mi-req{grid-template-columns:1fr;padding:30px 24px;gap:18px}
}
@media (max-width:600px){
  .mi-page p{font-size:15px;line-height:26px}
  .mi-page .mi-steps,.mi-page .mi-scale{grid-template-columns:1fr}
}
@media (max-width:480px){
  .mi-page h2,.msg-info-page #faq h2{font-size:28px;line-height:38px}
  .mi-page .mi-hero h1{font-size:28px;line-height:38px}
  .mi-page .mi-btn{width:100%}
  .mi-page .mi-hv{grid-template-columns:1fr;justify-items:center;padding:24px 18px}
  .mi-page .mi-hv ul{width:100%}
  .mi-page .mi-mock-row{grid-template-columns:72px 1fr;padding:10px 16px}
}