/* ============================================================
   Public marketing / landing page.
   Foundation seeds a complete landing; the marketing slice may refine it.
   ============================================================ */

/* Sticky chart-room navigation. Its 1296px content lane mirrors the Paper
   marketing artboards while the surrounding surface can expand indefinitely. */
.mk-nav{
  --mk-page-gutter:max(24px, calc((100vw - 1296px) / 2));
  position:sticky; top:0; z-index:60;
  height:76px; padding:0;
  background:rgba(255,255,255,0.94); backdrop-filter:blur(12px);
  border-bottom:1px solid var(--rule-2);
}
.mk-nav-inner{ display:flex; align-items:center; justify-content:space-between; width:100%; height:100%; padding:0 var(--mk-page-gutter); }
.mk-nav.scrolled{ box-shadow:0 1px 12px rgba(21,36,47,0.05); }
.mk-nav .mk-nav-brand{ min-height:40px; font-size:24px; line-height:28px; gap:12px; }
.mk-nav .mk-nav-brand .mark{ width:30px; height:30px; border-radius:9px; color:#fff; }
.mk-nav .mark svg{ display:block; }
.mk-nav-links{ display:flex; align-items:center; gap:34px; }
.mk-nav a.link{ min-height:40px; padding:8px 0; display:flex; align-items:center; border-radius:0; color:var(--ink-2); font-size:14px; line-height:20px; font-weight:550; }
.mk-nav a.link:hover{ color:var(--accent); }
.mk-nav a.link.cur{ color:var(--accent); font-weight:700; }
.mk-nav-actions{ display:flex; align-items:center; gap:22px; }
.mk-nav-sign-in{ min-height:40px; display:flex; align-items:center; color:var(--ink-2); font-size:14px; line-height:20px; font-weight:600; }
.mk-nav-sign-in:hover{ color:var(--accent); }
.mk-nav .mk-nav-cta{ height:40px; padding:0 16px 0 18px; border-radius:10px; font-size:14px; line-height:20px; font-weight:600; box-shadow:none; }
.mk-nav .mk-nav-cta svg{ flex:0 0 auto; }
@media (max-width:800px){
  .mk-nav{ height:68px; }
  .mk-nav-links{ display:none; }
  .mk-nav-actions{ gap:14px; }
}
@media (max-width:520px){
  .mk-nav{ --mk-page-gutter:18px; }
  .mk-nav .mk-nav-brand{ font-size:21px; gap:9px; }
  .mk-nav .mk-nav-brand .mark{ width:28px; height:28px; }
  .mk-nav-sign-in{ display:none; }
  .mk-nav .mk-nav-cta{ height:40px; padding:0 12px 0 14px; font-size:13px; }
}

.mk-hero{ max-width:1180px; margin:0 auto; padding:64px 32px 40px; text-align:center; }
.mk-hero .eyebrow{ justify-content:center; display:flex; }
.mk-hero h1{ font-family:var(--serif); font-size:56px; line-height:1.04; letter-spacing:-0.03em; font-weight:500; margin:14px auto 18px; max-width:760px; text-wrap:balance; }
.mk-hero h1 em{ font-style:italic; color:var(--accent-ink); }
.mk-hero p.lead{ font-size:18px; color:var(--ink-2); max-width:600px; margin:0 auto 28px; line-height:1.5; text-wrap:pretty; }
.mk-cta{ display:flex; align-items:center; justify-content:center; gap:12px; flex-wrap:wrap; }
@media (max-width:560px){ .mk-hero{ padding:44px 20px 32px; } .mk-hero h1{ font-size:38px; } .mk-hero p.lead{ font-size:16px; } }

.mk-screenshot{ max-width:1080px; margin:40px auto 0; padding:0 32px; }
.mk-screenshot .frame{ border:1px solid var(--rule-2); border-radius:12px; box-shadow:var(--shadow-2); outline:1px solid rgba(0,0,0,0.04); outline-offset:-1px; overflow:hidden; background:var(--surface); }
.mk-screenshot .frame .mk-shot-cell{ }
.mk-screenshot .frame:hover .mk-shot-cell{ background:var(--surface); }

.mk-section{ max-width:1080px; margin:0 auto; padding:64px 32px; }
.mk-section h2{ font-family:var(--serif); font-size:34px; font-weight:500; letter-spacing:-0.02em; text-align:center; margin:0 0 12px; }
.mk-section .sub{ text-align:center; color:var(--ink-3); font-size:15px; margin:0 auto 40px; max-width:560px; }
.mk-features{ display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--rule); border:1px solid var(--rule); border-radius:12px; overflow:hidden; }
@media (max-width:820px){ .mk-features{ grid-template-columns:1fr; } }
.mk-feature{ background:var(--surface); padding:28px 24px; position:relative; }
/* Hover tint crossfades via opacity (compositor) instead of background (paint). */
.mk-feature::after{ content:""; position:absolute; inset:0; background:var(--surface-2); opacity:0; transition:opacity .15s ease; pointer-events:none; z-index:-1; }
.mk-feature:hover::after{ opacity:1; }
.mk-feature .ico{ width:34px; height:34px; border-radius:8px; background:var(--accent-soft); color:var(--accent-ink); display:grid; place-items:center; margin-bottom:14px; transition:transform .2s cubic-bezier(0.2,0,0,1); }
@media (prefers-reduced-motion: no-preference){ .mk-feature:hover .ico{ transform:translateY(-1px) scale(1.04); } }
.mk-feature h3{ font-size:15px; font-weight:500; margin:0 0 6px; }
.mk-feature p{ font-size:13px; color:var(--ink-3); line-height:1.5; margin:0; text-wrap:pretty; }

