.mk-svc{
  --bg:#FFFFFF;
  --surface:#F3F5FA;
  --ink:#3F5781;
  --accent:#021C4F;
  --border:#DEE4EF;
  --font-display:'Fraunces', serif;
  --font-body:'Inter', sans-serif;
}

.mk-svc :where(h1,h2,h3,h4,p,ul,li,button){ margin:0; padding:0; }
.mk-svc *{ box-sizing:border-box; }

.mk-svc-wrap{ max-width:1200px; margin:0 auto; padding-left:32px; padding-right:32px; }

.mk-eyebrow{
  display:flex; align-items:center; gap:10px;
  font-family:var(--font-body); font-weight:700; font-size:13px;
  letter-spacing:1.5px; text-transform:uppercase; color:var(--ink);
  margin-bottom:18px !important;
}
.mk-eyebrow .mk-dash{ display:inline-block; width:20px; height:1px; background:var(--ink); }
.mk-eyebrow.on-dark{ color:rgba(255,255,255,.75); }
.mk-eyebrow.on-dark .mk-dash{ background:rgba(255,255,255,.75); }

.mk-hero{ background:var(--bg); padding:96px 0 88px; }
.mk-hero-grid{ display:grid; grid-template-columns:1.2fr 1fr; gap:56px; align-items:end; }
.mk-hero h1{
  font-family:var(--font-display); font-weight:600; color:var(--accent);
  font-size:clamp(2.4rem,4.6vw,4rem); line-height:1.08; letter-spacing:-.01em;
  max-width:14ch;
}
.mk-lede{
  font-family:var(--font-display); font-style:italic; font-weight:500;
  color:var(--accent); font-size:1.25rem; margin-top:22px !important; max-width:32ch;
}
.mk-hero p.mk-body{
  font-family:var(--font-body); color:var(--ink); font-size:1rem; line-height:1.7;
  max-width:44ch; margin-top:16px !important;
}
.mk-stack-mini{ border-top:1px solid var(--border); }
.mk-stack-row{
  display:flex; align-items:baseline; gap:16px; padding:18px 0;
  border-bottom:1px solid var(--border);
}
.mk-stack-row .num{ font-family:var(--font-display); font-style:italic; font-weight:600; color:var(--accent); font-size:1.2rem; width:2ch; flex:none; }
.mk-stack-row .label{ font-family:var(--font-display); font-weight:600; color:var(--accent); font-size:1.1rem; }
.mk-stack-row .sub{ font-family:var(--font-body); color:var(--ink); font-size:.85rem; margin-top:2px !important; display:block; }

.mk-explorer{ background:var(--surface); padding:88px 0 104px; }
.mk-service{ border-top:1px solid var(--border); }
.mk-service:last-child{ border-bottom:1px solid var(--border); }
.mk-service summary{
  list-style:none; cursor:pointer; display:flex; align-items:baseline; gap:24px;
  padding:28px 0; -webkit-tap-highlight-color:transparent;
}
.mk-service summary::-webkit-details-marker{ display:none; }
.mk-service summary::marker{ content:''; }
.mk-s-index{ font-family:var(--font-display); font-style:italic; font-weight:600; color:var(--accent); opacity:.45; width:2.4ch; flex:none; font-size:1.4rem; }
.mk-service[open] .mk-s-index{ opacity:1; }
.mk-s-head{ flex:1; min-width:0; }
.mk-s-name{ font-family:var(--font-display); font-weight:600; color:var(--accent); font-size:1.4rem; }
.mk-s-tag{ font-family:var(--font-body); color:var(--ink); font-size:.92rem; margin-top:4px !important; }
.mk-s-toggle{ flex:none; width:26px; height:26px; position:relative; }
.mk-s-toggle::before,.mk-s-toggle::after{ content:''; position:absolute; background:var(--accent); top:50%; left:50%; }
.mk-s-toggle::before{ width:13px; height:1.5px; transform:translate(-50%,-50%); }
.mk-s-toggle::after{ width:1.5px; height:13px; transform:translate(-50%,-50%); transition:transform .2s ease, opacity .2s ease; }
.mk-service[open] .mk-s-toggle::after{ transform:translate(-50%,-50%) rotate(90deg); opacity:0; }
.mk-s-body{ padding:0 0 32px 2.4ch; display:grid; grid-template-columns:1fr 1fr; gap:36px; max-width:920px; }
.mk-s-body p{ font-family:var(--font-body); color:var(--ink); font-size:1rem; line-height:1.7; }
.mk-s-body ul{ list-style:none; columns:2; -webkit-columns:2; font-family:var(--font-body); font-size:.92rem; }
.mk-s-body li{ padding:9px 0; border-top:1px solid var(--border); color:var(--ink); }
.mk-s-body li:first-child,
.mk-s-body li:nth-child(2){ border-top:none; }

.mk-cta{ background:var(--accent); padding:96px 0; }
.mk-cta-inner{ display:flex; align-items:center; justify-content:space-between; gap:32px; flex-wrap:wrap; }
.mk-cta h2{ font-family:var(--font-display); font-weight:600; color:#fff; font-size:clamp(1.8rem,3.2vw,2.4rem); max-width:16ch; }

.mk-btn{
  display:inline-block; font-family:var(--font-body); font-weight:600; font-size:.95rem;
  padding:14px 30px; border-radius:999px; text-decoration:none; white-space:nowrap;
  background:var(--accent); color:#fff; border:1.5px solid var(--accent);
  transition:background .2s ease, color .2s ease;
}
.mk-btn:hover{ background:#03255f; border-color:#03255f; color:#fff; }
.mk-btn.on-dark{ background:#fff; color:var(--accent); border-color:#fff; }
.mk-btn.on-dark:hover{ background:transparent; color:#fff; }

@media (max-width:880px){
  .mk-svc-wrap{ padding-left:20px; padding-right:20px; }
  .mk-hero{ padding:64px 0 56px; }
  .mk-hero-grid{ grid-template-columns:1fr; gap:36px; }
  .mk-s-body{ grid-template-columns:1fr; padding-left:0; }
  .mk-cta-inner{ flex-direction:column; align-items:flex-start; }
}
