/* MiseGuard landing page 1.1.0, part 2 of 3: the nine parts (stacked cards that slide over each other on scroll), "Pick your platform. Take it apart.", where
   it lives, the packages, early access, the questions and the footer. Their scripts start only when a section comes near
   the screen (landing-core's MG.whenNear); nothing here changes size after the first paint. */

.mg-sec-hd { align-items: end; margin-bottom: 26px; }
.mg-sheet { grid-column: 1 / span 3; color: var(--graphite); align-self: start; padding-top: 10px; }
.mg-sec-hd h2 { grid-column: 4 / span 7; margin: 0; font: 800 44px/1.04 var(--disp); letter-spacing: -.035em; }
.mg-sec-hd h2 em { font-style: normal; color: var(--magenta-ink); }

/* The nine parts: stacked cards. Each card sticks under the header and the next slides over it; a strip (the peek) of
   the covered cards stays, and a covered card shrinks a little and dims (--cover, 0 to 1, from landing-stack). The same
   behaviour as the SEOmise home page's stacked tiles, in this page's own files and look. */
.mg-parts { padding-top: 72px; padding-bottom: 72px; --peek: 14px; --stack-top: calc(var(--hd) + 24px); }
.mg-parts-in { align-items: start; }
.mg-parts-side { grid-column: 1 / span 4; position: sticky; top: var(--stack-top); }
.mg-parts-side .mg-sheet { display: block; padding-top: 0; }
.mg-parts-side h2 { margin: 12px 0 14px; font: 800 44px/1.04 var(--disp); letter-spacing: -.035em; }
.mg-parts-side h2 em { font-style: normal; color: var(--magenta-ink); }
.mg-parts-lede { margin: 0 0 20px; color: #24313f; font-size: 15px; max-width: 34ch; }
.mg-stack-pos { margin: 0; display: inline-flex; gap: 6px; align-items: baseline; padding: 8px 12px; border: 2px solid var(--ink); border-radius: 8px; background: var(--sheet); font-size: 13px; }
.mg-stack-pos b { font: 800 22px/1 var(--disp); color: var(--magenta-ink); min-width: 1ch; text-align: right; }
.mg-stack-col { grid-column: 5 / span 8; position: relative; }
.mg-skip-stack { position: absolute; left: 0; top: -44px; z-index: 20; background: var(--ink); color: #fff !important; padding: 8px 12px; border-radius: 6px; text-decoration: none; font-weight: 600; transform: translateY(-200%); }
.mg-skip-stack:focus { transform: none; }
.mg-stack { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 18px; }
.mg-scard { display: grid; grid-template-columns: 1fr 1.15fr; min-height: 290px; border: 2px solid var(--ink); border-radius: 14px; background: var(--sheet); overflow: hidden; position: relative;
  box-shadow: 0 -14px 28px -22px rgba(12, 22, 34, .55); scroll-margin-top: calc(var(--stack-top) + 8px); }
.mg-scard-front { padding: 18px 22px 20px; display: flex; flex-direction: column;
  background-image: linear-gradient(rgba(29, 63, 216, .06) 1px, transparent 1px), linear-gradient(90deg, rgba(29, 63, 216, .06) 1px, transparent 1px); background-size: 20px 20px; }
.mg-scard-plat { padding: 18px 22px 20px; background: var(--ink); color: var(--sheet); }
.mg-scard-plat > .mg-mono { margin: 0 0 10px; color: var(--blue-lt); }
.mg-scard-plat dl { margin: 0; display: grid; grid-template-columns: 112px 1fr; gap: 7px 12px; font-size: 13px; line-height: 1.38; }
.mg-scard-plat dt { font: 500 10.5px/1.45 var(--mono); text-transform: uppercase; color: var(--blue-lt); }
.mg-scard-plat dd { margin: 0; }
.mg-code { display: flex; justify-content: space-between; align-items: center; color: var(--graphite); gap: 8px; }
.mg-ico { width: 46px; height: 46px; margin-top: 12px; color: var(--blue); }
.mg-scard h3 { margin: 12px 0 8px; font: 700 20px/1.15 var(--disp); letter-spacing: -.02em; }
.mg-scard-front p { margin: 0; font-size: 14px; line-height: 1.45; color: #24313f; }
/* Stacking (motion allowed, a screen tall enough: landing-stack adds .is-stacked) */
.mg-stack.is-stacked .mg-scard { position: sticky; top: calc(var(--stack-top) + var(--i, 0) * var(--peek)); transform-origin: 50% 0;
  transform: scale(calc(1 - var(--cover, 0) * .05)); will-change: transform; }
.mg-stack.is-stacked .mg-scard::after { content: ""; position: absolute; inset: 0; background: rgba(12, 22, 34, .22); opacity: var(--cover, 0); pointer-events: none; }

/* Pick your platform. Take it apart. */
.mg-sig { padding-top: 72px; padding-bottom: 80px; background: var(--sheet); border-top: 2px solid var(--ink); }
.mg-sig-hd { padding-bottom: 26px; border-bottom: 1px solid var(--ink); }
.mg-sig-hd h2 { grid-column: 4 / span 6; font-size: 54px; }
.mg-sig-hd p { grid-column: 10 / span 3; margin: 0; font-size: 15px; color: #24313f; }
.mg-sig-body { padding-top: 28px; position: relative; }
.mg-pf { grid-column: 1 / span 3; border-top: 1px solid var(--ink); align-self: start; }
.mg-pf button { display: flex; width: 100%; align-items: center; justify-content: space-between; background: none; border: 0; border-bottom: 1px solid var(--rule); padding: 12px 0; cursor: pointer; font: 700 15px/1.1 var(--disp); text-align: left; letter-spacing: -.01em; transition: color .2s, padding .2s; min-height: 44px; }
.mg-pf button span { font-size: 10.5px; color: var(--graphite); }
.mg-pf button:hover { color: var(--blue); }
.mg-pf button[aria-selected="true"] { color: var(--magenta-ink); padding-left: 12px; box-shadow: inset 3px 0 0 var(--magenta); }
.mg-xcol { grid-column: 4 / span 5; }
.mg-xstage { position: relative; height: 600px; perspective: 1600px; display: flex; align-items: center; justify-content: center; }
.mg-xwrap { position: relative; width: 240px; height: 440px; transform-style: preserve-3d; transition: transform 1s cubic-bezier(.3, 1.1, .4, 1), opacity .5s; }
.mg-xstage.is-open .mg-xwrap { transform: translateY(100px) rotateX(54deg) rotateZ(-32deg) scale(.84); }
/* A layer open: the stack falls back and dims while its card lifts out (landing-layers). */
.mg-xstage.has-active .mg-xwrap { transform: translateY(215px) rotateX(58deg) rotateZ(-32deg) scale(.5); }
.mg-xstage.has-active .mg-pl[data-pl="0"] { --z: 96px; }
.mg-xstage.has-active .mg-pl[data-pl="1"] { --z: 72px; }
.mg-xstage.has-active .mg-pl[data-pl="2"] { --z: 48px; }
.mg-xstage.has-active .mg-pl[data-pl="3"] { --z: 24px; }
.mg-xstage.has-active .mg-pl.is-active { --lift: 36px; }
/* The plates are buttons. --z: their place in the stack (a hair apart when closed, so the screen layer is on top);
   --lift: a nudge on hover and focus, so people see they can be opened. */
.mg-pl { --z: 0px; --lift: 0px; position: absolute; inset: 0; border-radius: 30px; border: 2px solid var(--ink); display: flex; align-items: flex-end; justify-content: center; text-align: center; padding: 20px 18px 22px;
  font: inherit; color: inherit; cursor: pointer; transform: translateZ(calc(var(--z) + var(--lift)));
  transition: transform .6s cubic-bezier(.3, 1.1, .4, 1), background .4s, border-color .4s, color .4s, box-shadow .3s, opacity .4s; }
.mg-pl:focus-visible { outline: 3px solid var(--butter); outline-offset: 4px; }
/* The hit area stays where the plate rests while the plate lifts (a counter-lifted ::before), so a pointer near a
   lifted plate's edge keeps its hover instead of flickering between plates. */
.mg-pl { transform-style: preserve-3d; }
.mg-pl::before { content: ""; position: absolute; inset: -2px; border-radius: inherit; transform: translateZ(calc(-1 * var(--lift))); }
.mg-pl b { display: block; font-size: 12px; font-weight: 600; }
.mg-pl small { display: block; font-size: 11.5px; line-height: 1.35; margin-top: 4px; }
.mg-mk { position: absolute; right: -2px; top: 50%; width: 1px; height: 1px; }
.mg-pl[data-pl="0"] { --z: 4px; background: var(--sheet); border-color: var(--blue); color: var(--ink); }
.mg-pl[data-pl="1"] { --z: 3px; background: var(--blue-wash); border-color: var(--blue); color: var(--ink); }
.mg-pl[data-pl="2"] { --z: 2px; background: var(--blue); color: #fff; }
.mg-pl[data-pl="3"] { --z: 1px; background: var(--magenta-ink); color: #fff; }
.mg-pl[data-pl="4"] { background: var(--ink); color: var(--sheet); }
.mg-pl.is-off { background: rgba(246, 248, 249, .55); color: var(--graphite); border: 2px dashed var(--rule); }
.mg-pl.is-hl { box-shadow: 0 0 0 5px var(--butter); }
.mg-xstage.is-open:not(.has-active) .mg-pl:hover, .mg-xstage.is-open:not(.has-active) .mg-pl:focus-visible { --lift: 22px; box-shadow: 0 0 0 4px var(--butter); }
.mg-xstage.has-active .mg-pl:not(.is-active) { opacity: .4; }
.mg-xstage.has-active .mg-pl.is-active { box-shadow: 0 0 0 5px var(--magenta); }
.mg-pl.is-hint { animation: mg-hint 1.2s ease-in-out 2; }
@keyframes mg-hint { 50% { box-shadow: 0 0 0 8px var(--butter); } }
.mg-lab { transition: opacity .4s .3s; pointer-events: none; }
.mg-xstage:not(.is-open) .mg-pl .mg-lab { opacity: 0; }
.mg-xstage:not(.is-open) .mg-pl[data-pl="0"] .mg-lab { opacity: 1; }
.mg-xstage.is-open .mg-pl[data-pl="0"] { --z: 264px; }
.mg-xstage.is-open .mg-pl[data-pl="1"] { --z: 198px; }
.mg-xstage.is-open .mg-pl[data-pl="2"] { --z: 132px; }
.mg-xstage.is-open .mg-pl[data-pl="3"] { --z: 66px; }
.mg-xbtn { display: flex; gap: 12px; align-items: center; justify-content: center; margin-top: 4px; color: var(--graphite); }
.mg-leaders { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; overflow: visible; transition: opacity .4s; }
.mg-leaders path { fill: none; stroke: var(--graphite); stroke-width: 1; stroke-dasharray: 3 3; }
.mg-leaders path.is-act { stroke: var(--blue); stroke-dasharray: none; }
.mg-leaders path.is-hl { stroke: var(--magenta); stroke-width: 1.8; }
.mg-leaders circle { fill: var(--sheet); stroke: var(--ink); stroke-width: 1.4; }
.mg-leaders.is-hidden { opacity: 0; }
.mg-spec { grid-column: 9 / span 4; border-top: 1px solid var(--ink); align-self: start; }
.mg-row { display: grid; grid-template-columns: 34px 1fr 16px; gap: 2px 10px; padding: 11px 0; border-bottom: 1px solid var(--rule); align-items: start; }
.mg-k { font-size: 12px; line-height: 20px; color: var(--blue); }
.mg-row b { display: block; font-size: 13px; font-weight: 600; }
.mg-t { display: block; font-size: 13.5px; color: var(--graphite); line-height: 1.4; margin-top: 2px; }
.mg-row.is-off b { color: var(--graphite); }
.mg-row.is-hl { background: rgba(255, 216, 77, .3); }
.mg-row.is-flash .mg-t { animation: mg-fade .35s ease-out; }
.mg-gl { display: inline-block; width: 14px; height: 14px; margin-top: 3px; border: 1.5px solid var(--ink); }
.g-plugin { background: var(--ink); }
.g-route { background: var(--magenta-ink); border-color: var(--magenta-ink); }
.g-cdn { background: var(--blue); border-color: var(--blue); }
.g-outside { border-radius: 50%; border-color: var(--blue); background: var(--blue-wash); }
.g-screen { border-color: var(--blue); background: var(--sheet); }
.g-off { border-style: dashed; border-color: var(--rule); background: none; }
.mg-steps-h { margin: 22px 0 8px; display: flex; justify-content: space-between; color: var(--graphite); }
.mg-steps { margin: 0; padding: 0; list-style: none; counter-reset: s; }
.mg-steps li { counter-increment: s; padding: 9px 0 9px 36px; position: relative; border-top: 1px solid var(--rule); font-size: 14px; }
.mg-steps li::before { content: counter(s); position: absolute; left: 0; top: 8px; width: 24px; height: 24px; border-radius: 50%; background: var(--ink); color: #fff; font: 600 12px/24px var(--mono); text-align: center; }
.mg-steps.is-swap li { animation: mg-fade .35s ease-out both; }
.mg-spec-f { margin-top: 16px; font-size: 14px; color: var(--graphite); }
.mg-spec-f a, .mg-note a, .mg-more { color: var(--blue); font-weight: 600; text-underline-offset: 3px; }

/* Where it lives */
.mg-lives { padding-top: 72px; padding-bottom: 72px; }
.mg-lives-grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 0; border: 2px solid var(--ink); border-radius: 14px; overflow: hidden; background: var(--sheet); }
.mg-live { padding: 24px; border-left: 2px solid var(--ink); display: flex; flex-direction: column; gap: 10px; }
.mg-live:first-child { border-left: 0; background: var(--ink); color: var(--sheet); }
.mg-live > .mg-mono { color: var(--graphite); display: flex; gap: 8px; align-items: center; }
.mg-live:first-child > .mg-mono { color: var(--blue-lt); }
.mg-live h3 { margin: 0; font: 700 20px/1.2 var(--disp); letter-spacing: -.02em; }
.mg-live p, .mg-live ul { margin: 0; font-size: 14.5px; color: #24313f; }
.mg-live:first-child ul { color: var(--sheet); padding-left: 18px; display: grid; gap: 6px; }
.mg-live:first-child .mg-more { color: var(--blue-lt); }
.mg-more { margin-top: auto; }

/* Packages */
.mg-pk { border-top: 2px solid var(--ink); padding-top: 64px; padding-bottom: 72px; }
.mg-pk-hd { grid-column: 1 / span 4; }
.mg-pk-hd .mg-sheet { padding-top: 0; }
.mg-pk-hd h2 { margin: 10px 0 12px; font: 800 46px/1.02 var(--disp); letter-spacing: -.04em; }
.mg-pk-hd p { color: var(--graphite); margin: 0 0 18px; font-size: 15px; }
.mg-seg { display: inline-flex; border: 2px solid var(--ink); border-radius: 10px; padding: 3px; background: var(--sheet); }
.mg-seg button { background: none; border: 0; border-radius: 7px; padding: 10px 14px; font: 600 12px/1 var(--mono); letter-spacing: .06em; text-transform: uppercase; cursor: pointer; }
.mg-seg button[aria-pressed="true"] { background: var(--ink); color: var(--sheet); }
.mg-pkt { grid-column: 6 / span 7; display: grid; grid-template-columns: 1fr 1fr; border: 2px solid var(--ink); border-radius: 14px; overflow: hidden; background: var(--sheet); box-shadow: 8px 8px 0 var(--ink); }
.mg-pkc { padding: 24px; display: flex; flex-direction: column; align-items: flex-start; }
.mg-pkc + .mg-pkc { border-left: 2px solid var(--ink); background: var(--ink); color: var(--sheet); border-radius: 0 12px 12px 0; }
.mg-pkc > .mg-mono { color: var(--graphite); }
.mg-pkc + .mg-pkc > .mg-mono { color: var(--blue-lt); }
.mg-pkc h3 { margin: 6px 0 0; font: 800 26px/1 var(--disp); letter-spacing: -.03em; }
.mg-who { font-size: 14px; margin: 8px 0 18px; opacity: .85; }
.mg-price { margin: 0; font: 800 48px/1 var(--disp); letter-spacing: -.045em; }
.mg-price small { font: 500 13px/1 var(--mono); margin-left: 6px; letter-spacing: .02em; opacity: .8; }
.mg-price.is-bump { animation: mg-fade .35s ease-out; }
.mg-sub { min-height: 22px; font-size: 13.5px; margin: 8px 0 16px; opacity: .85; }
.mg-step { display: inline-flex; align-items: center; border: 1.5px solid currentColor; border-radius: 8px; margin-bottom: 16px; }
.mg-step button { width: 44px; height: 40px; background: none; border: 0; cursor: pointer; font: 600 18px/1 var(--mono); color: inherit; }
.mg-step button:hover { background: var(--magenta-ink); color: #fff; }
.mg-step output { min-width: 90px; text-align: center; font: 600 13px/40px var(--mono); border-left: 1.5px solid currentColor; border-right: 1.5px solid currentColor; }
.mg-pkc ul { align-self: stretch; margin: 0 0 20px; padding: 0; list-style: none; font-size: 14px; }
.mg-pkc li { padding: 6px 0; border-bottom: 1px solid rgba(180, 191, 201, .5); }
.mg-pkc .mg-btn { margin-top: auto; }
.mg-pkc + .mg-pkc .mg-btn { border-color: var(--sheet); box-shadow: 4px 4px 0 var(--sheet); }
.mg-pk-f { grid-column: 6 / span 7; color: var(--graphite); font-size: 13px; margin-top: 18px; }

/* Early access */
.mg-early { padding-top: 56px; padding-bottom: 56px; }
.mg-early-card { max-width: 720px; border: 2px solid var(--ink); border-radius: 14px; background: var(--sheet); box-shadow: 8px 8px 0 var(--ink); padding: 28px; }
.mg-early-card h2 { margin: 0 0 8px; font: 800 30px/1.1 var(--disp); letter-spacing: -.03em; }
.mg-early-card form { display: grid; gap: 14px; margin-top: 16px; }
.mg-field label { display: block; font-weight: 600; font-size: 14px; margin-bottom: 4px; }
.mg-field input { width: 100%; min-height: 48px; border-radius: 8px; border: 2px solid var(--ink); background: #fff; padding: 0 12px; font: 16px var(--sans); }
.mg-consent { display: flex; gap: 10px; align-items: flex-start; font-size: 14px; }
.mg-consent input { width: 20px; height: 20px; margin-top: 2px; flex: none; }
.mg-err { margin: 4px 0 0; color: #a3123f; font-weight: 600; font-size: 14px; }
.mg-done { border-left: 3px solid var(--blue); background: var(--blue-wash); padding: 12px 14px; }
.mg-early-card .mg-btn { justify-self: start; }

/* Questions */
.mg-faq { padding-top: 64px; padding-bottom: 64px; border-top: 2px solid var(--ink); }
.mg-faq-list { border-top: 1px solid var(--ink); max-width: 960px; }
.mg-faq details { border-bottom: 1px solid var(--rule); }
.mg-faq summary { cursor: pointer; padding: 16px 40px 16px 0; font-weight: 600; font-size: 17px; list-style: none; position: relative; }
.mg-faq summary::-webkit-details-marker { display: none; }
.mg-faq summary::after { content: "+"; position: absolute; right: 6px; top: 12px; font: 500 22px/1 var(--mono); color: var(--magenta-ink); }
.mg-faq details[open] summary::after { content: "\2212"; }
.mg-faq details p { margin: 0 0 16px; color: #24313f; max-width: 760px; }
.mg-note { max-width: 960px; color: var(--graphite); font-size: 13.5px; margin: 18px 0 0; }

/* Footer */
.mg-ft { border-top: 2px solid var(--ink); background: var(--sheet); }
.mg-ft-in { display: flex; justify-content: space-between; gap: 16px; padding-top: 22px; padding-bottom: 22px; color: var(--graphite); flex-wrap: wrap; }
.mg-ft nav { display: flex; gap: 18px; flex-wrap: wrap; }
.mg-ft a { text-decoration: none; }
.mg-ft a:hover { color: var(--blue); text-decoration: underline; }

@media (max-width: 1180px) {
  .mg-sec-hd h2, .mg-sig-hd h2 { grid-column: 1 / -1; margin-top: 8px; }
  .mg-sheet { grid-column: 1 / -1; }
  .mg-parts-side { grid-column: 1 / -1; position: static; margin-bottom: 18px; }
  /* Narrow screens: the marker floats at the top right while the stack is on screen (landing-stack sets .is-in). */
  .mg-stack-pos { position: fixed; z-index: 25; top: calc(var(--hd) + 10px); right: 16px; opacity: 0; transition: opacity .25s; pointer-events: none; }
  .mg-stack-pos.is-in { opacity: 1; }
  .mg-stack-col { grid-column: 1 / -1; }
  .mg-sig-hd p { grid-column: 1 / -1; margin-top: 12px; }
  .mg-pf { grid-column: 1 / span 4; }
  .mg-xcol { grid-column: 5 / span 8; }
  .mg-spec { grid-column: 1 / -1; margin-top: 24px; }
  .mg-leaders { display: none; }
  .mg-pk-hd, .mg-pkt, .mg-pk-f { grid-column: 1 / -1; }
  .mg-pkt { margin-top: 24px; }
  .mg-lives-grid { grid-template-columns: 1fr; }
  .mg-live { border-left: 0; border-top: 2px solid var(--ink); }
  .mg-live:first-child { border-top: 0; }
}
@media (max-width: 760px) {
  .mg-sec-hd h2 { font-size: 28px; margin: 10px 0 0; }
  .mg-sig-hd h2 { font-size: 32px; }
  .mg-parts, .mg-lives { padding-top: 48px; padding-bottom: 48px; }
  .mg-parts { --peek: 9px; --stack-top: calc(var(--hd) + 58px); }
  .mg-parts-side h2 { font-size: 30px; }
  .mg-stack-pos b { font-size: 18px; }
  .mg-scard { grid-template-columns: 1fr; min-height: 0; }
  .mg-scard-front { padding: 16px 18px; }
  .mg-scard-plat { padding: 14px 18px 16px; }
  .mg-scard-plat dl { grid-template-columns: 1fr; gap: 1px; }
  .mg-scard-plat dd { margin-bottom: 7px; }
  .mg-scard h3 { font-size: 18px; margin-top: 8px; }
  .mg-ico { width: 38px; height: 38px; margin-top: 8px; }
  .mg-sig { padding-top: 48px; padding-bottom: 48px; }
  .mg-pf { display: flex; overflow-x: auto; border-top: 0; margin: 0 calc(var(--pad) * -1); padding: 0 var(--pad); scrollbar-width: none; border-bottom: 1px solid var(--ink); }
  .mg-pf::-webkit-scrollbar { display: none; }
  .mg-pf button { flex: none; width: auto; border-bottom: 0; padding: 14px 12px; font-size: 14px; }
  .mg-pf button span { display: none; }
  .mg-pf button[aria-selected="true"] { padding-left: 12px; box-shadow: inset 0 -3px 0 var(--magenta); }
  .mg-xstage { height: 430px; }
  .mg-xwrap { width: 190px; height: 350px; }
  .mg-xstage.is-open .mg-xwrap { transform: translateY(70px) rotateX(54deg) rotateZ(-32deg) scale(.84); }
  .mg-pl b { font-size: 10.5px; }
  .mg-pl small { font-size: 10px; }
  .mg-xstage.is-open .mg-pl[data-pl="0"] { --z: 220px; }
  .mg-xstage.is-open .mg-pl[data-pl="1"] { --z: 165px; }
  .mg-xstage.is-open .mg-pl[data-pl="2"] { --z: 110px; }
  .mg-xstage.is-open .mg-pl[data-pl="3"] { --z: 55px; }
  .mg-xstage.has-active .mg-xwrap { transform: translateY(140px) rotateX(60deg) rotateZ(-32deg) scale(.5); }
  .mg-pk { padding-top: 44px; padding-bottom: 48px; }
  .mg-pk-hd h2 { font-size: 34px; }
  .mg-pkt { grid-template-columns: 1fr; }
  .mg-pkc + .mg-pkc { border-left: 0; border-top: 2px solid var(--ink); border-radius: 0 0 12px 12px; }
  .mg-price { font-size: 42px; }
  .mg-early-card { padding: 20px; }
  .mg-faq summary { font-size: 16px; }
  .mg-ft-in { flex-direction: column; }
}
@media (prefers-reduced-motion: reduce) {
  .mg-xwrap, .mg-pl { transition: none !important; }
  .mg-xstage.is-open:not(.has-active) .mg-pl:hover { --lift: 0px; }
  .mg-stack .mg-scard { position: static !important; transform: none !important; }
  .mg-stack .mg-scard::after { content: none !important; }
}