/* Mojo Launcher branding, scoped to the converted homepage. */
.mojo-page{--cyan:#91dffb;--text:#171d21;--brand-gradient:linear-gradient(115deg,#181818,#242424);--section-gradient:linear-gradient(100deg,#91dffb,#d9f4fd);--soft-gradient:linear-gradient(135deg,#effaff,#d6f2fd)}
.mojo-page .site-header{border-color:#0c0c0c}
.mojo-page .brand,.mojo-page .nav-links a{color:#fff}
.mojo-page .brand{gap:10px}
.mojo-page .brand img{border-radius:8px}
.mojo-page .navigation-panel{gap:0}
.mojo-page .hero{color:#fff;border-bottom:4px solid #16a9d7}
.mojo-page .hero h1{font-size:36px}
.mojo-page .hero-subtitle{color:#91dffb}
.mojo-page .hero-description{color:#e1e5e7}
.mojo-page .download-button{background:#91dffb;color:#10181b;border:2px solid transparent}
.mojo-page .download-button:hover{background:#c2edfc;border-color:#16a9d7}
.mojo-page .security-title{font-size:18px;color:#c4cbd0}
.mojo-page .mojo-hero-logo{width:350px;max-width:36%;border-radius:24px}
.mojo-page .mojo-note{margin:22px 0;padding:16px 22px;border-left:4px solid #0b98c4;background:#edf9fe}
.mojo-page .mojo-note p:first-child{font-weight:700}
.mojo-page .mojo-table-wrap{max-width:100%;overflow-x:auto;margin:18px 0 24px}
.mojo-page .mojo-table-wrap table{margin:0;min-width:460px;line-height:1.55}
.mojo-page .mojo-table-wrap th{background:#181818;color:#fff;border-color:#444}
.mojo-page .mojo-table-wrap td{vertical-align:top}
.mojo-page .mojo-table-wrap td:first-child{width:auto}
.mojo-page .faq-section{background:linear-gradient(120deg,#d5f2fd,#f0faff)}
.mojo-page .site-footer{background:#181818}
.mojo-page .site-footer .source-link{color:#91dffb}
.mojo-page .menu-toggle img{filter:invert(1)}
.mojo-page a:focus-visible,.mojo-page button:focus-visible{outline-color:#16a9d7}
.mojo-page .mojo-table-wrap:focus-visible{outline:3px solid #0b98c4;outline-offset:3px}
@media(max-width:800px){.mojo-page .hero h1{font-size:30px}.mojo-page .nav-links a{border-color:#ffffff30}}
@media(max-width:620px){.mojo-page .mojo-hero-logo{max-width:100%;width:240px}.mojo-page .hero h1{font-size:29px}.mojo-page .mojo-table-wrap table{font-size:14px}.mojo-page .hero-inner{gap:24px}}
/* Keep the template's original hero and stacked feature-card layout. */
.mojo-page .mojo-hero-phone{width:240px;max-width:36%;height:auto}
.mojo-page .feature-card img{max-height:322px;object-fit:contain}
@media(max-width:620px){.mojo-page .mojo-hero-phone{width:205px;max-width:100%}}
/* The existing template language picker on Mojo's dark header. */
.mojo-page .navigation-panel{gap:24px}
.mojo-page .language-toggle{color:#fff;gap:14px;white-space:nowrap}
.mojo-page .language-toggle .caret img{filter:invert(1)}
.mojo-page .language-options a:hover{background:#edf9fe}
@media(max-width:1150px){.mojo-page .nav-links{gap:16px}.mojo-page .navigation-panel{gap:16px}.mojo-page .language-toggle{font-size:14px}}
@media(max-width:900px) and (min-width:801px){.mojo-page .navigation{gap:12px}.mojo-page .brand{font-size:19px}.mojo-page .nav-links{gap:10px}.mojo-page .nav-links a{font-size:14px}.mojo-page .navigation-panel{gap:10px}.mojo-page .language-toggle{font-size:13px;padding:8px 4px}}
@media(max-width:800px){.mojo-page .navigation-panel{gap:8px}.mojo-page .language-toggle{font-size:17px}}
/* Let the existing navigation wrap when translated labels need more room. */
@media(min-width:801px){.mojo-page .navigation-panel{min-width:0}.mojo-page .nav-links{flex-wrap:wrap;row-gap:2px}.mojo-page .language-picker{flex-shrink:0}}
/* Flag and native-name language menu; keep the current header theme. */
.mojo-page .language-toggle{gap:10px}
.mojo-page .language-flag{width:32px;height:24px;object-fit:cover;flex:0 0 32px;border:1px solid #00000012}
.mojo-page .language-options{width:430px;max-width:calc(100vw - 32px);padding:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px;border:1px solid #d2d2d2;border-radius:8px;box-shadow:0 5px 18px #0002}
.mojo-page .language-options[hidden]{display:none}
.mojo-page .language-options a{align-items:flex-start;gap:12px;padding:12px 10px;font-size:18px;line-height:1.45;border-radius:4px}
.mojo-page .language-options a .language-flag{margin-top:2px}
.mojo-page .language-options a[aria-current=page]{background:#edf9fe}
@media(max-width:800px){.mojo-page .language-options{width:100%;max-width:100%;box-sizing:border-box;max-height:60vh}.mojo-page .language-picker{width:100%}}
@media(max-width:380px){.mojo-page .language-options{padding:8px;gap:4px}.mojo-page .language-options a{font-size:15px;padding:10px 6px;gap:8px}.mojo-page .language-options a .language-flag{width:26px;height:20px;flex-basis:26px}}
/* Old-version table matched to the charcoal hero and cyan accent. */
.mojo-page .hero-archive{max-width:100%;overflow:hidden;border:1px solid #41494d;border-radius:8px}
.mojo-page .hero-archive table{width:100%;margin:0;background:#252a2d;color:#fff;text-align:left;border-collapse:collapse;table-layout:fixed}
.mojo-page .hero-archive th,.mojo-page .hero-archive td{background:#252a2d;color:#f1f5f7;border:0;border-bottom:1px solid #41494d;padding:18px 22px;vertical-align:middle}
.mojo-page .hero-archive thead th{background:#91dffb;color:#10181b;font-weight:700}
.mojo-page .hero-archive tbody tr:nth-child(even) th,.mojo-page .hero-archive tbody tr:nth-child(even) td{background:#202528}
.mojo-page .hero-archive tbody tr:last-child th,.mojo-page .hero-archive tbody tr:last-child td{border-bottom:0}
.mojo-page .hero-archive th:first-child{width:70%}
.mojo-page .hero-archive th:last-child,.mojo-page .hero-archive td:last-child{text-align:center;border-right:0}
.mojo-page .archive-version{overflow-wrap:anywhere;font-weight:600;line-height:1.5}
.mojo-page .hero-archive .archive-download{display:inline-flex;align-items:center;justify-content:center;width:72px;height:46px;box-sizing:border-box;background:#91dffb;color:#10181b;border:2px solid #91dffb;border-radius:6px;vertical-align:middle;box-shadow:0 2px 0 #0004;text-decoration:none}
.mojo-page .hero-archive .archive-download:hover{background:#c2edfc;border-color:#c2edfc}
.mojo-page .hero-archive .archive-download:active{transform:translateY(1px);box-shadow:none}
.mojo-page .hero-archive .archive-download svg{display:block;width:24px;height:24px;flex-shrink:0}
@media(max-width:620px){.mojo-page .hero-archive table{font-size:14px}.mojo-page .hero-archive th,.mojo-page .hero-archive td{padding:14px 12px}.mojo-page .hero-archive th:first-child{width:65%}.mojo-page .hero-archive .archive-download{width:62px;height:44px}}

.mojo-page .archive-release{display:block;margin-top:6px;color:#c4d0d6;font-size:13px;font-weight:400;line-height:1.5}

/* Center the stacked hero content on mobile. */
@media(max-width:620px){
 .mojo-page .hero-copy{text-align:center}
 .mojo-page .hero h1,.mojo-page .hero-description,.mojo-page .hero .download-button{margin-left:auto;margin-right:auto}
 .mojo-page .hero .security-icons{justify-content:center}
}