.mk-cta-band{ background:var(--ink); color:#FFFFFF; border-radius:14px; padding:48px; text-align:center; max-width:1016px; margin:0 auto 64px; }
.mk-cta-band h2{ font-family:var(--serif); font-size:32px; font-weight:500; margin:0 0 10px; color:#FFFFFF; }
.mk-cta-band p{ color:var(--ink-5); font-size:15px; margin:0 0 24px; }
.mk-cta-band .btn{ background:var(--surface); color:var(--ink); border-color:var(--surface); }

.mk-foot{ border-top:1px solid var(--rule); padding:32px; color:var(--ink-4); font-family:var(--mono); font-size:11px; text-transform:uppercase; letter-spacing:0.05em; }
.mk-foot-inner{ max-width:1080px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; }
.mk-foot .mk-foot-links{ display:flex; align-items:center; gap:6px; flex-wrap:wrap; }
.mk-foot .mk-foot-links a{ color:var(--ink-3); padding:4px 7px; border-radius:5px; }
.mk-foot .mk-foot-links a:hover{ background:var(--surface-2); color:var(--ink-2); }
@media (max-width:560px){ .mk-foot-inner{ justify-content:center; text-align:center; } }

/* ============ PRODUCT — TIDAL NEWSROOM ============ */
.mk-product-page,
.mk-how-page{ --mk-page-gutter:max(24px, calc((100vw - 1296px) / 2)); background:var(--bg); color:var(--ink); }
.mk-product-page *,
.mk-how-page *{ box-sizing:border-box; }
.mk-product-page main,
.mk-how-page main{ display:block; }
.mk-product-page h1,
.mk-product-page h2,
.mk-product-page h3,
.mk-product-page p,
.mk-product-page blockquote,
.mk-how-page h1,
.mk-how-page h2,
.mk-how-page h3,
.mk-how-page p{ margin:0; }
.mk-product-page h1,
.mk-product-page h2,
.mk-how-page h1,
.mk-how-page h2{ text-wrap:balance; }
.mk-product-page p,
.mk-product-page blockquote,
.mk-how-page p{ text-wrap:pretty; }
.mk-status-dot{ width:7px; height:7px; display:inline-block; flex:0 0 7px; border-radius:50%; background:var(--ink-4); }
.mk-status-dot.is-ok,
.mk-current-line .is-ok{ background:var(--ok); }
.mk-status-dot.is-warn,
.mk-current-line .is-warn{ background:var(--warn); }
.mk-status-dot.is-bad,
.mk-current-line .is-bad{ background:var(--bad); }
.is-ok{ color:var(--ok-ink); }
.is-warn{ color:var(--warn-ink); }
.is-bad{ color:var(--bad-ink); }
.mk-product-cta{
  min-height:44px; padding:10px 19px; display:inline-flex; align-items:center; justify-content:center; gap:9px;
  color:var(--ink-2); background:var(--surface); border:1px solid var(--rule-2); border-radius:9px;
  font-size:14px; line-height:20px; font-weight:650;
  transition:color .15s ease, background-color .15s ease, border-color .15s ease, transform .08s ease;
}
.mk-product-cta:hover{ color:var(--ink); border-color:var(--rule-3); }
.mk-product-cta:active{ transform:scale(.96); }
.mk-product-cta.is-primary{ color:#fff; background:var(--accent); border-color:var(--accent); }
.mk-product-cta.is-primary:hover{ color:#fff; background:var(--accent-ink); border-color:var(--accent-ink); }

.mk-product-hero{
  min-height:824px; padding:62px var(--mk-page-gutter);
  display:grid; grid-template-columns:486px minmax(0, 1fr); align-items:center; gap:32px;
  overflow:clip; background:var(--bg); border-bottom:1px solid var(--rule-2);
}
.mk-product-copy{ display:flex; flex-direction:column; align-items:flex-start; gap:0; position:relative; z-index:2; }
.mk-product-copy h1{
  margin-top:20px; color:var(--ink); font-family:var(--serif); font-size:74px; line-height:72px;
  font-weight:500; letter-spacing:-.035em;
}
.mk-product-lead{ width:min(100%, 445px); margin-top:25px !important; color:var(--ink-3); font-size:18px; line-height:28px; }
.mk-product-actions{ margin-top:28px; display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.mk-product-trust{ margin-top:24px !important; display:flex; align-items:center; gap:9px; color:var(--ink-3); font-size:12px; line-height:18px; }
.mk-product-trust svg{ color:var(--ok-ink); flex:0 0 auto; }
.mk-product-stage{ width:100%; height:630px; position:relative; isolation:isolate; }
.mk-tide{ position:absolute; z-index:-1; border:1px solid rgba(52,58,113,.12); border-radius:50%; }
.mk-tide-one{ width:650px; height:650px; top:-100px; right:-205px; }
.mk-tide-two{ width:460px; height:460px; top:-5px; right:-110px; }
.mk-product-stage::before{
  content:""; position:absolute; width:410px; height:410px; top:30px; right:-35px; z-index:-2; border-radius:50%;
  background:radial-gradient(circle, rgba(179,188,232,.34) 0%, rgba(244,246,248,0) 68%);
}
.mk-briefing-window{
  position:absolute; top:25px; left:0; width:calc(100% - 20px); max-width:758px; height:574px;
  overflow:hidden; background:var(--surface); border:1px solid #C9D2DB; border-radius:14px;
  box-shadow:0 24px 70px rgba(21,36,47,.12);
}
.mk-app-bar,
.mk-onboarding-bar{
  height:48px; padding:0 16px; display:flex; align-items:center; gap:18px;
  background:var(--surface); border-bottom:1px solid var(--rule);
}
.mk-mini-brand{ display:flex; align-items:center; gap:8px; flex:0 0 auto; }
.mk-mini-brand strong{ font-family:var(--serif); font-size:17px; line-height:20px; font-weight:650; }
.mk-mini-mark{ width:24px; height:24px; display:grid; place-items:center; flex:0 0 24px; color:#fff; background:var(--accent); border-radius:7px; font-size:11px; }
.mk-app-path{ color:var(--ink-3); font-size:10px; line-height:14px; }
.mk-live-pill{ margin-left:auto; padding:5px 8px; display:inline-flex; align-items:center; gap:6px; color:var(--ok-ink); background:#EDF7F3; border-radius:999px; font-family:var(--mono); font-size:8px; line-height:10px; text-transform:uppercase; letter-spacing:.06em; }
.mk-live-pill i,
.mk-live-cue i{ width:5px; height:5px; background:var(--ok); border-radius:50%; }
.mk-briefing-sheet{ height:calc(100% - 48px); padding:29px 30px 23px; display:flex; flex-direction:column; }
.mk-briefing-mast{ padding-bottom:14px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--rule-2); }
.mk-briefing-mast p,
.mk-briefing-mast time,
.mk-mini-kicker{ color:var(--ink-3); font-family:var(--mono); font-size:8px; line-height:12px; letter-spacing:.1em; text-transform:uppercase; }
.mk-briefing-sheet h2{ width:92%; margin-top:18px; font-family:var(--serif); font-size:32px; line-height:34px; font-weight:500; letter-spacing:-.02em; }
.mk-briefing-columns{ margin-top:18px; display:grid; grid-template-columns:minmax(0, 1fr) 242px; gap:28px; }
.mk-briefing-copy{ color:var(--ink-2); font-family:var(--serif); font-size:12.5px; line-height:18px; }
.mk-briefing-copy > p + p{ margin-top:10px; }
.mk-written-note{ margin-top:14px; display:block; color:var(--accent); font-family:var(--mono); font-size:7.5px; line-height:12px; letter-spacing:.04em; text-transform:uppercase; }
.mk-insights{ min-width:0; border-top:1px solid var(--ink); }
.mk-insights > .mk-mini-kicker{ padding:8px 0 7px; }
.mk-insight-row{ min-height:54px; display:grid; grid-template-columns:7px minmax(0, 1fr) auto; align-items:center; gap:8px; border-top:1px solid var(--rule); }
.mk-insight-row > div{ min-width:0; display:flex; flex-direction:column; gap:1px; }
.mk-insight-row strong{ overflow:hidden; color:var(--ink-2); font-size:9px; line-height:13px; font-weight:650; text-overflow:ellipsis; white-space:nowrap; }
.mk-insight-row span{ color:var(--ink-3); font-family:var(--mono); font-size:6.5px; line-height:10px; letter-spacing:.06em; text-transform:uppercase; }
.mk-insight-number{ align-items:flex-end; font-variant-numeric:tabular-nums; }
.mk-insight-number strong{ color:var(--ink); font-size:11px; }
.mk-insight-number span.is-ok{ color:var(--ok-ink); }
.mk-insight-number span.is-warn{ color:var(--warn-ink); }
.mk-insight-number span.is-bad{ color:var(--bad-ink); }
.mk-live-cue{ margin-top:auto; padding-top:14px; display:flex; align-items:center; gap:7px; color:var(--ok-ink); border-top:1px solid var(--rule); font-family:var(--mono); font-size:7px; line-height:10px; letter-spacing:.1em; text-transform:uppercase; }
.mk-scorecard-rail{
  position:absolute; z-index:3; right:-4px; bottom:0; width:min(490px, 68%); height:190px;
  overflow:hidden; background:var(--surface); border:1px solid #C9D2DB; border-radius:12px;
  box-shadow:0 14px 38px rgba(21,36,47,.18);
}
.mk-scorecard-rail-head{ height:52px; padding:0 14px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--rule); }
.mk-scorecard-rail-head > div{ display:flex; flex-direction:column; gap:1px; }
.mk-scorecard-rail-head strong{ font-family:var(--serif); font-size:16px; line-height:19px; }
.mk-scorecard-rail-head > span{ color:var(--ink-3); font-family:var(--mono); font-size:7px; line-height:10px; text-transform:uppercase; }
.mk-scorecard-cells{ height:137px; display:grid; grid-template-columns:repeat(4, 1fr); }
.mk-scorecard-cell{ min-width:0; padding:15px 11px; display:flex; flex-direction:column; border-right:1px solid var(--rule); }
.mk-scorecard-cell:last-child{ border-right:0; }
.mk-scorecard-cell > span{ display:flex; align-items:center; gap:5px; overflow:hidden; color:var(--ink-3); font-size:8px; line-height:12px; text-overflow:ellipsis; white-space:nowrap; }
.mk-scorecard-cell strong{ margin-top:11px; color:var(--ink); font-size:19px; line-height:22px; font-weight:650; font-variant-numeric:tabular-nums; }
.mk-scorecard-cell small{ margin-top:4px; font-family:var(--mono); font-size:7px; line-height:10px; }

.mk-product-sources{ min-height:390px; padding:54px var(--mk-page-gutter) 42px; position:relative; overflow:clip; color:#fff; background:var(--ink); }
.mk-sources-head,
.mk-proof-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:64px; }
.mk-sources-head > div,
.mk-proof-head > div{ display:flex; flex-direction:column; gap:9px; }
.mk-product-sources .mk-kicker{ color:#AEB9C3; }
.mk-product-sources h2,
.mk-product-proof h2{ font-family:var(--serif); font-size:42px; line-height:46px; font-weight:500; letter-spacing:-.018em; }
.mk-sources-head > p,
.mk-proof-head > p{ width:390px; flex:0 0 390px; font-size:14px; line-height:22px; }
.mk-sources-head > p{ color:#AEB9C3; }
.mk-source-grid{ margin-top:40px; display:grid; grid-template-columns:repeat(3, 1fr); }
.mk-source-card{ min-height:180px; padding:0 44px 0 0; display:grid; grid-template-columns:38px 1fr; grid-template-rows:auto auto 1fr auto; column-gap:15px; border-right:1px solid #3C4A54; }
.mk-source-card + .mk-source-card{ padding-left:44px; }
.mk-source-card:last-child{ padding-right:0; border-right:0; }
.mk-source-icon{ width:38px; height:38px; grid-row:1 / 3; display:grid; place-items:center; color:#D7DAF3; background:#2D3A44; border:1px solid #47545F; border-radius:10px; }
.mk-source-icon svg{ width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.3; stroke-linecap:round; stroke-linejoin:round; }
.mk-source-card h3{ color:#fff; font-size:15px; line-height:20px; font-weight:650; }
.mk-source-card p{ margin-top:4px; color:#AEB9C3; font-size:12px; line-height:18px; }
.mk-source-card > span{ grid-column:2; align-self:end; color:#C7CBE4; font-family:var(--mono); font-size:8px; line-height:12px; letter-spacing:.1em; text-transform:uppercase; }
.mk-current-line{ position:absolute; right:52px; bottom:26px; display:flex; align-items:center; opacity:.55; }
.mk-current-line i{ width:7px; height:7px; border-radius:50%; }
.mk-current-line span{ width:64px; height:1px; background:#53606C; }

.mk-product-proof{ min-height:610px; padding:52px var(--mk-page-gutter) 34px; background:var(--surface); }
.mk-proof-head > p{ color:var(--ink-3); }
.mk-proof-grid{ margin-top:32px; display:grid; grid-template-columns:minmax(0, 744px) minmax(320px, 1fr); gap:28px; }
.mk-weekly-excerpt,
.mk-team-rollup{ min-width:0; overflow:hidden; background:var(--bg); border:1px solid var(--rule-2); border-radius:12px; }
.mk-weekly-excerpt{ padding:25px 27px 0; }
.mk-weekly-excerpt > header,
.mk-team-rollup > header{ display:flex; align-items:center; justify-content:space-between; }
.mk-weekly-excerpt > header span,
.mk-team-rollup header span{ color:var(--ink-3); font-family:var(--mono); font-size:8px; line-height:12px; letter-spacing:.1em; text-transform:uppercase; }
.mk-weekly-excerpt blockquote{ margin-top:23px; color:var(--ink); font-family:var(--serif); font-size:22px; line-height:29px; font-weight:500; letter-spacing:-.01em; }
.mk-weekly-excerpt > p{ margin-top:15px; color:var(--ink-3); font-size:11px; line-height:17px; }
.mk-excerpt-metrics{ height:82px; margin:22px -27px 0; display:grid; grid-template-columns:repeat(3, 1fr); background:var(--surface); border-top:1px solid var(--rule); }
.mk-excerpt-metrics > div{ min-width:0; padding:13px 16px; display:grid; grid-template-columns:1fr auto; gap:4px; border-right:1px solid var(--rule); }
.mk-excerpt-metrics > div:last-child{ border-right:0; }
.mk-excerpt-metrics span{ grid-column:1 / -1; display:flex; align-items:center; gap:6px; color:var(--ink-3); font-family:var(--mono); font-size:7px; line-height:10px; letter-spacing:.06em; text-transform:uppercase; }
.mk-excerpt-metrics strong{ font-size:17px; line-height:21px; font-variant-numeric:tabular-nums; }
.mk-excerpt-metrics small{ align-self:end; font-family:var(--mono); font-size:7px; line-height:10px; }
.mk-team-rollup > header{ height:50px; padding:0 15px; background:var(--surface); border-bottom:1px solid var(--rule); }
.mk-team-rollup header strong{ font-size:12px; line-height:16px; }
.mk-team-row{ min-height:58px; padding:0 15px; display:grid; grid-template-columns:7px 92px minmax(0, 1fr) auto; align-items:center; gap:8px; border-bottom:1px solid var(--rule); }
.mk-team-row:last-child{ border-bottom:0; }
.mk-team-row strong{ font-size:11px; line-height:15px; }
.mk-team-row span{ overflow:hidden; color:var(--ink-3); font-family:var(--mono); font-size:7px; line-height:10px; letter-spacing:.06em; text-overflow:ellipsis; text-transform:uppercase; white-space:nowrap; }
.mk-team-row small{ font-family:var(--mono); font-size:7px; line-height:10px; text-transform:uppercase; }
.mk-product-closing{ min-height:142px; padding:26px var(--mk-page-gutter); display:grid; grid-template-columns:minmax(0, 1fr) auto auto; align-items:center; gap:42px; background:var(--bg); border-top:1px solid var(--rule-2); border-bottom:1px solid var(--rule-2); }
.mk-product-closing > div{ display:flex; flex-direction:column; gap:4px; }
.mk-product-closing h2{ font-family:var(--serif); font-size:34px; line-height:38px; font-weight:500; letter-spacing:-.015em; }
.mk-product-closing > p{ color:var(--ink-3); font-size:14px; line-height:20px; }
.mk-product-footer{ min-height:72px; padding:0 var(--mk-page-gutter); display:flex; align-items:center; justify-content:space-between; gap:30px; background:var(--surface); }
.mk-product-footer > p{ color:var(--ink-3); font-family:var(--mono); font-size:9px; line-height:14px; letter-spacing:.1em; text-transform:uppercase; }
.mk-product-footer nav{ display:flex; align-items:center; gap:24px; }
.mk-product-footer a{ min-height:40px; display:flex; align-items:center; color:var(--ink-3); font-size:12px; line-height:18px; }
.mk-product-footer a:hover,
.mk-product-footer a[aria-current="page"]{ color:var(--accent); }

/* ============ HOW IT WORKS — GROUNDED COPILOT ============ */
.mk-how-hero{ min-height:414px; padding:54px 180px 56px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:18px; text-align:center; background:var(--bg); }
.mk-how-pill{ padding:7px 12px; display:flex; align-items:center; gap:10px; color:var(--accent); background:var(--accent-soft); border-radius:999px; font-family:var(--mono); font-size:11px; line-height:16px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; }
.mk-how-hero h1{ max-width:880px; font-family:var(--serif); font-size:62px; line-height:64px; font-weight:500; letter-spacing:-.025em; }
.mk-how-hero > p:not(.mk-how-pill){ max-width:720px; color:var(--ink-3); font-size:18px; line-height:28px; }
.mk-how-actions{ padding-top:4px; display:flex; align-items:center; justify-content:center; gap:12px; flex-wrap:wrap; }
.mk-how-onboarding{ min-height:650px; padding:18px var(--mk-page-gutter) 54px; display:flex; flex-direction:column; gap:14px; background:var(--bg); }
.mk-demo-label{ display:flex; align-items:center; justify-content:space-between; gap:24px; }
.mk-demo-label p{ color:var(--ink-3); font-family:var(--mono); font-size:11px; line-height:16px; letter-spacing:.12em; text-transform:uppercase; }
.mk-demo-label span{ color:var(--ink-3); font-size:12px; line-height:18px; }
.mk-onboarding-window{ height:548px; overflow:hidden; background:var(--bg); border:1px solid #C9D2DB; border-radius:14px; box-shadow:0 24px 70px rgba(21,36,47,.11); }
.mk-onboarding-bar nav{ padding-left:12px; display:flex; align-items:center; gap:22px; color:var(--ink-3); font-size:11px; line-height:16px; }
.mk-onboarding-bar nav strong{ color:var(--ink); }
.mk-preview-account{ margin-left:auto; display:flex; align-items:center; gap:14px; color:var(--ink-3); font-family:var(--mono); font-size:9px; line-height:13px; text-transform:uppercase; }
.mk-preview-account i{ width:28px; height:28px; display:grid; place-items:center; color:var(--ok-ink); background:#DCEFE7; border-radius:50%; font-family:var(--sans); font-size:10px; font-style:normal; font-weight:700; }
.mk-onboarding-body{ height:500px; padding:38px 24px 28px; display:flex; flex-direction:column; align-items:center; justify-content:center; }
.mk-onboarding-intro{ display:flex; flex-direction:column; align-items:center; gap:9px; text-align:center; }
.mk-onboarding-intro > span{ color:var(--accent); font-size:22px; line-height:22px; }
.mk-onboarding-intro h2{ font-family:var(--serif); font-size:36px; line-height:40px; font-weight:500; letter-spacing:-.02em; }
.mk-onboarding-intro p{ max-width:520px; color:var(--ink-3); font-size:14px; line-height:22px; }
.mk-onboarding-composer{ width:min(720px, 100%); min-height:78px; margin-top:22px; padding:8px; display:flex; align-items:flex-end; gap:7px; background:var(--surface); border:1px solid #C9D2DB; border-radius:16px; box-shadow:0 8px 28px rgba(21,36,47,.12); }
.mk-onboarding-composer button{ width:36px; height:36px; display:grid; place-items:center; flex:0 0 36px; color:var(--ink-3); border-radius:11px; }
.mk-onboarding-composer button.is-send{ color:#fff; background:var(--accent); }
.mk-onboarding-composer > span{ min-width:0; padding:10px 4px; align-self:stretch; display:flex; align-items:flex-start; flex:1; color:var(--ink); font-size:15px; line-height:23px; text-align:left; }
.mk-onboarding-suggestions{ max-width:720px; margin-top:12px; display:flex; flex-wrap:wrap; justify-content:center; gap:8px; }
.mk-onboarding-suggestions span{ padding:7px 13px; color:var(--ink-2); background:var(--surface); border:1px solid var(--rule); border-radius:999px; font-size:11px; line-height:16px; }
.mk-attachment-note{ margin-top:20px !important; color:var(--ink-3); font-family:var(--mono); font-size:9px; line-height:14px; letter-spacing:.08em; text-transform:uppercase; }

.mk-how-flow{ min-height:420px; padding:56px var(--mk-page-gutter) 50px; position:relative; overflow:clip; color:#fff; background:var(--ink); }
.mk-how-flow::before,
.mk-how-flow::after{ content:""; position:absolute; border:1px solid rgba(148,160,205,.14); border-radius:50%; }
.mk-how-flow::before{ width:520px; height:520px; top:-180px; right:-120px; }
.mk-how-flow::after{ width:350px; height:350px; top:-96px; right:-36px; }
.mk-flow-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:64px; position:relative; z-index:1; }
.mk-flow-head > div{ display:flex; flex-direction:column; gap:11px; }
.mk-how-flow .mk-kicker{ color:#AEB9C3; }
.mk-flow-head h2{ max-width:640px; font-family:var(--serif); font-size:42px; line-height:46px; font-weight:500; letter-spacing:-.018em; }
.mk-flow-head > p{ width:350px; flex:0 0 350px; color:#AEB9C3; font-size:15px; line-height:24px; }
.mk-flow-steps{ margin:46px 0 0; padding:0; display:grid; grid-template-columns:repeat(4, 1fr); position:relative; list-style:none; }
.mk-flow-steps::before{ content:""; position:absolute; top:24px; left:18px; right:20px; height:1px; background:#53606C; }
.mk-flow-steps li{ min-width:0; padding-right:34px; display:flex; flex-direction:column; gap:12px; position:relative; }
.mk-flow-steps li:last-child{ padding-right:0; }
.mk-flow-steps li > span{ width:48px; height:48px; display:grid; place-items:center; z-index:1; color:#fff; background:var(--accent); border:8px solid var(--ink); border-radius:50%; font-family:var(--mono); font-size:11px; line-height:14px; font-weight:600; }
.mk-flow-steps .is-step-2 > span{ background:#405B65; }
.mk-flow-steps .is-step-3 > span{ background:#635A3B; }
.mk-flow-steps .is-step-4 > span{ background:#476F60; }
.mk-flow-steps strong{ font-size:15px; line-height:20px; }
.mk-flow-steps p{ max-width:240px; color:#AEB9C3; font-size:12px; line-height:18px; }

.mk-how-reality{ min-height:610px; padding:60px var(--mk-page-gutter); display:grid; grid-template-columns:minmax(0, 780px) minmax(300px, 1fr); gap:64px; background:var(--bg); }
.mk-reality-stage{ width:100%; height:490px; position:relative; overflow:hidden; background:var(--surface); border:1px solid #C9D2DB; border-radius:18px; box-shadow:0 18px 48px rgba(21,36,47,.08); }
.mk-reality-scorecard{ position:absolute; inset:0; background:var(--bg); }
.mk-reality-scorecard > header{ height:44px; padding:0 14px; display:flex; align-items:center; gap:22px; background:var(--surface); border-bottom:1px solid var(--rule); }
.mk-reality-scorecard > header .mk-mini-brand strong{ font-size:16px; }
.mk-reality-scorecard > header .mk-mini-mark{ width:22px; height:22px; flex-basis:22px; border-radius:6px; }
.mk-reality-scorecard > header > span{ color:var(--ink-3); font-size:10px; line-height:12px; }
.mk-reality-scorecard > header > i{ margin-left:auto; padding:4px 8px; color:var(--ok-ink); background:#EDF7F3; border-radius:999px; font-family:var(--mono); font-size:8px; line-height:10px; font-style:normal; text-transform:uppercase; }
.mk-reality-content{ height:446px; padding:18px; display:flex; flex-direction:column; gap:14px; }
.mk-reality-title{ display:flex; align-items:flex-end; justify-content:space-between; }
.mk-reality-title > div > span{ color:var(--ink-3); font-family:var(--mono); font-size:8px; line-height:10px; letter-spacing:.1em; text-transform:uppercase; }
.mk-reality-title h3{ margin-top:4px; font-family:var(--serif); font-size:26px; line-height:28px; font-weight:500; }
.mk-reality-title small{ color:var(--ink-3); font-size:10px; line-height:12px; }
.mk-reality-kpis{ display:flex; gap:9px; }
.mk-reality-kpis > div{ width:150px; height:64px; padding:9px; display:grid; grid-template-columns:1fr auto; align-items:end; gap:3px 7px; background:var(--surface); border:1px solid var(--rule); border-radius:9px; }
.mk-reality-kpis span{ grid-column:1 / -1; overflow:hidden; color:var(--ink-3); font-size:9px; line-height:12px; text-overflow:ellipsis; white-space:nowrap; }
.mk-reality-kpis strong{ font-size:20px; line-height:24px; font-weight:650; font-variant-numeric:tabular-nums; }
.mk-reality-kpis small{ align-self:end; font-size:8px; line-height:10px; }
.mk-metric-table{ height:285px; overflow:hidden; background:var(--surface); border:1px solid var(--rule); border-radius:10px; }
.mk-metric-row{ min-height:50px; padding:0 10px; display:grid; grid-template-columns:185px 74px 74px 74px 82px; align-items:center; border-bottom:1px solid var(--rule); color:var(--ink-2); font-size:9px; line-height:12px; }
.mk-metric-row.is-head{ min-height:32px; color:var(--ink-3); background:#F7F9FA; font-family:var(--mono); font-size:8px; line-height:10px; text-transform:uppercase; }
.mk-metric-row > span:first-child{ display:flex; align-items:center; gap:7px; }
.mk-metric-row svg{ width:82px; height:24px; }
.mk-metric-row path{ fill:none; stroke:var(--ink-3); stroke-width:1.3; }
.mk-real-copilot{ position:absolute; z-index:2; top:16px; right:16px; bottom:16px; width:360px; display:flex; flex-direction:column; overflow:hidden; background:var(--surface); border:1px solid #C9D2DB; border-radius:10px; box-shadow:0 12px 34px rgba(21,36,47,.2); }
.mk-real-copilot > header{ height:50px; padding:0 14px; display:flex; align-items:center; justify-content:space-between; flex:0 0 auto; border-bottom:1px solid var(--rule); }
.mk-real-copilot > header > div{ display:flex; align-items:center; gap:7px; }
.mk-real-copilot > header > div span{ color:var(--accent); }
.mk-real-copilot > header strong{ font-size:12px; line-height:16px; }
.mk-real-copilot > header nav{ display:flex; align-items:center; gap:11px; color:var(--ink-3); font-family:var(--mono); font-size:8px; line-height:10px; letter-spacing:.1em; text-transform:uppercase; }
.mk-copilot-thread{ min-height:0; padding:14px; display:flex; flex:1; flex-direction:column; gap:10px; }
.mk-user-bubble,
.mk-assistant-bubble{ max-width:86%; padding:8px 10px; font-size:11px; line-height:16px; border:1px solid var(--rule); }
.mk-user-bubble{ margin-left:auto !important; color:var(--accent); background:var(--accent-soft); border-color:#C8CDEA; border-radius:10px 10px 4px 10px; }
.mk-assistant-bubble{ color:var(--ink); background:var(--bg); border-radius:10px 10px 10px 4px; }
.mk-tool-ledger{ max-width:86%; min-height:24px; padding:0 8px; display:flex; align-items:center; gap:6px; color:var(--ok-ink); background:#EDF7F3; border:1px solid #CDE7DB; border-radius:8px; font-family:var(--mono); font-size:8px; line-height:10px; text-transform:uppercase; }
.mk-tool-ledger span:last-child{ margin-left:auto; }
.mk-source-chips{ display:flex; align-items:center; flex-wrap:wrap; gap:5px; }
.mk-source-chips small{ color:var(--ink-3); font-family:var(--mono); font-size:8px; line-height:10px; letter-spacing:.1em; text-transform:uppercase; }
.mk-source-chips span{ height:18px; padding:0 7px; display:flex; align-items:center; gap:4px; color:var(--ink-3); border:1px solid #C9D2DB; border-radius:9px; font-family:var(--mono); font-size:8px; line-height:10px; }
.mk-source-chips i{ width:4px; height:4px; background:var(--accent); border-radius:50%; }
.mk-confirm-card{ margin-top:auto; padding:10px 11px; display:flex; flex-direction:column; gap:7px; background:#F7F1E6; border:1px solid #E5D4B0; border-radius:8px; }
.mk-confirm-card > strong{ color:#7B581D; font-size:11px; line-height:14px; }
.mk-confirm-card > p{ color:var(--ink-2); font-size:10px; line-height:15px; }
.mk-confirm-card > div{ display:flex; justify-content:flex-end; gap:7px; }
.mk-confirm-card button{ min-height:27px; padding:0 9px; color:var(--ink-2); background:var(--surface); border:1px solid var(--rule); border-radius:6px; font-size:9px; line-height:12px; font-weight:600; }
.mk-confirm-card button:last-child{ color:#fff; background:var(--accent); border-color:var(--accent); }
.mk-copilot-composer{ min-height:60px; padding:10px 14px 12px; display:flex; align-items:flex-end; gap:7px; flex:0 0 auto; border-top:1px solid var(--rule); }
.mk-copilot-composer button{ width:36px; height:36px; display:grid; place-items:center; flex:0 0 36px; color:var(--ink-3); border:1px solid #C9D2DB; border-radius:10px; }
.mk-copilot-composer button:last-child{ color:#fff; background:var(--accent); border-color:var(--accent); }
.mk-copilot-composer span{ height:36px; padding:0 10px; display:flex; align-items:center; flex:1; color:var(--ink-3); background:var(--bg); border:1px solid #C9D2DB; border-radius:10px; font-size:10px; line-height:12px; }
.mk-reality-copy{ min-width:0; height:490px; display:flex; flex-direction:column; }
.mk-reality-copy h2{ margin-top:10px; font-family:var(--serif); font-size:34px; line-height:38px; font-weight:500; letter-spacing:-.018em; }
.mk-reality-copy > p:not(.mk-kicker):not(.mk-truth-note){ margin-top:12px; color:var(--ink-3); font-size:14px; line-height:22px; }
.mk-reality-copy ol{ margin:20px 0 0; padding:0; list-style:none; }
.mk-reality-copy li{ min-height:74px; display:flex; align-items:center; gap:13px; border-top:1px solid var(--rule); }
.mk-reality-copy li > span{ width:30px; height:30px; display:grid; place-items:center; flex:0 0 30px; color:var(--accent); background:var(--accent-soft); border-radius:8px; font-size:12px; line-height:16px; font-weight:700; }
.mk-reality-copy li:nth-child(2) > span{ color:var(--ok-ink); background:#EDF7F3; }
.mk-reality-copy li:nth-child(3) > span{ color:var(--warn-ink); background:#F7F1E6; }
.mk-reality-copy li div{ min-width:0; display:flex; flex-direction:column; gap:2px; }
.mk-reality-copy li strong{ font-size:12px; line-height:16px; }
.mk-reality-copy li p{ color:var(--ink-3); font-size:11px; line-height:16px; }
.mk-truth-note{ margin-top:auto !important; padding:12px 14px; color:var(--ink-2); background:var(--surface); border:1px solid var(--rule); border-radius:10px; font-size:11px; line-height:17px; }

.mk-how-invitation{ min-height:394px; position:relative; overflow:clip; color:#fff; background:var(--accent); }
.mk-how-invitation::before,
.mk-how-invitation::after{ content:""; position:absolute; border:1px solid rgba(255,255,255,.1); border-radius:50%; }
.mk-how-invitation::before{ width:520px; height:520px; top:-210px; left:-140px; }
.mk-how-invitation::after{ width:410px; height:410px; top:-130px; right:-120px; }
.mk-invitation-main{ min-height:324px; padding:52px var(--mk-page-gutter) 46px; display:flex; align-items:center; justify-content:space-between; gap:64px; position:relative; z-index:1; }
.mk-invitation-main > div:first-child{ width:590px; display:flex; flex-direction:column; gap:14px; }
.mk-how-invitation .mk-kicker{ color:#C7CBE4; }
.mk-invitation-main h2{ font-family:var(--serif); font-size:48px; line-height:50px; font-weight:500; letter-spacing:-.02em; }
.mk-invitation-main > div:first-child > p:last-child{ color:#D9DCEF; font-size:15px; line-height:24px; }
.mk-invitation-composer{ width:540px; padding:18px; display:flex; flex-direction:column; gap:12px; flex:0 0 540px; background:var(--surface); border-radius:18px; box-shadow:0 24px 70px rgba(18,19,48,.28); }
.mk-invitation-composer > p{ color:var(--ink-3); font-family:var(--mono); font-size:10px; line-height:14px; letter-spacing:.08em; text-transform:uppercase; }
.mk-invitation-input{ min-height:82px; padding:14px; display:flex; align-items:flex-start; color:var(--ink-3); border:1px solid var(--rule); border-radius:11px; font-size:14px; line-height:21px; }
.mk-invitation-input i{ width:32px; height:32px; margin:29px 0 0 auto; display:grid; place-items:center; flex:0 0 32px; color:#fff; background:var(--accent); border-radius:8px; font-style:normal; font-weight:650; }
.mk-invitation-composer > div{ display:flex; gap:7px; }
.mk-invitation-composer > div span{ padding:6px 9px; color:var(--ink-2); background:var(--surface-2); border-radius:999px; font-size:10px; line-height:14px; }
.mk-how-footer{ min-height:70px; padding:0 var(--mk-page-gutter); display:flex; align-items:center; justify-content:space-between; gap:32px; position:relative; z-index:1; border-top:1px solid rgba(255,255,255,.16); }
.mk-how-footer .brand{ min-height:40px; display:flex; align-items:center; gap:10px; color:#fff; font-size:22px; line-height:24px; }
.mk-how-footer .brand .mark{ width:24px; height:24px; display:grid; place-items:center; color:var(--accent); background:#fff; border-radius:7px; }
.mk-how-footer > p{ color:#C7CBE4; font-size:11px; line-height:16px; }
.mk-how-footer nav{ display:flex; gap:20px; }
.mk-how-footer nav a{ min-height:40px; display:flex; align-items:center; color:#D9DCEF; font-size:11px; line-height:16px; }
.mk-how-footer a:hover{ color:#fff; }

@media (max-width:1180px){
  .mk-product-hero{ grid-template-columns:420px minmax(0, 1fr); }
  .mk-product-copy h1{ font-size:64px; line-height:63px; }
  .mk-how-reality{ grid-template-columns:minmax(0, 1.5fr) minmax(280px, 1fr); gap:40px; }
  .mk-reality-copy h2{ font-size:31px; line-height:35px; }
  .mk-invitation-main > div:first-child{ width:auto; }
  .mk-invitation-composer{ width:480px; flex-basis:480px; }
}
@media (max-width:980px){
  .mk-product-hero{ padding-top:58px; padding-bottom:70px; grid-template-columns:1fr; gap:44px; }
  .mk-product-copy{ max-width:720px; }
  .mk-product-stage{ width:min(100%, 790px); margin:0 auto; }
  .mk-product-sources,
  .mk-product-proof{ min-height:0; }
  .mk-source-card{ padding-right:24px; }
  .mk-source-card + .mk-source-card{ padding-left:24px; }
  .mk-proof-grid{ grid-template-columns:1fr; }
  .mk-team-rollup{ display:grid; grid-template-columns:repeat(2, 1fr); }
  .mk-team-rollup > header{ grid-column:1 / -1; }
  .mk-team-row:nth-child(even){ border-right:1px solid var(--rule); }
  .mk-how-hero{ padding-left:48px; padding-right:48px; }
  .mk-how-hero h1{ font-size:54px; line-height:56px; }
  .mk-flow-head{ align-items:flex-start; flex-direction:column; gap:24px; }
  .mk-flow-head > p{ width:min(100%, 620px); flex-basis:auto; }
  .mk-how-flow{ min-height:0; }
  .mk-how-reality{ grid-template-columns:1fr; }
  .mk-reality-stage{ width:min(100%, 780px); margin:0 auto; }
  .mk-reality-copy{ width:min(100%, 780px); height:auto; margin:0 auto; }
  .mk-truth-note{ margin-top:18px !important; }
  .mk-invitation-main{ align-items:flex-start; flex-direction:column; }
  .mk-invitation-main > div:first-child{ width:min(100%, 650px); }
  .mk-invitation-composer{ width:min(100%, 620px); flex-basis:auto; }
}
@media (max-width:760px){
  .mk-product-page,
  .mk-how-page{ --mk-page-gutter:22px; }
  .mk-sources-head,
  .mk-proof-head{ align-items:flex-start; flex-direction:column; gap:18px; }
  .mk-sources-head > p,
  .mk-proof-head > p{ width:min(100%, 560px); flex-basis:auto; }
  .mk-source-grid{ grid-template-columns:1fr; }
  .mk-source-card,
  .mk-source-card + .mk-source-card{ min-height:0; padding:24px 0; border-right:0; border-bottom:1px solid #3C4A54; }
  .mk-source-card:first-child{ padding-top:0; }
  .mk-source-card:last-child{ padding-bottom:0; border-bottom:0; }
  .mk-source-card > span{ margin-top:18px; }
  .mk-current-line{ display:none; }
  .mk-product-closing{ grid-template-columns:1fr; gap:18px; }
  .mk-product-closing .mk-product-cta{ width:100%; }
  .mk-product-footer{ padding-top:22px; padding-bottom:22px; align-items:flex-start; flex-direction:column; gap:12px; }
  .mk-product-footer nav{ gap:18px; flex-wrap:wrap; }
  .mk-demo-label{ align-items:flex-start; flex-direction:column; gap:4px; }
  .mk-onboarding-bar nav{ display:none; }
  .mk-flow-steps{ grid-template-columns:repeat(2, 1fr); gap:30px 18px; }
  .mk-flow-steps::before{ display:none; }
  .mk-flow-steps li{ padding-right:16px; }
  .mk-reality-stage{ height:620px; }
  .mk-real-copilot{ top:112px; left:14px; right:14px; bottom:14px; width:auto; }
  .mk-reality-scorecard > header > span{ display:none; }
  .mk-metric-row{ grid-template-columns:minmax(150px, 1fr) 60px 60px 60px 82px; }
  .mk-invitation-composer > div{ flex-wrap:wrap; }
  .mk-how-footer{ padding-top:20px; padding-bottom:20px; flex-wrap:wrap; }
  .mk-how-footer > p{ width:100%; order:3; }
}
@media (max-width:540px){
  .mk-product-page,
  .mk-how-page{ --mk-page-gutter:18px; }
  .mk-product-hero{ min-height:0; padding-top:46px; padding-bottom:54px; gap:34px; }
  .mk-product-copy h1{ margin-top:16px; font-size:48px; line-height:48px; letter-spacing:-.03em; }
  .mk-product-lead{ margin-top:20px !important; font-size:16px; line-height:25px; }
  .mk-product-actions{ width:100%; }
  .mk-product-actions .mk-product-cta{ width:100%; }
  .mk-product-stage{ height:505px; }
  .mk-briefing-window{ top:0; width:100%; height:455px; }
  .mk-briefing-sheet{ padding:20px 18px; }
  .mk-briefing-mast time{ display:none; }
  .mk-briefing-sheet h2{ width:100%; font-size:25px; line-height:28px; }
  .mk-briefing-columns{ grid-template-columns:1fr; }
  .mk-insights{ display:none; }
  .mk-scorecard-rail{ right:10px; width:calc(100% - 20px); height:142px; }
  .mk-scorecard-rail-head{ height:44px; }
  .mk-scorecard-cells{ height:97px; grid-template-columns:repeat(2, 1fr); }
  .mk-scorecard-cell{ padding:8px 10px; border-bottom:1px solid var(--rule); }
  .mk-scorecard-cell:nth-child(2){ border-right:0; }
  .mk-scorecard-cell:nth-child(n+3){ border-bottom:0; }
  .mk-scorecard-cell strong{ margin-top:2px; font-size:14px; line-height:16px; }
  .mk-scorecard-cell small{ display:none; }
  .mk-product-sources,
  .mk-product-proof{ padding-top:46px; padding-bottom:46px; }
  .mk-product-sources h2,
  .mk-product-proof h2{ font-size:36px; line-height:40px; }
  .mk-weekly-excerpt{ padding:22px 20px 0; }
  .mk-weekly-excerpt blockquote{ font-size:19px; line-height:26px; }
  .mk-excerpt-metrics{ height:auto; margin-left:-20px; margin-right:-20px; grid-template-columns:1fr; }
  .mk-excerpt-metrics > div{ min-height:62px; border-right:0; border-bottom:1px solid var(--rule); }
  .mk-excerpt-metrics > div:last-child{ border-bottom:0; }
  .mk-team-rollup{ grid-template-columns:1fr; }
  .mk-team-row:nth-child(even){ border-right:0; }
  .mk-team-row{ grid-template-columns:7px 86px minmax(0, 1fr) auto; }
  .mk-how-hero{ min-height:0; padding:46px 18px 48px; }
  .mk-how-pill{ font-size:9px; line-height:14px; letter-spacing:.09em; }
  .mk-how-hero h1{ font-size:42px; line-height:44px; }
  .mk-how-hero > p:not(.mk-how-pill){ font-size:16px; line-height:25px; }
  .mk-how-actions{ width:100%; }
  .mk-how-actions .mk-product-cta{ width:100%; }
  .mk-how-onboarding{ min-height:0; padding-top:12px; padding-bottom:48px; }
  .mk-onboarding-window{ height:530px; }
  .mk-onboarding-bar{ padding:0 12px; }
  .mk-preview-account > span{ display:none; }
  .mk-onboarding-body{ height:482px; padding:30px 14px 24px; }
  .mk-onboarding-intro h2{ font-size:30px; line-height:34px; }
  .mk-onboarding-composer{ min-height:102px; }
  .mk-onboarding-composer > span{ padding-top:5px; font-size:13px; line-height:19px; }
  .mk-onboarding-suggestions span:first-child{ display:none; }
  .mk-attachment-note{ margin-top:16px !important; font-size:8px; }
  .mk-how-flow{ padding-top:48px; padding-bottom:48px; }
  .mk-flow-head h2{ font-size:36px; line-height:40px; }
  .mk-flow-steps{ margin-top:36px; grid-template-columns:1fr; gap:28px; }
  .mk-flow-steps li{ display:grid; grid-template-columns:48px 1fr; grid-template-rows:auto auto; gap:5px 14px; }
  .mk-flow-steps li > span{ grid-row:1 / 3; }
  .mk-flow-steps p{ max-width:none; }
  .mk-how-reality{ padding-top:48px; padding-bottom:48px; gap:36px; }
  .mk-reality-stage{ height:600px; border-radius:14px; }
  .mk-reality-title small,
  .mk-reality-kpis > div:nth-child(3){ display:none; }
  .mk-reality-kpis > div{ width:calc(50% - 5px); }
  .mk-metric-table{ overflow:hidden; }
  .mk-metric-row{ grid-template-columns:minmax(145px, 1fr) 55px 55px 55px 82px; }
  .mk-real-copilot{ top:100px; }
  .mk-reality-copy h2{ font-size:34px; line-height:38px; }
  .mk-reality-copy li{ min-height:88px; }
  .mk-invitation-main{ padding-top:48px; padding-bottom:42px; gap:36px; }
  .mk-invitation-main h2{ font-size:40px; line-height:43px; }
  .mk-invitation-composer{ padding:15px; }
  .mk-invitation-composer > div span:last-child{ display:none; }
  .mk-how-footer{ align-items:flex-start; flex-direction:column; gap:12px; }
  .mk-how-footer > p{ order:initial; }
  .mk-how-footer nav{ flex-wrap:wrap; }
}

/* ============ PRICING — GROUNDED LEDGER ============ */
.sr-only{
  position:absolute; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;
}
.mk-pricing-page{ --mk-page-gutter:max(24px, calc((100vw - 1296px) / 2)); background:var(--bg); }
.mk-pricing-page main{ display:block; }
.mk-pricing-page h1,
.mk-pricing-page h2,
.mk-pricing-page p{ margin:0; }
.mk-pricing-page h1,
.mk-pricing-page h2{ text-wrap:balance; }
.mk-pricing-page p,
.mk-pricing-page li,
.mk-pricing-page dd{ text-wrap:pretty; }
.mk-kicker{
  color:var(--ink-3); font-family:var(--mono); font-size:10px; line-height:16px;
  font-weight:500; letter-spacing:.14em; text-transform:uppercase;
}
.mk-kicker-rule{ display:flex; align-items:center; gap:10px; color:var(--accent); font-weight:600; letter-spacing:.16em; }
.mk-kicker-rule::before{ content:""; width:24px; height:1px; flex:0 0 auto; background:var(--accent); }

.mk-pricing-hero{
  min-height:382px; padding:64px var(--mk-page-gutter) 58px;
  display:flex; align-items:flex-end; justify-content:space-between; gap:72px;
  border-bottom:1px solid var(--rule-2); background:var(--bg);
}
.mk-pricing-hero-copy{ width:min(790px, 65%); display:flex; flex-direction:column; gap:22px; }
.mk-pricing-hero h1{
  color:var(--ink); font-family:var(--serif); font-size:68px; line-height:68px;
  font-weight:500; letter-spacing:-.025em; text-wrap:balance;
}
.mk-pricing-lead{ color:var(--ink-3); font-size:18px; line-height:28px; }
.mk-pricing-promises{
  width:340px; flex:0 0 340px; padding:6px 0 6px 28px; margin:0;
  display:flex; flex-direction:column; gap:18px; list-style:none;
  border-left:1px solid var(--rule-2);
}
.mk-pricing-promises li{ display:flex; align-items:center; gap:12px; color:var(--ink-2); font-size:14px; line-height:20px; }
.mk-promise-icon{
  width:28px; height:28px; flex:0 0 28px; display:grid; place-items:center;
  color:var(--accent); background:var(--surface); border:1px solid var(--rule-2); border-radius:8px;
}
.mk-promise-icon.is-ok{ color:var(--ok-ink); }

.mk-pricing-plans-section{
  padding:54px var(--mk-page-gutter) 64px; background:var(--surface);
  border-bottom:1px solid var(--rule-2);
}
.mk-pricing-section-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:48px; margin-bottom:26px; }
.mk-pricing-section-head > div{ display:flex; flex-direction:column; gap:8px; }
.mk-pricing-section-head h2{
  color:var(--ink); font-family:var(--serif); font-size:38px; line-height:44px;
  font-weight:500; letter-spacing:-.015em;
}
.mk-pricing-section-head > p{ width:360px; flex:0 0 360px; color:var(--ink-3); font-size:14px; line-height:22px; }
.mk-pricing-plans{
  display:grid; grid-template-columns:repeat(4, minmax(0, 1fr));
  min-height:520px; overflow:hidden;
  background:var(--surface); border:1px solid var(--rule-2); border-radius:18px;
}
.mk-pricing-plan{
  min-width:0; min-height:518px; padding:28px 26px;
  display:flex; flex-direction:column; background:var(--surface);
}
.mk-pricing-plan:not(:last-child){ border-right:1px solid var(--rule-2); }
.mk-pricing-plan.is-featured{
  background:var(--accent-soft); box-shadow:inset 0 4px 0 var(--accent);
  border-right-color:var(--accent-edge);
}
.mk-pricing-plan-intro{ min-height:112px; display:flex; flex-direction:column; gap:9px; }
.mk-pricing-plan-meta{ min-height:22px; display:flex; align-items:center; justify-content:space-between; gap:12px; }
.mk-pricing-plan.is-featured .mk-pricing-plan-meta .mk-kicker{ color:var(--accent); }
.mk-pricing-badge{
  height:22px; padding:0 9px; display:inline-flex; align-items:center; flex:0 0 auto;
  color:#fff; background:var(--accent); border-radius:999px;
  font-family:var(--mono); font-size:8px; line-height:12px; letter-spacing:.1em; text-transform:uppercase;
}
.mk-pricing-plan-blurb{ color:var(--ink-2); font-size:14px; line-height:21px; text-wrap:pretty; }
.mk-pricing-price{ min-height:76px; display:flex; align-items:flex-end; gap:7px; }
.mk-pricing-price > span{
  color:var(--ink); font-family:var(--serif); font-size:44px; line-height:48px;
  font-weight:550; letter-spacing:-.01em; font-variant-numeric:tabular-nums;
}
.mk-pricing-price small{ padding-bottom:7px; color:var(--ink-3); font-size:13px; line-height:20px; font-weight:400; }
.mk-pricing-plan-cta{
  width:100%; min-height:44px; padding:10px 16px; display:flex; align-items:center; justify-content:center; gap:8px;
  color:var(--ink-2); background:var(--bg); border:1px solid var(--rule-2); border-radius:9px;
  font-size:14px; line-height:20px; font-weight:650; transition:color .15s ease, border-color .15s ease, background-color .15s ease, transform .08s ease;
}
.mk-pricing-plan-cta:hover{ color:var(--ink); border-color:var(--rule-3); background:var(--surface); }
.mk-pricing-plan-cta:active{ transform:scale(.96); }
.mk-pricing-plan-cta.is-primary{ padding-left:16px; padding-right:14px; color:#fff; background:var(--accent); border-color:var(--accent); }
.mk-pricing-plan-cta.is-primary:hover{ color:#fff; background:var(--accent-ink); border-color:var(--accent-ink); }
.mk-pricing-included{ margin-top:44px; padding-top:22px; border-top:1px solid var(--rule-2); }
.mk-pricing-plan.is-featured .mk-pricing-included{ border-top-color:var(--accent-edge); }
.mk-pricing-included ul{ padding:0; margin:13px 0 0; display:flex; flex-direction:column; gap:13px; list-style:none; }
.mk-pricing-included li{ display:flex; align-items:center; gap:10px; color:var(--ink-2); font-size:13px; line-height:18px; }
.mk-plan-check{
  width:15px; height:15px; flex:0 0 15px; display:grid; place-items:center;
  color:var(--accent); background:var(--accent-soft); border-radius:50%;
}
.mk-pricing-plan.is-featured .mk-plan-check{ color:#fff; background:var(--accent); }

.mk-pricing-compare{
  min-height:436px; padding:58px var(--mk-page-gutter) 62px;
  display:grid; grid-template-columns:360px minmax(0, 850px); gap:86px;
  color:#fff; background:var(--ink);
}
.mk-pricing-compare-copy{ min-height:316px; display:flex; flex-direction:column; justify-content:space-between; }
.mk-pricing-compare-copy > div{ display:flex; flex-direction:column; gap:16px; }
.mk-pricing-compare .mk-kicker{ color:#9BA8B2; }
.mk-pricing-compare h2{
  color:#fff; font-family:var(--serif); font-size:42px; line-height:46px;
  font-weight:450; letter-spacing:-.015em;
}
.mk-pricing-compare-copy > p{ color:#B8C2C9; font-size:14px; line-height:22px; }
.mk-pricing-compare-table-wrap{ width:100%; overflow-x:auto; overscroll-behavior-inline:contain; }
.mk-pricing-compare-table{ width:100%; min-width:720px; border-collapse:collapse; table-layout:fixed; }
.mk-pricing-compare-table th,
.mk-pricing-compare-table td{ padding:0; text-align:left; font-weight:400; }
.mk-pricing-compare-table thead tr{ height:46px; border-bottom:1px solid #3C4A54; }
.mk-pricing-compare-table thead th{
  color:#9BA8B2; font-family:var(--mono); font-size:9px; line-height:14px;
  letter-spacing:.12em; text-transform:uppercase;
}
.mk-pricing-compare-table thead th.is-featured{ color:#ADB5E8; }
.mk-pricing-compare-table thead th:first-child,
.mk-pricing-compare-table tbody th{ width:20%; }
.mk-pricing-compare-table tbody tr{ height:68px; border-bottom:1px solid #3C4A54; }
.mk-pricing-compare-table tbody tr:last-child{ border-bottom:0; }
.mk-pricing-compare-table tbody th{ color:#9BA8B2; font-size:13px; line-height:18px; }
.mk-pricing-compare-table tbody td{ color:#fff; font-size:14px; line-height:20px; }
.mk-pricing-compare-table tbody td.is-featured{ color:#D8DCFF; }

.mk-pricing-faq{
  min-height:402px; padding:58px var(--mk-page-gutter) 64px;
  display:grid; grid-template-columns:360px minmax(0, 850px); gap:86px;
  background:var(--bg); border-bottom:1px solid var(--rule-2);
}
.mk-pricing-faq-title{ display:flex; flex-direction:column; gap:16px; }
.mk-pricing-faq-title h2{
  color:var(--ink); font-family:var(--serif); font-size:42px; line-height:46px;
  font-weight:500; letter-spacing:-.015em;
}
.mk-pricing-faq-title > span{ width:54px; height:1px; background:var(--accent); }
.mk-pricing-faq-list{ margin:0; display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); }
.mk-pricing-faq-list > div{ min-height:136px; padding-right:36px; display:flex; flex-direction:column; gap:10px; }
.mk-pricing-faq-list > div:nth-child(even){ padding-right:0; padding-left:36px; border-left:1px solid var(--rule-2); }
.mk-pricing-faq-list > div:nth-child(-n+2){ padding-bottom:26px; border-bottom:1px solid var(--rule-2); }
.mk-pricing-faq-list > div:nth-child(n+3){ padding-top:28px; }
.mk-pricing-faq-list dt{ color:var(--ink); font-size:16px; line-height:22px; font-weight:650; }
.mk-pricing-faq-list dd{ margin:0; color:var(--ink-3); font-size:14px; line-height:22px; }

.mk-pricing-cta{
  min-height:264px; padding:48px var(--mk-page-gutter);
  display:flex; align-items:center; justify-content:space-between; gap:48px;
  background:var(--surface); border-bottom:1px solid var(--rule-2);
}
.mk-pricing-cta > div:first-child{ display:flex; flex-direction:column; gap:12px; }
.mk-pricing-cta .mk-kicker{ color:var(--ok-ink); }
.mk-pricing-cta h2{
  color:var(--ink); font-family:var(--serif); font-size:48px; line-height:52px;
  font-weight:500; letter-spacing:-.02em;
}
.mk-pricing-cta-actions{ display:flex; align-items:center; gap:18px; flex:0 0 auto; }
.mk-pricing-cta-actions p{ color:var(--ink-3); font-size:13px; line-height:18px; }
.mk-pricing-final-cta{
  min-height:48px; padding:12px 20px 12px 22px; display:flex; align-items:center; justify-content:center; gap:9px;
  color:#fff; background:var(--accent); border:1px solid var(--accent); border-radius:10px;
  font-size:14px; line-height:18px; font-weight:650; transition:background-color .15s ease, border-color .15s ease, transform .08s ease;
}
.mk-pricing-final-cta:hover{ color:#fff; background:var(--accent-ink); border-color:var(--accent-ink); }
.mk-pricing-final-cta:active{ transform:scale(.96); }

.mk-pricing-footer{
  min-height:76px; padding:0 var(--mk-page-gutter);
  display:flex; align-items:center; justify-content:space-between; gap:32px;
  background:var(--surface);
}
.mk-pricing-footer .brand{ min-height:40px; gap:10px; font-size:20px; line-height:24px; }
.mk-pricing-footer .brand .mark{ width:24px; height:24px; border-radius:7px; color:#fff; }
.mk-pricing-footer nav{ display:flex; align-items:center; gap:28px; }
.mk-pricing-footer nav a{ min-height:40px; display:flex; align-items:center; color:var(--ink-3); font-size:12px; line-height:18px; }
.mk-pricing-footer nav a:hover,
.mk-pricing-footer nav a[aria-current="page"]{ color:var(--accent); }
.mk-pricing-footer nav a[aria-current="page"]{ font-weight:650; }
.mk-pricing-footer > p{
  color:var(--ink-3); font-family:var(--mono); font-size:9px; line-height:14px;
  letter-spacing:.1em; text-transform:uppercase;
}

@media (max-width:1100px){
  .mk-pricing-hero{ gap:48px; }
  .mk-pricing-hero-copy{ width:calc(100% - 340px); }
  .mk-pricing-hero h1{ font-size:58px; line-height:60px; }
  .mk-pricing-plans{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
  .mk-pricing-plan{ border-right:1px solid var(--rule-2); border-bottom:1px solid var(--rule-2); }
  .mk-pricing-plan:nth-child(2n){ border-right:0; }
  .mk-pricing-plan:nth-last-child(-n+2){ border-bottom:0; }
  .mk-pricing-compare,
  .mk-pricing-faq{ grid-template-columns:300px minmax(0, 1fr); gap:48px; }
  .mk-pricing-cta h2{ font-size:42px; line-height:48px; }
}

@media (max-width:820px){
  .mk-pricing-hero{ min-height:0; padding-top:58px; flex-direction:column; align-items:flex-start; gap:44px; }
  .mk-pricing-hero-copy{ width:100%; }
  .mk-pricing-hero h1{ font-size:54px; line-height:56px; }
  .mk-pricing-promises{ width:100%; flex-basis:auto; padding:24px 0 0; border-left:0; border-top:1px solid var(--rule-2); }
  .mk-pricing-section-head{ align-items:flex-start; flex-direction:column; gap:16px; }
  .mk-pricing-section-head > p{ width:min(100%, 560px); flex-basis:auto; }
  .mk-pricing-compare,
  .mk-pricing-faq{ grid-template-columns:1fr; gap:44px; }
  .mk-pricing-compare-copy{ min-height:0; gap:32px; }
  .mk-pricing-compare-copy > p{ max-width:520px; }
  .mk-pricing-cta{ align-items:flex-start; flex-direction:column; gap:28px; }
  .mk-pricing-cta-actions{ width:100%; justify-content:space-between; }
  .mk-pricing-footer{ padding-top:24px; padding-bottom:24px; flex-wrap:wrap; }
  .mk-pricing-footer > p{ width:100%; order:3; }
}

@media (max-width:640px){
  .mk-pricing-page{ --mk-page-gutter:20px; }
  .mk-pricing-hero{ padding-top:48px; padding-bottom:48px; }
  .mk-pricing-hero h1{ font-size:46px; line-height:48px; }
  .mk-pricing-hero h1 br{ display:none; }
  .mk-pricing-lead{ font-size:16px; line-height:24px; }
  .mk-pricing-plans-section{ padding-top:46px; padding-bottom:48px; }
  .mk-pricing-section-head h2{ font-size:34px; line-height:40px; }
  .mk-pricing-plans{ grid-template-columns:1fr; }
  .mk-pricing-plan,
  .mk-pricing-plan:nth-child(2n),
  .mk-pricing-plan:nth-last-child(-n+2){ min-height:0; border-right:0; border-bottom:1px solid var(--rule-2); }
  .mk-pricing-plan:last-child{ border-bottom:0; }
  .mk-pricing-compare,
  .mk-pricing-faq{ padding-top:48px; padding-bottom:48px; }
  .mk-pricing-compare h2,
  .mk-pricing-faq-title h2{ font-size:36px; line-height:40px; }
  .mk-pricing-faq-list{ grid-template-columns:1fr; }
  .mk-pricing-faq-list > div,
  .mk-pricing-faq-list > div:nth-child(even),
  .mk-pricing-faq-list > div:nth-child(n+3){ min-height:0; padding:22px 0; border-left:0; border-bottom:1px solid var(--rule-2); }
  .mk-pricing-faq-list > div:first-child{ padding-top:0; }
  .mk-pricing-faq-list > div:last-child{ padding-bottom:0; border-bottom:0; }
  .mk-pricing-cta h2{ font-size:38px; line-height:42px; }
  .mk-pricing-cta-actions{ align-items:flex-start; flex-direction:column; }
  .mk-pricing-final-cta{ width:100%; }
  .mk-pricing-footer{ align-items:flex-start; flex-direction:column; gap:22px; }
  .mk-pricing-footer nav{ gap:18px; flex-wrap:wrap; }
}

/* ============================================================
   Polish: focus-visible, tactile press, and scroll-reveal motion.
   Scoped to .mk-* so the FROZEN design.css .btn rules stay untouched.
   ============================================================ */

/* Keyboard focus rings — visible only for keyboard users, never on click. */
.mk-nav a:focus-visible,
.mk-foot a:focus-visible,
.mk-section .btn:focus-visible,
.mk-hero .btn:focus-visible,
.mk-cta-band .btn:focus-visible,
.mk-plan .btn:focus-visible,
.mk-pricing-plan-cta:focus-visible,
.mk-pricing-final-cta:focus-visible,
.mk-pricing-footer a:focus-visible,
.mk-pricing-compare-table-wrap:focus-visible,
.mk-product-cta:focus-visible,
.mk-product-footer a:focus-visible,
.mk-invitation-input:focus-visible,
.mk-how-footer a:focus-visible{
  outline:2px solid var(--accent);
  outline-offset:2px;
  border-radius:6px;
}

/* Tactile press feedback on the marketing CTAs (compositor-only transform). */
@media (prefers-reduced-motion: no-preference){
  .mk-hero .btn,
  .mk-cta-band .btn,
  .mk-plan .btn,
  .mk-section > .mk-cta .btn{ transition:transform .08s ease; }
  .mk-hero .btn:active,
  .mk-cta-band .btn:active,
  .mk-plan .btn:active,
  .mk-section > .mk-cta .btn:active{ transform:scale(0.96); }
}

/* Scroll reveal — progressive enhancement.
   Default (no-JS / reduced-motion): everything is fully visible.
   The Stimulus controller adds `.mk-reveal-ready` to opt in to the
   start-hidden-then-reveal behaviour, and `.mk-in` once each element
   scrolls into view. Transform + opacity only. */
@media (prefers-reduced-motion: no-preference){
  .mk-reveal-ready [data-marketing-target="reveal"]{
    opacity:0;
    transform:translateY(14px);
    transition:opacity .55s cubic-bezier(0.2,0,0,1), transform .55s cubic-bezier(0.2,0,0,1);
    transition-delay:var(--reveal-delay, 0ms);
  }
  .mk-reveal-ready [data-marketing-target="reveal"].mk-in{
    opacity:1;
    transform:none;
  }
}