/* v31   tactile motion. Deliberately isolated to Business Setup. */
.mnk31-intro-choices{display:grid;grid-template-columns:minmax(0,1fr);gap:17px;max-width:680px;margin:0 0 39px}
.mnk31-intro-words{display:flex;align-items:center;gap:clamp(18px,2.6vw,48px);flex-wrap:wrap}
.mnk31-intro-words button{position:relative;padding:5px 0 12px;text-align:left;font-size:clamp(18px,2vw,29px);font-weight:480;letter-spacing:-.048em;color:#607684;transition:color .3s cubic-bezier(.22,1,.36,1)}
.mnk31-intro-words button:is(:hover,:focus-visible,[aria-pressed="true"]){color:#304551}
.mnk31-intro-words button:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:#102B3B;transform:scaleX(0);transform-origin:left;transition:transform .36s cubic-bezier(.22,1,.36,1)}
.mnk31-intro-words button:is(:hover,:focus-visible,[aria-pressed="true"]):after{transform:scaleX(1)}
.mnk30-intro .mnk31-intro-detail{margin:0;color:#607684;font-size:clamp(14px,1.17vw,17px);line-height:1.55;min-height:2em;max-width:500px}
.mnk30-intro .mnk31-intro-detail.is-changing{animation:mnk31-up .38s cubic-bezier(.2,1,.3,1)}
@keyframes mnk31-up{from{opacity:.18;transform:translate3d(0,10px,0)}to{opacity:1;transform:none}}
/* A preview becomes visible on intentional pointer/keyboard interaction only. */
.mnk31-route-peek{pointer-events:none;position:absolute;right:3%;top:23%;width:clamp(168px,17vw,256px);height:clamp(115px,13vw,180px);z-index:3;overflow:hidden;background:#F0F3F5;opacity:0;transform:translate3d(16px,22px,0) rotate(3deg) scale(.96);border:1px solid rgba(255,255,255,.3);box-shadow:0 20px 45px rgba(8,9,11,.28);transition:opacity .3s ease,transform .5s cubic-bezier(.22,1,.36,1)}
.mnk31-route-peek.is-open{opacity:1;transform:translate3d(0,0,0) rotate(0) scale(1)}
.mnk31-route-peek img{width:100%;height:100%;object-fit:cover;filter:saturate(.88)}
.mnk31-route-peek:after{content:"";position:absolute;inset:60% 0 0;background:linear-gradient(transparent,rgba(8,9,11,.7))}
.mnk31-route-peek span{position:absolute;bottom:14px;left:18px;color:white;z-index:1;font-size:13px;font-weight:600}
/* Touch and reduced-motion never show transient hover photography. */
@media(hover:none),(pointer:coarse){.mnk31-route-peek{display:none}}
/* Comparison: a single sliding underline replaces four independent pseudo bars. */
.mnk30-topics{position:relative}
.mnk30-topics button:after{display:none}
.mnk31-tab-marker{position:absolute;left:0;bottom:-1px;height:2px;width:70px;background:#102B3B;transform:translateX(0);transition:transform .42s cubic-bezier(.22,1,.36,1),width .42s cubic-bezier(.22,1,.36,1);pointer-events:none}
.mnk30-compare-outcomes article{position:relative;isolation:isolate;outline-offset:8px}
.mnk30-compare-outcomes article strong{transition:color .3s ease,transform .3s ease}
.mnk30-compare-outcomes:is(:hover,:focus-within) article:not(:hover):not(:focus-within){opacity:.66;transition:opacity .25s ease}
.mnk30-compare-outcomes article:is(:hover,:focus-within) strong{color:#607684;transform:translate3d(0,-3px,0)}
.mnk31-compare-in article{animation:mnk31-rise .44s cubic-bezier(.22,1,.36,1) both}
.mnk31-compare-in article:nth-child(2){animation-delay:55ms}
.mnk31-compare-in article:nth-child(3){animation-delay:110ms}
@keyframes mnk31-rise{from{opacity:0;transform:translate3d(0,13px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
/* A photographic question transition not a decorative flow chart. */
.mnk31-consult-visual .mnk31-quiz-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.10) translate3d(1%,0,0);clip-path:inset(0 0 0 100%);transition:opacity .5s ease,clip-path .72s cubic-bezier(.2,1,.35,1),transform 1.1s cubic-bezier(.2,1,.35,1);filter:saturate(.86)}
.mnk31-consult-visual .mnk31-quiz-photo.is-selected{opacity:1;clip-path:inset(0 0 0 0);transform:scale(1.015) translate3d(var(--mnk31-photo-pan,0%),0,0)}
.mnk31-consult-visual:hover .mnk31-quiz-photo.is-selected{transform:scale(1.025)}
.mnk30-choice-list button:is(:hover,:focus-visible) span:last-child{transform:translate3d(5px,-3px,0)}
.mnk30-choice-list button span:last-child{transition:transform .25s cubic-bezier(.22,1,.36,1)}
/* Process camera travels a fraction of the frame with scroll; the last stage still holds. */
.mnk30-process-photo{transform:translate3d(var(--mnk31-process-pan,0%),var(--mnk31-process-rise,0%),0) scale(var(--mnk30-process-zoom,1.085));transform-origin:center center;will-change:transform}
.mnk30-process-step.is-current strong{color:#FFFFFF}
.mnk30-process-line>span{transition:transform .13s linear}
/* Ledger-like cost rows, no fake monetary figures. */
.mnk30-cost-row{position:relative;isolation:isolate;overflow:clip}
.mnk30-cost-row:after{content:"";position:absolute;left:0;bottom:0;height:2px;width:100%;background:#102B3B;transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.22,1,.36,1)}
.mnk30-cost-row:is(:hover,:focus-within):after{transform:scaleX(1)}
.mnk31-cost-in .mnk30-cost-row{animation:mnk31-rise .46s cubic-bezier(.22,1,.36,1) both}
.mnk31-cost-in .mnk30-cost-row:nth-child(2){animation-delay:55ms}
.mnk31-cost-in .mnk30-cost-row:nth-child(3){animation-delay:110ms}
.mnk31-cost-in .mnk30-cost-row:nth-child(4){animation-delay:165ms}
/* Atmospheric story with gently changing photographic framing. */
.mnk30-story-photo img{transform:scale(calc(1.065 - var(--mnk31-story-p,0) * .042)) translate3d(calc((var(--mnk31-story-p,0) - .5) * -1.1%),0,0);transform-origin:72% center;transition:filter .5s ease,object-position .6s ease}
.mnk30-story[data-value="0"] .mnk30-story-photo img{filter:saturate(.74) brightness(.94);object-position:72% center}
.mnk30-story[data-value="1"] .mnk30-story-photo img{filter:saturate(.58) brightness(.76);object-position:58% center}
.mnk30-story[data-value="2"] .mnk30-story-photo img{filter:saturate(.90) brightness(1.01);object-position:84% center}
.mnk30-principles button span:last-child{transition:transform .25s ease;display:inline-block}
.mnk30-principles button:is(:hover,:focus-visible) span:last-child{transform:translate3d(4px,-3px,0)}
.mnk30-principles p.is-changing{animation:mnk31-up .36s cubic-bezier(.22,1,.36,1)}
/* FAQ disclosure plus to minus rotates, body retains native semantic details. */
.mnk30-faq summary:after{content:'+';transform:rotate(0);transition:transform .3s ease}
.mnk30-faq details[open] summary:after{content:'+';transform:rotate(45deg)}
/* Closing foreground arrives smoothly, with a very faint pointer-responsive highlight. */
.mnk30-close{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(155deg,#304551,#304551)}
.mnk30-close:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at var(--mnk31-light-x,70%) var(--mnk31-light-y,40%),#102B3B1E,transparent 70%);opacity:calc(var(--mnk31-close-p,.2) * .8);pointer-events:none;transition:opacity .2s linear}
.mnk30-close-inner{position:relative}
.mnk30-close-cta{overflow:hidden;position:relative}
.mnk30-close-cta span{display:inline-block;transition:transform .36s cubic-bezier(.22,1,.36,1)}
.mnk30-close-cta:hover span{transform:translate3d(8px,-8px,0)}
@media(max-width:700px){
 .mnk31-intro-words{gap:20px}.mnk31-intro-words button{font-size:21px}
 .mnk31-route-peek{display:none}
 .mnk30-compare-outcomes:is(:hover,:focus-within) article:not(:hover):not(:focus-within){opacity:1}
 .mnk31-consult-visual .mnk31-quiz-photo{transition:opacity .35s ease,clip-path .48s ease,transform .65s ease}
}
@media(hover:none),(pointer:coarse){
 .mnk30-close:before{display:none}
 .mnk30-cost-row:hover:after{transform:scaleX(0)}
 .mnk30-compare-outcomes article:hover strong{color:inherit;transform:none}
}
@media(prefers-reduced-motion:reduce){
 .mnk30-depth-photo img,.mnk30-process-photo,.mnk30-story-photo img{transform:none!important;will-change:auto!important}
 .mnk31-intro-words button:after,.mnk31-tab-marker,.mnk31-quiz-photo,.mnk30-compare-outcomes article,.mnk30-choice-list button,.mnk30-cost-row,.mnk30-close-cta span{animation:none!important;transition:none!important}
 .mnk31-consult-visual .mnk31-quiz-photo{opacity:0;clip-path:none;transform:none;transition:none}
 .mnk31-consult-visual .mnk31-quiz-photo.is-selected{opacity:1}
}
