:root {
  --mk-ink: #0e1b2a; --mk-ink-soft: #3b4758; --mk-muted: #5b6675; --mk-soft: #f4f6fa; --mk-line: #dfe4ec; --mk-line-strong: #8c98ab; --mk-brand-900: #0b1f44; --mk-brand-700: #1a3f9a; --mk-brand: #2459d6; --mk-brand-tint: #eaf0ff; --mk-amber: #f5b53d; --mk-ok: #1d7044; --mk-ok-bg: #e6f4ec; --mk-bad: #b42318; --mk-bad-bg: #fdecea; --mk-warn: #7a4b00; --mk-warn-bg: #fff5dc; --mk-grad: linear-gradient(135deg, #0b1f44 0%, #1a3f9a 60%, #2459d6 100%); --mk-r: 20px; --mk-r-sm: 12px; --mk-shadow: 0 1px 2px rgba(11, 31, 68, .06), 0 16px 40px -20px rgba(11, 31, 68, .28); --mk-wrap: 1200px; --mk-gutter: clamp(16px, 4vw, 32px); --mk-section-y: clamp(56px, 8vw, 104px); --mk-font: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif; --mk-ease: cubic-bezier(.2, .7, .2, 1);
}
.mkt-body {
  color: var(--mk-ink);
}
.mk-page {
  overflow-x: clip; font-family: var(--mk-font);
}
.mk-wrap {
  width: 100%; max-width: var(--mk-wrap); margin-inline: auto; padding-inline: var(--mk-gutter);
}
.mk-narrow {
  max-width: 820px;
}
.mk-sr {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}
.mk-muted {
  color: var(--mk-muted);
}
:where(.mk-page) a {
  color: var(--mk-brand-700); text-underline-offset: 3px;
}
:where(.mk-page) a:hover {
  color: var(--mk-brand-900);
}
.mk-page :focus-visible {
  outline: 3px solid var(--mk-brand); outline-offset: 3px; border-radius: 6px;
}
.mk-h1, .mk-h2, .mk-h3, .mk-tile__title, .mk-step__title, .mk-tpl__title, .mk-plan__name {
  font-family: var(--mk-font); color: var(--mk-ink); margin: 0; text-wrap: balance;
}
.mk-h1 {
  font-size: clamp(2.2rem, 1.4rem + 3.4vw, 4.3rem); line-height: 1.04; letter-spacing: -.035em; font-weight: 800;
}
.mk-h2 {
  font-size: clamp(1.7rem, 1.2rem + 2.2vw, 2.9rem); line-height: 1.1; letter-spacing: -.025em; font-weight: 800;
}
.mk-h2--small {
  font-size: clamp(1.4rem, 1.1rem + 1vw, 1.8rem); margin-bottom: 16px;
}
.mk-h3 {
  font-size: 1.2rem; font-weight: 700; margin: 28px 0 8px; letter-spacing: -.01em;
}
.mk-lead {
  font-size: clamp(1.05rem, 1rem + .3vw, 1.25rem); line-height: 1.6; color: var(--mk-ink-soft); margin: 20px 0 0; max-width: 60ch; text-wrap: pretty;
}
.mk-eyebrow {
  display: flex; align-items: center; gap: 10px; margin: 0 0 20px; color: var(--mk-muted); font-size: .8125rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase;
}
.mk-eyebrow::before {
  content: ""; width: 24px; height: 2px; background: var(--mk-brand);
}
.mk-note {
  color: var(--mk-muted); font-size: .95rem; margin: 20px 0 0; line-height: 1.6;
}
.mk-note--center {
  text-align: center;
}
.mk-hint {
  color: var(--mk-muted); font-size: .9rem; margin: 8px 0 0; line-height: 1.5;
}
.mk-actions {
  display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px;
}
.mk-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 44px; padding: 10px 20px; border-radius: 12px; border: 1px solid transparent; font: 600 1rem/1.2 var(--mk-font); text-decoration: none; cursor: pointer; text-align: center; transition: transform .2s var(--mk-ease), background-color .2s, border-color .2s, box-shadow .2s, color .2s;
}
.mk-btn:hover {
  transform: translateY(-1px); text-decoration: none;
}
.mk-btn:focus-visible {
  outline: 3px solid var(--mk-brand); outline-offset: 3px;
}
.mk-btn--primary {
  background: var(--mk-brand); color: #fff; box-shadow: 0 12px 24px -14px rgba(36, 89, 214, .8);
}
.mk-btn--primary:hover {
  background: var(--mk-brand-700); color: #fff;
}
.mk-btn--ghost {
  background: #fff; color: var(--mk-ink); border-color: var(--mk-line-strong);
}
.mk-btn--ghost:hover {
  border-color: var(--mk-brand); color: var(--mk-brand-700);
}
.mk-btn--light {
  background: #fff; color: var(--mk-brand-900);
}
.mk-btn--light:hover {
  background: var(--mk-brand-tint); color: var(--mk-brand-900);
}
.mk-btn--lg {
  min-height: 52px; padding: 14px 26px; font-size: 1.0625rem;
}
.mk-btn--block {
  width: 100%; margin-top: 4px;
}
.mk-btn--arrow::after {
  content: ""; width: 7px; height: 7px; margin-left: 2px; flex: 0 0 auto; border-top: 2px solid currentColor; border-right: 2px solid currentColor; transform: rotate(45deg); transition: transform .2s var(--mk-ease);
}
.mk-btn--arrow:hover::after {
  transform: rotate(45deg) translate(2px, -2px);
}
.mk-hero {
  position: relative; isolation: isolate; overflow: hidden; padding-block: clamp(48px, 9vw, 112px) clamp(40px, 6vw, 72px);
}
.mk-hero::before {
  content: ""; position: absolute; inset: 0; z-index: -1; background: #fff; border-bottom: 1px solid var(--mk-line);
}
.mk-hero::after {
  content: none;
}
.mk-hero--compact {
  padding-block: clamp(40px, 6vw, 64px) clamp(24px, 4vw, 40px);
}
.mk-hero__grid {
  display: grid; gap: 48px; align-items: center;
}
.mk-hero__copy .mk-note {
  margin-top: 16px;
}
.mk-trust {
  list-style: none; margin: 36px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 10px 18px; color: var(--mk-ink-soft); font-size: .95rem;
}
.mk-trust li {
  display: inline-flex; align-items: center; gap: 8px; font-weight: 500;
}
.mk-trust li svg {
  color: var(--mk-brand); flex: 0 0 auto;
}
@keyframes mk-pulse {
  0%, 100% {
  opacity: 1; transform: scale(1);
}
50% {
  opacity: .5; transform: scale(.85);
}
}
.mk-mockup {
  position: relative; background: #fff; border: 1px solid var(--mk-line); border-radius: var(--mk-r); box-shadow: 0 24px 48px -12px rgba(11, 31, 68, .22), 0 0 0 1px rgba(11, 31, 68, .05); overflow: hidden; transition: transform .35s var(--mk-ease), box-shadow .35s var(--mk-ease);
}
.mk-mockup:hover {
  transform: translateY(-4px); box-shadow: 0 32px 64px -16px rgba(11, 31, 68, .28), 0 0 0 1px rgba(36, 89, 214, .15);
}
.mk-mockup__header {
  display: flex; align-items: center; gap: 12px; padding: 12px 16px; background: #f8fafc; border-bottom: 1px solid var(--mk-line);
}
.mk-mockup__dots {
  display: flex; gap: 6px;
}
.mk-mockup__dot {
  width: 10px; height: 10px; border-radius: 50%; display: inline-block;
}
.mk-mockup__dot--red {
  background: #ef4444;
}
.mk-mockup__dot--yellow {
  background: #f59e0b;
}
.mk-mockup__dot--green {
  background: #10b981;
}
.mk-mockup__address {
  display: inline-flex; align-items: center; gap: 6px; flex: 1; max-width: 260px; padding: 4px 12px; border-radius: 999px; background: #fff; border: 1px solid var(--mk-line); font-size: .8rem; color: var(--mk-ink-soft); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.mk-mockup__address svg {
  color: var(--mk-ok); flex: 0 0 auto;
}
.mk-mockup__actions {
  margin-left: auto; display: flex; align-items: center;
}
.mk-mockup__content {
  position: relative; overflow: hidden; aspect-ratio: 16 / 10; background: #0e1b2a;
}
.mk-mockup__content img {
  display: block; width: 100%; height: 100%; object-fit: cover; object-position: top center; transition: transform .6s var(--mk-ease);
}
.mk-mockup:hover .mk-mockup__content img {
  transform: scale(1.02);
}
.mk-mockup__caption {
  margin: 14px 0 0; font-size: .875rem; color: var(--mk-muted); text-align: center;
}
.mk-float-card {
  position: absolute; display: flex; align-items: center; gap: 12px; padding: 10px 14px; background: rgba(255, 255, 255, .96); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); border: 1px solid rgba(255, 255, 255, .8); border-radius: 14px; box-shadow: 0 12px 28px -6px rgba(11, 31, 68, .22), 0 0 0 1px rgba(11, 31, 68, .06); z-index: 2; transition: transform .3s var(--mk-ease);
}
.mk-float-card:hover {
  transform: scale(1.03);
}
.mk-float-card--top {
  top: 16px; left: 16px;
}
.mk-float-card--bottom {
  bottom: 16px; right: 16px;
}
.mk-float-card__icon {
  display: grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; background: var(--mk-brand-tint); color: var(--mk-brand); flex: 0 0 auto;
}
.mk-float-card__icon--green {
  background: var(--mk-ok-bg); color: var(--mk-ok);
}
.mk-float-card__body {
  display: flex; flex-direction: column; line-height: 1.3;
}
.mk-float-card__body strong {
  font-size: .8125rem; font-weight: 700; color: var(--mk-ink);
}
.mk-float-card__body span {
  font-size: .75rem; color: var(--mk-ink-soft);
}
.mk-section {
  padding-block: var(--mk-section-y);
}
.mk-section--soft {
  background: var(--mk-soft);
}
.mk-head {
  max-width: 760px; margin-bottom: clamp(28px, 4vw, 44px);
}
.mk-head .mk-lead {
  margin-top: 14px;
}
.mk-head--center {
  margin-inline: auto; text-align: center;
}
.mk-head--center .mk-lead {
  margin-inline: auto;
}
.mk-split {
  display: grid; gap: 28px; align-items: start;
}
.mk-aside {
  order: 2;
}
.mk-chips {
  list-style: none; margin: 0 0 24px; padding: 0; display: flex; flex-wrap: wrap; gap: 8px;
}
.mk-chips--small {
  margin: 0 0 16px;
}
.mk-chip {
  display: inline-flex; align-items: center; min-height: 40px; padding: 8px 16px; border-radius: 999px; background: #fff; border: 1px solid var(--mk-line-strong); color: var(--mk-ink); font-weight: 600; font-size: .9rem; text-decoration: none; transition: border-color .2s, background-color .2s, color .2s;
}
.mk-chip:hover {
  border-color: var(--mk-brand); color: var(--mk-brand-700);
}
.mk-chip--active, .mk-chip--active:hover {
  background: var(--mk-brand); border-color: var(--mk-brand); color: #fff;
}
.mk-chip--static {
  min-height: 30px; padding: 4px 12px; font-size: .8125rem; font-weight: 600; cursor: default; color: var(--mk-ink-soft);
}
.mk-chip--static:hover {
  border-color: var(--mk-line-strong); color: var(--mk-ink-soft);
}
.mk-crumbs ol {
  list-style: none; margin: 0 0 18px; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; font-size: .9rem; color: var(--mk-muted);
}
.mk-crumbs li + li::before {
  content: "/"; margin-right: 6px; color: var(--mk-line-strong);
}
.mk-crumbs a {
  color: var(--mk-muted);
}
.mk-crumbs [aria-current="page"] {
  color: var(--mk-ink-soft); font-weight: 600;
}
.mk-bento {
  display: grid; gap: 16px; grid-template-columns: 1fr;
}
.mk-tile {
  position: relative; display: flex; flex-direction: column; gap: 10px; padding: clamp(22px, 2.4vw, 30px); background: #fff; border: 1px solid var(--mk-line); border-radius: var(--mk-r); box-shadow: 0 1px 2px rgba(11, 31, 68, .04); transition: transform .25s var(--mk-ease), box-shadow .25s var(--mk-ease), border-color .25s;
}
.mk-tile:hover {
  transform: translateY(-3px); box-shadow: var(--mk-shadow); border-color: #c6d4ef;
}
.mk-tile--dark {
  background: var(--mk-brand-900); border-color: transparent; color: #fff;
}
.mk-tile--dark:hover {
  border-color: transparent;
}
.mk-tile--dark .mk-tile__text {
  color: #e4ebfb;
}
.mk-tile__icon {
  display: grid; place-items: center; width: 44px; height: 44px; border-radius: 12px; background: var(--mk-brand-tint); color: var(--mk-brand-700); flex: 0 0 auto;
}
.mk-tile--dark .mk-tile__icon {
  background: rgba(255, 255, 255, .14); color: #fff;
}
.mk-tile__title {
  font-size: 1.1875rem; font-weight: 700; letter-spacing: -.01em;
}
.mk-tile--dark .mk-tile__title {
  color: #fff;
}
.mk-tile__text {
  margin: 0; color: var(--mk-ink-soft); font-size: .975rem; line-height: 1.55;
}
.mk-tile__list {
  margin: 8px 0 0; padding: 0; list-style: none; display: grid; gap: 6px; color: #e4ebfb; font-size: .95rem;
}
.mk-tile__list li::before {
  content: "— "; color: var(--mk-amber);
}
.mk-grid {
  display: grid; gap: 16px; grid-template-columns: 1fr;
}
.mk-card {
  display: flex; flex-direction: column; gap: 10px; height: 100%; padding: clamp(22px, 2.4vw, 28px); background: #fff; border: 1px solid var(--mk-line); border-radius: var(--mk-r); box-shadow: 0 1px 2px rgba(11, 31, 68, .04); transition: transform .25s var(--mk-ease), box-shadow .25s, border-color .25s;
}
.mk-card--link {
  color: inherit; text-decoration: none;
}
.mk-card--link:hover {
  transform: translateY(-3px); box-shadow: var(--mk-shadow); border-color: #c6d4ef; color: inherit;
}
.mk-card__icon {
  display: grid; place-items: center; width: 44px; height: 44px; border-radius: 12px; background: var(--mk-brand-tint); color: var(--mk-brand-700); flex: 0 0 auto;
}
.mk-card__title {
  font-size: 1.2rem; font-weight: 700; letter-spacing: -.01em; margin: 0; color: var(--mk-ink);
}
.mk-card__text {
  margin: 0; color: var(--mk-ink-soft); font-size: .975rem; line-height: 1.55;
}
.mk-card__more {
  margin-top: auto; padding-top: 10px; font-weight: 600; color: var(--mk-brand-700); font-size: .95rem;
}
.mk-card--sector {
  padding: 0; overflow: hidden;
}
.mk-card__thumb {
  position: relative; aspect-ratio: 16 / 9; background: var(--mk-soft); overflow: hidden; border-bottom: 1px solid var(--mk-line);
}
.mk-card__thumb img {
  display: block; width: 100%; height: 100%; object-fit: cover; object-position: top center; transition: transform .5s var(--mk-ease);
}
.mk-card--sector:hover .mk-card__thumb img {
  transform: scale(1.04);
}
.mk-card__thumb-badge {
  position: absolute; top: 12px; left: 12px; padding: 4px 10px; border-radius: 999px; background: rgba(14, 27, 42, .88); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); color: #fff; font-size: .75rem; font-weight: 700;
}
.mk-card__content {
  display: flex; flex-direction: column; gap: 10px; padding: 20px; flex: 1;
}
.mk-card__header {
  display: flex; align-items: center; gap: 12px;
}
.mk-card__footer {
  display: flex; align-items: center; justify-content: space-between; margin-top: auto; padding-top: 12px; border-top: 1px solid var(--mk-line);
}
.mk-card__badge-count {
  font-size: .75rem; font-weight: 600; color: var(--mk-muted); background: var(--mk-soft); padding: 3px 8px; border-radius: 6px;
}
.mk-steps {
  list-style: none; margin: 0; padding: 0; display: grid; gap: 28px;
}
.mk-step {
  position: relative; min-height: 52px; padding-left: 72px;
}
.mk-step__num {
  position: absolute; left: 0; top: 0; display: grid; place-items: center; width: 52px; height: 52px; border-radius: 16px; background: var(--mk-brand); color: #fff; font-weight: 800; font-size: 1.1rem; box-shadow: 0 12px 24px -14px rgba(36, 89, 214, .8);
}
.mk-step__title {
  font-size: 1.15rem; font-weight: 700; letter-spacing: -.01em; padding-top: 2px;
}
.mk-step p {
  margin: 6px 0 0; color: var(--mk-ink-soft); line-height: 1.55;
}
.mk-step:not(:last-child)::after {
  content: ""; position: absolute; left: 25px; top: 56px; bottom: -28px; width: 2px; background: var(--mk-line);
}
.mk-filter-wrap {
  display: flex; flex-direction: column; gap: 16px;
}
.mk-filter-radio {
  position: absolute; opacity: 0; pointer-events: none; width: 0; height: 0;
}
.mk-filter-nav {
  display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin-bottom: 8px;
}
.mk-chip--filter {
  cursor: pointer; user-select: none; font-weight: 600; transition: all .2s var(--mk-ease);
}
#mk-f-all:checked ~ .mk-filter-nav label[for="mk-f-all"],
#mk-f-insaat:checked ~ .mk-filter-nav label[for="mk-f-insaat"],
#mk-f-mimarlik:checked ~ .mk-filter-nav label[for="mk-f-mimarlik"],
#mk-f-sanayi:checked ~ .mk-filter-nav label[for="mk-f-sanayi"] {
  background: var(--mk-brand); border-color: var(--mk-brand); color: #fff; box-shadow: 0 4px 12px rgba(36, 89, 214, .3);
}
#mk-f-insaat:checked ~ .mk-strip .mk-tpl:not([data-sector="insaat"]),
#mk-f-mimarlik:checked ~ .mk-strip .mk-tpl:not([data-sector="mimarlik"]),
#mk-f-sanayi:checked ~ .mk-strip .mk-tpl:not([data-sector="sanayi"]) {
  display: none;
}
.mk-strip {
  display: flex; gap: 20px; overflow-x: auto; scroll-snap-type: x mandatory; margin-inline: calc(var(--mk-gutter) * -1); padding: 6px var(--mk-gutter) 24px; scroll-padding-inline: var(--mk-gutter); -webkit-overflow-scrolling: touch; scrollbar-width: thin;
}
.mk-strip > * {
  flex: 0 0 min(80vw, 340px); scroll-snap-align: start;
}
.mk-tpl {
  display: flex; flex-direction: column; overflow: hidden; background: #fff; border: 1px solid var(--mk-line); border-radius: var(--mk-r); box-shadow: 0 1px 2px rgba(11, 31, 68, .04); transition: box-shadow .25s var(--mk-ease), transform .25s var(--mk-ease);
}
.mk-tpl:hover {
  box-shadow: var(--mk-shadow); transform: translateY(-3px);
}
.mk-tpl__media {
  position: relative; aspect-ratio: 16 / 10; background: var(--mk-soft); border-bottom: 1px solid var(--mk-line); overflow: hidden;
}
.mk-tpl__media img {
  display: block; width: 100%; height: 100%; object-fit: cover; object-position: top center; transition: transform .6s var(--mk-ease);
}
.mk-tpl:hover .mk-tpl__media img {
  transform: scale(1.025);
}
.mk-tpl__media-overlay {
  position: absolute; inset: 0; background: rgba(14, 27, 42, .45); backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px); display: flex; align-items: center; justify-content: center; opacity: 0; pointer-events: none; transition: opacity .25s var(--mk-ease);
}
.mk-tpl:hover .mk-tpl__media-overlay {
  opacity: 1; pointer-events: auto;
}
.mk-tpl__media-placeholder {
  display: grid; place-items: center; height: 100%; color: var(--mk-muted); font-size: .9rem; font-weight: 600;
}
.mk-tpl__body {
  display: flex; flex: 1; flex-direction: column; gap: 10px; padding: 18px 20px 20px;
}
.mk-tpl__title {
  font-size: 1.125rem; font-weight: 700; letter-spacing: -.01em;
}
.mk-tpl__text {
  margin: 0; color: var(--mk-ink-soft); font-size: .95rem; line-height: 1.5;
}
.mk-tpl__meta {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; margin-top: auto; padding-top: 6px;
}
.mk-tpl__body .mk-btn {
  margin-top: 6px;
}
.mk-tpl__actions {
  display: flex; gap: 8px; margin-top: 10px;
}
.mk-tpl__actions .mk-btn {
  flex: 1; text-align: center; justify-content: center;
}
.mk-tag {
  display: inline-flex; align-self: flex-start; width: fit-content; padding: 2px 8px; border: 1px solid var(--mk-line-strong); border-radius: 6px; background: #fff; color: var(--mk-ink-soft); font-size: .8125rem; font-weight: 600;
}
.mk-swatches {
  display: flex; gap: 6px; list-style: none; margin: 0; padding: 0;
}
.mk-swatch {
  width: 18px; height: 18px; border-radius: 50%; border: 1px solid rgba(11, 31, 68, .2);
}
.mk-tpl .mk-chips {
  margin: 0;
}
.mk-problems {
  list-style: none; margin: 0; padding: 0; display: grid; gap: 12px;
}
.mk-problems li {
  display: flex; gap: 14px; align-items: flex-start; padding: 18px 20px; background: #fff; border: 1px solid var(--mk-line); border-radius: var(--mk-r-sm); line-height: 1.55;
}
.mk-problems svg {
  flex: 0 0 auto; margin-top: 2px; color: #9a5b00;
}
.mk-pages {
  list-style: none; margin: 0; padding: 0; display: grid; gap: 10px;
}
.mk-pages li {
  display: flex; align-items: center; gap: 12px; min-height: 48px; padding: 12px 16px; background: #fff; border: 1px solid var(--mk-line); border-radius: var(--mk-r-sm); font-weight: 600;
}
.mk-pages li::before {
  content: ""; width: 10px; height: 10px; border-radius: 3px; flex: 0 0 auto; background: var(--mk-brand);
}
.mk-list {
  margin: 20px 0 0; padding: 0; list-style: none; display: grid; gap: 10px;
}
.mk-list li {
  position: relative; padding-left: 30px; color: var(--mk-ink-soft); line-height: 1.5;
}
.mk-list li::before {
  content: ""; position: absolute; left: 0; top: 2px; width: 18px; height: 18px; border-radius: 50%; background: var(--mk-brand-tint);
}
.mk-list li::after {
  content: ""; position: absolute; left: 6px; top: 6px; width: 4px; height: 8px; border: solid var(--mk-brand); border-width: 0 2px 2px 0; transform: rotate(45deg);
}
.mk-list--plain {
  margin-top: 24px;
}
.mk-list--plain li {
  padding-left: 0;
}
.mk-list--plain li::before, .mk-list--plain li::after {
  display: none;
}
.mk-list--plain li + li {
  margin-top: 0;
}
.mk-empty {
  padding: 28px; border: 1px dashed var(--mk-line-strong); border-radius: var(--mk-r); background: #fff; color: var(--mk-ink-soft);
}
.mk-empty__title {
  font-size: 1.1rem; font-weight: 700; color: var(--mk-ink); margin: 0 0 6px;
}
.mk-empty p {
  margin: 6px 0; line-height: 1.55;
}
.mk-plans {
  display: grid; gap: 20px; grid-template-columns: 1fr; align-items: stretch;
}
.mk-plan {
  position: relative; display: flex; flex-direction: column; padding: clamp(24px, 3vw, 32px); background: #fff; border: 1px solid var(--mk-line); border-radius: var(--mk-r); box-shadow: 0 1px 2px rgba(11, 31, 68, .04);
}
.mk-plan--highlight {
  border: 2px solid var(--mk-brand); box-shadow: var(--mk-shadow);
}
.mk-plan__tag {
  position: absolute; top: -13px; left: 24px; margin: 0; padding: 3px 10px; border: 1px solid var(--mk-ink); border-radius: 6px; background: #fff; color: var(--mk-ink); font-size: .8125rem; font-weight: 700;
}
.mk-plan__name {
  font-size: 1.3rem; font-weight: 700; letter-spacing: -.01em;
}
.mk-plan__price {
  margin: 16px 0 0; display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px;
}
.mk-plan__amount {
  font-size: 2.6rem; font-weight: 800; letter-spacing: -.03em; line-height: 1; color: var(--mk-ink);
}
.mk-plan__period {
  color: var(--mk-muted); font-weight: 600;
}
.mk-plan__vat {
  margin: 6px 0 0; font-size: .9rem; color: var(--mk-muted);
}
.mk-plan .mk-list {
  flex: 1 1 auto; margin-top: 22px;
}
.mk-plan .mk-btn {
  margin-top: 24px;
}
.mk-notice {
  display: flex; gap: 12px; align-items: flex-start; margin-bottom: 24px; padding: 16px 18px; border: 1px solid; border-radius: var(--mk-r-sm); line-height: 1.55;
}
.mk-notice p {
  margin: 0;
}
.mk-notice p + p {
  margin-top: 6px;
}
.mk-notice--info {
  background: var(--mk-brand-tint); border-color: #c7d6fb; color: var(--mk-ink);
}
.mk-notice--success {
  background: var(--mk-ok-bg); border-color: #b4e2c8; color: var(--mk-ok);
}
.mk-notice--error {
  background: var(--mk-bad-bg); border-color: #f1c1c1; color: var(--mk-bad);
}
.mk-notice--draft {
  background: var(--mk-warn-bg); border-color: #f2d88c; color: var(--mk-warn);
}
.mk-notice--draft p {
  color: var(--mk-warn);
}
.mk-notice--draft {
  margin-bottom: 24px;
}
.mk-table-wrap {
  overflow-x: auto; -webkit-overflow-scrolling: touch; background: #fff; border: 1px solid var(--mk-line); border-radius: var(--mk-r);
}
.mk-table {
  width: 100%; min-width: 560px; border-collapse: separate; border-spacing: 0; font-size: .95rem;
}
.mk-table th, .mk-table td {
  padding: 14px 16px; text-align: left; border-bottom: 1px solid var(--mk-line); vertical-align: middle;
}
.mk-table thead th {
  background: var(--mk-soft); font-weight: 700; color: var(--mk-ink);
}
.mk-table tbody th {
  font-weight: 600; color: var(--mk-ink-soft);
}
.mk-table td {
  color: var(--mk-ink-soft);
}
.mk-table tbody tr:last-child th, .mk-table tbody tr:last-child td {
  border-bottom: 0;
}
.mk-table tbody tr:hover td, .mk-table tbody tr:hover th {
  background: #fafbfe;
}
.mk-badge {
  display: inline-flex; align-items: center; padding: 2px 8px; border: 1px solid var(--mk-line-strong); border-radius: 6px; background: #fff; font-size: .8125rem; font-weight: 600; white-space: nowrap; color: var(--mk-ink-soft);
}
.mk-badge--ok {
  color: var(--mk-ok); border-color: var(--mk-ok);
}
.mk-badge--bad {
  color: var(--mk-bad); border-color: var(--mk-bad);
}
.mk-badge--muted {
  color: var(--mk-muted);
}
.mk-panel {
  background: #fff; border: 1px solid var(--mk-line); border-radius: var(--mk-r); padding: clamp(22px, 3vw, 36px); box-shadow: var(--mk-shadow);
}
.mk-form {
  display: grid; gap: 4px;
}
.mk-field {
  margin-bottom: 20px;
}
.mk-label {
  display: block; margin-bottom: 8px; font-weight: 600; color: var(--mk-ink);
}
.mk-input {
  display: block; width: 100%; min-height: 48px; padding: 12px 14px; border: 1px solid var(--mk-line-strong); border-radius: 12px; background: #fff; color: var(--mk-ink); font: 400 1rem/1.4 var(--mk-font); transition: border-color .2s, box-shadow .2s;
}
.mk-input::placeholder {
  color: #6b7689;
}
.mk-input:focus {
  outline: none; border-color: var(--mk-brand); box-shadow: 0 0 0 4px var(--mk-brand-tint);
}
.mk-input[aria-invalid="true"] {
  border-color: var(--mk-bad);
}
.mk-textarea {
  min-height: 150px; resize: vertical;
}
.mk-inline {
  display: flex; flex-wrap: wrap; gap: 12px;
}
.mk-inline .mk-input {
  flex: 1 1 220px; width: auto;
}
.mk-error {
  margin: 8px 0 0; color: var(--mk-bad); font-size: .9rem; font-weight: 500; line-height: 1.5;
}
.mk-check {
  display: flex; gap: 12px; align-items: flex-start; line-height: 1.55; color: var(--mk-ink-soft); cursor: pointer;
}
.mk-check input {
  flex: 0 0 auto; width: 20px; height: 20px; margin-top: 2px; accent-color: var(--mk-brand);
}
.mk-hp {
  position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden;
}
.mk-faq {
  display: grid; gap: 12px; max-width: 860px; margin-top: 28px;
}
.mk-faq__item {
  background: #fff; border: 1px solid var(--mk-line); border-radius: var(--mk-r-sm); transition: box-shadow .2s, border-color .2s;
}
.mk-faq__item[open] {
  border-color: #c6d4ef; box-shadow: var(--mk-shadow);
}
.mk-faq__item summary {
  position: relative; min-height: 52px; padding: 16px 56px 16px 20px; cursor: pointer; font-weight: 600; color: var(--mk-ink); list-style: none; border-radius: var(--mk-r-sm);
}
.mk-faq__item summary::-webkit-details-marker {
  display: none;
}
.mk-faq__item summary::after {
  content: ""; position: absolute; right: 24px; top: 50%; width: 9px; height: 9px; border-right: 2px solid var(--mk-brand); border-bottom: 2px solid var(--mk-brand); transform: translateY(-70%) rotate(45deg); transition: transform .2s var(--mk-ease);
}
.mk-faq__item[open] summary::after {
  transform: translateY(-30%) rotate(-135deg);
}
.mk-faq__item p {
  margin: 0; padding: 0 20px 20px; color: var(--mk-ink-soft); line-height: 1.6;
}
.mk-cta {
  position: relative; overflow: hidden; isolation: isolate; padding-block: var(--mk-section-y); background: var(--mk-soft); color: var(--mk-ink); border-top: 1px solid var(--mk-line);
}
.mk-cta::after {
  content: none;
}
.mk-cta .mk-h2 {
  color: var(--mk-ink);
}
.mk-cta .mk-lead {
  color: var(--mk-ink-soft);
}
.mk-cta .mk-btn--primary {
  background: var(--mk-brand); color: #fff; box-shadow: none;
}
.mk-cta .mk-btn--primary:hover {
  background: var(--mk-brand-700); color: #fff;
}
.mk-cta .mk-btn--light {
  background: #fff; color: var(--mk-ink); border-color: var(--mk-line-strong);
}
.mk-cta .mk-btn--light:hover {
  background: #fff; border-color: var(--mk-brand); color: var(--mk-brand-700);
}
.mk-cta .mk-actions {
  margin-top: 28px;
}
.mk-cta :focus-visible {
  outline-color: var(--mk-brand);
}
.mk-legal {
  font-size: 1rem; line-height: 1.7; color: var(--mk-ink-soft);
}
.mk-legal h2 {
  margin-top: 32px;
}
.mk-legal p {
  margin: 10px 0;
}
.mk-legal ul {
  margin: 10px 0; padding-left: 22px;
}
.mk-legal li + li {
  margin-top: 4px;
}
@keyframes mk-in {
  from {
  opacity: 0; translate: 0 18px;
}
to {
  opacity: 1; translate: 0 0;
}
}
@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) {
  .mk-reveal {
  animation: mk-in linear both; animation-timeline: view(); animation-range: entry 0% entry 40%;
}
}
}
@media (prefers-reduced-motion: reduce) {
  .mk-btn, .mk-tile, .mk-tpl, .mk-card, .mk-tpl__media img {
  transition: none;
}
.mk-btn:hover, .mk-tile:hover, .mk-tpl:hover, .mk-card--link:hover {
  transform: none;
}
}
@media (min-width: 640px) {
  .mk-bento {
  grid-template-columns: repeat(2, 1fr);
}
.mk-grid--2, .mk-grid--3 {
  grid-template-columns: repeat(2, 1fr);
}
.mk-plans {
  grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 960px) {
  .mk-hero__grid {
  grid-template-columns: 1.05fr .95fr; gap: 56px;
}
.mk-bento {
  grid-template-columns: repeat(3, 1fr);
}
.mk-bento > .mk-tile--wide {
  grid-column: span 2;
}
.mk-grid--3 {
  grid-template-columns: repeat(3, 1fr);
}
.mk-plans {
  grid-template-columns: repeat(3, 1fr);
}
.mk-split {
  grid-template-columns: 1fr 1fr; gap: 56px;
}
.mk-aside {
  order: 0;
}
.mk-steps {
  grid-template-columns: repeat(4, 1fr); gap: 24px;
}
.mk-step {
  padding-left: 0; padding-top: 72px;
}
.mk-step__num {
  top: 0; left: 0;
}
.mk-step__title {
  padding-top: 0;
}
.mk-step:not(:last-child)::after {
  top: 25px; left: 52px; right: -24px; bottom: auto; width: auto; height: 2px;
}
.mk-strip > * {
  flex-basis: 360px;
}
}
@media (max-width: 639px) {
  .mk-table-stack {
  min-width: 0;
}
.mk-table-stack thead {
  position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0);
}
.mk-table-stack, .mk-table-stack tbody, .mk-table-stack tr,
 .mk-table-stack th, .mk-table-stack td {
  display: block; width: 100%;
}
.mk-table-stack tr {
  padding: 14px 16px; border-bottom: 1px solid var(--mk-line);
}
.mk-table-stack tbody tr:last-child {
  border-bottom: 0;
}
.mk-table-stack th, .mk-table-stack td {
  padding: 5px 0; border: 0;
}
.mk-table-stack th {
  padding-bottom: 8px; font-size: 1.02rem;
}
.mk-table-stack td {
  display: flex; justify-content: space-between; align-items: center; gap: 12px;
}
.mk-table-stack td::before {
  content: attr(data-label); color: var(--mk-muted); font-weight: 600; font-size: .9rem;
}
.mk-table-stack tbody tr:hover td, .mk-table-stack tbody tr:hover th {
  background: none;
}
.mk-table-stack td .mk-btn {
  min-height: 40px; padding: 8px 14px;
}
}