/* Scoped to this landing page; does not change the signed-in dashboard. */
    .mm-landing { --mm-navy:#121018; --mm-ink:#16141f; --mm-muted:#64748b; --mm-blue:#2A62FB; --mm-line:#e2e8f0; --mm-soft:#f6f4fc; color:var(--mm-ink); background:#fff; overflow:hidden; }
    .mm-landing *, .mm-landing *::before, .mm-landing *::after { box-sizing:border-box; }
    .mm-landing a { text-decoration:none; }
    .mm-landing .mm-container { max-width:1160px; padding:0 24px; margin:0 auto; }
    .mm-landing .mm-nav { border-bottom:1px solid var(--mm-line); background:#fff; }
    .mm-landing .mm-nav-inner { min-height:76px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
    .mm-landing .mm-brand { display:inline-flex; align-items:center; gap:10px; color:var(--mm-navy); font-size:23px; font-weight:800; letter-spacing:-.8px; }
    .mm-landing .mm-brand-mark { display:grid; place-items:center; width:34px; height:34px; border-radius:10px; background:var(--mm-navy); color:#fff; font-size:21px; line-height:1; }
    .mm-landing .mm-links { display:flex; align-items:center; gap:26px; }
    .mm-landing .mm-links a { font-size:14px; color:#40536c; font-weight:600; }
    .mm-landing .mm-links a:hover { color:var(--mm-blue); }
    .mm-landing .mm-button { display:inline-flex; justify-content:center; align-items:center; gap:8px; border-radius:10px; padding:13px 21px; background:linear-gradient(105deg,#0877c8,#2346e6 48%,#6414dc); color:white!important; font-weight:700; font-size:14px; border:1px solid transparent; transition:transform .15s,filter .15s; }
    .mm-landing .mm-button:hover { filter:brightness(1.08); transform:translateY(-1px); }
    .mm-landing .mm-button-light { color:var(--mm-navy)!important; background:#fff; border-color:#cbd5e1; }
    .mm-landing .mm-button-light:hover { background:#f1f5f9; }
    .mm-landing .mm-hero { background:linear-gradient(180deg,#f6f9fd 0%,#fff 100%); padding:88px 0 80px; }
    .mm-landing .mm-hero-grid { display:grid; grid-template-columns:.88fr 1.12fr; align-items:center; gap:52px; }
    .mm-landing .mm-eyebrow { text-transform:uppercase; letter-spacing:2px; color:#5A2FF4; font-size:11px; font-weight:800; margin:0 0 19px; }
    .mm-landing h1 { color:var(--mm-navy); font-size:clamp(39px,4.6vw,65px); letter-spacing:-2.7px; line-height:1.08; font-weight:800; margin:0 0 23px; }
    .mm-landing .mm-hero-copy { font-size:18px; line-height:1.75; color:#586a80; max-width:490px; margin:0 0 27px; }
    .mm-landing .mm-actions { display:flex; flex-wrap:wrap; gap:12px; }
    .mm-landing .mm-fine { margin-top:14px; color:#728096; font-size:12px; }
    .mm-landing .mm-preview-wrap { position:relative; }
    .mm-landing .mm-preview-wrap::before { content:""; position:absolute; inset:8% -5% -7% 5%; border-radius:40px; background:linear-gradient(120deg,#b9ecff,#d9ccff); filter:blur(35px); opacity:.75; }
    .mm-landing .mm-preview { position:relative; background:#fff; border:1px solid #dce4ef; border-radius:16px; overflow:hidden; box-shadow:0 25px 65px rgba(22,48,82,.16); transform:rotate(1deg); }
    .mm-landing .mm-preview-head { display:flex; align-items:center; justify-content:space-between; background:#152d4a; color:#fff; padding:13px 17px; }
    .mm-landing .mm-preview-brand { font-weight:800; font-size:14px; letter-spacing:-.2px; }
    .mm-landing .mm-preview-nav { font-size:10px; color:#cbd8e8; }
    .mm-landing .mm-preview-body { padding:19px; }
    .mm-landing .mm-preview-title { display:flex; justify-content:space-between; align-items:center; gap:10px; margin-bottom:15px; }
    .mm-landing .mm-preview-title strong { color:var(--mm-navy); font-size:18px; }
    .mm-landing .mm-preview-title span { font-size:10px; color:#7b8999; }
    .mm-landing .mm-says { border:1px solid #cbdcf0; background:#f2f7fd; border-radius:10px; padding:16px; margin-bottom:13px; }
    .mm-landing .mm-says-label { display:flex; gap:8px; align-items:center; font-size:10px; font-weight:800; color:#1c5eaa; letter-spacing:.8px; text-transform:uppercase; margin-bottom:8px; }
    .mm-landing .mm-dot { width:7px; height:7px; border-radius:50%; background:#2c78ce; }
    .mm-landing .mm-says strong { display:block; color:#19334e; font-size:14px; margin-bottom:6px; }
    .mm-landing .mm-says p { font-size:11px; line-height:1.6; color:#52687e; margin:0 0 9px; }
    .mm-landing .mm-says-action { color:#1d5fa7; font-size:11px; font-weight:800; }
    .mm-landing .mm-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin-bottom:13px; }
    .mm-landing .mm-metric { padding:11px 9px; border:1px solid #e4eaf2; border-radius:8px; }
    .mm-landing .mm-metric small { display:block; color:#748297; font-size:9px; margin-bottom:6px; }
    .mm-landing .mm-metric strong { display:block; color:#1b3048; font-size:18px; }
    .mm-landing .mm-health { border:1px solid #e4eaf2; border-radius:9px; padding:13px; }
    .mm-landing .mm-health-head { display:flex; justify-content:space-between; margin-bottom:11px; font-size:12px; font-weight:800; }
    .mm-landing .mm-health-head span { color:#8a97a6; font-weight:500; font-size:10px; }
    .mm-landing .mm-health-pills { display:flex; gap:7px; flex-wrap:wrap; }
    .mm-landing .mm-pill { padding:5px 8px; border-radius:5px; font-size:10px; font-weight:700; }
    .mm-landing .mm-pill-good { background:#e9f7ef; color:#23714b; }
    .mm-landing .mm-pill-watch { background:#fff4d9; color:#90600e; }
    .mm-landing .mm-pill-alert { background:#ffeded; color:#aa3434; }
    .mm-landing .mm-sample { position:relative; text-align:right; margin-top:10px; color:#8795a6; font-size:10px; }
    .mm-landing .mm-section { padding:88px 0; }
    .mm-landing .mm-section-alt { background:#f7f9fc; }
    .mm-landing .mm-section-head { text-align:center; max-width:710px; margin:0 auto 42px; }
    .mm-landing h2 { color:var(--mm-navy); font-size:clamp(29px,3.1vw,40px); font-weight:800; letter-spacing:-1.2px; margin:0 0 13px; }
    .mm-landing .mm-section-head p { color:#66778a; line-height:1.75; font-size:16px; margin:0; }
    .mm-landing .mm-three { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
    .mm-landing .mm-feature { border:1px solid #e1e8f0; border-radius:13px; padding:27px; background:#fff; }
    .mm-landing .mm-feature-icon { display:grid; place-items:center; width:40px; height:40px; border-radius:10px; background:#f3eeff; color:#5A2FF4; font-weight:800; margin-bottom:17px; }
    .mm-landing .mm-feature h3 { font-size:17px; color:#19324e; font-weight:800; margin:0 0 9px; }
    .mm-landing .mm-feature p { font-size:14px; line-height:1.7; color:#65758a; margin:0; }
    .mm-landing .mm-product { display:grid; grid-template-columns:1fr 1fr; gap:50px; align-items:center; }
    .mm-landing .mm-product p { color:#64748b; font-size:16px; line-height:1.8; }
    .mm-landing .mm-checks { list-style:none; margin:22px 0 0; padding:0; }
    .mm-landing .mm-checks li { margin:0 0 13px; padding-left:27px; position:relative; color:#3f5268; font-size:14px; }
    .mm-landing .mm-checks li::before { content:"\2713"; position:absolute; left:0; color:#23815c; font-weight:800; }
    .mm-landing .mm-screenshot-slot { border:1px dashed #9fb2cb; background:linear-gradient(145deg,#e9f0f9,#f9fbfd); border-radius:16px; padding:60px 25px; text-align:center; color:#48627e; }
    .mm-landing .mm-screenshot-slot strong { display:block; font-size:19px; margin-bottom:8px; }
    .mm-landing .mm-screenshot-slot span { font-size:13px; }
    .mm-landing .mm-price { max-width:510px; margin:0 auto; border:1px solid #d9e4f1; border-radius:17px; padding:36px; background:#fff; box-shadow:0 14px 38px rgba(20,44,73,.06); text-align:center; }
    .mm-landing .mm-price .mm-amount { font-size:54px; letter-spacing:-2px; color:var(--mm-navy); font-weight:800; }
    .mm-landing .mm-price .mm-amount span { font-size:16px; letter-spacing:0; color:#708198; font-weight:500; }
    .mm-landing .mm-price p { color:#63748a; line-height:1.7; }
    .mm-landing .mm-price .mm-button { width:100%; margin-top:10px; }
    .mm-landing .mm-faq { max-width:800px; margin:0 auto; }
    .mm-landing .mm-faq details { border-bottom:1px solid #dfe6ef; padding:18px 0; }
    .mm-landing .mm-faq summary { color:var(--mm-navy); font-weight:750; cursor:pointer; font-size:16px; }
    .mm-landing .mm-faq details p { color:#64748b; line-height:1.75; margin:13px 0 0; }
    .mm-landing .mm-final { padding:74px 0; background:#05060a; color:#fff; text-align:center; }
    .mm-landing .mm-final h2 { color:#fff; }
    .mm-landing .mm-final p { color:#c9d8e8; margin-bottom:25px; }
    .mm-landing .mm-final .mm-button { background:linear-gradient(105deg,#0877c8,#2346e6 48%,#6414dc); border-color:transparent; color:#fff!important; }
    .mm-landing .mm-footer { padding:26px 0; border-top:1px solid #e4eaf2; color:#718096; font-size:13px; }
    .mm-landing .mm-footer-inner { display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; }
    .mm-landing .mm-footer a { color:#355880; font-weight:650; }
    .mk-brand {
            color: #172033 !important;
            font-size: 1.3rem;
            font-weight: 750;
            letter-spacing: -.035em;
            text-decoration: none;
            margin-right: 34px;
        }

        .mk-brand-mark {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 29px;
            height: 29px;
            margin-right: 8px;
            border-radius: 8px;
            background: #3B2BD6;
            color: #fff;
            font-size: .85rem;
            font-weight: 800;
            vertical-align: middle;
        }
    @media(max-width:991px) { .mm-landing .mm-hero-grid { grid-template-columns:1fr; gap:46px; } .mm-landing .mm-hero { padding:65px 0; } .mm-landing .mm-preview-wrap { max-width:670px; margin:auto; width:100%; } .mm-landing .mm-product { grid-template-columns:1fr; } .mm-landing .mm-links { gap:13px; } }
    @media(max-width:700px) { .mm-landing .mm-container { padding:0 18px; } .mm-landing .mm-links .mm-anchor { display:none; } .mm-landing .mm-nav-inner { min-height:67px; } .mm-landing .mm-brand { font-size:19px; } .mm-landing .mm-links { gap:10px; } .mm-landing .mm-links a { font-size:12px; } .mm-landing .mm-links .mm-button { padding:10px 11px; } .mm-landing h1 { letter-spacing:-1.5px; } .mm-landing .mm-hero-copy { font-size:16px; } .mm-landing .mm-three { grid-template-columns:1fr; } .mm-landing .mm-section { padding:64px 0; } .mm-landing .mm-preview-body { padding:12px; } .mm-landing .mm-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); } .mm-landing .mm-preview { transform:none; } .mm-landing .mm-price { padding:25px; } }
    @media(prefers-reduced-motion:reduce) { .mm-landing .mm-button { transition:none; } .mm-landing .mm-button:hover { transform:none; } }

/* Homepage header and current dashboard preview. */
.mm-landing .mm-nav{background:#05060a;border-bottom-color:transparent}.mm-landing .mm-nav .mm-brand{color:white}.mm-landing .mm-nav .mm-links a{color:#e4e0f2}.mm-landing .mm-nav .mm-links a:hover{color:white}.mm-landing .mm-nav .mm-links .mm-button{background:linear-gradient(105deg,#0877c8,#2346e6 48%,#6414dc);border-color:transparent}.mm-landing .mm-nav .mm-links .mm-button:hover{filter:brightness(1.08)}.mm-landing .mm-nav a:focus-visible{outline:2px solid #00C4FC;outline-offset:4px}
.mm-landing .mm-preview{transform:none}.mm-landing .mm-preview-head{background:#05060a;color:white;border-bottom:1px solid #2a2440}.mm-landing .mm-preview-nav{color:#d1ddef}.mm-landing .mm-preview-brand{display:flex;align-items:center;gap:7px}.mm-landing .mm-preview-mark{display:grid;place-items:center;background:#3B2BD6;color:white;width:23px;height:23px;border-radius:6px;font-size:13px}.mm-landing .mm-preview-body{background:#fafcff}.mm-landing .mm-preview-checkin>small{color:#577195;font-size:9px;font-weight:750;letter-spacing:.09em}.mm-landing .mm-preview-checkin h3{font-size:15px;line-height:1.4;margin:7px 0 13px;font-weight:750}.mm-landing .mm-preview-row{display:grid;grid-template-columns:62px minmax(70px,1fr) minmax(95px,1.25fr) 10px;align-items:center;gap:9px;border:1px solid #dce5ef;background:white;border-radius:8px;padding:12px 10px;margin-bottom:8px;font-size:10px}.mm-landing .mm-preview-row strong{font-size:10px;color:#233953}.mm-landing .mm-preview-row>span:not(.mm-preview-bar){font-size:9px;font-weight:650;color:#9b701e}.mm-landing .mm-preview-good>span:not(.mm-preview-bar){color:#24836c}.mm-landing .mm-preview-bad>span:not(.mm-preview-bar){color:#b64549}.mm-landing .mm-preview-row b{color:#3B2BD6;font-weight:500}.mm-landing .mm-preview-bar{display:block;position:relative;height:7px;border-radius:5px;background:linear-gradient(to right,#c95157,#e3b447,#35997c)}.mm-landing .mm-preview-bar i{position:absolute;top:-3px;height:13px;width:3px;border:1px solid white;border-radius:2px;background:#172033;transform:translateX(-50%)}.mm-landing .mm-preview-results{display:flex;justify-content:space-between;align-items:center;margin:20px 0 10px;font-size:12px}.mm-landing .mm-preview-results span{padding:4px 7px;border:1px solid #dce5ef;border-radius:5px;background:white;color:#5d6e83;font-size:9px}.mm-landing .mm-metrics{grid-template-columns:repeat(3,minmax(0,1fr));margin:0}.mm-landing .mm-metric{background:white}.mm-landing .mm-sample{font-size:9px;line-height:1.5;margin-top:12px}@media(max-width:400px){.mm-landing .mm-preview-row{grid-template-columns:43px minmax(60px,1fr) minmax(83px,1.2fr) 8px;gap:6px;padding:11px 7px}.mm-landing .mm-preview-nav{font-size:8px}.mm-landing .mm-metric strong{font-size:15px}.mm-landing .mm-preview-checkin h3{font-size:14px}}

.mm-landing .mm-flat-price{font-size:14px;font-weight:650;color:#355880;margin:10px 0 0;line-height:1.5}

/* Readable full-width product screenshot. */
.mm-landing .mm-product-benefits{align-items:start;margin-bottom:34px}.mm-landing .mm-product-benefits .mm-checks{margin-top:6px}.mm-landing .mm-real-dashboard-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.mm-landing .mm-real-dashboard-heading h3{font-size:23px;color:var(--mm-navy);font-weight:750;margin:0 0 6px}.mm-landing .mm-real-dashboard-heading p{font-size:14px;color:var(--mm-muted);margin:0}.mm-landing .mm-real-dashboard-heading>a{color:#3B2BD6;font-size:14px;font-weight:650;white-space:nowrap}.mm-landing .mm-real-dashboard-frame{display:block;padding:8px;border:1px solid #dce5ef;border-radius:16px;background:white;box-shadow:0 18px 48px #142c4910;overflow:hidden}.mm-landing .mm-real-dashboard-frame img{display:block;width:100%;height:auto;border-radius:10px}.mm-landing .mm-real-dashboard-frame:focus-visible{outline:3px solid #3B2BD6;outline-offset:4px}.mm-landing .mm-real-dashboard-caption{color:#748297;font-size:12px;margin:12px 0 0;text-align:center}@media(max-width:700px){.mm-landing .mm-real-dashboard-heading{align-items:start;gap:12px}.mm-landing .mm-real-dashboard-heading h3{font-size:19px}.mm-landing .mm-real-dashboard-heading>a{font-size:12px}.mm-landing .mm-real-dashboard-frame{padding:4px;border-radius:10px}.mm-landing .mm-real-dashboard-frame img{border-radius:6px}}

/* Sample account. Illustrative dashboard, matching the signed-in cards and arrows. */
.mm-landing .mm-feature-intro { max-width: 820px; margin: 0 auto 34px; }
.mm-landing .mm-feature-intro .mm-checks { display: grid; grid-template-columns: 1fr 1fr; gap: 2px 28px; margin-top: 18px; }
.mm-landing .mm-sample-stage { margin-top: 6px; }
.mm-landing .mm-sample-stage > div:first-child { display: flex; justify-content: space-between; align-items: flex-end; gap: 16px; margin-bottom: 14px; }
.mm-landing .mm-sample-stage h3 { margin: 0 0 4px; color: var(--mm-navy); font-size: 22px; font-weight: 800; letter-spacing: -.4px; }
.mm-landing .mm-sample-stage > div:first-child p { margin: 0; max-width: 520px; color: #64748b; font-size: 14px; line-height: 1.5; text-align: right; }
.mm-landing .mm-sample { position: relative; margin: 0; text-align: left; font-size: 14px; line-height: 1.4; color: #172033; background: #fff; border: 1px solid #d5deea; border-radius: 16px; box-shadow: 0 22px 55px rgba(22, 48, 82, .14); overflow: visible; }
.mm-landing .mm-sample-chrome { position: relative; display: flex; align-items: center; flex-wrap: wrap; gap: 10px 16px; min-height: 48px; padding: 8px 14px; background: #05060a; color: #fff; border-radius: 15px 15px 0 0; }
.mm-landing .mm-sample-chrome::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: linear-gradient(90deg, #00C4FC, #2A62FB 46%, #7B15F4); }
.mm-landing .mm-sample-chrome img { display: block; height: 26px; width: auto; }
.mm-landing .mm-sample-nav { display: flex; align-items: center; gap: 14px; color: #d5deea; font-size: 12px; font-weight: 650; }
.mm-landing .mm-sample-nav b { color: #8eecff; font-weight: 750; box-shadow: inset 0 -2px 0 #8eecff; padding-bottom: 2px; }
.mm-landing .mm-sample-user { margin-left: auto; display: inline-flex; align-items: center; gap: 7px; padding: 3px 10px 3px 3px; border: 1px solid #2c3344; border-radius: 999px; background: #141820; color: #e7eef8; font-size: 11px; font-weight: 650; white-space: nowrap; }
.mm-landing .mm-sample-user i { display: grid; place-items: center; width: 20px; height: 20px; border-radius: 50%; background: #2A62FB; color: #fff; font-style: normal; font-size: 11px; font-weight: 800; }
.mm-landing .mm-sample-body { padding: 14px; background: #f6f8fc; border-radius: 0 0 15px 15px; }
.mm-landing .mm-sample-kicker { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; margin-bottom: 12px; }
.mm-landing .mm-sample-kicker strong { display: block; font-size: 20px; letter-spacing: -.03em; }
.mm-landing .mm-sample-kicker p { margin: 2px 0 0; color: #5c6b80; font-size: 13px; }
.mm-landing .mm-sample-kicker > span { flex: none; padding: 4px 8px; border-radius: 999px; background: #eef2ff; color: #3B2BD6; font-size: 11px; font-weight: 750; }
.mm-landing .mm-sample-status { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 12px; align-items: center; margin-bottom: 12px; padding: 12px 14px; border: 1px solid #b7ebc9; border-radius: 14px; background: linear-gradient(105deg, #e7fbee, #f7fffb 58%); }
.mm-landing .mm-sample-mark { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: linear-gradient(160deg, #3dce74, #0c8f42); box-shadow: 0 6px 16px rgba(12, 143, 66, .25); }
.mm-landing .mm-sample-mark svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
.mm-landing .mm-sample-copy strong { display: block; font-size: 16px; letter-spacing: -.02em; }
.mm-landing .mm-sample-copy p { margin: 2px 0 4px; color: #3d4d63; font-size: 13px; }
.mm-landing .mm-sample-why { color: #2346e6; font-size: 12px; font-weight: 750; cursor: help; }
.mm-landing .mm-sample-side { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; }
.mm-landing .mm-sample-range, .mm-landing .mm-sample-dates { color: #5c6b80; font-size: 11px; font-weight: 700; }
.mm-landing .mm-sample-btn { display: inline-flex; padding: 6px 12px; border-radius: 8px; background: linear-gradient(105deg, #0877c8, #2346e6 48%, #6414dc); color: #fff; font-size: 12px; font-weight: 750; }
.mm-landing .mm-sample-boards { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.mm-landing .mm-sample-boards section { padding: 12px; border-radius: 14px; }
.mm-landing .mm-sample-boards .is-leads { border: 1px solid #d7e6f5; background: linear-gradient(180deg, #f3f9ff, #fff 42%); }
.mm-landing .mm-sample-boards .is-sales { border: 1px solid transparent; background: linear-gradient(#f4fff8, #fff 46%) padding-box, linear-gradient(120deg, #1ed760, #7b15f4) border-box; }
.mm-landing .mm-sample-boards h3 { margin: 0 0 8px; font-size: 15px; font-weight: 800; }
.mm-landing .mm-sample-boards .is-leads h3 { color: #0874b4; }
.mm-landing .mm-sample-boards .is-sales h3 { color: #0c8f42; }
.mm-landing .mm-sample-metrics { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.mm-landing .mm-sample.is-full .mm-sample-metrics { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.mm-landing .mm-sample-card { margin: 0; padding: 8px 10px 7px; border-radius: 12px; background: #fff; border: 1px solid #e4edf6; box-shadow: 0 4px 12px rgba(16, 24, 40, .05); }
.mm-landing .is-leads .mm-sample-card { border-color: #d5e8f8; }
.mm-landing .is-sales .mm-sample-card { border-color: #d7f0e2; }
.mm-landing .mm-sample-name { color: #5c6b80; font-size: 10px; font-weight: 750; letter-spacing: .04em; text-transform: uppercase; cursor: help; }
.mm-landing .mm-sample-card strong { display: block; margin-top: 2px; font-size: 18px; font-weight: 780; letter-spacing: -.03em; }
.mm-landing .is-leads .mm-sample-card strong { color: #0b5f96; }
.mm-landing .is-sales .mm-sample-card strong { color: #0a7a38; }
.mm-landing .mm-sample-delta { display: inline-flex; align-items: center; gap: 3px; margin-top: 6px; padding: 2px 8px 2px 6px; border-radius: 999px; background: #f1f4f8; color: #5c6b80; font-size: 12px; font-weight: 750; cursor: help; }
.mm-landing .mm-sample-delta svg { width: 12px; height: 12px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.mm-landing .mm-sample-delta.is-good { background: #e7fbee; color: #067647; }
.mm-landing .mm-sample-tip { position: relative; display: inline-flex; max-width: 100%; }
.mm-landing .mm-sample-bubble { position: absolute; left: 0; bottom: calc(100% + 8px); z-index: 8; width: max-content; max-width: 220px; padding: 8px 10px; border-radius: 10px; background: #172033; color: #f4fbff; font-size: 12px; font-weight: 650; line-height: 1.35; letter-spacing: 0; text-transform: none; box-shadow: 0 8px 20px rgba(16, 24, 40, .22); opacity: 0; pointer-events: none; transform: translateY(4px); }
.mm-landing .mm-sample-tip:hover .mm-sample-bubble, .mm-landing .mm-sample-tip:focus-within .mm-sample-bubble { opacity: 1; transform: none; }
.mm-landing .mm-sample-card:nth-child(n+3) .mm-sample-bubble, .mm-landing .mm-sample-boards section:last-child .mm-sample-bubble { left: auto; right: 0; }
.mm-landing .mm-sample-note { margin: 10px 0 0; color: #748297; font-size: 11px; text-align: right; }
.mm-landing .mm-sample.is-hero .mm-sample-kicker { display: none; }
.mm-landing .mm-sample.is-hero .mm-sample-body { padding: 12px; }
.mm-landing .mm-sample.is-hero .mm-sample-chrome img { height: 22px; }
.mm-landing .mm-sample.is-hero .mm-sample-copy strong { font-size: 15px; }
.mm-landing .mm-sample.is-hero .is-extra { display: none; }
@media (max-width: 900px) {
    .mm-landing .mm-sample.is-full .mm-sample-metrics { grid-template-columns: 1fr 1fr; }
    .mm-landing .mm-sample-status { grid-template-columns: auto minmax(0, 1fr); }
    .mm-landing .mm-sample-side { grid-column: 1 / -1; flex-direction: row; align-items: center; justify-content: flex-start; }
}
@media (max-width: 700px) {
    .mm-landing .mm-feature-intro .mm-checks, .mm-landing .mm-sample-boards { grid-template-columns: 1fr; }
    .mm-landing .mm-sample-stage > div:first-child { flex-direction: column; align-items: flex-start; }
    .mm-landing .mm-sample-stage > div:first-child p { text-align: left; }
    .mm-landing .mm-sample-nav span { display: none; }
    .mm-landing .mm-sample-user { font-size: 0; }
    .mm-landing .mm-sample-user i { font-size: 11px; }
    .mm-landing .mm-founder-inner { align-items: flex-start; flex-direction: column; }
    .mm-landing .mm-plans { grid-template-columns: 1fr; }
}

.mm-landing .mm-founder { background: linear-gradient(105deg, #0877c8, #2346e6 48%, #6414dc); color: #fff; }
.mm-landing .mm-founder-inner { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 56px; padding-top: 10px; padding-bottom: 10px; }
.mm-landing .mm-founder p { margin: 0; font-size: 14px; line-height: 1.45; }
/* The Founder's Beta bar starts collapsed and slides down about two seconds after the page loads. */
.mm-landing .mm-founder { overflow: hidden; max-height: 0; opacity: 0; animation: mm-founder-drop .7s cubic-bezier(.22, 1, .36, 1) 2s forwards; }
.mm-landing .mm-founder-inner { color: #fff !important; text-decoration: none; cursor: pointer; }
.mm-landing .mm-founder-copy { font-size: 15px; line-height: 1.45; }
.mm-landing .mm-founder-copy strong { font-weight: 800; }
.mm-landing .mm-founder-emoji { display: inline-block; margin-right: 4px; font-size: 18px; }
.mm-landing .mm-founder-inner:hover .mm-button, .mm-landing .mm-founder-inner:focus-visible .mm-button { background: #f4f7ff; transform: translateY(-1px); }
.mm-landing .mm-founder-inner:focus-visible { outline: 2px solid #fff; outline-offset: -4px; }
.mm-landing .mm-founder .mm-founder-cta { font-weight: 800; animation: mm-founder-pulse 2.4s ease-in-out 3.2s infinite; }
@keyframes mm-founder-drop { from { max-height: 0; opacity: 0; } to { max-height: 160px; opacity: 1; } }
@keyframes mm-founder-pulse { 0%, 100% { box-shadow: 0 0 0 0 rgba(255, 255, 255, .55); } 60% { box-shadow: 0 0 0 9px rgba(255, 255, 255, 0); } }
@media (prefers-reduced-motion: reduce) {
    .mm-landing .mm-founder { animation: none; max-height: none; opacity: 1; }
    .mm-landing .mm-founder .mm-founder-cta { animation: none; }
}
.mm-landing .mm-founder .mm-button { background: #fff; color: #1a1464 !important; padding: 8px 14px; white-space: nowrap; }
.mm-landing .mm-founder .mm-button:hover { filter: none; background: #f4f7ff; }
.mm-landing .mm-plans { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; align-items: stretch; }
.mm-landing .mm-plan { display: flex; flex-direction: column; background: #fff; border: 1px solid #d9e4f1; border-radius: 16px; padding: 26px 22px; text-align: left; }
.mm-landing .mm-plan.is-base { border-color: #2346e6; box-shadow: 0 14px 38px rgba(35, 70, 230, .12); }
.mm-landing .mm-plan .mm-amount { font-size: 42px; letter-spacing: -1.5px; color: var(--mm-navy); font-weight: 800; }
.mm-landing .mm-plan .mm-amount span { font-size: 15px; letter-spacing: 0; color: #708198; font-weight: 500; }
.mm-landing .mm-plan p { color: #52657c; font-size: 14px; line-height: 1.55; margin: 8px 0 0; }
.mm-landing .mm-plan ul { list-style: none; margin: 16px 0 22px; padding: 0; }
.mm-landing .mm-plan li { position: relative; margin: 0 0 8px; padding-left: 22px; color: #3f5268; font-size: 14px; }
.mm-landing .mm-plan li::before { content: "\2713"; position: absolute; left: 0; color: #23815c; font-weight: 800; }
.mm-landing .mm-plan .mm-button { margin-top: auto; }
.mm-landing .mm-plans-note { margin: 18px 0 0; text-align: center; }
/* Founder's Beta pop-up: opens after about 10 seconds, or when the pointer heads for the browser chrome. */
html.mm-popup-open { overflow: hidden; }
.mm-landing .mm-popup { position: fixed; inset: 0; z-index: 1000; display: flex; align-items: center; justify-content: center; padding: 20px; background: rgba(5, 6, 10, .62); backdrop-filter: blur(4px); opacity: 0; transition: opacity .2s ease; overflow-y: auto; }
.mm-landing .mm-popup[hidden] { display: none; }
.mm-landing .mm-popup.is-visible { opacity: 1; }
.mm-landing .mm-popup-card { position: relative; width: 100%; max-width: 440px; margin: auto; background: #fff; border-radius: 20px; overflow: hidden; box-shadow: 0 30px 80px rgba(5, 6, 10, .45); transform: translateY(18px) scale(.97); transition: transform .3s cubic-bezier(.22, 1, .36, 1); outline: none; }
.mm-landing .mm-popup.is-visible .mm-popup-card { transform: none; }
.mm-landing .mm-popup-close { position: absolute; top: 10px; right: 12px; width: 36px; height: 36px; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .16); color: #fff; font-size: 24px; line-height: 1; cursor: pointer; }
.mm-landing .mm-popup-close:hover { background: rgba(255, 255, 255, .3); }
.mm-landing .mm-popup-top { padding: 30px 28px 24px; text-align: center; color: #fff; background: linear-gradient(105deg, #0877c8, #2346e6 48%, #6414dc); }
.mm-landing .mm-popup-emoji { display: block; font-size: 38px; line-height: 1; }
.mm-landing .mm-popup-kicker { margin: 10px 0 4px; font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; opacity: .85; }
.mm-landing .mm-popup-top h2 { margin: 0; font-size: 26px; line-height: 1.2; letter-spacing: -.5px; color: #fff; }
.mm-landing .mm-popup-body { padding: 24px 28px 22px; text-align: center; }
.mm-landing .mm-popup-price { margin: 0; color: var(--mm-navy); }
.mm-landing .mm-popup-price strong { font-size: 54px; line-height: 1; letter-spacing: -2px; font-weight: 800; }
.mm-landing .mm-popup-price span { margin-left: 8px; color: #708198; font-size: 16px; font-weight: 600; }
.mm-landing .mm-popup-lead { margin: 10px 0 14px; color: #52657c; font-size: 15px; line-height: 1.55; }
.mm-landing .mm-popup-list { list-style: none; margin: 0 0 20px; padding: 0; text-align: left; display: inline-block; }
.mm-landing .mm-popup-list li { position: relative; margin: 0 0 8px; padding-left: 24px; color: #3f5268; font-size: 14px; }
.mm-landing .mm-popup-list li::before { content: "\2713"; position: absolute; left: 0; color: #23815c; font-weight: 800; }
.mm-landing .mm-popup-cta { width: 100%; padding: 15px 20px; font-size: 16px; animation: mm-founder-pulse-blue 2.6s ease-in-out 1s infinite; }
.mm-landing .mm-popup-skip { display: block; width: 100%; margin-top: 10px; padding: 8px; border: 0; background: none; color: #708198; font-size: 13px; cursor: pointer; text-decoration: underline; }
.mm-landing .mm-popup-skip:hover { color: var(--mm-navy); }
.mm-landing .mm-popup-fine { margin: 10px 0 0; color: #8a99ad; font-size: 11px; line-height: 1.5; }
.mm-landing .mm-popup :focus-visible { outline: 2px solid #00C4FC; outline-offset: 3px; }
@keyframes mm-founder-pulse-blue { 0%, 100% { box-shadow: 0 0 0 0 rgba(35, 70, 230, .45); } 60% { box-shadow: 0 0 0 10px rgba(35, 70, 230, 0); } }
@media (prefers-reduced-motion: reduce) {
    .mm-landing .mm-popup, .mm-landing .mm-popup-card { transition: none; }
    .mm-landing .mm-popup-cta { animation: none; }
}
.mm-landing .mm-compare-wrap { overflow-x: auto; border: 1px solid #d9e4f1; border-radius: 16px; background: #fff; }
.mm-landing .mm-compare { width: 100%; min-width: 640px; border-collapse: collapse; text-align: left; }
.mm-landing .mm-compare-caption { caption-side: top; padding: 14px 20px 0; color: #708198; font-size: 13px; text-align: left; }
.mm-landing .mm-compare th, .mm-landing .mm-compare td { padding: 16px 20px; border-bottom: 1px solid #e6edf6; font-size: 15px; color: #3f5268; vertical-align: top; }
.mm-landing .mm-compare thead th { font-size: 12px; letter-spacing: .06em; text-transform: uppercase; color: #708198; font-weight: 700; }
.mm-landing .mm-compare tbody tr:last-child th, .mm-landing .mm-compare tbody tr:last-child td { border-bottom: 0; }
.mm-landing .mm-compare tbody th { color: var(--mm-navy); font-weight: 800; }
.mm-landing .mm-compare th span, .mm-landing .mm-compare td span { display: block; margin-top: 3px; color: #708198; font-size: 12px; font-weight: 500; }
.mm-landing .mm-compare .is-mokumax th, .mm-landing .mm-compare .is-mokumax td { background: #f1f5ff; color: var(--mm-navy); }
.mm-landing .mm-compare .is-mokumax td strong { color: #2346e6; font-size: 17px; }
.mm-landing .mm-compare .is-mokumax td span { color: #23815c; font-weight: 700; }
.mm-landing .mm-compare-points { list-style: none; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin: 24px 0 0; padding: 0; }
.mm-landing .mm-compare-points li { position: relative; padding: 16px 18px 16px 44px; background: #fff; border: 1px solid #d9e4f1; border-radius: 14px; color: #52657c; font-size: 14px; line-height: 1.55; }
.mm-landing .mm-compare-points li::before { content: "\2713"; position: absolute; left: 18px; top: 15px; color: #23815c; font-weight: 800; }
.mm-landing .mm-compare-points strong { display: block; color: var(--mm-navy); }
@media (max-width: 700px) { .mm-landing .mm-compare-points { grid-template-columns: 1fr; } }
@media (max-width: 700px) {
    .mm-landing .mm-founder-inner { align-items: flex-start; flex-direction: column; }
    .mm-landing .mm-plans { grid-template-columns: 1fr; }
}