.mn2-hero {
  position: relative;
  min-height: min(680px, calc(100vh - 156px));
  overflow: hidden;
  isolation: isolate;
  background: #071923;
  color: #fff;
}

.mn-plan-promotion{position:relative;overflow:hidden;padding:34px 0;background:#091e2d}.mn-plan-promotion:before,.mn-plan-promotion:after{content:"";position:absolute;border-radius:50%;filter:blur(4px);pointer-events:none}.mn-plan-promotion:before{width:360px;height:360px;left:-170px;top:-210px;background:rgba(35,210,186,.24)}.mn-plan-promotion:after{width:320px;height:320px;right:-110px;bottom:-230px;background:rgba(124,58,237,.28)}.mn-plan-promotion-shell{position:relative;z-index:1;display:grid;grid-template-columns:120px minmax(0,1fr) minmax(300px,.55fr);align-items:center;gap:30px}.mn-plan-promotion-orbit{position:relative;width:108px;height:108px;display:grid;place-items:center;border:1px solid rgba(120,244,224,.28);border-radius:50%;background:radial-gradient(circle,rgba(30,205,179,.22),rgba(17,47,67,.5) 58%,transparent 60%)}.mn-plan-promotion-orbit:before,.mn-plan-promotion-orbit:after{content:"";position:absolute;inset:-10px;border:1px dashed rgba(154,240,228,.45);border-radius:50%;animation:mn-plan-orbit 13s linear infinite}.mn-plan-promotion-orbit:after{inset:13px;border-style:solid;animation-direction:reverse;animation-duration:8s}.mn-plan-promotion-orbit>span{position:absolute;width:10px;height:10px;border-radius:50%;background:#ffcb56;box-shadow:0 0 14px rgba(255,203,86,.8);animation:mn-plan-pulse 1.8s ease-in-out infinite}.mn-plan-promotion-orbit>span:first-child{top:-3px;left:48px}.mn-plan-promotion-orbit>span:nth-child(2){right:4px;bottom:17px;animation-delay:.7s}.mn-plan-promotion-orbit>i{font-size:39px;color:#9af0e4;filter:drop-shadow(0 0 13px rgba(42,217,190,.55))}.mn-plan-promotion-copy{display:grid;gap:10px}.mn-plan-promotion-kicker{display:inline-flex;align-items:center;gap:8px;width:max-content;max-width:100%;color:#9af0e4;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.mn-plan-promotion-copy h2{max-width:760px;margin:0;color:#fff;font-size:clamp(30px,3.4vw,52px);line-height:1.02;letter-spacing:-.045em}.mn-plan-promotion-copy>p{max-width:760px;margin:0;color:#c9dce5;font-size:15px;line-height:1.65}.mn-plan-promotion-points{display:flex;gap:10px 18px;flex-wrap:wrap;margin-top:4px}.mn-plan-promotion-points span{display:inline-flex;align-items:center;gap:7px;color:#e5f8f4;font-size:12px;font-weight:760}.mn-plan-promotion-points i{color:#53dbc5}.mn-plan-promotion-offer{display:grid;justify-items:center;gap:4px;padding:22px;border:1px solid rgba(154,240,228,.28);border-radius:14px;background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.06));box-shadow:0 20px 50px rgba(0,0,0,.22);color:#fff;text-align:center;backdrop-filter:blur(12px)}.mn-plan-promotion-offer>span{color:#9af0e4;font-size:11px;font-weight:900;letter-spacing:.16em}.mn-plan-promotion-offer>strong{font-size:58px;line-height:1;color:#ffcf60;letter-spacing:-.06em}.mn-plan-promotion-offer>small{color:#d7e6ec}.mn-plan-promotion-code{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin:10px 0;padding:10px;border:1px dashed rgba(255,255,255,.42);border-radius:9px;background:rgba(4,21,32,.38)}.mn-plan-promotion-code span{color:#a9c3ce;font-size:11px}.mn-plan-promotion-code b{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em}.mn-plan-promotion-offer .mn-btn{width:100%;min-height:46px;padding:10px 14px;font-size:12px;line-height:1.35}.mn-plan-promotion-offer time{margin-top:5px;color:#aec4cd;font-size:10px}.mn-plan-tax-note{display:flex;align-items:center;gap:6px;margin-top:-8px;color:#197066;font-size:11px;font-weight:800}.mn-plan-tax-note i{font-size:13px}.mn-plan-currency-assurance{display:flex;align-items:center;justify-content:center;gap:11px;margin:20px auto 0;padding:13px 17px;border:1px solid #cfe4df;border-radius:10px;background:#fff;box-shadow:0 8px 22px rgba(28,62,81,.06);color:#23465b}.mn-plan-currency-assurance>i{color:#0f8178;font-size:22px}.mn-plan-currency-assurance span,.mn-plan-currency-assurance strong,.mn-plan-currency-assurance small{display:block}.mn-plan-currency-assurance small{margin-top:3px;color:#637b88}.mn2-plan-price small{max-width:120px;line-height:1.3}
.mn-plans-coupon-note{align-items:center;background:#fff;border:1px solid #c6e1dc;border-radius:999px;box-shadow:0 8px 22px rgba(26,72,87,.07);color:#29495a;display:inline-flex;flex-wrap:wrap;gap:8px 11px;margin-top:18px;padding:8px 13px;text-align:left}.mn-plans-coupon-note>i{color:#0c8176;font-size:18px}.mn-plans-coupon-note>span{display:grid;gap:1px}.mn-plans-coupon-note strong{color:#123b46;font-size:11px;line-height:1.2}.mn-plans-coupon-note small,.mn-plans-coupon-note time{color:#6b7f89;font-size:9px;line-height:1.2}.mn-plans-coupon-note code{background:#eaf8f5;border:1px dashed #77bdb3;border-radius:6px;color:#08756b;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;font-weight:900;letter-spacing:.08em;padding:5px 8px}.mn-plan-card-coupon{align-items:center;background:#f1faf8;border:1px solid #cce8e2;border-radius:8px;color:#153e47;display:flex;gap:8px;margin:10px 0 12px;padding:8px 9px}.mn-plan-card-coupon>i{align-items:center;background:#dff4ef;border-radius:7px;color:#0a8176;display:flex;flex:0 0 28px;font-size:14px;height:28px;justify-content:center}.mn-plan-card-coupon>span{display:grid;gap:1px;min-width:0}.mn-plan-card-coupon strong{font-size:10px;line-height:1.2}.mn-plan-card-coupon small{color:#617780;font-size:8px;line-height:1.2}.mn-plan-card-coupon b{color:#08766c;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px;letter-spacing:.05em}.mn-marketing-plan-grid article.featured .mn-plan-card-coupon{background:#eaf8f5;border-color:#a9d9d0}
@media(max-width:680px){.mn-plans-coupon-note{border-radius:12px;justify-content:center;text-align:center}.mn-plans-coupon-note time{flex-basis:100%;text-align:center}.mn-plan-card-coupon{padding:9px 10px}.mn-plan-card-coupon strong{font-size:11px}.mn-plan-card-coupon small{font-size:9px}}
@keyframes mn-plan-orbit{to{transform:rotate(360deg)}}@keyframes mn-plan-pulse{0%,100%{transform:scale(.8);opacity:.6}50%{transform:scale(1.35);opacity:1}}
@media(max-width:980px){.mn-plan-promotion-shell{grid-template-columns:90px minmax(0,1fr)}.mn-plan-promotion-orbit{width:82px;height:82px}.mn-plan-promotion-offer{grid-column:1/-1;grid-template-columns:auto auto auto minmax(230px,.75fr) minmax(280px,1fr);align-items:center;justify-items:start;text-align:left}.mn-plan-promotion-offer>strong{font-size:44px}.mn-plan-promotion-code{margin:0}.mn-plan-promotion-offer time{grid-column:1/-1;justify-self:center}}@media(max-width:680px){.mn-plan-promotion{padding:28px 0}.mn-plan-promotion-shell{grid-template-columns:1fr;gap:20px}.mn-plan-promotion-orbit{display:none}.mn-plan-promotion-copy h2{font-size:34px}.mn-plan-promotion-kicker{font-size:10px}.mn-plan-promotion-points{display:grid}.mn-plan-promotion-offer{grid-column:auto;grid-template-columns:1fr;justify-items:center;text-align:center}.mn-plan-promotion-offer>strong{font-size:54px}.mn-plan-promotion-offer time{grid-column:auto}.mn-plan-currency-assurance{align-items:flex-start;text-align:left}}
@media(prefers-reduced-motion:reduce){.mn-plan-promotion-orbit:before,.mn-plan-promotion-orbit:after,.mn-plan-promotion-orbit>span{animation:none}}

.mn-contpaqi-fusion {
  scroll-margin-top: 76px;
}

/* Prime: fusion Mi Negocio POS + CONTPAQi Comercial Premium */
.mn-contpaqi-fusion-actions .mn-btn.ghost{background:transparent}
.mn-contpaqi-fusion{background:radial-gradient(circle at 76% 44%,rgba(26,218,189,.13),transparent 28%),linear-gradient(135deg,#071724 0%,#0b2632 55%,#07151f 100%);color:#fff;overflow:hidden;padding:92px 0;position:relative}.mn-contpaqi-fusion:before,.mn-contpaqi-fusion:after{border:1px solid rgba(99,235,211,.1);border-radius:50%;content:"";height:420px;position:absolute;width:420px}.mn-contpaqi-fusion:before{left:-250px;top:-190px}.mn-contpaqi-fusion:after{bottom:-260px;right:-160px}.mn-contpaqi-fusion-grid{align-items:center;display:grid;gap:72px;grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);position:relative;z-index:1}.mn-contpaqi-fusion-copy{display:grid;gap:18px}.mn-contpaqi-prime-pill{align-items:center;background:linear-gradient(135deg,#ffcb67,#fff0a8);border:1px solid rgba(255,255,255,.55);border-radius:999px;color:#4b3000;display:inline-flex;font-size:.76rem;font-weight:850;gap:7px;justify-self:start;letter-spacing:.03em;padding:8px 12px}.mn-contpaqi-fusion-kicker{color:#60dec9;font-size:.76rem;font-weight:850;letter-spacing:.11em;margin:0;text-transform:uppercase}.mn-contpaqi-fusion-copy h2{font-family:Manrope,Inter,sans-serif;font-size:clamp(2.15rem,4.5vw,4.15rem);letter-spacing:-.052em;line-height:1.02;margin:0;max-width:760px}.mn-contpaqi-fusion-copy>p:not(.mn-contpaqi-fusion-kicker){color:#b9cbd4;font-size:1.03rem;line-height:1.72;margin:0;max-width:680px}.mn-contpaqi-fusion-benefits{display:grid;gap:10px;margin-top:6px}.mn-contpaqi-fusion-benefits article{align-items:center;background:rgba(255,255,255,.045);border:1px solid rgba(160,224,215,.13);border-radius:14px;display:grid;gap:12px;grid-template-columns:42px 1fr;padding:12px 14px}.mn-contpaqi-fusion-benefits article>i{align-items:center;background:rgba(34,206,181,.12);border:1px solid rgba(86,229,207,.2);border-radius:11px;color:#63e7d3;display:flex;font-size:1.05rem;height:40px;justify-content:center;width:40px}.mn-contpaqi-fusion-benefits article span{display:grid;gap:3px}.mn-contpaqi-fusion-benefits strong{font-size:.9rem}.mn-contpaqi-fusion-benefits small{color:#9fb3bd;line-height:1.45}.mn-contpaqi-fusion-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.mn-contpaqi-fusion-actions .mn-btn.primary{background:linear-gradient(135deg,#19bca7,#2adbc0);box-shadow:0 15px 34px rgba(20,193,168,.24);color:#05221f}.mn-contpaqi-fusion-actions .mn-btn.ghost{border-color:rgba(255,255,255,.22);color:#fff}
.mn-contpaqi-reactor{aspect-ratio:1.16/1;background:radial-gradient(circle at 50% 47%,rgba(68,240,213,.16),transparent 18%),linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.012));border:1px solid rgba(112,238,218,.18);border-radius:34px;box-shadow:inset 0 0 70px rgba(18,226,195,.045),0 34px 90px rgba(0,0,0,.3);isolation:isolate;min-height:500px;overflow:hidden;position:relative}.mn-contpaqi-reactor:before{background:linear-gradient(90deg,transparent,rgba(115,248,227,.18),transparent);content:"";height:1px;left:7%;position:absolute;right:7%;top:47%}.mn-reactor-grid{background-image:linear-gradient(rgba(119,221,209,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(119,221,209,.045) 1px,transparent 1px);background-size:28px 28px;inset:0;mask-image:radial-gradient(circle,#000 20%,transparent 78%);position:absolute}.mn-reactor-source{align-items:center;background:#0e2834;border:1px solid rgba(142,238,223,.25);border-radius:16px;box-shadow:0 15px 30px rgba(0,0,0,.2);display:grid;gap:3px;justify-items:center;padding:12px 14px;position:absolute;top:39%;transform:translateY(-50%);z-index:5}.mn-reactor-source span{font-family:Manrope,Inter,sans-serif;font-weight:850}.mn-reactor-source small{color:#8faab5;font-size:.61rem;white-space:nowrap}.source-mn{left:4%}.source-mn span{align-items:center;background:#25c7b1;border-radius:9px;color:#052821;display:flex;height:35px;justify-content:center;width:42px}.source-contpaqi{right:3%}.source-contpaqi span{color:#ff6d61;font-style:italic;letter-spacing:-.04em}.mn-reactor-beam{height:4px;position:absolute;top:46.6%;z-index:2}.mn-reactor-beam:before,.mn-reactor-beam:after{content:"";inset:0;position:absolute}.mn-reactor-beam:before{background:linear-gradient(90deg,transparent,#27dabf,#c1fff6);filter:drop-shadow(0 0 7px #35e9cd)}.mn-reactor-beam:after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent);animation:mn-fusion-beam 1.45s ease-in-out infinite;transform:scaleX(.24)}.beam-left{left:19%;right:50%;transform-origin:right}.beam-right{left:50%;right:20%;transform:scaleX(-1);transform-origin:left}.mn-reactor-core{height:160px;left:50%;position:absolute;top:47%;transform:translate(-50%,-50%);width:160px;z-index:6}.mn-reactor-core>b{align-items:center;background:radial-gradient(circle at 38% 30%,#effffc,#52ead2 38%,#159c8a 72%);border:5px solid rgba(225,255,250,.82);border-radius:50%;box-shadow:0 0 18px #41e5cc,0 0 65px rgba(50,233,204,.7),0 0 130px rgba(41,211,187,.34);color:#063d36;display:flex;font-size:2.25rem;height:72px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:72px;z-index:3}.core-ring{border:1px solid rgba(110,244,223,.48);border-radius:50%;inset:0;position:absolute}.ring-one{animation:mn-fusion-spin 8s linear infinite;border-style:dashed}.ring-two{animation:mn-fusion-spin-reverse 5.5s linear infinite;inset:18px}.ring-three{animation:mn-fusion-pulse 2.1s ease-in-out infinite;inset:37px}.mn-reactor-orbit{border:1px solid rgba(100,228,209,.17);border-radius:50%;left:50%;position:absolute;top:47%;transform:translate(-50%,-50%)}.orbit-a{animation:mn-fusion-orbit-spin 16s linear infinite;height:310px;width:310px}.orbit-b{animation:mn-fusion-orbit-spin-reverse 12s linear infinite;height:410px;width:410px}.mn-reactor-orbit i{background:#78f6e2;border-radius:50%;box-shadow:0 0 10px #48dfc8;height:7px;position:absolute;width:7px}.orbit-a i:nth-child(1){left:18%;top:8%}.orbit-a i:nth-child(2){bottom:4%;right:34%}.orbit-a i:nth-child(3){right:2%;top:49%}.orbit-b i:nth-child(1){left:4%;top:34%}.orbit-b i:nth-child(2){bottom:12%;right:15%}.mn-reactor-particles{inset:0;position:absolute}.mn-reactor-particles i{animation:mn-fusion-float 3s ease-in-out infinite;background:#4be3cc;border-radius:50%;box-shadow:0 0 9px #38d6bf;height:4px;left:50%;position:absolute;top:47%;width:4px}.mn-reactor-particles i:nth-child(1){--tx:-185px;--ty:-120px}.mn-reactor-particles i:nth-child(2){--tx:176px;--ty:-110px;animation-delay:-.35s}.mn-reactor-particles i:nth-child(3){--tx:-210px;--ty:88px;animation-delay:-.7s}.mn-reactor-particles i:nth-child(4){--tx:196px;--ty:100px;animation-delay:-1s}.mn-reactor-particles i:nth-child(5){--tx:-90px;--ty:175px;animation-delay:-1.35s}.mn-reactor-particles i:nth-child(6){--tx:100px;--ty:170px;animation-delay:-1.7s}.mn-reactor-particles i:nth-child(7){--tx:-125px;--ty:-175px;animation-delay:-2s}.mn-reactor-particles i:nth-child(8){--tx:130px;--ty:-170px;animation-delay:-2.35s}.mn-reactor-output{align-items:center;background:rgba(8,27,36,.9);border:1px solid rgba(100,231,212,.18);border-radius:10px;color:#aac0c9;display:flex;font-size:.62rem;font-weight:750;gap:6px;padding:7px 9px;position:absolute;z-index:5}.mn-reactor-output i{color:#57e1cc}.output-clients{left:12%;top:11%}.output-products{right:11%;top:12%}.output-stock{bottom:20%;left:9%}.output-docs{bottom:20%;right:8%}.mn-reactor-status{align-items:center;background:rgba(5,20,28,.82);border:1px solid rgba(112,231,214,.18);border-radius:13px;bottom:4%;display:grid;gap:2px;grid-template-columns:1fr auto;left:7%;padding:10px 12px;position:absolute;right:7%;z-index:8}.mn-reactor-status span{align-items:center;color:#a9bec7;display:flex;font-size:.68rem;font-weight:800;gap:7px;text-transform:uppercase}.mn-reactor-status span i{animation:mn-fusion-status 1.2s ease-in-out infinite;background:#43e0a4;border-radius:50%;box-shadow:0 0 9px #43e0a4;height:7px;width:7px}.mn-reactor-status strong{color:#78f3df;font-size:1.05rem}.mn-reactor-status small{color:#6f8994;font-size:.59rem;grid-column:1/-1}.mn-contpaqi-fusion:not(.is-active) .mn-contpaqi-reactor *{animation-play-state:paused}
@keyframes mn-fusion-spin{to{transform:rotate(360deg)}}@keyframes mn-fusion-spin-reverse{to{transform:rotate(-360deg)}}@keyframes mn-fusion-orbit-spin{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes mn-fusion-orbit-spin-reverse{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(-360deg)}}@keyframes mn-fusion-pulse{0%,100%{opacity:.45;transform:scale(.86)}50%{opacity:1;transform:scale(1.12)}}@keyframes mn-fusion-beam{0%,100%{opacity:.15;transform:translateX(-55%) scaleX(.2)}50%{opacity:1;transform:translateX(55%) scaleX(.7)}}@keyframes mn-fusion-float{0%{opacity:0;transform:translate(0,0) scale(.4)}45%{opacity:1}100%{opacity:0;transform:translate(var(--tx),var(--ty)) scale(1.4)}}@keyframes mn-fusion-status{50%{opacity:.42;transform:scale(.72)}}
@media(max-width:1050px){.mn-contpaqi-fusion-grid{gap:42px;grid-template-columns:1fr}.mn-contpaqi-reactor{justify-self:center;max-width:680px;width:100%}}@media(max-width:620px){.mn-contpaqi-fusion{padding:64px 0}.mn-contpaqi-fusion-grid{gap:34px}.mn-contpaqi-fusion-copy h2{font-size:2.35rem}.mn-contpaqi-reactor{border-radius:24px;min-height:390px}.mn-reactor-source{padding:9px}.mn-reactor-source small{display:none}.source-mn{left:2%}.source-contpaqi{right:1%}.mn-reactor-core{height:126px;width:126px}.mn-reactor-core>b{height:58px;width:58px}.orbit-a{height:235px;width:235px}.orbit-b{height:320px;width:320px}.mn-reactor-output{font-size:.56rem}.output-clients{left:4%}.output-products{right:4%}.output-stock{left:3%}.output-docs{right:3%}.mn-contpaqi-fusion-actions .mn-btn{width:100%}}
@media(prefers-reduced-motion:reduce){.mn-contpaqi-fusion *{animation:none!important;transition:none!important}.mn-contpaqi-fusion:not(.is-active) .mn-contpaqi-reactor{opacity:1}}

/* Product scenes replace scaled screenshots with focused, live UI moments. */
.mn-product-scene {
  --scene-accent: #0c8c7e;
  width: 100%;
  min-width: 0;
  aspect-ratio: 16 / 10;
  display: grid;
  grid-template-rows: 42px minmax(0, 1fr) 40px;
  overflow: hidden;
  color: #13243b;
  background: #f4f8fa;
  border: 1px solid #b9ccd5;
  border-radius: 8px;
  box-shadow: 0 24px 54px rgba(13, 37, 55, .16);
  font-family: "Inter", sans-serif;
}

.mn-product-scene--inventario {
  --scene-accent: #13799d;
}

.mn-product-scene--restaurante {
  --scene-accent: #e05d3f;
}

.mn-product-scene--facturacion {
  --scene-accent: #2f6ce5;
}

.mn-product-scene--tienda {
  --scene-accent: #c78313;
}

.mn-product-scene--reparto {
  --scene-accent: #7457d9;
}

.mn-product-scene--whatsapp {
  --scene-accent: #198a4f;
}

.mn-product-scene--dashboard {
  --scene-accent: #2f6ce5;
}

.mn-scene-chrome {
  min-width: 0;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 12px;
  padding: 0 14px;
  color: #fff;
  background: #10293a;
  border-bottom: 3px solid var(--scene-accent);
}

.mn-scene-brand,
.mn-scene-context,
.mn-scene-window {
  min-width: 0;
  display: inline-flex;
  align-items: center;
}

.mn-scene-brand {
  gap: 8px;
}

.mn-scene-brand > span {
  width: 25px;
  height: 25px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: 6px;
  background: #25c8b5;
  color: #fff;
  font: 800 9px "Manrope", sans-serif;
}

.mn-scene-brand strong {
  overflow: hidden;
  font-size: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mn-scene-context {
  gap: 7px;
  font-size: 10px;
  font-weight: 800;
}

.mn-scene-context i {
  color: #75eadb;
  font-size: 13px;
}

.mn-scene-window {
  justify-content: flex-end;
  gap: 5px;
}

.mn-scene-window i {
  width: 6px;
  height: 6px;
  display: block;
  border-radius: 50%;
  background: #607989;
}

.mn-scene-window i:nth-child(2) {
  background: #e4ae3e;
}

.mn-scene-window i:nth-child(3) {
  background: #ec765c;
}

.mn-scene-viewport {
  position: relative;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  background: #f4f8fa;
}

.mn-scene-slide {
  position: absolute;
  inset: 0;
  min-width: 0;
  min-height: 0;
  padding: 18px;
  opacity: 0;
  visibility: hidden;
  transform: translateX(18px);
  transition: opacity .35s ease, transform .35s ease, visibility .35s;
}

.mn-scene-slide.active {
  z-index: 1;
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.mn-scene-footer {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  padding: 0 14px;
  background: #fff;
  border-top: 1px solid #d8e3e8;
}

.mn-scene-caption {
  min-width: 0;
  overflow: hidden;
  color: #4d6676;
  font-size: 10px;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mn-scene-dots {
  position: relative;
  z-index: 4;
  min-width: max-content;
  display: flex;
  align-items: center;
  gap: 6px;
  background: #fff;
}

.mn-scene-dots button {
  width: 18px;
  height: 5px;
  padding: 0;
  border: 0;
  border-radius: 3px;
  background: #c8d6dc;
  cursor: pointer;
  transition: width .2s ease, background-color .2s ease;
}

.mn-scene-dots button.active {
  width: 30px;
  background: var(--scene-accent);
}

.mn-scene-dots button:focus-visible {
  outline: 2px solid #10293a;
  outline-offset: 3px;
}

.mn-product-scene img,
.mn2-demo-screen .mn-product-scene img,
.mn3-commerce-media .mn-product-scene img,
.mn-marketing-showcase-media .mn-product-scene img,
.mn2-page-media .mn-product-scene img {
  min-height: 0;
  display: block;
  object-fit: cover;
  object-position: center;
  transform: none;
  border: 0;
  border-radius: 6px;
  box-shadow: none;
}

.mn-scene-toolbar,
.mn-scene-heading,
.mn-scene-total-line,
.mn-scene-store-head {
  min-height: 38px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.mn-scene-toolbar {
  padding: 0 12px;
  border: 1px solid #d7e3e8;
  border-radius: 7px;
  background: #fff;
}

.mn-scene-toolbar span {
  min-width: 0;
  color: #718492;
  font-size: 10px;
}

.mn-scene-toolbar span i {
  margin-right: 7px;
  color: var(--scene-accent);
}

.mn-scene-toolbar b,
.mn-scene-heading > strong {
  flex: 0 0 auto;
  color: #263e51;
  font-size: 10px;
}

.mn-scene-heading {
  min-height: 32px;
  margin-bottom: 12px;
}

.mn-scene-heading > span {
  font: 800 14px "Manrope", sans-serif;
}

.mn-scene-pos-layout {
  min-height: 0;
  height: calc(100% - 50px);
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(180px, .85fr);
  gap: 12px;
  margin-top: 12px;
}

.mn-scene-products {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.mn-scene-products article,
.mn-scene-store-products article {
  position: relative;
  min-width: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid #d7e3e8;
  border-radius: 7px;
}

.mn-scene-products img {
  width: 100%;
  height: 85px;
}

.mn-scene-products span,
.mn-scene-store-products span {
  overflow: hidden;
  padding: 8px 8px 0;
  font-size: 9px;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mn-scene-products strong,
.mn-scene-store-products strong {
  padding: 4px 8px 9px;
  color: #087b70;
  font-size: 11px;
}

.mn-scene-ticket {
  min-width: 0;
  display: flex;
  flex-direction: column;
  padding: 11px;
  background: #fff;
  border: 1px solid #d7e3e8;
  border-radius: 7px;
}

.mn-scene-ticket header,
.mn-scene-ticket > div,
.mn-scene-ticket footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 9px;
}

.mn-scene-ticket header {
  padding-bottom: 8px;
  border-bottom: 1px solid #e0e8ec;
}

.mn-scene-ticket header span,
.mn-scene-ticket header b {
  font-size: 9px;
}

.mn-scene-ticket > div {
  padding: 10px 0;
  border-bottom: 1px solid #edf2f4;
  font-size: 9px;
}

.mn-scene-ticket > div span {
  min-width: 0;
  font-weight: 700;
}

.mn-scene-ticket small {
  display: block;
  margin-top: 3px;
  color: #708493;
  font-size: 8px;
  font-weight: 500;
}

.mn-scene-ticket footer {
  margin-top: auto;
  padding-top: 10px;
}

.mn-scene-ticket footer strong {
  color: #087b70;
  font-size: 16px;
}

.mn-scene-payment-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.mn-scene-payment-grid article {
  min-width: 0;
  min-height: 74px;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  grid-template-rows: 1fr 1fr;
  align-items: center;
  padding: 10px;
  background: #fff;
  border: 1px solid #d7e3e8;
  border-radius: 7px;
}

.mn-scene-payment-grid article.active {
  border-color: #20a99b;
  background: #eafaf7;
  box-shadow: inset 3px 0 #0c8c7e;
}

.mn-scene-payment-grid i {
  grid-row: 1 / 3;
  color: var(--scene-accent);
  font-size: 18px;
}

.mn-scene-payment-grid span {
  font-size: 10px;
  font-weight: 700;
}

.mn-scene-payment-grid strong,
.mn-scene-payment-grid small {
  font-size: 9px;
}

.mn-scene-payment-grid small {
  color: #718492;
}

.mn-scene-total-line {
  margin-top: 12px;
  padding: 0 13px;
  color: #fff;
  background: #10293a;
  border-radius: 7px;
}

.mn-scene-total-line span {
  font-size: 10px;
  font-weight: 700;
}

.mn-scene-total-line i {
  margin-right: 6px;
  color: #67ddcd;
}

.mn-scene-total-line strong {
  font-size: 15px;
}

.mn-scene-success,
.mn-scene-process {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.mn-scene-success > i,
.mn-scene-process > i {
  width: 52px;
  height: 52px;
  display: grid;
  place-items: center;
  margin-bottom: 11px;
  border-radius: 50%;
  background: #dff8ef;
  color: #0b8c72;
  font-size: 28px;
}

.mn-scene-process > i {
  background: #e8efff;
  color: #2f6ce5;
}

.mn-scene-success > span,
.mn-scene-process > span {
  color: var(--scene-accent);
  font-size: 9px;
  font-weight: 900;
  text-transform: uppercase;
}

.mn-scene-success > strong,
.mn-scene-process > strong {
  margin-top: 5px;
  font: 800 19px "Manrope", sans-serif;
}

.mn-scene-success > p,
.mn-scene-process > p {
  max-width: 390px;
  margin: 7px 0 0;
  color: #667d8c;
  font-size: 10px;
}

.mn-scene-success > div:not(.mn-scene-order-status) {
  display: flex;
  gap: 8px;
  margin-top: 16px;
}

.mn-scene-success button,
.mn-scene-checkout button {
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid #cbdbe2;
  border-radius: 6px;
  background: #fff;
  color: #19334a;
  font-size: 9px;
  font-weight: 800;
}

.mn-scene-success button i {
  margin-right: 5px;
  color: var(--scene-accent);
}

.mn-scene-kpis {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
}

.mn-scene-kpis article {
  min-width: 0;
  min-height: 72px;
  padding: 11px;
  background: #fff;
  border: 1px solid #d7e3e8;
  border-top: 3px solid var(--scene-accent);
  border-radius: 7px;
}

.mn-scene-kpis span,
.mn-scene-kpis small {
  display: block;
  overflow: hidden;
  color: #667d8c;
  font-size: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mn-scene-kpis strong {
  display: block;
  margin: 5px 0 3px;
  font: 800 17px "Manrope", sans-serif;
}

.mn-scene-kpis strong.warning,
.mn-scene-kpis .warning {
  color: #b56e09;
}

.mn-scene-stock-list,
.mn-scene-ledger,
.mn-scene-ranking,
.mn-scene-alerts,
.mn-scene-deliveries,
.mn-scene-chat-followup {
  display: grid;
  gap: 7px;
  margin-top: 11px;
}

.mn-scene-stock-list > div,
.mn-scene-ledger > div,
.mn-scene-ranking > div,
.mn-scene-alerts > div,
.mn-scene-deliveries > div,
.mn-scene-chat-followup > div {
  min-width: 0;
  min-height: 48px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 7px 10px;
  background: #fff;
  border: 1px solid #dce6ea;
  border-radius: 7px;
}

.mn-scene-stock-list img,
.mn-scene-ranking img {
  width: 34px;
  height: 34px;
  flex: 0 0 auto;
}

.mn-scene-stock-list span,
.mn-scene-ledger span,
.mn-scene-ranking span,
.mn-scene-alerts span,
.mn-scene-deliveries span,
.mn-scene-chat-followup span {
  min-width: 0;
  flex: 1;
  overflow: hidden;
  font-size: 9px;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mn-scene-stock-list small,
.mn-scene-ledger small,
.mn-scene-ranking small,
.mn-scene-alerts small,
.mn-scene-deliveries small,
.mn-scene-chat-followup small {
  display: block;
  overflow: hidden;
  margin-top: 2px;
  color: #728694;
  font-size: 8px;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mn-scene-stock-list > div > strong {
  font-size: 14px;
}

.mn-scene-stock-list b,
.mn-scene-alerts b,
.mn-scene-deliveries b,
.mn-scene-chat-followup b {
  flex: 0 0 auto;
  padding: 4px 7px;
  border-radius: 6px;
  color: #197249;
  background: #e1f7e9;
  font-size: 7px;
}

.mn-scene-stock-list b.warning,
.mn-scene-alerts .warning b,
.mn-scene-deliveries b:not(.success) {
  color: #98610b;
  background: #fff0c9;
}

.mn-scene-movement {
  min-height: 135px;
  display: grid;
  grid-template-columns: 60px minmax(0, 1fr);
  grid-template-rows: auto 1fr;
  gap: 10px 13px;
  align-items: center;
  padding: 15px;
  background: #fff;
  border: 1px solid #d8e4e9;
  border-radius: 7px;
}

.mn-scene-movement img {
  width: 60px;
  height: 60px;
  grid-row: 1 / 3;
}

.mn-scene-movement > div span {
  display: block;
  font-size: 12px;
  font-weight: 800;
}

.mn-scene-movement > div small {
  color: #718492;
  font-size: 8px;
}

.mn-scene-movement dl {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
  margin: 0;
}

.mn-scene-movement dl div {
  padding: 7px;
  background: #f4f8fa;
  border-radius: 6px;
}

.mn-scene-movement dt {
  color: #728694;
  font-size: 7px;
}

.mn-scene-movement dd {
  margin: 3px 0 0;
  font-size: 13px;
  font-weight: 800;
}

.mn-scene-movement dl div:last-child dd,
.mn-scene-ledger .positive {
  color: #0c8c7e;
}

.mn-scene-note {
  margin-top: 10px;
  padding: 9px 11px;
  border-radius: 7px;
  background: #e7f8f3;
  color: #176c5d;
  font-size: 9px;
  font-weight: 700;
}

.mn-scene-note i {
  margin-right: 6px;
}

.mn-scene-ledger i,
.mn-scene-alerts i,
.mn-scene-deliveries i,
.mn-scene-chat-followup i {
  width: 27px;
  height: 27px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: 6px;
  background: #eaf1ff;
  color: #2f6ce5;
}

.mn-scene-ledger strong {
  flex: 0 0 auto;
  font-size: 9px;
}

.mn-scene-tables {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
}

.mn-scene-tables article {
  min-width: 0;
  min-height: 74px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 10px;
  border: 1px solid #cbdde1;
  border-left: 4px solid #20a99b;
  border-radius: 7px;
  background: #edfaf7;
}

.mn-scene-tables article.busy {
  border-left-color: #2f6ce5;
  background: #eef3ff;
}

.mn-scene-tables article.kitchen {
  border-left-color: #e05d3f;
  background: #fff1ec;
}

.mn-scene-tables article.checkout {
  border-left-color: #d5961a;
  background: #fff7e3;
}

.mn-scene-tables b,
.mn-scene-tables span,
.mn-scene-tables small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mn-scene-tables b {
  font-size: 11px;
}

.mn-scene-tables span {
  margin-top: 5px;
  font-size: 9px;
  font-weight: 700;
}

.mn-scene-tables small {
  margin-top: 2px;
  color: #6d818e;
  font-size: 8px;
}

.mn-scene-kitchen {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
}

.mn-scene-kitchen article {
  min-width: 0;
  min-height: 172px;
  padding: 10px;
  background: #fff;
  border: 1px solid #d7e3e8;
  border-top: 4px solid #2f6ce5;
  border-radius: 7px;
}

.mn-scene-kitchen article.urgent {
  border-top-color: #e05d3f;
}

.mn-scene-kitchen article.ready {
  border-top-color: #1e9f69;
}

.mn-scene-kitchen header {
  display: flex;
  justify-content: space-between;
  gap: 6px;
  padding-bottom: 8px;
  border-bottom: 1px solid #e4ebee;
  font-size: 9px;
}

.mn-scene-kitchen p {
  margin: 9px 0 0;
  color: #354f61;
  font-size: 9px;
}

.mn-scene-kitchen small {
  display: inline-block;
  margin-top: 11px;
  padding: 4px 6px;
  border-radius: 5px;
  background: #eef3ff;
  color: #2f6ce5;
  font-size: 7px;
  font-weight: 800;
}

.mn-scene-checkout {
  max-width: 430px;
  margin: 14px auto 0;
  padding: 14px;
  background: #fff;
  border: 1px solid #d7e3e8;
  border-radius: 7px;
}

.mn-scene-checkout > div {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 9px 0;
  border-bottom: 1px solid #edf2f4;
  font-size: 10px;
}

.mn-scene-checkout footer {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 14px;
}

.mn-scene-checkout button.primary {
  border-color: var(--scene-accent);
  background: var(--scene-accent);
  color: #fff;
}

.mn-scene-invoice-data {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

.mn-scene-invoice-data > div {
  min-width: 0;
  min-height: 55px;
  padding: 9px 10px;
  background: #fff;
  border: 1px solid #d7e3e8;
  border-radius: 7px;
}

.mn-scene-invoice-data span,
.mn-scene-invoice-data strong {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mn-scene-invoice-data span {
  color: #6e8290;
  font-size: 7px;
  text-transform: uppercase;
}

.mn-scene-invoice-data strong {
  margin-top: 5px;
  font-size: 10px;
}

.mn-scene-progress {
  width: min(350px, 75%);
  height: 7px;
  margin-top: 15px;
  overflow: hidden;
  border-radius: 4px;
  background: #dce5f6;
}

.mn-scene-progress i {
  width: 72%;
  height: 100%;
  display: block;
  background: #2f6ce5;
  animation: mnSceneProgress 2.2s ease-in-out infinite alternate;
}

@keyframes mnSceneProgress {
  from { width: 38%; }
  to { width: 86%; }
}

.mn-scene-store-head {
  padding: 0 11px;
  background: #fff;
  border-bottom: 1px solid #dce6ea;
  border-radius: 7px 7px 0 0;
}

.mn-scene-store-head > span {
  font: 800 12px "Manrope", sans-serif;
}

.mn-scene-store-head > span i {
  margin-right: 6px;
  color: #c78313;
}

.mn-scene-store-head > div {
  display: flex;
  gap: 12px;
  color: #496170;
}

.mn-scene-store-categories {
  display: flex;
  gap: 6px;
  padding: 10px 0;
}

.mn-scene-store-categories span,
.mn-scene-store-categories b {
  padding: 5px 8px;
  border: 1px solid #d7e3e8;
  border-radius: 6px;
  background: #fff;
  font-size: 8px;
}

.mn-scene-store-categories b {
  border-color: #d7a740;
  background: #fff4d8;
  color: #875b0e;
}

.mn-scene-store-products {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
}

.mn-scene-store-products img {
  width: 100%;
  height: 82px;
}

.mn-scene-store-products button {
  position: absolute;
  right: 7px;
  bottom: 7px;
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 6px;
  background: #10293a;
  color: #fff;
}

.mn-scene-cart {
  padding: 8px 11px;
  background: #fff;
  border: 1px solid #d7e3e8;
  border-radius: 7px;
}

.mn-scene-cart > div,
.mn-scene-cart footer {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 7px 0;
  border-bottom: 1px solid #e7edef;
}

.mn-scene-cart img {
  width: 38px;
  height: 38px;
}

.mn-scene-cart span {
  min-width: 0;
  flex: 1;
  font-size: 9px;
  font-weight: 700;
}

.mn-scene-cart small {
  display: block;
  margin-top: 2px;
  color: #718492;
  font-size: 8px;
}

.mn-scene-cart strong {
  font-size: 10px;
}

.mn-scene-cart footer {
  justify-content: space-between;
  border-bottom: 0;
}

.mn-scene-cart footer strong {
  color: #0c8c7e;
  font-size: 15px;
}

.mn-scene-choice {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: 10px;
}

.mn-scene-choice span {
  min-width: 0;
  padding: 8px;
  border: 1px solid #d7e3e8;
  border-radius: 7px;
  background: #fff;
  font-size: 8px;
  font-weight: 700;
  text-align: center;
}

.mn-scene-choice span.active {
  border-color: #c78313;
  background: #fff6df;
  color: #875b0e;
}

.mn-scene-choice i {
  margin-right: 5px;
}

.mn-scene-order-status {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-top: 17px;
}

.mn-scene-order-status b,
.mn-scene-order-status span {
  font-size: 8px;
}

.mn-scene-order-status b {
  color: #0b8c72;
}

.mn-scene-order-status i {
  width: 28px;
  height: 2px;
  display: block;
  background: #b9d8d1;
}

.mn-scene-kpis.compact article {
  min-height: 66px;
}

.mn-scene-deliveries > div > b.success {
  color: #197249;
  background: #e1f7e9;
}

.mn-scene-route {
  height: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 155px;
  gap: 12px;
}

.mn-scene-route-map {
  position: relative;
  overflow: hidden;
  background-color: #e8f0ed;
  background-image:
    linear-gradient(22deg, transparent 46%, #fff 46%, #fff 52%, transparent 52%),
    linear-gradient(92deg, transparent 43%, #fff 43%, #fff 49%, transparent 49%);
  background-size: 170px 120px, 210px 160px;
  border: 1px solid #cddbd7;
  border-radius: 7px;
}

.mn-scene-route-map span {
  position: absolute;
  z-index: 2;
  display: grid;
  place-items: center;
  border: 3px solid #fff;
  border-radius: 50%;
  color: #fff;
  box-shadow: 0 5px 12px rgba(18, 40, 58, .2);
}

.mn-scene-route-map .store {
  left: 16%;
  bottom: 20%;
  width: 34px;
  height: 34px;
  border-radius: 7px;
  background: #10293a;
  font-size: 9px;
  font-weight: 900;
}

.mn-scene-route-map .courier {
  left: 48%;
  top: 48%;
  width: 35px;
  height: 35px;
  background: #0c8c7e;
}

.mn-scene-route-map .stop {
  width: 30px;
  height: 30px;
  background: #2f6ce5;
  font-size: 9px;
  font-weight: 900;
}

.mn-scene-route-map .stop.one {
  right: 14%;
  top: 20%;
}

.mn-scene-route-map .stop.two {
  right: 19%;
  bottom: 13%;
  background: #e05d3f;
}

.mn-scene-route-map .route-line {
  position: absolute;
  left: 28%;
  top: 58%;
  width: 48%;
  height: 4px;
  display: block;
  border-top: 3px dashed #2f6ce5;
  transform: rotate(-13deg);
}

.mn-scene-route aside {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 13px;
  background: #fff;
  border: 1px solid #d7e3e8;
  border-radius: 7px;
}

.mn-scene-route aside span {
  font-size: 10px;
  font-weight: 800;
}

.mn-scene-route aside strong {
  margin-top: 6px;
  font-size: 15px;
}

.mn-scene-route aside small {
  margin-top: 4px;
  color: #718492;
  font-size: 8px;
  line-height: 1.45;
}

.mn-scene-route aside b {
  align-self: flex-start;
  margin-top: 12px;
  padding: 5px 7px;
  border-radius: 6px;
  background: #e9efff;
  color: #2f6ce5;
  font-size: 8px;
}

.mn-scene-chat {
  height: 100%;
  display: grid;
  grid-template-columns: 175px minmax(0, 1fr);
  overflow: hidden;
  background: #fff;
  border: 1px solid #d7e3e8;
  border-radius: 7px;
}

.mn-scene-chat > aside {
  border-right: 1px solid #dce6ea;
}

.mn-scene-chat > aside > div {
  min-width: 0;
  min-height: 53px;
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 7px 8px;
  border-bottom: 1px solid #edf2f4;
}

.mn-scene-chat > aside > div.active {
  background: #eaf8f4;
  box-shadow: inset 3px 0 #198a4f;
}

.mn-scene-chat > aside b {
  width: 27px;
  height: 27px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: 50%;
  background: #dcf5ed;
  color: #137c4a;
  font-size: 8px;
}

.mn-scene-chat > aside span {
  min-width: 0;
  flex: 1;
  overflow: hidden;
  font-size: 8px;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mn-scene-chat > aside small {
  display: block;
  overflow: hidden;
  margin-top: 2px;
  color: #748794;
  font-size: 7px;
  font-weight: 500;
  text-overflow: ellipsis;
}

.mn-scene-chat > aside i {
  width: 16px;
  height: 16px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #198a4f;
  color: #fff;
  font-size: 7px;
  font-style: normal;
}

.mn-scene-chat > section {
  position: relative;
  min-width: 0;
  padding: 45px 12px 42px;
  background: #f4efe9;
}

.mn-scene-chat > section header,
.mn-scene-chat > section footer {
  position: absolute;
  right: 0;
  left: 0;
  min-height: 36px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 11px;
  background: #fff;
}

.mn-scene-chat > section header {
  top: 0;
  border-bottom: 1px solid #dce6ea;
}

.mn-scene-chat > section header b {
  font-size: 9px;
}

.mn-scene-chat > section header span {
  color: #198a4f;
  font-size: 7px;
}

.mn-scene-chat > section p {
  width: 78%;
  margin: 0 0 8px;
  padding: 8px;
  border-radius: 7px;
  background: #fff;
  font-size: 8px;
  line-height: 1.45;
}

.mn-scene-chat > section p.sent {
  margin-left: auto;
  background: #d9f5df;
}

.mn-scene-chat > section footer {
  bottom: 0;
  color: #718492;
  font-size: 8px;
  border-top: 1px solid #dce6ea;
}

.mn-scene-chat > section footer i {
  color: #198a4f;
}

.mn-scene-chat-order {
  max-width: 470px;
  margin: 4px auto 0;
  overflow: hidden;
  background: #f4efe9;
  border: 1px solid #d3dfdc;
  border-radius: 7px;
}

.mn-scene-chat-order header {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 12px;
  background: #fff;
  border-bottom: 1px solid #dce6ea;
}

.mn-scene-chat-order header b,
.mn-scene-chat-order header span {
  font-size: 8px;
}

.mn-scene-chat-order header b i {
  margin-right: 5px;
  color: #198a4f;
}

.mn-scene-chat-order header span {
  color: #197249;
}

.mn-scene-chat-order > div,
.mn-scene-chat-order > p {
  width: 78%;
  margin: 12px;
  padding: 10px;
  border-radius: 7px;
  background: #fff;
}

.mn-scene-chat-order > div {
  border-left: 4px solid #0c8c7e;
}

.mn-scene-chat-order > div strong,
.mn-scene-chat-order > div p,
.mn-scene-chat-order > div small {
  display: block;
}

.mn-scene-chat-order > div strong {
  font-size: 10px;
}

.mn-scene-chat-order > div p,
.mn-scene-chat-order > div small,
.mn-scene-chat-order > p {
  color: #5f7584;
  font-size: 8px;
}

.mn-scene-chat-order > div p {
  margin: 5px 0;
}

.mn-scene-chat-order > p {
  margin-left: auto;
  background: #d9f5df;
  color: #294d3d;
}

.mn-scene-chat-followup > div {
  min-height: 62px;
}

.mn-scene-chat-followup > div > b {
  color: #197249;
  background: #e1f7e9;
}

.mn-scene-chart {
  margin-top: 11px;
  padding: 10px 12px 8px;
  background: #fff;
  border: 1px solid #d7e3e8;
  border-radius: 7px;
}

.mn-scene-chart header,
.mn-scene-chart footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.mn-scene-chart header span,
.mn-scene-chart header b {
  font-size: 8px;
}

.mn-scene-chart .bars {
  height: 105px;
  display: flex;
  align-items: end;
  justify-content: space-around;
  gap: 7px;
  padding-top: 12px;
  border-bottom: 1px solid #d9e4e8;
}

.mn-scene-chart .bars i {
  width: 9%;
  height: var(--h);
  display: block;
  border-radius: 4px 4px 0 0;
  background: #2f6ce5;
}

.mn-scene-chart .bars i:nth-child(3n + 1) {
  background: #0c8c7e;
}

.mn-scene-chart .bars i:nth-child(3n + 2) {
  background: #e05d3f;
}

.mn-scene-chart footer {
  padding-top: 5px;
  color: #748794;
  font-size: 7px;
}

.mn-scene-ranking > div > b {
  color: #2f6ce5;
  font-size: 10px;
}

.mn-scene-ranking > div > strong {
  flex: 0 0 auto;
  font-size: 10px;
}

.mn-scene-alerts > div.success i {
  color: #197249;
  background: #e1f7e9;
}

.mn2-hero {
  min-height: min(660px, calc(100vh - 145px));
  overflow: hidden;
}

.mn2-hero::before {
  z-index: 2;
  width: 54%;
  clip-path: polygon(0 0, 91% 0, 100% 100%, 0 100%);
}

.mn2-hero .mn-container {
  position: relative;
  z-index: 3;
  min-height: min(660px, calc(100vh - 145px));
}

.mn2-hero-product {
  position: absolute;
  z-index: 1;
  top: 50%;
  right: max(26px, calc((100vw - 1480px) / 2));
  width: min(54vw, 870px);
  transform: translateY(-50%);
}

.mn-product-scene--hero {
  box-shadow: 0 34px 74px rgba(13, 37, 55, .24);
}

.mn2-live-label {
  z-index: 4;
}

.mn2-demo-screen {
  min-width: 0;
  display: grid;
  align-items: center;
  padding: 28px;
}

.mn2-demo-scene {
  min-width: 0;
  opacity: 0;
  transform: translateY(7px);
  transition: opacity .25s ease, transform .25s ease;
}

.mn2-demo-scene.active {
  opacity: 1;
  transform: translateY(0);
}

.mn2-demo-scene[hidden] {
  display: none;
}

.mn3-commerce-media,
.mn-marketing-showcase-media,
.mn2-page-media {
  overflow: visible;
}

.mn3-commerce-media .mn-product-scene,
.mn-marketing-showcase-media .mn-product-scene,
.mn2-page-media .mn-product-scene {
  width: 100%;
}

.mn3-commerce-media figcaption,
.mn-marketing-showcase-media figcaption {
  z-index: 3;
}

@media (max-width: 1100px) {
  .mn2-hero-product {
    right: -90px;
    width: 64vw;
  }

  .mn2-hero::before {
    width: 59%;
  }

  .mn-scene-slide {
    padding: 14px;
  }

  .mn-scene-products img,
  .mn-scene-store-products img {
    height: 66px;
  }
}

@media (max-width: 900px) {
  .mn2-hero {
    display: flex;
    flex-direction: column;
    min-height: 0;
    padding-bottom: 42px;
  }

  .mn2-hero::before {
    width: 100%;
    clip-path: none;
  }

  .mn2-hero .mn-container {
    order: 1;
    min-height: 0;
    padding-top: 54px;
    padding-bottom: 32px;
  }

  .mn2-hero-copy {
    width: min(620px, 100%);
  }

  .mn2-hero-product {
    position: relative;
    z-index: 3;
    top: auto;
    right: auto;
    order: 2;
    width: min(760px, calc(100% - 32px));
    margin: 0 auto;
    transform: none;
  }

  .mn2-live-label {
    display: none;
  }

  .mn2-demo-screen {
    padding: 22px;
  }

  .mn2-page-media {
    width: 100%;
  }
}

@media (max-width: 640px) {
  .mn-product-scene {
    min-height: 330px;
    aspect-ratio: auto;
    grid-template-rows: 40px minmax(0, 1fr) 38px;
  }

  .mn-product-scene--hero {
    min-height: 305px;
  }

  .mn-scene-chrome {
    grid-template-columns: 1fr auto;
    padding: 0 10px;
  }

  .mn-scene-context {
    justify-self: end;
  }

  .mn-scene-window {
    display: none;
  }

  .mn-scene-slide {
    padding: 11px;
  }

  .mn-scene-brand strong {
    display: none;
  }

  .mn-scene-pos-layout {
    grid-template-columns: minmax(0, 1fr) minmax(130px, .9fr);
    gap: 7px;
  }

  .mn-scene-products {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .mn-scene-products article:nth-child(3),
  .mn-scene-kpis article:nth-child(3),
  .mn-scene-store-products article:nth-child(3) {
    display: none;
  }

  .mn-scene-products img,
  .mn-scene-store-products img {
    height: 58px;
  }

  .mn-scene-payment-grid article {
    min-height: 62px;
    grid-template-columns: 23px minmax(0, 1fr);
    padding: 7px;
  }

  .mn-scene-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .mn-scene-kpis article {
    min-height: 60px;
    padding: 8px;
  }

  .mn-scene-stock-list > div,
  .mn-scene-ledger > div,
  .mn-scene-ranking > div,
  .mn-scene-alerts > div,
  .mn-scene-deliveries > div,
  .mn-scene-chat-followup > div {
    min-height: 43px;
    padding: 6px 7px;
  }

  .mn-scene-stock-list > div:nth-child(3),
  .mn-scene-ledger > div:nth-child(3),
  .mn-scene-ranking > div:nth-child(3),
  .mn-scene-alerts > div:nth-child(3),
  .mn-scene-deliveries > div:nth-child(3),
  .mn-scene-chat-followup > div:nth-child(3) {
    display: none;
  }

  .mn-scene-movement {
    min-height: 118px;
    grid-template-columns: 45px minmax(0, 1fr);
    padding: 10px;
  }

  .mn-scene-movement img {
    width: 45px;
    height: 45px;
  }

  .mn-scene-tables {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
  }

  .mn-scene-tables article {
    min-height: 58px;
    padding: 7px;
  }

  .mn-scene-tables article:nth-child(n + 5) {
    display: none;
  }

  .mn-scene-kitchen {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
  }

  .mn-scene-kitchen article {
    min-height: 148px;
    padding: 8px;
  }

  .mn-scene-kitchen article:nth-child(3) {
    display: none;
  }

  .mn-scene-store-products {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .mn-scene-route {
    grid-template-columns: minmax(0, 1fr) 110px;
    gap: 7px;
  }

  .mn-scene-route aside {
    padding: 8px;
  }

  .mn-scene-chat {
    grid-template-columns: 105px minmax(0, 1fr);
  }

  .mn-scene-chat > aside > div {
    min-height: 48px;
    padding: 6px;
  }

  .mn-scene-chat > aside b {
    width: 23px;
    height: 23px;
  }

  .mn-scene-chat > aside small {
    display: none;
  }

  .mn-scene-chart .bars {
    height: 82px;
  }

  .mn2-demo-screen {
    padding: 12px;
  }

  .mn3-commerce-media,
  .mn-marketing-showcase-media {
    padding: 10px;
    border-width: 6px;
  }

  .mn3-commerce-media figcaption,
  .mn-marketing-showcase-media figcaption {
    right: 10px;
    bottom: 10px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .mn-scene-slide,
  .mn-scene-dots button,
  .mn-scene-progress i {
    animation: none;
    transition: none;
  }
}

/* Footer comercial compartido */
.mn-marketing footer.mn4-footer {
  position: relative;
  padding: 0;
  border-top: 0;
  color: #fff;
  background: #0c2738;
}

.mn4-footer-accent {
  height: 6px;
  display: grid;
  grid-template-columns: 1.1fr .8fr 1fr .65fr;
}

.mn4-footer-accent span:nth-child(1) {
  background: #2ec9b7;
}

.mn4-footer-accent span:nth-child(2) {
  background: #3474df;
}

.mn4-footer-accent span:nth-child(3) {
  background: #ff684d;
}

.mn4-footer-accent span:nth-child(4) {
  background: #f4bc32;
}

.mn-marketing .mn4-footer .mn-container {
  display: block;
}

.mn4-footer-cta {
  min-height: 250px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 48px;
  padding: 50px 0;
  border-bottom: 1px solid rgba(255, 255, 255, .13);
}

.mn4-footer-cta-copy {
  max-width: 760px;
}

.mn4-footer-cta-copy > span {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 13px;
  color: #62dece !important;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.mn4-footer-cta h2 {
  max-width: 720px;
  margin: 0;
  color: #fff;
  font-size: 36px;
  line-height: 1.14;
  letter-spacing: 0;
}

.mn4-footer-cta p {
  max-width: 680px;
  margin: 14px 0 0;
  color: #b9cad2;
  font-size: 14px;
  line-height: 1.65;
}

.mn4-footer-cta-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}

.mn4-footer-button {
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 0 20px;
  border: 1px solid transparent;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 900;
  text-decoration: none;
  transition: transform .2s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.mn-marketing .mn4-footer .mn4-footer-button.primary {
  color: #fff;
  background: #ff684d;
  box-shadow: 0 13px 28px rgba(255, 104, 77, .2);
}

.mn-marketing .mn4-footer .mn4-footer-button.secondary {
  border-color: rgba(255, 255, 255, .25);
  color: #fff;
  background: rgba(255, 255, 255, .06);
}

.mn4-footer-button:hover {
  transform: translateY(-2px);
}

.mn-marketing .mn4-footer .mn4-footer-button.primary:hover {
  background: #f4563d;
  box-shadow: 0 16px 32px rgba(255, 104, 77, .27);
}

.mn-marketing .mn4-footer .mn4-footer-button.secondary:hover {
  border-color: #62dece;
  background: rgba(98, 222, 206, .09);
}

.mn4-footer-main {
  display: grid;
  grid-template-columns: minmax(260px, 1.05fr) minmax(0, 2.2fr);
  gap: 72px;
  padding: 56px 0 52px;
}

.mn4-footer-brand-column {
  max-width: 340px;
}

.mn4-footer-brand {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
}

.mn4-footer-brand-mark {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  color: #fff !important;
  background: #16b8a6;
  box-shadow: inset 0 -4px rgba(0, 0, 0, .09);
  font-family: "Manrope", sans-serif;
  font-size: 17px;
  font-weight: 900;
}

.mn4-footer-brand-copy {
  display: grid;
  gap: 3px;
}

.mn-marketing .mn4-footer .mn4-footer-brand-copy strong {
  color: #fff;
  font-family: "Manrope", sans-serif;
  font-size: 17px;
}

.mn-marketing .mn4-footer .mn4-footer-brand-copy small {
  color: #88aab8;
  font-size: 9px;
  font-weight: 700;
}

.mn4-footer-brand-column > p {
  margin: 22px 0;
  color: #a9bdc7;
  font-size: 12px;
  line-height: 1.7;
}

.mn4-footer-trust {
  display: grid;
  gap: 11px;
}

.mn-marketing .mn4-footer .mn4-footer-trust span {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: #c2d2d9;
  font-size: 10px;
  font-weight: 700;
}

.mn4-footer-trust i {
  width: 20px;
  color: #4bd0bf;
  font-size: 14px;
}

.mn4-footer-navigation {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 34px;
}

.mn4-footer-navigation > div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}

.mn-marketing .mn4-footer .mn4-footer-navigation strong {
  margin-bottom: 7px;
  color: #fff;
  font-size: 11px;
  font-weight: 900;
}

.mn-marketing .mn4-footer .mn4-footer-navigation a {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #9fb6c1;
  font-size: 10px;
  line-height: 1.45;
  text-decoration: none;
  transition: color .2s ease, transform .2s ease;
}

.mn-marketing .mn4-footer .mn4-footer-navigation a:hover {
  transform: translateX(3px);
  color: #fff;
}

.mn4-footer-bottom {
  min-height: 78px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  border-top: 1px solid rgba(255, 255, 255, .13);
}

.mn4-footer-bottom > div {
  display: flex;
  align-items: center;
  gap: 24px;
}

.mn-marketing .mn4-footer .mn4-footer-bottom span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #809ca9;
  font-size: 9px;
}

.mn4-footer-bottom i {
  color: #4bd0bf;
  font-size: 12px;
}

@media (max-width: 1040px) {
  .mn4-footer-cta {
    grid-template-columns: minmax(0, 1fr);
    gap: 28px;
  }

  .mn4-footer-main {
    grid-template-columns: 1fr;
    gap: 44px;
  }

  .mn4-footer-brand-column {
    max-width: 560px;
  }
}

@media (max-width: 760px) {
  .mn4-footer-cta {
    min-height: 0;
    padding: 42px 0;
  }

  .mn4-footer-cta h2 {
    font-size: 29px;
  }

  .mn4-footer-cta-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .mn4-footer-button {
    width: 100%;
  }

  .mn4-footer-main {
    padding: 44px 0 40px;
  }

  .mn4-footer-navigation {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 38px;
  }

  .mn4-footer-bottom {
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    padding: 24px 0;
  }

  .mn4-footer-bottom > div {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
  }
}

@media (max-width: 430px) {
  .mn4-footer-cta h2 {
    font-size: 27px;
  }

  .mn4-footer-navigation {
    column-gap: 20px;
  }
}

.mn2-hero-media {
  position: absolute;
  inset: 0;
  z-index: -3;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}

.mn2-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  background: rgba(4, 22, 31, .93);
  clip-path: polygon(0 0, 61% 0, 52% 100%, 0 100%);
}

.mn2-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: rgba(4, 22, 31, .22);
  pointer-events: none;
}

.mn2-hero .mn-container {
  min-height: min(680px, calc(100vh - 156px));
  display: flex;
  align-items: center;
  padding-top: 64px;
  padding-bottom: 64px;
}

.mn2-hero-copy {
  width: min(620px, 52%);
}

.mn2-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 18px;
  color: #65e5d0;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.mn2-eyebrow i {
  font-size: 16px;
}

.mn2-hero h1 {
  margin: 0;
  color: #fff;
  font-size: clamp(48px, 5.3vw, 74px);
  line-height: .98;
  letter-spacing: 0;
}

.mn2-hero h2 {
  max-width: 610px;
  margin: 18px 0 0;
  color: #fff;
  font-size: clamp(25px, 3vw, 40px);
  line-height: 1.12;
  letter-spacing: 0;
}

.mn2-hero p {
  max-width: 590px;
  margin: 22px 0 0;
  color: #d9e8ed;
  font-size: 17px;
  line-height: 1.65;
}

.mn2-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 30px;
}

.mn2-hero-actions .mn-btn {
  min-height: 48px;
}

.mn2-hero-actions .mn-btn.ghost {
  color: #fff;
  background: rgba(6, 34, 45, .76);
  border-color: rgba(255, 255, 255, .42);
}

.mn2-hero-proof {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 22px;
  margin-top: 24px;
}

.mn2-hero-proof span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #e9f5f6;
  font-size: 12px;
  font-weight: 700;
}

.mn2-hero-proof i {
  color: #46d8be;
  font-size: 15px;
}

.mn2-live-label {
  position: absolute;
  right: max(24px, calc((100vw - 1180px) / 2));
  bottom: 32px;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  padding: 9px 14px;
  color: #173444;
  background: #fff;
  border: 1px solid rgba(255, 255, 255, .8);
  border-radius: 6px;
  box-shadow: 0 18px 45px rgba(4, 22, 31, .24);
}

.mn2-live-label i {
  color: #0a8c78;
  font-size: 18px;
}

.mn2-live-label strong,
.mn2-live-label small {
  display: block;
}

.mn2-live-label strong {
  font-size: 12px;
}

.mn2-live-label small {
  margin-top: 2px;
  color: #617787;
  font-size: 10px;
}

.mn2-trust {
  background: #fff;
  border-bottom: 1px solid #dce7ea;
}

.mn2-trust-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.mn2-trust-item {
  min-width: 0;
  padding: 22px 28px;
  border-right: 1px solid #dce7ea;
}

.mn2-trust-item:first-child {
  padding-left: 0;
}

.mn2-trust-item:last-child {
  padding-right: 0;
  border-right: 0;
}

.mn2-trust-item span {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #65798a;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.mn2-trust-item span i {
  color: #0b8f7d;
  font-size: 15px;
}

.mn2-trust-item strong {
  display: block;
  margin-top: 7px;
  color: #112c3d;
  font-size: 20px;
  line-height: 1.2;
}

.mn2-trust-item small {
  display: block;
  margin-top: 4px;
  color: #718494;
  font-size: 11px;
}

.mn2-product {
  padding: 88px 0;
  background: #f5f8f9;
}

.mn2-section-head {
  max-width: 760px;
  margin-bottom: 34px;
}

.mn2-section-head.center {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.mn2-section-head > span {
  display: block;
  margin-bottom: 10px;
  color: #087f72;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.mn2-section-head h2 {
  margin: 0;
  color: #10283a;
  font-size: clamp(32px, 4vw, 52px);
  line-height: 1.07;
  letter-spacing: 0;
}

.mn2-section-head p {
  margin: 17px 0 0;
  color: #597084;
  font-size: 16px;
  line-height: 1.65;
}

.mn2-demo-tabs {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 18px;
}

.mn2-demo-tab {
  min-width: 0;
  min-height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 12px;
  color: #496174;
  background: #fff;
  border: 1px solid #d4e0e5;
  border-radius: 6px;
  font: inherit;
  font-size: 13px;
  font-weight: 800;
  cursor: pointer;
  transition: border-color .18s ease, background .18s ease, color .18s ease, box-shadow .18s ease;
}

.mn2-demo-tab:hover {
  color: #0b7f73;
  border-color: #7dcfc2;
}

.mn2-demo-tab.active {
  color: #fff;
  background: #0c7f74;
  border-color: #0c7f74;
  box-shadow: 0 10px 24px rgba(12, 127, 116, .18);
}

.mn2-demo-tab i {
  flex: 0 0 auto;
  font-size: 17px;
}

.mn2-demo-stage {
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(330px, .75fr);
  min-height: 540px;
  background: #fff;
  border: 1px solid #d3e0e5;
  border-radius: 8px;
  box-shadow: 0 24px 60px rgba(20, 55, 72, .09);
}

.mn2-demo-screen {
  min-width: 0;
  padding: 18px;
  background: #dfe8eb;
  border-right: 1px solid #d3e0e5;
}

.mn2-demo-screen a {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 500px;
  display: block;
  overflow: hidden;
  background: #fff;
  border: 1px solid #cbd8de;
  border-radius: 6px;
}

.mn2-demo-screen img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: left top;
  transition: opacity .2s ease;
}

.mn2-demo-screen a::after {
  content: "\F52A";
  position: absolute;
  right: 12px;
  bottom: 12px;
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  color: #fff;
  background: #102c3b;
  border-radius: 6px;
  font-family: "bootstrap-icons";
  box-shadow: 0 8px 20px rgba(9, 31, 42, .22);
}

.mn2-demo-copy {
  align-self: center;
  padding: 42px 38px;
}

.mn2-demo-copy > span {
  display: block;
  color: #0b8678;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.mn2-demo-copy h3 {
  margin: 12px 0 0;
  color: #112b3b;
  font-size: 30px;
  line-height: 1.15;
  letter-spacing: 0;
}

.mn2-demo-copy p {
  margin: 15px 0 0;
  color: #5b7182;
  font-size: 14px;
  line-height: 1.65;
}

.mn2-demo-copy ul {
  display: grid;
  gap: 10px;
  margin: 23px 0 28px;
  padding: 0;
  list-style: none;
}

.mn2-demo-copy li {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  color: #263f4f;
  font-size: 13px;
  font-weight: 700;
}

.mn2-demo-copy li i {
  color: #10a58e;
  font-size: 16px;
}

.mn2-paths {
  padding: 86px 0;
  background: #fff;
}

.mn2-path-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.mn2-path {
  min-width: 0;
  display: flex;
  flex-direction: column;
  padding: 26px;
  background: #fff;
  border: 1px solid #d6e2e6;
  border-top: 4px solid var(--path-color, #0c8c7e);
  border-radius: 8px;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.mn2-path:hover {
  transform: translateY(-3px);
  border-color: #aac7cf;
  box-shadow: 0 18px 38px rgba(21, 56, 73, .09);
}

.mn2-path-icon {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  color: var(--path-color, #0c8c7e);
  background: #eef8f6;
  border-radius: 7px;
  font-size: 22px;
}

.mn2-path h3 {
  margin: 20px 0 0;
  color: #132d3e;
  font-size: 20px;
  letter-spacing: 0;
}

.mn2-path p {
  flex: 1;
  margin: 10px 0 20px;
  color: #607687;
  font-size: 13px;
  line-height: 1.6;
}

.mn2-path a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #087e71;
  font-size: 13px;
  font-weight: 900;
  text-decoration: none;
}

.mn2-comparison-wrap {
  margin-top: 46px;
  border: 1px solid #d9e4e7;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 22px 52px rgba(25, 56, 70, .09);
  overflow: hidden;
}

.mn2-comparison-intro {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  min-height: 164px;
  padding: 30px 34px;
  border-bottom: 1px solid #d9e4e7;
  background: #eef9f7;
}

.mn2-comparison-copy {
  max-width: 700px;
}

.mn2-comparison-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
  color: #087d70;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.mn2-comparison-intro h3 {
  margin: 0;
  color: #102a3a;
  font-size: 30px;
  line-height: 1.14;
  letter-spacing: 0;
}

.mn2-comparison-intro p {
  max-width: 680px;
  margin: 10px 0 0;
  color: #526c7a;
  font-size: 14px;
  line-height: 1.6;
}

.mn2-comparison-assurance {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 0 0 258px;
  padding: 16px 18px;
  border-left: 3px solid #ff684d;
  background: #fff;
}

.mn2-comparison-assurance > i {
  color: #2869d8;
  font-size: 23px;
}

.mn2-comparison-assurance span {
  display: grid;
  gap: 3px;
}

.mn2-comparison-assurance strong {
  color: #153247;
  font-size: 13px;
}

.mn2-comparison-assurance small {
  color: #6b7f8d;
  font-size: 10px;
}

.mn2-comparison-scroll {
  overflow-x: auto;
  border: 0;
  border-radius: 0;
  background: #fff;
  scrollbar-color: #8db9b3 #edf4f3;
  scrollbar-width: thin;
}

.mn2-comparison-scroll:focus {
  outline: 2px solid #63b8ad;
  outline-offset: -2px;
}

.mn2-comparison {
  width: 100%;
  min-width: 940px;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
}

.mn2-comparison th,
.mn2-comparison td {
  padding: 15px 18px;
  border-right: 1px solid #e2e9ec;
  border-bottom: 1px solid #e2e9ec;
  text-align: center;
  font-size: 12px;
}

.mn2-comparison tr > *:last-child {
  border-right: 0;
}

.mn2-comparison thead th {
  position: static;
  height: 132px;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #173247;
  background: #f5f8fa;
  vertical-align: middle;
}

.mn2-comparison th:first-child,
.mn2-comparison td:first-child {
  width: 30%;
  text-align: left;
}

.mn2-feature-heading {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: #425b6b;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.mn2-feature-heading i {
  color: #0a9583;
  font-size: 17px;
}

.mn2-plan-column {
  position: relative;
}

.mn2-plan-column::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  background: #91a5b0;
}

.mn2-plan-column.mn2-plan-pro::before {
  background: #2869d8;
}

.mn2-plan-column.mn2-plan-grow::before {
  background: #0a9583;
}

.mn2-plan-column.mn2-plan-prime::before {
  background: #ff684d;
}

.mn2-plan-column.is-featured {
  background: #eaf8f5;
}

.mn2-plan-eyebrow {
  display: block;
  min-height: 17px;
  margin-bottom: 5px;
  color: #667d8b;
  font-size: 9px;
  font-weight: 900;
  text-transform: uppercase;
}

.mn2-plan-column.is-featured .mn2-plan-eyebrow {
  color: #087d70;
}

.mn2-plan-column > strong {
  display: block;
  color: #112d40;
  font-family: "Manrope", sans-serif;
  font-size: 19px;
  line-height: 1.2;
}

.mn2-plan-price {
  display: block;
  margin-top: 8px;
  color: #112d40;
  font-size: 15px;
  font-weight: 900;
}

.mn2-plan-price > span {
  display: block;
  white-space: nowrap;
}

.mn2-plan-price small {
  color: #708391;
  font-size: 9px;
  font-weight: 700;
}

.mn2-plan-price .mn2-plan-tax {
  display: block;
  margin-top: 6px;
  color: #0b8175;
  font-size: 9px;
  font-weight: 850;
  line-height: 1.2;
  white-space: nowrap;
}

.mn2-comparison tbody tr:nth-child(even) td {
  background: #fbfcfd;
}

.mn2-comparison tbody td:first-child {
  color: #263f50;
  font-weight: 700;
}

.mn2-comparison tbody tr:hover td {
  background: #eef8f6;
}

.mn2-comparison .bi-check-circle-fill {
  color: #079982;
  font-size: 18px;
}

.mn2-comparison .bi-dash-circle {
  color: #bdc8ce;
  font-size: 17px;
}

.mn2-comparison .mn2-limit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  min-height: 28px;
  padding: 5px 9px;
  border: 1px solid #cfdde1;
  border-radius: 6px;
  color: #24485b;
  background: #f3f7f8;
  font-weight: 900;
}

.mn2-comparison .mn2-pos-tier {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 78px;
  min-height: 28px;
  padding: 5px 9px;
  border: 1px solid #cfdde1;
  border-radius: 999px;
  background: #f3f7f8;
  color: #526b78;
  font-size: 10px;
  font-weight: 900;
}

.mn2-comparison .mn2-pos-tier.is-professional {
  border-color: #8bd1c6;
  background: #e8f8f4;
  color: #087d70;
}

.mn2-comparison tfoot td {
  padding-top: 19px;
  padding-bottom: 19px;
  border-bottom: 0;
  background: #f5f8fa;
}

.mn2-comparison tfoot td:first-child {
  color: #183549;
}

.mn2-comparison tfoot td:first-child strong,
.mn2-comparison tfoot td:first-child small {
  display: block;
}

.mn2-comparison tfoot td:first-child small {
  margin-top: 3px;
  color: #748692;
  font-size: 9px;
}

.mn2-comparison-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 8px 14px;
  border: 1px solid #9eb4bf;
  border-radius: 6px;
  color: #17374b;
  background: #fff;
  font-size: 11px;
  font-weight: 900;
  text-decoration: none;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.mn2-comparison-cta:hover {
  transform: translateY(-2px);
  border-color: #0a9583;
  box-shadow: 0 8px 18px rgba(22, 88, 82, .13);
}

.mn2-comparison-cta.is-featured {
  border-color: #0a8b7a;
  color: #fff;
  background: #0a8b7a;
}

.mn2-whatsapp {
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 80;
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 54px;
  padding: 8px 17px 8px 10px;
  color: #fff;
  background: #168b67;
  border: 1px solid #0d7958;
  border-radius: 8px;
  box-shadow: 0 18px 38px rgba(16, 74, 61, .28);
  text-decoration: none;
  transition: transform .18s ease, box-shadow .18s ease;
}

.mn2-whatsapp:hover {
  transform: translateY(-2px);
  color: #fff;
  box-shadow: 0 22px 45px rgba(16, 74, 61, .34);
}

.mn2-whatsapp-icon {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  flex: 0 0 38px;
  color: #168b67;
  background: #fff;
  border-radius: 50%;
  font-size: 22px;
  line-height: 1;
}

.mn2-whatsapp-icon .bi,
.mn2-whatsapp-icon .bi::before {
  display: block;
  margin: 0;
  line-height: 1;
}

.mn2-whatsapp strong,
.mn2-whatsapp small {
  display: block;
}

.mn2-whatsapp strong {
  font-size: 13px;
}

.mn2-whatsapp small {
  margin-top: 2px;
  color: #d8fff2;
  font-size: 10px;
}

.mn2-marketing-page {
  background: #f4f7f8;
  color: #183243;
}

.mn2-page-hero {
  padding: 76px 0 56px;
  background: #0b2432;
  color: #fff;
}

.mn2-page-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, .8fr) minmax(480px, 1.2fr);
  align-items: center;
  gap: 52px;
}

.mn2-page-hero h1 {
  margin: 12px 0 0;
  color: #fff;
  font-size: clamp(38px, 5vw, 62px);
  line-height: 1.03;
  letter-spacing: 0;
}

.mn2-page-hero p {
  margin: 18px 0 0;
  color: #d4e3e8;
  font-size: 16px;
  line-height: 1.65;
}

.mn2-page-hero .mn-actions {
  margin-top: 28px;
}

.mn2-page-media {
  overflow: hidden;
  aspect-ratio: 16 / 9;
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 28px 70px rgba(0, 0, 0, .28);
}

.mn2-page-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: left top;
}

.mn2-page-benefits {
  padding: 70px 0;
  background: #fff;
}

.mn2-benefit-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.mn2-benefit {
  padding: 24px;
  border: 1px solid #d6e2e6;
  border-radius: 8px;
}

.mn2-benefit i {
  color: #0b8b7b;
  font-size: 24px;
}

.mn2-benefit h2,
.mn2-benefit h3 {
  margin: 15px 0 0;
  color: #153143;
  font-size: 19px;
  letter-spacing: 0;
}

.mn2-benefit p {
  margin: 9px 0 0;
  color: #607687;
  font-size: 13px;
  line-height: 1.6;
}

.mn2-page-workflow {
  padding: 72px 0;
  background: #edf4f5;
}

.mn2-workflow-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: 28px 0 0;
  padding: 0;
  list-style: none;
}

.mn2-workflow-list li {
  min-width: 0;
  padding: 22px;
  background: #fff;
  border: 1px solid #d3e0e4;
  border-radius: 8px;
}

.mn2-workflow-list b {
  display: block;
  color: #0c8d7e;
  font-size: 12px;
}

.mn2-workflow-list strong {
  display: block;
  margin-top: 10px;
  color: #163142;
  font-size: 15px;
}

.mn2-workflow-list span {
  display: block;
  margin-top: 7px;
  color: #667b8a;
  font-size: 12px;
  line-height: 1.5;
}

.mn2-page-cta {
  padding: 70px 0;
  background: #fff;
}

.mn2-page-cta-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  padding: 38px;
  color: #fff;
  background: #0b3140;
  border-radius: 8px;
}

.mn2-page-cta h2 {
  margin: 0;
  color: #fff;
  font-size: 30px;
  letter-spacing: 0;
}

.mn2-page-cta p {
  max-width: 660px;
  margin: 10px 0 0;
  color: #d2e4e9;
  line-height: 1.55;
}

@media (max-width: 1080px) {
  .mn2-demo-tabs {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .mn2-demo-stage {
    grid-template-columns: minmax(0, 1.25fr) minmax(300px, .75fr);
  }

  .mn2-path-grid,
  .mn2-benefit-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .mn2-page-hero-grid {
    grid-template-columns: 1fr;
  }

  .mn2-page-media {
    max-width: 850px;
  }
}

@media (max-width: 820px) {
  .mn2-hero {
    min-height: 680px;
  }

  .mn2-hero::before {
    clip-path: none;
    background: rgba(4, 22, 31, .86);
  }

  .mn2-hero::after {
    background: rgba(4, 22, 31, .22);
  }

  .mn2-hero-media {
    object-position: 34% top;
  }

  .mn2-hero .mn-container {
    min-height: 680px;
    align-items: flex-start;
    padding-top: 72px;
  }

  .mn2-hero-copy {
    width: 100%;
    max-width: 620px;
  }

  .mn2-live-label {
    right: 18px;
    bottom: 20px;
  }

  .mn2-trust-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .mn2-trust-item {
    padding: 18px;
    border-bottom: 1px solid #dce7ea;
  }

  .mn2-trust-item:first-child {
    padding-left: 18px;
  }

  .mn2-trust-item:nth-child(2) {
    border-right: 0;
  }

  .mn2-trust-item:nth-child(3),
  .mn2-trust-item:nth-child(4) {
    border-bottom: 0;
  }

  .mn2-trust-item:last-child {
    padding-right: 18px;
  }

  .mn2-demo-stage {
    grid-template-columns: 1fr;
  }

  .mn2-demo-screen {
    border-right: 0;
    border-bottom: 1px solid #d3e0e5;
  }

  .mn2-demo-screen a {
    min-height: 0;
    aspect-ratio: 16 / 9;
  }

  .mn2-demo-copy {
    padding: 30px;
  }

  .mn2-workflow-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .mn2-page-cta-inner {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 620px) {
  .mn2-hero {
    min-height: 680px;
  }

  .mn2-hero .mn-container {
    min-height: 680px;
    padding-top: 32px;
    padding-bottom: 90px;
  }

  .mn2-hero h1 {
    font-size: 48px;
  }

  .mn2-hero h2 {
    font-size: 25px;
  }

  .mn2-hero p {
    margin-top: 16px;
    font-size: 15px;
  }

  .mn2-hero-actions {
    display: grid;
    grid-template-columns: 1fr;
    margin-top: 22px;
  }

  .mn2-hero-actions .mn-btn {
    width: 100%;
  }

  .mn2-live-label {
    left: 18px;
    right: 18px;
    bottom: 12px;
  }

  .mn2-hero-proof {
    margin-top: 16px;
  }

  .mn2-trust-grid {
    grid-template-columns: 1fr;
  }

  .mn2-trust-item,
  .mn2-trust-item:nth-child(3) {
    padding: 16px 4px;
    border-right: 0;
    border-bottom: 1px solid #dce7ea;
  }

  .mn2-trust-item:first-child,
  .mn2-trust-item:last-child {
    padding-right: 4px;
    padding-left: 4px;
  }

  .mn2-trust-item:last-child {
    border-bottom: 0;
  }

  .mn2-product,
  .mn2-paths {
    padding: 62px 0;
  }

  .mn2-demo-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .mn2-demo-tab {
    justify-content: flex-start;
  }

  .mn2-demo-screen {
    padding: 9px;
  }

  .mn2-demo-copy {
    padding: 24px 20px;
  }

  .mn2-path-grid,
  .mn2-benefit-grid,
  .mn2-workflow-list {
    grid-template-columns: 1fr;
  }

  .mn2-comparison-intro {
    align-items: flex-start;
    flex-direction: column;
  }

  .mn2-whatsapp {
    right: 14px;
    bottom: 14px;
    width: 54px;
    padding: 7px;
    border-radius: 50%;
  }

  .mn2-whatsapp-icon {
    width: 38px;
    height: 38px;
  }

  .mn2-whatsapp-copy {
    display: none;
  }

  .mn2-page-hero {
    padding: 50px 0 38px;
  }

  .mn2-page-hero-grid {
    gap: 30px;
  }

  .mn2-page-hero h1 {
    font-size: 40px;
  }

  .mn2-page-cta-inner {
    padding: 26px 22px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .mn2-demo-tab,
  .mn2-path,
  .mn2-whatsapp,
  .mn2-demo-screen img {
    transition: none;
  }
}

/* Marketing refresh: stronger brand, clearer outcomes and product-led storytelling. */
.mn-marketing {
  --mk-ink: #12283a;
  --mk-navy: #0d2537;
  --mk-teal: #07897b;
  --mk-mint: #35cdb6;
  --mk-blue: #2867d8;
  --mk-coral: #ef6548;
  --mk-yellow: #f5ba35;
  --mk-violet: #7256d8;
  --mk-line: #d7e5e8;
  --mk-muted: #617586;
  color: var(--mk-ink);
  background: #fff;
  font-family: "Inter", sans-serif;
}

.mn-marketing h1,
.mn-marketing h2,
.mn-marketing h3,
.mn-marketing strong,
.mn-marketing summary {
  font-family: "Manrope", sans-serif;
  letter-spacing: 0;
}

.mn-marketing .mn-container {
  width: min(1240px, calc(100% - 48px));
}

.mn-marketing .mn-topbar {
  border-bottom: 0;
  background: rgba(255, 255, 255, .97);
  box-shadow: 0 8px 30px rgba(17, 42, 55, .07);
}

.mn-marketing .mn-nav {
  min-height: 78px;
}

.mn-marketing .mn-logo-mark {
  width: 44px;
  height: 44px;
  background: var(--mk-navy);
  box-shadow: inset 0 -5px 0 var(--mk-mint);
}

.mn-marketing .mn-marketing-brand-copy strong {
  color: var(--mk-ink);
  font-size: 15px;
}

.mn-marketing .mn-marketing-brand-copy small {
  color: #738596;
  font-size: 9px;
}

.mn-marketing .mn-nav-links {
  gap: 22px;
  color: #485e70;
  font-size: 12px;
}

.mn-marketing .mn-nav-links > a:not(.mn-btn) {
  position: relative;
  padding: 29px 0;
}

.mn-marketing .mn-nav-links > a:not(.mn-btn)::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 19px;
  left: 0;
  height: 2px;
  background: var(--mk-coral);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .18s ease;
}

.mn-marketing .mn-nav-links > a:not(.mn-btn):hover::after {
  transform: scaleX(1);
}

.mn-marketing .mn-btn {
  min-height: 46px;
  border-radius: 8px;
  padding: 0 19px;
  font-family: "Manrope", sans-serif;
  font-size: 12px;
}

.mn-marketing .mn-btn.primary {
  background: var(--mk-teal);
  box-shadow: 0 14px 28px rgba(7, 137, 123, .22);
}

.mn-marketing .mn-btn.primary:hover {
  background: #05776b;
}

.mn-marketing-announcement {
  background: var(--mk-navy);
  color: #fff;
}

.mn-marketing-announcement .mn-container {
  min-height: 42px;
}

.mn-marketing-announcement i {
  color: var(--mk-yellow);
}

.mn-marketing-announcement strong {
  color: #fff;
}

.mn-marketing-announcement span {
  color: #bfd0d9;
}

.mn-marketing-announcement a {
  color: #72e5d4;
}

.mn2-hero {
  min-height: min(620px, calc(100vh - 145px));
  background: #e8fbf7;
  color: var(--mk-ink);
}

.mn2-hero-media {
  right: 0;
  left: auto;
  width: 72%;
  height: 100%;
  object-fit: cover;
  object-position: left top;
  opacity: 1;
}

.mn2-hero::before {
  inset: 0 auto 0 0;
  width: 59%;
  background: #e8fbf7;
  clip-path: polygon(0 0, 88% 0, 100% 100%, 0 100%);
}

.mn2-hero::after {
  top: auto;
  height: 9px;
  background: var(--mk-coral);
}

.mn2-hero .mn-container {
  min-height: min(620px, calc(100vh - 145px));
  padding-top: 48px;
  padding-bottom: 48px;
}

.mn2-hero-copy {
  width: min(585px, 49%);
}

.mn2-eyebrow {
  margin-bottom: 17px;
  color: var(--mk-teal);
  font-size: 11px;
}

.mn2-eyebrow i {
  color: var(--mk-coral);
}

.mn2-hero h1 {
  color: var(--mk-ink);
  font-size: 68px;
  line-height: 1;
}

.mn2-hero h2 {
  max-width: 560px;
  margin-top: 17px;
  color: var(--mk-ink);
  font-size: 42px;
  line-height: 1.08;
}

.mn2-hero p {
  max-width: 540px;
  margin-top: 20px;
  color: #405e6d;
  font-size: 16px;
  line-height: 1.7;
}

.mn2-hero-actions {
  margin-top: 28px;
}

.mn2-hero-actions .mn-btn {
  min-height: 52px;
  padding: 0 22px;
  font-size: 13px;
}

.mn2-hero-actions .mn-btn.primary {
  background: var(--mk-coral);
  box-shadow: 0 16px 32px rgba(239, 101, 72, .25);
}

.mn2-hero-actions .mn-btn.primary:hover {
  background: #db5539;
}

.mn2-hero-actions .mn-btn.ghost {
  color: var(--mk-ink);
  background: #fff;
  border-color: #b9d5d8;
  box-shadow: 0 10px 24px rgba(18, 40, 58, .08);
}

.mn2-hero-proof {
  gap: 11px 20px;
  margin-top: 23px;
}

.mn2-hero-proof span {
  color: #355667;
  font-size: 11px;
}

.mn2-hero-proof i {
  color: var(--mk-teal);
}

.mn2-live-label {
  right: max(24px, calc((100vw - 1240px) / 2));
  bottom: 30px;
  max-width: 270px;
  min-height: 54px;
  padding: 11px 14px;
  color: #fff;
  background: var(--mk-blue);
  border: 0;
  border-radius: 8px;
  box-shadow: 0 18px 45px rgba(21, 59, 122, .28);
}

.mn2-live-label i,
.mn2-live-label small {
  color: #d9e7ff;
}

.mn2-live-label strong {
  font-size: 12px;
}

.mn2-live-label small {
  font-size: 9px;
}

.mn2-trust {
  background: var(--mk-navy);
  border-bottom: 0;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
}

.mn2-trust-grid {
  min-height: 132px;
}

.mn2-trust-item {
  position: relative;
  display: flex;
  min-height: 132px;
  flex-direction: column;
  justify-content: center;
  padding: 22px 30px;
  border-right-color: rgba(255, 255, 255, .11);
}

.mn2-trust-item::before {
  content: "";
  position: absolute;
  top: 14px;
  left: 30px;
  width: 42px;
  height: 3px;
  background: var(--mk-mint);
  border-radius: 999px;
}

.mn2-trust-item:first-child::before {
  left: 0;
}

.mn2-trust-item:nth-child(2)::before {
  background: var(--mk-blue);
}

.mn2-trust-item:nth-child(3)::before {
  background: var(--mk-coral);
}

.mn2-trust-item:nth-child(4)::before {
  background: var(--mk-yellow);
}

.mn2-trust-item span {
  color: #8eabb8;
}

.mn2-trust-item span i {
  color: #69e0cf;
}

.mn2-trust-item:nth-child(2) span i {
  color: #75a5ff;
}

.mn2-trust-item:nth-child(3) span i {
  color: #ff967f;
}

.mn2-trust-item:nth-child(4) span i {
  color: #ffd269;
}

.mn2-trust-item strong {
  color: #fff;
  font-size: 19px;
}

.mn2-trust-item small {
  color: #8eabb8;
  font-size: 10px;
}

.mn2-product {
  padding: 108px 0;
  background: #fff;
}

.mn2-section-head {
  max-width: 820px;
  margin-bottom: 38px;
}

.mn2-section-head > span,
.mn-marketing-section-head > span,
.mn-marketing-showcase-copy > span,
.mn-marketing-operation-copy > span,
.mn3-outcomes-head > span,
.mn3-commerce-copy > span {
  display: block;
  color: var(--mk-teal);
  font-family: "Manrope", sans-serif;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.mn2-section-head h2,
.mn-marketing-section-head h2,
.mn-marketing-showcase-copy h2,
.mn-marketing-operation h2,
.mn-marketing-register h2,
.mn3-outcomes-head h2,
.mn3-commerce-copy h2 {
  margin: 10px 0 13px;
  color: var(--mk-ink);
  font-size: 42px;
  line-height: 1.12;
}

.mn2-section-head p,
.mn-marketing-section-head p,
.mn-marketing-showcase-copy > p,
.mn-marketing-operation-copy p,
.mn-marketing-register-copy > p,
.mn3-outcomes-head p,
.mn3-commerce-copy > p {
  color: var(--mk-muted);
  font-size: 15px;
  line-height: 1.75;
}

.mn2-demo-tabs {
  gap: 8px;
  margin-bottom: 18px;
  padding: 7px;
  background: #f1f6f7;
  border: 1px solid var(--mk-line);
  border-radius: 8px;
}

.mn2-demo-tab {
  min-height: 56px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #5a7081;
  font-family: "Manrope", sans-serif;
  font-size: 11px;
}

.mn2-demo-tab i {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border-radius: 6px;
  background: #dff7f2;
  color: var(--mk-teal);
}

.mn2-demo-tab:nth-child(2) i {
  background: #e8f5fb;
  color: #13799d;
}

.mn2-demo-tab:nth-child(3) i {
  background: #fff0e8;
  color: var(--mk-coral);
}

.mn2-demo-tab:nth-child(4) i {
  background: #edf2ff;
  color: var(--mk-blue);
}

.mn2-demo-tab:nth-child(5) i {
  background: #fff5d9;
  color: #ae7410;
}

.mn2-demo-tab:nth-child(6) i {
  background: #f0ebff;
  color: var(--mk-violet);
}

.mn2-demo-tab:nth-child(7) i {
  background: #e7faef;
  color: #198a4f;
}

.mn2-demo-tab:hover {
  background: #fff;
}

.mn2-demo-tab.active {
  color: #fff;
  background: var(--mk-navy);
  box-shadow: 0 12px 24px rgba(13, 37, 55, .15);
}

.mn2-demo-tab.active i {
  color: var(--mk-navy);
  background: #fff;
}

.mn2-demo-stage {
  --demo-accent: var(--mk-teal);
  grid-template-columns: minmax(0, 1.18fr) minmax(340px, .82fr);
  gap: 0;
  min-height: 540px;
  overflow: hidden;
  background: #effbf8;
  border: 1px solid #cfe5e4;
  border-radius: 8px;
  box-shadow: 0 26px 60px rgba(31, 76, 86, .12);
}

.mn2-demo-stage[data-demo-active="restaurante"] {
  --demo-accent: var(--mk-coral);
  background: #fff3ed;
}

.mn2-demo-stage[data-demo-active="inventario"] {
  --demo-accent: #13799d;
  background: #edf8fc;
}

.mn2-demo-stage[data-demo-active="facturacion"] {
  --demo-accent: var(--mk-blue);
  background: #edf3ff;
}

.mn2-demo-stage[data-demo-active="tienda"] {
  --demo-accent: #c48718;
  background: #fff8e8;
}

.mn2-demo-stage[data-demo-active="reparto"] {
  --demo-accent: var(--mk-violet);
  background: #f3efff;
}

.mn2-demo-stage[data-demo-active="whatsapp"] {
  --demo-accent: #198a4f;
  background: #ecfaf1;
}

.mn2-demo-screen {
  min-width: 0;
  padding: 30px 0 30px 30px;
  background: transparent;
}

.mn2-demo-screen a {
  height: 100%;
  overflow: hidden;
  border: 8px solid var(--mk-navy);
  border-right-width: 0;
  border-radius: 8px 0 0 8px;
  background: #fff;
  box-shadow: 0 24px 55px rgba(13, 37, 55, .18);
}

.mn2-demo-screen a::after {
  display: none;
}

.mn2-demo-screen img {
  height: 100%;
  min-height: 440px;
  object-fit: cover;
  object-position: left top;
}

.mn2-demo-copy {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 48px 42px;
  border-left: 8px solid var(--demo-accent);
  background: #fff;
}

.mn2-demo-copy > span {
  color: var(--demo-accent);
  font-size: 10px;
}

.mn2-demo-copy h3 {
  max-width: 430px;
  margin-top: 13px;
  color: var(--mk-ink);
  font-size: 30px;
  line-height: 1.18;
}

.mn2-demo-copy p {
  margin-top: 15px;
  color: var(--mk-muted);
  font-size: 14px;
  line-height: 1.7;
}

.mn2-demo-copy ul {
  gap: 11px;
  margin-top: 22px;
}

.mn2-demo-copy li {
  color: #334f60;
  font-size: 12px;
}

.mn2-demo-copy li i {
  color: var(--demo-accent);
}

.mn2-demo-copy .mn-btn {
  align-self: flex-start;
  margin-top: 24px;
  color: #fff;
  background: var(--demo-accent);
  border-color: var(--demo-accent);
}

.mn2-paths {
  padding: 104px 0;
  background: #f4f7ff;
}

.mn2-path-grid {
  gap: 16px;
}

.mn2-path {
  min-height: 320px;
  padding: 32px;
  background: var(--path-bg, #fff);
  border: 1px solid rgba(18, 40, 58, .09);
  border-top: 6px solid var(--path-color);
  border-radius: 8px;
  box-shadow: none;
}

.mn2-path:hover {
  transform: translateY(-5px);
  box-shadow: 0 20px 45px rgba(26, 61, 83, .12);
}

.mn2-path-icon {
  width: 54px;
  height: 54px;
  background: #fff;
  color: var(--path-color);
  border: 1px solid rgba(18, 40, 58, .08);
}

.mn2-path h3 {
  margin-top: 23px;
  color: var(--mk-ink);
  font-size: 21px;
}

.mn2-path p {
  margin-top: 10px;
  color: #536d7d;
  font-size: 13px;
  line-height: 1.7;
}

.mn2-path a {
  margin-top: auto;
  padding-top: 22px;
  color: var(--path-color);
  font-size: 11px;
}

.mn3-outcomes {
  padding: 104px 0;
  color: #fff;
  background: var(--mk-navy);
}

.mn3-outcomes-head {
  max-width: 760px;
  margin-bottom: 45px;
}

.mn3-outcomes-head > span {
  color: #72e5d4;
}

.mn3-outcomes-head h2 {
  color: #fff;
}

.mn3-outcomes-head p {
  color: #a8bec9;
}

.mn3-outcomes-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  border-top: 1px solid rgba(255, 255, 255, .14);
  border-bottom: 1px solid rgba(255, 255, 255, .14);
}

.mn3-outcomes-grid article {
  min-width: 0;
  min-height: 230px;
  padding: 34px 28px;
  border-right: 1px solid rgba(255, 255, 255, .14);
}

.mn3-outcomes-grid article:last-child {
  border-right: 0;
}

.mn3-outcomes-grid article > i {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  margin-bottom: 25px;
  border-radius: 8px;
  background: #173b4e;
  color: #71e5d4;
  font-size: 22px;
}

.mn3-outcomes-grid article.stock > i {
  color: #8bb5ff;
}

.mn3-outcomes-grid article.money > i {
  color: #ffd36d;
}

.mn3-outcomes-grid article.customer > i {
  color: #ff9a83;
}

.mn3-outcomes-grid strong {
  display: block;
  color: #fff;
  font-size: 17px;
}

.mn3-outcomes-grid p {
  margin: 9px 0 0;
  color: #9fb6c2;
  font-size: 12px;
  line-height: 1.65;
}

.mn3-commerce-band {
  padding: 108px 0;
  background: #fff4e9;
}

.mn3-commerce-grid {
  display: grid;
  grid-template-columns: minmax(330px, .82fr) minmax(0, 1.18fr);
  gap: 70px;
  align-items: center;
}

.mn3-commerce-copy > span {
  color: var(--mk-coral);
}

.mn3-commerce-copy > p {
  max-width: 530px;
}

.mn3-commerce-copy ul {
  display: grid;
  gap: 17px;
  margin: 28px 0;
  padding: 0;
  list-style: none;
}

.mn3-commerce-copy li {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 11px;
}

.mn3-commerce-copy li > i {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 7px;
  background: var(--mk-coral);
  color: #fff;
}

.mn3-commerce-copy li strong,
.mn3-commerce-copy li small {
  display: block;
}

.mn3-commerce-copy li strong {
  color: var(--mk-ink);
  font-size: 13px;
}

.mn3-commerce-copy li small {
  margin-top: 3px;
  color: #6b7d88;
  font-size: 11px;
  line-height: 1.55;
}

.mn3-commerce-copy .mn-btn.primary {
  background: var(--mk-coral);
  box-shadow: 0 14px 30px rgba(239, 101, 72, .2);
}

.mn3-commerce-media {
  position: relative;
  margin: 0;
  padding: 18px 0 18px 18px;
  border-left: 9px solid var(--mk-yellow);
}

.mn3-commerce-media img {
  width: 100%;
  aspect-ratio: 1.76;
  object-fit: cover;
  object-position: left top;
  border: 7px solid var(--mk-navy);
  border-radius: 8px;
  box-shadow: 0 26px 55px rgba(72, 49, 27, .18);
}

.mn3-commerce-media figcaption {
  position: static;
  width: max-content;
  max-width: 100%;
  display: flex;
  align-items: center;
  gap: 7px;
  margin: 14px 0 0 auto;
  padding: 10px 13px;
  border-radius: 7px;
  background: var(--mk-coral);
  color: #fff;
  font-size: 10px;
  font-weight: 800;
}

.mn-marketing-showcase {
  padding: 108px 0;
  background: #eef4ff;
}

.mn-marketing-showcase-grid {
  gap: 76px;
}

.mn-marketing-showcase-media {
  padding: 18px 18px 18px 0;
  border-right: 9px solid var(--mk-blue);
}

.mn-marketing-showcase-media img {
  aspect-ratio: 1.52;
  object-position: left top;
  border: 7px solid var(--mk-navy);
  border-radius: 8px;
  box-shadow: 0 25px 55px rgba(36, 75, 140, .18);
}

.mn-marketing-showcase-media figcaption {
  position: static;
  width: max-content;
  max-width: 100%;
  display: flex;
  align-items: center;
  gap: 7px;
  margin: 14px 0 0 auto;
  background: var(--mk-blue);
  border: 0;
}

.mn-marketing-showcase-copy > span {
  color: var(--mk-blue);
}

.mn-marketing-showcase-copy ul {
  gap: 17px;
  margin: 28px 0;
}

.mn-marketing-showcase-copy li {
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 11px;
}

.mn-marketing-showcase-copy li > i {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 7px;
  color: #fff;
  background: var(--mk-blue);
  font-size: 14px;
}

.mn-marketing-showcase-copy li strong {
  font-size: 13px;
}

.mn-marketing-showcase-copy li small {
  font-size: 11px;
}

.mn-marketing-showcase-copy .mn-btn.primary {
  background: var(--mk-blue);
  box-shadow: 0 14px 30px rgba(40, 103, 216, .2);
}

.mn-marketing-payment-connections {
  padding: 88px 0;
  background:
    radial-gradient(circle at 8% 12%, rgba(17, 164, 151, .09), transparent 28%),
    linear-gradient(180deg, #f8fbff 0%, #eef8f6 100%);
}

.mn-payment-shell {
  padding: 42px;
  border: 1px solid #cfdfe4;
  border-radius: 18px;
  background: rgba(255, 255, 255, .92);
  box-shadow: 0 28px 70px rgba(16, 53, 72, .1);
}

.mn-payment-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(270px, .36fr);
  align-items: end;
  gap: 42px;
  margin-bottom: 28px;
}

.mn-payment-heading > div > span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #087d70;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.mn-payment-heading h2 {
  max-width: 820px;
  margin: 10px 0 9px;
  color: var(--mk-ink);
  font-size: clamp(30px, 3.2vw, 48px);
  line-height: 1.06;
  letter-spacing: -.04em;
}

.mn-payment-heading p {
  max-width: 700px;
  margin: 0;
  color: #526d7d;
  font-size: 15px;
  line-height: 1.6;
}

.mn-payment-heading aside {
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 16px 18px;
  border-left: 3px solid var(--mk-coral);
  background: #f6f9fb;
}

.mn-payment-heading aside > i {
  color: var(--mk-blue);
  font-size: 24px;
}

.mn-payment-heading aside span,
.mn-payment-heading aside strong,
.mn-payment-heading aside small {
  display: block;
}

.mn-payment-heading aside strong {
  color: #19384a;
  font-size: 13px;
}

.mn-payment-heading aside small {
  margin-top: 3px;
  color: #6b7f8a;
  font-size: 10px;
  line-height: 1.4;
}

.mn-marketing-payment-grid {
  gap: 16px;
}

.mn-marketing-payment-grid article {
  position: relative;
  align-items: flex-start;
  min-height: 184px;
  padding: 24px;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 14px 34px rgba(22, 61, 80, .07);
  transition: transform .2s ease, box-shadow .2s ease;
}

.mn-marketing-payment-grid article:hover {
  transform: translateY(-3px);
  box-shadow: 0 20px 40px rgba(22, 61, 80, .12);
}

.mn-marketing-payment-grid article.gateway-mercadopago {
  border-color: #cae8f5;
}

.mn-marketing-payment-grid article.gateway-paypal {
  border-color: #d6ddff;
}

.mn-marketing-payment-grid article.gateway-stripe {
  border-color: #dfd5ff;
}

.mn-payment-card-copy {
  min-width: 0;
}

.mn-payment-card-copy > span {
  display: block;
  margin-bottom: 5px;
  color: #708591;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.mn-marketing-payment-grid article .mn-payment-card-copy strong {
  color: var(--mk-ink);
  font-size: 20px;
  line-height: 1.2;
}

.mn-marketing-payment-grid article .mn-payment-card-copy small {
  max-width: 220px;
  margin-top: 6px;
  color: #557081;
  font-size: 11px;
  line-height: 1.5;
}

.mn-payment-brand {
  flex: 0 0 62px;
  width: 62px;
  height: 62px;
  border: 1px solid #dce8ec;
  border-radius: 14px;
  background: #f8fbfc;
}

.mn-payment-brand img {
  width: 36px;
  height: 36px;
  object-fit: contain;
}

.mn-marketing-payment-grid article em {
  position: absolute;
  left: 24px;
  bottom: 20px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #087d70;
  font-size: 10px;
  font-style: normal;
  font-weight: 850;
}

.mn-payment-flow {
  display: grid;
  grid-template-columns: 1fr auto 1fr auto 1fr;
  align-items: center;
  gap: 16px;
  margin-top: 20px;
  padding: 16px 20px;
  border-radius: 12px;
  background: var(--mk-navy);
  color: #e8f5f5;
}

.mn-payment-flow span {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 11px;
  font-weight: 800;
  text-align: center;
}

.mn-payment-flow span > i {
  color: #6de0d0;
  font-size: 17px;
}

.mn-payment-flow span b {
  display: grid;
  place-items: center;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  background: rgba(109, 224, 208, .14);
  color: #8ff0e2;
  font-size: 9px;
}

.mn-payment-flow > i {
  color: #66818f;
  font-size: 13px;
}

.mn-marketing-operation {
  position: relative;
  overflow: hidden;
  padding: 108px 0;
  background: var(--mk-navy);
}

.mn-marketing-operation::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 30%;
  height: 10px;
  background: var(--mk-coral);
}

.mn-marketing-operation-grid {
  gap: 86px;
}

.mn-marketing-operation-copy > span {
  color: #6de0d0;
}

.mn-marketing-operation h2 {
  color: #fff;
}

.mn-marketing-operation-copy p {
  color: #a6bdc8;
}

.mn-marketing-operation-copy .mn-btn.primary {
  background: var(--mk-coral);
}

.mn-marketing-steps li {
  min-height: 104px;
  grid-template-columns: 58px minmax(0, 1fr);
  gap: 18px;
}

.mn-marketing-steps b {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  color: var(--mk-navy);
  background: #65decd;
  font-size: 11px;
}

.mn-marketing-steps li:nth-child(2) b {
  background: #78a9ff;
}

.mn-marketing-steps li:nth-child(3) b {
  background: #ff9a83;
}

.mn-marketing-steps li:nth-child(4) b {
  background: #ffd36d;
}

.mn-marketing-steps strong {
  font-size: 14px;
}

.mn-marketing-steps small {
  color: #9fb4bf;
  font-size: 11px;
}

.mn-marketing-section#apps {
  padding: 100px 0;
  background: #fff;
}

.mn-marketing-app-grid {
  gap: 14px;
}

.mn-marketing-app-grid article {
  min-height: 140px;
  grid-template-columns: 56px minmax(0, 1fr) 40px;
  padding: 24px;
  border-radius: 8px;
}

.mn-marketing-app-grid article:nth-child(1) {
  background: #ebfaf6;
  border-color: #ccebe3;
}

.mn-marketing-app-grid article:nth-child(2) {
  background: #eef4ff;
  border-color: #d2def4;
}

.mn-marketing-app-grid article:nth-child(3) {
  background: #fff2eb;
  border-color: #f1d8cc;
}

.mn-marketing-app-grid article > i {
  width: 52px;
  height: 52px;
  border-radius: 8px;
  background: var(--mk-teal);
}

.mn-marketing-app-grid article:nth-child(2) > i {
  background: var(--mk-blue);
}

.mn-marketing-app-grid article:nth-child(3) > i {
  background: var(--mk-coral);
}

.mn-marketing-app-grid strong {
  color: var(--mk-ink);
  font-size: 13px;
}

.mn-marketing-app-grid p {
  font-size: 10px;
  line-height: 1.6;
}

.mn-marketing-app-grid article > a {
  border-radius: 8px;
}

.mn-marketing-plans {
  padding: 108px 0;
  background: #f5f3fb;
}

.mn-marketing-plan-grid {
  gap: 14px;
}

.mn-marketing-plan-grid article {
  min-height: 520px;
  padding: 26px;
  border-radius: 8px;
  border-top: 5px solid #b8c6cd;
  box-shadow: 0 16px 36px rgba(40, 46, 81, .07);
}

.mn-marketing-plan-grid article:nth-child(2) {
  border-top-color: var(--mk-blue);
}

.mn-marketing-plan-grid article:nth-child(3),
.mn-marketing-plan-grid article.featured {
  border-top-color: var(--mk-teal);
}

.mn-marketing-plan-grid article:nth-child(4) {
  border-top-color: var(--mk-coral);
}

.mn-marketing-plan-grid article.featured {
  transform: translateY(-8px);
  box-shadow: 0 24px 48px rgba(19, 112, 104, .16);
}

.mn-marketing-plan-grid .mn-price {
  color: var(--mk-ink);
}

.mn2-comparison-wrap {
  margin-top: 42px;
}

.mn2-comparison-intro {
  background: #eef9f7;
}

.mn-marketing-included {
  padding: 96px 0;
  background: var(--mk-teal);
}

.mn-marketing-included-grid {
  gap: 72px;
}

.mn-marketing-included-grid > div:first-child > span {
  color: #d6fff8;
}

.mn-marketing-included h2 {
  font-size: 40px;
}

.mn-marketing-included p {
  color: #d5f5ef;
}

.mn-marketing-included-points {
  gap: 12px;
}

.mn-marketing-included-points > div {
  min-height: 150px;
  padding: 20px;
  border-color: rgba(255, 255, 255, .25);
  border-radius: 8px;
  background: rgba(7, 71, 67, .28);
}

.mn-marketing-included-points i {
  color: #ffe08d;
  font-size: 22px;
}

.mn-marketing-included-points strong {
  font-size: 12px;
}

.mn-marketing-included-points small {
  color: #d5f5ef;
  font-size: 10px;
}

.mn-marketing-register {
  position: relative;
  padding: 110px 0;
  background: #fff4e9;
}

.mn-marketing-register::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 11px;
  background: var(--mk-coral);
}

.mn-marketing-register-grid {
  gap: 72px;
}

.mn-marketing-register h2 {
  font-size: 44px;
}

.mn-marketing-register-form {
  border: 1px solid #dfd7c9;
  border-top: 6px solid var(--mk-coral);
  border-radius: 8px;
  box-shadow: 0 28px 60px rgba(92, 65, 40, .14);
}

.mn-register-proof > div {
  border-radius: 8px;
}

.mn-register-steps > div b {
  color: #fff;
  background: var(--mk-coral);
}

.mn-marketing-faq {
  padding: 100px 0;
  background: #f0f7f8;
}

.mn-marketing-faq-grid {
  gap: 12px;
}

.mn-marketing-faq details {
  min-height: 76px;
  padding: 22px;
  border-radius: 8px;
  border-left: 5px solid var(--mk-teal);
}

.mn-marketing-faq details:nth-child(2) {
  border-left-color: var(--mk-blue);
}

.mn-marketing-faq details:nth-child(3) {
  border-left-color: var(--mk-coral);
}

.mn-marketing-faq details:nth-child(4) {
  border-left-color: var(--mk-yellow);
}

.mn-marketing-faq summary {
  font-size: 13px;
}

.mn-marketing-faq details p {
  font-size: 11px;
}

.mn-marketing .mn-footer {
  padding: 42px 0;
  background: var(--mk-navy);
  border-top: 8px solid var(--mk-mint);
}

.mn-marketing .mn-footer strong,
.mn-marketing .mn-footer a {
  color: #fff;
}

.mn-marketing .mn-footer small,
.mn-marketing .mn-footer span {
  color: #8fa9b6;
}

.mn2-whatsapp {
  border: 0;
  border-radius: 8px;
  background: #1d9a5f;
  color: #fff;
  box-shadow: 0 18px 38px rgba(22, 116, 71, .28);
}

.mn2-whatsapp small {
  color: #d9f8e7;
}

.mn2-marketing-page {
  background: #fff;
}

.mn2-marketing-page .mn2-page-hero {
  position: relative;
  overflow: hidden;
  padding: 86px 0;
  color: var(--mk-ink);
  background: #e8fbf7;
  border-bottom: 9px solid var(--mk-coral);
}

.mn2-marketing-page .mn2-page-hero h1 {
  color: var(--mk-ink);
  font-size: 54px;
  line-height: 1.08;
}

.mn2-marketing-page .mn2-page-hero p {
  color: #4c6776;
}

.mn2-marketing-page .mn2-page-media {
  border: 7px solid var(--mk-navy);
  border-radius: 8px;
  box-shadow: 0 26px 60px rgba(20, 72, 76, .2);
}

.mn2-marketing-page .mn2-page-benefits {
  padding: 92px 0;
}

.mn2-marketing-page .mn2-benefit-grid {
  gap: 14px;
}

.mn2-marketing-page .mn2-benefit {
  min-height: 220px;
  border-top: 5px solid var(--mk-teal);
  background: #ebfaf6;
}

.mn2-marketing-page .mn2-benefit:nth-child(3n + 2) {
  border-top-color: var(--mk-blue);
  background: #eef4ff;
}

.mn2-marketing-page .mn2-benefit:nth-child(3n) {
  border-top-color: var(--mk-coral);
  background: #fff2eb;
}

.mn2-marketing-page .mn2-benefit:nth-child(3n + 2) i {
  color: var(--mk-blue);
}

.mn2-marketing-page .mn2-benefit:nth-child(3n) i {
  color: var(--mk-coral);
}

.mn2-marketing-page .mn2-page-workflow {
  padding: 92px 0;
  background: var(--mk-navy);
}

.mn2-marketing-page .mn2-page-workflow .mn2-section-head > span {
  color: #70dfcf;
}

.mn2-marketing-page .mn2-page-workflow .mn2-section-head h2 {
  color: #fff;
}

.mn2-marketing-page .mn2-workflow-list li {
  min-height: 185px;
  border: 0;
  border-top: 5px solid var(--mk-mint);
}

.mn2-marketing-page .mn2-workflow-list li:nth-child(2) {
  border-top-color: var(--mk-blue);
}

.mn2-marketing-page .mn2-workflow-list li:nth-child(3) {
  border-top-color: var(--mk-coral);
}

.mn2-marketing-page .mn2-workflow-list li:nth-child(4) {
  border-top-color: var(--mk-yellow);
}

.mn2-marketing-page .mn2-page-cta {
  padding: 86px 0;
  background: #fff4e9;
}

.mn2-marketing-page .mn2-page-cta-inner {
  padding: 42px;
  background: var(--mk-coral);
  border-radius: 8px;
}

.mn2-marketing-page .mn2-page-cta-inner .mn-btn {
  color: var(--mk-ink);
  background: #fff;
}

@media (max-width: 1080px) {
  .mn-marketing .mn-container {
    width: calc(100% - 32px);
    max-width: 960px;
  }

  .mn-marketing .mn-nav-links {
    gap: 12px;
  }

  .mn2-hero h1 {
    font-size: 58px;
  }

  .mn2-hero h2 {
    font-size: 35px;
  }

  .mn2-demo-stage {
    grid-template-columns: minmax(0, 1.05fr) minmax(320px, .95fr);
  }

  .mn2-demo-copy {
    padding: 38px 30px;
  }

  .mn3-commerce-grid,
  .mn-marketing-showcase-grid {
    gap: 45px;
  }
}

@media (max-width: 900px) {
  .mn2-hero {
    min-height: 720px;
  }

  .mn2-hero-media {
    top: auto;
    bottom: 0;
    width: 100%;
    height: 36%;
    object-position: left top;
  }

  .mn2-hero::before {
    width: 100%;
    height: 67%;
    clip-path: none;
  }

  .mn2-hero .mn-container {
    min-height: 720px;
    align-items: flex-start;
    padding-top: 62px;
  }

  .mn2-hero-copy {
    width: min(680px, 100%);
  }

  .mn2-live-label {
    bottom: 18px;
  }

  .mn2-trust-grid,
  .mn3-outcomes-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .mn2-trust-item:nth-child(2),
  .mn3-outcomes-grid article:nth-child(2) {
    border-right: 0;
  }

  .mn2-trust-item:nth-child(-n+2),
  .mn3-outcomes-grid article:nth-child(-n+2) {
    border-bottom: 1px solid rgba(255, 255, 255, .12);
  }

  .mn2-demo-tabs {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .mn2-demo-stage,
  .mn3-commerce-grid,
  .mn-marketing-showcase-grid,
  .mn-marketing-operation-grid,
  .mn-marketing-included-grid {
    grid-template-columns: 1fr;
  }

  .mn2-demo-screen {
    padding: 24px 24px 0;
  }

  .mn2-demo-screen a {
    border-width: 7px;
    border-radius: 8px;
  }

  .mn2-demo-screen img {
    min-height: 380px;
  }

  .mn2-demo-copy {
    border-top: 8px solid var(--demo-accent);
    border-left: 0;
  }

  .mn2-path-grid {
    grid-template-columns: 1fr;
  }

  .mn2-path {
    min-height: 240px;
  }

  .mn3-commerce-copy {
    order: 2;
  }

  .mn3-commerce-media {
    order: 1;
  }

  .mn-marketing-plan-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .mn-marketing-plan-grid article.featured {
    transform: none;
  }

  .mn2-marketing-page .mn2-page-hero-grid {
    grid-template-columns: 1fr;
  }

  .mn2-marketing-page .mn2-page-hero h1 {
    font-size: 45px;
  }
}

@media (max-width: 640px) {
  .mn-marketing .mn-container {
    width: calc(100% - 28px);
    max-width: 540px;
  }

  .mn-marketing-announcement span {
    display: none;
  }

  .mn-marketing-announcement .mn-container {
    justify-content: center;
  }

  .mn2-hero {
    min-height: 690px;
  }

  .mn2-hero-media {
    height: 28%;
  }

  .mn2-hero::before {
    height: 75%;
  }

  .mn2-hero .mn-container {
    min-height: 690px;
    padding-top: 34px;
  }

  .mn2-eyebrow {
    margin-bottom: 13px;
  }

  .mn2-hero h1 {
    font-size: 40px;
  }

  .mn2-hero h2 {
    margin-top: 13px;
    font-size: 29px;
  }

  .mn2-hero-copy,
  .mn2-hero h1,
  .mn2-hero h2,
  .mn2-hero p {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
  }

  .mn2-hero p {
    margin-top: 15px;
    font-size: 14px;
    line-height: 1.58;
  }

  .mn2-hero-actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: 9px;
    margin-top: 20px;
  }

  .mn2-hero-actions .mn-btn {
    width: 100%;
  }

  .mn2-hero-proof {
    display: grid;
    gap: 7px;
    margin-top: 17px;
  }

  .mn2-live-label {
    display: none;
  }

  .mn2-trust-grid {
    grid-template-columns: 1fr;
  }

  .mn2-trust-item {
    min-height: 112px;
    padding: 23px 6px;
    border-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .12);
  }

  .mn2-trust-item::before {
    top: 13px;
    left: 4px;
    width: 36px;
  }

  .mn2-trust-item:first-child::before {
    left: 4px;
  }

  .mn2-product,
  .mn2-paths,
  .mn3-outcomes,
  .mn3-commerce-band,
  .mn-marketing-showcase,
  .mn-marketing-operation,
  .mn-marketing-section#apps,
  .mn-marketing-plans,
  .mn-marketing-included,
  .mn-marketing-register,
  .mn-marketing-faq {
    padding-top: 78px;
    padding-bottom: 78px;
  }

  .mn2-section-head h2,
  .mn-marketing-section-head h2,
  .mn-marketing-showcase-copy h2,
  .mn-marketing-operation h2,
  .mn-marketing-register h2,
  .mn3-outcomes-head h2,
  .mn3-commerce-copy h2 {
    font-size: 31px;
  }

  .mn2-section-head p,
  .mn-marketing-section-head p,
  .mn-marketing-showcase-copy > p,
  .mn-marketing-operation-copy p,
  .mn-marketing-register-copy > p,
  .mn3-outcomes-head p,
  .mn3-commerce-copy > p {
    font-size: 13px;
    line-height: 1.65;
  }

  .mn2-demo-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .mn2-demo-tab {
    justify-content: flex-start;
    padding: 0 10px;
  }

  .mn2-demo-screen {
    padding: 14px 14px 0;
  }

  .mn2-demo-screen img {
    min-height: 245px;
  }

  .mn2-demo-copy {
    padding: 30px 22px;
  }

  .mn2-demo-copy h3 {
    font-size: 24px;
  }

  .mn2-demo-copy p {
    font-size: 12px;
  }

  .mn2-path {
    min-height: 280px;
    padding: 27px;
  }

  .mn3-outcomes-grid {
    grid-template-columns: 1fr;
  }

  .mn3-outcomes-grid article {
    min-height: 185px;
    border-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .12);
  }

  .mn3-commerce-grid,
  .mn-marketing-showcase-grid {
    gap: 38px;
  }

  .mn3-commerce-media,
  .mn-marketing-showcase-media {
    padding: 10px 0;
    border: 0;
  }

  .mn3-commerce-media img,
  .mn-marketing-showcase-media img {
    border-width: 5px;
  }

  .mn-marketing-payment-grid,
  .mn-marketing-app-grid,
  .mn-marketing-plan-grid,
  .mn-marketing-included-points {
    grid-template-columns: 1fr;
  }

  .mn-marketing-plan-grid article {
    min-height: auto;
  }

  .mn-marketing-operation-grid,
  .mn-marketing-included-grid,
  .mn-marketing-register-grid {
    gap: 45px;
  }

  .mn-marketing-app-grid article {
    min-height: 124px;
  }

  .mn2-comparison-intro {
    align-items: flex-start;
    flex-direction: column;
    min-height: 0;
    padding: 24px;
  }

  .mn2-comparison-intro h3 {
    font-size: 25px;
  }

  .mn2-comparison-assurance {
    width: 100%;
    flex-basis: auto;
  }

  .mn2-comparison {
    min-width: 820px;
  }

  .mn2-comparison th,
  .mn2-comparison td {
    padding-right: 12px;
    padding-left: 12px;
  }

  .mn2-comparison th:first-child,
  .mn2-comparison td:first-child {
    position: sticky;
    left: 0;
    z-index: 1;
    width: 230px;
    box-shadow: 1px 0 0 #e2e9ec;
  }

  .mn2-comparison thead th:first-child {
    z-index: 2;
    background: #f5f8fa;
  }

  .mn2-comparison tbody td:first-child {
    background: #fff;
  }

  .mn2-comparison tbody tr:nth-child(even) td:first-child {
    background: #fbfcfd;
  }

  .mn2-comparison tfoot td:first-child {
    background: #f5f8fa;
  }

  .mn-marketing-faq-grid {
    grid-template-columns: 1fr;
  }

  .mn2-marketing-page .mn2-page-hero {
    padding: 68px 0;
  }

  .mn2-marketing-page .mn2-page-hero h1 {
    font-size: 36px;
  }

  .mn2-marketing-page .mn2-benefit-grid,
  .mn2-marketing-page .mn2-workflow-list {
    grid-template-columns: 1fr;
  }

  .mn2-marketing-page .mn2-page-cta-inner {
    align-items: flex-start;
    flex-direction: column;
    padding: 28px;
  }

  .mn2-whatsapp {
    width: 56px;
    height: 56px;
    align-items: center;
    justify-content: center;
    padding: 0;
    border-radius: 8px;
  }
}

/* Entrada corporativa de la demostración de producto */
.mn-marketing .mn2-product {
  padding: 0 0 108px;
  background: #eef3f5;
}

.mn4-product-intro-band {
  position: relative;
  overflow: hidden;
  padding: 82px 0 78px;
  color: #fff;
  background: #0c2738;
}

.mn4-product-intro-band::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 7px;
  background: #2ec9b7;
}

.mn4-product-intro-band::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 34%;
  height: 6px;
  background: #ff684d;
}

.mn4-product-intro {
  display: grid;
  grid-template-columns: minmax(0, 1.28fr) minmax(390px, .72fr);
  align-items: center;
  gap: 74px;
}

.mn4-product-intro-copy {
  max-width: 760px;
}

.mn4-product-intro-copy > span {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 16px;
  color: #62dece;
  font-family: "Manrope", sans-serif;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.mn4-product-intro-copy > span i {
  font-size: 15px;
}

.mn4-product-intro h2 {
  margin: 0;
  color: #fff;
  font-size: 46px;
  line-height: 1.09;
  letter-spacing: 0;
}

.mn4-product-intro-copy p {
  max-width: 700px;
  margin: 18px 0 0;
  color: #b7cad3;
  font-size: 15px;
  line-height: 1.72;
}

.mn4-product-system {
  min-width: 0;
  padding-left: 44px;
  border-left: 1px solid rgba(255, 255, 255, .18);
}

.mn4-product-system-head {
  display: grid;
  gap: 6px;
}

.mn4-product-system-head span {
  color: #6c8b9a;
  font-size: 9px;
  font-weight: 900;
  text-transform: uppercase;
}

.mn4-product-system-head strong {
  max-width: 360px;
  color: #fff;
  font-family: "Manrope", sans-serif;
  font-size: 20px;
  line-height: 1.3;
}

.mn4-product-flow {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-top: 28px;
}

.mn4-product-flow::before {
  content: "";
  position: absolute;
  top: 23px;
  right: 13%;
  left: 13%;
  height: 1px;
  background: rgba(98, 222, 206, .35);
}

.mn4-product-flow > span {
  position: relative;
  z-index: 1;
  min-width: 0;
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  grid-template-rows: 22px 24px;
  align-items: center;
}

.mn4-product-flow i {
  grid-row: 1 / 3;
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 8px;
  color: #0d2738;
  background: #62dece;
  font-size: 18px;
}

.mn4-product-flow > span:nth-child(2) i {
  color: #fff;
  background: #3474df;
}

.mn4-product-flow > span:nth-child(3) i {
  color: #fff;
  background: #ff684d;
}

.mn4-product-flow small {
  padding-left: 9px;
  color: #718f9d;
  font-size: 8px;
  font-weight: 900;
}

.mn4-product-flow strong {
  align-self: start;
  padding-left: 9px;
  color: #fff;
  font-size: 11px;
}

.mn4-product-system > p {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 24px 0 0;
  color: #9cb4bf;
  font-size: 10px;
  line-height: 1.55;
}

.mn4-product-system > p i {
  flex: 0 0 auto;
  color: #62dece;
  font-size: 14px;
}

.mn4-product-demo-shell {
  position: relative;
  z-index: 2;
  margin-top: -28px;
}

.mn4-product-demo-shell .mn2-demo-tabs {
  margin-bottom: 18px;
  padding: 8px;
  border: 1px solid #d7e5e8;
  background: #fff;
  box-shadow: 0 16px 36px rgba(19, 49, 65, .1);
}

@media (max-width: 1040px) {
  .mn4-product-intro {
    grid-template-columns: minmax(0, 1fr);
    gap: 44px;
  }

  .mn4-product-system {
    padding-top: 32px;
    padding-left: 0;
    border-top: 1px solid rgba(255, 255, 255, .18);
    border-left: 0;
  }

  .mn4-product-system-head strong {
    max-width: none;
  }

  .mn4-product-flow {
    max-width: 560px;
  }
}

@media (max-width: 620px) {
  .mn-marketing .mn2-product {
    padding-bottom: 78px;
  }

  .mn4-product-intro-band {
    padding: 64px 0 58px;
  }

  .mn4-product-intro-band::before {
    width: 5px;
  }

  .mn4-product-intro-band::after {
    width: 48%;
  }

  .mn4-product-intro {
    gap: 34px;
  }

  .mn4-product-intro h2 {
    font-size: 34px;
    line-height: 1.1;
  }

  .mn4-product-intro-copy p {
    font-size: 13px;
    line-height: 1.65;
  }

  .mn4-product-system {
    padding-top: 27px;
  }

  .mn4-product-system-head strong {
    font-size: 17px;
  }

  .mn4-product-flow {
    gap: 8px;
    margin-top: 22px;
  }

  .mn4-product-flow::before {
    right: 15%;
    left: 15%;
  }

  .mn4-product-flow > span {
    grid-template-columns: 40px minmax(0, 1fr);
    grid-template-rows: 20px 20px;
  }

  .mn4-product-flow i {
    width: 40px;
    height: 40px;
    font-size: 16px;
  }

  .mn4-product-flow small,
  .mn4-product-flow strong {
    padding-left: 6px;
  }

  .mn4-product-flow strong {
    font-size: 9px;
  }

  .mn4-product-demo-shell {
    margin-top: -20px;
  }
}

/* Encuadres compactos de las pantallas operativas */
.mn-marketing-media-trigger {
  position: relative;
  width: 100%;
  display: block;
  overflow: hidden;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: #fff;
  color: inherit;
  text-align: left;
  cursor: zoom-in;
}

.mn-marketing-media-trigger:focus-visible,
.mn-marketing-media-expand:focus-visible {
  outline: 3px solid #6ee7d6;
  outline-offset: 3px;
}

.mn-marketing-media-action,
.mn-marketing-media-expand {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 42px;
  padding: 0 14px;
  border: 1px solid rgba(255, 255, 255, .34);
  border-radius: 6px;
  background: rgba(13, 37, 55, .94);
  color: #fff;
  box-shadow: 0 14px 32px rgba(13, 37, 55, .24);
  font-family: "Manrope", sans-serif;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0;
  backdrop-filter: blur(10px);
}

.mn-marketing-media-action {
  position: absolute;
  z-index: 3;
  right: 18px;
  bottom: 18px;
  pointer-events: none;
}

.mn-marketing-media-expand {
  position: absolute;
  z-index: 6;
  top: 22px;
  right: 22px;
  cursor: pointer;
}

.mn-marketing-media-expand:hover {
  background: #07897b;
}

.mn2-hero-expand {
  top: 24px;
  right: max(24px, calc((100vw - 1540px) / 2));
}

.mn4-product-demo-shell {
  width: min(1240px, calc(100% - 48px)) !important;
  max-width: none;
}

.mn2-demo-stage {
  grid-template-columns: minmax(0, 1.18fr) minmax(340px, .82fr);
  min-height: 540px;
  overflow: hidden;
}

.mn2-demo-screen {
  order: initial;
  padding: 30px 0 30px 30px;
  background: transparent;
}

.mn2-demo-screen .mn-marketing-media-trigger {
  height: 100%;
  min-height: 500px;
  overflow: hidden;
  border: 8px solid var(--mk-navy);
  border-right-width: 0;
  border-radius: 8px 0 0 8px;
  box-shadow: 0 24px 55px rgba(13, 37, 55, .18);
}

.mn2-demo-screen img {
  width: 100%;
  height: 100%;
  min-height: 440px;
  display: block;
  object-fit: cover;
  object-position: center;
  transform: scale(1.34);
  transform-origin: 72% 39%;
  transition: opacity .2s ease, transform .3s ease;
}

.mn2-demo-copy {
  order: initial;
  display: block;
  align-self: center;
  padding: 42px 38px;
  border-top: 0;
  border-left: 8px solid var(--demo-accent);
}

.mn2-demo-copy > span,
.mn2-demo-copy > h3,
.mn2-demo-copy > p {
  grid-column: auto;
}

.mn2-demo-copy h3 {
  max-width: 430px;
  margin-top: 12px;
}

.mn2-demo-copy p {
  margin-top: 15px;
}

.mn2-demo-copy ul {
  grid-column: auto;
  grid-row: auto;
  align-self: auto;
  margin-top: 22px;
}

.mn2-demo-copy .mn-btn {
  grid-column: auto;
  grid-row: auto;
  justify-self: auto;
  margin-top: 24px;
}

.mn3-commerce-grid {
  width: min(1240px, calc(100% - 48px)) !important;
  max-width: none;
  grid-template-columns: minmax(330px, .82fr) minmax(0, 1.18fr);
  gap: 70px;
}

.mn-marketing-showcase-grid {
  width: min(1240px, calc(100% - 48px)) !important;
  max-width: none;
  display: grid;
  grid-template-columns: minmax(0, 1.18fr) minmax(330px, .82fr);
  align-items: center;
  gap: 76px;
}

.mn3-commerce-copy,
.mn-marketing-showcase-copy {
  width: auto;
}

.mn3-commerce-media,
.mn-marketing-showcase-media {
  position: relative;
  width: 100%;
  margin: 0;
  overflow: hidden;
}

.mn3-commerce-media {
  padding: 18px 0 18px 18px;
  border-left: 9px solid var(--mk-yellow);
}

.mn-marketing-showcase-media {
  padding: 18px 18px 18px 0;
  border-right: 9px solid var(--mk-blue);
}

.mn3-commerce-media img,
.mn-marketing-showcase-media img {
  width: 100%;
  aspect-ratio: 16 / 9;
  display: block;
  object-fit: cover;
  object-position: center;
  transform: scale(1.28);
  transition: transform .3s ease;
}

.mn-marketing-showcase-media {
  order: initial;
}

.mn-marketing-showcase-copy {
  order: initial;
}

.mn3-commerce-media figcaption,
.mn-marketing-showcase-media figcaption {
  right: 18px;
  bottom: 18px;
}

.mn2-marketing-page .mn2-page-hero {
  padding: 48px 0 64px;
}

.mn2-marketing-page .mn2-page-hero .mn-container {
  width: min(1240px, calc(100% - 48px));
  max-width: none;
}

.mn2-marketing-page .mn2-page-hero-grid {
  grid-template-columns: minmax(0, .8fr) minmax(480px, 1.2fr);
  gap: 52px;
}

.mn2-page-hero-copy {
  display: block;
}

.mn2-page-hero-copy .mn2-eyebrow,
.mn2-page-hero-copy h1 {
  grid-column: auto;
}

.mn2-page-hero-copy p {
  grid-column: auto;
  grid-row: auto;
  align-self: auto;
}

.mn2-page-hero-copy .mn-actions {
  grid-column: auto;
  grid-row: auto;
}

.mn2-marketing-page .mn2-page-hero h1 {
  max-width: 650px;
  margin-top: 10px;
}

.mn2-marketing-page .mn2-page-hero p {
  max-width: 620px;
}

.mn2-marketing-page .mn2-page-media {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  margin: 0;
  overflow: hidden;
}

.mn2-marketing-page .mn2-page-media img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
  transform: scale(1.34);
  transform-origin: 68% 42%;
  transition: transform .3s ease;
}

.mn2-demo-stage[data-demo-active="pos"] .mn2-demo-screen img,
.mn2-marketing-page [data-media-focus="punto-de-venta"] img {
  transform: scale(1.42);
  transform-origin: 74% 40%;
}

.mn2-demo-stage[data-demo-active="inventario"] .mn2-demo-screen img,
.mn2-marketing-page [data-media-focus="inventario"] img {
  transform: scale(1.28);
  transform-origin: 70% 34%;
}

.mn2-demo-stage[data-demo-active="restaurante"] .mn2-demo-screen img,
.mn2-marketing-page [data-media-focus="restaurante"] img,
.mn2-marketing-page [data-media-focus="restaurantes-y-cafeterias"] img {
  transform: scale(1.38);
  transform-origin: 69% 43%;
}

.mn2-demo-stage[data-demo-active="facturacion"] .mn2-demo-screen img,
.mn2-marketing-page [data-media-focus="facturacion"] img {
  transform: scale(1.4);
  transform-origin: 72% 43%;
}

.mn2-demo-stage[data-demo-active="tienda"] .mn2-demo-screen img,
.mn3-commerce-media[data-media-focus="tienda"] img,
.mn2-marketing-page [data-media-focus="tienda-en-linea"] img,
.mn2-marketing-page [data-media-focus="tiendas-y-abarrotes"] img {
  transform: scale(1.32);
  transform-origin: 64% 46%;
}

.mn2-demo-stage[data-demo-active="reparto"] .mn2-demo-screen img,
.mn2-marketing-page [data-media-focus="reparto"] img {
  transform: scale(1.36);
  transform-origin: 60% 48%;
}

.mn2-demo-stage[data-demo-active="whatsapp"] .mn2-demo-screen img,
.mn2-marketing-page [data-media-focus="whatsapp"] img {
  transform: scale(1.4);
  transform-origin: 69% 48%;
}

.mn-marketing-showcase-media[data-media-focus="dashboard"] img,
.mn2-marketing-page [data-media-focus="dashboard"] img,
.mn2-marketing-page [data-media-focus="comercios-y-servicios"] img {
  transform: scale(1.3);
  transform-origin: 70% 40%;
}

body.mn-marketing-preview-open {
  overflow: hidden;
}

.mn-marketing-preview-dialog {
  width: min(96vw, 1820px);
  max-width: none;
  height: min(94dvh, 1080px);
  max-height: none;
  margin: auto;
  padding: 0;
  overflow: hidden;
  border: 1px solid #315064;
  border-radius: 8px;
  background: var(--mk-navy, #0d2537);
  color: #fff;
  box-shadow: 0 36px 100px rgba(3, 18, 29, .48);
}

.mn-marketing-preview-dialog::backdrop {
  background: rgba(5, 18, 28, .84);
  backdrop-filter: blur(7px);
}

.mn-marketing-preview-shell {
  height: 100%;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
}

.mn-marketing-preview-shell > header {
  min-height: 76px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 13px 16px 13px 22px;
  border-bottom: 1px solid rgba(255, 255, 255, .14);
  background: #0d2537;
}

.mn-marketing-preview-shell > header span,
.mn-marketing-preview-shell > header h2 {
  display: block;
}

.mn-marketing-preview-shell > header > div:first-child > span {
  color: #69dfcf;
  font-size: 9px;
  font-weight: 900;
  text-transform: uppercase;
}

.mn-marketing-preview-shell > header h2 {
  margin: 4px 0 0;
  color: #fff;
  font-size: 18px;
}

.mn-marketing-preview-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

.mn-marketing-preview-actions button,
.mn-marketing-preview-actions a {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 13px;
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 6px;
  background: rgba(255, 255, 255, .08);
  color: #fff;
  font: 800 10px "Manrope", sans-serif;
  text-decoration: none;
  cursor: pointer;
}

.mn-marketing-preview-actions button:hover,
.mn-marketing-preview-actions a:hover {
  background: #07897b;
}

.mn-marketing-preview-actions .icon-only {
  width: 42px;
  padding: 0;
}

.mn-marketing-preview-stage {
  min-width: 0;
  min-height: 0;
  overflow: auto;
  display: grid;
  place-items: start center;
  padding: 18px;
  background: #dce7ea;
}

.mn-marketing-preview-stage img {
  width: 100%;
  height: auto;
  max-width: 1920px;
  display: block;
  border: 1px solid #bfd0d6;
  background: #fff;
  box-shadow: 0 18px 48px rgba(13, 37, 55, .2);
}

.mn-marketing-preview-dialog.actual-size .mn-marketing-preview-stage {
  place-items: start;
}

.mn-marketing-preview-dialog.actual-size .mn-marketing-preview-stage img {
  width: 1920px;
  max-width: none;
}

@media (max-width: 900px) {
  .mn2-demo-stage,
  .mn3-commerce-grid,
  .mn-marketing-showcase-grid,
  .mn2-marketing-page .mn2-page-hero-grid {
    grid-template-columns: 1fr;
  }

  .mn2-demo-copy,
  .mn2-page-hero-copy {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
  }

  .mn2-demo-copy ul {
    align-self: stretch;
    margin-top: 22px;
  }

  .mn2-demo-copy .mn-btn {
    margin-top: 24px;
  }

  .mn3-commerce-grid,
  .mn-marketing-showcase-grid,
  .mn4-product-demo-shell,
  .mn2-marketing-page .mn2-page-hero .mn-container {
    width: calc(100% - 32px) !important;
  }

  .mn2-demo-screen {
    padding: 20px 20px 0;
  }

  .mn2-demo-screen .mn-marketing-media-trigger {
    min-height: 0;
    aspect-ratio: 16 / 9;
    border-width: 7px;
    border-radius: 8px;
  }

  .mn2-demo-screen img {
    min-height: 0;
  }

  .mn2-demo-copy {
    border-top: 8px solid var(--demo-accent);
    border-left: 0;
  }

  .mn2-page-hero-copy p {
    margin-top: 18px;
  }

  .mn2-page-hero-copy .mn-actions {
    margin-top: 24px;
  }

  .mn3-commerce-copy {
    order: 2;
  }

  .mn3-commerce-media {
    order: 1;
  }
}

@media (max-width: 640px) {
  .mn2-hero-expand {
    right: 14px;
    top: auto;
    bottom: 14px;
  }

  .mn-marketing-media-expand {
    top: 12px;
    right: 12px;
  }

  .mn-marketing-media-expand span {
    display: none;
  }

  .mn-marketing-media-expand {
    width: 42px;
    padding: 0;
  }

  .mn-marketing-media-action {
    right: 10px;
    bottom: 10px;
    min-height: 38px;
    padding: 0 11px;
    font-size: 9px;
  }

  .mn2-demo-copy {
    padding: 26px 22px 30px;
  }

  .mn3-commerce-grid,
  .mn-marketing-showcase-grid,
  .mn4-product-demo-shell,
  .mn2-marketing-page .mn2-page-hero .mn-container {
    width: calc(100% - 28px) !important;
  }

  .mn2-marketing-page .mn2-page-hero {
    padding: 42px 0 52px;
  }

  .mn-marketing-preview-dialog {
    width: 100vw;
    height: 100dvh;
    border: 0;
    border-radius: 0;
  }

  .mn-marketing-preview-shell > header {
    min-height: 68px;
    gap: 10px;
    padding: 10px 10px 10px 14px;
  }

  .mn-marketing-preview-shell > header h2 {
    max-width: 150px;
    overflow: hidden;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .mn-marketing-preview-actions button span,
  .mn-marketing-preview-actions a span {
    display: none;
  }

  .mn-marketing-preview-actions button,
  .mn-marketing-preview-actions a {
    width: 40px;
    min-height: 40px;
    padding: 0;
  }

  .mn-marketing-preview-stage {
    padding: 10px;
  }

  .mn-marketing-preview-dialog.actual-size .mn-marketing-preview-stage img {
    width: 1280px;
  }
}

/* Final scene layout overrides legacy screenshot presentation rules. */
.mn-product-scene img {
  min-height: 0 !important;
  aspect-ratio: auto !important;
  object-fit: cover !important;
  object-position: center !important;
  transform: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

.mn-scene-products img,
.mn-scene-store-products img {
  width: 100% !important;
  height: 85px !important;
}

.mn-scene-stock-list img,
.mn-scene-ranking img {
  width: 34px !important;
  height: 34px !important;
}

.mn-scene-movement img {
  width: 60px !important;
  height: 60px !important;
}

.mn-scene-cart img {
  width: 38px !important;
  height: 38px !important;
}

.mn2-hero {
  min-height: min(660px, calc(100vh - 145px));
  overflow: hidden;
}

.mn2-hero::before {
  z-index: 2;
  width: 54%;
  clip-path: polygon(0 0, 91% 0, 100% 100%, 0 100%);
}

.mn2-hero .mn-container {
  position: relative;
  z-index: 3;
  min-height: min(660px, calc(100vh - 145px));
}

.mn2-hero-product {
  position: absolute;
  z-index: 1;
  top: 50%;
  right: max(26px, calc((100vw - 1480px) / 2));
  width: min(54vw, 870px);
  transform: translateY(-50%);
}

.mn2-live-label {
  z-index: 4;
}

.mn2-demo-screen {
  min-width: 0;
  display: grid;
  align-items: center;
  padding: 28px;
  background: transparent;
}

.mn2-demo-scene {
  min-width: 0;
  opacity: 0;
  transform: translateY(7px);
  transition: opacity .25s ease, transform .25s ease;
}

.mn2-demo-scene.active {
  opacity: 1;
  transform: translateY(0);
}

.mn2-demo-scene[hidden] {
  display: none;
}

.mn3-commerce-media,
.mn-marketing-showcase-media,
.mn2-page-media {
  overflow: visible;
}

.mn3-commerce-media .mn-product-scene,
.mn-marketing-showcase-media .mn-product-scene,
.mn2-page-media .mn-product-scene {
  width: 100%;
}

@media (max-width: 1100px) {
  .mn2-hero-product {
    right: -90px;
    width: 64vw;
  }

  .mn2-hero::before {
    width: 59%;
  }

  .mn-scene-products img,
  .mn-scene-store-products img {
    height: 66px !important;
  }
}

@media (max-width: 900px) {
  .mn2-hero {
    display: flex;
    flex-direction: column;
    min-height: 0;
    padding-bottom: 42px;
  }

  .mn2-hero::before {
    width: 100%;
    clip-path: none;
  }

  .mn2-hero .mn-container {
    order: 1;
    min-height: 0;
    padding-top: 54px;
    padding-bottom: 32px;
  }

  .mn2-hero-copy {
    width: min(620px, 100%);
  }

  .mn2-hero-product {
    position: relative;
    z-index: 3;
    top: auto;
    right: auto;
    order: 2;
    width: min(760px, calc(100% - 32px));
    margin: 0 auto;
    transform: none;
  }

  .mn2-live-label {
    display: none;
  }

  .mn2-demo-screen {
    padding: 22px;
  }
}

@media (max-width: 640px) {
  .mn-product-scene {
    min-height: 330px;
    aspect-ratio: auto;
  }

  .mn-product-scene--hero {
    min-height: 305px;
  }

  .mn-scene-products img,
  .mn-scene-store-products img {
    height: 58px !important;
  }

  .mn-scene-movement img {
    width: 45px !important;
    height: 45px !important;
  }

  .mn2-demo-screen {
    padding: 12px;
  }
}

/* Integrated homepage hero: one continuous composition around the live product. */
.mn2-hero {
  min-height: min(610px, calc(100vh - 145px));
  overflow: hidden;
  color: var(--mk-ink);
  background: #e8f8f5;
}

.mn2-hero::before {
  display: none;
  content: none;
}

.mn2-hero::after {
  display: none;
  content: none;
}

.mn2-hero .mn-container {
  min-height: min(610px, calc(100vh - 145px));
  display: grid;
  grid-template-columns: minmax(380px, .82fr) minmax(520px, 1.18fr);
  align-items: center;
  gap: clamp(42px, 5vw, 84px);
  padding-top: 46px;
  padding-bottom: 46px;
}

.mn2-hero-copy {
  position: relative;
  z-index: 3;
  width: 100%;
  max-width: 570px;
}

.mn2-hero h1 {
  font-size: clamp(52px, 3.8vw, 62px);
}

.mn2-hero h2 {
  font-size: clamp(32px, 2.7vw, 42px);
}

.mn2-hero-visual {
  position: relative;
  z-index: 2;
  min-width: 0;
  width: 100%;
  max-width: 790px;
  justify-self: end;
  padding: 20px 18px 0 0;
}

.mn2-hero-visual::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0 0 42px 38px;
  background: #d1eee8;
  border: 1px solid #b6ddd5;
  border-radius: 8px;
}

.mn2-hero-visual::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  width: 42%;
  height: 6px;
  background: var(--mk-yellow);
  border-radius: 4px 4px 0 0;
}

.mn2-hero-product {
  position: relative;
  z-index: 1;
  top: auto;
  right: auto;
  width: 100%;
  transform: none;
}

.mn2-hero-product .mn-product-scene {
  box-shadow: 0 30px 64px rgba(18, 54, 67, .18);
}

.mn2-hero .mn2-live-label {
  position: relative;
  right: auto;
  bottom: auto;
  z-index: 3;
  width: max-content;
  max-width: min(320px, calc(100% - 28px));
  min-height: 54px;
  margin: 14px 16px 0 auto;
}

@media (max-width: 1180px) {
  .mn2-hero .mn-container {
    grid-template-columns: minmax(350px, .9fr) minmax(460px, 1.1fr);
    gap: 34px;
  }

  .mn2-hero h1 {
    font-size: 56px;
  }

  .mn2-hero h2 {
    font-size: 35px;
  }
}

@media (max-width: 900px) {
  .mn2-hero {
    display: block;
    min-height: 0;
    padding-bottom: 0;
  }

  .mn2-hero .mn-container {
    min-height: 0;
    display: grid;
    grid-template-columns: 1fr;
    gap: 34px;
    padding-top: 50px;
    padding-bottom: 48px;
  }

  .mn2-hero-copy {
    width: min(640px, 100%);
    max-width: 640px;
  }

  .mn2-hero-visual {
    width: min(760px, 100%);
    justify-self: center;
  }

  .mn2-hero-product {
    width: 100%;
    margin: 0;
  }

  .mn2-hero .mn2-live-label {
    display: flex;
  }
}

@media (max-width: 640px) {
  .mn2-hero .mn-container {
    gap: 27px;
    padding-top: 38px;
    padding-bottom: 38px;
  }

  .mn2-hero h1 {
    font-size: 43px;
  }

  .mn2-hero h2 {
    font-size: 29px;
  }

  .mn2-hero-visual {
    padding: 12px 9px 0 0;
  }

  .mn2-hero-visual::before {
    inset: 0 0 36px 14px;
  }

  .mn2-hero-visual::after {
    height: 5px;
  }

  .mn2-hero .mn2-live-label {
    width: calc(100% - 14px);
    max-width: none;
    min-height: 50px;
    margin: 11px 0 0 14px;
  }
}

/* Hero editorial: mensaje breve con una promesa que evoluciona. */
.mn2-hero h1 {
  max-width: 590px;
  margin: 0;
  font-size: clamp(52px, 3.65vw, 60px);
  line-height: .98;
  letter-spacing: -.055em;
}

.mn2-hero-title-static,
.mn2-hero-rotator {
  display: block;
}

.mn2-hero-rotator {
  position: relative;
  width: fit-content;
  max-width: 100%;
  min-height: 1.08em;
  margin-top: .12em;
  padding: 0 .08em .1em 0;
  overflow: hidden;
  color: #087f75;
  font-size: .9em;
  line-height: 1.08;
  letter-spacing: -.045em;
  white-space: nowrap;
}

.mn2-hero-rotator::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 5px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--mk-coral), var(--mk-yellow));
  transform-origin: left center;
  opacity: .92;
}

.mn2-hero-rotator [data-hero-rotating-text] {
  display: inline-block;
  will-change: opacity, transform, filter;
  transition: opacity .22s ease, transform .22s ease, filter .22s ease;
}

.mn2-hero-rotator.is-exiting [data-hero-rotating-text] {
  opacity: 0;
  filter: blur(4px);
  transform: translateY(-.28em);
}

.mn2-hero-rotator.is-entering [data-hero-rotating-text] {
  opacity: 0;
  filter: blur(4px);
  transform: translateY(.28em);
  transition: none;
}

.mn2-hero-copy > p {
  max-width: 510px;
  margin-top: 24px;
}

@media (max-width: 1180px) {
  .mn2-hero h1 {
    font-size: 54px;
  }
}

@media (max-width: 640px) {
  .mn2-eyebrow {
    max-width: 330px;
    line-height: 1.45;
  }

  .mn2-hero h1 {
    font-size: clamp(38px, 11vw, 43px);
  }

  .mn2-hero-rotator {
    font-size: .8em;
  }

  .mn2-hero-copy > p {
    margin-top: 20px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .mn2-hero-rotator [data-hero-rotating-text] {
    transition: none;
  }
}
/* Plan Cadena y aplicaciones operativas */
.mn-marketing-app-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.mn-marketing-app-grid article{min-width:0}.mn-marketing-app-grid article>div{min-width:0}
.mn-chain-showcase{padding:84px 0;background:linear-gradient(180deg,#f4fbfa,#fff)}
.mn-chain-showcase-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);gap:60px;align-items:center}
.mn-chain-kicker{display:inline-flex;align-items:center;gap:8px;color:#0f766e;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.mn-chain-showcase h2{max-width:720px;margin:14px 0;font:800 clamp(32px,4vw,54px)/1.05 Manrope,sans-serif;color:#10283d;letter-spacing:-.045em}
.mn-chain-showcase p{max-width:720px;color:#5f7184;font-size:16px;line-height:1.75}
.mn-chain-features{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;margin:24px 0}.mn-chain-features span{display:flex;align-items:flex-start;gap:8px;color:#29465c;font-size:13px;font-weight:700}.mn-chain-features i{color:#0f9f8e;font-size:17px}
.mn-chain-dashboard-demo{overflow:hidden;border:1px solid rgba(15,118,110,.25);border-radius:26px;background:#071f2b;color:#fff;box-shadow:0 30px 70px rgba(7,31,43,.2)}
.mn-chain-dashboard-demo>header{display:flex;justify-content:space-between;align-items:center;padding:20px 22px;border-bottom:1px solid rgba(255,255,255,.11)}.mn-chain-dashboard-demo>header span{color:#61dec7;font-size:10px;font-weight:900;letter-spacing:.1em}.mn-chain-dashboard-demo>header strong{font-size:13px}
.mn-chain-demo-kpis{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(255,255,255,.09)}.mn-chain-demo-kpis article{padding:18px;background:#0b2b38}.mn-chain-demo-kpis small{display:block;color:#94c8c2}.mn-chain-demo-kpis b{display:block;margin-top:5px;font-size:23px}
.mn-chain-demo-branches{padding:10px 22px 20px}.mn-chain-demo-branches>div{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.1)}.mn-chain-demo-branches>div:last-child{border-bottom:0}.mn-chain-demo-branches i{width:10px;height:10px;border-radius:50%;background:#35d5b9;box-shadow:0 0 14px #35d5b9}.mn-chain-demo-branches strong,.mn-chain-demo-branches small{display:block}.mn-chain-demo-branches small{margin-top:3px;color:#8cb9b7;font-size:11px}.mn-chain-demo-branches b{font-size:14px}
.mn-marketing-plan-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
@media (max-width:1180px){.mn-marketing-app-grid{grid-template-columns:repeat(3,1fr)}.mn-marketing-plan-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mn-chain-showcase-grid{gap:34px}}
@media (max-width:860px){.mn-chain-showcase{padding:58px 0}.mn-chain-showcase-grid{grid-template-columns:1fr}.mn-chain-dashboard-demo{max-width:620px}.mn-marketing-app-grid{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.mn-marketing-app-grid,.mn-marketing-plan-grid{grid-template-columns:1fr}.mn-chain-features{grid-template-columns:1fr}.mn-chain-dashboard-demo{border-radius:18px}.mn-chain-showcase h2{font-size:34px}.mn-chain-demo-kpis b{font-size:19px}}

.mn-plan-branch-capacity{display:flex;align-items:center;gap:10px;margin:2px 0 11px;padding:10px 11px;border:1px solid #9fd8ce;border-radius:9px;background:linear-gradient(135deg,#e8f8f4,#f8fffd);color:#174c51}.mn-plan-branch-capacity>i{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:8px;background:#d4f2eb;color:#087e73;font-size:16px}.mn-plan-branch-capacity>span,.mn-plan-branch-capacity strong,.mn-plan-branch-capacity small{display:block;min-width:0}.mn-plan-branch-capacity strong{font-size:11px;line-height:1.25}.mn-plan-branch-capacity small{margin-top:2px;color:#5c7880;font-size:8px;line-height:1.25}.mn-marketing-plan-grid article.featured .mn-plan-branch-capacity{border-color:#71c8ba;background:linear-gradient(135deg,#def5ef,#f6fffc)}

/* Experiencias por rol: composicion amplia 3 + 2, sin tarjetas comprimidas. */
.mn-marketing-section#apps {
  position: relative;
  overflow: hidden;
  padding: 112px 0 120px;
  background:
    radial-gradient(circle at 7% 14%, rgba(20, 184, 166, .11), transparent 27%),
    radial-gradient(circle at 94% 88%, rgba(56, 103, 214, .09), transparent 25%),
    linear-gradient(180deg, #f8fcfb 0%, #fff 72%);
}

.mn-marketing-section#apps::before {
  content: "";
  position: absolute;
  top: 72px;
  left: max(24px, calc((100vw - 1240px) / 2));
  width: 72px;
  height: 5px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--mk-teal), var(--mk-yellow));
}

#apps .mn-marketing-section-head.compact {
  max-width: 820px;
  margin-bottom: 52px;
}

.mn-marketing-app-intro {
  max-width: 690px;
  margin: 18px auto 0;
  color: #5d7282;
  font-size: 15px;
  line-height: 1.75;
}

.mn-marketing-app-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 22px;
}

.mn-marketing-app-grid article {
  --app-accent: #0b9185;
  --app-soft: #eaf9f5;
  --app-border: #bee6dc;
  position: relative;
  isolation: isolate;
  grid-column: span 2;
  min-width: 0;
  min-height: 280px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 32px;
  overflow: hidden;
  border: 1px solid var(--app-border);
  border-radius: 22px;
  background: linear-gradient(145deg, #fff 0%, var(--app-soft) 100%);
  box-shadow: 0 18px 45px rgba(18, 54, 67, .08);
  transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}

.mn-marketing-app-grid article::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  background: var(--app-accent);
}

.mn-marketing-app-grid article::after {
  content: "";
  position: absolute;
  z-index: -1;
  right: -74px;
  bottom: -92px;
  width: 210px;
  height: 210px;
  border: 38px solid color-mix(in srgb, var(--app-accent) 10%, transparent);
  border-radius: 50%;
}

.mn-marketing-app-grid article:nth-child(2) {
  --app-accent: #376bd6;
  --app-soft: #edf3ff;
  --app-border: #cbdaf7;
}

.mn-marketing-app-grid article:nth-child(3) {
  --app-accent: #f2674b;
  --app-soft: #fff1eb;
  --app-border: #f2d2c5;
}

.mn-marketing-app-grid article:nth-child(4) {
  --app-accent: #b7791f;
  --app-soft: #fff9e8;
  --app-border: #eedda6;
}

.mn-marketing-app-grid article:nth-child(5) {
  --app-accent: #126a7a;
  --app-soft: #eaf7f8;
  --app-border: #bfdee3;
}

.mn-marketing-app-grid article:nth-child(n+4) {
  grid-column: span 3;
  min-height: 210px;
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr) 46px;
  align-items: center;
  gap: 22px;
}

.mn-marketing-app-grid article:hover {
  z-index: 2;
  transform: translateY(-6px);
  border-color: color-mix(in srgb, var(--app-accent) 45%, white);
  box-shadow: 0 26px 58px rgba(18, 54, 67, .14);
}

.mn-marketing-app-grid article > i {
  position: relative;
  z-index: 1;
  flex: 0 0 auto;
  width: 60px;
  height: 60px;
  display: grid;
  place-items: center;
  border-radius: 16px;
  color: #fff;
  background: var(--app-accent);
  font-size: 24px;
  box-shadow: 0 12px 26px color-mix(in srgb, var(--app-accent) 23%, transparent);
}

.mn-marketing-app-grid article > div {
  position: relative;
  z-index: 1;
  min-width: 0;
  flex: 1 1 auto;
  margin-top: 24px;
}

.mn-marketing-app-grid article:nth-child(n+4) > div {
  margin-top: 0;
}

.mn-marketing-app-grid .mn-app-role {
  display: block;
  margin-bottom: 10px;
  color: var(--app-accent);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.mn-marketing-app-grid strong {
  display: block;
  max-width: 290px;
  color: var(--mk-ink);
  font-size: 21px;
  line-height: 1.2;
  letter-spacing: -.025em;
}

.mn-marketing-app-grid p {
  max-width: 320px;
  margin: 12px 0 0;
  color: #587080;
  font-size: 13px;
  line-height: 1.65;
}

.mn-marketing-app-grid article > a {
  position: relative;
  z-index: 1;
  flex: 0 0 auto;
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  align-self: flex-end;
  margin: 22px 0 0 auto;
  border: 1px solid color-mix(in srgb, var(--app-accent) 28%, white);
  border-radius: 13px;
  color: var(--app-accent);
  background: rgba(255, 255, 255, .9);
  box-shadow: 0 10px 24px rgba(18, 54, 67, .08);
  transition: color .2s ease, background .2s ease, transform .2s ease;
}

.mn-marketing-app-grid article:nth-child(n+4) > a {
  align-self: center;
  margin: 0;
}

.mn-marketing-app-grid article > a:hover {
  color: #fff;
  background: var(--app-accent);
  transform: translateX(3px);
}

@media (max-width: 1050px) {
  .mn-marketing-app-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .mn-marketing-app-grid article,
  .mn-marketing-app-grid article:nth-child(n+4) {
    grid-column: span 1;
    min-height: 235px;
    display: grid;
    grid-template-columns: 60px minmax(0, 1fr) 44px;
    align-items: start;
    gap: 20px;
  }

  .mn-marketing-app-grid article:nth-child(5) {
    grid-column: 1 / -1;
  }

  .mn-marketing-app-grid article > div,
  .mn-marketing-app-grid article:nth-child(n+4) > div {
    margin-top: 0;
  }

  .mn-marketing-app-grid article > a,
  .mn-marketing-app-grid article:nth-child(n+4) > a {
    align-self: start;
    margin: 0;
  }
}

@media (max-width: 760px) {
  .mn-marketing-section#apps {
    padding: 78px 0 82px;
  }

  .mn-marketing-section#apps::before {
    top: 48px;
  }

  #apps .mn-marketing-section-head.compact {
    margin-bottom: 34px;
  }

  .mn-marketing-app-intro {
    font-size: 14px;
  }

  .mn-marketing-app-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .mn-marketing-app-grid article,
  .mn-marketing-app-grid article:nth-child(n+4),
  .mn-marketing-app-grid article:nth-child(5) {
    grid-column: auto;
    min-height: 0;
    grid-template-columns: 54px minmax(0, 1fr);
    gap: 16px;
    padding: 24px;
    border-radius: 18px;
  }

  .mn-marketing-app-grid article > i {
    width: 54px;
    height: 54px;
    border-radius: 14px;
    font-size: 21px;
  }

  .mn-marketing-app-grid article > div,
  .mn-marketing-app-grid article:nth-child(n+4) > div {
    padding: 1px 42px 0 0;
  }

  .mn-marketing-app-grid strong {
    font-size: 18px;
  }

  .mn-marketing-app-grid p {
    font-size: 12px;
  }

  .mn-marketing-app-grid article > a,
  .mn-marketing-app-grid article:nth-child(n+4) > a {
    position: absolute;
    right: 22px;
    bottom: 22px;
    width: 40px;
    height: 40px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .mn-marketing-app-grid article,
  .mn-marketing-app-grid article > a,
  .mn-marketing-payment-grid article {
    transition: none;
  }

  .mn-marketing-app-grid article:hover,
  .mn-marketing-app-grid article > a:hover,
  .mn-marketing-payment-grid article:hover {
    transform: none;
  }
}

@media (max-width: 900px) {
  .mn-payment-shell {
    padding: 30px;
  }

  .mn-payment-heading {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .mn-payment-heading aside {
    max-width: 480px;
  }
}

@media (max-width: 640px) {
  .mn-marketing-payment-connections {
    padding: 64px 0;
  }

  .mn-payment-shell {
    padding: 23px;
    border-radius: 15px;
  }

  .mn-payment-heading {
    margin-bottom: 22px;
  }

  .mn-payment-heading h2 {
    font-size: 31px;
  }

  .mn-payment-heading p {
    font-size: 13px;
  }

  .mn-payment-heading aside {
    padding: 14px;
  }

  .mn-marketing-payment-grid article {
    min-height: 174px;
    padding: 21px;
  }

  .mn-marketing-payment-grid article em {
    left: 21px;
    bottom: 18px;
  }

  .mn-payment-brand {
    flex-basis: 56px;
    width: 56px;
    height: 56px;
  }

  .mn-payment-brand img {
    width: 32px;
    height: 32px;
  }

  .mn-payment-flow {
    grid-template-columns: 1fr;
    gap: 10px;
    padding: 18px;
  }

  .mn-payment-flow > i {
    display: none;
  }

  .mn-payment-flow span {
    justify-content: flex-start;
    padding: 4px 0;
    text-align: left;
  }
}