.mm-page {
  --mm-rule: #b8d0d8;
  --mm-ink: var(--ip-navy, #082c40);
  --mm-pale: var(--ip-pale, #edf7f8);
}
.mm-hero-image {--hero-image-position: right center}
.mm-section h3,.mm-section dt {
  font:600 var(--type-subhead-size)/1.3 var(--font-display);
  letter-spacing:-.035em;
  color:var(--mm-ink);
}
.mm-section :is(h3,p,dt,dd) {overflow-wrap:anywhere}
.mm-section dd {margin:0}
.mm-section :is(.mm-file-bridge,.mm-cleanup,.mm-review,.mm-resources) {margin:32px 0 0}
.mm-pale {background:var(--mm-pale)}
.mm-converter-section {
  background:linear-gradient(180deg,#fff 30%,#e9f5f7);
}
.mm-converter {
  margin-top:32px;
  border:1px solid var(--mm-rule);
  background:#fff;
  box-shadow:0 16px 44px #082c4014;
}
.mm-converter .mm-file-bridge {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin:0;
  background:
    radial-gradient(ellipse at 85% 0%,#15566a,transparent 70%),
    repeating-linear-gradient(90deg,transparent 0 31px,#8cbcca1a 31px 32px),
    #082c40;
}
.mm-file-bridge>div {min-width:0;padding:clamp(18px,3vw,34px)}
.mm-file-bridge>div+div {border-inline-start:1px solid #78b9c566}
.mm-section .mm-file-bridge dt {color:#86e7e1;margin-bottom:14px}
.mm-file-bridge dd {margin:0;color:#fff}
.mm-file-bridge strong,.mm-file-bridge code {display:block}
.mm-file-bridge code {width:fit-content;margin:8px 0 0;padding:4px 8px;border:1px solid #78b9c566;color:#c0dde5}
.product-page .mm-file-bridge p {margin:12px 0 0;color:var(--body-text-on-dark)}
.mm-converter-prep {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:18px 28px;
  padding:clamp(18px,3vw,34px);
}
.mm-converter-prep>div {flex:1 1 27rem;min-width:0}
.mm-converter-prep h3 {margin:0 0 8px}
.mm-converter-prep p {margin:0}
.mm-section .ip-section-heading h2 {overflow-wrap:anywhere}
.mm-dark .ip-section-heading :is(.ip-label,em) {color:#86e7e1}
.mm-steps p,.mm-review dd {margin:8px 0 0}
.mm-workflow {background:linear-gradient(165deg,#edf7f8,#fff 68%)}
.mm-steps {
  --mm-step-inset:clamp(16px,3vw,34px);
  --mm-step-mark-size:44px;
  margin:32px 0 0;
  list-style:none;
  padding:0;
  background:#fff;
  border:1px solid var(--mm-rule);
  box-shadow:0 18px 42px #082c4014;
}
.mm-steps li {
  position:relative;
  display:grid;
  grid-template-columns:var(--mm-step-mark-size) minmax(0,1fr) minmax(0,2fr);
  gap:clamp(12px,2.6vw,32px);
  align-items:start;
  padding:var(--mm-step-inset);
}
.mm-steps li+li {border-top:1px solid var(--mm-rule)}
.mm-steps>li::before,.mm-steps>li::after {
  content:"";
  position:absolute;
  inset-block:-1px 0;
  inset-inline-start:calc(var(--mm-step-inset) / 2);
  inline-size:1px;
  pointer-events:none;
}
.mm-steps>li::before {background:#aac9ca}
.mm-steps>li:first-child::before,.mm-steps>li:first-child::after {
  inset-block-start:calc(var(--mm-step-inset) + var(--mm-step-mark-size) / 2);
}
.mm-steps>li:last-child::before,.mm-steps>li:last-child::after {
  inset-block-end:auto;
  block-size:calc(var(--mm-step-inset) + var(--mm-step-mark-size) / 2 + 1px);
}
.mm-step-number {
  position:relative;
  display:grid;
  place-items:center;
  width:var(--mm-step-mark-size);
  aspect-ratio:1;
  background:#082c40;
  color:#86e7e1;
  font-weight:700;
  box-shadow:inset 0 -2px #169da5;
}
.mm-step-number::before {
  content:"";
  position:absolute;
  inset-block-start:50%;
  inset-inline-end:100%;
  inline-size:calc(var(--mm-step-inset) / 2);
  block-size:1px;
  background:#aac9ca;
}
@media(prefers-reduced-motion:no-preference) {
  .mm-steps {
    --mm-step-rail-cycle:5.6s;
    --mm-step-rail-stagger:640ms;
  }
  .mm-steps>li:nth-child(2) {--mm-step-order:1}
  .mm-steps>li:nth-child(3) {--mm-step-order:2}
  .mm-steps>li:nth-child(4) {--mm-step-order:3}
  .mm-steps>li::after {
    inline-size:2px;
    margin-inline-start:-.5px;
    background:linear-gradient(transparent,#16797a,transparent) center -44px / 100% 44px no-repeat;
    opacity:0;
    animation:mm-step-rail-pass var(--mm-step-rail-cycle) linear infinite paused;
    animation-delay:calc(var(--mm-step-order,0) * var(--mm-step-rail-stagger));
  }
  .mm-steps.ip-animation-active>li::after {animation-play-state:running}
}
@keyframes mm-step-rail-pass {
  0% {background-position:center -44px;opacity:0}
  2%,10% {opacity:.94}
  12%,100% {background-position:center calc(100% + 44px);opacity:0}
}
.mm-step-action,.mm-step-detail {min-width:0;overflow-wrap:anywhere}
.mm-step-action h3 {margin:0 0 8px}
.mm-step-action span {color:#106d83;font-weight:650}
.mm-step-detail>p:first-child {margin:0}
.mm-step-detail .mm-step-check {
  margin:12px 0 0;
  padding:9px 12px;
  border-inline-start:2px solid #169da5;
  background:#edf7f8;
}
.mm-step-check strong {color:#082c40}
@media(max-width:760px) {
  .mm-steps li {grid-template-columns:var(--mm-step-mark-size) minmax(0,1fr)}
  .mm-step-detail {grid-column:1/-1}
}
.mm-cleanup-section {background:linear-gradient(155deg,#fff 30%,#edf7f8)}
.mm-cleanup {
  border:1px solid var(--mm-rule);
  background:#fff;
  box-shadow:0 18px 42px #082c4014;
}
.mm-cleanup-pass {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3fr)}
.mm-cleanup-pass+.mm-cleanup-pass {border-top:1px solid var(--mm-rule)}
.mm-cleanup-heading {
  display:grid;
  align-content:start;
  gap:16px;
  padding:clamp(18px,3vw,32px);
  background:
    linear-gradient(150deg,#082c40 18%,transparent),
    repeating-linear-gradient(90deg,transparent 0 23px,#86e7e129 23px 24px),
    linear-gradient(145deg,#082c40,#15566a);
  color:#86e7e1;
}
.mm-section .mm-cleanup-heading h3 {margin:0;color:#fff}
.mm-cleanup-heading>.ms-icon {font-size:40px;width:fit-content}
.mm-cleanup-pass:nth-child(2) .mm-cleanup-heading {
  color:#106d83;
  background:
    linear-gradient(145deg,#edf7f8,transparent 80%),
    repeating-linear-gradient(0deg,transparent 0 22px,#106d8322 22px 23px),
    #dceff2;
}
.mm-section .mm-cleanup-pass:nth-child(2) .mm-cleanup-heading h3 {color:#082c40}
.mm-cleanup-items {display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.mm-cleanup-items article {min-width:0;padding:clamp(18px,2.3vw,28px);background:linear-gradient(180deg,#f4fafb,#fff 75%)}
.mm-cleanup-items article::before {content:"";display:block;width:28px;height:2px;margin-bottom:14px;background:#169da5}
.mm-cleanup-items article+article {border-inline-start:1px solid var(--mm-rule)}
.mm-cleanup-items h4 {margin:0 0 10px;color:#0a344a;font:600 var(--type-subhead-size)/1.3 var(--font-display);letter-spacing:-.035em}
.mm-cleanup-items p {margin:0}
.mm-cleanup-next {padding:18px clamp(18px,3vw,32px);border-top:1px solid var(--mm-rule);background:linear-gradient(120deg,#082c40,#15566a)}
@media(max-width:1050px) {
  .mm-cleanup-pass {grid-template-columns:minmax(0,1fr)}
  .mm-cleanup-heading {grid-template-columns:auto minmax(0,1fr);align-items:center}
}
@media(max-width:700px) {
  .mm-cleanup-items {grid-template-columns:minmax(0,1fr)}
  .mm-cleanup-items article+article {border-inline-start:0;border-block-start:1px solid var(--mm-rule)}
}
.mm-dark {background:var(--mm-ink)}
.mm-page .mm-dark .ip-section-heading :is(h2,p) {color:#fff}
.mm-review {
  --mm-review-pad:clamp(16px,3vw,34px);
  overflow-wrap:anywhere;
  border:1px solid #5f8998;
  background:#fff;
  box-shadow:0 18px 42px #04192355;
}
.mm-review-reference {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,.9fr);
  align-items:center;
  gap:clamp(18px,3vw,38px);
  padding:var(--mm-review-pad);
  background:linear-gradient(115deg,#15566a,#082c40);
}
.mm-section .mm-review-reference h3 {color:#fff;margin:0 0 14px}
.product-page .mm-review-reference p {color:var(--body-text-on-dark);margin:0 0 12px}
.mm-review-reference p:last-child {margin-bottom:0}
.mm-review-seam {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  align-items:center;
  gap:clamp(10px,2vw,22px);
  padding:4px var(--mm-review-pad);
  background:#082c40;
  color:#86e7e1;
  border-block:1px solid #6ba7b866;
}
.mm-review-seam::before,.mm-review-seam::after {
  content:"";
  height:8px;
  border-bottom:1px solid #78b9c580;
  background:repeating-linear-gradient(90deg,#78b9c580 0 1px,transparent 1px 12px);
}
.mm-review-sheet {
  padding:var(--mm-review-pad);
  border-top:2px solid #63d7d4;
  background:linear-gradient(180deg,#f2fafb,#fff 54%);
}
.mm-review-sheet h3 {margin:0 0 16px}
.mm-review-sheet dl {margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2.5vw,28px)}
.mm-compare-card {
  min-width:0;
  padding:clamp(16px,2vw,24px);
  border:1px solid var(--mm-rule);
  border-top:3px solid #169da5;
  background:#fff;
  box-shadow:0 6px 16px #082c400a;
}
.mm-compare-card dt {display:grid;gap:12px}
.mm-compare-icon {
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border:1px solid #a8c7d1;
  color:#106d83;
  background:#edf7f8;
}
.mm-compare-card dd {margin:12px 0 0}
@media(max-width:760px) {
  .mm-review-reference,.mm-review-sheet dl {grid-template-columns:minmax(0,1fr)}
}
.mm-video {margin:0;min-width:0}
.mm-video-poster {display:block;position:relative;color:#fff;border:1px solid #6ba7b8}
.mm-review .mm-video-poster::before {
  content:"";
  position:absolute;
  inset:8px;
  z-index:1;
  pointer-events:none;
  --mm-bracket:linear-gradient(#86e7e1,#86e7e1);
  background:
    var(--mm-bracket) left top/16px 1px,var(--mm-bracket) left top/1px 16px,
    var(--mm-bracket) right top/16px 1px,var(--mm-bracket) right top/1px 16px,
    var(--mm-bracket) left bottom/16px 1px,var(--mm-bracket) left bottom/1px 16px,
    var(--mm-bracket) right bottom/16px 1px,var(--mm-bracket) right bottom/1px 16px;
  background-repeat:no-repeat;
}
.mm-video-poster img {display:block;width:100%;height:auto}
.mm-video-poster span {
  display:flex;
  align-items:center;
  gap:8px;
  padding:12px 16px;
  background:var(--mm-ink);
  font-weight:700;
}
.mm-video-poster:focus-visible {outline:2px solid var(--ip-teal);outline-offset:4px}
.mm-video figcaption {margin-top:12px;color:#fff;font-size:var(--type-secondary-size)}
.mm-resources-section {background:linear-gradient(158deg,#fff 50%,#edf7f8)}
.mm-resources-section .ip-section-heading {grid-template-columns:minmax(0,1fr);gap:16px}
.mm-resources-section .ip-section-heading>p {max-width:68ch;margin:0}
.mm-resources {list-style:none;padding:0;border-block:1px solid var(--mm-rule)}
.mm-resources li {
  display:grid;
  grid-template-columns:44px minmax(0,1fr) minmax(8.5rem,auto);
  align-items:start;
  gap:clamp(14px,2.4vw,32px);
  padding:clamp(22px,3vw,36px) 0;
}
.mm-resources li+li {border-top:1px solid var(--mm-rule)}
.mm-resource-mark {
  display:grid;
  place-items:center;
  width:44px;
  min-height:44px;
  color:#106d83;
}
.mm-resource-mark .ms-icon {font-size:28px}
.mm-resource-play {
  width:18px;
  height:22px;
  background:currentColor;
  clip-path:polygon(0 0,100% 50%,0 100%);
}
.mm-resource-heading {min-width:0}
.mm-resource-heading>span {color:#106d83;font-size:var(--type-secondary-size);font-weight:700}
.mm-resources h3 {margin:5px 0 8px}
.mm-resources p {max-width:66ch;margin:0}
.mm-resources .ip-inline-link {justify-self:start;min-height:44px;align-items:center;margin:0}
@media(max-width:650px) {
  .mm-resources li {grid-template-columns:32px minmax(0,1fr);row-gap:8px}
  .mm-resource-mark {width:32px}
  .mm-resources li>a {grid-column:2}
}
@media(prefers-reduced-motion:no-preference) {
  .mm-video-poster {transition:box-shadow .2s ease}
}
.mm-video-poster:hover {box-shadow:0 0 0 2px var(--ip-teal)}
@media(max-width:650px) {
  .mm-converter .mm-file-bridge {grid-template-columns:minmax(0,1fr)}
  .mm-file-bridge>div+div {border-inline-start:0;border-block-start:1px solid #78b9c566}
}