.mk-hero{
  position: relative;
  min-height: 360px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  overflow:hidden;
  background:#07080a;
}

.mk-hero-bg{ position:absolute; inset:0; z-index:0; }
.mk-hero-img{
  position:absolute; inset:0;
  width:100%; height:100%;
  object-fit: cover;
  display:block;
  filter: saturate(110%) contrast(105%);
}
.mk-hero-dim{
  position:absolute; inset:0;
  background: radial-gradient(70% 55% at 50% 40%, rgba(0,0,0,.20), rgba(0,0,0,.70));
}
.mk-hero-grain{
  position:absolute; inset:-50%;
  opacity:.10;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E");
  background-size: 220px 220px;
  transform: rotate(8deg);
  pointer-events:none;
}

.mk-hero-inner{
  position:relative;
  z-index:1;
  width: min(980px, calc(100% - 48px));
  padding: 78px 0 62px;
  text-align:center;
}

.mk-hero-inner,
.mk-hero-inner *{ color: rgba(255,255,255,.92); }

.mk-hero-kicker{
  font-size: 12px;
  letter-spacing: .14em;
  font-weight: 700;
  text-transform: uppercase;
  color: rgba(255,255,255,.74);
  margin-bottom: 10px;
}

.mk-hero-title{
  margin: 0 0 12px;
  font-size: clamp(34px, 4.2vw, 48px);
  letter-spacing: -0.02em;
  color: rgba(255,255,255,.90);
}

.mk-hero-sub{
  margin: 0;
  max-width: 90ch;
  margin-inline: auto;
  color: rgba(255,255,255,.78);
}

.mk-page{ padding: 0 0 12px; }

.mk-section{
  padding: 72px 0;
}

.mk-kicker{
  font-size: 12px;
  letter-spacing: .14em;
  font-weight: 700;
  color: rgba(15,23,42,.52);
  text-transform: uppercase;
  margin-bottom: 10px;
}

.mk-h2{
  margin: 0 0 14px;
  font-size: clamp(22px, 2.6vw, 28px);
  letter-spacing: -0.01em;
  color: rgba(15,23,42,.92);
}

.mk-h3{
  margin: 0 0 12px;
  font-size: 16px;
  letter-spacing: -0.01em;
  color: rgba(15,23,42,.92);
}

.mk-lead{
  margin: 0;
  color: rgba(15,23,42,.76);
  max-width: 92ch;
}

.mk-p{
  margin: 0;
  color: rgba(15,23,42,.78);
  max-width: 96ch;
}
.mk-p + .mk-p{ margin-top: 12px; }

.mk-split{
  display:grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 24px;
  align-items: start;
}

.mk-copy{
  margin-top: 18px;
  padding-top: 14px;
  border-top: 1px solid rgba(15,23,42,.10);
}

.mk-copy-title{
  font-size: 12px;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-weight: 700;
  color: rgba(15,23,42,.52);
  margin-bottom: 10px;
}

.mk-pre{
  margin: 0;
  padding: 12px 14px;
  border: 1px solid rgba(15,23,42,.12);
  border-radius: 12px;
  background: rgba(255,255,255,.70);
  color: rgba(15,23,42,.86);
  font: 500 13px/1.55 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  white-space: pre-wrap;
}

.mk-side{
  border-left: 1px solid rgba(15,23,42,.10);
  padding-left: 18px;
}

.mk-side-title{
  font-size: 12px;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-weight: 700;
  color: rgba(15,23,42,.52);
  margin: 2px 0 12px;
}

.mk-facts{
  display:flex;
  flex-direction: column;
  gap: 10px;
}

.mk-fact-k{
  font-size: 12px;
  color: rgba(15,23,42,.58);
  margin-bottom: 2px;
}

.mk-fact-v{
  font-size: 14px;
  color: rgba(15,23,42,.86);
}

.mk-link{
  color: rgba(15,23,42,.90);
  text-decoration: none;
  border-bottom: 1px solid rgba(15,23,42,.20);
}
.mk-link:hover{
  color: rgba(15,23,42,.96);
  border-bottom-color: rgba(15,23,42,.34);
}

.mk-hr{
  height: 1px;
  background: rgba(15,23,42,.10);
  width: 100%;
}

.mk-head{ margin-bottom: 22px; }

.mk-group + .mk-group{ margin-top: 34px; }

.mk-res{
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid rgba(15,23,42,.10);
}

.mk-res-item{
  display:flex;
  align-items:flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 0;
  border-bottom: 1px solid rgba(15,23,42,.10);
}

.mk-res-main{ min-width: 0; }
.mk-res-title{
  font-weight: 700;
  color: rgba(15,23,42,.92);
  letter-spacing: -0.01em;
}
.mk-res-desc{
  margin-top: 6px;
  color: rgba(15,23,42,.72);
  max-width: 92ch;
}

.mk-res-link{
  flex: 0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height: 36px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid rgba(15,23,42,.22);
  background: rgba(255,255,255,.92);
  text-decoration:none;
  font-size: 13px;
  color: rgba(15,23,42,.92);
  white-space: nowrap;
  margin-top: 2px;
}
.mk-res-link:hover{
  background: rgba(255,255,255,.98);
  border-color: rgba(15,23,42,.30);
  color: rgba(15,23,42,.96);
}

.mk-usage{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 22px;
  align-items: start;
  margin-top: 14px;
}

.mk-bullets{
  margin: 0;
  padding: 0 0 0 18px;
  color: rgba(15,23,42,.76);
}
.mk-bullets li{ margin: 8px 0; }

.mk-note{
  margin-top: 18px;
  padding-top: 14px;
  border-top: 1px solid rgba(15,23,42,.10);
  color: rgba(15,23,42,.72);
}

.mk-contact{
  margin-top: 14px;
  border-top: 1px solid rgba(15,23,42,.10);
}
.mk-contact-row{
  display:flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 0;
  border-bottom: 1px solid rgba(15,23,42,.10);
}
.mk-contact-k{
  font-size: 12px;
  letter-spacing: .10em;
  text-transform: uppercase;
  color: rgba(15,23,42,.52);
  white-space: nowrap;
}
.mk-contact-v{ color: rgba(15,23,42,.86); }

@media (max-width: 820px){
  .mk-hero-inner{
    width: min(980px, calc(100% - 36px));
    text-align: left;
    padding: 70px 0 58px;
  }
  .mk-hero-sub{ margin-inline: 0; }

  .mk-split{
    grid-template-columns: 1fr;
    gap: 18px;
  }
  .mk-side{
    border-left: 0;
    padding-left: 0;
    border-top: 1px solid rgba(15,23,42,.10);
    padding-top: 14px;
  }
  .mk-usage{ grid-template-columns: 1fr; }
}

@media (max-width: 720px){
  .mk-section{ padding: 64px 0; }

  .mk-res-item{
    flex-direction: column;
    gap: 10px;
  }
  .mk-res-link{ align-self: flex-start; }

  .mk-contact-row{
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }
}