.mk-help-page {
  --help-yellow: #f6c900;
  --help-ink: #f8fafc;
  --help-muted: #a5a9b1;
  --help-line: #343a40;
  --help-soft: #0a0c0f;
  background:
    radial-gradient(circle at 8% 35%, rgba(246, 201, 0, .045), transparent 23%),
    #050607;
  color: #f8fafc;
}

.mk-help-hero{padding:62px 0 54px}.mk-help-hero h1{font-size:clamp(2.25rem,4.4vw,4rem);margin:1rem 0}.mk-help-hero p{font-size:clamp(.98rem,1.5vw,1.15rem)}.mk-section-heading h2,.mk-model-panel h2{font-size:clamp(1.55rem,2.6vw,2.45rem)}

.mk-help-flow {
  width: 100%;
  max-width: 1880px;
  padding: 58px clamp(18px, 3vw, 48px) 90px;
}

.mk-flow-progress::before { border-color: #343a40; }
.mk-flow-progress b {
  color: #c7cbd1;
  background: #111417;
  border-color: #444a51;
}
.mk-flow-progress .is-active { color: #fff; }
.mk-flow-progress .is-active b {
  color: #050505;
  background: var(--help-yellow);
  border-color: var(--help-yellow);
  box-shadow: 0 0 25px rgba(246, 201, 0, .27);
}

.mk-section-heading > div > span,
.mk-model-panel > div > span { color: var(--help-yellow); }
.mk-section-heading > p,
.mk-selection-copy { color: #b4b7bd !important; }

.mk-problem-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.mk-problem-card {
  position: relative;
  min-height: 226px;
  align-items: center;
  overflow: hidden;
  padding: 16px 15px 11px;
  text-align: center;
  color: #fff;
  border: 1px solid #50555b;
  border-radius: 15px;
  background:
    radial-gradient(circle at 50% 20%, rgba(255, 255, 255, .055), transparent 30%),
    linear-gradient(145deg, #111518, #080a0c 75%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .035),
    0 15px 32px rgba(0, 0, 0, .28);
}

.mk-problem-card::after {
  content: "";
  position: absolute;
  right: 16px;
  bottom: -1px;
  left: 16px;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--help-yellow) 15%, var(--help-yellow) 85%, transparent);
  box-shadow: 0 -3px 14px rgba(246, 201, 0, .18);
}

.mk-problem-card > i {
  width: 68px;
  height: 68px;
  flex: 0 0 68px;
  margin: 0 auto 10px;
  border: 1px solid #3d4247;
  border-radius: 50%;
  color: var(--help-yellow);
  background:
    radial-gradient(circle, rgba(246, 201, 0, .13) 0, rgba(246, 201, 0, .035) 48%, transparent 67%),
    #111417;
  box-shadow:
    inset 0 0 28px rgba(246, 201, 0, .1),
    0 0 0 6px rgba(255, 255, 255, .022),
    0 0 22px rgba(246, 201, 0, .1);
  font-size: 2.15rem;
  line-height: 1;
  transition: transform .22s ease, box-shadow .22s ease;
}

.mk-problem-card strong {
  max-width: 210px;
  min-height: 2.2em;
  margin: 1px auto 5px;
  font-size: clamp(.92rem, 1.05vw, 1.08rem);
  line-height: 1.12;
  letter-spacing: -.025em;
  font-weight: 900;
}

.mk-problem-card > span {
  max-width: 235px;
  margin: 0 auto 9px;
  color: #aeb1b7;
  font-size: .72rem;
  line-height: 1.35;
}

.mk-problem-card small {
  display: flex;
  width: 100%;
  min-height: 32px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: auto;
  padding: 6px 10px;
  color: var(--help-yellow);
  border: 1px solid #24292e;
  border-radius: 9px;
  background: linear-gradient(180deg, #0e1114, #080a0c);
  font-size: .72rem;
  font-weight: 900;
}

.mk-problem-card small i {
  font-size: .9rem;
  transition: transform .2s ease;
}

.mk-problem-card:hover,
.mk-problem-card:focus-visible {
  border-color: #747a80;
  background:
    radial-gradient(circle at 50% 20%, rgba(246, 201, 0, .07), transparent 32%),
    linear-gradient(145deg, #151a1e, #090b0d 75%);
  box-shadow: 0 22px 55px rgba(0, 0, 0, .48);
}
.mk-problem-card:hover > i,
.mk-problem-card:focus-visible > i {
  color: #ffe24f;
  background:
    radial-gradient(circle, rgba(246, 201, 0, .2), rgba(246, 201, 0, .04) 55%, transparent 70%),
    #111417;
  transform: scale(1.045);
  box-shadow: inset 0 0 35px rgba(246, 201, 0, .17), 0 0 42px rgba(246, 201, 0, .2);
}
.mk-problem-card:hover small i { transform: translateX(5px); }

.mk-brand-card {
  height: 112px;
  color: #fff;
  border-color: #40464c;
  background: linear-gradient(145deg, #12161a, #090b0d);
}
.mk-brand-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.mk-brand-card span{color:var(--help-yellow);font-size:2rem}.mk-brand-logo{display:grid;place-items:center;width:100%;height:48px}.mk-brand-logo img{display:block;width:min(92px,78%);height:42px;object-fit:contain;filter:drop-shadow(0 5px 12px rgba(0,0,0,.32))}.mk-brand-wordmark{color:#fff;font-size:1.15rem;letter-spacing:.06em}
.mk-brand-card:hover,
.mk-brand-card:focus-visible {
  color: #fff;
  border-color: var(--help-yellow);
  background: #15191d;
  box-shadow: 0 16px 38px rgba(0, 0, 0, .45);
}

.mk-flow-back,
.mk-flow-reset { color: #b4b7bd; }
.mk-flow-back:hover,
.mk-flow-reset:hover { color: var(--help-yellow); }

.mk-model-panel {
  max-width: 820px;
  padding: clamp(24px,3vw,38px);
  color: #fff;
  border-color: #3e454d;
  background: linear-gradient(145deg, #12161a, #080a0c);
  box-shadow: 0 24px 70px rgba(0, 0, 0, .48);
}
.mk-model-panel p { color: #aeb1b7; }
.mk-model-panel input {
  color: #fff;
  border-color: #454b52;
  background: #080a0c;
}
.mk-model-panel input::placeholder { color: #747980; }
.mk-model-grid button,.mk-model-grid .mk-model-link{color:#fff!important;border:1px solid #4b535c!important;background:#11161b!important;box-shadow:none!important}.mk-model-grid button:hover,.mk-model-grid button:focus-visible,.mk-model-grid .mk-model-link:hover,.mk-model-grid .mk-model-link:focus-visible{color:#090b0d!important;border-color:var(--help-yellow)!important;background:var(--help-yellow)!important;box-shadow:0 0 0 4px rgba(246,201,0,.14)!important}.mk-model-grid .mk-result-empty{grid-column:1/-1;color:#c8cbd0;background:#0b0e11}.mk-model-limit{color:#8f949b}
.mk-result-icon {
  color: #060606;
  box-shadow: 0 0 32px rgba(246, 201, 0, .23);
}

.mk-real-cases { background: #0a0c0f; }
.mk-case-card {
  color: #fff;
  border-color: #343a40;
  background: #111417;
}
.mk-case-device { color: #e1e4e8; }
.mk-case-body > p:not(.mk-case-device) { color: #aeb1b7; }
.mk-case-link { border-color: #343a40; color: var(--help-yellow); }
.mk-cases-empty {
  color: #fff;
  border-color: #454b52;
  background: #111417;
}
.mk-cases-empty p { color: #aeb1b7; }
.mk-help-disclaimer { color: #3f3100; }

.mk-real-cases{padding:48px 0}.mk-real-cases .mk-section-heading{align-items:center}.mk-real-cases .mk-section-heading h2{font-size:clamp(1.7rem,2.7vw,2.5rem);line-height:1.08}.mk-cases-showcase{padding:26px 24px 18px;overflow:hidden;border:1px solid #343a40;border-radius:19px;background:radial-gradient(circle at 50% 10%,#ffffff08,transparent 36%),#0d1013}.mk-cases-showcase>h3{text-align:center;margin:0 0 20px;color:#f4f4f5;font-size:1.05rem;font-weight:850}.mk-cases-carousel-wrap{position:relative}.mk-cases-carousel{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 42px)/4);grid-template-rows:172px;gap:14px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab;overscroll-behavior-inline:contain}.mk-cases-carousel:has(> .mk-case-card:only-child){grid-auto-columns:min(100%,510px);justify-content:center}.mk-cases-carousel.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}.mk-cases-carousel::-webkit-scrollbar{display:none}.mk-cases-carousel .mk-case-card{display:grid;grid-template-columns:minmax(0,45%) minmax(0,55%);width:100%;min-width:0;min-height:172px;scroll-snap-align:start;border-radius:13px}.mk-cases-carousel .mk-case-gallery{display:block;width:100%;min-width:0;max-height:none;height:172px;min-height:0;aspect-ratio:auto}.mk-cases-carousel .mk-case-gallery figure{width:100%;height:100%;min-width:0}.mk-cases-carousel .mk-case-gallery img,.mk-cases-carousel .mk-case-gallery video{display:block;width:100%;height:100%;object-fit:cover}.mk-cases-carousel .mk-case-body{display:flex;flex-direction:column;overflow:hidden;min-width:0;padding:15px}.mk-cases-carousel .mk-case-body>span{overflow:hidden;color:var(--help-yellow);font-size:.76rem;font-weight:850;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap}.mk-cases-carousel .mk-case-device{overflow:hidden;margin:.42rem 0 .25rem;color:#fff;font-size:.82rem;text-overflow:ellipsis;white-space:nowrap}.mk-cases-carousel .mk-case-body>p:not(.mk-case-device){display:-webkit-box;overflow:hidden;margin:0;color:#aeb1b7;font-size:.72rem;line-height:1.4;-webkit-line-clamp:2;-webkit-box-orient:vertical}.mk-cases-carousel .mk-case-body>small{overflow:hidden;margin-top:.42rem;color:#979ca3;font-size:.65rem;text-overflow:ellipsis;white-space:nowrap}.mk-cases-carousel .mk-case-link{position:relative;z-index:4;justify-content:flex-start;max-width:100%;width:max-content;gap:10px;margin-top:auto;padding:.48rem .7rem;border:1px solid #3a4046;border-radius:8px;font-size:.7rem;pointer-events:auto}.mk-carousel-arrow{position:absolute;z-index:2;top:50%;display:grid;place-items:center;width:38px;height:38px;border:1px solid #4a5057;border-radius:50%;color:#fff;background:#171b20;transform:translateY(-50%);touch-action:none}.mk-carousel-arrow:disabled{opacity:0;pointer-events:none}.mk-carousel-prev{left:-19px}.mk-carousel-next{right:-19px}.mk-carousel-dots{display:flex;justify-content:center;gap:6px;margin:13px 0}.mk-carousel-dots i{width:7px;height:7px;border-radius:50%;background:#697078}.mk-carousel-dots i.is-active{width:20px;background:var(--help-yellow)}.mk-gallery-limit{display:flex;align-items:center;justify-content:center;gap:.55rem;margin:0 auto 15px;color:#8f949b;font-size:.72rem}.mk-gallery-limit i{color:var(--help-yellow)}.mk-case-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));overflow:hidden;border:1px solid #30363c;border-radius:13px;background:#111519}.mk-case-stats>div{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:9px;min-width:0;padding:14px;border-right:1px solid #30363c}.mk-case-stats>div:last-child{border-right:0}.mk-case-stats i{grid-row:1/3;align-self:center;color:var(--help-yellow);font-size:1.4rem}.mk-case-stats strong{overflow:hidden;color:#fff;font-size:1rem;text-overflow:ellipsis}.mk-case-stats span{overflow:hidden;color:#aeb1b7;font-size:.65rem;text-overflow:ellipsis}

@media (max-width: 1250px) {
  .mk-problem-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .mk-brand-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .mk-cases-carousel{grid-auto-columns:calc((100% - 28px)/3)}
  .mk-case-stats{grid-template-columns:repeat(3,1fr)}.mk-case-stats>div{border-bottom:1px solid #30363c}
}

@media (max-width: 900px) {
  .mk-problem-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mk-problem-card { min-height: 218px; }
  .mk-brand-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mk-cases-carousel{grid-auto-columns:calc((100% - 14px)/2)}.mk-case-stats{grid-template-columns:repeat(2,1fr)}
}

@media (max-width: 575px) {
  .mk-help-flow { padding-inline: 13px; }
  .mk-problem-grid { gap: 12px; }
  .mk-problem-card {
    min-height: 205px;
    padding: 13px 9px 8px;
    border-radius: 13px;
  }
  .mk-problem-card > i {
    width: 58px;
    height: 58px;
    flex-basis: 58px;
    margin-bottom: 8px;
    font-size: 1.75rem;
    box-shadow: inset 0 0 22px rgba(246, 201, 0, .12), 0 0 0 7px rgba(255, 255, 255, .02);
  }
  .mk-problem-card strong {
    min-height: 2.3em;
    font-size: .82rem;
  }
  .mk-problem-card > span {
    font-size: .64rem;
    line-height: 1.35;
  }
  .mk-problem-card small {
    min-height: 30px;
    padding: 5px;
    font-size: .66rem;
  }
  .mk-help-hero{padding:48px 0 42px}.mk-brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.mk-brand-card{height:96px}.mk-cases-showcase{padding:20px 12px 14px}.mk-cases-carousel{grid-auto-columns:86%}.mk-cases-carousel .mk-case-card{grid-template-columns:43% 57%;min-height:158px}.mk-cases-carousel .mk-case-gallery{height:158px;min-height:158px}.mk-carousel-prev{left:-7px}.mk-carousel-next{right:-7px}.mk-case-stats{grid-template-columns:1fr}.mk-case-stats>div{border-right:0}.mk-section-heading h2,.mk-model-panel h2{font-size:clamp(1.4rem,7vw,1.85rem)}
}