/*
 * MNK / THE CLARITY SYSTEM   v44
 * Art direction first; glass is a physical accent that clarifies content.
 * Deliberately no global cards, no frosted sections, and no glass-on-glass.
 */
:root{
  --mnk44-ink:#102B3B;
  --mnk44-ivory:#FFFFFF;
  --mnk44-gold:#CAD3D9;
  --mnk44-soft:#607684;
  --mnk44-ease:cubic-bezier(.16,1,.3,1);
}
body[data-route="business-setup"]{background:var(--mnk44-ivory)}
body[data-route="business-setup"] .mnk30{--p:var(--mnk44-ivory)}

/* 01   The opening is a designed composition from its first frame. */
body[data-route="business-setup"] .mnk30-depth-curtain{
  align-items:stretch;
  background:var(--mnk44-ivory);
  overflow:hidden;
}
body[data-route="business-setup"] .mnk44-curtain-layout{
  position:relative;height:100%;
  display:flex;flex-direction:column;justify-content:flex-end;
  padding-top:40px;padding-bottom:clamp(35px,4vw,75px);
}
.mnk44-curtain-words{position:relative;z-index:2;max-width:1150px}
body[data-route="business-setup"] .mnk44-curtain-words h1{
  font-size:clamp(55px,5.3vw,103px);
  letter-spacing:-.073em;
  line-height:1.01;
  margin:25px 0 0;
  color:var(--mnk44-ink);
}
body[data-route="business-setup"] .mnk44-curtain-words h1 em{
  color:#CAD3D9;
}
.mnk44-curtain-bottom{
  display:flex;gap:clamp(24px,4vw,75px);
  align-items:flex-end;margin-top:clamp(28px,4vh,50px);
}
.mnk44-curtain-bottom p{
  margin:0;max-width:340px;color:#607684;
  font-size:clamp(15px,1.14vw,19px);line-height:1.5;
  letter-spacing:-.018em;
}
.mnk44-curtain-bottom a{
  display:inline-flex;align-items:center;gap:20px;flex-shrink:0;
  border-bottom:1px solid rgba(16,43,59,.6);
  padding-bottom:9px;
  font-size:13px;font-weight:650;color:#304551;
  transition:gap .35s var(--mnk44-ease),color .35s;
}
.mnk44-curtain-bottom a:hover{gap:30px;color:#607684}
.mnk44-curtain-bottom a:focus-visible{
  outline:2px solid var(--mnk44-gold);outline-offset:6px;
}
.mnk44-curtain-visual{
  position:absolute;z-index:1;top:clamp(29px,6.4vh,74px);right:0;
  width:clamp(260px,28vw,440px);
  height:clamp(190px,32vh,326px);
  margin:0;overflow:hidden;
  background:#304551;isolation:isolate;
  transform:translate3d(0,var(--mnk44-float,0px),0);
  transition:transform 1s var(--mnk44-ease);
}
.mnk44-curtain-visual img{
  display:block;width:100%;height:100%;object-fit:cover;
  object-position:center 47%;
  filter:saturate(.72) contrast(1.08);
  transform:scale(1.075) translate3d(var(--mnk44-image-x,0px),var(--mnk44-image-y,0px),0);
  transition:transform 1.3s var(--mnk44-ease);
}
.mnk44-curtain-visual::before{
  content:"";position:absolute;z-index:1;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(16,43,59,.05) 0%,transparent 40%,rgba(16,43,59,.44));
}
.mnk44-curtain-visual figcaption{
  position:absolute;z-index:2;bottom:14px;left:19px;right:19px;
  display:flex;justify-content:space-between;gap:10px;
  color:#FFFFFF;font-size:10px;letter-spacing:.09em;font-weight:650;
}
/* This one caption is the literal optical material: photographed context,
   a thin rim, localized specular highlight and very light frosted sampling. */
