/* Public website: an illustrated editorial system, scoped away from the app. */
.mk-landing{--pad:clamp(22px,5.5vw,100px);--section:clamp(64px,7vw,112px);--ink:#193c3d;--text:#304749;--muted:#5d6b6c;--soft:#626d70;--line:#dce5e4;--tint:#e8f4f4;--indigo:#295f66;--indigo-deep:#1c484e;--indigo-soft:#e8f4f4;--band:#f5f8f8;--soft-bg:#f4f7f6;background:#fffefb}
.mk-landing .mk-wrap{max-width:1400px}
.mk-landing .mk-top{background:linear-gradient(180deg,#e6f7fc 0%,#f5fcfd 36%,#fffefb 75%);overflow:hidden;border-bottom:1px solid var(--line)}
.mk-landing .mk-ribbon{display:none}
.mk-landing .mk-nav{min-height:90px;height:auto;gap:28px;border-bottom:1px solid #1d4b4d12}
.mk-landing .mk-nav nav{gap:26px}
.mk-landing .mk-nav nav a{font-size:13px;font-weight:550;color:var(--text)}
.mk-landing .mk-nav nav a:hover,.mk-landing .mk-nav nav a[aria-current]{color:#b24f3c}
.mk-landing .mk-wordmark img{width:172px;max-width:100%;height:auto}
.mk-landing .mk-nav .mk-black-button{height:42px;padding-inline:20px;font-size:13px}
.mk-landing .mk-login{font-size:13px}
.mk-landing .mk-black-button{background:#202d2e;border:1px solid #202d2e;border-radius:999px;box-shadow:none;transition:background .18s,transform .18s}
.mk-landing .mk-black-button:hover{background:#355457;border-color:#355457;transform:translateY(-1px)}
.mk-landing .mk-outline-button{border-radius:999px;border-color:#b6c6c5;color:var(--ink)}
.mk-landing .mk-outline-button:hover{background:#edf6f5;border-color:#6c8d8e}
.mk-landing .mk-eyebrow{color:var(--muted);font-size:10px;letter-spacing:.13em;font-weight:650}
.mk-landing .mk-icon{border-radius:12px;color:var(--ink);background:var(--tint)}
/* A centered invitation with the illustration grounded directly in the page. */
.mk-landing .mk-hero{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;padding-top:48px;padding-bottom:30px;min-height:0;text-align:center}
.mk-landing .mk-hero-copy{max-width:780px;width:100%;margin-inline:auto;align-items:center;position:relative;z-index:1}
.mk-landing .mk-kicker{display:inline-flex;align-items:center;gap:8px;padding:0;background:none;color:#546a6d;font-size:10px;font-weight:650;letter-spacing:.15em;text-transform:uppercase}
.mk-landing .mk-kicker::before{content:none}
.mk-landing .mk-hero h1{max-width:760px;font-size:clamp(42px,4.45vw,64px);line-height:1.12;letter-spacing:-.052em;font-weight:650;margin:19px 0 20px;color:var(--ink)}
.mk-landing .mk-hero h1 span{display:block;color:var(--ink)}
.mk-landing .mk-hero .mk-lead{max-width:660px;font-size:15px;line-height:1.75;color:var(--muted);margin:0}
.mk-landing .mk-search{margin-top:25px;padding:5px;min-height:58px;width:min(100%,520px);border:1px solid #afc4c5;border-radius:999px;box-shadow:0 4px 0 #284c4e08;background:#fff}
.mk-landing .mk-search label{gap:10px;padding-left:16px;min-width:0;flex:1}
.mk-landing .mk-search input{font-size:13px;min-width:0}
.mk-landing .mk-search .mk-black-button{padding:0 20px;height:46px;font-size:13px}
.mk-hero-meta{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:20px;margin-top:14px;font-size:11px;color:var(--muted)}
.mk-hero-meta>a{display:inline-flex;align-items:center;gap:6px;color:var(--ink);font-weight:600;text-decoration:none}
.mk-hero-meta>a:hover{text-decoration:underline;text-underline-offset:4px}
.mk-hero-meta svg{width:14px;height:14px}
.mk-discovery-art{position:relative;min-width:0;width:min(100%,1060px);margin:0 auto;display:flex;align-items:center}
.mk-discovery-art>img{display:block;width:100%;height:auto;object-fit:contain;border:0;border-radius:0}
.mk-source-strip{padding-top:3px;text-align:center}
.mk-landing .mk-trust-label{display:block;margin:0 0 14px;font-size:10px;font-weight:500;letter-spacing:.04em;text-transform:none;color:#6b7a7b}
.mk-landing .mk-trust{justify-content:center;gap:28px;max-width:none;margin:0;flex-wrap:wrap}
.mk-landing .mk-trust>span{font-size:12px;letter-spacing:-.01em;font-weight:550;color:#486063}
/* A short brand statement makes the transition from illustration to product. */
.mk-manifesto{max-width:900px;margin-inline:auto;padding:72px 30px 44px;text-align:center}
.mk-manifesto p{margin:0;color:var(--ink);font-size:clamp(26px,2.7vw,38px);line-height:1.4;letter-spacing:-.04em;font-family:var(--display);font-weight:550}
.mk-manifesto em{font-style:normal;background:#ffe5b2;box-shadow:5px 0 #ffe5b2,-4px 0 #ffe5b2;border-radius:3px}
.mk-manifesto .mk-manifesto-star{display:inline-block;width:29px;height:29px;vertical-align:-3px;color:#ce6d49;margin-inline:6px}
/* Tool cards use a quiet line drawing vocabulary and three playful paper colors. */
.mk-landing .mk-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding-top:30px;padding-bottom:76px}
.mk-landing .mk-features>h2{grid-column:1/-1;margin:0 0 18px;font-size:30px;letter-spacing:-1px;text-align:center;font-weight:600}
.mk-landing .mk-features article{display:grid;grid-template-columns:60px 1fr;gap:9px 17px;padding:28px 24px;border:1px solid #d4dfdd;border-radius:18px 22px 17px 21px;background:#f5f8f4;text-align:left;align-content:start;transition:transform .2s,border-color .2s}
.mk-landing .mk-features article:hover{transform:translateY(-4px);border-color:#8fa6a2}
.mk-landing .mk-features article:nth-of-type(3n+2){background:#fff3df;border-color:#eadac0}
.mk-landing .mk-features article:nth-of-type(3n){background:#f6edf8;border-color:#e3d6e6}
.mk-landing .mk-features .mk-icon{grid-row:1/3;width:60px;height:60px;background:none;color:#315555;border-radius:0;justify-self:start;transform:rotate(-5deg)}
.mk-landing .mk-features article:nth-of-type(3n+2) .mk-icon{color:#a15e32;transform:rotate(5deg)}
.mk-landing .mk-features article:nth-of-type(3n) .mk-icon{color:#775592}
.mk-landing .mk-features .mk-icon svg{width:42px;height:42px;stroke-width:1.4}
.mk-landing .mk-features h3{margin:0;font-size:16px;letter-spacing:-.4px;line-height:1.4}
.mk-landing .mk-features h3 a{color:inherit;text-decoration:none}
.mk-landing .mk-features h3 a:hover{text-decoration:underline;text-underline-offset:4px}
.mk-landing .mk-features p{grid-column:2;margin:0;font-size:12px;line-height:1.7;max-width:26em;color:var(--muted)}
.mk-product-showcase{display:grid;grid-template-columns:1fr 1.65fr;gap:64px;align-items:center;padding-block:72px 80px;border-top:1px solid var(--line)}
.mk-product-showcase-copy h2{font-size:clamp(30px,3vw,44px);line-height:1.18;letter-spacing:-.045em;margin:18px 0;font-weight:600}
.mk-product-showcase-copy p{font-size:15px;line-height:1.8;color:var(--muted);margin-bottom:24px}
.mk-landing .mk-showcase-device{padding:25px;border:1px solid #bdd8df;border-radius:22px;background:#ddf2fa;container-type:inline-size}
.mk-showcase-device .mk-note,.mk-showcase-device .mk-rock{display:none}
.mk-showcase-device .mk-product{transform:none;border-radius:12px;font-size:clamp(7px,1.65cqi,12px);box-shadow:0 12px 0 #b8d4dc44}
.mk-showcase-label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 16px;font-size:10px;color:#44656c;font-weight:550}
.mk-showcase-label>span:last-child{padding:4px 7px;border:1px solid #a7c6cf;border-radius:5px;font-size:9px}
.mk-landing .mk-band{background:#fff4e7;border-block:1px solid #f0e1ce}
.mk-landing .mk-insights{grid-template-columns:1fr 1.4fr;gap:40px;padding-block:62px}
.mk-landing .mk-insights-copy h2{font-size:clamp(30px,3vw,44px);letter-spacing:-.045em;font-weight:600}
.mk-landing .mk-insights-copy p{font-size:15px;line-height:1.8}
.mk-landing .mk-hand,.mk-landing .mk-office{display:none}
.mk-landing .mk-illustration-media{overflow:visible;border:0;box-shadow:none;background:none;margin:0}
.mk-landing .mk-illustration-media img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;border-radius:0}
.mk-illustration-media figcaption{margin:6px 0 0;text-align:center;font-size:15px;font-family:"Caveat",cursive;color:#6b5946}
.mk-landing .mk-section-head h2,.mk-landing .mk-ai h2,.mk-landing .mk-faq-head h2{font-size:clamp(30px,3.25vw,46px);font-weight:600;letter-spacing:-.045em;line-height:1.2}
.mk-landing .mk-section-head p{font-size:16px;line-height:1.75}
.mk-landing .mk-section-head{gap:16px;margin-bottom:40px}
.mk-landing .mk-step-visual{border-radius:18px 22px 17px 21px;border-color:#cadbd9;background:#edf6f2;box-shadow:0 5px 0 #e5ede9}
.mk-landing .mk-step:nth-child(2) .mk-step-visual{background:#fff3de;border-color:#e7d9bd;box-shadow:0 5px 0 #f1e7d4}
.mk-landing .mk-step:nth-child(3) .mk-step-visual{background:#f2ecfa;border-color:#dcd2ec;box-shadow:0 5px 0 #e9e1f1}
.mk-landing .mk-step-num{background:#fff3d9;color:#755a31;border:1px solid #e1d0b0;transform:rotate(-5deg)}
.mk-landing .mk-ai{background:#edf6fa;border-block:1px solid #d6e5ea}
.mk-landing .mk-ai-copy p{font-size:15px;line-height:1.8}
.mk-landing .mk-terminal{box-shadow:0 9px 0 #244c5820;border:1px solid #173f4a;border-radius:16px}
.mk-landing .mk-audience-grid article{border-radius:18px;border-color:#d4dfdd;background:#fffefb}
.mk-landing .mk-ui-frame{border-radius:20px;background:#eaf3f6}
.mk-landing .mk-row-copy h3{letter-spacing:-.035em}
.mk-landing .mk-row-copy p{font-size:15px;line-height:1.8}
.mk-landing .mk-plan{border-radius:18px;border-color:#d6dfdb;background:#fffefb}
.mk-landing .mk-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.mk-landing .mk-plan-grid>.mk-plan{min-width:0}
.mk-landing .mk-plan:has([data-plan-cta="pro"]){border:2px solid #426d68;background:#eff8f2;box-shadow:5px 5px 0 #d7e9df}
.mk-landing .mk-ask{background:#cbeffa;border-radius:28px 36px 26px 34px;border:1px solid #b9dce5;position:relative;overflow:hidden}
.mk-landing .mk-ask h2{font-weight:600;letter-spacing:-.045em}
.mk-landing .mk-ask p{color:#42666c}
.mk-landing .mk-footer{--footer-ink:#fffef6;--footer-muted:#aeb9b4;--footer-lavender:#bce0cd;--footer-wash:#111;--footer-line:#292929;padding-top:60px;padding-bottom:26px;border-top:1px solid #222;background:#000;color:#aeb9b4}
.mk-landing .mk-footer strong{color:#fffef6}
.mk-landing .mk-footer a{color:#aeb9b4}
.mk-landing .mk-footer a:hover{color:#fff}
.mk-landing .mk-footer .mk-footer-brand>a{padding:0;background:none;box-shadow:none}
.mk-landing .mk-footer .mk-footer-brand>span{color:#b8c9bd}
.mk-landing .mk-footer-heading-icon{background:none;border:0;color:#b8c9bd}
.mk-landing .mk-footer .mk-footer-actions>span{color:#aeb9b4}
.mk-landing .mk-footer .mk-footer-socials a{background:#111;border-color:#333;color:#c4d6ca!important}
.mk-landing .mk-footer .mk-footer-socials a:hover{background:#222;color:#fff!important}
.mk-landing .mk-footer .mk-footer-legal{border-color:#292929}
.mk-landing .mk-footer .mk-footer-legal :is(small,a){color:#aeb9b4}
/* Public inner pages share the same type, paper colors and navigation. */
.mk-landing .mk-page-top{background:linear-gradient(155deg,#e7f7fc,#fffefb 75%)}
.mk-landing .mk-page-top::before{display:none}
.mk-landing .mk-page-hero{padding-block:46px 64px}
.mk-landing .mk-page-head h1{font-size:clamp(36px,4.4vw,60px);font-weight:600;letter-spacing:-.045em;line-height:1.15}
.mk-landing .mk-page-head .mk-lead{font-size:17px;line-height:1.75}
.mk-landing .mk-card{border-radius:18px;border-color:var(--line);box-shadow:none;background:#fffefb}
.mk-landing .mk-crumbs{font-size:12px}
.mk-landing .mk-card h3{font-size:19px}
.mk-landing .mk-card p{font-size:15px;line-height:1.75}
/* App navigation remains restrained and readable. */
#app.rf-shell{--th-canvas:#f8f9fc;--th-muted:#686e80;--rf-muted:#686e80}
#app.rf-shell .rf-main,#app.rf-shell #app-content{background:#f8f9fc}
#app.rf-shell .rf-header{background:#fff;border-bottom:1px solid #e8eaf1}
#app.rf-shell .rf-side{border-right:1px solid #e8eaf1}
#app.rf-shell .rf-nav-section-label{display:block;margin:17px 14px 5px;color:#838698;font-size:9px;line-height:1.4;font-weight:650;text-transform:uppercase;letter-spacing:.1em}
#app.rf-shell .rf-nav-section-label:first-child{margin-top:0}
#app.rf-shell .rf-nav{margin-top:22px;gap:3px}
#app.rf-shell .rf-nav-item{height:41px;border-radius:9px;font-size:13px}
#app.rf-shell .rf-nav-item .ic{width:18px;height:18px}
#app.rf-shell .rf-site-picker{max-width:min(480px,70%);border-radius:9px;background:#f8f9fc}
.ws-project-context{display:flex;flex-wrap:wrap;gap:10px;align-items:center;max-width:1480px;margin:0 auto 24px;color:#8d889b;font-size:12px}
.ws-project-context button{display:inline-flex;align-items:center;gap:6px;padding:5px 0;border:0;background:none;color:#6250bb;font:inherit;cursor:pointer}
.ws-project-context .ic{width:14px;height:14px}
.ws-project-context strong{color:#282332;font-weight:600}
.ws-project-context small{margin-left:auto;font-size:12px}
.ws-project-context+p{margin-top:0}
@media(max-width:1100px){.mk-landing .mk-nav{gap:18px}.mk-landing .mk-nav nav{gap:17px}.mk-landing .mk-wordmark img{width:150px}.mk-landing .mk-features article{padding:24px 18px;grid-template-columns:44px 1fr;gap:10px 13px}.mk-landing .mk-features .mk-icon{width:44px;height:48px}.mk-landing .mk-features .mk-icon svg{width:36px;height:36px}.mk-product-showcase{gap:35px}.mk-landing .mk-showcase-device{padding:18px}}
@media(max-width:900px){.mk-landing .mk-nav{min-height:78px}.mk-landing .mk-nav nav{display:none}.mk-landing .mk-hero{padding-top:42px;gap:28px}.mk-landing .mk-hero h1{font-size:clamp(42px,6.5vw,60px)}.mk-landing .mk-hero .mk-lead{max-width:580px}.mk-landing .mk-features{grid-template-columns:repeat(2,minmax(0,1fr));padding-bottom:56px}.mk-manifesto{padding-top:52px}.mk-product-showcase{grid-template-columns:1fr;gap:28px;padding-block:48px}.mk-product-showcase-copy{max-width:580px}.mk-landing .mk-showcase-device{max-width:760px;width:100%;margin-inline:auto}.mk-landing .mk-insights{grid-template-columns:1fr 1.2fr;gap:25px}.mk-landing .mk-page-hero{padding-block:34px 46px}}
@media(max-width:600px){.mk-landing .mk-nav{gap:12px;min-height:72px}.mk-landing .mk-wordmark img{width:142px}.mk-landing .mk-nav-actions{gap:12px}.mk-landing .mk-nav-actions>.mk-black-button{display:none}.mk-landing .mk-hero{padding-top:35px;gap:24px;padding-bottom:26px}.mk-landing .mk-hero h1{font-size:41px;margin:18px 0}.mk-landing .mk-kicker{font-size:9px;letter-spacing:.11em}.mk-landing .mk-hero .mk-lead{font-size:14px;line-height:1.75}.mk-landing .mk-search{display:flex;flex-direction:row;gap:0;margin-top:23px;width:100%;min-height:54px}.mk-landing .mk-search label{padding-left:9px}.mk-landing .mk-search input{font-size:11px}.mk-landing .mk-search .mk-black-button{width:auto;height:42px;padding-inline:14px;font-size:11px;white-space:nowrap}.mk-landing .mk-search .mk-black-button svg{display:none}.mk-hero-meta{gap:12px;font-size:10px}.mk-discovery-art{width:calc(100% + 22px);margin-inline:-11px}.mk-landing .mk-trust{gap:15px 18px}.mk-landing .mk-trust>span{font-size:10px}.mk-landing .mk-trust-label{font-size:9px;margin-bottom:12px}.mk-manifesto{padding:44px 25px 20px}.mk-manifesto p{font-size:27px}.mk-manifesto .mk-manifesto-star{width:24px;height:24px}.mk-landing .mk-features{gap:14px;padding-top:26px;padding-bottom:44px}.mk-landing .mk-features>h2{font-size:26px;margin-bottom:10px}.mk-landing .mk-features article{grid-template-columns:1fr;padding:20px 16px;gap:11px}.mk-landing .mk-features .mk-icon{grid-row:auto;width:40px;height:40px}.mk-landing .mk-features h3{font-size:14px}.mk-landing .mk-features p{grid-column:1;font-size:11px}.mk-product-showcase-copy h2{font-size:32px}.mk-landing .mk-showcase-device{padding:12px;border-radius:16px}.mk-showcase-label{font-size:9px}.mk-landing .mk-insights{grid-template-columns:1fr;padding-block:44px;gap:24px}.mk-landing .mk-illustration-media{max-width:490px;margin-inline:auto}.mk-landing .mk-ask{border-radius:22px}.mk-landing .mk-page-head .mk-lead{font-size:16px}.ws-project-context small{margin-left:0;flex-basis:100%}#app.rf-shell .rf-nav-section-label{display:none}}
@media(prefers-reduced-motion:reduce){.mk-landing *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media(max-width:760px){.mk-landing .mk-plan-grid{grid-template-columns:minmax(0,1fr);max-width:430px;margin-inline:auto}}
/* Public account screens use the same paper, ink and form controls. */
#auth.auth-shell{background:linear-gradient(180deg,#eaf7fa,#fffefb 80%);color:#193c3d}
#auth .auth-panel{gap:23px}
#auth .auth-wordmark img{width:200px;max-width:100%;height:auto}
#auth .auth-card{background:#fffefb;border:1px solid #c9d8cc;border-radius:21px 25px 19px 22px;box-shadow:5px 6px 0 #e3edde;padding:32px}
#auth .auth-title{font-family:"Plus Jakarta Sans",sans-serif;font-size:28px;font-weight:550;line-height:1.2;letter-spacing:-.035em;color:#193c3d}
#auth .auth-card>p.auth-kicker{color:#6d8578;font-size:10px;letter-spacing:.1em;text-transform:uppercase}
#auth .auth-card>p.auth-lead{font-size:13px;line-height:1.8;color:#6b7e74}
#auth .auth-card label{color:#4b685b;font-size:12px}
#auth .auth-card input{border-color:#ccdace;background:#fff;border-radius:11px;font-size:14px}
#auth .auth-card input:focus{border-color:#79a48b;box-shadow:0 0 0 3px #e8f1e6}
#auth .auth-submit{border-radius:999px;background:#233c3d;border-color:#233c3d;font-size:13px}
#auth .auth-submit:hover{background:#365b55;border-color:#365b55}
#auth .auth-link{color:#416b5c;text-decoration-color:#b6c9ba}
#auth .auth-foot{font-size:11px;color:#738677}
#auth .pw-toggle:focus-visible{outline-color:#5d8f76}
@media(max-width:600px){#auth .auth-card{padding:27px 24px}#auth .auth-title{font-size:26px}}

/* Pricing v3 has four plan cards (Free, Starter, Growth, Agency). Several public stylesheets set a 3-column plan grid;
   this wins only where a grid holds four plans, so other plan rows keep their layout. */
body .mk-plan-grid:has(> .mk-plan:nth-child(4)){grid-template-columns:repeat(4,minmax(0,1fr));max-width:1320px}
@media(max-width:1100px){body .mk-plan-grid:has(> .mk-plan:nth-child(4)){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){body .mk-plan-grid:has(> .mk-plan:nth-child(4)){grid-template-columns:minmax(0,1fr)}}
.mk-plan-yearly{margin:4px 0 0;color:#5b6b66;font-size:13px;line-height:1.4}
.mk-plan.is-featured .mk-plan-yearly{color:#a6aabd}