/* All styling is scoped: existing navbar, footer and other sections are unaffected. */
.mp-app-showcase{--mp-ink:#102d48;--mp-muted:#61768c;--mp-blue:#1169df;--mp-green:#008f88;box-sizing:border-box;position:relative;isolation:isolate;padding:42px 22px 25px;background:radial-gradient(ellipse 48% 105% at 0% 0%,#e7f5ff,transparent 78%),radial-gradient(ellipse 45% 100% at 100% 100%,#e7faf5,transparent 78%),#f5f9fd;color:var(--mp-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif}
.mp-app-showcase *{box-sizing:border-box}
.mp-app-showcase .mp-inner{max-width:1260px;margin:auto}
.mp-app-showcase .mp-intro{text-align:center;max-width:740px;margin:0 auto 24px}
.mp-app-showcase .mp-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:10px;font-weight:800;letter-spacing:.18em;color:#136cc4;text-transform:uppercase}
.mp-app-showcase .mp-eyebrow:before{content:"";width:18px;height:2px;border-radius:2px;background:#2789e3}
.mp-app-showcase .mp-intro h2{margin:8px 0 8px;font-weight:790;letter-spacing:-.047em;font-size:clamp(28px,3.1vw,44px);line-height:1.14}
.mp-app-showcase .mp-intro h2 span{color:var(--mp-blue)}
.mp-app-showcase .mp-intro p{margin:0;font-size:13px;line-height:1.6;color:var(--mp-muted)}
.mp-app-showcase .mp-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.mp-app-showcase .mp-card{position:relative;isolation:isolate;min-width:0;height:336px;overflow:hidden;background:linear-gradient(115deg,#fff 26%,#f7fbff 61%,#dcebfc);border:1px solid #dbe8f4;border-radius:24px;box-shadow:0 12px 30px -25px #174f8a75}
.mp-app-showcase .mp-card.mp-crew{background:linear-gradient(115deg,#fff 26%,#f5fefa 61%,#d6f3ed)}
.mp-app-showcase .mp-card:before{content:"";position:absolute;z-index:-1;inset:auto -145px -190px auto;width:460px;height:460px;border:1px solid #bcdcfb;border-radius:50%;box-shadow:0 0 0 42px #75bcff10,0 0 0 88px #75bcff0d;pointer-events:none}
.mp-app-showcase .mp-card.mp-crew:before{border-color:#b8e5da;box-shadow:0 0 0 42px #4accb310,0 0 0 88px #4accb30b}
.mp-app-showcase .mp-card-copy{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;width:54%;height:100%;padding:28px 0 24px 30px}
.mp-app-showcase .mp-label{font-size:10px;letter-spacing:.145em;color:#4d7a9c;text-transform:uppercase;font-weight:800;white-space:nowrap}
.mp-app-showcase .mp-label strong{color:#1274e9;margin-right:6px}
.mp-app-showcase .mp-crew .mp-label strong{color:#009a91}
.mp-app-showcase .mp-symbol{margin-top:20px;width:41px;height:41px;border:1px solid #d4e6fa;border-radius:13px;background:#ecf5ff;color:var(--mp-blue);display:grid;place-items:center}
.mp-app-showcase .mp-symbol svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.mp-app-showcase .mp-crew .mp-symbol{background:#e6f8f3;color:#008e86;border-color:#c9ece3}
.mp-app-showcase .mp-card h3{margin:12px 0 8px;font-size:clamp(22px,2vw,29px);letter-spacing:-.05em;line-height:1.12;font-weight:780}
.mp-app-showcase .mp-card h3 span{color:var(--mp-blue)}
.mp-app-showcase .mp-crew h3 span{color:var(--mp-green)}
.mp-app-showcase .mp-card p{margin:0;max-width:260px;color:#65798c;font-size:12px;line-height:1.5}
.mp-app-showcase .mp-stores{margin-top:auto;display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.mp-app-showcase .mp-store{min-width:119px;height:42px;padding:5px 10px 5px 9px;border-radius:10px;border:1px solid #183047;background:#10243a;color:#fff;display:inline-flex;align-items:center;gap:7px;cursor:pointer;font:inherit;text-align:left;transition:transform .18s ease,box-shadow .18s ease}
.mp-app-showcase .mp-store:hover{transform:translateY(-2px);box-shadow:0 7px 16px #092e4a24}
.mp-app-showcase .mp-store:focus-visible{outline:3px solid #67a6f5;outline-offset:2px}
.mp-app-showcase .mp-store svg{width:23px;height:23px;flex:none}
.mp-app-showcase .mp-store small{display:block;color:#c4d5e4;font-size:8px;letter-spacing:.01em;line-height:1.1}
.mp-app-showcase .mp-store b{display:block;font-weight:740;font-size:13px;line-height:1.23;white-space:nowrap}
/* The original file stays complete; the card clips the lower half of its preview. */
.mp-app-showcase .mp-device-stage{position:absolute;inset:0 0 0 auto;width:44%;padding:24px 15px 0;display:flex;align-items:flex-end;justify-content:center;pointer-events:none}
.mp-app-showcase .mp-preview-image{display:block;flex:none;max-width:100%;max-height:none;width:100%;height:auto;border-radius:22px;box-shadow:0 12px 24px #123f5921;transform:translateY(50%) rotate(-4deg);transform-origin:50% 0;transition:transform .35s ease}
.mp-app-showcase .mp-crew .mp-preview-image{transform:translateY(50%) rotate(4deg)}
.mp-app-showcase .mp-card:hover .mp-preview-image{transform:translateY(calc(50% - 3px)) rotate(-2deg)}
.mp-app-showcase .mp-card.mp-crew:hover .mp-preview-image{transform:translateY(calc(50% - 3px)) rotate(2deg)}
.mp-app-showcase .mp-foot{margin:13px 0 0;display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;color:#71879b;font-size:10px;line-height:1.4}
.mp-app-showcase .mp-foot i{display:block;height:1px;width:28px;background:#a9cfdf}.mp-app-showcase .mp-foot strong{color:#4f7394;font-weight:600}
.mp-app-showcase .mp-toast{position:fixed;z-index:9999;bottom:24px;left:50%;transform:translateX(-50%);background:#102a42;color:#fff;border-radius:12px;padding:10px 16px;font-size:13px;max-width:90vw;box-shadow:0 12px 30px #07263f36;display:none}
.mp-app-showcase .mp-toast[data-visible="true"]{display:block}
@media(max-width:1050px){.mp-app-showcase .mp-card-copy{width:55%;padding-left:22px}.mp-app-showcase .mp-device-stage{width:44%;padding:24px 12px 0}.mp-app-showcase .mp-store{min-width:112px;padding-left:7px;padding-right:7px}.mp-app-showcase .mp-store b{font-size:12px}}
@media(max-width:850px){.mp-app-showcase{padding:32px 16px 20px}.mp-app-showcase .mp-cards{grid-template-columns:1fr;max-width:625px;margin:0 auto}.mp-app-showcase .mp-card-copy{padding-left:28px}}
@media(max-width:520px){.mp-app-showcase{padding:25px 12px 17px}.mp-app-showcase .mp-intro{margin-bottom:16px}.mp-app-showcase .mp-intro h2{font-size:28px}.mp-app-showcase .mp-intro p{font-size:11px}.mp-app-showcase .mp-cards{gap:14px}.mp-app-showcase .mp-card{height:332px;border-radius:19px}.mp-app-showcase .mp-card-copy{width:54%;padding:19px 0 19px 16px}.mp-app-showcase .mp-label{font-size:8px;letter-spacing:.08em}.mp-app-showcase .mp-symbol{width:34px;height:34px;margin-top:16px;border-radius:10px}.mp-app-showcase .mp-symbol svg{width:18px;height:18px}.mp-app-showcase .mp-card h3{font-size:21px;margin:10px 0 8px}.mp-app-showcase .mp-card p{font-size:11px;line-height:1.6}.mp-app-showcase .mp-stores{flex-direction:column;align-items:flex-start;gap:7px}.mp-app-showcase .mp-store{height:36px;min-width:125px;padding:4px 9px}.mp-app-showcase .mp-store svg{width:19px;height:19px}.mp-app-showcase .mp-store small{font-size:7px}.mp-app-showcase .mp-store b{font-size:12px}.mp-app-showcase .mp-device-stage{width:45%;padding:20px 9px 0}.mp-app-showcase .mp-preview-image{border-radius:14px;transform:translateY(50%)}.mp-app-showcase .mp-crew .mp-preview-image,.mp-app-showcase .mp-card:hover .mp-preview-image,.mp-app-showcase .mp-card.mp-crew:hover .mp-preview-image{transform:translateY(50%)}.mp-app-showcase .mp-foot{margin-top:12px;gap:6px;font-size:9px}.mp-app-showcase .mp-foot i{width:9px}}
@media(prefers-reduced-motion:reduce){.mp-app-showcase *{transition:none!important;animation:none!important}}
/* Unconfigured releases retain the supplied store-badge geometry without a fabricated link. */
.mp-app-showcase a.mp-store{text-decoration:none}
.mp-app-showcase button.mp-store:disabled{cursor:default;opacity:.78}
.mp-app-showcase button.mp-store:disabled:hover{transform:none;box-shadow:none}
.mp-app-showcase .mp-store:disabled small{color:#e2eaf2}
.mp-app-showcase .mp-card p,.mp-app-showcase .mp-card h3{overflow-wrap:break-word}
.mp-app-showcase .mp-label{max-width:100%;white-space:normal}
@media(max-width:359px){.mp-app-showcase .mp-card{height:auto;display:grid}.mp-app-showcase .mp-card-copy{width:100%;padding:22px}.mp-app-showcase .mp-symbol{margin-top:14px}.mp-app-showcase .mp-stores{margin-top:22px;flex-direction:row}.mp-app-showcase .mp-device-stage{position:relative;inset:auto;width:100%;height:200px;padding:0 22px;overflow:hidden}.mp-app-showcase .mp-preview-image{width:190px;max-width:100%;max-height:none}}


.admin-app-settings{display:grid;gap:24px;min-width:0}.admin-app-settings .mp-admin-group{min-width:0;display:grid;gap:20px;padding:24px;border:1px solid #dce8f5;border-radius:14px;background:#fbfdff}.admin-app-settings .mp-admin-group>header{display:flex;align-items:center;gap:12px;border-bottom:1px solid #e3edf7;padding-bottom:18px}.admin-app-settings .mp-admin-group>header>.icon{width:25px;height:25px;color:#1274e9;flex:none}.admin-app-settings .mp-admin-crew>header>.icon{color:#009a91}.admin-app-settings h2{font-size:18px;margin:0 0 5px}.admin-app-settings p{font-size:12px;line-height:1.6;color:#6e879f;margin:0}.admin-app-settings .mp-admin-bilingual,.admin-app-settings .mp-admin-app-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.admin-app-settings fieldset{margin:0;padding:0;border:0;min-width:0;display:grid;align-content:start;gap:15px}.admin-app-settings legend{font-size:11px;font-weight:750;letter-spacing:.08em;color:#6284a4;margin-bottom:15px}.admin-app-settings .admin-field input,.admin-app-settings .admin-field select,.admin-app-settings .admin-field textarea{width:100%;min-width:0;min-height:44px;padding:11px 13px;border:1px solid #d4e2f2;border-radius:8px;background:#fff;color:#173b59;font:inherit;margin:0}.admin-app-settings .admin-field textarea{resize:vertical;line-height:1.65}.admin-app-settings .admin-field input:focus-visible,.admin-app-settings .admin-field select:focus-visible,.admin-app-settings .admin-field textarea:focus-visible{outline:2px solid #8bc4ff;outline-offset:2px}.admin-app-settings .mp-admin-release-note{display:flex;gap:9px;align-items:flex-start}.admin-app-settings .mp-admin-release-note .icon{width:17px;height:17px;flex:none;color:#1274e9}
@media(max-width:1200px){.admin-app-settings .mp-admin-app-grid{grid-template-columns:1fr}}
@media(max-width:640px){.admin-app-settings .mp-admin-group{padding:18px}.admin-app-settings .mp-admin-bilingual{grid-template-columns:1fr}.admin-app-settings .mp-admin-app-grid{gap:16px}}

.admin-app-settings .mp-admin-media{display:grid;grid-template-columns:112px minmax(0,1fr);gap:20px;align-items:start;padding:18px;border:1px solid #dce8f5;border-radius:12px;background:#f0f6fd}
.admin-app-settings .mp-admin-media>img{display:block;width:100%;height:238px;object-fit:contain;object-position:top;border-radius:12px}
.admin-app-settings .mp-admin-media-fields{display:grid;gap:12px;min-width:0}
.admin-app-settings .mp-admin-media input[type=file]{padding:8px;font-size:12px;max-width:100%}
.admin-app-settings .mp-admin-media input[type=file]::file-selector-button{padding:8px 10px;margin-right:8px;border:0;border-radius:6px;background:#e0edff;color:#0964ce;font:inherit;cursor:pointer}
.admin-app-settings .mp-admin-reset{display:flex;flex-direction:row;align-items:flex-start;gap:8px;font-size:12px;line-height:1.5;color:#234b6d}
.admin-app-settings .mp-admin-reset input{width:17px;height:17px;flex:none;margin:1px 0 0}
@media(max-width:640px){.admin-app-settings .mp-admin-media{grid-template-columns:1fr}.admin-app-settings .mp-admin-media>img{width:112px;margin:auto}}