:root {
  --mk-bg: #05070b;
  --mk-bg-2: #080b11;
  --mk-panel: #0b0f16;
  --mk-panel-2: #101520;
  --mk-panel-3: #131927;
  --mk-line: rgba(176, 119, 255, .17);
  --mk-line-strong: rgba(176, 119, 255, .46);
  --mk-text: #f6f3fb;
  --mk-soft: #c2bdca;
  --mk-muted: #7f8391;
  --mk-purple: #9856ff;
  --mk-purple-2: #c087ff;
  --mk-green: #7ee2a8;
  --mk-red: #ff8aa1;
  --mk-yellow: #ffd17c;
  --mk-shadow: 0 30px 90px rgba(0,0,0,.45);
  --mk-radius: 18px;
  --mk-container: 1560px;
  --mk-header: 76px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--mk-bg); }
body {
  margin: 0;
  min-width: 320px;
  color: var(--mk-text);
  background:
    radial-gradient(circle at 48% -12%, rgba(136, 68, 244, .12), transparent 30%),
    linear-gradient(180deg, #05070b 0%, #071018 48%, #05070b 100%);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.45;
  overflow-x: hidden;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  opacity: .22;
  background:
    repeating-linear-gradient(115deg, rgba(255,255,255,.015) 0 1px, transparent 1px 42px),
    repeating-linear-gradient(7deg, transparent 0 74px, rgba(161,87,255,.018) 75px 76px);
}
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
button { color: inherit; }
img, svg { display: block; max-width: 100%; }
button:focus-visible, a:focus-visible { outline: 2px solid var(--mk-purple-2); outline-offset: 3px; }

.mk-container { width: min(var(--mk-container), calc(100% - 32px)); margin: 0 auto; }
.mk-progress { position: fixed; inset: 0 0 auto; z-index: 300; height: 2px; pointer-events: none; }
.mk-progress span { display: block; width: 0; height: 100%; background: linear-gradient(90deg, var(--mk-purple), var(--mk-purple-2)); box-shadow: 0 0 16px rgba(152,86,255,.8); }

.mk-header {
  position: sticky;
  top: 0;
  z-index: 200;
  min-height: var(--mk-header);
  border-bottom: 1px solid rgba(255,255,255,.055);
  background: rgba(4,6,10,.86);
  backdrop-filter: blur(20px);
}
.mk-header-inner { min-height: var(--mk-header); display: flex; align-items: center; gap: 20px; }
.mk-brand { display: inline-flex; align-items: center; gap: 12px; flex: 0 0 auto; font-size: 23px; font-weight: 850; letter-spacing: -.035em; }
.mk-brand img { width: 38px; height: 38px; object-fit: contain; filter: drop-shadow(0 0 12px rgba(153,81,255,.42)); }
.mk-brand small { display: block; margin-top: -3px; color: #8d8998; font-size: 8px; font-weight: 760; letter-spacing: .08em; text-transform: uppercase; }
.mk-nav { flex: 1; display: flex; align-items: center; justify-content: center; gap: 5px; }
.mk-nav a { padding: 9px 11px; border-radius: 10px; color: #9f9aa8; font-size: 12px; transition: .2s ease; }
.mk-nav a:hover, .mk-nav a.active { color: #fff; background: rgba(153,86,255,.09); }
.mk-header-actions { display: flex; align-items: center; gap: 7px; flex: 0 0 auto; }
.mk-mini-link, .mk-platform-link, .mk-btn {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 10px;
  padding: 0 14px;
  background: rgba(255,255,255,.026);
  color: #d7d2df;
  font-size: 11px;
  font-weight: 750;
  cursor: pointer;
  transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
}
.mk-mini-link:hover, .mk-platform-link:hover, .mk-btn:hover { transform: translateY(-1px); border-color: rgba(184,125,255,.42); }
.mk-btn-primary { color: #fff; border-color: rgba(205,168,255,.34); background: linear-gradient(135deg,#7946ec,#a75dff); box-shadow: 0 12px 28px rgba(126,62,230,.28), inset 0 1px rgba(255,255,255,.2); }
.mk-btn-secondary { background: #10141b; }
.mk-platform-link { min-width: 40px; padding: 0 10px; }
.mk-platform-link b { width: 22px; height: 22px; display: grid; place-items: center; border-radius: 7px; color: #fff; font-size: 8px; }
.mk-platform-link.tg b { background: #2aa9e8; }
.mk-platform-link.vk b { background: #2787f5; }
.mk-platform-link.max b { background: linear-gradient(135deg,#a660ff,#6840dc); }
.mk-menu-toggle { display: none; width: 42px; height: 42px; border: 1px solid var(--mk-line); border-radius: 10px; background: #0d1118; cursor: pointer; }
.mk-menu-toggle span { display: block; width: 18px; height: 2px; margin: 4px auto; background: #fff; }
.mk-mobile-nav { display: none; }

.mk-section { padding: 18px 0; }
.mk-section-lg { padding: 46px 0; }
.mk-panel {
  border: 1px solid var(--mk-line);
  border-radius: var(--mk-radius);
  background: linear-gradient(145deg, rgba(15,20,29,.97), rgba(8,12,18,.97));
  box-shadow: inset 0 1px rgba(255,255,255,.025), var(--mk-shadow);
}
.mk-eyebrow { display: inline-flex; align-items: center; gap: 8px; color: var(--mk-purple-2); font-size: 10px; font-weight: 900; letter-spacing: .11em; text-transform: uppercase; }
.mk-eyebrow::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--mk-purple); box-shadow: 0 0 12px rgba(152,86,255,.8); }
.mk-kicker { color: var(--mk-purple-2); font-size: 10px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.mk-heading { margin-bottom: 16px; display: flex; justify-content: space-between; align-items: end; gap: 24px; }
.mk-heading h2 { margin: 4px 0 0; font-size: clamp(25px,3vw,42px); line-height: 1.04; letter-spacing: -.045em; }
.mk-heading p { max-width: 620px; margin: 0; color: var(--mk-muted); font-size: 13px; }

.mk-hero { padding: 14px 0 8px; }
.mk-hero-grid { display: grid; grid-template-columns: minmax(0,1.04fr) minmax(400px,1.24fr) minmax(260px,.72fr); min-height: 630px; overflow: hidden; }
.mk-hero-copy { padding: 44px 18px 38px 30px; display: flex; flex-direction: column; justify-content: center; }
.mk-hero-copy h1 { margin: 16px 0 14px; font-size: clamp(42px,4.8vw,78px); line-height: .97; letter-spacing: -.065em; }
.mk-gradient { color: transparent; background: linear-gradient(90deg,#c48aff,#8447f3); background-clip: text; -webkit-background-clip: text; }
.mk-hero-copy > p { max-width: 660px; margin: 0; color: #b4afbd; font-size: 15px; line-height: 1.65; }
.mk-hero-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 26px; }
.mk-hero-actions .mk-btn { min-height: 50px; padding-inline: 22px; font-size: 13px; }
.mk-trust-row { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; margin-top: 23px; }
.mk-trust-item { min-width: 0; display: grid; grid-template-columns: 30px minmax(0,1fr); gap: 9px; align-items: center; padding: 10px; border: 1px solid rgba(255,255,255,.07); border-radius: 11px; background: rgba(255,255,255,.02); }
.mk-trust-item i { width: 30px; height: 30px; display: grid; place-items: center; border: 1px solid rgba(178,117,255,.28); border-radius: 9px; color: var(--mk-purple-2); font-style: normal; }
.mk-trust-item strong, .mk-trust-item span { display: block; }
.mk-trust-item strong { font-size: 10px; }
.mk-trust-item span { margin-top: 2px; color: #797d88; font-size: 8px; }

.mk-mascot-stage { position: relative; min-height: 630px; overflow: hidden; background: radial-gradient(circle at 51% 40%, rgba(122,67,221,.2), transparent 34%), linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.32)); }
.mk-mascot-stage::before { content: ""; position: absolute; inset: 8% 9% 3%; border-radius: 50%; border: 1px solid rgba(152,86,255,.11); box-shadow: 0 0 90px rgba(117,55,221,.13); }
.mk-mascot-stage::after { content: ""; position: absolute; left: 10%; right: 10%; bottom: 4%; height: 16%; border-radius: 50%; background: radial-gradient(ellipse,rgba(0,0,0,.85),transparent 68%); filter: blur(6px); }
.mk-mascot-stage .mk-mascot { position: absolute; z-index: 3; left: 50%; bottom: -17%; width: min(67%,520px); transform: translateX(-50%); filter: drop-shadow(0 36px 56px rgba(0,0,0,.72)); }
.mk-mascot-stage .mk-mascot img { width: 100%; max-height: 760px; object-fit: contain; object-position: center bottom; }
.mk-mug { position: absolute; z-index: 4; left: 18%; top: 33%; width: 92px; height: 84px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.12); border-radius: 12px 12px 22px 22px; background: linear-gradient(145deg,#13171b,#060809); color: #d8d0df; font-size: 11px; font-weight: 850; text-align: center; transform: rotate(-3deg); box-shadow: 0 22px 36px rgba(0,0,0,.42); }
.mk-mug::after { content: ""; position: absolute; right: -24px; top: 19px; width: 30px; height: 38px; border: 7px solid #0b0e11; border-left: 0; border-radius: 0 17px 17px 0; }
.mk-note { position: absolute; z-index: 4; right: 5%; bottom: 7%; width: 160px; padding: 15px 13px; background: #cab98f; color: #302b21; font-family: Georgia,serif; font-size: 13px; transform: rotate(2deg); box-shadow: 0 18px 30px rgba(0,0,0,.28); }
.mk-note strong { display: block; margin-bottom: 6px; font-size: 10px; text-transform: uppercase; }
.mk-stage-label { position: absolute; z-index: 5; left: 9%; bottom: 9%; color: #454b58; font-size: 24px; font-weight: 900; letter-spacing: .08em; transform: rotate(-6deg); }

.mk-benefit-panel { margin: 14px 14px 14px 0; padding: 22px 18px; align-self: center; }
.mk-benefit-panel h2 { margin: 0 0 13px; font-size: 16px; }
.mk-benefit-list { display: grid; gap: 7px; }
.mk-benefit { display: grid; grid-template-columns: 34px minmax(0,1fr); gap: 11px; align-items: center; padding: 11px 0; border-bottom: 1px solid rgba(255,255,255,.055); }
.mk-benefit:last-child { border-bottom: 0; }
.mk-benefit i { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid rgba(176,111,255,.22); border-radius: 50%; color: var(--mk-purple-2); font-style: normal; }
.mk-benefit strong, .mk-benefit span { display: block; }
.mk-benefit strong { font-size: 10px; }
.mk-benefit span { margin-top: 2px; color: #777d8b; font-size: 8px; }

.mk-duo-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 12px; }
.mk-section-card { padding: 18px; }
.mk-section-card h2 { margin: 0 0 4px; font-size: 18px; }
.mk-section-card > p { margin: 0 0 14px; color: #878b98; font-size: 11px; }
.mk-audience-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 9px; }
.mk-audience-card { min-width: 0; min-height: 150px; padding: 14px; border: 1px solid rgba(255,255,255,.075); border-radius: 13px; background: linear-gradient(145deg,#111720,#0a0f15); transition: .2s ease; }
.mk-audience-card:hover { transform: translateY(-2px); border-color: var(--mk-line-strong); }
.mk-audience-icon { width: 62px; height: 62px; display: grid; place-items: center; margin-bottom: 10px; border: 1px solid rgba(169,104,255,.22); border-radius: 18px; background: radial-gradient(circle at 35% 28%,rgba(206,164,255,.7),rgba(105,59,204,.2) 45%,rgba(10,15,21,.1) 70%); color: #fff; font-size: 28px; box-shadow: inset 0 0 30px rgba(151,86,255,.18); }
.mk-audience-card h3 { margin: 0 0 4px; font-size: 13px; }
.mk-audience-card p { margin: 0; color: #8a8e9c; font-size: 9px; line-height: 1.45; }

.mk-feature-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 8px; }
.mk-feature-card { min-width: 0; display: grid; grid-template-columns: 32px minmax(0,1fr); gap: 9px; padding: 12px; border: 1px solid rgba(255,255,255,.065); border-radius: 11px; background: #0c1118; }
.mk-feature-card i { width: 32px; height: 32px; display: grid; place-items: center; border: 1px solid rgba(170,106,255,.28); border-radius: 8px; color: var(--mk-purple-2); font-style: normal; font-size: 16px; }
.mk-feature-card strong, .mk-feature-card span { display: block; }
.mk-feature-card strong { font-size: 9px; line-height: 1.25; }
.mk-feature-card span { margin-top: 2px; color: #777d8a; font-size: 7px; line-height: 1.35; }

.mk-process-grid { display: grid; grid-template-columns: .82fr 1.18fr; gap: 12px; }
.mk-steps { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; }
.mk-step { position: relative; min-height: 145px; padding: 15px; border: 1px solid rgba(255,255,255,.075); border-radius: 13px; background: #0d1219; }
.mk-step:not(:last-child)::after { content: "→"; position: absolute; right: -17px; top: 50%; color: var(--mk-purple); font-size: 22px; transform: translateY(-50%); }
.mk-step b { width: 27px; height: 27px; display: grid; place-items: center; border-radius: 50%; background: rgba(143,75,244,.28); color: #d2aaff; font-size: 11px; }
.mk-step i { display: block; margin: 16px 0 9px; color: var(--mk-purple-2); font-style: normal; font-size: 24px; }
.mk-step h3 { margin: 0 0 5px; font-size: 11px; }
.mk-step p { margin: 0; color: #818795; font-size: 8px; }

.mk-results { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 8px; }
.mk-result { min-width: 0; overflow: hidden; border: 1px solid rgba(255,255,255,.07); border-radius: 12px; background: #0b1017; }
.mk-result-head { padding: 11px; }
.mk-result-head strong { display: block; font-size: 9px; }
.mk-result-head span { display: block; margin-top: 2px; color: #7f8490; font-size: 7px; }
.mk-result-preview { min-height: 94px; margin: 0 9px 9px; overflow: hidden; border-radius: 8px; background: linear-gradient(145deg,#e9ecf2,#bfc8d9); }
.mk-result-preview.document { padding: 12px; }
.mk-result-preview.document i { display: block; height: 4px; margin: 5px 0; border-radius: 4px; background: #7c8498; }
.mk-result-preview.chart { padding: 13px; display: flex; align-items: end; gap: 8px; background: #f0f2f6; }
.mk-result-preview.chart i { flex: 1; border-radius: 4px 4px 0 0; background: linear-gradient(180deg,#7c4cf4,#5b33c9); }
.mk-result-preview.chart i:nth-child(1){height:38%}.mk-result-preview.chart i:nth-child(2){height:62%}.mk-result-preview.chart i:nth-child(3){height:47%}.mk-result-preview.chart i:nth-child(4){height:83%;background:#62bc7a}
.mk-result-preview.photo { background: linear-gradient(90deg,#5d7187 0 49%,#bad3c0 49% 100%); position: relative; }
.mk-result-preview.photo::after { content:"до   →   после"; position:absolute; inset:auto 8px 8px; padding:5px 7px; border-radius:6px; background:rgba(0,0,0,.54); color:#fff; font-size:7px; text-align:center; }
.mk-result-preview.video { position:relative; background: radial-gradient(circle at 50% 42%,rgba(155,82,255,.54),transparent 30%),#05070b; }
.mk-result-preview.video::after { content:"▶"; position:absolute; inset:50% auto auto 50%; width:34px; height:34px; display:grid; place-items:center; border-radius:50%; background:rgba(152,86,255,.82); color:#fff; transform:translate(-50%,-50%); }
.mk-result-preview.reminder { padding:14px; background:#f4f5f8; color:#20232d; }
.mk-result-preview.reminder strong,.mk-result-preview.reminder span{display:block}.mk-result-preview.reminder strong{font-size:10px}.mk-result-preview.reminder span{font-size:8px;margin:4px 0 12px}.mk-result-preview.reminder b{display:inline-block;padding:5px 8px;border-radius:7px;background:#8e52ef;color:#fff;font-size:7px}

.mk-chip-row { display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); gap: 8px; }
.mk-chip { min-width: 0; display: grid; grid-template-columns: 28px minmax(0,1fr); gap: 8px; align-items: center; padding: 11px; border: 1px solid rgba(255,255,255,.065); border-radius: 11px; background: #0b1016; }
.mk-chip i { width: 28px; height: 28px; display:grid;place-items:center;border:1px solid rgba(167,101,255,.24);border-radius:50%;color:var(--mk-purple-2);font-style:normal }
.mk-chip strong,.mk-chip span{display:block}.mk-chip strong{font-size:8px}.mk-chip span{font-size:7px;color:#777d88}

.mk-bottom-grid { display: grid; grid-template-columns: .82fr .72fr 1.46fr; gap: 12px; }
.mk-testimonial, .mk-faq, .mk-final-cta { padding: 20px; }
.mk-testimonial h2, .mk-faq h2 { margin: 0 0 14px; font-size: 14px; }
.mk-quote { display: grid; grid-template-columns: 58px minmax(0,1fr); gap: 13px; align-items: start; }
.mk-avatar { width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#d0a17c,#5e4136);font-size:25px; }
.mk-quote p { margin:0;color:#a9a4b1;font-size:10px;line-height:1.55 }.mk-quote strong{display:block;margin-top:10px;font-size:10px}.mk-stars{margin-top:7px;color:var(--mk-purple);letter-spacing:3px}
.mk-faq-list { display: grid; gap: 7px; }
.mk-faq-item { overflow:hidden;border:1px solid rgba(255,255,255,.07);border-radius:9px;background:#0c1118 }
.mk-faq-question { width:100%;min-height:38px;padding:0 11px;display:flex;justify-content:space-between;align-items:center;border:0;background:transparent;color:#ddd8e5;text-align:left;font-size:9px;cursor:pointer }
.mk-faq-question::after { content:"+";color:var(--mk-purple-2);font-size:15px }.mk-faq-item.open .mk-faq-question::after{content:"−"}
.mk-faq-answer { display:none;padding:0 11px 11px;color:#858b98;font-size:8px }.mk-faq-item.open .mk-faq-answer{display:block}
.mk-final-cta { position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 260px;align-items:center;min-height:210px;background:radial-gradient(circle at 80% 40%,rgba(153,78,255,.18),transparent 32%),linear-gradient(145deg,#0e131c,#080b11) }
.mk-final-cta h2{margin:0;font-size:30px;letter-spacing:-.04em}.mk-final-cta p{margin:8px 0 18px;color:#8f939e;font-size:11px}.mk-final-cta .mk-mascot{position:absolute;right:34px;bottom:-135px;width:210px;filter:drop-shadow(0 22px 40px rgba(0,0,0,.65))}.mk-final-note{position:absolute;right:10px;top:18px;width:132px;padding:10px;background:#c7b990;color:#2e291f;font:12px Georgia,serif;transform:rotate(2deg)}

.mk-footer { padding: 15px 0 26px; }
.mk-footer-inner { display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 18px;border:1px solid rgba(255,255,255,.055);border-radius:12px;background:#080c12;color:#737884;font-size:9px }
.mk-footer-links{display:flex;flex-wrap:wrap;gap:18px}.mk-footer a:hover{color:#fff}

/* Business page */
.business-page .mk-header { background:rgba(3,5,8,.9) }
.business-page .mk-hero-grid { grid-template-columns: minmax(0,1.05fr) minmax(430px,1.15fr); min-height: 610px; }
.business-page .mk-hero-copy { padding-left: 30px; }
.business-page .mk-hero-copy h1 { font-size: clamp(39px,4.1vw,68px); }
.business-page .mk-mascot-stage .mk-mascot { width:min(54%,430px); bottom:-12%; }
.business-page .mk-mascot-stage::before { inset: 12% 18% 5%; }
.mk-business-strip { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;border-top:1px solid rgba(255,255,255,.055);background:rgba(255,255,255,.045) }
.mk-business-value { min-width:0;display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;padding:14px;background:#0a0e14 }
.mk-business-value i{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:rgba(153,86,255,.14);color:var(--mk-purple-2);font-style:normal}.mk-business-value strong,.mk-business-value span{display:block}.mk-business-value strong{font-size:9px}.mk-business-value span{font-size:7px;color:#777d89}
.mk-business-top-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:12px}.mk-business-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.mk-business-feature{padding:13px;border:1px solid rgba(255,255,255,.065);border-radius:11px;background:#0b1017}.mk-business-feature i{width:32px;height:32px;display:grid;place-items:center;margin-bottom:9px;border-radius:50%;background:rgba(153,86,255,.14);color:var(--mk-purple-2);font-style:normal}.mk-business-feature strong,.mk-business-feature span{display:block}.mk-business-feature strong{font-size:9px}.mk-business-feature span{margin-top:3px;color:#797f8c;font-size:7px}
.mk-industry-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.mk-industry-card{min-height:164px;padding:13px;border:1px solid rgba(255,255,255,.065);border-radius:11px;background:linear-gradient(180deg,#101620,#0a0f15)}.mk-industry-card h3{margin:0 0 4px;color:var(--mk-purple-2);font-size:10px}.mk-industry-card p{margin:0;color:#777d8a;font-size:7px}.mk-industry-bot{position:relative;height:85px;margin-top:9px;overflow:hidden}.mk-industry-bot img{position:absolute;left:50%;bottom:-72px;width:82px;transform:translateX(-50%);filter:drop-shadow(0 12px 18px rgba(0,0,0,.55))}
.mk-dashboard{padding:13px}.mk-dashboard-shell{display:grid;grid-template-columns:170px minmax(0,1fr);min-height:430px;overflow:hidden;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:#080c12}.mk-dashboard-nav{padding:14px;border-right:1px solid rgba(255,255,255,.06);background:#090d13}.mk-dashboard-brand{margin-bottom:15px;font-size:13px;font-weight:850}.mk-dashboard-brand small{display:block;color:#6d7380;font-size:7px}.mk-dashboard-nav a{display:flex;justify-content:space-between;padding:7px 8px;border-radius:7px;color:#7e8491;font-size:8px}.mk-dashboard-nav a.active{background:rgba(151,82,255,.14);color:#d9c5ff}.mk-dashboard-main{padding:14px}.mk-dashboard-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.mk-dashboard-head h2{margin:0;font-size:15px}.mk-dashboard-head span{padding:5px 7px;border:1px solid rgba(255,255,255,.07);border-radius:6px;color:#777d88;font-size:7px}.mk-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.mk-metric{padding:10px;border:1px solid rgba(255,255,255,.06);border-radius:9px;background:#0d121a}.mk-metric span,.mk-metric strong,.mk-metric small{display:block}.mk-metric span{font-size:7px;color:#777d88}.mk-metric strong{margin:3px 0;font-size:18px}.mk-metric small{font-size:6px;color:var(--mk-green)}
.mk-dashboard-columns{display:grid;grid-template-columns:1.1fr .9fr;gap:8px;margin-top:8px}.mk-table-card{padding:10px;border:1px solid rgba(255,255,255,.06);border-radius:9px;background:#0b1017}.mk-table-card h3{margin:0 0 7px;font-size:9px}.mk-table-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.045);font-size:7px}.mk-table-row:last-child{border:0}.mk-table-row span{color:#89909c}.mk-table-row b{color:#b99be5;font-weight:700}.mk-dashboard-bottom{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:8px}.mk-spark{height:30px;margin-top:6px;border-bottom:1px solid rgba(255,255,255,.07);background:linear-gradient(165deg,transparent 45%,rgba(139,78,243,.22) 46% 51%,transparent 52%)}
.mk-workflow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.mk-workflow-card{position:relative;min-height:140px;padding:13px;border:1px solid rgba(255,255,255,.065);border-radius:11px;background:#0b1017}.mk-workflow-card:not(:last-child)::after{content:"→";position:absolute;right:-15px;top:48%;color:#9181aa}.mk-workflow-card b{display:inline-grid;width:24px;height:24px;place-items:center;border-radius:50%;background:rgba(153,86,255,.18);color:var(--mk-purple-2);font-size:9px}.mk-workflow-card strong,.mk-workflow-card span{display:block}.mk-workflow-card strong{margin:9px 0 4px;font-size:9px}.mk-workflow-card span{color:#797f8b;font-size:7px}.mk-workflow-bot{height:62px;overflow:hidden}.mk-workflow-bot img{width:68px;margin:-1px auto 0}
.mk-integration-row{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:8px}.mk-integration{min-height:78px;display:grid;place-items:center;padding:8px;border:1px solid rgba(255,255,255,.065);border-radius:10px;background:#0b1017;text-align:center}.mk-integration b{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:#171e29;color:#fff;font-size:9px}.mk-integration span{display:block;color:#838996;font-size:7px}
.mk-security-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.mk-security{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;padding:13px;border:1px solid rgba(255,255,255,.065);border-radius:11px;background:#0b1017}.mk-security i{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:rgba(153,86,255,.14);color:var(--mk-purple-2);font-style:normal}.mk-security strong,.mk-security span{display:block}.mk-security strong{font-size:8px}.mk-security span{margin-top:3px;color:#777d88;font-size:7px}
.mk-business-cta{position:relative;display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:22px;align-items:center;padding:22px;overflow:hidden}.mk-business-cta .mk-mascot{position:absolute;left:13px;bottom:-95px;width:110px}.mk-business-cta-copy{grid-column:2}.mk-business-cta h2{margin:0;font-size:24px}.mk-business-cta p{margin:5px 0 0;color:#818692;font-size:9px}.mk-business-cta-actions{display:flex;gap:8px}

.reveal { opacity: 0; transform: translateY(14px); transition: opacity .55s ease, transform .55s ease; }
.reveal.visible { opacity: 1; transform: translateY(0); }

@media (max-width: 1280px) {
  .mk-nav { display:none; }
  .mk-menu-toggle { display:block; }
  .mk-mobile-nav.open { position:fixed;z-index:210;top:84px;left:16px;right:16px;display:grid;padding:12px;border:1px solid var(--mk-line);border-radius:14px;background:#080c12;box-shadow:var(--mk-shadow) }
  .mk-mobile-nav a { padding:12px;border-radius:8px;color:#bbb6c5 }.mk-mobile-nav a:hover{background:rgba(153,86,255,.1);color:#fff}
  .mk-hero-grid { grid-template-columns: minmax(0,1fr) minmax(390px,1fr); }
  .mk-benefit-panel { grid-column:1 / -1;margin:0 14px 14px;display:grid;grid-template-columns:220px minmax(0,1fr);align-items:center }.mk-benefit-list{grid-template-columns:repeat(5,minmax(0,1fr))}.mk-benefit{border-bottom:0;padding:8px}.mk-benefit span{font-size:7px}
  .mk-feature-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.mk-chip-row{grid-template-columns:repeat(4,minmax(0,1fr))}.mk-results{grid-template-columns:repeat(3,minmax(0,1fr))}
  .business-page .mk-hero-grid{grid-template-columns:minmax(0,1fr) minmax(380px,.9fr)}
}
@media (max-width: 980px) {
  .mk-header-actions .mk-platform-link { display:none; }
  .mk-hero-grid,.business-page .mk-hero-grid{grid-template-columns:1fr;min-height:0}.mk-hero-copy{padding:34px 24px}.mk-mascot-stage{min-height:500px}.mk-benefit-panel{grid-template-columns:1fr}.mk-benefit-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mk-duo-grid,.mk-process-grid,.mk-bottom-grid,.mk-business-top-grid{grid-template-columns:1fr}.mk-audience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mk-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mk-chip-row{grid-template-columns:repeat(3,minmax(0,1fr))}
  .mk-dashboard-shell{grid-template-columns:1fr}.mk-dashboard-nav{display:none}.mk-industry-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mk-integration-row{grid-template-columns:repeat(5,minmax(0,1fr))}.mk-security-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mk-business-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 680px) {
  :root{--mk-header:66px}.mk-container{width:min(100% - 18px,var(--mk-container))}.mk-header-inner{gap:8px}.mk-brand{font-size:19px}.mk-brand img{width:32px;height:32px}.mk-header-actions .mk-mini-link{display:none}.mk-header-actions .mk-btn{padding:0 11px;font-size:10px}.mk-hero-copy h1{font-size:42px}.mk-hero-copy>p{font-size:13px}.mk-trust-row{grid-template-columns:1fr}.mk-mascot-stage{min-height:420px}.mk-mascot-stage .mk-mascot{width:78%;bottom:-16%}.mk-mug{left:8%;top:28%;transform:scale(.8)}.mk-note{right:3%;width:130px;font-size:11px}.mk-benefit-list{grid-template-columns:1fr}.mk-audience-grid,.mk-feature-grid,.mk-steps,.mk-results,.mk-chip-row,.mk-business-features,.mk-industry-grid,.mk-workflow,.mk-integration-row,.mk-security-grid,.mk-business-strip{grid-template-columns:1fr}.mk-step:not(:last-child)::after,.mk-workflow-card:not(:last-child)::after{content:"↓";right:50%;top:auto;bottom:-21px}.mk-heading{align-items:start;flex-direction:column}.mk-dashboard{padding:8px}.mk-metrics,.mk-dashboard-bottom,.mk-dashboard-columns{grid-template-columns:1fr}.mk-business-cta{grid-template-columns:1fr;padding:22px}.mk-business-cta .mk-mascot{display:none}.mk-business-cta-copy{grid-column:auto}.mk-business-cta-actions{flex-direction:column}.mk-footer-inner{align-items:flex-start;flex-direction:column}
}
@media (prefers-reduced-motion: reduce) { *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none} }