.mk-psp{container-type:inline-size;color:#131517;font-family:Inter,Manrope,system-ui,sans-serif}.mk-psp__grid{display:grid;grid-template-columns:var(--mk-psp-cols);gap:var(--mk-psp-gap);width:min(1240px,calc(100% - 2.5rem));margin:0 auto}.mk-psp__left{position:relative}.mk-psp__pin{position:sticky;top:0;min-height:var(--mk-psp-stage);display:flex;flex-direction:column;justify-content:center;padding:3rem 0 2rem;box-sizing:border-box;z-index:1}.mk-psp__glow{position:absolute;left:-20%;top:10%;width:120%;aspect-ratio:1;pointer-events:none;background:radial-gradient(closest-side,color-mix(in srgb,var(--mk-psp-accent) 22%,transparent),transparent);transition:transform 1.2s var(--mk-psp-ease)}.mk-psp__eyebrow{margin:0;font-size:12px;font-weight:500;letter-spacing:.083em;text-transform:uppercase;color:var(--mk-psp-accent)}.mk-psp__title{margin:.7rem 0 0;font-size:clamp(1.6rem,3.6cqi,3.5rem);line-height:1.02;letter-spacing:-.018em;font-weight:700}.mk-psp__lede{margin:.9rem 0 0;color:#737577;font-size:clamp(.9rem,1.6cqi,1.05rem);line-height:1.5;max-width:30rem}.mk-psp__tracker{list-style:none;margin:1.6rem 0 0;padding:0;display:grid;gap:.5rem}.mk-psp__tracker li{display:flex;align-items:center;gap:.6rem;font-size:.85rem;color:#b3b5b7;transition:color .5s var(--mk-psp-ease)}.mk-psp__tracker li.is-done{color:#737577}.mk-psp__tracker li.is-active{color:#131517;font-weight:600}.mk-psp__dot{width:8px;height:8px;border-radius:50%;background:currentColor;flex-shrink:0;transform:scale(.75);transition:transform .5s var(--mk-psp-ease),background-color .5s var(--mk-psp-ease)}.mk-psp__tracker li.is-active .mk-psp__dot{background:var(--mk-psp-accent);transform:scale(1.25)}.mk-psp__panels{display:flex;flex-direction:column;gap:var(--mk-psp-panel-gap);padding:3rem 0}.mk-psp__panel{position:relative;min-height:var(--mk-psp-panel-h);border-radius:var(--mk-psp-radius);background:var(--mk-psp-bg);overflow:hidden;display:flex;flex-direction:column;align-items:center;padding:2rem 1.25rem 0;box-sizing:border-box;opacity:var(--mk-psp-off-o);transform:scale(var(--mk-psp-off-s));transition:opacity var(--mk-psp-fade) var(--mk-psp-ease),transform var(--mk-psp-scale) var(--mk-psp-ease)}.mk-psp__panel.is-on{opacity:1;transform:none}.mk-psp__head{text-align:center;max-width:30rem}.mk-psp__num{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--mk-psp-accent);color:#fff;font-size:13px;font-weight:700;transform:scale(.6);transition:transform .6s var(--mk-psp-ease)}.mk-psp__panel.is-on .mk-psp__num{transform:none}.mk-psp__head h3{margin:.7rem 0 0;font-size:clamp(1.15rem,2.2cqi,2rem);letter-spacing:-.018em;line-height:1.1}.mk-psp__head p{margin:.45rem auto 0;color:#737577;font-size:.92rem;line-height:1.5}.mk-psp__stage{position:relative;flex:1 1 auto;width:100%;min-height:160px;margin-top:1.25rem}.mk-psp__stage>*{position:absolute;left:50%;bottom:0;translate:-50% 0;width:min(100%,520px);height:100%;-o-object-fit:cover;object-fit:cover;border-radius:18px 18px 0 0;box-shadow:0 30px 80px #141e3c29;transform:translateY(var(--mk-psp-rise));transition:transform var(--mk-psp-media) var(--mk-psp-ease)}.mk-psp__panel.is-on .mk-psp__stage>*{transform:none}@container (max-width: 640px){.mk-psp__grid{grid-template-columns:1fr;gap:0;width:calc(100% - 2rem)}.mk-psp__left,.mk-psp__pin{display:contents}.mk-psp__glow{display:none}.mk-psp__tracker{position:sticky;top:var(--mk-psp-sticky-top, 64px);z-index:5;display:flex;align-items:center;gap:10px;margin:1.25rem 0 0;padding:10px 14px;border-radius:999px;background:color-mix(in srgb,#fff 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 24px #141e3c1a;overflow:hidden;white-space:nowrap}.mk-psp__tracker li{font-size:0;gap:0}.mk-psp__tracker li.is-active{font-size:.85rem;gap:.5rem;min-width:0;overflow:hidden;text-overflow:ellipsis}.mk-psp__panels{padding-top:1rem}}.mk-psp--still .mk-psp__panel,.mk-psp--still .mk-psp__stage>*,.mk-psp--still .mk-psp__num{opacity:1;transform:none;transition:none}@media(prefers-reduced-motion:reduce){.mk-psp__panel,.mk-psp__stage>*,.mk-psp__num,.mk-psp__glow,.mk-psp__dot{transition:none!important}.mk-psp__panel,.mk-psp__stage>*{opacity:1!important;transform:none!important}}.mk-psp-demo{container-type:inline-size;height:420px;overflow-y:auto;overscroll-behavior:contain;background:#fff}