/* Marketing UI kit — layout styles (composes DS tokens) */
.mk-root{background:var(--bg);color:var(--text);min-height:100vh;}
.mk-wrap{max-width:var(--container);margin:0 auto;padding-inline:var(--gutter);}
.mk-accent{color:var(--accent);}
.mk-mono{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.14em;text-transform:uppercase;color:var(--text-subtle);}

/* media placeholder */
.mk-media{border:var(--bw-hair) solid var(--border);border-radius:var(--radius-lg);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;
  color:var(--text-subtle);min-height:220px;overflow:hidden;}
.mk-media__ico svg,.mk-media__ico i{width:40px;height:40px;color:var(--accent);opacity:.85;}
.mk-media__lbl{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.1em;text-transform:uppercase;}

/* header */
.mk-header{position:sticky;top:0;z-index:50;background:color-mix(in oklch,var(--bg) 88%,transparent);
  backdrop-filter:blur(10px);border-bottom:var(--bw-hair) solid var(--border);}
.mk-header__in{height:var(--header-h);display:flex;align-items:center;gap:var(--space-6);}
.mk-nav{display:flex;gap:var(--space-5);margin-left:var(--space-4);flex:1;}
.mk-nav a{font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--text-muted);text-decoration:none;}
.mk-nav a:hover{color:var(--text);}
.mk-header__act{display:flex;align-items:center;gap:var(--space-2);}
.mk-icobtn{width:40px;height:40px;border:var(--bw-hair) solid transparent;background:transparent;color:var(--text);
  border-radius:var(--radius-md);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;}
.mk-icobtn:hover{background:var(--surface-2);}
.mk-icobtn svg,.mk-icobtn i{width:20px;height:20px;}

/* hero */
.mk-hero{border-bottom:var(--bw-hair) solid var(--border);}
.mk-hero__in{display:grid;grid-template-columns:1.05fr .95fr;gap:var(--space-8);align-items:center;
  padding-block:var(--space-9);}
.mk-hero__h1{font-size:var(--text-5xl);margin:var(--space-3) 0 var(--space-4);}
.mk-hero__sub{font-size:var(--text-lg);color:var(--text-muted);max-width:46ch;margin-bottom:var(--space-5);}
.mk-finder{background:var(--surface);border:var(--bw-hair) solid var(--border);border-radius:var(--radius-xl);
  padding:var(--space-5);box-shadow:var(--shadow-md);}
.mk-finder__t{display:flex;align-items:center;gap:.5em;font-family:var(--font-mono);font-size:var(--text-xs);
  letter-spacing:.1em;text-transform:uppercase;color:var(--accent-text);margin-bottom:var(--space-4);}
.mk-finder__t svg,.mk-finder__t i{width:15px;height:15px;}
.mk-finder__row{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:var(--space-3);align-items:end;}

/* stats strip */
.mk-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);padding-block:var(--space-7);}

/* stages */
.mk-stages{padding-block:var(--space-8);}
.mk-sec-head{margin-bottom:var(--space-6);}
.mk-sec-head h2{font-size:var(--text-3xl);margin-top:var(--space-2);}
.mk-on-dark{color:#fff;}
.mk-stage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5);}
.mk-stage-desc{color:var(--text-muted);font-size:var(--text-sm);margin:0 0 var(--space-4);}
.mk-stage-figs{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);}
.mk-price{font-family:var(--font-mono);font-weight:var(--fw-semibold);font-size:var(--text-md);color:var(--text);}

/* trust (dark band) */
.mk-trust{background:var(--carbon-950);border-block:var(--bw-hair) solid var(--carbon-800);
  padding-block:var(--space-9);margin-top:var(--space-9);}
.mk-trust [data-theme]{color:inherit;}
.mk-trust .eyebrow{color:var(--power-400);}
.mk-trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-5);}
.mk-trust-item h4{color:#fff;font-size:var(--text-lg);margin:var(--space-3) 0 var(--space-2);}
.mk-trust-item p{color:var(--carbon-400);font-size:var(--text-sm);margin:0;}
.mk-trust-ico{display:inline-flex;width:48px;height:48px;border-radius:var(--radius-md);
  align-items:center;justify-content:center;background:color-mix(in oklch,var(--power-500) 16%,var(--carbon-900));
  border:var(--bw-hair) solid color-mix(in oklch,var(--power-500) 35%,transparent);color:var(--power-400);}
.mk-trust-ico svg,.mk-trust-ico i{width:24px;height:24px;}

/* CTA */
.mk-cta{padding-block:var(--space-9);}
.mk-cta__box{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);flex-wrap:wrap;
  background:var(--surface);border:var(--bw-hair) solid var(--border);border-top:var(--bw-thick) solid var(--accent);
  border-radius:var(--radius-xl);padding:var(--space-7);box-shadow:var(--shadow-sm);}
.mk-cta__box h2{font-size:var(--text-3xl);margin:var(--space-2) 0;}
.mk-cta__box p{color:var(--text-muted);margin:0;}
.mk-cta__act{display:flex;gap:var(--space-3);flex-wrap:wrap;}

/* footer */
.mk-footer{background:var(--surface);border-top:var(--bw-hair) solid var(--border);margin-top:var(--space-6);}
.mk-footer__in{display:grid;grid-template-columns:1.2fr 2fr;gap:var(--space-7);padding-block:var(--space-8);}
.mk-footer__brand p{color:var(--text-muted);font-size:var(--text-sm);max-width:32ch;margin-top:var(--space-4);}
.mk-footer__cols{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5);}
.mk-footer__cols h5{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.1em;text-transform:uppercase;
  color:var(--text-subtle);margin:0 0 var(--space-3);}
.mk-footer__cols a{display:block;color:var(--text-muted);font-size:var(--text-sm);text-decoration:none;padding:4px 0;}
.mk-footer__cols a:hover{color:var(--accent-text);}
.mk-footer__bar{display:flex;justify-content:space-between;align-items:center;
  border-top:var(--bw-hair) solid var(--border);padding-block:var(--space-4);font-size:var(--text-sm);color:var(--text-muted);}

@media (max-width:900px){
  .mk-hero__in,.mk-footer__in{grid-template-columns:1fr;}
  .mk-stage-grid,.mk-trust-grid,.mk-stats{grid-template-columns:1fr 1fr;}
  .mk-finder__row{grid-template-columns:1fr 1fr;}
  .mk-nav{display:none;}
}