.mnk44-optic-caption{
  --mnk44-light:0;--mnk44-x:30%;--mnk44-y:0%;
  position:absolute;z-index:3;top:20px;right:19px;
  width:147px;padding:17px 19px;
  color:white;font-size:18px;line-height:1.13;
  letter-spacing:-.05em;font-weight:550;
  background:rgba(255,255,255,.13);
  border:1px solid rgba(255,255,255,.54);
  border-radius:19px;
  backdrop-filter:blur(9px) saturate(145%);
  -webkit-backdrop-filter:blur(9px) saturate(145%);
  box-shadow:inset 0 1px rgba(255,255,255,.36),0 10px 26px rgba(8,9,11,.13);
  transform:translate3d(0,var(--mnk44-caption-y,0px),0);
  transition:transform .65s var(--mnk44-ease),background .35s;
}
.mnk44-optic-caption::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  border-radius:inherit;
  background:radial-gradient(ellipse 100px 55px at var(--mnk44-x) var(--mnk44-y),
    rgba(255,255,255,.56),transparent 78%);
  opacity:calc(.12 + var(--mnk44-light)*.55);
}
.mnk44-edge-note{
  position:absolute;right:0;bottom:25px;z-index:2;
  display:flex;gap:19px;align-items:center;
  font-size:10px;letter-spacing:.13em;color:#607684;font-weight:650;
}
.mnk44-edge-note span{font-size:23px;font-weight:400}

/* 02   Three decisions become a precise, lively editorial control. */
body[data-route="business-setup"] .mnk31-intro-choices{
  margin-top:25px;max-width:850px;
}
body[data-route="business-setup"] .mnk31-intro-words{
  display:flex;flex-wrap:wrap;gap:clamp(10px,2vw,32px);
  padding-bottom:15px;
  border-bottom:1px solid rgba(48,69,81,.19);
}
body[data-route="business-setup"] .mnk31-intro-words button{
  position:relative;display:inline-block;
  padding:10px 0 17px;
  font-size:clamp(21px,2.5vw,41px);
  letter-spacing:-.054em;font-weight:450;
  opacity:.58;
  transition:color .35s,opacity .35s,transform .35s var(--mnk44-ease);
}
body[data-route="business-setup"] .mnk31-intro-words button[aria-pressed="true"]{
  color:#304551;opacity:1;transform:translateY(-3px);
}
body[data-route="business-setup"] .mnk31-intro-words button[aria-pressed="true"]::after{
  content:"";position:absolute;bottom:-16px;left:0;right:0;
  height:2px;background:#102B3B;
}
body[data-route="business-setup"] .mnk31-intro-detail{
  max-width:670px;min-height:3em;
  margin:27px 0 0;
  font-size:clamp(17px,1.5vw,24px);
  color:#607684;line-height:1.45;
}

/* 03   Adaptive floating material. Nav darkens over photographic chapters,
   then returns to the light document without an abrupt contrast inversion. */
body:not(.home-page) .topbar{
  transition:background .52s ease,border-color .52s ease,box-shadow .52s ease;
}
body:not(.home-page) .topbar.mnk44-over-dark{
  background:rgba(16,43,59,.72);
  border-bottom-color:rgba(255,255,255,.2);
  box-shadow:0 12px 36px rgba(8,9,11,.18);
  backdrop-filter:blur(22px) saturate(130%);
  -webkit-backdrop-filter:blur(22px) saturate(130%);
}
body:not(.home-page) .topbar.mnk44-over-dark .brand img{
  filter:brightness(0) invert(1);
}
body:not(.home-page) .topbar.mnk44-over-dark .nav-link{
  color:rgba(255,255,255,.82);
}
body:not(.home-page) .topbar.mnk44-over-dark .nav-link:is(:hover,.current){
  color:#F0F3F5;
}
body:not(.home-page) .topbar.mnk44-over-dark .nav-cta{
  background:rgba(255,255,255,.12);
  border-color:rgba(255,255,255,.42);
  color:#FFFFFF;
}
body:not(.home-page) .topbar.mnk44-over-dark .nav-cta:hover{
  background:rgba(255,255,255,.23);
}
body:not(.home-page) .topbar.mnk44-over-dark .menu-toggle{
  color:#FFFFFF;
}
body:not(.home-page) .topbar.mnk44-over-dark .burger i{
  background:#FFFFFF;
}
body:not(.home-page) .topbar.mnk44-over-dark .menu-toggle:hover{
  background:rgba(255,255,255,.13);
}

