/* ---- public media kit: grid + glows + fluid like the gate, one big download ---- */
*, *::before, *::after { box-sizing: border-box; }
body.mk { display: block; min-height: 0; margin: 0; background: #050506; color: #f7f2e8; font-family: var(--tm-font-text, 'Helvetica Neue', Arial, sans-serif); -webkit-font-smoothing: antialiased; }
body.mk #tm-page-content { position: relative; }
.mk-bg { position: absolute; inset: 0; z-index: 0; overflow: hidden; pointer-events: none; }
.mk-bg::before { content: ''; position: absolute; inset: 0; z-index: 1; background-image: linear-gradient(rgba(247, 242, 232, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(247, 242, 232, 0.05) 1px, transparent 1px); background-size: 56px 56px; background-position: center top; -webkit-mask-image: radial-gradient(ellipse 80% 70% at 50% 45%, #000 25%, transparent 85%); mask-image: radial-gradient(ellipse 80% 70% at 50% 45%, #000 25%, transparent 85%); }
.mk-glow { position: absolute; inset: -20%; background: radial-gradient(40vmax 40vmax at 18% 22%, rgba(77, 114, 255, 0.32), transparent 70%), radial-gradient(42vmax 42vmax at 84% 80%, rgba(196, 76, 103, 0.3), transparent 70%); animation: mk-float 16s ease-in-out infinite alternate; }
@keyframes mk-float { 0% { transform: translate(-2%, -2%) scale(1); } 50% { transform: translate(2%, 3%) scale(1.06); } 100% { transform: translate(3%, -2%) scale(0.97); } }
.mk-grid { position: absolute; inset: 0; z-index: 2; width: 100%; height: 100%; -webkit-mask-image: radial-gradient(ellipse 90% 80% at 50% 45%, #000 30%, transparent 85%); mask-image: radial-gradient(ellipse 90% 80% at 50% 45%, #000 30%, transparent 85%); }
.mk-main { position: relative; z-index: 3; min-height: 100vh; min-height: 100svh; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 110px 22px 40px; text-align: center; }
.mk-main > * { opacity: 0; transform: translateY(16px); }
.mk-go .mk-main > * { animation: mk-in 0.8s cubic-bezier(.2,.8,.2,1) forwards; }
.mk-main > :nth-child(2) { animation-delay: 0.08s; } .mk-main > :nth-child(3) { animation-delay: 0.16s; } .mk-main > :nth-child(4) { animation-delay: 0.26s; } .mk-main > :nth-child(5) { animation-delay: 0.36s; }
@keyframes mk-in { to { opacity: 1; transform: none; } }
.mk-kicker { display: inline-flex; align-items: center; gap: 10px; margin: 0 0 18px; font-family: var(--tm-font-mono, monospace); font-size: 11px; font-weight: 600; letter-spacing: 0.26em; text-transform: uppercase; color: rgba(247, 242, 232, 0.6); }
.mk-kicker span { width: 7px; height: 7px; border-radius: 50%; background: linear-gradient(120deg, #4d72ff, #c44c67); box-shadow: 0 0 10px rgba(120, 90, 200, 0.7); }
.mk-title { margin: 0; font-family: var(--tm-font-display, inherit); font-weight: 300; font-size: clamp(2.6rem, 7vw, 5.4rem); line-height: 0.98; letter-spacing: -0.045em; }
.mk-lede { max-width: 46ch; margin: 22px 0 36px; font-size: clamp(15px, 1.4vw, 17px); line-height: 1.6; color: rgba(247, 242, 232, 0.6); }
.mk-dl { display: flex; flex-direction: column; align-items: center; gap: 14px; }
.mk-dl .upload { transform: scale(1.45); margin: 22px 0 18px; background: rgba(5, 5, 6, 0.55); box-shadow: 0 0 40px rgba(129, 124, 229, 0.35); outline: none; }
.mk-dl .upload:hover { box-shadow: 0 0 60px rgba(129, 124, 229, 0.6); }
.mk-dl .upload:active { transform: scale(1.35); }
.mk-lede__name { color: #fff; text-decoration: underline; text-decoration-color: #7d8cff; text-decoration-thickness: 2px; text-underline-offset: 5px; }
.mk-dl__name { margin: 0; font-family: var(--tm-font-text, inherit); font-size: 14px; font-weight: 500; color: #f7f2e8; }
.mk-dl__name small { font-size: inherit; color: rgba(247, 242, 232, 0.5); }
.mk-dl__msg { margin: -6px 0 0; min-height: 1.4em; font-size: 12px; color: rgba(247, 242, 232, 0.45); }
.mk-dl__msg.is-bad { color: #ff8a9a; }
.mk-inside { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin: 28px 0 0; padding: 0; list-style: none; }
.mk-inside li { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border-radius: 999px; background: rgba(247, 242, 232, 0.06); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); font-size: 13px; color: rgba(247, 242, 232, 0.7); }
.mk-inside i { font-size: 12px; color: #9fb3ff; }
.mk-inside b { color: #fff; font-weight: 600; }
@media (max-width: 560px) {
  }
@media (prefers-reduced-motion: reduce) { .mk-glow { animation: none; } .mk-main > * { animation: none; opacity: 1; transform: none; } .mk-grid { display: none; } }

/* ---- content in one card, like the Lab and the admin ---- */
.mk-main { padding: 130px 18px 80px; }
.mk-card { width: min(640px, 100%); padding: clamp(36px, 6vw, 56px) clamp(22px, 5vw, 52px) clamp(30px, 5vw, 44px); border-radius: 22px; background: rgba(16, 16, 24, 0.86); box-shadow: 0 30px 80px rgba(0, 0, 0, 0.45); display: flex; flex-direction: column; align-items: center; text-align: center; }
.mk-card > * { opacity: 0; transform: translateY(14px); }
.mk-go .mk-card > * { animation: mk-in 0.7s cubic-bezier(.2,.8,.2,1) forwards; }
.mk-card > :nth-child(2) { animation-delay: 0.08s; } .mk-card > :nth-child(3) { animation-delay: 0.16s; } .mk-card > :nth-child(4) { animation-delay: 0.26s; } .mk-card > :nth-child(5) { animation-delay: 0.36s; }
.mk-main > .mk-card { opacity: 0; transform: translateY(18px) scale(0.98); }
.mk-go .mk-main > .mk-card { animation: mk-in 0.7s cubic-bezier(.2,.8,.2,1) forwards; }
.mk-title { font-size: clamp(2.6rem, 6vw, 4.2rem); }
.mk-lede { margin: 18px 0 26px; }
.mk-inside li { background: rgba(247, 242, 232, 0.06); -webkit-backdrop-filter: none; backdrop-filter: none; }
@media (prefers-reduced-motion: reduce) { .mk-card > *, .mk-main > .mk-card { animation: none; opacity: 1; transform: none; } }
body.mk #tm-scroll-progress { display: none !important; }