/* Public product overview. Layout and illustrations share the workspace palette. */
.landing.marketing { max-width:1280px; padding-inline:40px; }
.marketing { --mk-space:88px; }
.marketing .public-header { border-bottom:1px solid var(--border); }
.marketing :is(h1,h2,h3,p) { margin:0; }
.marketing :is(h1,h2,h3) { color:var(--text); }
.marketing :is(a,summary):focus-visible { outline:2px solid var(--accent-text); outline-offset:5px; }
.marketing :is(.btn-primary,.btn-secondary) { min-height:46px; padding:12px 18px; border-radius:10px; font-size:13px; }
.mk-eyebrow { display:block; font-size:10px; font-weight:700; letter-spacing:.12em; line-height:1.7; color:var(--accent-text); }
.mk-hero { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.13fr); gap:54px; align-items:center; padding:76px 0 66px; }
.mk-hero h1 { font-size:clamp(42px,4.7vw,62px); line-height:1.08; font-weight:600; letter-spacing:-.055em; margin:20px 0 24px; }
.mk-hero h1>span { color:var(--accent-text); }
.mk-hero-copy>p { font-size:16px; line-height:1.8; color:var(--muted-strong); max-width:47ch; }
.mk-actions { display:flex; align-items:center; flex-wrap:wrap; gap:18px 22px; margin-top:28px; }
.mk-text-link { display:inline-flex; align-items:center; gap:9px; font-size:12px; font-weight:550; color:var(--muted-strong); min-height:40px; text-decoration:none; }
.mk-text-link:hover { color:var(--accent-text); }
.mk-hero-facts { display:flex; gap:12px 22px; flex-wrap:wrap; margin-top:24px; font-size:11px; color:var(--muted); }
.mk-hero-facts>span { display:inline-flex; align-items:center; gap:6px; }
.mk-hero-facts .ui-icon { width:14px; height:14px; flex-basis:14px; color:var(--accent-text); }
.mk-workspace { min-width:0; border:1px solid var(--border-strong); border-radius:15px; overflow:hidden; background:var(--panel); box-shadow:0 18px 54px color-mix(in srgb,var(--text) 8%,transparent); transform:none; }
.mk-windowbar { height:39px; display:flex; align-items:center; justify-content:space-between; padding:0 16px; font-size:10px; color:var(--muted); border-bottom:1px solid var(--border); background:var(--panel); }
.mk-windowbar>span:first-child { display:flex; gap:5px; }
.mk-windowbar i { width:6px; height:6px; background:var(--border-strong); border-radius:50%; }
.mk-windowbar>.ui-icon { width:12px; height:12px; flex-basis:12px; }
.mk-window-layout { display:grid; grid-template-columns:54px minmax(0,1fr); }
.mk-window-nav { display:flex; flex-direction:column; align-items:center; gap:24px; padding:20px 8px; border-right:1px solid var(--border); color:var(--muted); }
.mk-window-nav>.ui-icon { width:17px; height:17px; flex-basis:17px; }
.mk-mini-brand { width:27px; height:27px; border-radius:7px; display:grid; place-items:center; background:var(--primary); color:var(--on-primary); font-size:13px; font-weight:750; }
.mk-nav-selected { width:32px; height:32px; display:grid; place-items:center; border-radius:8px; background:var(--primary-soft); color:var(--accent-text); }
.mk-nav-selected .ui-icon { width:17px; height:17px; }
.mk-window-content { background:var(--panel-soft); padding:24px; min-width:0; }
.mk-window-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.mk-window-heading>div>span { font-size:8px; letter-spacing:.12em; color:var(--muted); }
.mk-window-heading h2 { font-size:23px; font-weight:600; letter-spacing:-.04em; margin-top:5px; }
.mk-window-date { font-size:9px; padding:6px 9px; border-radius:7px; border:1px solid var(--border); color:var(--muted-strong); background:var(--panel); }
.mk-window-metrics { display:grid; grid-template-columns:.9fr 1.1fr; gap:10px; margin:20px 0 25px; }
.mk-window-metrics>div { background:var(--panel); border:1px solid var(--border); border-radius:9px; padding:13px 12px; min-width:0; }
.mk-window-metrics>div>span { font-size:9px; color:var(--muted); display:block; margin-bottom:9px; }
.mk-window-metrics strong { font-size:24px; font-weight:600; letter-spacing:-.03em; font-variant-numeric:tabular-nums; white-space:nowrap; }
.mk-window-metrics small { font-size:10px; font-weight:400; letter-spacing:0; color:var(--muted); }
.mk-agenda-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; font-size:10px; padding-bottom:6px; }
.mk-agenda-heading strong { font-weight:600; }
.mk-agenda-heading>span { display:flex; align-items:center; gap:5px; font-size:9px; color:var(--muted); }
.mk-agenda-heading .ui-icon { width:11px; height:11px; flex-basis:11px; }
.mk-agenda-row { display:flex; align-items:center; gap:12px; padding:13px 0; border-bottom:1px solid var(--border); }
.mk-agenda-time { font-size:10px; color:var(--muted); font-variant-numeric:tabular-nums; }
.mk-agenda-row>div { min-width:0; padding-left:10px; border-left:2px solid var(--accent-border); }
.mk-agenda-row strong { display:block; font-size:11px; font-weight:550; line-height:1.4; }
.mk-agenda-row>div>span { display:block; font-size:9px; color:var(--muted); margin-top:4px; }
.mk-agenda-tag { margin-left:auto; font-size:8px; white-space:nowrap; background:var(--primary-soft); color:var(--accent-text); padding:5px 7px; border-radius:5px; }
.mk-receipt-row { display:flex; align-items:center; gap:10px; background:var(--panel); border:1px solid var(--border); border-radius:8px; margin-top:17px; padding:11px; }
.mk-receipt-icon { color:var(--muted); display:flex; }
.mk-receipt-icon .ui-icon { width:17px; height:17px; flex-basis:17px; }
.mk-receipt-row>div { min-width:0; }
.mk-receipt-row strong { font-size:10px; font-weight:550; display:block; line-height:1.4; }
.mk-receipt-row>div>span { font-size:9px; color:var(--muted); display:block; margin-top:3px; }
.mk-paid { display:inline-flex; align-items:center; gap:4px; margin-left:auto; white-space:nowrap; color:var(--success); background:var(--success-bg); border:1px solid var(--success-border); border-radius:5px; font-size:9px; padding:4px 6px; }
.mk-paid .ui-icon { width:11px; height:11px; flex-basis:11px; }
.mk-window-scanner { width:fit-content; display:flex; align-items:center; gap:8px; margin:18px 0 0 auto; padding:9px 10px; border:1px solid var(--accent-border); border-radius:8px; background:var(--panel); color:var(--accent-text); font-size:10px; font-weight:550; }
.mk-window-scanner .ui-icon { width:15px; height:15px; flex-basis:15px; }
.mk-window-scanner small { color:var(--muted); font-size:8px; border-left:1px solid var(--border); padding-left:8px; font-weight:400; }
.mk-industries { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:20px 28px; padding:26px 0; border-block:1px solid var(--border); }
.mk-industries p { color:var(--muted); font-size:11px; line-height:1.65; }
.mk-industries strong { color:var(--text); font-weight:550; }
.mk-industries>span { color:var(--muted-strong); font-size:15px; font-weight:550; letter-spacing:-.015em; }
.mk-section { padding-block:var(--mk-space); scroll-margin-top:24px; }
.mk-section h2,.mk-workflow h2,.mk-closing h2 { font-size:clamp(26px,3.1vw,36px); font-weight:550; letter-spacing:-.04em; line-height:1.2; }
.mk-section-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:32px; margin-bottom:36px; }
.mk-section-heading h2 { margin-top:12px; }
.mk-section-heading>p { max-width:40ch; font-size:14px; line-height:1.8; color:var(--muted); }
.mk-scanner { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(0,1fr); gap:80px; align-items:center; border-bottom:1px solid var(--border); }
.mk-feature-label { display:flex; align-items:center; flex-wrap:wrap; gap:10px; color:var(--accent-text); font-size:10px; font-weight:700; letter-spacing:.09em; margin-bottom:20px; }
.mk-feature-label>.ui-icon { width:20px; height:20px; flex-basis:20px; }
.mk-feature-label>span { padding:3px 7px; background:var(--primary-soft); border:1px solid var(--accent-border); font-size:9px; border-radius:5px; letter-spacing:0; font-weight:500; }
.mk-scanner-copy>p { font-size:14px; line-height:1.8; color:var(--muted); margin-top:18px; }
.mk-check-list { margin:23px 0 0; padding:0; list-style:none; display:grid; gap:12px; }
.mk-check-list li { display:flex; align-items:start; gap:9px; font-size:12px; line-height:1.6; color:var(--muted-strong); }
.mk-check-list .ui-icon { width:16px; height:16px; flex-basis:16px; margin-top:1px; color:var(--accent-text); }
.mk-scanner-copy>p.mk-small-note { font-size:11px; line-height:1.75; margin-top:20px; max-width:52ch; }
.mk-scan-example { padding:30px 34px 22px; background:var(--panel-soft); border-radius:18px; border:1px solid var(--border); }
.mk-scan-file { display:flex; align-items:center; gap:12px; padding:15px; border:1px solid var(--border); border-radius:9px; background:var(--panel); }
.mk-scan-file>.ui-icon:first-child { width:27px; height:27px; flex-basis:27px; color:var(--accent-text); }
.mk-scan-file>.ui-icon:last-child { margin-left:auto; width:16px; height:16px; color:var(--success); }
.mk-scan-file strong { display:block; font-size:12px; font-weight:550; }
.mk-scan-file small { display:block; margin-top:4px; font-size:10px; color:var(--muted); }
.mk-scan-connector { display:flex; align-items:center; flex-direction:column; gap:7px; padding:8px; color:var(--accent-text); }
.mk-scan-connector>span { height:10px; width:1px; background:var(--accent-border); }
.mk-scan-connector .ui-icon { width:20px; height:20px; flex-basis:20px; }
.mk-scan-result { background:var(--panel); border:1px solid var(--border); border-radius:9px; overflow:hidden; }
.mk-scan-result-heading { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:16px; border-bottom:1px solid var(--border); }
.mk-scan-result-heading strong { font-size:12px; font-weight:600; }
.mk-scan-result-heading>span { font-size:9px; color:var(--muted); }
.mk-scan-result dl { margin:0; padding:6px 16px; }
.mk-scan-result dl>div { display:grid; grid-template-columns:1fr 1.3fr; align-items:center; gap:15px; padding:11px 0; border-bottom:1px solid var(--border); }
.mk-scan-result dl>div:last-child { border:0; }
.mk-scan-result dt { font-size:10px; color:var(--muted); }
.mk-scan-result dd { margin:0; font-size:12px; font-weight:550; }
.mk-scan-match { display:flex; align-items:center; gap:10px; padding:12px 16px; border-top:1px solid var(--border); background:var(--primary-soft); color:var(--accent-text); }
.mk-scan-match .ui-icon { width:18px; height:18px; flex-basis:18px; }
.mk-scan-match strong { font-size:11px; font-weight:550; display:block; }
.mk-scan-match small { font-size:10px; font-weight:400; display:block; line-height:1.5; margin-top:3px; }
.mk-scan-caption { font-size:10px; color:var(--muted); text-align:center; margin-top:18px; line-height:1.7; }
.mk-module-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); column-gap:36px; row-gap:32px; }
.mk-module { padding:24px 0 0; border-top:1px solid var(--border); min-width:0; }
.mk-module-icon { display:flex; color:var(--accent-text); margin-bottom:17px; }
.mk-module-icon .ui-icon { width:23px; height:23px; flex-basis:23px; }
.mk-module h3 { font-size:16px; font-weight:600; letter-spacing:-.02em; line-height:1.5; }
.mk-module p { font-size:13px; line-height:1.85; color:var(--muted); margin:10px 0 17px; max-width:42ch; }
.mk-module-detail { font-size:10px; color:var(--muted-strong); padding-bottom:3px; display:block; }
.mk-workflow { display:grid; grid-template-columns:1fr 1.2fr; gap:70px; padding:38px; border-radius:16px; border:1px solid var(--border); background:var(--panel); }
.mk-workflow h2 { font-size:30px; margin-top:14px; }
.mk-workflow ol { padding:0; margin:0; list-style:none; display:grid; gap:20px; }
.mk-workflow li { display:flex; align-items:flex-start; gap:15px; }
.mk-workflow li>span { color:var(--accent-text); font-variant-numeric:tabular-nums; font-size:11px; padding-top:3px; }
.mk-workflow h3 { font-size:13px; font-weight:600; line-height:1.5; }
.mk-workflow li p { color:var(--muted); font-size:12px; line-height:1.75; margin-top:3px; }
.mk-price-layout { display:grid; grid-template-columns:minmax(0,1.9fr) minmax(0,1fr); gap:36px; align-items:start; }
.mk-price-cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.mk-price-card { padding:24px; border:1px solid var(--border); border-radius:13px; background:var(--panel); }
.mk-price-card--year { border-color:var(--accent-border); background:linear-gradient(var(--primary-soft),var(--panel) 190px); }
.mk-price-heading { display:flex; flex-direction:column; gap:10px; min-height:53px; }
.mk-price-heading h3 { font-size:17px; font-weight:600; letter-spacing:-.02em; }
.mk-price-heading>span { font-size:10px; color:var(--muted); line-height:1.5; }
.mk-price-card--year .mk-price-heading>span { color:var(--accent-text); font-weight:600; }
.marketing .mk-price { display:flex; align-items:baseline; gap:6px; margin:18px 0 7px; white-space:nowrap; }
.mk-price strong { color:var(--text); font-size:40px; letter-spacing:-.045em; font-weight:600; font-variant-numeric:tabular-nums; }
.mk-price strong>span { font-size:25px; font-weight:400; }
.mk-price>span { font-size:12px; color:var(--muted); }
.mk-price-tax { font-size:11px; color:var(--muted-strong); line-height:1.7; }
.marketing .mk-price-net { font-size:10px; color:var(--muted); line-height:1.7; margin-top:6px; }
.mk-price-period { font-size:11px; line-height:1.8; color:var(--muted-strong); padding:20px 0; margin-top:18px; border-top:1px solid var(--border); }
.mk-price-card>a { display:flex; width:100%; justify-content:center; text-align:center; }
.marketing .mk-price-card>a { padding:11px; font-size:11px; }
.mk-price-card>a .ui-icon { width:15px; height:15px; flex-basis:15px; }
.mk-payment-explainer { padding-top:8px; }
.mk-payment-explainer ol { padding:0; margin:24px 0 0; list-style:none; display:grid; gap:24px; }
.mk-payment-explainer li { display:flex; gap:12px; }
.mk-payment-explainer li>span { display:grid; place-items:center; width:24px; height:24px; flex:0 0 24px; border:1px solid var(--border); border-radius:50%; color:var(--muted); font-size:10px; }
.mk-payment-explainer strong { font-size:12px; font-weight:600; line-height:1.8; }
.mk-payment-explainer p { font-size:12px; line-height:1.8; color:var(--muted); margin-top:4px; }
.mk-pricing-note { display:flex; gap:12px 24px; flex-wrap:wrap; color:var(--muted); font-size:10px; line-height:1.6; margin-top:20px; }
.mk-pricing-note>span { display:flex; align-items:flex-start; gap:6px; }
.mk-pricing-note .ui-icon { width:14px; height:14px; flex-basis:14px; color:var(--accent-text); }
.mk-faq { display:grid; grid-template-columns:1fr 1.6fr; gap:70px; padding-top:0; }
.mk-faq h2 { font-size:28px; margin-top:12px; }
.mk-faq>div>p { color:var(--muted); font-size:13px; line-height:1.8; margin-top:16px; max-width:30ch; }
.mk-questions details { border-bottom:1px solid var(--border); }
.mk-questions details:first-child { border-top:1px solid var(--border); }
.mk-questions summary { display:flex; align-items:center; justify-content:space-between; gap:22px; list-style:none; padding:21px 0; color:var(--text); font-size:13px; font-weight:550; line-height:1.6; cursor:pointer; }
.mk-questions summary::-webkit-details-marker { display:none; }
.mk-questions summary::after { content:"+"; color:var(--muted); font-size:20px; font-weight:400; flex-shrink:0; }
.mk-questions details[open] summary::after { content:"−"; }
.mk-questions details p { font-size:13px; color:var(--muted); line-height:1.85; padding:0 26px 24px 0; }
.mk-questions a { color:var(--accent-text); text-decoration:underline; text-underline-offset:3px; }
.mk-closing { display:flex; align-items:center; justify-content:space-between; gap:35px; padding:32px; border-radius:14px; background:var(--primary-soft); border:1px solid var(--accent-border); margin-bottom:56px; }
.mk-closing h2 { margin-top:10px; font-size:29px; }
.mk-closing p { color:var(--muted-strong); font-size:12px; line-height:1.8; margin-top:10px; }
.mk-closing>a { flex-shrink:0; }
.marketing .public-footer { column-gap:32px; }
.marketing .public-footer nav { justify-content:flex-end; gap:14px 20px; line-height:1.7; }