/* The comparison stays a typographic argument, not three white cards. */
body[data-route="business-setup"] .mnk30-compare-outcomes article{
  padding:12px 22px 20px 0;
  border-right:1px solid rgba(48,69,81,.12);
}
body[data-route="business-setup"] .mnk30-compare-outcomes article:last-child{
  border-right:0;
}
body[data-route="business-setup"] .mnk30-compare-outcomes strong{
  color:#304551;
}
body[data-route="business-setup"] .mnk30-compare-outcomes article:hover{
  transform:translateY(-4px);
}

/* A focused lens follows the current reality; the other choices are plain
   text. No continuous frosted bar across the photograph. */
body[data-route="business-setup"] .mnk30-route-tabs button[aria-current="step"]{
  position:relative;isolation:isolate;overflow:hidden;
  background:linear-gradient(140deg,rgba(255,255,255,.2),rgba(240,243,245,.08));
  border-color:rgba(255,255,255,.58);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.52),
    inset 0 -1px 0 rgba(220,228,234,.12),0 9px 27px rgba(8,9,11,.13);
}
body[data-route="business-setup"] .mnk30-route-tabs button[aria-current="step"]::before{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(125deg,rgba(255,255,255,.24),transparent 44%,
    rgba(255,255,255,.08) 68%,rgba(255,255,255,.17));
}

/* A restrained cinematic signature across the other main pages. */
body[data-route="services"] .sv-hero h1{
  font-size:clamp(66px,6.7vw,116px);
}
body[data-route="services"] .sv-connected{
  background:#FFFFFF;
}
body[data-route="services"] .sv-connected-tile{
  transition-timing-function:var(--mnk44-ease);
}
body[data-route="services"] .sv-connected-tile:is(:hover,:focus-visible){
  filter:saturate(1.07);
}
body[data-route="services"] .sv-flow-scene img{
  transition:transform 1.4s var(--mnk44-ease);
}
body[data-route="services"] .sv-flow-scene:is(:hover,:focus-within) img{
  transform:scale(1.027);
}
body.m36-about .m36-belief h2{
  font-size:clamp(58px,6.1vw,105px);
}
body.m36-about .m36-about-closer h2{
  font-size:clamp(64px,7.7vw,126px);
}

@media(max-width:1100px){
  .mnk44-curtain-visual{
    width:clamp(190px,24vw,270px);height:clamp(145px,24vh,215px);
  }
  body[data-route="business-setup"] .mnk44-curtain-words h1{
    font-size:clamp(51px,6.3vw,77px);
  }
  .mnk44-optic-caption{
    width:117px;font-size:15px;padding:13px 14px;
  }
}
@media(max-width:700px){
  body[data-route="business-setup"] .mnk30-depth-curtain{
    min-height:calc(79svh - 67px);
  }
  body[data-route="business-setup"] .mnk44-curtain-layout{
    padding-top:20px;padding-bottom:34px;
  }
  body[data-route="business-setup"] .mnk44-curtain-words h1{
    font-size:clamp(45px,10.5vw,66px);
    max-width:100%;
    letter-spacing:-.07em;
  }
  .mnk44-curtain-visual{
    top:22px;right:0;width:29vw;height:16vh;
    min-height:95px;max-height:150px;opacity:.92;
  }
  .mnk44-optic-caption,.mnk44-curtain-visual figcaption{
    display:none;
  }
  .mnk44-curtain-bottom{
    flex-direction:column;align-items:start;gap:21px;margin-top:22px;
  }
  .mnk44-curtain-bottom p{max-width:280px;font-size:15px}
  .mnk44-edge-note{bottom:9px;right:0;font-size:9px}
  body[data-route="business-setup"] .mnk31-intro-words button{
    font-size:clamp(20px,6vw,29px);
  }
  body[data-route="business-setup"] .mnk30-compare-outcomes article{
    border-right:0;
  }
  body.m36-about .m36-belief h2{
    font-size:clamp(52px,11vw,78px);
  }
}
@media(max-width:420px){
  .mnk44-curtain-visual{display:none}
  .mnk44-edge-note{display:none}
}
@media(prefers-reduced-motion:reduce){
  .mnk44-curtain-visual,.mnk44-curtain-visual img,
  .mnk44-optic-caption{transform:none!important;transition:none!important}
}
@media(prefers-reduced-transparency:reduce){
  .mnk44-optic-caption{
    background:rgba(48,69,81,.9);
    backdrop-filter:none;-webkit-backdrop-filter:none;
  }
}