/* About-only splash gallery. Original project logo paths, code-native phones. */
.mk-app-showcase { overflow: hidden; padding-bottom: 96px; }
.mk-app-showcase .mk-app-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin-bottom:32px; }
.mk-app-showcase .mk-app-heading h4 { margin:0; }
.mk-app-controls { display:flex; gap:8px; flex-shrink:0; }
.mk-app-controls button { display:grid; place-items:center; min-width:44px; height:44px; padding:0 14px; border:1px solid currentColor; border-radius:100px; background:transparent; color:inherit; font-family:inherit; font-size:13px; font-weight:500; line-height:1; cursor:pointer; transition:background .2s,color .2s; }
.mk-app-controls button:hover { background:#222; color:#fff; }
.mk-app-controls button:focus-visible,.mk-app-card:focus-visible { outline:2px solid currentColor; outline-offset:4px; }
.mk-app-controls svg { width:17px; height:17px; }
.mk-app-slider { width:100%; max-width:1800px; margin:0 auto; overflow:hidden; padding:4px 0 12px; touch-action:pan-y; }
.mk-app-slider:not(.swiper-initialized) { overflow-x:auto; }
.mk-app-slider .swiper-wrapper { align-items:stretch; }
.mk-app-slider .swiper-slide { width:clamp(240px,22vw,320px); height:auto; flex-shrink:0; }
.mk-app-slider:not(.swiper-initialized) .swiper-wrapper { gap:24px; }
.mk-app-card { display:block; color:inherit; text-decoration:none; -webkit-tap-highlight-color:transparent; }
.mk-app-stage { position:relative; display:grid; place-items:center; width:100%; aspect-ratio:3/4; overflow:hidden; isolation:isolate; background:var(--mk-stage); border-radius:3px; }
.mk-app-stage::before { content:""; position:absolute; z-index:-1; width:150%; height:100%; top:-37%; left:-37%; background:var(--mk-halo); border-radius:50%; }
.mk-app-stage::after { content:""; position:absolute; z-index:-1; width:120%; height:65%; left:16%; bottom:-24%; border-radius:50%; background:var(--mk-halo); opacity:.7; }
.mk-app-phone { position:relative; display:block; width:40%; aspect-ratio:402/860; padding:4px; border:1px solid #85878b; border-radius:clamp(15px,1.7vw,24px); background:linear-gradient(105deg,#a3a7ab,#17181b 9%,#292a2e 88%,#92969c); box-shadow:0 14px 22px -9px #18202c55,0 2px 3px #0003,inset 0 0 0 1px #070809; animation:mk-app-float 6s ease-in-out infinite; animation-delay:var(--mk-delay,0s); transform:translateZ(0); }
.mk-app-phone::before { content:""; position:absolute; z-index:2; top:9px; left:35%; width:30%; height:7px; border-radius:20px; background:#08090a; box-shadow:inset 0 1px 1px #ffffff18; }
.mk-app-phone::after { content:""; position:absolute; right:-2px; top:25%; width:2px; height:11%; border-radius:0 2px 2px 0; background:#55595e; }
.mk-app-screen { display:grid; place-items:center; width:100%; height:100%; overflow:hidden; border-radius:clamp(11px,1.4vw,19px); background:var(--mk-splash); }
.mk-app-logo { display:block; width:72%; height:auto; max-height:37%; object-fit:contain; }
.mk-app-logo--symbol { width:36%; max-height:27%; }
.mk-app-label { display:flex; justify-content:space-between; gap:10px; padding:15px 2px 0; align-items:baseline; }
.mk-app-label strong { font:500 16px/1.35 var(--tp-ff-body,sans-serif); letter-spacing:-.02em; }
.mk-app-label small { font:400 11px/1.4 var(--tp-ff-body,sans-serif); text-transform:uppercase; letter-spacing:.07em; opacity:.6; }
.mk-app-card:hover .mk-app-phone,.mk-app-card:focus-visible .mk-app-phone { animation-play-state:paused; }
.mk-app-showcase[data-paused="true"] .mk-app-phone,.mk-app-showcase[data-visible="false"] .mk-app-phone { animation-play-state:paused; }
.mk-app-status { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
@keyframes mk-app-float { 0%,100% { transform:translate3d(0,3px,0) rotate(-1deg); } 50% { transform:translate3d(0,-5px,0) rotate(1deg); } }
@media(max-width:767px) { .mk-app-showcase { padding-bottom:64px; } .mk-app-showcase .mk-app-heading { align-items:center; gap:16px; margin-bottom:24px; } .mk-app-heading .tp-section-title { font-size:clamp(30px,6vw,48px); } .mk-app-controls { gap:5px; } .mk-app-controls button { min-width:38px; height:38px; padding:0 10px; } .mk-app-slider .swiper-slide { width:240px; } .mk-app-label strong { font-size:15px; } .mk-app-phone { border-radius:18px; } .mk-app-screen { border-radius:13px; } }
@media(max-width:420px) { .mk-app-showcase .mk-app-heading { flex-wrap:wrap; } .mk-app-controls { margin-left:auto; } .mk-app-slider .swiper-slide { width:224px; } }
@media(prefers-reduced-motion:reduce) { .mk-app-showcase *, .mk-app-showcase *::before, .mk-app-showcase *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } .mk-app-phone { transform:none; } }