
.mk-stage{transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .35s cubic-bezier(.2,.7,.2,1),border-color .5s,box-shadow .6s;will-change:transform}
.mk-wm{translate:calc(var(--px,0)*-22px) calc(var(--py,0)*-14px)}
.mk-glow{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(300px circle at var(--mx,50%) var(--my,50%),color-mix(in srgb,var(--mc) 26%,transparent),transparent 70%)}
.mk-stage:hover .mk-glow{opacity:1}
.mk-petals{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}
.mk-prog{display:flex;align-items:center;gap:.35rem;margin-bottom:1rem}
.mk-prog b{flex:none;width:1.6rem;height:3px;background:rgba(239,230,214,.16);transition:background .4s,box-shadow .4s}
.mk-prog b.on{background:var(--mc);box-shadow:0 0 10px var(--mc)}
.mk-prog em{margin-left:auto;font:400 .6rem var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--mute)}
.mk-tab.ready i{animation:mkping 1.4s ease-out infinite;border-color:var(--c)}
@keyframes mkping{0%{box-shadow:0 0 0 0 rgba(239,230,214,.7)}100%{box-shadow:0 0 0 .7rem rgba(239,230,214,0)}}
.mk-chips li{transition:background .25s,color .25s,border-color .25s,transform .25s;cursor:default}
.mk-chips li:hover{background:var(--c);border-color:var(--c);color:#0b0a09;transform:translateY(-3px)}
.mk-p.on .mk-seal{animation:mkstamp .6s cubic-bezier(.2,1.5,.3,1) both}
.mk-p.on .mk-chips li{animation:mkchip .5s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i,0)*55ms + .2s)}
@keyframes mkstamp{0%{transform:scale(2.2) rotate(-18deg);opacity:0}60%{opacity:1}100%{transform:rotate(-4deg)}}
@keyframes mkchip{from{opacity:0;transform:translateY(10px) scale(.9)}to{opacity:1;transform:none}}
.mk-nav .btn,.mk-cta .btn{transition:translate .25s cubic-bezier(.2,.7,.2,1)}
@media (prefers-reduced-motion:reduce){.mk-stage{transform:none!important}.mk-p.on .mk-seal,.mk-p.on .mk-chips li,.mk-tab.ready i{animation:none}}