@media(min-width:1100px) { .mk-hero-copy { padding-bottom:8px; } }
@media(max-width:1100px) {
    .landing.marketing { padding-inline:30px; }
    .mk-hero { gap:32px; }
    .mk-hero h1 { font-size:46px; }
    .mk-window-content { padding:20px 16px; }
    .mk-window-metrics strong { font-size:21px; }
    .mk-agenda-tag { display:none; }
    .mk-scanner { gap:50px; }
    .mk-scan-example { padding:26px 24px 20px; }
    .mk-price-layout { grid-template-columns:1fr; }
    .mk-payment-explainer { padding-top:0; }
    .mk-payment-explainer ol { grid-template-columns:repeat(3,minmax(0,1fr)); gap:26px; margin-top:18px; }
    .mk-price-card { padding:28px; }
    .mk-price-heading { flex-direction:row; align-items:center; justify-content:space-between; gap:12px; min-height:24px; }
    .mk-faq { gap:48px; }
}
@media(max-width:820px) {
    .marketing { --mk-space:64px; }
    .mk-hero { grid-template-columns:1fr; max-width:610px; margin-inline:auto; padding:48px 0; gap:34px; }
    .mk-hero-copy { text-align:center; }
    .mk-hero h1 { font-size:clamp(40px,7vw,58px); margin-block:16px 20px; }
    .mk-hero-copy>p { margin-inline:auto; max-width:52ch; }
    .mk-actions,.mk-hero-facts { justify-content:center; }
    .mk-workspace { width:100%; max-width:550px; margin-inline:auto; }
    .mk-window-content { padding:24px; }
    .mk-window-metrics strong { font-size:25px; }
    .mk-agenda-tag { display:inline; }
    .mk-industries { justify-content:center; gap:14px 26px; }
    .mk-industries p { width:100%; text-align:center; }
    .mk-industries p br { display:none; }
    .mk-industries>span { font-size:13px; }
    .mk-scanner { grid-template-columns:1fr; gap:30px; }
    .mk-scanner-copy { max-width:560px; }
    .mk-scan-example { max-width:480px; width:100%; justify-self:center; }
    .mk-section-heading { align-items:flex-start; gap:20px; flex-direction:column; margin-bottom:28px; }
    .mk-section-heading>p { max-width:56ch; }
    .mk-module-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:25px 30px; }
    .mk-workflow { grid-template-columns:1fr; gap:26px; padding:30px; }
    .mk-workflow ol { grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
    .mk-workflow li { flex-direction:column; gap:8px; }
    .mk-price-heading { flex-direction:column; align-items:flex-start; min-height:52px; gap:8px; }
    .mk-price-card { padding:24px; }
    .mk-faq { grid-template-columns:1fr; gap:24px; }
    .mk-faq>div>p { max-width:none; }
    .mk-closing { padding:28px; align-items:flex-start; flex-direction:column; gap:22px; }
    .marketing .public-footer { grid-template-columns:1fr; }
    .marketing .public-footer nav { justify-content:flex-start; }
}
@media(max-width:540px) {
    .landing.marketing { padding-inline:20px; }
    .marketing { --mk-space:48px; }
    .marketing .public-header { padding:20px 0; }
    .mk-hero { padding-top:36px; }
    .mk-eyebrow { font-size:9px; letter-spacing:.1em; }
    .mk-hero h1 { font-size:clamp(36px,9vw,47px); }
    .mk-hero-copy>p { font-size:14px; line-height:1.8; }
    .mk-actions { gap:10px 18px; margin-top:22px; }
    .mk-actions>.btn-primary { width:100%; justify-content:center; }
    .mk-hero-facts { margin-top:14px; gap:12px 18px; font-size:10px; }
    .mk-workspace { border-radius:11px; }
    .mk-windowbar { height:33px; padding-inline:12px; font-size:9px; }
    .mk-window-layout { grid-template-columns:39px minmax(0,1fr); }
    .mk-window-nav { padding:17px 4px; gap:24px; }
    .mk-mini-brand { width:23px; height:23px; border-radius:6px; font-size:12px; }
    .mk-nav-selected { width:27px; height:27px; }
    .mk-window-nav>.ui-icon,.mk-nav-selected .ui-icon { width:15px; height:15px; flex-basis:15px; }
    .mk-window-content { padding:16px 12px; }
    .mk-window-heading>div>span { font-size:7px; }
    .mk-window-heading h2 { font-size:20px; }
    .mk-window-date { font-size:8px; padding:4px 6px; }
    .mk-window-metrics { gap:7px; margin:16px 0 21px; }
    .mk-window-metrics>div { padding:11px 8px; }
    .mk-window-metrics>div>span { font-size:8px; margin-bottom:7px; }
    .mk-window-metrics strong { font-size:20px; }
    .mk-window-metrics small { font-size:8px; }
    .mk-agenda-heading { font-size:9px; }
    .mk-agenda-heading>span { display:none; }
    .mk-agenda-row { gap:9px; padding:12px 0; }
    .mk-agenda-time { font-size:9px; }
    .mk-agenda-row>div { padding-left:8px; }
    .mk-agenda-row strong { font-size:10px; }
    .mk-agenda-row>div>span { font-size:8px; }
    .mk-agenda-tag { display:none; }
    .mk-receipt-row { padding:10px 8px; gap:7px; }
    .mk-receipt-icon { display:none; }
    .mk-receipt-row strong { font-size:9px; }
    .mk-receipt-row>div>span { font-size:8px; }
    .mk-paid { font-size:8px; padding:3px 5px; }
    .mk-window-scanner { font-size:9px; padding:8px; gap:6px; margin-top:14px; }
    .mk-window-scanner .ui-icon { width:13px; height:13px; flex-basis:13px; }
    .mk-industries { gap:14px 24px; padding:22px 10px; }
    .mk-industries>span { font-size:12px; }
    .mk-scanner h2,.mk-section h2 { font-size:29px; }
    .mk-scanner-copy>p { font-size:13px; }
    .mk-feature-label { font-size:9px; gap:8px; margin-bottom:17px; }
    .mk-check-list li { font-size:11px; }
    .mk-scan-example { padding:20px 18px 16px; border-radius:13px; }
    .mk-scan-file { padding:13px; }
    .mk-scan-result-heading { padding:13px; }
    .mk-scan-result-heading>span { font-size:8px; }
    .mk-scan-result dl { padding-inline:13px; }
    .mk-scan-result dd { font-size:11px; }
    .mk-scan-match { padding:12px 13px; }
    .mk-scan-match small { font-size:9px; }
    .mk-section-heading>p { font-size:13px; }
    .mk-module-grid { grid-template-columns:1fr; gap:22px; }
    .mk-module { padding-top:20px; display:grid; grid-template-columns:27px minmax(0,1fr); gap:0 13px; }
    .mk-module-icon { grid-row:1/4; margin:0; padding-top:2px; }
    .mk-module-icon .ui-icon { width:21px; height:21px; flex-basis:21px; }
    .mk-module h3 { font-size:15px; }
    .mk-module p { margin:8px 0 11px; max-width:none; font-size:12px; }
    .mk-module-detail { font-size:10px; }
    .mk-workflow { padding:24px; border-radius:12px; }
    .mk-workflow h2 { font-size:25px; }
    .mk-workflow ol { grid-template-columns:1fr; }
    .mk-workflow li { flex-direction:row; gap:13px; }
    .mk-price-layout { gap:28px; }
    .mk-price-cards { grid-template-columns:1fr; gap:16px; }
    .mk-price-card { padding:24px; }
    .mk-price-heading { flex-direction:row; align-items:center; gap:10px; min-height:24px; }
    .mk-price-heading>span { font-size:9px; text-align:right; }
    .marketing .mk-price { margin-top:23px; }
    .mk-price strong { font-size:41px; }
    .mk-price-period { padding:16px 0; }
    .marketing .mk-price-card>a { font-size:12px; }
    .mk-payment-explainer ol { grid-template-columns:1fr; gap:18px; }
    .mk-pricing-note { gap:9px; }
    .mk-pricing-note>span { width:100%; }
    .mk-faq h2 { font-size:26px; }
    .mk-questions summary { font-size:12px; padding:18px 0; gap:16px; }
    .mk-questions details p { font-size:12px; padding-right:12px; }
    .mk-closing { padding:24px; margin-bottom:36px; border-radius:12px; }
    .mk-closing h2 { font-size:26px; }
    .mk-closing p { font-size:12px; }
    .mk-closing>a { width:100%; justify-content:center; }
    .marketing .public-footer { padding:28px 0; }
}
@media(max-width:360px) {
    .landing.marketing { padding-inline:16px; }
    .mk-window-metrics strong { font-size:18px; }
    .mk-window-metrics>div>span { font-size:7px; }
    .mk-workspace .mk-window-content { padding-inline:10px; }
    .mk-price-card { padding:20px; }
    .mk-price-heading { align-items:flex-start; flex-direction:column; }
}

.mk-hero-copy .mk-preview-note{font-size:12px;line-height:1.6;color:var(--muted-strong);margin:16px 0 0;max-width:50ch}