.mk-scope {

  --brand-2: 232 82% 57%;

  overflow-x: clip;
}

.text-balance { text-wrap: balance; }
.text-pretty  { text-wrap: pretty; }

.mk-section-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: hsl(var(--brand));
}
.mk-section-eyebrow::before {
  content: "";
  width: 1.25rem;
  height: 1px;
  background: linear-gradient(90deg, transparent, hsl(var(--brand) / 0.7));
}

.mk-section-eyebrow.mk-center { justify-content: center; }
.mk-section-eyebrow.mk-center::after {
  content: "";
  width: 1.25rem;
  height: 1px;
  background: linear-gradient(90deg, hsl(var(--brand) / 0.7), transparent);
}

.mk-gradient-divider {
  height: 1px;
  width: 100%;
  border: 0;
  background: linear-gradient(90deg,
    transparent,
    hsl(var(--border)) 18%,
    hsl(var(--brand) / 0.35) 50%,
    hsl(var(--border)) 82%,
    transparent);
}

.mk-grid-bg {
  background-image:
    linear-gradient(hsl(var(--foreground) / 0.045) 1px, transparent 1px),
    linear-gradient(90deg, hsl(var(--foreground) / 0.045) 1px, transparent 1px);
  background-size: 44px 44px;
  -webkit-mask-image: radial-gradient(ellipse 80% 60% at 50% 40%, #000 35%, transparent 80%);
          mask-image: radial-gradient(ellipse 80% 60% at 50% 40%, #000 35%, transparent 80%);
}

.mk-dot-bg {
  background-image: radial-gradient(hsl(var(--foreground) / 0.07) 1px, transparent 1.5px);
  background-size: 24px 24px;
  -webkit-mask-image: radial-gradient(ellipse 75% 65% at 50% 35%, #000 30%, transparent 78%);
          mask-image: radial-gradient(ellipse 75% 65% at 50% 35%, #000 30%, transparent 78%);
}

.mk-hero-glow {
  border-radius: 9999px;
  background: radial-gradient(circle at 50% 50%,
    hsl(var(--brand) / 0.30) 0%,
    hsl(var(--brand-2) / 0.16) 38%,
    transparent 70%);
  filter: blur(40px);
  pointer-events: none;
}

.mk-aurora {
  background:
    radial-gradient(40% 50% at 25% 30%, hsl(var(--brand) / 0.28), transparent 70%),
    radial-gradient(45% 55% at 80% 25%, hsl(var(--brand-2) / 0.24), transparent 70%);
  filter: blur(36px);
  pointer-events: none;
}

.mk-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.3rem 0.8rem;
  border-radius: 9999px;
  font-size: 12.5px;
  font-weight: 600;
  line-height: 1;
  color: hsl(var(--brand));
  background: hsl(var(--brand) / 0.08);
  border: 1px solid hsl(var(--brand) / 0.22);
  box-shadow: inset 0 1px 0 hsl(0 0% 100% / 0.4);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}
.mk-badge svg { width: 0.9rem; height: 0.9rem; }

.mk-badge-live {
  color: hsl(var(--foreground));
  background: hsl(var(--card) / 0.8);
  border-color: hsl(var(--border));
}
.mk-badge-live::before {
  content: "";
  width: 0.45rem;
  height: 0.45rem;
  border-radius: 9999px;
  background: hsl(160 84% 39%);
  box-shadow: 0 0 0 0 hsl(160 84% 39% / 0.5);
  animation: mkPulse 2s ease-in-out infinite;
}
@keyframes mkPulse {
  0%, 100% { box-shadow: 0 0 0 0 hsl(160 84% 39% / 0.5); }
  50%      { box-shadow: 0 0 0 5px hsl(160 84% 39% / 0); }
}

.mk-tag {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.45rem 0.85rem;
  border-radius: 9999px;
  font-size: 13.5px;
  font-weight: 500;
  line-height: 1;
  color: hsl(var(--foreground));
  background: hsl(var(--card));
  border: 1px solid hsl(var(--border) / 0.7);
  box-shadow: 0 1px 2px hsl(var(--foreground) / 0.03);
  transition: border-color .15s ease, background .15s ease, transform .15s ease, color .15s ease;
}
.mk-tag svg { width: 0.95rem; height: 0.95rem; color: hsl(var(--muted-foreground)); transition: color .15s ease; }
.mk-tag:hover {
  border-color: hsl(var(--brand) / 0.4);
  background: hsl(var(--brand) / 0.04);
  transform: translateY(-1px);
}
.mk-tag:hover svg { color: hsl(var(--brand)); }

.mk-tag-brand {
  color: hsl(var(--brand));
  background: hsl(var(--brand) / 0.08);
  border-color: hsl(var(--brand) / 0.22);
}
.mk-tag-brand svg { color: hsl(var(--brand)); }

.mk-tag-dot {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 9999px;
  background: hsl(var(--brand));
  flex: none;
}

.mk-tag-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.6rem;
}
.mk-tag-row.mk-start { justify-content: flex-start; }

.mk-pager {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin-top: 3.25rem;
}
@media (min-width: 768px) { .mk-pager { margin-top: 4.5rem; } }

.mk-page-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  min-width: 2.75rem;
  height: 2.75rem;
  padding: 0 0.85rem;
  border-radius: 0.85rem;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  color: hsl(var(--foreground));
  background: hsl(var(--card));
  border: 1px solid hsl(var(--border));
  text-decoration: none;
  transition: color .15s ease, border-color .15s ease, background .15s ease;
}
.mk-page-btn svg { width: 1rem; height: 1rem; }
a.mk-page-btn:hover {
  color: hsl(var(--brand));
  border-color: hsl(var(--brand) / 0.45);
  background: hsl(var(--brand) / 0.05);
}
.mk-page-btn--active,
.mk-page-btn--active:hover {
  color: #fff;
  background: hsl(var(--brand));
  border-color: hsl(var(--brand));
  cursor: default;
}
.mk-page-btn--off {
  color: hsl(var(--muted-foreground));
  opacity: 0.5;
  cursor: not-allowed;
}
.mk-page-gap {
  display: inline-flex;
  align-items: flex-end;
  justify-content: center;
  min-width: 1.75rem;
  height: 2.75rem;
  padding-bottom: 0.5rem;
  color: hsl(var(--muted-foreground));
  font-weight: 600;
  user-select: none;
}
.mk-page-label { display: inline; }
@media (max-width: 419px) { .mk-page-label { display: none; } }

.mk-glass {
  background: hsl(var(--card) / 0.72);
  border: 1px solid hsl(0 0% 100% / 0.6);
  border-radius: 1rem;
  backdrop-filter: blur(16px) saturate(140%);
  -webkit-backdrop-filter: blur(16px) saturate(140%);
  box-shadow:
    0 1px 0 hsl(0 0% 100% / 0.6) inset,
    0 12px 40px -12px hsl(var(--foreground) / 0.18),
    0 0 0 1px hsl(var(--border) / 0.5);
}

.mk-feature-card {
  position: relative;
  display: flex;
  flex-direction: column;
  border-radius: 1rem;
  background: hsl(var(--card));
  border: 1px solid hsl(var(--border) / 0.7);
  box-shadow:
    inset 0 1px 0 hsl(0 0% 100% / 0.5),
    0 1px 2px hsl(var(--foreground) / 0.035);
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.mk-feature-card:hover {
  border-color: hsl(var(--brand) / 0.35);
  box-shadow:
    inset 0 1px 0 hsl(0 0% 100% / 0.5),
    0 16px 36px -16px hsl(var(--brand) / 0.28),
    0 0 0 1px hsl(var(--brand) / 0.12);
  transform: translateY(-2px);
}

a.mk-feature-card { text-decoration: none; color: inherit; }

.mk-icon-tile {
  display: grid;
  place-items: center;
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 0.75rem;
  color: hsl(var(--brand));
  background: hsl(var(--brand) / 0.1);
  border: 1px solid hsl(var(--brand) / 0.18);
  box-shadow: inset 0 1px 0 hsl(0 0% 100% / 0.4);
  flex: none;
  transition: transform .2s ease;
}
.mk-feature-card:hover .mk-icon-tile { transform: scale(1.05); }
.mk-icon-tile svg { width: 1.35rem; height: 1.35rem; }
.mk-icon-tile.mk-sm { width: 2.25rem; height: 2.25rem; border-radius: 0.625rem; }
.mk-icon-tile.mk-sm svg { width: 1.1rem; height: 1.1rem; }
.mk-icon-tile.mk-lg { width: 3.25rem; height: 3.25rem; border-radius: 0.875rem; }

.mk-spotlight {
  position: relative;
  overflow: hidden;
  border-radius: 1.25rem;
  color: #fff;
  background:
    radial-gradient(120% 120% at 100% 0%, hsl(var(--brand-2) / 0.55), transparent 55%),
    linear-gradient(135deg, hsl(243 60% 16%) 0%, hsl(240 25% 9%) 100%);
  border: 1px solid hsl(var(--brand) / 0.3);
  box-shadow: 0 24px 60px -24px hsl(var(--brand) / 0.5);
}
.mk-spotlight .mk-icon-tile {
  color: #fff;
  background: hsl(0 0% 100% / 0.12);
  border-color: hsl(0 0% 100% / 0.2);
}

.mk-bento {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}
.mk-bento-cell {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  border-radius: 1rem;
  background: hsl(var(--card));
  border: 1px solid hsl(var(--border) / 0.7);
  box-shadow:
    inset 0 1px 0 hsl(0 0% 100% / 0.5),
    0 1px 2px hsl(var(--foreground) / 0.035);
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.mk-bento-cell:hover {
  border-color: hsl(var(--brand) / 0.35);
  box-shadow:
    inset 0 1px 0 hsl(0 0% 100% / 0.5),
    0 16px 36px -16px hsl(var(--brand) / 0.26);
  transform: translateY(-2px);
}
.mk-bento-wide { grid-column: span 2; }
.mk-bento-tall { grid-row: span 2; }
@media (max-width: 1023px) {
  .mk-bento { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mk-bento-tall { grid-row: auto; }
}
@media (max-width: 639px) {
  .mk-bento { grid-template-columns: minmax(0, 1fr); }
  .mk-bento-wide { grid-column: auto; }
}

.mk-stat { text-align: center; padding: 0.5rem 0.5rem; }
.mk-stat-value {
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 650;
  line-height: 1.05;
  letter-spacing: -0.02em;
  font-variant-numeric: tabular-nums;
  background: linear-gradient(115deg, hsl(var(--brand)) 0%, hsl(var(--brand-2)) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.mk-stat-label {
  margin-top: 0.5rem;
  font-size: 13.5px;
  line-height: 1.4;
  color: hsl(var(--muted-foreground));
}

.mk-stat-band {
  border: 1px solid hsl(var(--border) / 0.7);
  border-radius: 1.25rem;
  background:
    linear-gradient(180deg, hsl(var(--card)), hsl(var(--muted) / 0.4)),
    hsl(var(--card));
  box-shadow: inset 0 1px 0 hsl(0 0% 100% / 0.5), 0 1px 2px hsl(var(--foreground) / 0.035);
}

.mk-stat-divider { border-left: 1px solid hsl(var(--border) / 0.7); }
@media (max-width: 767px) { .mk-stat-divider { border-left: 0; } }

.mk-step {
  position: relative;
  border-radius: 1rem;
  background: hsl(var(--card));
  border: 1px solid hsl(var(--border) / 0.7);
  box-shadow: inset 0 1px 0 hsl(0 0% 100% / 0.5), 0 1px 2px hsl(var(--foreground) / 0.035);
  transition: border-color .2s ease, box-shadow .2s ease;
}
.mk-step:hover { border-color: hsl(var(--brand) / 0.3); }

.mk-step-num {
  font-size: 2.25rem;
  font-weight: 650;
  line-height: 1;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.02em;
  color: hsl(var(--brand) / 0.22);
}

.mk-step-connector {
  position: absolute;
  top: 2.4rem;
  right: -0.65rem;
  width: 1.3rem;
  height: 1px;
  background: linear-gradient(90deg, hsl(var(--brand) / 0.5), transparent);
  z-index: 1;
}
@media (max-width: 767px) { .mk-step-connector { display: none; } }

.mk-marquee {
  position: relative;
  width: 100%;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
          mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}
.mk-marquee-track {
  display: flex;
  align-items: center;
  gap: 1rem;
  width: max-content;
  animation: mkMarquee 40s linear infinite;
}
.mk-marquee:hover .mk-marquee-track { animation-play-state: paused; }
.mk-marquee-track.mk-reverse { animation-direction: reverse; }
@keyframes mkMarquee {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}
@media (prefers-reduced-motion: reduce) {
  .mk-marquee-track { animation: none; flex-wrap: wrap; justify-content: center; width: 100%; }
  .mk-marquee { -webkit-mask-image: none; mask-image: none; }
  .mk-marquee-track [aria-hidden="true"] { display: none; }
}

.mk-logo-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.55rem 0.95rem;
  border-radius: 0.85rem;
  white-space: nowrap;
  color: hsl(var(--foreground));
  background: hsl(var(--card));
  border: 1px solid hsl(var(--border) / 0.7);
  box-shadow: 0 1px 2px hsl(var(--foreground) / 0.03);
  transition: border-color .15s ease, box-shadow .15s ease;
}
.mk-logo-chip:hover { border-color: hsl(var(--brand) / 0.35); }
.mk-logo-chip img { width: 1.25rem; height: 1.25rem; object-fit: contain; flex: none; }
.mk-logo-chip span { font-size: 13.5px; font-weight: 500; }

.mk-window {
  border-radius: 1rem;
  overflow: hidden;
  background: hsl(var(--card));
  border: 1px solid hsl(var(--border) / 0.7);
  box-shadow:
    inset 0 1px 0 hsl(0 0% 100% / 0.5),
    0 30px 70px -30px hsl(var(--foreground) / 0.25),
    0 0 0 1px hsl(var(--border) / 0.4);
}
.mk-window-bar {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.7rem 0.9rem;
  border-bottom: 1px solid hsl(var(--border) / 0.7);
  background: hsl(var(--muted) / 0.4);
}
.mk-window-dot { width: 0.6rem; height: 0.6rem; border-radius: 9999px; background: hsl(var(--border)); }
.mk-window-title {
  margin-left: 0.4rem;
  font-size: 12px;
  font-weight: 500;
  color: hsl(var(--muted-foreground));
}

.mk-bubble {
  max-width: 86%;
  padding: 0.7rem 0.95rem;
  font-size: 14px;
  line-height: 1.55;
  border-radius: 1rem;
}
.mk-bubble-user {
  margin-left: auto;
  color: #fff;
  background: linear-gradient(118deg, hsl(243 72% 56%) 0%, hsl(232 80% 52%) 100%);
  border-bottom-right-radius: 0.35rem;
  box-shadow: 0 6px 18px -8px hsl(var(--brand) / 0.5);
}
.mk-bubble-ai {
  margin-right: auto;
  color: hsl(var(--foreground));
  background: hsl(var(--background));
  border: 1px solid hsl(var(--border) / 0.7);
  border-bottom-left-radius: 0.35rem;
}

.mk-chat-avatar {
  display: grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  border-radius: 0.625rem;
  flex: none;
  background: hsl(var(--card));
  border: 1px solid hsl(var(--border) / 0.7);
  box-shadow: 0 1px 2px hsl(var(--foreground) / 0.04);
}
.mk-chat-avatar img { width: 1.05rem; height: 1.05rem; }

.mk-approval {
  border-radius: 0.85rem;
  overflow: hidden;
  background: hsl(var(--card));
  border: 1px solid hsl(var(--brand) / 0.28);
  box-shadow: 0 10px 30px -14px hsl(var(--brand) / 0.35);
}
.mk-approval-head {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  padding: 0.6rem 0.85rem;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: hsl(var(--brand));
  background: hsl(var(--brand) / 0.08);
  border-bottom: 1px solid hsl(var(--brand) / 0.18);
}
.mk-approval-head svg { width: 0.95rem; height: 0.95rem; }
.mk-approval-body { padding: 0.85rem; }

.mk-field {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.4rem 0;
  font-size: 13px;
}
.mk-field + .mk-field { border-top: 1px solid hsl(var(--border) / 0.6); }
.mk-field-label { color: hsl(var(--muted-foreground)); flex: none; }
.mk-field-value { color: hsl(var(--foreground)); font-weight: 500; text-align: right; }

.mk-approval-actions {
  display: flex;
  gap: 0.6rem;
  padding: 0.75rem 0.85rem;
  border-top: 1px solid hsl(var(--border) / 0.7);
  background: hsl(var(--muted) / 0.3);
}
.mk-btn-approve {
  flex: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  height: 2.25rem;
  border-radius: 9999px;
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  background: linear-gradient(118deg, hsl(243 72% 56%) 0%, hsl(232 80% 52%) 100%);
  box-shadow: 0 6px 16px -8px hsl(var(--brand) / 0.5);
}
.mk-btn-approve svg { stroke: #fff; }
.mk-btn-decline {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 2.25rem;
  padding: 0 1.1rem;
  border-radius: 9999px;
  font-size: 13px;
  font-weight: 600;
  color: hsl(var(--foreground));
  background: hsl(var(--card));
  border: 1px solid hsl(var(--border));
}

.mk-file-card {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.7rem 0.85rem;
  border-radius: 0.85rem;
  background: hsl(var(--card));
  border: 1px solid hsl(var(--border) / 0.7);
  box-shadow: 0 1px 2px hsl(var(--foreground) / 0.035);
  transition: border-color .15s ease, transform .15s ease;
}
.mk-file-card:hover { border-color: hsl(var(--brand) / 0.35); transform: translateY(-1px); }
.mk-file-badge {
  display: grid;
  place-items: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0.625rem;
  flex: none;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: #fff;
}

.mk-file-pdf  { background: linear-gradient(135deg, hsl(0 72% 55%),   hsl(0 72% 45%)); }
.mk-file-doc  { background: linear-gradient(135deg, hsl(213 80% 52%), hsl(213 80% 42%)); }
.mk-file-xls  { background: linear-gradient(135deg, hsl(154 60% 42%), hsl(154 60% 32%)); }
.mk-file-ppt  { background: linear-gradient(135deg, hsl(20 85% 55%),  hsl(20 85% 45%)); }
.mk-file-img  { background: linear-gradient(135deg, hsl(330 74% 56%), hsl(345 74% 50%)); }
.mk-file-csv  { background: linear-gradient(135deg, hsl(190 70% 45%), hsl(190 70% 35%)); }

.mk-model-row {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  padding: 0.6rem 0.75rem;
  border-radius: 0.75rem;
  background: hsl(var(--card));
  border: 1px solid hsl(var(--border) / 0.7);
  transition: border-color .15s ease, background .15s ease;
}
.mk-model-row:hover { border-color: hsl(var(--brand) / 0.4); background: hsl(var(--brand) / 0.03); }
.mk-model-row.mk-active { border-color: hsl(var(--brand) / 0.5); background: hsl(var(--brand) / 0.06); }
.mk-model-dot { width: 0.55rem; height: 0.55rem; border-radius: 9999px; flex: none; }
.mk-model-dot.mk-frontier { background: hsl(28 95% 55%); }
.mk-model-dot.mk-balanced { background: hsl(220 90% 56%); }
.mk-model-dot.mk-fast     { background: hsl(160 84% 45%); }

.mk-typing { display: inline-flex; align-items: center; gap: 4px; }
.mk-typing i {
  width: 5px; height: 5px; border-radius: 9999px;
  background: hsl(var(--muted-foreground));
  opacity: 0.4;
  animation: mkTyping 1.2s ease-in-out infinite;
}
.mk-typing i:nth-child(2) { animation-delay: 0.18s; }
.mk-typing i:nth-child(3) { animation-delay: 0.36s; }
@keyframes mkTyping {
  0%, 70%, 100% { opacity: 0.3; transform: translateY(0); }
  35%           { opacity: 1;   transform: translateY(-3px); }
}

.mk-faq {
  border: 1px solid hsl(var(--border) / 0.7);
  border-radius: 0.85rem;
  background: hsl(var(--card));
  overflow: hidden;
  transition: border-color .15s ease, box-shadow .15s ease;
}
.mk-faq + .mk-faq { margin-top: 0.6rem; }
.mk-faq[open] {
  border-color: hsl(var(--brand) / 0.3);
  box-shadow: 0 8px 24px -16px hsl(var(--brand) / 0.3);
}
.mk-faq > summary {
  list-style: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.15rem;
  font-size: 15px;
  font-weight: 600;
  color: hsl(var(--foreground));
}
.mk-faq > summary::-webkit-details-marker { display: none; }

.mk-faq > summary::after {
  content: "";
  width: 0.55rem;
  height: 0.55rem;
  flex: none;
  border-right: 2px solid hsl(var(--muted-foreground));
  border-bottom: 2px solid hsl(var(--muted-foreground));
  transform: rotate(45deg);
  transition: transform .2s ease;
}
.mk-faq[open] > summary::after { transform: rotate(-135deg); }
.mk-faq > summary:hover { color: hsl(var(--brand)); }
.mk-faq-body {
  padding: 0 1.15rem 1.1rem;
  font-size: 14px;
  line-height: 1.65;
  color: hsl(var(--muted-foreground));
}

.mk-quote {
  position: relative;
  border-radius: 1rem;
  padding: 1.5rem 1.5rem 1.35rem;
  background: hsl(var(--card));
  border: 1px solid hsl(var(--border) / 0.7);
  box-shadow: inset 0 1px 0 hsl(0 0% 100% / 0.5), 0 1px 2px hsl(var(--foreground) / 0.035);
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.mk-quote:hover {
  border-color: hsl(var(--brand) / 0.3);
  box-shadow: 0 16px 36px -18px hsl(var(--brand) / 0.22);
  transform: translateY(-2px);
}

.mk-quote::before {
  content: "\201C";
  position: absolute;
  top: 0.35rem;
  left: 1.1rem;
  font-size: 3.5rem;
  line-height: 1;
  font-family: Georgia, "Times New Roman", serif;
  color: hsl(var(--brand) / 0.18);
  pointer-events: none;
}
.mk-quote-text {
  position: relative;
  font-size: 15.5px;
  line-height: 1.6;
  color: hsl(var(--foreground));
}
.mk-quote-foot {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-top: 1.1rem;
}
.mk-avatar--img { padding: 0; overflow: hidden; }
.mk-avatar--img img { width: 100%; height: 100%; object-fit: cover; border-radius: 9999px; display: block; }
a.mk-tag { text-decoration: none; }

.mk-avatar {
  display: grid;
  place-items: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 9999px;
  flex: none;
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  background: linear-gradient(135deg, hsl(var(--brand)), hsl(var(--brand-2)));
}
.mk-quote-name { display: block; font-size: 14px; font-weight: 600; color: hsl(var(--foreground)); line-height: 1.25; }
.mk-quote-role { display: block; font-size: 12.5px; color: hsl(var(--muted-foreground)); line-height: 1.3; margin-top: 2px; }

.mk-check {
  display: flex;
  align-items: flex-start;
  gap: 0.7rem;
  font-size: 15px;
  line-height: 1.5;
  color: hsl(var(--foreground));
}
.mk-check::before {
  content: "";
  flex: none;
  margin-top: 0.15rem;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 9999px;
  background:
    hsl(var(--brand) / 0.12)
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236366f1' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")
    center / 0.7rem no-repeat;
}

.mk-shine { position: relative; overflow: hidden; }
.mk-shine::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(115deg, transparent 30%, hsl(0 0% 100% / 0.28) 50%, transparent 70%);
  transform: translateX(-120%);
  transition: transform .7s ease;
}
.mk-shine:hover::after { transform: translateX(120%); }
@media (prefers-reduced-motion: reduce) {
  .mk-shine::after { transition: none; }
  .mk-shine:hover::after { transform: translateX(-120%); }
}

.mk-hover-lift { transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease; }
.mk-hover-lift:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 30px -16px hsl(var(--foreground) / 0.18);
}

.mk-cta-panel {
  position: relative;
  overflow: hidden;
  border-radius: 1.5rem;
  color: #fff;
  background:
    radial-gradient(120% 140% at 100% 0%, hsl(var(--brand-2) / 0.6), transparent 55%),
    linear-gradient(135deg, hsl(243 62% 18%) 0%, hsl(240 28% 8%) 100%);
  border: 1px solid hsl(var(--brand) / 0.3);
  box-shadow: 0 30px 80px -30px hsl(var(--brand) / 0.55);
}

.mk-btn-light {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  height: 3rem;
  padding: 0 1.6rem;
  border-radius: 9999px;
  font-size: 15px;
  font-weight: 600;
  color: hsl(var(--brand));
  background: #fff;
  transition: filter .15s ease, transform .15s ease;
}
.mk-btn-light:hover { filter: brightness(0.97); transform: translateY(-1px); }
.mk-btn-ghost-light {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  height: 3rem;
  padding: 0 1.6rem;
  border-radius: 9999px;
  font-size: 15px;
  font-weight: 600;
  color: #fff;
  background: hsl(0 0% 100% / 0.06);
  border: 1px solid hsl(0 0% 100% / 0.35);
  transition: background .15s ease;
}
.mk-btn-ghost-light:hover { background: hsl(0 0% 100% / 0.14); }

.mk-btn-2 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  height: 3rem;
  padding: 0 1.5rem;
  border-radius: 9999px;
  font-size: 15px;
  font-weight: 600;
  color: hsl(var(--foreground));
  background: hsl(var(--card));
  border: 1px solid hsl(var(--border));
  box-shadow: inset 0 1px 0 hsl(0 0% 100% / 0.6), 0 1px 2px hsl(var(--foreground) / 0.04);
  transition: background .15s ease, border-color .15s ease, transform .15s ease;
}
.mk-btn-2:hover { background: hsl(var(--muted) / 0.6); border-color: hsl(var(--brand) / 0.4); transform: translateY(-1px); }
.mk-btn-2 svg { width: 1rem; height: 1rem; }

.mk-kicker {
  display: inline-block;
  font-size: 12.5px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.04em;
  color: hsl(var(--brand));
}

.mk-tabs { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.mk-tab {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 1.1rem;
  border-radius: 9999px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  color: hsl(var(--muted-foreground));
  background: hsl(var(--card));
  border: 1px solid hsl(var(--border) / 0.7);
  transition: color .15s ease, background .15s ease, border-color .15s ease;
}
.mk-tab:hover { color: hsl(var(--foreground)); border-color: hsl(var(--brand) / 0.45); }
.mk-tab.active {
  color: hsl(var(--background));
  background: hsl(var(--foreground));
  border-color: hsl(var(--foreground));
  box-shadow: 0 8px 20px -10px hsl(var(--foreground) / 0.5);
}
.mk-tab svg { width: 1rem; height: 1rem; }
.mk-tabpanel { display: none; }
.mk-tabpanel.active { display: block; animation: mkFade .28s ease; }
@keyframes mkFade { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
@media (prefers-reduced-motion: reduce) { .mk-tabpanel.active { animation: none; } }

.mk-phone {
  position: relative;
  width: 330px;
  max-width: 100%;
  margin: 0 auto;
  padding: 11px;
  border-radius: 46px;
  background: linear-gradient(160deg, hsl(240 8% 24%), hsl(240 10% 9%));
  box-shadow:
    0 50px 90px -40px hsl(var(--foreground) / 0.45),
    inset 0 1px 0 hsl(0 0% 100% / 0.18),
    0 0 0 1px hsl(var(--foreground) / 0.28);
}
.mk-phone-screen {
  position: relative;
  border-radius: 36px;
  overflow: hidden;
  background: hsl(var(--background));
}
.mk-phone-notch {
  position: absolute;
  top: 0; left: 50%;
  transform: translateX(-50%);
  width: 38%; height: 22px;
  background: hsl(240 10% 9%);
  border-radius: 0 0 14px 14px;
  z-index: 3;
}
.mk-phone-statusbar {
  display: flex; align-items: center; justify-content: space-between;
  padding: 0.5rem 1.25rem 0.15rem;
  font-size: 10px; font-weight: 700; letter-spacing: .02em;
  color: hsl(var(--foreground) / 0.6);
  user-select: none;
}
.mk-phone-statusbar .bat { width: 1.05rem; height: 0.6rem; border: 1px solid currentColor; border-radius: 2px; position: relative; opacity: .8; }
.mk-phone-statusbar .bat::after { content: ""; position: absolute; right: -2px; top: 50%; transform: translateY(-50%); width: 1.5px; height: 3px; background: currentColor; border-radius: 0 1px 1px 0; }
.mk-phone-statusbar .bat::before { content: ""; position: absolute; inset: 1px; right: 4px; background: currentColor; border-radius: 1px; }
.mk-phone-head {
  display: flex; align-items: center; gap: 0.6rem;
  padding: 0.55rem 1rem 0.7rem;
  border-bottom: 1px solid hsl(var(--border) / 0.7);
  background: hsl(var(--muted) / 0.4);
}
.mk-phone-body {
  display: flex; flex-direction: column; gap: 0.55rem;
  padding: 0.9rem;
  background:
    radial-gradient(120% 80% at 50% 0%, hsl(var(--brand) / 0.05), transparent 60%),
    hsl(var(--background));
}

.aspect-square { aspect-ratio: 1 / 1; }
.mk-orbit-a   { animation: orbit-spin     64s linear infinite; }
.mk-orbit-a-r { animation: orbit-spin-rev 64s linear infinite; }
.mk-orbit-b   { animation: orbit-spin-rev 92s linear infinite; }
.mk-orbit-b-r { animation: orbit-spin     92s linear infinite; }
@media (prefers-reduced-motion: reduce) {
  .mk-orbit-a, .mk-orbit-a-r, .mk-orbit-b, .mk-orbit-b-r { animation: none; }
}
.mk-orbit-chip {
  display: grid; place-items: center;
  height: 2.75rem; width: 2.75rem;
  border-radius: 0.85rem;
  background: hsl(var(--card));
  border: 1px solid hsl(var(--border) / 0.7);
  box-shadow: 0 8px 18px -10px hsl(var(--foreground) / 0.25);
}
.mk-orbit-chip img { height: 1.5rem; width: 1.5rem; object-fit: contain; }
.mk-orbit-core {
  display: grid; place-items: center;
  height: 5rem; width: 5rem;
  border-radius: 1.25rem;
  background: hsl(var(--card));
  border: 1px solid hsl(var(--border));
  box-shadow: 0 20px 50px -20px hsl(var(--brand) / 0.5), inset 0 1px 0 hsl(0 0% 100% / 0.6);
}
.mk-orbit-core img { height: 2.5rem; width: 2.5rem; }
.mk-orbit-ring { border: 1px solid hsl(var(--border) / 0.6); border-radius: 9999px; }

.-left-\[1\.42rem\] { left: -1.42rem; }
.bg-white\/\[0\.06\] { background-color: hsl(0 0% 100% / 0.06); }
.bg-red-500\/\[0\.07\] { background-color: hsl(0 84% 60% / 0.07); }
.group:hover .group-hover\:scale-\[1\.04\] { transform: scale(1.04); }
.mk-idx-active .group-\[\.mk-idx-active\]\:text-brand\/70,
.mk-idx-active.group-\[\.mk-idx-active\]\:text-brand\/70 { color: hsl(var(--brand) / 0.7); }

.mk-scope .mk-feature-card,
.mk-scope .mk-bento-cell,
.mk-scope .mk-step,
.mk-scope .mk-quote,
.mk-scope .mk-stat-band,
.mk-scope .mk-logo-chip,
.mk-scope .mk-tag,
.mk-scope .mk-tag-brand,
.mk-scope .mk-file-card,
.mk-scope .mk-orbit-chip,
.mk-scope .mk-model-row,
.mk-scope .mk-faq,
.mk-scope .mk-icon-tile,
.mk-scope .mk-badge,
.mk-scope .mk-approval,
.mk-scope .mk-subtle-card { box-shadow: none; }

.mk-scope .mk-feature-card:hover,
.mk-scope .mk-bento-cell:hover,
.mk-scope .mk-step:hover,
.mk-scope .mk-quote:hover,
.mk-scope .mk-file-card:hover,
.mk-scope .mk-tag:hover,
.mk-scope .mk-logo-chip:hover,
.mk-scope .mk-model-row:hover { box-shadow: none; transform: none; }

.mk-scope .mk-window  { box-shadow: none; }
.mk-scope .mk-phone   { box-shadow: 0 18px 40px -30px hsl(var(--foreground) / 0.28); }

.mk-chat-body { display: flex; flex-direction: column; justify-content: flex-start; gap: 0.5rem; height: 440px; overflow: hidden; }
.mk-chat-msg { display: none; opacity: 0; transform: translateY(8px); transition: opacity .4s ease, transform .4s ease; }
.mk-chat-msg.is-shown { display: flex; }
.mk-chat-msg.is-in { opacity: 1; transform: none; }
.mk-chat-typing { display: none; }
.mk-chat-typing.is-shown { display: flex; }
@media (prefers-reduced-motion: reduce) {
  .mk-chat-msg { display: flex; opacity: 1; transform: none; }
  .mk-chat-typing { display: none; }
}
.mk-scope .mk-glass   { box-shadow: 0 0 0 1px hsl(var(--border) / 0.5); }
.mk-scope .mk-orbit-core { box-shadow: 0 0 0 1px hsl(var(--border) / 0.6); }
.mk-scope .mk-cta-panel,
.mk-scope .mk-spotlight { box-shadow: none; }
.mk-scope .mk-btn-approve,
.mk-scope .mk-btn-light,
.mk-scope .mk-btn-2,
.mk-scope .mk-btn-cta { box-shadow: none; }

.mk-scope .mk-hero-glow { background: radial-gradient(circle at 50% 50%, hsl(var(--brand) / 0.15) 0%, transparent 68%); filter: blur(50px); }
.mk-scope .mk-aurora    { background: radial-gradient(45% 55% at 30% 30%, hsl(var(--brand) / 0.13), transparent 72%); filter: blur(46px); }

.bg-brand\/\[0\.04\]{background-color:hsl(var(--brand) / 0.04)}
.bg-brand\/\[0\.06\]{background-color:hsl(var(--brand) / 0.06)}
.grid-cols-\[1\.1fr_1\.4fr_auto\]{grid-template-columns:1.1fr 1.4fr auto}
.grid-cols-\[auto_1fr\]{grid-template-columns:auto 1fr}
.h-\[620px\]{height:620px}
.h-\[640px\]{height:640px}
.h-\[760px\]{height:760px}
.inset-\[16\%\]{inset:16%}
.inset-\[27\%\]{inset:27%}
.inset-\[5\%\]{inset:5%}
.leading-\[0\.6\]{line-height:0.6}
.leading-\[0\.8\]{line-height:0.8}
@media(min-width:1024px){.lg\:grid-cols-\[0\.92fr_1\.08fr\]{grid-template-columns:0.92fr 1.08fr}}
@media(min-width:1024px){.lg\:grid-cols-\[0\.95fr_1\.05fr\]{grid-template-columns:0.95fr 1.05fr}}
@media(min-width:1024px){.lg\:grid-cols-\[0\.95fr_1\.1fr\]{grid-template-columns:0.95fr 1.1fr}}
@media(min-width:1024px){.lg\:grid-cols-\[1\.05fr_0\.95fr\]{grid-template-columns:1.05fr 0.95fr}}
@media(min-width:1024px){.lg\:grid-cols-\[1\.15fr_0\.85fr\]{grid-template-columns:1.15fr 0.85fr}}
@media(min-width:1024px){.lg\:grid-cols-\[1\.3fr_0\.7fr\]{grid-template-columns:1.3fr 0.7fr}}
@media(min-width:1024px){.lg\:grid-cols-\[15rem_1fr\]{grid-template-columns:15rem 1fr}}
@media(min-width:1024px){.lg\:grid-cols-\[1fr_1\.25fr\]{grid-template-columns:1fr 1.25fr}}
@media(min-width:1024px){.lg\:grid-cols-\[200px_minmax\(0\,1fr\)\]{grid-template-columns:200px minmax(0,1fr)}}
.max-w-\[440px\]{max-width:440px}
.max-w-\[480px\]{max-width:480px}
.max-w-\[520px\]{max-width:520px}
.max-w-\[88\%\]{max-width:88%}
@media(min-width:768px){.md\:grid-cols-\[230px_1fr\]{grid-template-columns:230px 1fr}}
@media(min-width:768px){.md\:text-\[3\.5rem\]{font-size:3.5rem}}
.min-h-\[18px\]{min-height:18px}
.min-h-\[36px\]{min-height:36px}
.min-w-\[720px\]{min-width:720px}
.ml-\[2\.6rem\]{margin-left:2.6rem}
.opacity-\[0\.15\]{opacity:0.15}
.opacity-\[0\.6\]{opacity:0.6}
.opacity-\[0\.7\]{opacity:0.7}
@media(min-width:640px){.sm\:grid-cols-\[5rem_auto_1fr\]{grid-template-columns:5rem auto 1fr}}
.tracking-\[0\.22em\]{letter-spacing:0.22em}
.w-\[1100px\]{width:1100px}
.w-\[34\%\]{width:34%}
.w-\[760px\]{width:760px}
.w-\[820px\]{width:820px}
@media(min-width:1280px){.xl\:text-\[2\.25rem\]{font-size:2.25rem}}

.mk-scope {
  --mk-shadow-card: 0 2px 3px -2px rgba(28,32,64,.10), 0 4px 6px -2px rgba(28,32,64,.04);
  --mk-shadow-float: 0 2px 6px 0 rgba(28,32,64,.06), 0 6px 20px -2px rgba(28,32,64,.08);
  --mk-shadow-chip: 0 0 2px 0 rgba(28,32,64,.18), 0 1px 3px 0 rgba(0,0,0,.04);
  --mk-shadow-hero: 0 24px 48px -12px rgba(28,32,64,.16), 0 2px 6px -2px rgba(28,32,64,.06);
  --mk-navy-1: 243 55% 14%;
  --mk-navy-2: 240 28% 8%;
  --mk-ok: 160 84% 39%;
  --mk-warn: 38 92% 50%;
  --mk-err: 0 72% 51%;
}

.mk-eyebrow-num{display:inline-flex;align-items:center;gap:.6rem;font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:hsl(var(--brand))}
.mk-eyebrow-num b{font-weight:600;color:hsl(var(--muted-foreground))}
.mk-eyebrow-num::after{content:'';width:2rem;height:1px;background:linear-gradient(90deg,hsl(var(--brand)/.5),transparent)}

.mk-mat{border-radius:1.25rem;padding:.5rem;background:hsl(var(--foreground)/.045);box-shadow:inset 0 0 0 1px hsl(var(--foreground)/.08)}
@media(min-width:1024px){.mk-mat{padding:.75rem;border-radius:1.5rem}}
.mk-scope .mk-mat>.mk-window{box-shadow:var(--mk-shadow-hero)}

.mk-thread{display:flex;flex-direction:column;gap:.75rem;padding:1.1rem;font-size:13px;line-height:1.5}
.mk-msg-user{align-self:flex-end;max-width:78%;border-radius:1rem;border-bottom-right-radius:.3rem;background:linear-gradient(118deg,hsl(243 72% 56%),hsl(232 80% 52%));color:#fff;padding:.55rem .9rem}
.mk-msg-ai{align-self:flex-start;max-width:84%;color:hsl(var(--foreground)/.85)}
.mk-toolrow{align-self:flex-start;display:inline-flex;align-items:center;gap:.5rem;border-radius:.6rem;border:1px solid hsl(var(--border)/.7);background:hsl(var(--muted)/.4);padding:.35rem .65rem;font-size:12px;color:hsl(var(--muted-foreground))}
.mk-toolrow img{width:1rem;height:1rem;object-fit:contain}
.mk-ok-dot{width:.9rem;height:.9rem;border-radius:9999px;background:hsl(var(--mk-ok)/.14);display:grid;place-items:center;color:hsl(var(--mk-ok));flex:none}
.mk-ok-dot svg{width:.6rem;height:.6rem}

.mk-run{position:relative;display:flex;flex-direction:column;gap:.6rem;padding-left:2rem}
.mk-run::before{content:'';position:absolute;left:.68rem;top:.9rem;bottom:.9rem;width:1px;background:linear-gradient(to bottom,hsl(var(--mk-ok)/.7),hsl(var(--border)),transparent)}
.mk-run-step{position:relative}
.mk-run-node{position:absolute;left:-2rem;top:.55rem;width:1.4rem;height:1.4rem;border-radius:9999px;display:grid;place-items:center;box-shadow:0 0 0 4px hsl(var(--card))}
.mk-run-node svg{width:.75rem;height:.75rem}
.mk-run-node.is-done{background:hsl(var(--mk-ok));color:#fff}
.mk-run-node.is-active{background:hsl(var(--brand));color:#fff}
.mk-run-node.is-active::after{content:'';position:absolute;inset:-4px;border-radius:9999px;background:hsl(var(--brand)/.25);animation:mkPing 1.8s cubic-bezier(0,0,.2,1) infinite}
.mk-run-node.is-queued{background:hsl(var(--card));box-shadow:inset 0 0 0 1px hsl(var(--border)),0 0 0 4px hsl(var(--card))}
.mk-run-card{border-radius:.75rem;border:1px solid hsl(var(--border)/.7);background:hsl(var(--card));padding:.6rem .8rem;box-shadow:var(--mk-shadow-chip)}
.mk-run-step.is-active .mk-run-card{border-color:hsl(var(--brand)/.4);box-shadow:0 0 0 4px hsl(var(--brand)/.08),var(--mk-shadow-chip)}
.mk-run-meta{font-size:11px;color:hsl(var(--muted-foreground));font-variant-numeric:tabular-nums}
@keyframes mkPing{75%,100%{transform:scale(1.9);opacity:0}}
@media(prefers-reduced-motion:reduce){.mk-run-node.is-active::after{animation:none;display:none}}

.mk-delivery{display:flex;align-items:center;gap:.75rem;border-radius:.85rem;border:1px solid hsl(var(--border)/.7);background:hsl(var(--card));padding:.7rem .85rem;box-shadow:var(--mk-shadow-chip)}
.mk-delivery.is-new{box-shadow:var(--mk-shadow-float);border-color:hsl(var(--brand)/.3)}
.mk-delivery-meta{font-size:11px;color:hsl(var(--muted-foreground))}
.mk-delivery-stack{position:relative;z-index:0;display:grid}
.mk-delivery-stack>*{grid-area:1/1}
.mk-delivery-stack>:nth-child(2){transform:translateY(-.8rem) scale(.96);opacity:.7;z-index:-1}
.mk-delivery-stack>:nth-child(3){transform:translateY(-1.6rem) scale(.92);opacity:.4;z-index:-2}

.mk-shell{display:grid;grid-template-columns:1fr;min-height:380px}
@media(min-width:768px){.mk-shell{grid-template-columns:190px minmax(0,1fr)}}
.mk-shell-side{border-right:1px solid hsl(var(--border)/.6);background:hsl(var(--muted)/.3);padding:.8rem;display:none;flex-direction:column;gap:.35rem}
@media(min-width:768px){.mk-shell-side{display:flex}}
.mk-shell-row{display:flex;align-items:center;gap:.5rem;border-radius:.55rem;padding:.4rem .55rem;font-size:12.5px;color:hsl(var(--muted-foreground))}
.mk-shell-row svg{width:.9rem;height:.9rem;flex:none}
.mk-shell-row.is-active{background:hsl(var(--card));box-shadow:inset 0 0 0 1px hsl(var(--border)/.8);color:hsl(var(--foreground));font-weight:600}
.mk-skel{height:.5rem;border-radius:9999px;background:hsl(var(--foreground)/.08)}

.mk-band-dark{position:relative;overflow:hidden;background:linear-gradient(135deg,hsl(var(--mk-navy-1)),hsl(var(--mk-navy-2)));color:#fff;border-top:1px solid hsl(var(--brand)/.25);border-bottom:1px solid hsl(var(--brand)/.25)}
.mk-band-dark .mk-eyebrow-num{color:hsl(var(--brand-2))}
.mk-band-dark .mk-eyebrow-num b{color:rgba(255,255,255,.45)}
.mk-band-dark .mk-section-eyebrow{color:hsl(232 90% 80%)}
.mk-band-dark .mk-section-eyebrow::before{background:linear-gradient(90deg,transparent,hsl(232 90% 80% / .7))}
.mk-band-dark p{color:rgba(255,255,255,.72)}
.mk-band-dark .mk-ok-dot{background:hsl(var(--mk-ok)/.22)}
.mk-band-dark .mk-run-card,.mk-band-dark .mk-delivery{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);color:#fff;box-shadow:none}
.mk-band-dark .mk-run-node{box-shadow:0 0 0 4px hsl(var(--mk-navy-2))}
.mk-band-dark .mk-run::before{background:linear-gradient(to bottom,hsl(var(--mk-ok)/.7),rgba(255,255,255,.15),transparent)}
.mk-band-dark .mk-delivery-meta,.mk-band-dark .mk-run-meta{color:rgba(255,255,255,.5)}
.mk-band-dark .mk-skel{background:rgba(255,255,255,.1)}
.mk-card-dark{border-radius:1rem;padding:1px;background:linear-gradient(to bottom,rgba(255,255,255,.16),rgba(255,255,255,.05))}
.mk-card-dark>div{border-radius:calc(1rem - 1px);background:hsl(var(--mk-navy-2)/.92);padding:1.25rem;height:100%}

.mk-logo-tile{width:2.5rem;height:2.5rem;border-radius:.65rem;border:1px solid hsl(var(--border)/.7);display:grid;place-items:center;background:#fff;box-shadow:var(--mk-shadow-chip);flex:none}
.mk-logo-tile img{width:65%;height:65%;object-fit:contain}
.mk-logo-tile.mk-sm{width:1.75rem;height:1.75rem;border-radius:.5rem}
.mk-logo-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}

.mk-chip-float{position:absolute;align-items:center;gap:.5rem;max-width:16rem;border-radius:.8rem;border:1px solid hsl(var(--foreground)/.07);background:hsl(var(--card));padding:.55rem .7rem;box-shadow:var(--mk-shadow-float);font-size:12px}

.mk-ask{display:flex;gap:.6rem;align-items:flex-start;border-radius:.75rem;border:1px solid hsl(var(--border)/.6);background:hsl(var(--muted)/.35);padding:.6rem .8rem;font-size:13.5px;line-height:1.5;text-align:left}
.mk-ask::before{content:'\201C';font-family:Georgia,serif;font-size:1.4rem;line-height:1;color:hsl(var(--brand)/.5);flex:none}
.mk-ask:hover{border-color:hsl(var(--brand)/.35);background:hsl(var(--brand)/.05)}

.mk-metric{display:inline-flex;flex-direction:column;gap:.15rem;border-left:2px solid hsl(var(--brand)/.5);padding-left:.9rem}
.mk-metric b{font-size:1.35rem;font-weight:650;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.2}
.mk-metric span{font-size:12.5px;color:hsl(var(--muted-foreground))}

.mk-cross{position:absolute;width:9px;height:9px;color:hsl(var(--foreground)/.18)}
.mk-cross::before,.mk-cross::after{content:'';position:absolute;background:currentColor}
.mk-cross::before{left:4px;top:0;width:1px;height:9px}
.mk-cross::after{top:4px;left:0;width:9px;height:1px}

.mk-fade-b{-webkit-mask-image:linear-gradient(to bottom,#000 62%,transparent);mask-image:linear-gradient(to bottom,#000 62%,transparent)}
.mk-phone-crop{max-height:440px;overflow:hidden}

.mk-blueprint{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}
.mk-blueprint-chip{display:inline-flex;align-items:center;gap:.45rem;border-radius:.65rem;border:1px solid hsl(var(--border)/.7);background:hsl(var(--card));padding:.4rem .7rem;font-size:12px;font-weight:500;color:hsl(var(--foreground));box-shadow:var(--mk-shadow-chip)}
.mk-blueprint-chip svg{width:.85rem;height:.85rem;color:hsl(var(--brand))}
.mk-blueprint-link{width:1.1rem;height:1px;background:hsl(var(--border));flex:none}

.mk-float-card{border-radius:1rem;border:1px solid hsl(var(--border)/.7);background:hsl(var(--card));box-shadow:var(--mk-shadow-float)}

.mk-reveal{opacity:0;transform:translateY(14px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}
.mk-reveal.is-in{opacity:1;transform:none}
.mk-reveal-2{transition-delay:.12s}
.mk-reveal-3{transition-delay:.24s}
@media(prefers-reduced-motion:reduce){.mk-reveal{opacity:1;transform:none;transition:none}}

.mk-scope .mk-legal-toc{display:flex;flex-direction:column;gap:1px;max-height:calc(100vh - 11rem);overflow-y:auto;overscroll-behavior:contain;padding-right:.25rem}
.mk-scope .mk-legal-toc::-webkit-scrollbar{width:6px}
.mk-scope .mk-legal-toc::-webkit-scrollbar-thumb{background:hsl(var(--border));border-radius:3px}
.mk-scope .mk-legal-toc a{display:block;border-left:2px solid transparent;padding:6px 0 6px 14px;font-size:13px;line-height:1.45;color:hsl(var(--muted-foreground));transition:color .15s ease,border-color .15s ease,background-color .15s ease;border-radius:0 4px 4px 0}
.mk-scope .mk-legal-toc a:hover{color:hsl(var(--foreground))}
.mk-scope .mk-legal-toc a.is-active{color:hsl(var(--brand));border-left-color:hsl(var(--brand));font-weight:600;background:hsl(var(--brand)/.05)}

.mk-scope .mk-legal-mobnav{border:1px solid hsl(var(--border)/.7);border-radius:.85rem;background:hsl(var(--card));box-shadow:var(--mk-shadow-chip)}
.mk-scope .mk-legal-mobnav>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.7rem .95rem;font-size:13.5px;font-weight:600;color:hsl(var(--foreground))}
.mk-scope .mk-legal-mobnav>summary::-webkit-details-marker{display:none}
.mk-scope .mk-legal-mobnav>summary .mk-legal-chev{transition:transform .2s ease;flex:none}
.mk-scope .mk-legal-mobnav[open]>summary .mk-legal-chev{transform:rotate(180deg)}
.mk-scope .mk-legal-mobnav>summary [data-legal-current]{color:hsl(var(--muted-foreground));font-weight:500;margin-left:auto;max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}
.mk-scope .mk-legal-mobnav-list{max-height:60vh;overflow-y:auto;padding:.35rem;border-top:1px solid hsl(var(--border)/.7)}
.mk-scope .mk-legal-mobnav-list a{display:block;padding:.55rem .6rem;border-radius:.5rem;font-size:14px;color:hsl(var(--muted-foreground))}
.mk-scope .mk-legal-mobnav-list a:hover,.mk-scope .mk-legal-mobnav-list a.is-active{color:hsl(var(--brand));background:hsl(var(--brand)/.06);font-weight:600}

.mk-scope .mk-h1{
  font-size:clamp(2.125rem, 1.15rem + 3.7vw, 3.5rem);
  line-height:1.05;
  letter-spacing:-.033em;
  font-weight:700;
  text-wrap:balance;
}

.mk-scope .mk-h2{
  font-size:clamp(1.6875rem, 1.1rem + 2.35vw, 2.5rem);
  line-height:1.1;
  letter-spacing:-.028em;
  font-weight:700;
  text-wrap:balance;
}
.mk-scope .mk-h3{
  font-size:clamp(1.0625rem, 1rem + .28vw, 1.1875rem);
  line-height:1.32;
  letter-spacing:-.02em;
  font-weight:700;
}
.mk-scope .mk-lead{
  font-size:clamp(1rem, .955rem + .34vw, 1.1875rem);
  line-height:1.62;
  color:hsl(var(--muted-foreground));
  text-wrap:pretty;
}
.mk-scope .mk-body{
  font-size:clamp(.9375rem, .91rem + .18vw, 1.0rem);
  line-height:1.6;
  color:hsl(var(--muted-foreground));
}

.mk-scope .mk-lead.mk-on-dark,
.mk-scope .mk-body.mk-on-dark{ color:hsl(0 0% 100% / .85) }

.mk-scope .mk-sec{ padding-block:clamp(3.25rem, 1.9rem + 5.8vw, 6.5rem) }
.mk-scope .mk-sec-tight{ padding-block:clamp(2.25rem, 1.4rem + 3.6vw, 4rem) }
.mk-scope .mk-hero-pad{
  padding-top:clamp(2rem, 1.1rem + 3.6vw, 4rem);
  padding-bottom:clamp(2.25rem, 1.2rem + 4.2vw, 4.5rem);
}

.mk-scope .mk-gut{ padding-inline:clamp(1.15rem, .6rem + 2.4vw, 2rem) }

.mk-scope .mk-hero-grid{ display:grid; grid-template-columns:1.04fr .96fr; gap:clamp(2rem,1rem + 4vw,4.5rem); align-items:center }
@media (max-width:1023px){
  .mk-scope .mk-hero-grid{ grid-template-columns:minmax(0,1fr); gap:clamp(2.25rem,1.5rem + 3vw,3rem) }
  .mk-scope .mk-hero-copy{ max-width:38rem; margin-inline:auto; text-align:center }
  .mk-scope .mk-hero-copy .mk-lead{ margin-inline:auto }
  .mk-scope .mk-hero-actions{ justify-content:center }
  .mk-scope .mk-hero-meta{ justify-content:center }
}
.mk-scope .mk-hero-actions{ display:flex; flex-wrap:wrap; gap:.6rem }
@media (max-width:479px){

  .mk-scope .mk-hero-actions{ flex-direction:column; align-items:stretch }
  .mk-scope .mk-hero-actions>a{ width:100%; justify-content:center }
}

.mk-scope .mk-phone{
  width:clamp(258px, 68vw, 320px);
  box-shadow:
    0 34px 64px -34px hsl(var(--foreground) / .34),
    inset 0 1px 0 hsl(0 0% 100% / .16),
    0 0 0 1px hsl(var(--foreground) / .22);
}
@media (min-width:1024px){ .mk-scope .mk-phone{ width:322px } }

.mk-scope .mk-bento{ gap:clamp(.7rem,.45rem + .8vw,1rem) }
@media (max-width:1023px) and (min-width:640px){

  .mk-scope .mk-bento-wide{ grid-column:span 2 }
}
@media (max-width:639px){
  .mk-scope .mk-bento-cell{ border-radius:.875rem }
}

@media (max-width:639px){
  .mk-scope .mk-step{ padding:1.35rem !important }
  .mk-scope .mk-glass{ padding:1rem !important }
  .mk-scope .mk-quote{ padding:1.15rem }
}

.mk-scope .mk-cta-panel{
  padding-inline:clamp(1.35rem, .6rem + 3.4vw, 4rem);
  padding-block:clamp(2.75rem, 1.6rem + 4.6vw, 4.5rem);
}

.mk-scope .mk-stat-value{ font-size:clamp(1.6rem, 1.1rem + 2.2vw, 2.6rem) }
.mk-scope .mk-stat-label{ font-size:clamp(.72rem,.68rem + .18vw,.82rem); line-height:1.35 }

.mk-scope .mk-section-eyebrow{ font-size:.7rem; letter-spacing:.15em }

.mk-scope .mk-sec-head{ max-width:44rem }
.mk-scope .mk-sec-head .mk-lead{ margin-top:1.05rem }

.mk-scope a:focus-visible,
.mk-scope button:focus-visible,
.mk-scope summary:focus-visible{
  outline:2px solid hsl(var(--brand));
  outline-offset:2px;
  border-radius:.4rem;
}

@media (max-width:639px){
  .mk-scope .mk-faq>summary{ padding-block:.9rem }
}

.mk-scope .mk-phone-head{ gap:.5rem; padding:.5rem .7rem .6rem }
.mk-scope .mk-phone-head>div{ min-width:0; flex:1 1 auto }
.mk-scope .mk-phone-head>div>div{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.mk-scope .mk-phone-head .mk-badge{
  white-space:nowrap; flex:none;
  font-size:.62rem; padding:.2rem .45rem; letter-spacing:0;
}
.mk-scope .mk-phone-head .mk-chat-avatar{ flex:none }

.mk-scope .mk-phone{
  padding:9px;
  border-radius:54px;
  background:
    linear-gradient(148deg,#5b5b66 0%,#26262e 16%,#17171d 46%,#2c2c35 78%,#4a4a55 100%);
}

.mk-scope .mk-phone::after{
  content:"";position:absolute;inset:6px;border-radius:48px;
  box-shadow:inset 0 0 0 1.5px hsl(0 0% 100% / .10);
  pointer-events:none;z-index:4;
}

.mk-scope .mk-phone::before{
  content:"";position:absolute;left:-2px;top:23%;width:2.5px;height:34px;
  border-radius:2px;background:linear-gradient(#4c4c57,#2a2a32);
  box-shadow:0 54px 0 #3d3d47, 0 96px 0 #3d3d47;
}
.mk-scope .mk-phone-screen{
  border-radius:46px;
  background:hsl(var(--background));
  isolation:isolate;
}

.mk-scope .mk-phone-notch{
  top:9px;
  width:78px;height:23px;
  background:#08080a;
  border-radius:999px;
  box-shadow:inset 0 0 0 1px hsl(0 0% 100% / .06);
}

.mk-scope .mk-phone-screen::after{
  content:"";position:absolute;bottom:7px;left:50%;transform:translateX(-50%);
  width:104px;height:4px;border-radius:99px;
  background:hsl(var(--foreground) / .22);z-index:5;pointer-events:none;
}

.mk-scope .mk-phone-screen::before{
  content:"";position:absolute;inset:0;z-index:4;pointer-events:none;
  background:linear-gradient(122deg,hsl(0 0% 100% / .10) 0 18%,transparent 42%);
}
.mk-scope .mk-phone-statusbar{ padding:.75rem 1.35rem .2rem }
.mk-scope .mk-phone-body{ padding-bottom:1.5rem }

.mk-scope .mk-teamtabs{
  display:flex;gap:.4rem;overflow-x:auto;scrollbar-width:none;
  -webkit-overflow-scrolling:touch;padding-bottom:.2rem;
}
.mk-scope .mk-teamtabs::-webkit-scrollbar{ display:none }
.mk-scope .mk-teamtab{
  flex:none;display:inline-flex;align-items:center;gap:.45rem;
  padding:.6rem 1rem;border-radius:999px;cursor:pointer;
  font-size:.875rem;font-weight:600;letter-spacing:-.01em;
  color:hsl(var(--muted-foreground));
  background:hsl(var(--card));
  border:1px solid hsl(var(--border) / .8);
  transition:color .18s,background .18s,border-color .18s;
}
.mk-scope .mk-teamtab:hover{ color:hsl(var(--foreground));border-color:hsl(var(--brand) / .4) }
.mk-scope .mk-teamtab svg{ width:15px;height:15px;flex:none }
.mk-scope .mk-teamtab.is-on{
  color:#fff;border-color:transparent;
  background-image:linear-gradient(118deg,hsl(243 72% 56%),hsl(271 76% 53%));
  box-shadow:0 8px 20px -10px hsl(258 74% 52% / .7);
}
.mk-scope .mk-teamtab.is-on svg{ stroke:#fff }

.mk-scope .mk-teampanel{ display:none }
.mk-scope .mk-teampanel.is-on{ display:block;animation:mkFadeUp .42s cubic-bezier(.2,.7,.2,1) both }
@keyframes mkFadeUp{ from{opacity:0;transform:translateY(10px)} to{opacity:1;transform:none} }
@media (prefers-reduced-motion:reduce){ .mk-scope .mk-teampanel.is-on{ animation:none } }

.mk-scope .mk-teamgrid{
  display:grid;grid-template-columns:.85fr 1.15fr;
  gap:clamp(1.25rem,.6rem + 2.6vw,2.75rem);
  align-items:start;
}
@media (max-width:900px){ .mk-scope .mk-teamgrid{ grid-template-columns:minmax(0,1fr);gap:1.5rem } }

.mk-scope .mk-teamcard{
  border-radius:1.25rem;
  border:1px solid hsl(var(--border) / .75);
  background:
    linear-gradient(158deg,hsl(var(--card)) 0%,hsl(243 100% 99%) 55%,hsl(268 60% 98%) 100%);
  box-shadow:0 24px 54px -28px hsl(258 50% 35% / .28), 0 2px 6px -3px hsl(var(--foreground) / .05);
  padding:clamp(.85rem,.5rem + 1.2vw,1.25rem);
}
.mk-scope .mk-teampane{
  border-radius:.9rem;border:1px solid hsl(var(--border) / .7);
  background:hsl(var(--card));
  box-shadow:0 1px 2px hsl(var(--foreground) / .04);
  overflow:hidden;
}
.mk-scope .mk-teampane-h{
  display:flex;align-items:center;gap:.5rem;
  padding:.6rem .8rem;border-bottom:1px solid hsl(var(--border) / .6);
  font-size:.78rem;font-weight:650;color:hsl(var(--foreground));
}
.mk-scope .mk-teampane-h .mk-dot-live{
  width:6px;height:6px;border-radius:50%;background:hsl(var(--mk-ok));flex:none;
}
.mk-scope .mk-teampane-h .cnt{ margin-left:auto;font-weight:500;color:hsl(var(--muted-foreground)) }
.mk-scope .mk-teampane-b{ padding:.75rem;display:flex;flex-direction:column;gap:.5rem }

.mk-scope .mk-rrow{
  display:flex;align-items:center;gap:.6rem;
  padding:.55rem .65rem;border-radius:.65rem;
  border:1px solid hsl(var(--border) / .6);background:hsl(var(--card));
}
.mk-scope .mk-rrow .av{
  width:26px;height:26px;border-radius:50%;flex:none;display:grid;place-items:center;
  font-size:10px;font-weight:700;background:hsl(var(--brand) / .1);color:hsl(var(--brand));
}
.mk-scope .mk-rrow .tt{ min-width:0;flex:1 }
.mk-scope .mk-rrow .tt b{ display:block;font-size:12.5px;font-weight:600;letter-spacing:-.01em;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis }
.mk-scope .mk-rrow .tt span{ display:block;font-size:10.5px;color:hsl(var(--muted-foreground));
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis }
.mk-scope .mk-rrow .pill{
  flex:none;font-size:10px;font-weight:650;padding:.15rem .45rem;border-radius:999px;
}

.mk-scope .mk-howgrid{ display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.85rem,.5rem + 1.2vw,1.35rem) }
@media (max-width:900px){ .mk-scope .mk-howgrid{ grid-template-columns:minmax(0,1fr) } }
.mk-scope .mk-how{
  position:relative;display:flex;flex-direction:column;
  border-radius:1.15rem;border:1px solid hsl(var(--border) / .75);
  background:hsl(var(--card));overflow:hidden;
  box-shadow:0 1px 2px hsl(var(--foreground) / .04);
  transition:border-color .2s,box-shadow .2s,transform .2s;
}
.mk-scope .mk-how:hover{
  border-color:hsl(var(--brand) / .35);
  box-shadow:0 20px 44px -24px hsl(258 60% 45% / .3);
  transform:translateY(-2px);
}

.mk-scope .mk-how-vis{
  position:relative;padding:1.1rem 1.1rem 1.25rem;min-height:132px;
  display:flex;flex-direction:column;justify-content:center;gap:.45rem;
  background:
    radial-gradient(110% 90% at 50% 0%,hsl(var(--brand) / .09),transparent 70%),
    linear-gradient(hsl(var(--muted) / .5),hsl(var(--muted) / .18));
  border-bottom:1px solid hsl(var(--border) / .6);
}
.mk-scope .mk-how-body{ padding:1.1rem }
.mk-scope .mk-how-n{
  display:inline-flex;align-items:center;justify-content:center;
  width:1.5rem;height:1.5rem;border-radius:.5rem;flex:none;
  font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;
  color:#fff;background-image:linear-gradient(135deg,hsl(243 72% 56%),hsl(271 76% 53%));
}

.mk-scope .mk-mini-tiles{ display:flex;flex-wrap:wrap;gap:.35rem }
.mk-scope .mk-mini-tile{
  width:34px;height:34px;border-radius:.6rem;display:grid;place-items:center;
  background:hsl(var(--card));border:1px solid hsl(var(--border) / .8);
  box-shadow:0 1px 3px hsl(var(--foreground) / .06);
}
.mk-scope .mk-mini-tile img{ width:19px;height:19px;object-fit:contain }
.mk-scope .mk-mini-tile.more{ font-size:10px;font-weight:700;color:hsl(var(--muted-foreground)) }

.mk-scope .mk-fauxinput{
  display:flex;align-items:center;gap:.5rem;
  padding:.6rem .75rem;border-radius:.75rem;
  background:hsl(var(--card));border:1px solid hsl(var(--border) / .8);
  font-size:12.5px;color:hsl(var(--foreground));
  box-shadow:0 1px 3px hsl(var(--foreground) / .05);
}
.mk-scope .mk-caret{
  display:inline-block;width:1.5px;height:13px;background:hsl(var(--brand));
  animation:mkBlink 1.1s steps(1,end) infinite;vertical-align:-2px;
}
@keyframes mkBlink{ 50%{opacity:0} }
@media (prefers-reduced-motion:reduce){ .mk-scope .mk-caret{ animation:none } }

.mk-scope .mk-agentflow{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(.85rem,.5rem + 1.2vw,1.35rem);
  align-items:start;
}
@media (max-width:980px){ .mk-scope .mk-agentflow{ grid-template-columns:minmax(0,1fr) } }
.mk-scope .mk-agentstep{
  position:relative;display:flex;flex-direction:column;
  padding:clamp(1.1rem,.8rem + .9vw,1.5rem);
  border-radius:1.15rem;
  border:1px solid hsl(var(--border) / .75);
  background:hsl(var(--card));
  box-shadow:0 1px 2px hsl(var(--foreground) / .04);
  transition:border-color .2s,box-shadow .2s;
}
.mk-scope .mk-agentstep:hover{
  border-color:hsl(var(--brand) / .32);
  box-shadow:0 20px 44px -26px hsl(258 60% 45% / .3);
}

@media (min-width:981px){
  .mk-scope .mk-agentstep:not(:last-child)::after{
    content:"";position:absolute;top:50%;right:calc(-1 * clamp(.85rem,.5rem + 1.2vw,1.35rem) / 2 - 5px);
    width:10px;height:10px;transform:translateY(-50%) rotate(45deg);
    border-top:1.5px solid hsl(var(--border));border-right:1.5px solid hsl(var(--border));
    background:hsl(var(--muted) / .3);
  }
}
.mk-scope .mk-agentstep-h{ display:flex;align-items:center;gap:.6rem }
.mk-scope .mk-agentstep-vis{
  margin-top:1.1rem;padding:.85rem;border-radius:.9rem;
  border:1px solid hsl(var(--border) / .6);
  background:
    radial-gradient(120% 90% at 50% 0%,hsl(var(--brand) / .07),transparent 70%),
    hsl(var(--muted) / .3);
}
.mk-scope .mk-agentstep-vis .mk-msg-user{ display:inline-block;margin:0 }

.mk-scope .mk-agentname{ display:flex;align-items:center;gap:.6rem }
.mk-scope .mk-agentav{
  width:30px;height:30px;border-radius:.6rem;flex:none;display:grid;place-items:center;color:#fff;
  background-image:linear-gradient(135deg,hsl(243 72% 56%),hsl(271 76% 53%));
}
.mk-scope .mk-agentname>span.min-w-0{ min-width:0;flex:1 }
.mk-scope .mk-agentname b{ display:block;font-size:13px;font-weight:650;letter-spacing:-.01em }
.mk-scope .mk-agentname span span{ display:block;font-size:11px;color:hsl(var(--muted-foreground)) }
.mk-scope .mk-agentbadge{
  flex:none;font-size:10px;font-weight:700;padding:.2rem .5rem;border-radius:999px;
  color:hsl(var(--mk-ok));background:hsl(var(--mk-ok) / .12);
}

.mk-scope .mk-orbit-stage{
  container-type:inline-size;
  position:relative;
  width:100%;
  max-width:520px;
  margin-inline:auto;
  aspect-ratio:1/1;
}

.mk-scope .mk-orbit-stage .mk-orbit-chip{
  height:11cqw;width:11cqw;
  min-height:30px;min-width:30px;
  border-radius:24%;
  background:hsl(var(--card));
  border:1px solid hsl(var(--border) / .7);
  box-shadow:0 6px 16px -8px hsl(var(--foreground) / .28), 0 1px 2px hsl(var(--foreground) / .06);
  transition:box-shadow .2s ease, border-color .2s ease;
}
.mk-scope .mk-orbit-stage .mk-orbit-chip:hover{
  border-color:hsl(var(--brand) / .45);
  box-shadow:0 14px 28px -12px hsl(258 60% 45% / .45);
}
.mk-scope .mk-orbit-stage .mk-orbit-chip img{
  height:56%;width:56%;object-fit:contain;
}
.mk-scope .mk-orbit-stage .mk-orbit-core{
  height:19cqw;width:19cqw;
  min-height:56px;min-width:56px;
  border-radius:26%;
  box-shadow:0 20px 44px -18px hsl(var(--brand) / .55), inset 0 1px 0 hsl(0 0% 100% / .6);
}
.mk-scope .mk-orbit-stage .mk-orbit-core img{ height:52%;width:52% }

.mk-scope .mk-orbit-ring{
  border:1px dashed hsl(var(--border) / .85);
  border-radius:9999px;
  position:absolute;
}
.mk-scope .mk-ring-inner{ inset:25% }
.mk-scope .mk-ring-outer{ inset:8% }

.mk-scope .mk-orbit-glow{
  position:absolute;inset:22%;border-radius:9999px;pointer-events:none;
  background:radial-gradient(closest-side,hsl(var(--brand) / .18),transparent 72%);
}
.mk-scope .mk-orbit-b,.mk-scope .mk-ring-outer{ display:block }

.mk-scope .mk-intgrid{
  position:relative;
  border-radius:1.5rem;
  padding:clamp(1rem,.5rem + 2vw,2rem);
  border:1px solid hsl(var(--border) / .75);
  background:
    radial-gradient(85% 70% at 50% 0%,hsl(var(--brand) / .10),transparent 62%),
    linear-gradient(168deg,hsl(var(--card)),hsl(243 100% 99%) 58%,hsl(268 55% 97.5%));
  box-shadow:0 30px 64px -34px hsl(258 50% 35% / .3), 0 2px 6px -3px hsl(var(--foreground) / .05);
  overflow:hidden;
}
.mk-scope .mk-intgrid-cells{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:clamp(.4rem,.2rem + .6vw,.6rem);
}
@media (max-width:560px){
  .mk-scope .mk-intgrid-cells{ grid-template-columns:repeat(4,minmax(0,1fr)) }
}
.mk-scope .mk-intcell{
  aspect-ratio:1 / 1;
  display:grid;place-items:center;
  border-radius:.85rem;
  background:hsl(var(--card));
  border:1px solid hsl(var(--border) / .7);
  box-shadow:0 1px 3px hsl(var(--foreground) / .05);
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.mk-scope .mk-intcell:hover{
  transform:translateY(-3px);
  border-color:hsl(var(--brand) / .35);
  box-shadow:0 14px 26px -14px hsl(258 60% 45% / .4);
}
.mk-scope .mk-intcell img{
  width:56%;height:56%;object-fit:contain;
}

.mk-scope .mk-intcell.is-empty{
  background:transparent;
  border-style:dashed;
  border-color:hsl(var(--border) / .8);
  box-shadow:none;
}
.mk-scope .mk-intcell.is-empty:hover{ transform:none;box-shadow:none;border-color:hsl(var(--border) / .8) }

.mk-scope .mk-intcell.is-count{
  background-image:linear-gradient(135deg,hsl(243 72% 56%),hsl(271 76% 53%));
  border-color:transparent;
  color:#fff;font-weight:700;
  font-size:clamp(.72rem,.6rem + .5vw,.9rem);
  letter-spacing:-.02em;
  box-shadow:0 10px 22px -12px hsl(258 74% 52% / .75);
}
.mk-scope .mk-intcell.is-count:hover{ transform:translateY(-3px) }

@media (max-width:560px){
  .mk-scope .mk-blueprint{ flex-direction:column;align-items:flex-start;gap:.4rem }
  .mk-scope .mk-blueprint-link{ display:none }
}

.mk-scope .mk-channelwrap{
  border-radius:1.5rem;
  border:1px solid hsl(var(--border) / .75);
  background:linear-gradient(168deg,hsl(var(--card)),hsl(243 100% 99.2%) 60%,hsl(268 50% 98%));
  padding:clamp(1.35rem,.8rem + 2.4vw,3rem);
  box-shadow:0 24px 54px -32px hsl(258 50% 35% / .26), 0 2px 6px -3px hsl(var(--foreground) / .05);
}
.mk-scope .mk-changrid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(.55rem,.35rem + .7vw,.8rem);
}
@media (min-width:640px){ .mk-scope .mk-changrid{ grid-template-columns:repeat(3,minmax(0,1fr)) } }
@media (max-width:400px){ .mk-scope .mk-changrid{ grid-template-columns:minmax(0,1fr) } }
.mk-scope .mk-chancard{
  display:flex;align-items:center;gap:.65rem;
  padding:.8rem .85rem;border-radius:.9rem;
  background:hsl(var(--card));
  border:1px solid hsl(var(--border) / .7);
  box-shadow:0 1px 3px hsl(var(--foreground) / .05);
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.mk-scope .mk-chancard:hover{
  transform:translateY(-3px);
  border-color:hsl(var(--brand) / .35);
  box-shadow:0 18px 32px -18px hsl(258 60% 45% / .42);
}
.mk-scope .mk-chanmark{
  width:38px;height:38px;flex:none;border-radius:.7rem;
  display:grid;place-items:center;
  background:hsl(var(--muted) / .5);
  border:1px solid hsl(var(--border) / .6);
}
.mk-scope .mk-channame{ font-size:13.5px;font-weight:650;letter-spacing:-.015em;color:hsl(var(--foreground)) }
.mk-scope .mk-chanblurb{ font-size:11.5px;color:hsl(var(--muted-foreground));line-height:1.35 }

.mk-scope .mk-bento-cell,
.mk-scope .mk-feature-card,
.mk-scope .mk-file-card,
.mk-scope .mk-quote,
.mk-scope .mk-delivery,
.mk-scope .mk-rrow,
.mk-scope .mk-intcell,
.mk-scope .mk-teampane,
.mk-scope .mk-logo-chip{
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.mk-scope .mk-bento-cell:hover,
.mk-scope .mk-feature-card:hover,
.mk-scope .mk-quote:hover,
.mk-scope .mk-file-card:hover,
.mk-scope .mk-delivery:hover,
.mk-scope .mk-rrow:hover,
.mk-scope .mk-logo-chip:hover,
.mk-scope .mk-teampane:hover,
.mk-scope .mk-intcell:hover,
.mk-scope .mk-doc:hover,
.mk-scope .mk-how:hover,
.mk-scope .mk-agentstep:hover,
.mk-scope .mk-chancard:hover,
.mk-scope .mk-orbit-stage .mk-orbit-chip:hover{
  transform:none !important;
  box-shadow:none !important;
  border-color:hsl(var(--brand) / .3);
}

.mk-scope .mk-doc:hover,
.mk-scope .mk-how:hover,
.mk-scope .mk-agentstep:hover,
.mk-scope .mk-chancard:hover{
  box-shadow:0 1px 3px hsl(var(--foreground) / .05) !important;
}
.mk-scope .mk-logostrip-cell{ transition:background .2s ease }
.mk-scope .mk-logostrip-cell:hover{ background:hsl(var(--brand) / .035) }

.mk-scope .mk-teamstats{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.45rem;margin-bottom:.65rem;
}
.mk-scope .mk-teamstat{
  border-radius:.7rem;padding:.6rem .65rem;
  background:hsl(var(--muted) / .45);
  border:1px solid hsl(var(--border) / .55);
}
.mk-scope .mk-teamstat b{
  display:block;font-size:1.05rem;font-weight:700;letter-spacing:-.025em;
  color:hsl(var(--foreground));font-variant-numeric:tabular-nums;line-height:1.15;
}
.mk-scope .mk-teamstat span{
  display:block;font-size:10.5px;color:hsl(var(--muted-foreground));
  line-height:1.3;margin-top:.1rem;
}

.mk-scope .mk-bar{
  height:4px;border-radius:999px;background:hsl(var(--muted));overflow:hidden;margin-top:.3rem;
}
.mk-scope .mk-bar>i{ display:block;height:100%;border-radius:999px }

.mk-scope .mk-ring{
  width:58px;height:58px;border-radius:50%;flex:none;display:grid;place-items:center;position:relative;
  background:conic-gradient(hsl(var(--mk-ok)) var(--pct,75%), hsl(var(--muted)) 0);
}
.mk-scope .mk-ring::after{
  content:"";position:absolute;inset:5px;border-radius:50%;background:hsl(var(--card));
}
.mk-scope .mk-ring>span{
  position:relative;z-index:1;font-size:12.5px;font-weight:700;letter-spacing:-.02em;
  font-variant-numeric:tabular-nums;color:hsl(var(--foreground));
}

.mk-scope .mk-reply{
  border-left:2px solid hsl(var(--brand) / .5);
  background:hsl(var(--brand) / .045);
  border-radius:.2rem .6rem .6rem .2rem;
  padding:.55rem .7rem;
}
.mk-scope .mk-reply-h{
  display:flex;align-items:center;gap:.35rem;
  font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  color:hsl(var(--brand-ink,258 58% 47%));
}
.mk-scope .mk-reply-b{
  font-size:12px;line-height:1.45;color:hsl(var(--foreground));margin-top:.3rem;
}

.mk-scope .mk-source{
  display:flex;align-items:center;gap:.6rem;padding:.6rem .7rem;
  border-radius:.7rem;border:1px dashed hsl(var(--border));
  background:hsl(var(--muted) / .35);
}
.mk-scope .mk-source .ic{
  width:30px;height:30px;border-radius:.55rem;flex:none;display:grid;place-items:center;
  background:hsl(var(--brand) / .1);color:hsl(var(--brand));
}
.mk-scope .mk-fan{
  display:flex;align-items:center;gap:.4rem;padding:.25rem 0 .1rem .95rem;
  font-size:10.5px;color:hsl(var(--muted-foreground));
}
.mk-scope .mk-fan::before{
  content:"";width:10px;height:10px;flex:none;
  border-left:1.5px solid hsl(var(--border));border-bottom:1.5px solid hsl(var(--border));
  border-radius:0 0 0 4px;margin-right:.2rem;
}

.mk-scope .mk-docgrid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(.6rem,.35rem + .9vw,1rem);
}
@media (max-width:900px){ .mk-scope .mk-docgrid{ grid-template-columns:repeat(2,minmax(0,1fr)) } }
@media (max-width:420px){ .mk-scope .mk-docgrid{ grid-template-columns:minmax(0,1fr) } }

.mk-scope .mk-doc{
  border-radius:.9rem;overflow:hidden;
  background:hsl(var(--card));
  border:1px solid hsl(var(--border) / .75);
  box-shadow:0 1px 3px hsl(var(--foreground) / .05);
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.mk-scope .mk-doc:hover{
  transform:translateY(-4px);
  border-color:hsl(var(--brand) / .35);
  box-shadow:0 24px 44px -22px hsl(258 60% 45% / .42);
}

.mk-scope .mk-doc-page{
  position:relative;
  aspect-ratio:4 / 3;
  padding:.7rem .75rem;
  display:flex;flex-direction:column;gap:.3rem;
  background:linear-gradient(160deg,#fff,hsl(240 20% 98.5%));
  border-bottom:1px solid hsl(var(--border) / .6);
  overflow:hidden;
}

.mk-scope .mk-doc-h{
  font-size:8.5px;font-weight:750;letter-spacing:-.01em;color:hsl(var(--foreground));
  line-height:1.25;
}
.mk-scope .mk-doc-sub{
  font-size:6.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;
  color:var(--doc,#8b8b95);margin-bottom:.1rem;
}
.mk-scope .mk-doc-kv{
  display:flex;justify-content:space-between;gap:.4rem;
  font-size:7px;line-height:1.5;color:hsl(var(--muted-foreground));
  border-bottom:1px dotted hsl(var(--border));padding-bottom:1px;
}
.mk-scope .mk-doc-kv b{ color:hsl(var(--foreground));font-variant-numeric:tabular-nums;font-weight:650 }

.mk-scope .mk-doc-tbl{ display:flex;flex-direction:column;gap:1px;margin-top:.1rem }
.mk-scope .mk-doc-tr{ display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:2px }
.mk-scope .mk-doc-tr>i{
  height:7px;border-radius:1px;background:hsl(var(--muted-foreground) / .16);
}
.mk-scope .mk-doc-tr.hd>i{ background:var(--doc,#8b8b95);opacity:.55 }
.mk-scope .mk-doc-tr:nth-child(even)>i{ background:hsl(var(--muted-foreground) / .1) }

.mk-scope .mk-doc-deck{ margin-top:auto;display:flex;flex-direction:column;gap:2px }
.mk-scope .mk-doc-deck .bar{ height:4px;border-radius:1px;background:var(--doc,#8b8b95);opacity:.7;width:52% }
.mk-scope .mk-doc-deck .body{
  height:26px;border-radius:.25rem;
  background:linear-gradient(120deg,var(--doc,#8b8b95) 0%,hsl(var(--brand)) 100%);opacity:.18;
}

.mk-scope .mk-doc-page::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--doc,#8b8b95);
}
.mk-scope .mk-doc-ttl{
  height:6px;border-radius:2px;width:62%;
  background:var(--doc,#8b8b95);opacity:.85;margin-bottom:.15rem;
}
.mk-scope .mk-doc-line{ height:3px;border-radius:2px;background:hsl(var(--muted-foreground) / .22) }
.mk-scope .mk-doc-line.w9{ width:92% } .mk-scope .mk-doc-line.w7{ width:74% }
.mk-scope .mk-doc-line.w5{ width:56% } .mk-scope .mk-doc-line.w3{ width:38% }

.mk-scope .mk-doc-chart{ display:flex;align-items:flex-end;gap:3px;height:34px;margin-top:auto }
.mk-scope .mk-doc-chart i{ flex:1;border-radius:2px 2px 0 0;background:var(--doc,#8b8b95);opacity:.75 }

.mk-scope .mk-doc-slide{
  margin-top:auto;height:34px;border-radius:.3rem;
  background:linear-gradient(120deg,var(--doc,#8b8b95),hsl(var(--brand)));opacity:.22;
}

.mk-scope .mk-doc-img{
  margin-top:auto;height:38px;border-radius:.3rem;
  background:
    radial-gradient(circle at 26% 62%, hsl(var(--brand) / .55), transparent 42%),
    linear-gradient(120deg,hsl(268 70% 72% / .5),hsl(243 80% 70% / .5));
}
.mk-scope .mk-doc-foot{
  display:flex;align-items:center;gap:.5rem;padding:.55rem .6rem;
}
.mk-scope .mk-doc-foot .nm{ min-width:0;flex:1 }
.mk-scope .mk-doc-foot .nm b{
  display:block;font-size:11.5px;font-weight:650;letter-spacing:-.01em;color:hsl(var(--foreground));
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.mk-scope .mk-doc-foot .nm span{ display:block;font-size:10px;color:hsl(var(--muted-foreground)) }

.mk-scope .mk-statcell{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;
  background:hsl(var(--card));padding:clamp(1.3rem,.9rem + 1.4vw,2.1rem) 1rem;text-align:center;
  transition:background .2s ease;
}
.mk-scope .mk-statcell:hover{ background:hsl(var(--brand) / .035) }
.mk-scope .mk-statcell .ic{
  width:30px;height:30px;border-radius:.55rem;display:grid;place-items:center;
  background:linear-gradient(135deg,hsl(var(--brand) / .14),hsl(var(--brand-2) / .14));
  color:hsl(var(--brand));margin-bottom:.1rem;
}

.mk-scope .mk-faq{
  border:1px solid hsl(var(--border) / .75);
  border-radius:.9rem;
  background:hsl(var(--card));
  margin-bottom:.55rem;
  overflow:hidden;
  transition:border-color .2s ease, box-shadow .2s ease;
}
.mk-scope .mk-faq:hover{ border-color:hsl(var(--brand) / .32) }
.mk-scope .mk-faq[open]{
  border-color:hsl(var(--brand) / .3);
  box-shadow:0 14px 32px -20px hsl(258 60% 45% / .35);
}
.mk-scope .mk-faq>summary{
  display:flex;align-items:center;gap:1rem;cursor:pointer;list-style:none;
  padding:1rem 1.1rem;
  font-size:clamp(.95rem,.92rem + .2vw,1.05rem);
  font-weight:650;letter-spacing:-.015em;color:hsl(var(--foreground));
}
.mk-scope .mk-faq>summary::-webkit-details-marker{ display:none }
.mk-scope .mk-faq>summary::after{
  content:"";margin-left:auto;flex:none;
  width:20px;height:20px;border-radius:50%;
  background:
    linear-gradient(hsl(var(--muted-foreground)) 0 0) center/9px 1.6px no-repeat,
    linear-gradient(hsl(var(--muted-foreground)) 0 0) center/1.6px 9px no-repeat,
    hsl(var(--muted) / .8);
  transition:transform .25s ease, background-color .2s ease;
}
.mk-scope .mk-faq[open]>summary::after{
  transform:rotate(135deg);
  background:
    linear-gradient(#fff 0 0) center/9px 1.6px no-repeat,
    linear-gradient(#fff 0 0) center/1.6px 9px no-repeat,
    hsl(var(--brand));
}
.mk-scope .mk-faq-body{
  padding:0 1.1rem 1.05rem;
  font-size:clamp(.9rem,.88rem + .18vw,.98rem);
  line-height:1.65;color:hsl(var(--muted-foreground));
  max-width:60ch;
}

.mk-scope .mk-faq-more{
  margin-top:1.6rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;
  gap:.6rem;font-size:.92rem;color:hsl(var(--muted-foreground));
}

.mk-scope .mk-cta-panel{
  border-radius:1.75rem;
  background:
    radial-gradient(120% 130% at 50% -10%, hsl(258 74% 62%), hsl(258 72% 52%) 42%, hsl(268 78% 38%) 100%);
  box-shadow:0 40px 80px -40px hsl(258 70% 40% / .65);
}
.mk-scope .mk-cta-panel::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(50% 60% at 82% 4%, hsl(0 0% 100% / .20), transparent 62%),
    radial-gradient(38% 46% at 12% 96%, hsl(0 0% 100% / .10), transparent 62%);
}

.mk-scope .mk-cta-panel::after{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.16;
  background-image:
    linear-gradient(hsl(0 0% 100% / .55) 1px, transparent 1px),
    linear-gradient(90deg, hsl(0 0% 100% / .55) 1px, transparent 1px);
  background-size:46px 46px;
  -webkit-mask-image:radial-gradient(70% 70% at 50% 40%, #000, transparent 72%);
  mask-image:radial-gradient(70% 70% at 50% 40%, #000, transparent 72%);
}
.mk-scope .mk-cta-trust{
  margin-top:1.6rem;display:flex;flex-wrap:wrap;justify-content:center;
  gap:.5rem 1.4rem;font-size:.82rem;color:hsl(0 0% 100% / .7);
}
.mk-scope .mk-cta-trust span{ display:inline-flex;align-items:center;gap:.4rem }
.mk-scope .mk-cta-trust svg{ width:14px;height:14px }

@media (max-width:900px){

  .mk-scope .mk-orbit-stage{ max-width:min(400px,84vw) }
}
@media (max-width:640px){
  .mk-scope .mk-orbit-stage{ max-width:min(330px,88vw);margin-top:.5rem }

  .mk-scope .mk-orbit-stage .mk-orbit-chip{ min-height:26px;min-width:26px;border-radius:26% }
  .mk-scope .mk-orbit-ring{ border-style:solid;border-color:hsl(var(--border) / .55) }

  .mk-scope .mk-intro-gap{ margin-top:1.75rem }
}

@media (max-width:640px){
  .mk-scope .mk-faq>summary{
    padding:.95rem .9rem;gap:.7rem;
    font-size:.95rem;line-height:1.35;
  }
  .mk-scope .mk-faq>summary::after{ width:18px;height:18px }
  .mk-scope .mk-faq-body{ padding:0 .9rem 1rem;font-size:.9rem;line-height:1.6 }
  .mk-scope .mk-faq-more{ flex-direction:column;gap:.75rem;text-align:center }
}
@media (min-width:641px) and (max-width:1023px){
  .mk-scope .mk-faq>summary{ font-size:1rem }
}

.mk-scope .mk-quote{
  border-radius:1.1rem;
  border:1px solid hsl(var(--border) / .75);
  background:hsl(var(--card));
  padding:clamp(1.1rem,.8rem + .9vw,1.5rem);
  display:flex;flex-direction:column;
  box-shadow:none;
}
.mk-scope .mk-quote::before{ display:none }
.mk-scope .mk-quote-text{
  font-size:clamp(.95rem,.92rem + .2vw,1.02rem);
  line-height:1.62;color:hsl(var(--foreground));
  letter-spacing:-.01em;flex:1;
}
.mk-scope .mk-quote-foot{
  display:flex;align-items:center;gap:.65rem;
  margin-top:1.1rem;padding-top:.9rem;
  border-top:1px solid hsl(var(--border) / .7);
}
.mk-scope .mk-quote-name{ display:block;font-size:13px;font-weight:650;letter-spacing:-.01em;color:hsl(var(--foreground)) }
.mk-scope .mk-quote-role{ display:block;font-size:11.5px;color:hsl(var(--muted-foreground));line-height:1.35 }
.mk-scope .mk-avatar{
  width:34px;height:34px;flex:none;border-radius:50%;
  display:grid;place-items:center;font-size:11.5px;font-weight:700;letter-spacing:-.02em;
  color:hsl(var(--brand));background:hsl(var(--brand) / .1);
  border:1px solid hsl(var(--brand) / .18);
}

.mk-scope{
  --mk-r-sm:.625rem;
  --mk-r-md:.875rem;
  --mk-r-lg:1.25rem;
  --mk-r-xl:1.75rem;
}

.mk-scope .mk-doc,
.mk-scope .mk-how,
.mk-scope .mk-agentstep,
.mk-scope .mk-chancard,
.mk-scope .mk-faq,
.mk-scope .mk-quote,
.mk-scope .mk-bento-cell,
.mk-scope .mk-feature-card,
.mk-scope .mk-step{ border-radius:var(--mk-r-md) }

.mk-scope .mk-teampane,
.mk-scope .mk-agentstep-vis,
.mk-scope .mk-teampane .mk-rrow,
.mk-scope .mk-file-card,
.mk-scope .mk-delivery{ border-radius:var(--mk-r-sm) }

.mk-scope .mk-teamcard,
.mk-scope .mk-channelwrap,
.mk-scope .mk-intgrid{ border-radius:var(--mk-r-lg) }

.mk-scope .mk-cta-panel{ border-radius:var(--mk-r-xl) }

.mk-scope .mk-doc-page{ padding:.85rem .9rem;gap:.32rem }
.mk-scope .mk-doc-sub{ font-size:10px;letter-spacing:.07em }
.mk-scope .mk-doc-h{ font-size:12px;line-height:1.3;margin-bottom:.1rem }
.mk-scope .mk-doc-kv{ font-size:9.5px;line-height:1.65 }
.mk-scope .mk-doc-tr>i{ height:8px }
@media (max-width:900px){

  .mk-scope .mk-doc-h{ font-size:13px }
  .mk-scope .mk-doc-kv{ font-size:10px }
  .mk-scope .mk-doc-sub{ font-size:9px }
}

.mk-scope .mk-phone-head .mk-badge{ font-size:10px }

.mk-scope .mk-hero-glow,
.mk-scope .mk-aurora,
.mk-scope .mk-orbit-glow{ display:none !important }

.mk-scope .mk-teamcard,
.mk-scope .mk-channelwrap,
.mk-scope .mk-intgrid,
.mk-scope .mk-gcard{
  background:hsl(var(--muted) / .38) !important;
  border:1px solid hsl(var(--border) / .8) !important;
  box-shadow:none !important;
}
.mk-scope .mk-agentstep-vis,
.mk-scope .mk-how-vis,
.mk-scope .mk-doc-page{
  background:hsl(var(--muted) / .34) !important;
}
.mk-scope .mk-doc-page{ background:#fff !important }

.mk-scope .mk-doc,
.mk-scope .mk-how,
.mk-scope .mk-agentstep,
.mk-scope .mk-chancard,
.mk-scope .mk-faq,
.mk-scope .mk-quote,
.mk-scope .mk-teampane,
.mk-scope .mk-bento-cell,
.mk-scope .mk-feature-card,
.mk-scope .mk-step,
.mk-scope .mk-file-card,
.mk-scope .mk-delivery,
.mk-scope .mk-rrow,
.mk-scope .mk-teamstat,
.mk-scope .mk-mini-tile,
.mk-scope .mk-fauxinput,
.mk-scope .mk-toolrow,
.mk-scope .mk-source{
  box-shadow:none !important;
}
.mk-scope .mk-faq[open]{ box-shadow:none !important }

.mk-scope .mk-phone{
  box-shadow:0 18px 40px -26px hsl(var(--foreground) / .3) !important;
}
.mk-scope .mk-phone-screen::before{ display:none }
.mk-scope .mk-phone-body{
  background:hsl(var(--background)) !important;
}
.mk-scope .mk-chat-avatar,
.mk-scope .mk-pc-ava{ box-shadow:none !important }
.mk-scope .mk-bubble-ai{
  background:hsl(var(--muted) / .7) !important;
  border:1px solid hsl(var(--border) / .7) !important;
  box-shadow:none !important;
}
.mk-scope .mk-bubble-user{ box-shadow:none !important }

.mk-scope .mk-orbit-stage .mk-orbit-chip{
  box-shadow:none !important;
  border:1px solid hsl(var(--border) / .8) !important;
}
.mk-scope .mk-orbit-stage .mk-orbit-core{
  box-shadow:none !important;
  border:1px solid hsl(var(--border)) !important;
}

.mk-scope .mk-cta-panel{
  background:hsl(252 62% 46%) !important;
  box-shadow:none !important;
}
.mk-scope .mk-cta-panel::before,
.mk-scope .mk-cta-panel::after{ display:none !important }

.mk-scope .mk-teamtab{ box-shadow:none !important }
.mk-scope .mk-teamtab.is-on{
  background-image:none !important;
  background:hsl(var(--foreground)) !important;
  color:hsl(var(--background)) !important;
  box-shadow:none !important;
}
.mk-scope .mk-teamtab.is-on svg{ stroke:hsl(var(--background)) }

.mk-scope .mk-stat-value{
  font-size:clamp(1.15rem,.95rem + .8vw,1.6rem) !important;
  background:none !important;-webkit-text-fill-color:currentColor !important;
  color:hsl(var(--foreground)) !important;font-weight:700;
}
.mk-scope .mk-statcell{ padding:1.1rem .9rem !important }
.mk-scope .mk-statcell .ic{
  width:26px;height:26px;background:hsl(var(--muted)) !important;color:hsl(var(--muted-foreground)) !important;
}
.mk-scope .mk-statcell:hover{ background:hsl(var(--card)) !important }
.mk-scope .mk-stat-label{ font-size:11.5px !important }

.mk-scope .mk-faq>summary::after{
  content:"" !important;
  width:9px !important;height:9px !important;border-radius:0 !important;
  background:none !important;
  border-right:1.8px solid hsl(var(--muted-foreground));
  border-bottom:1.8px solid hsl(var(--muted-foreground));
  transform:rotate(45deg);
  margin-top:-4px;
  transition:transform .22s ease;
}
.mk-scope .mk-faq[open]>summary::after{
  transform:rotate(225deg) !important;
  margin-top:2px;
  border-color:hsl(var(--brand)) !important;
  background:none !important;
}

.mk-scope .mk-logomarquee{
  position:relative;overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
}
.mk-scope .mk-logotrack{
  display:flex;gap:.55rem;width:max-content;
  will-change:transform;
  backface-visibility:hidden;
  animation:mkLogoScroll 110s linear infinite;
}
.mk-scope .mk-logomarquee:hover .mk-logotrack{ animation-play-state:paused }
.mk-scope .mk-logotrack.rev{ animation-direction:reverse;animation-duration:78s }
.mk-scope .mk-logoitem{
  width:54px;height:54px;flex:none;border-radius:var(--mk-r-md);
  display:grid;place-items:center;
  background:hsl(var(--card));border:1px solid hsl(var(--border) / .8);
}
.mk-scope .mk-logoitem img{ width:26px;height:26px;object-fit:contain }
@keyframes mkLogoScroll{ from{transform:translate3d(0,0,0)} to{transform:translate3d(-50%,0,0)} }

.mk-scope .frow{ display:grid;grid-template-columns:1fr 1.06fr;gap:clamp(2rem,1rem + 3.4vw,4.5rem);align-items:center }
.mk-scope .frow.rev .fr-vis{ order:-1 }
@media (max-width:880px){
  .mk-scope .frow{ grid-template-columns:minmax(0,1fr);gap:clamp(2rem,1.4rem + 2.4vw,2.75rem) }
  .mk-scope .frow.rev .fr-vis{ order:0 }
}
.mk-scope .fr-copy{ max-width:33rem }
.mk-scope .frlink{ display:inline-flex;align-items:center;gap:.4rem;font-size:.98rem;font-weight:600;color:hsl(var(--brand)) }
.mk-scope .frlink svg{ width:16px;height:16px;transition:transform .15s ease }
.mk-scope .frlink:hover svg{ transform:translateX(3px) }
@media (prefers-reduced-motion:reduce){ .mk-scope .mk-logotrack{ animation:none } }
@media (max-width:640px){
  .mk-scope .mk-logoitem{ width:46px;height:46px }
  .mk-scope .mk-logoitem img{ width:22px;height:22px }
}

.mk-scope .mk-sec-close{ padding-top:clamp(1.25rem,.6rem + 1.6vw,2.25rem) !important }

.mk-scope .mk-faq-more{ margin-top:1.25rem }

@media (min-width:1024px){
  .lg\:grid-cols-\[1fr_1\.15fr\]{ grid-template-columns:1fr 1.15fr }
}

.mk-scope img,.mk-scope svg{ max-width:100% }
.mk-scope .mk-window,.mk-scope .mk-float-card{ max-width:100% }

/* ===== Assistant hero · workspace app window ===== */
.mk-scope .mk-ws-mat{ max-width:62rem; margin-inline:auto }
.mk-scope .mk-ws{ display:grid; grid-template-columns:214px minmax(0,1fr) }
.mk-scope .mk-ws-rail{ display:flex; flex-direction:column; padding:1rem .8rem 1.1rem; border-right:1px solid hsl(var(--border)/.55); background:hsl(var(--muted)/.4) }
.mk-scope .mk-ws-brand{ display:flex; align-items:center; gap:.55rem; font-weight:750; font-size:14px; letter-spacing:-.02em; color:hsl(var(--foreground)); padding:.1rem .35rem .8rem }
.mk-scope .mk-ws-brand img{ width:1.15rem; height:1.15rem; border-radius:5px }
.mk-scope .mk-ws-nav{ display:flex; flex-direction:column; gap:.1rem }
.mk-scope .mk-ws-navitem{ display:flex; align-items:center; gap:.6rem; padding:.5rem .55rem; border-radius:.6rem; font-size:13px; font-weight:500; color:hsl(var(--muted-foreground)) }
.mk-scope .mk-ws-navitem svg{ width:16px; height:16px; opacity:.72; flex:none }
.mk-scope .mk-ws-navitem.is-on{ background:hsl(var(--brand)/.1); color:hsl(var(--brand)); font-weight:600 }
.mk-scope .mk-ws-navitem.is-on svg{ opacity:1 }
.mk-scope .mk-ws-count{ margin-left:auto; font-size:10px; font-weight:700; background:hsl(var(--brand)/.14); color:hsl(var(--brand)); border-radius:1rem; padding:.03rem .42rem; line-height:1.6 }
.mk-scope .mk-ws-user{ margin-top:auto; display:flex; align-items:center; gap:.55rem; padding-top:.85rem; border-top:1px solid hsl(var(--border)/.5) }
.mk-scope .mk-ws-ava{ width:1.9rem; height:1.9rem; border-radius:50%; display:grid; place-items:center; font-size:10.5px; font-weight:700; color:#fff; background:linear-gradient(135deg,hsl(var(--brand)),hsl(258 55% 46%)); flex:none }
.mk-scope .mk-ws-user b{ font-size:12px; font-weight:650; letter-spacing:-.01em; color:hsl(var(--foreground)); display:block; line-height:1.3; white-space:nowrap }
.mk-scope .mk-ws-user i{ font-style:normal; font-size:10.5px; color:hsl(var(--muted-foreground)); display:block; line-height:1.3; white-space:nowrap }
.mk-scope .mk-ws-main{ padding:.45rem .55rem }
.mk-scope .mk-ws-float{ position:absolute; right:-16px; bottom:-20px; max-width:17rem }
@media (max-width:860px){
  .mk-scope .mk-ws{ grid-template-columns:minmax(0,1fr) }
  .mk-scope .mk-ws-rail{ display:none }
  .mk-scope .mk-ws-float{ right:8px; bottom:-14px; max-width:14rem }
}

/* Agents hero · roster view */
.mk-scope .mk-ag-main{ padding:.95rem 1rem 1.05rem }
.mk-scope .mk-ag-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; margin-bottom:.9rem }
.mk-scope .mk-ag-title{ font-size:14px; font-weight:750; letter-spacing:-.02em; color:hsl(var(--foreground)) }
.mk-scope .mk-ag-sub{ font-size:11.5px; color:hsl(var(--muted-foreground)); margin-top:.12rem }
.mk-scope .mk-ag-new{ display:inline-flex; align-items:center; gap:.35rem; font-size:12px; font-weight:600; color:hsl(var(--brand)); border:1px solid hsl(var(--brand)/.3); background:hsl(var(--brand)/.07); border-radius:.6rem; padding:.42rem .7rem; white-space:nowrap; flex:none }
.mk-scope .mk-ag-new svg{ width:14px; height:14px }
.mk-scope .mk-agrow{ display:flex; align-items:center; gap:.7rem; padding:.72rem .8rem; border:1px solid hsl(var(--border)/.7); border-radius:.85rem; background:hsl(var(--card)) }
.mk-scope .mk-agrow + .mk-agrow{ margin-top:.55rem }
.mk-scope .mk-agrow.is-new{ border-color:hsl(var(--brand)/.35); box-shadow:var(--mk-shadow-float) }
.mk-scope .mk-agicon{ width:2.1rem; height:2.1rem; border-radius:.65rem; display:grid; place-items:center; background:hsl(var(--brand)/.1); color:hsl(var(--brand)); flex:none }
.mk-scope .mk-agicon svg{ width:16px; height:16px }
.mk-scope .mk-aginfo{ min-width:0; flex:1 }
.mk-scope .mk-aginfo b{ display:block; font-size:13px; font-weight:650; letter-spacing:-.01em; color:hsl(var(--foreground)); line-height:1.3 }
.mk-scope .mk-aginfo span{ display:block; font-size:11.5px; color:hsl(var(--muted-foreground)); line-height:1.35; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.mk-scope .mk-aglogos{ display:flex; gap:.3rem; flex:none }
.mk-scope .mk-agstatus{ display:inline-flex; align-items:center; gap:.4rem; font-size:11.5px; font-weight:600; color:hsl(var(--muted-foreground)); white-space:nowrap; flex:none; justify-content:flex-end }
.mk-scope .mk-agstatus::before{ content:""; width:6px; height:6px; border-radius:50%; background:hsl(var(--muted-foreground)/.45); flex:none }
.mk-scope .mk-agstatus.is-live{ color:hsl(var(--mk-ok)) }
.mk-scope .mk-agstatus.is-live::before{ background:hsl(var(--mk-ok)) }
@media (max-width:600px){ .mk-scope .mk-aglogos{ display:none } }