/* _cmyqpfak1 */
:root {--border: #1b2233;--brand-2: #7c5cff;--card: #0f1524;--muted: #8ea0b8;--brand: #3aa0ff;--bg: #0b0f1a;--text: #e9eef7;--warn: #f39c12;--ok: #2ecc71;--danger: #e74c3c}

* {box-sizing: border-box}
html, body {color: var(--text);margin: 0;background: radial-gradient(1200px 800px at 70% -10%, #13203e 0%, var(--bg) 50%) fixed;line-height: 1.6;font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Arial, "Noto Sans", sans-serif;padding: 0}

.container {max-width: 1120px;padding: 0 16px;margin: 0 auto}

.site-header {background: rgba(11,15,26,.6);border-bottom: 1px solid var(--border);z-index: 20;position: sticky;backdrop-filter: saturate(140%) blur(10px);top: 0}
.header-inner {display: flex;justify-content: space-between;height: 70px;align-items: center}
.brand {align-items: center;margin-left: 0;display: inline-flex;gap: 10px}
.site-header .brand {margin-left: -50px}
.brand .logo {display: inline-block}
.brand-name {letter-spacing: .5px;font-size: 18px;font-weight: 700}
.brand-badge {border: 1px solid #26d47d55;font-size: 12px;color: #a3ffcc;background: #1a2a2150;padding: 2px 6px;border-radius: 999px}
.nav a {text-decoration: none;color: var(--muted);transition: color .2s ease;margin-left: 18px}
.nav a:hover {color: var(--text)}

.menu-toggle {display: none}

.nav-backdrop {display: none}

.hero {padding: 64px 0 32px}
.hero-inner {gap: 28px;align-items: center;grid-template-columns: 1.2fr .8fr;display: grid}
.hero-text h1 {margin: 0 0 8px;font-size: 40px;letter-spacing: .4px}
.hero-text p {margin: 0 0 16px;color: var(--muted)}
.download-actions {flex-wrap: wrap;gap: 12px;display: flex;margin: 16px 0 10px}
.btn {gap: 10px;padding: 12px 16px;display: inline-flex;border: 1px solid #ffffff10;transition: transform .12s ease, box-shadow .12s ease, opacity .2s;align-items: center;border-radius: 10px;text-decoration: none;color: #fff;box-shadow: 0 6px 18px rgba(0,0,0,.25) inset, 0 10px 24px rgba(58,160,255,.08)}
.btn:hover {transform: translateY(-1px)}
.btn-ios {background: linear-gradient(135deg, #232533, #3b3f58)}
.btn-android {background: linear-gradient(135deg, #1f3a2a, #2f6b42)}
.btn-desktop {background: linear-gradient(135deg, #1e2a3d, #223b66)}

.hint {color: var(--muted);font-size: 13px}
.qrcards {grid-template-columns: repeat(3, 160px);gap: 14px;margin-top: 14px;display: grid}
.qrcard {border-radius: 12px;padding: 10px;background: var(--card);text-align: center;border: 1px solid var(--border)}
.qrcard span {font-size: 13px;color: var(--muted);display: block;margin-top: 6px}

.hero-art {flex-direction: column;justify-content: center;display: flex}
.phone-mock {border-radius: 28px;box-shadow: 0 40px 80px rgba(0,0,0,.45), inset 0 0 0 6px #0b0f1a;height: 560px;padding: 16px;border: 1px solid #ffffff10;background: linear-gradient(180deg, #0e1422, #0b0f1a);width: 320px}
.app-showcase {margin-top: 12px;justify-content: center;display: flex}
.app-showcase img {border: none;width: 538px;height: 616px;border-radius: 0;max-width: 100%}
.phone-mock .screen {width: 100%;position: relative;border-radius: 20px;overflow: hidden;border: 1px solid #24314a;height: 100%;background:
		radial-gradient(500px 240px at 20% 10%, rgba(124,92,255,.25), transparent 60%),
		radial-gradient(400px 260px at 80% 20%, rgba(58,160,255,.18), transparent 60%),
		linear-gradient(180deg, #0c1321, #0c121e 60%, #0b101a)}
.card {border-radius: 10px;place-items: center;height: 124px;border: 1px solid #ffffff18;width: 86px;background: linear-gradient(180deg, #fefefe, #e7eaf0);display: grid;font-weight: 800;box-shadow: 0 16px 28px rgba(0,0,0,.25);transform: rotate(-8deg);color: #111;position: absolute;font-size: 32px}
.card-a {left: 42px;top: 120px}
.card-k {transform: rotate(8deg);top: 180px;left: 120px}
.chip {width: 72px;color: #000;font-weight: 900;position: absolute;right: 40px;bottom: 60px;box-shadow: 0 10px 24px rgba(243,156,18,.35), inset 0 0 20px rgba(255,255,255,.35);height: 72px;border-radius: 999px;place-items: center;display: grid;background: radial-gradient(circle at 30% 30%, #ffd89e, #f39c12 60%, #e67e22)}

.features, .safe, .help {padding: 28px 0}
.features h2, .safe h2, .help h2 {font-size: 24px;margin: 0 0 14px}
.news {padding: 28px 0}
.news h2 {font-size: 24px;margin: 0 0 14px}
.news-grid {margin: 0;grid-template-columns: repeat(3, 1fr);display: grid;padding: 0;gap: 14px;list-style: none}
.news-card {transition: transform .12s ease, border-color .12s ease;color: inherit;overflow: hidden;display: block;border-radius: 12px;background: var(--card);border: 1px solid var(--border);text-decoration: none}
.news-card:hover {border-color: #2a3d5f;transform: translateY(-2px)}
.news-card img {width: 100%;height: auto;display: block}
.news-meta {padding: 12px}
.news-meta h3 {margin: 0 0 6px;font-size: 16px}
.news-meta p {margin: 0;color: var(--muted);font-size: 14px}

.article {padding: 28px 0}
.article h2 {font-size: 24px;margin: 0 0 10px}
.article-meta {gap: 12px;flex-wrap: wrap;font-size: 13px;color: var(--muted);display: flex;margin-bottom: 12px}
.article-meta span::before {margin: 0 8px 0 0;color: #3a4b6a;content: "•"}
.article-meta span:first-child::before {content: "";margin: 0}
.article-content {border-radius: 12px;border: 1px solid var(--border);padding: 16px;background: var(--card);color: var(--text)}
.article-content p {margin: 0 0 12px}
.article-content h3 {margin: 14px 0 8px;font-size: 18px}
.article-content ul {color: var(--muted);margin: 0 0 12px 18px}
.article-content blockquote {color: #c5d2eb;padding: 10px 12px;background: #0e1626;margin: 12px 0;border-radius: 6px;border-left: 3px solid #3a5ca8}
.article-tags {gap: 8px;flex-wrap: wrap;margin-top: 14px;display: flex}
.article-tags a {font-size: 12px;transition: color .15s ease, border-color .15s ease, background .15s ease;border: 1px solid var(--border);text-decoration: none;border-radius: 999px;background: #0e1626;color: #aab8d3;display: inline-block;padding: 6px 10px}
.article-tags a:hover {border-color: #2a3d5f;color: #e9eef7;background: #0f1a2c}
.feature-grid {margin: 0;gap: 14px;display: grid;list-style: none;padding: 0;grid-template-columns: repeat(4, 1fr)}
.feature-grid li {border: 1px solid var(--border);background: var(--card);border-radius: 12px;padding: 14px}
.feature-grid h3 {margin: 0 0 6px;font-size: 16px}
.feature-grid p {color: var(--muted);font-size: 14px;margin: 0}

.safe-list {margin: 0 0 10px;gap: 8px;display: grid;padding: 0;list-style: none}
.hash-box {gap: 10px;display: grid;grid-template-columns: repeat(3, 1fr)}
.hash-box code {padding: 8px 10px;user-select: all;background: #0c1321;border: 1px solid var(--border);display: inline-block;border-radius: 8px;color: #aab8d3}

.help-grid {gap: 14px;grid-template-columns: repeat(3, 1fr);display: grid}
.help-grid h3 {font-size: 16px;margin: 0 0 6px}
.help-grid ol {margin: 0;padding-left: 18px;color: var(--muted)}

.site-footer {background: linear-gradient(180deg, rgba(12,18,33,.2), rgba(11,15,26,.8) 30%, var(--bg));border-top: 1px solid var(--border);padding: 18px 0 28px}
.footer-inner {display: grid;gap: 14px;align-items: start;grid-template-columns: 1.4fr auto 1fr}
.footer-left {max-width: 520px}
.footer-intro {line-height: 1.7;font-size: 13px;margin: 8px 0 0;color: var(--muted)}
.footer-inner .links {gap: 14px;display: flex;justify-content: center}
.footer-inner .links a {font-size: 14px;text-decoration: none;color: var(--muted)}
.footer-inner .links a:hover {color: var(--text)}
.footer-inner .legal {font-size: 12px;justify-self: end;color: var(--muted)}
.brand.small .brand-name {font-size: 16px}

@media (min-width: 981px) {/* Align footer logo with header logo on desktop */
	.site-footer .brand { margin-left: -50px}
}

@media (max-width: 980px) {.hero-inner { grid-template-columns: 1fr}
	.phone-mock {height: 520px;margin-top: 8px}
	.feature-grid {grid-template-columns: 1fr 1fr}
	.help-grid {grid-template-columns: 1fr 1fr}
	.news-grid {grid-template-columns: 1fr 1fr}
	.hash-box {grid-template-columns: 1fr}
	.qrcards {display: none}
	.footer-inner {text-align: center;grid-template-columns: 1fr}
	.footer-inner .legal {justify-self: center}
	.footer-left {justify-self: center}
	.footer-intro {max-width: 560px}
	/* hide windows button and hint on mobile */
	#btn-windows {display: none}
	.hint {display: none}

	/* mobile nav inline (no drawer) */
	.nav {gap: 10px 14px;flex-wrap: wrap;right: auto;position: static;transform: none;top: auto;background: transparent;height: auto;padding: 0;display: flex;width: auto;border: 0}
	.nav a {margin: 0;display: inline-block;font-size: 16px}

	/* app image size on mobile */
	.app-showcase img {height: 378px;width: 330px;max-width: 100%}
}

@media (prefers-reduced-motion: reduce) {}

@media (max-width: 560px) {.hero-text h1 { font-size: 32px}
	.download-actions {gap: 10px}
	.btn {justify-content: center;width: 100%}
	.feature-grid {grid-template-columns: 1fr}
	.news-grid {grid-template-columns: 1fr}
	.help-grid {grid-template-columns: 1fr}
	.qrcards {grid-template-columns: 1fr 1fr}
}



._c7mr4hxy2{}

._cem3fcnfr{}

._cchid24yt{}