.mk .ss-showcase{max-width:1280px;margin:56px auto 0}.mk .ss-showcase-tools{justify-content:space-between;align-items:center;gap:20px;padding:0 2px 20px;font-size:12px;display:flex}.mk .ss-showcase-tools>span{align-items:center;gap:9px;display:flex}.mk .ss-showcase-dot{background:#c78730;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #c7873015}.mk .ss-showcase-devices{border:1px solid #18181820;border-radius:30px;padding:3px;display:flex}.mk .ss-showcase-devices button{color:#666;cursor:pointer;background:0 0;border:0;border-radius:30px;align-items:center;gap:7px;padding:10px 14px;transition:background .2s,color .2s;display:flex}.mk .ss-showcase-devices button[aria-pressed=true]{color:#fff;background:#191919}.mk .ss-showcase-stage{isolation:isolate;perspective:1800px;background:#202020;border-radius:12px;padding:6% 8% 7%;position:relative;overflow:hidden}.mk .ss-showcase-stage:before{content:"";z-index:-1;background:radial-gradient(ellipse at 60% 30%, color-mix(in srgb, var(--showcase-paper) 38%, transparent), transparent 75%);transition:background .6s;position:absolute;inset:0}.mk .ss-showcase-composition{animation:.65s cubic-bezier(.18,.75,.2,1) both ss-showcase-arrive;position:relative}.mk .ss-showcase-desktop{background:var(--showcase-paper);transform-origin:50%;border:1px solid #ffffff38;border-radius:8px;width:92%;transition:transform .7s cubic-bezier(.2,.7,.2,1);position:relative;overflow:hidden;transform:rotateY(-3deg)rotateX(2deg);box-shadow:0 28px 70px #0007}.mk .ss-showcase-stage:hover .ss-showcase-desktop{transform:rotateY(0)rotateX(0)}.mk .ss-showcase-browser{color:#686868;background:#f7f7f5;justify-content:space-between;align-items:center;gap:14px;height:30px;padding:0 13px;font-size:9px;display:flex}.mk .ss-showcase-browser>span:first-child{letter-spacing:3px;color:#b3b3b0;font-size:7px}.mk .ss-showcase-viewport{aspect-ratio:1280/900;background:var(--showcase-paper);width:100%;position:relative;overflow:hidden;container-type:inline-size}.mk .ss-showcase-viewport iframe{transform:scale(calc(100cqw / 1280px));transform-origin:0 0;pointer-events:none;border:0;max-width:none;display:block;position:absolute;top:0;left:0}.mk .ss-showcase-phone{background:#191919;border:6px solid #191919;border-radius:28px;width:23%;transition:transform .6s cubic-bezier(.2,.7,.2,1);position:absolute;bottom:-4%;right:-2%;overflow:hidden;transform:rotate(3deg);box-shadow:0 22px 50px #0008,0 0 0 1px #ffffff40}.mk .ss-showcase-stage:hover .ss-showcase-phone{transform:rotate(1deg)translateY(-6px)}.mk .ss-showcase-camera{z-index:1;background:#191919;border-radius:20px;width:32%;height:9px;position:absolute;top:5px;left:34%}.mk .ss-showcase-viewport[data-mobile=true]{aspect-ratio:390/820;border-radius:21px}.mk .ss-showcase-viewport[data-mobile=true] iframe{transform:scale(calc(100cqw / 390px))}.mk .ss-showcase-stage[data-device=mobile] .ss-showcase-desktop{visibility:hidden}.mk .ss-showcase-stage[data-device=mobile] .ss-showcase-phone{width:29%;bottom:-1%;right:35.5%;transform:rotate(0)}.mk .ss-showcase-caption{justify-content:space-between;align-items:center;gap:24px;padding:30px 2px;display:flex}.mk .ss-showcase-caption h3{letter-spacing:-.055em;margin:0 0 7px;font-size:clamp(24px,3vw,36px);font-weight:600;line-height:1.1}.mk .ss-showcase-caption div>span{color:#666;font-size:13px}.mk .ss-showcase-visit{color:#fff;white-space:nowrap;background:#1b1b1b;border-radius:6px;justify-content:center;align-items:center;gap:24px;min-height:52px;padding:17px 22px;font-size:13px;font-weight:600;text-decoration:none;transition:transform .2s,background .2s,box-shadow .2s;display:flex}.mk .ss-showcase-visit:hover{background:#333;transform:translateY(-2px);box-shadow:0 6px 16px #0002}.mk .ss-showcase-visit:active{transform:translateY(0)scale(.98)}.mk .ss-showcase-choices{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:20px;display:grid}.mk .ss-showcase-choice{text-align:left;color:#1b1b1b;cursor:pointer;background:0 0;border:1px solid #1818181a;border-radius:8px;align-items:center;gap:12px;min-width:0;padding:20px 14px;transition:background .25s,border-color .25s,transform .25s;display:flex}.mk .ss-showcase-choice:hover{border-color:#18181860;transform:translateY(-3px)}.mk .ss-showcase-choice[aria-pressed=true]{background:#fff;border-color:#1b1b1b;box-shadow:0 3px 9px #00000008}.mk .ss-showcase-choice strong{font-size:12px;font-weight:600;line-height:1.3;display:block}.mk .ss-showcase-choice small{color:#6d6d6d;margin-top:4px;font-size:10px;display:block}.mk .ss-showcase-swatches{border:1px solid #0002;border-radius:3px;flex-shrink:0;grid-template-columns:repeat(3,8px);height:36px;display:grid;overflow:hidden;transform:rotate(-6deg)}.mk .ss-showcase-selected{flex-shrink:0;margin-left:auto}.mk .ss-showcase-footer{color:#707070;justify-content:space-between;align-items:center;gap:16px;padding-top:22px;font-size:12px;display:flex}.mk .ss-showcase-footer p{margin:0}.mk .ss-showcase-footer>div{align-items:center;gap:8px;display:flex}.mk .ss-showcase-footer>div>span{font-variant-numeric:tabular-nums;margin-right:10px;font-size:11px}.mk .ss-showcase-footer button{color:#191919;cursor:pointer;background:0 0;border:1px solid #18181830;border-radius:50%;place-items:center;width:42px;height:42px;transition:background .2s,color .2s;display:grid}.mk .ss-showcase-footer button:hover{color:#fff;background:#191919}.mk .ss-showcase button:focus-visible,.mk .ss-showcase a:focus-visible{outline-offset:4px;outline:3px solid #bc7b27}@keyframes ss-showcase-arrive{0%{clip-path:inset(0 0 10% round 8px);transform:translateY(22px)rotateX(4deg)scale(.97)}to{clip-path:inset(-20%);transform:none}}@media (max-width:900px){.mk .ss-showcase-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.mk .ss-showcase-choice{padding:16px}}@media (max-width:600px){.mk .ss-showcase{margin-top:32px}.mk .ss-showcase-tools{gap:8px;padding-bottom:14px;font-size:10px}.mk .ss-showcase-devices button{gap:5px;padding:11px;font-size:10px}.mk .ss-showcase-stage{border-radius:8px;padding:40px 18px 50px}.mk .ss-showcase-desktop{border-radius:4px;width:94%}.mk .ss-showcase-browser{height:17px;padding-inline:6px;font-size:5px}.mk .ss-showcase-browser svg{width:8px}.mk .ss-showcase-browser>span:first-child{letter-spacing:1px;font-size:4px}.mk .ss-showcase-phone{border-width:3px;border-radius:11px;width:26%;right:-1%}.mk .ss-showcase-viewport[data-mobile=true]{border-radius:7px}.mk .ss-showcase-camera{height:3px;top:2px}.mk .ss-showcase-stage[data-device=mobile]{min-height:490px;padding-block:32px}.mk .ss-showcase-stage[data-device=mobile] .ss-showcase-composition{height:426px}.mk .ss-showcase-stage[data-device=mobile] .ss-showcase-desktop{display:none}.mk .ss-showcase-stage[data-device=mobile] .ss-showcase-phone{border-width:5px;border-radius:22px;width:200px;bottom:0;right:calc(50% - 100px)}.mk .ss-showcase-stage[data-device=mobile] .ss-showcase-viewport{border-radius:16px}.mk .ss-showcase-stage[data-device=mobile] .ss-showcase-camera{height:7px;top:4px}.mk .ss-showcase-caption{flex-wrap:wrap;gap:18px;padding-block:24px}.mk .ss-showcase-caption h3{font-size:28px}.mk .ss-showcase-visit{justify-content:space-between;width:100%;min-height:48px;padding:14px 18px}.mk .ss-showcase-choice{gap:8px;padding:13px 10px}.mk .ss-showcase-choice strong{font-size:11px}.mk .ss-showcase-choice small{font-size:9px}.mk .ss-showcase-swatches{grid-template-columns:repeat(3,6px);height:30px}.mk .ss-showcase-selected{display:none}.mk .ss-showcase-footer p{max-width:150px;font-size:11px;line-height:1.5}}@media (prefers-reduced-motion:reduce){.mk .ss-showcase *,.mk .ss-showcase :before{transition:none!important;animation:none!important}}