/* Public marketing pages (Features, Use cases, Compare). Builds on home.css tokens. No "star-slash" inside comments. */
.mk-page { min-height: 100vh; display: flex; flex-direction: column; }
.mk-main { flex: 1 0 auto; }
.mk-crumbs { background: var(--home-paper-2); border-bottom: 1px solid var(--home-line); padding: .75rem 0; font-size: .9rem; }
.mk-crumbs ol { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .4rem; }
.mk-crumbs li + li::before { content: "/"; margin-right: .4rem; color: var(--home-muted); }
.mk-crumbs a { color: var(--home-orange-text); font-weight: 600; }
.mk-crumbs [aria-current="page"] { color: var(--home-muted); }
.mk-head { background: var(--home-ink); color: #fff; padding: 3.2rem 0 3.4rem; }
.mk-head h1 { font-size: clamp(2rem, 4.6vw, 3.2rem); font-weight: 800; color: #fff; max-width: 46rem; }
.mk-answer { margin-top: 1.2rem; font-size: 1.15rem; color: #D5DCE8; max-width: 44rem; }
.mk-head .home-hero-cta { margin-top: 1.6rem; }
.mk-body { padding: 3rem 0; }
.mk-body h2 { font-family: var(--home-display); font-size: clamp(1.5rem, 3vw, 2.1rem); font-weight: 800; color: var(--home-ink); margin: 2.6rem 0 .8rem; }
.mk-body h2:first-child { margin-top: 0; }
.mk-body h3 { font-size: 1.15rem; font-weight: 700; color: var(--home-ink); margin: 0 0 .4rem; }
.mk-body p + p { margin-top: .8rem; }
.mk-narrow { max-width: 46rem; }
.mk-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); gap: 1rem; margin-top: 1rem; padding: 0; list-style: none; }
.mk-card { background: var(--home-card); border: 1px solid var(--home-line); border-radius: var(--home-radius); padding: 1.3rem; }
.mk-card p { color: var(--home-muted); }
.mk-card a { color: var(--home-ink); text-decoration: none; }
.mk-card a:hover, .mk-card a:focus-visible { text-decoration: underline; }
.mk-tag { display: inline-block; margin-left: .4rem; font-size: .7rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; padding: .1rem .5rem; border-radius: 999px; background: var(--home-paper); border: 1px solid var(--home-line); color: var(--home-muted); vertical-align: middle; }
.mk-note { font-size: .92rem; color: var(--home-muted); margin-top: .4rem; }
.mk-steps { margin: 1rem 0 0; padding-left: 1.3rem; }
.mk-steps li { margin-bottom: .7rem; }
.mk-table-wrap { overflow-x: auto; margin-top: 1rem; }
.mk-table { width: 100%; border-collapse: collapse; background: #fff; border: 1px solid var(--home-line); min-width: 36rem; }
.mk-table caption { text-align: left; padding: .6rem .8rem; color: var(--home-muted); font-size: .9rem; }
.mk-table th, .mk-table td { text-align: left; vertical-align: top; padding: .8rem; border-top: 1px solid var(--home-line); }
.mk-table thead th { background: var(--home-paper-2); color: var(--home-ink); }
.mk-list { padding-left: 1.2rem; margin: .6rem 0 0; }
.mk-list li { margin-bottom: .45rem; }
.mk-body .home-faq { margin: 1rem 0 0; max-width: 46rem; }
.mk-cta { background: var(--home-ink); color: #fff; padding: 3.2rem 0; text-align: center; }
.mk-cta h2 { color: #fff; font-family: var(--home-display); font-size: clamp(1.6rem, 3.4vw, 2.4rem); font-weight: 800; margin: 0 auto; max-width: 36rem; }
.mk-cta p { margin: .8rem auto 1.4rem; color: #D5DCE8; max-width: 34rem; }
.mk-foot-nav { display: flex; flex-wrap: wrap; gap: .4rem 1.2rem; }
.mk-foot-nav a { margin-left: 0; }
@media (max-width: 640px) { .mk-head { padding: 2.2rem 0 2.4rem; } .mk-body { padding: 2.2rem 0; } }
.mk-skip { position: absolute; left: -999px; top: 0; background: #fff; color: var(--home-ink); padding: .6rem 1rem; z-index: 100; }
.mk-skip:focus { left: 8px; top: 8px; }