/* Marketur Mega Menu 2.4.0 */
.mkmm-scrim{position:fixed;inset:0;z-index:999980;background:rgba(10,15,30,.28);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);opacity:0;transition:opacity .18s ease}
.mkmm-scrim.is-open{opacity:1}
.mkmm{position:fixed;left:0;right:0;top:80px;z-index:999990;padding:0 20px;opacity:0;transform:translateY(-8px);transition:opacity .18s ease,transform .18s ease;pointer-events:none;font-family:inherit}
.mkmm.is-open{opacity:1;transform:none;pointer-events:auto}
.mkmm-inner{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1fr 300px;gap:18px;padding:22px;background:#fff;border:1px solid #e7ebf3;border-top:0;border-radius:0 0 22px 22px;box-shadow:0 30px 60px -20px rgba(15,23,42,.28),0 8px 20px -10px rgba(15,23,42,.12)}
.mkmm-nofeature .mkmm-inner{grid-template-columns:1fr}
.mkmm-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 18px}
.mkmm-n3 .mkmm-groups{grid-template-columns:repeat(3,minmax(0,1fr))}
.mkmm-n1 .mkmm-groups{grid-template-columns:1fr}
.mkmm-n3 .mkmm-groups:has(.mkmm-wide){grid-template-columns:1.35fr 1fr 1fr}
.mkmm-group{padding:6px 4px}
.mkmm-gt{font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#8391a7;margin:4px 10px 6px}
.mkmm-item{display:flex;gap:14px;align-items:flex-start;padding:12px;border-radius:14px;text-decoration:none!important;color:#0f172a!important;transition:background .15s ease}
.mkmm-item:hover,.mkmm-item:focus-visible{background:#f4f7fd;outline:none}
.mkmm-item.is-here{background:#f4f7fd}
.mkmm-ic{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:color-mix(in srgb,var(--mkmm-accent) 10%,#fff);color:var(--mkmm-accent);transition:transform .15s ease,background .15s ease,color .15s ease}
.mkmm-item:hover .mkmm-ic{background:var(--mkmm-accent);color:#fff;transform:translateY(-1px)}
.mkmm-tx{display:flex;flex-direction:column;gap:2px;min-width:0}
.mkmm-t{display:flex;align-items:center;gap:8px;font-weight:650;font-size:15.5px;line-height:1.3}
.mkmm-d{font-size:13.5px;line-height:1.45;color:#5f6b7a}
.mkmm-b{font-style:normal;font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:3px 7px;border-radius:999px;background:#eef2ff;color:#4338ca}
.mkmm-b-pro{background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff}
.mkmm-b-free{background:#e8f8ef;color:#15803d}
.mkmm-b-new{background:#fde8f1;color:#be185d}
.mkmm-feature{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;gap:10px;padding:24px;border-radius:18px;color:#fff;background:linear-gradient(155deg,#0b1220 0%,color-mix(in srgb,var(--mkmm-accent) 70%,#0b1220) 100%);min-height:260px}
.mkmm-glow{position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--mkmm-accent) 70%,#fff) 0%,transparent 70%);opacity:.55;pointer-events:none}
.mkmm-fk{position:relative;align-self:flex-start;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:4px 9px;border-radius:999px;background:rgba(255,255,255,.14)}
.mkmm-ft{position:relative;font-size:22px;line-height:1.2;font-weight:800;letter-spacing:-.01em}
.mkmm-fx{position:relative;margin:0!important;font-size:14px;line-height:1.5;color:rgba(255,255,255,.82)}
.mkmm-fb{position:relative;align-self:flex-start;margin-top:6px;padding:10px 16px;border-radius:999px;background:#fff;color:#0b1220!important;font-weight:700;font-size:14px;text-decoration:none!important;transition:transform .15s ease}
.mkmm-fb:hover{transform:translateX(2px)}
.mkmm-trigger-open>a{color:var(--mkmm-accent)!important}
@media (max-width:1100px){.mkmm-inner{grid-template-columns:1fr 250px}.mkmm-n3 .mkmm-groups,.mkmm-n3 .mkmm-groups:has(.mkmm-wide){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (prefers-reduced-motion:reduce){.mkmm,.mkmm-scrim,.mkmm-ic,.mkmm-fb{transition:none}}

/* 1.1: prices, live sections, member faces, newsletter */
.mkmm-b-price{background:#f1f5f9;color:#334155;letter-spacing:0;text-transform:none;font-size:11.5px}
.mkmm-live{display:flex;flex-direction:column;gap:2px}
.mkmm-skel{display:block;height:54px;margin:4px 10px;border-radius:12px;background:linear-gradient(90deg,#f1f4f9 0%,#e7ecf4 50%,#f1f4f9 100%);background-size:200% 100%;animation:mkmm-sh 1.2s linear infinite}
.mkmm-skel-d{height:48px;margin:6px 0;background:linear-gradient(90deg,rgba(255,255,255,.08),rgba(255,255,255,.16),rgba(255,255,255,.08));background-size:200% 100%}
@keyframes mkmm-sh{to{background-position:-200% 0}}
.mkmm-empty{margin:6px 10px!important;font-size:13.5px;color:#8391a7}
/* 2.6.1: visitors see community posts blurred behind a join card */
.mkmm-live.mkmm-locked{position:relative;min-height:200px}
.mkmm-blur{display:flex;flex-direction:column;gap:2px;filter:blur(6px);opacity:.75;pointer-events:none;user-select:none}
.mkmm-gate{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(260px,90%);display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 16px;border-radius:16px;background:rgba(255,255,255,.94);box-shadow:0 12px 32px -12px rgba(15,23,42,.35);text-align:center}
.mkmm-gate strong{font-size:15px;color:#0b1220}
.mkmm-gate span{font-size:13px;line-height:1.4;color:#5f6b7a}
.mkmm-gate a.mkmm-gate-up{display:inline-block;margin-top:4px;padding:9px 18px;border-radius:99px;background:#0b1220;color:#fff!important;font-size:13.5px;font-weight:600;text-decoration:none}
.mkmm-gate a.mkmm-gate-up:hover{background:var(--mkmm-accent,#2e5aac)}
.mkmm-gate a.mkmm-gate-in{font-size:12.5px;color:#5f6b7a!important;text-decoration:underline}
.mkmm-post{display:flex;gap:11px;padding:10px;border-radius:14px;text-decoration:none!important;color:#0f172a!important;transition:background .15s ease}
.mkmm-post:hover{background:#f4f7fd}
.mkmm-av{flex:none;width:30px;height:30px;border-radius:50%;object-fit:cover;background:#e7ecf4}
.mkmm-pb{display:flex;flex-direction:column;gap:2px;min-width:0}
.mkmm-pm{font-size:12.5px;color:#8391a7}
.mkmm-pm strong{color:#0f172a;font-weight:650}
.mkmm-px{font-size:13.5px;line-height:1.45;color:#334155;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mkmm-pc{font-size:11.5px;color:#8391a7}
.mkmm-upd{display:flex;flex-direction:column;gap:3px;padding:11px 12px;border-radius:14px;text-decoration:none!important;color:#0f172a!important;transition:background .15s ease}
.mkmm-upd:hover{background:#f4f7fd}
.mkmm-ut{align-self:flex-start;font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:999px;color:var(--c);background:color-mix(in srgb,var(--c) 12%,#fff)}
.mkmm-uh{font-weight:650;font-size:14.5px;line-height:1.35}
.mkmm-ud{font-size:12px;color:#8391a7}
.mkmm-thought{margin:8px 12px 0!important;padding:12px 14px;border-left:3px solid var(--mkmm-accent);background:#f7f9fd;border-radius:0 10px 10px 0;font-size:13.5px;line-height:1.5;color:#334155;font-style:italic}
.mkmm-faces{position:relative;display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 2px}
.mkmm-faces img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.6);background:rgba(255,255,255,.2);transition:transform .15s ease}
.mkmm-faces a:hover img{transform:translateY(-2px)}
.mkmm-stats{position:relative;display:flex;gap:16px;font-size:13px;color:rgba(255,255,255,.8);margin-top:6px}
.mkmm-stats strong{color:#fff;font-size:15px}
.mkmm-form{position:relative;display:flex;flex-direction:column;gap:8px;margin-top:6px}
.mkmm-form input[type=email],.mkmm-form input[type=text]{width:100%;padding:11px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.1);color:#fff;font-size:14px;outline:none}
.mkmm-form input::placeholder{color:rgba(255,255,255,.6)}
.mkmm-form input:focus{border-color:#fff;background:rgba(255,255,255,.16)}
.mkmm-form button{padding:11px 16px;border-radius:12px;border:0;background:#fff;color:#0b1220;font-weight:750;font-size:14px;cursor:pointer}
.mkmm-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.mkmm-f-members,.mkmm-f-newsletter{justify-content:flex-start}

/* 1.2: the Account panel */
.mkmm-me{display:flex;flex-direction:column;gap:12px;padding:6px 10px}
.mkmm-me-head{display:flex;align-items:center;gap:14px;text-decoration:none!important;color:#0f172a!important}
.mkmm-me-head img{width:52px;height:52px;border-radius:50%;object-fit:cover;background:#e7ecf4;box-shadow:0 0 0 3px #fff,0 0 0 5px color-mix(in srgb,var(--mkmm-accent) 30%,#fff)}
.mkmm-me-head strong{display:block;font-size:17px;line-height:1.2}
.mkmm-me-head em{display:block;font-style:normal;font-size:13px;color:#8391a7}
.mkmm-me-plans{display:flex;flex-wrap:wrap;gap:6px}
.mkmm-me-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.mkmm-me-stats span{display:flex;flex-direction:column;padding:10px 12px;border-radius:12px;background:#f4f7fd;font-size:12px;color:#5f6b7a}
.mkmm-me-stats strong{font-size:18px;color:#0f172a;line-height:1.2}
.mkmm-me-since{margin:0!important;font-size:12.5px;color:#8391a7}
.mkmm-me-btn{align-self:flex-start;padding:9px 16px;border-radius:999px;background:var(--mkmm-accent);color:#fff!important;font-weight:700;text-decoration:none!important}
.mkmm-f-earnings{justify-content:flex-start}
.mkmm-earn{position:relative;display:flex;flex-direction:column;gap:10px;margin-top:4px}
.mkmm-earn-main{display:flex;flex-direction:column;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16)}
.mkmm-earn-main span{font-size:12px;color:rgba(255,255,255,.75);text-transform:uppercase;letter-spacing:.08em;font-weight:700}
.mkmm-earn-main strong{font-size:28px;line-height:1.2;color:#fff}
.mkmm-earn-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mkmm-earn-grid span{display:flex;flex-direction:column;font-size:11.5px;color:rgba(255,255,255,.72)}
.mkmm-earn-grid strong{font-size:15px;color:#fff}
.mkmm-earn-link{display:flex;flex-direction:column;gap:4px;font-size:11.5px;color:rgba(255,255,255,.72)}
.mkmm-earn-link code{display:block;padding:7px 9px;border-radius:8px;background:rgba(0,0,0,.25);color:#fff;font-size:11.5px;word-break:break-all;user-select:all}
.mkmm-earn-none p{margin:0!important;font-size:13.5px;color:rgba(255,255,255,.82)}

/* 1.3: the Blog panel */
.mkmm-bp{display:flex;gap:12px;align-items:flex-start;padding:9px 10px;border-radius:14px;text-decoration:none!important;color:#0f172a!important;transition:background .15s ease}
.mkmm-bp:hover{background:#f4f7fd}
.mkmm-bi{flex:0 0 56px;width:56px;height:56px;border-radius:12px;object-fit:cover;background:#e7ecf4}
.mkmm-bi-none{display:block;background:linear-gradient(135deg,color-mix(in srgb,var(--mkmm-accent) 18%,#fff),#eef2f8)}
.mkmm-bb{display:flex;flex-direction:column;gap:4px;min-width:0}
.mkmm-bt{font-size:14.5px;font-weight:700;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mkmm-bm{font-size:12.5px;color:#8391a7}
.mkmm-f-mostread{justify-content:flex-start}
.mkmm-top{display:flex;flex-direction:column;gap:6px;text-decoration:none!important;color:#fff!important}
.mkmm-top img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:12px;background:rgba(255,255,255,.1)}
.mkmm-top strong{font-size:16px;line-height:1.3}
.mkmm-top span{font-size:12px;color:rgba(255,255,255,.72)}
.mkmm-top-more{display:block;padding:8px 0 0;margin-top:6px;border-top:1px solid rgba(255,255,255,.14);font-size:13.5px;font-weight:600;color:rgba(255,255,255,.9)!important;text-decoration:none!important}
.mkmm-top-more:hover,.mkmm-top:hover strong{text-decoration:underline!important}

/* 2.1: members-only links shown to visitors */
.mkmm-item.is-tease .mkmm-ic{opacity:.75}
.mkmm-item.is-tease .mkmm-t{color:#334155}

/* 2.2: phones and tablets, the drawer */
html.mkmm-dr-lock,html.mkmm-dr-lock body{overflow:hidden!important;overscroll-behavior:none!important}
.mkmm-dr-scrim,.mkmm-drawer{overscroll-behavior:none}
.mkmm-dr-scrim{position:fixed;inset:0;z-index:999996;background:rgba(10,15,30,.45);opacity:0;transition:opacity .22s ease}
.mkmm-dr-scrim.is-open{opacity:1}
.mkmm-drawer{position:fixed;top:0;right:0;bottom:0;z-index:999997;width:min(420px,calc(100vw - 36px));display:flex;flex-direction:column;background:#fff;box-shadow:-24px 0 60px rgba(15,23,42,.22);transform:translateX(104%);transition:transform .25s cubic-bezier(.2,.8,.2,1);font-family:inherit;padding-top:env(safe-area-inset-top,0px)}
.mkmm-drawer.is-open{transform:none}
.mkmm-dr-head{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 14px 14px 20px;border-bottom:1px solid #eef1f6}
.mkmm-dr-title{font-weight:800;font-size:16px;letter-spacing:.02em;color:#0f172a}
.mkmm-dr-x{display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:12px;background:#f4f7fd;color:#0f172a;cursor:pointer;padding:0}
.mkmm-dr-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:14px 12px calc(28px + env(safe-area-inset-bottom,0px))}
.mkmm-dr-me{display:flex;align-items:center;gap:12px;margin:0 6px 12px;padding:12px;border-radius:16px;background:#f4f7fd;text-decoration:none!important;color:#0f172a!important}
.mkmm-dr-me img{width:40px;height:40px;border-radius:50%;object-fit:cover}
.mkmm-dr-me strong{display:block;font-size:15.5px}
.mkmm-dr-me em{display:block;font-style:normal;font-size:12.5px;color:#5f6b7a}
.mkmm-dr-auth{display:grid;grid-template-columns:1fr 1.4fr;gap:8px;margin:0 6px 12px}
.mkmm-dr-auth a{display:flex;align-items:center;justify-content:center;padding:12px 10px;border-radius:12px;font-weight:700;font-size:14.5px;text-decoration:none!important}
.mkmm-dr-in{border:1px solid #d8e0ec;color:#0f172a!important}
.mkmm-dr-up{background:var(--mkmm-accent);color:#fff!important}
.mkmm-ml,.mkmm-ms-h{display:flex;width:100%;align-items:center;justify-content:space-between;padding:15px 12px;margin:0;border:0;border-bottom:1px solid #f0f2f7;background:none;font:inherit;font-size:17px;font-weight:650;color:#0f172a!important;text-align:left;text-decoration:none!important;cursor:pointer;border-radius:0}
.mkmm-ml.is-here{color:var(--mkmm-accent)!important}
.mkmm-ms-h svg{flex:none;transition:transform .2s ease;color:#8391a7}
.mkmm-ms-h[aria-expanded="true"]{color:var(--mkmm-accent)!important;border-bottom-color:transparent}
.mkmm-ms-h[aria-expanded="true"] svg{transform:rotate(180deg);color:var(--mkmm-accent)}
.mkmm-ms-b{padding:2px 0 14px;border-bottom:1px solid #f0f2f7;animation:mkmm-in .2s ease}
@keyframes mkmm-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.mkmm-ms-go{display:inline-flex;margin:2px 12px 6px;font-size:13.5px;font-weight:700;color:var(--mkmm-accent)!important;text-decoration:none!important}
.mkmm-ms-b .mkmm-group{padding:4px 0}
.mkmm-ms-b .mkmm-gt{margin:10px 12px 4px}
.mkmm-ms-b .mkmm-item{padding:10px 12px;gap:12px}
.mkmm-ms-b .mkmm-ic{width:38px;height:38px;border-radius:11px}
.mkmm-ms-b .mkmm-t{font-size:15px}
.mkmm-ms-b .mkmm-d{font-size:13px}
.mkmm-ms-b .mkmm-feature{min-height:0;margin:12px 6px 0;padding:20px;border-radius:16px}
.mkmm-ms-b .mkmm-ft{font-size:19px}
.mkmm-ms-b .mkmm-livegroup .mkmm-live{padding:0 4px}
@media (prefers-reduced-motion:reduce){.mkmm-drawer,.mkmm-dr-scrim,.mkmm-ms-h svg{transition:none}.mkmm-ms-b{animation:none}}

/* 2.2.3: full height in the installed app. The drawer runs up behind the
   phone's status bar. PWA PowerUp keeps a solid white strip over that bar
   at the highest possible layer, which is what held the drawer below it,
   so the strip steps aside while the drawer is open. The drawer's own part
   of that strip is white, like the rest of the site's top bar. */
html.mkmm-dr-lock #mpwa-status-bar-fill{opacity:0!important}

/* 2.2.6: the drawer looks the same on every page.
   On normal pages the theme's own button and text styles reached into the
   drawer: Astra paints buttons solid blue on hover and focus (which sticks
   after a tap on a phone, hence the stuck blue Account row), adds borders
   and shadows to them, and sets its own font. The community pages load
   less of that, which is why the drawer looked cleaner there. Everything
   the drawer draws is now pinned to its own values. */
.mkmm-drawer,.mkmm-drawer *{-webkit-tap-highlight-color:transparent}
.mkmm-drawer{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif!important;font-size:16px!important;line-height:1.4!important;color:#0f172a;-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-font-smoothing:antialiased;letter-spacing:normal}
.mkmm-drawer *{font-family:inherit!important;letter-spacing:inherit}
.mkmm-drawer .mkmm-gt{letter-spacing:.12em!important}
.mkmm-drawer .mkmm-b,.mkmm-drawer .mkmm-fk{letter-spacing:.06em!important}
.mkmm-drawer button,.mkmm-drawer button:hover,.mkmm-drawer button:focus,.mkmm-drawer button:active{-webkit-appearance:none;appearance:none;background:transparent!important;border:0!important;box-shadow:none!important;text-transform:none!important;text-shadow:none!important;min-height:0!important;outline:none}
.mkmm-drawer .mkmm-dr-x,.mkmm-drawer .mkmm-dr-x:hover,.mkmm-drawer .mkmm-dr-x:focus,.mkmm-drawer .mkmm-dr-x:active{background:#f4f7fd!important;color:#0f172a!important;padding:0!important;width:42px;height:42px;border-radius:12px!important}
.mkmm-drawer .mkmm-ms-h,.mkmm-drawer .mkmm-ms-h:hover,.mkmm-drawer .mkmm-ms-h:focus,.mkmm-drawer .mkmm-ms-h:active{padding:15px 12px!important;border-bottom:1px solid #f0f2f7!important;border-radius:0!important;font-size:17px!important;font-weight:650!important;line-height:1.3!important;color:#0f172a!important}
.mkmm-drawer .mkmm-ms-h[aria-expanded="true"]{color:var(--mkmm-accent)!important;border-bottom-color:transparent!important}
.mkmm-drawer .mkmm-ml{font-size:17px!important;font-weight:650!important;line-height:1.3!important;color:#0f172a!important}
.mkmm-drawer .mkmm-ml.is-here{color:var(--mkmm-accent)!important}
.mkmm-drawer .mkmm-ms-h:focus-visible,.mkmm-drawer .mkmm-dr-x:focus-visible,.mkmm-drawer a:focus-visible{outline:2px solid var(--mkmm-accent)!important;outline-offset:-2px}
.mkmm-drawer .mkmm-t{color:#0f172a!important}
.mkmm-drawer .mkmm-d{color:#5f6b7a!important}
.mkmm-drawer a{text-decoration:none!important}
.mkmm-drawer img{max-width:none;border:0}
.mkmm-drawer .mkmm-b{white-space:nowrap;flex:none}
.mkmm-drawer .mkmm-dr-auth a{white-space:nowrap;font-size:14px!important}

/* 2.3: the right-hand card as a carousel */
.mkmm-deck{position:relative;display:grid;min-height:260px}
.mkmm-deck>.mkmm-feature{grid-area:1/1;opacity:0;visibility:hidden;transform:translateY(8px) scale(.985);transition:opacity .45s ease,transform .45s ease,visibility 0s linear .45s;padding-bottom:40px}
.mkmm-deck>.mkmm-feature.is-on{opacity:1;visibility:visible;transform:none;transition:opacity .45s ease,transform .45s ease,visibility 0s}
.mkmm-f-item{justify-content:flex-end}
.mkmm-fi{position:relative;display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);color:#fff;margin-bottom:4px}
.mkmm-fi svg{width:26px;height:26px}
.mkmm-fbd{position:relative;align-self:flex-start;margin-top:-2px}
.mkmm-dots{position:absolute;left:24px;bottom:16px;z-index:2;display:flex;gap:6px}
.mkmm-dot{width:7px;height:7px;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.35);cursor:pointer;transition:width .25s ease,background .25s ease}
.mkmm-dot.is-on{width:20px;background:#fff}
.mkmm-deck:not(:has(.is-on))>.mkmm-feature:first-child{opacity:1;visibility:visible;transform:none}
.mkmm-deck:not(:has(.is-on)) .mkmm-dot:first-child{width:20px;background:#fff}
@media (prefers-reduced-motion:reduce){.mkmm-deck>.mkmm-feature{transition:none}}

/* 2.4.0: more room for the links, a smaller card.
   The panel was capped at 1180px with a 300px card, so a three-column
   panel like Services squeezed its links into roughly 250px each: long
   titles broke over three lines and price badges wrapped beside them.
   The panel may now use more of a wide screen, the card is narrower and
   sits at the top instead of stretching the full height, and a badge
   drops under its title when there is no room rather than crushing it. */
.mkmm-inner{max-width:1340px;grid-template-columns:1fr 256px;gap:26px;padding:24px 26px}
.mkmm-groups{gap:4px 22px}
.mkmm-item{gap:12px;padding:11px 12px}
.mkmm-ic{width:38px;height:38px;border-radius:11px}
.mkmm-t{flex-wrap:wrap;row-gap:4px}
.mkmm-b{white-space:nowrap}
.mkmm-feature{padding:20px;min-height:0;gap:8px}
.mkmm-inner>.mkmm-feature,.mkmm-inner>.mkmm-deck{align-self:start;position:sticky;top:0}
.mkmm-deck{min-height:300px}
.mkmm-ft{font-size:19px}
.mkmm-fx{font-size:13.5px;line-height:1.5}
.mkmm-fb{padding:9px 14px;font-size:13.5px}
.mkmm-dots{left:20px;bottom:14px}
.mkmm-glow{width:180px;height:180px;right:-50px;top:-50px}
@media (max-width:1240px){.mkmm-inner{grid-template-columns:1fr 228px;gap:20px;padding:22px}}
@media (max-width:1100px){.mkmm-inner{grid-template-columns:1fr 220px}}

/* 2.6: light feature cards. The right-hand card and carousel slides use the
   site's house look (pale blue to teal wash, white tiles, near-black button)
   instead of the dark navy gradient. Colours only; layout is unchanged. */
.mkmm-feature{color:#0b1220;border:1px solid #dbe7fb;background:radial-gradient(circle at 92% 6%,rgba(8,145,178,.16),transparent 42%),radial-gradient(circle at 4% 100%,rgba(37,99,235,.12),transparent 46%),linear-gradient(150deg,#f5f8ff 0%,#eefbfd 100%);box-shadow:0 18px 44px -26px rgba(15,23,42,.22)}
.mkmm-glow{background:radial-gradient(circle,rgba(8,145,178,.22) 0%,transparent 70%);opacity:1}
.mkmm-fk{background:#fff;color:#1d4ed8;border:1px solid #cfe0ff}
.mkmm-ft{color:#0b1220}
.mkmm-fx{color:#5f6b7a}
.mkmm-fi{background:#fff;border:1px solid #dbe7fb;color:#2563eb;box-shadow:0 10px 24px -14px rgba(37,99,235,.45)}
.mkmm-fb{background:#111827;color:#fff!important;transition:transform .15s ease,background .15s ease}
.mkmm-fb:hover{background:#2563eb}
.mkmm-fbd .mkmm-b-price{background:#fff;color:#0b1220;border:1px solid #dbe7fb}
.mkmm-dot{background:rgba(15,23,42,.16)}
.mkmm-dot.is-on,.mkmm-deck:not(:has(.is-on)) .mkmm-dot:first-child{background:linear-gradient(90deg,#2563eb,#0891b2)}
.mkmm-skel-d{background:linear-gradient(90deg,rgba(37,99,235,.06),rgba(37,99,235,.12),rgba(37,99,235,.06));background-size:200% 100%}
.mkmm-faces img{border-color:#fff;background:#e7ecf4;box-shadow:0 4px 12px -6px rgba(15,23,42,.3)}
.mkmm-stats{color:#5f6b7a}
.mkmm-stats strong{color:#0b1220}
.mkmm-form input[type=email],.mkmm-form input[type=text]{border:1px solid #d8e0ec;background:#fff;color:#0b1220}
.mkmm-form input::placeholder{color:#8494a8}
.mkmm-form input:focus{border-color:#2563eb;background:#fff;box-shadow:0 0 0 3px rgba(37,99,235,.12)}
.mkmm-form button{background:#111827;color:#fff;transition:background .15s ease}
.mkmm-form button:hover{background:#2563eb}
.mkmm-earn-main{background:#fff;border:1px solid #dbe7fb}
.mkmm-earn-main span,.mkmm-earn-grid span,.mkmm-earn-link{color:#5f6b7a}
.mkmm-earn-main strong,.mkmm-earn-grid strong{color:#0b1220}
.mkmm-earn-link code{background:#fff;border:1px solid #dbe7fb;color:#0b1220}
.mkmm-earn-none p{color:#5f6b7a}
.mkmm-top{color:#0b1220!important}
.mkmm-top img{background:#e7ecf4}
.mkmm-top span{color:#5f6b7a}
.mkmm-top-more{border-top-color:#dbe7fb;color:#1d4ed8!important}