.download-page { max-width: 900px; margin: 0 auto; --download-text: #20263d; --download-muted: #738099; --download-border: #e6eaf4; --download-surface: #fff; --download-code: #f5f6fb; }
.public-content > .download-page { padding: 60px 0 50px; }
.landing-body .download-page { --download-text: #edf0ff; --download-muted: #9ba9c5; --download-border: #28344c; --download-surface: #10192c; --download-code: #090f1e; }
.download-page h1, .download-page h2 { color: var(--download-text); }
.download-page .page-heading p { color: var(--download-muted); }
.download-label { display: inline-flex; gap: 8px; align-items: center; color: var(--download-muted); font-size: 12px; white-space: nowrap; }
.download-label svg, .download-support svg { width: 17px; height: 17px; }
.download-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px; }
.download-card { display: flex; flex-direction: column; min-width: 0; padding: 30px; border: 1px solid var(--download-border); border-radius: 16px; background: var(--download-surface); }
.download-current { border-color: #7664ed; }
.download-card-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 23px; }
.download-icon { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; width: 43px; height: 43px; border-radius: 12px; background: #7560f51a; color: #8c7af7; }
.download-icon svg { width: 22px; height: 22px; }
.download-badge { padding: 6px 9px; border-radius: 6px; background: #7560f522; color: #9a8aff; font-size: 10px; font-weight: 700; letter-spacing: .7px; }
.download-badge.neutral { color: var(--download-muted); background: var(--download-code); }
.download-card h2 { font-size: 24px; margin: 0 0 12px; }
.download-card > p { margin: 0; color: var(--download-muted); font-size: 13px; line-height: 1.8; }
.download-features { padding: 0; margin: 25px 0; list-style: none; color: var(--download-text); font-size: 12px; line-height: 1.8; }
.download-features li { display: flex; gap: 9px; margin: 9px 0; }
.download-features li::before { content: "✓"; color: #28ba91; }
.download-file { display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap; margin-top: auto; margin-bottom: 18px; color: var(--download-muted); font-size: 11px; }
.download-file code { color: var(--download-text); font-size: 12px; }
.download-command { margin-top: 20px; color: var(--download-muted); font-size: 11px; }
.download-command > div { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 9px; padding: 8px 12px; border: 1px solid var(--download-border); border-radius: 8px; background: var(--download-code); }
.download-command code { color: var(--download-text); font-size: 12px; overflow-wrap: anywhere; }
.download-command button { flex-shrink: 0; color: var(--download-muted); }
.download-guide { display: flex; gap: 18px; margin-top: 26px; padding: 25px; background: var(--download-surface); border: 1px solid var(--download-border); border-radius: 14px; }
.download-guide > div { min-width: 0; }
.download-guide h2 { margin: 0 0 15px; font-size: 17px; }
.download-guide ol { padding-left: 19px; margin: 0; color: var(--download-text); font-size: 12px; line-height: 2.2; }
.download-guide p { color: var(--download-muted); font-size: 12px; line-height: 1.9; margin-bottom: 0; }
.download-guide code { padding: 2px 5px; background: var(--download-code); border-radius: 4px; overflow-wrap: anywhere; }
.download-support { display: inline-flex; align-items: center; gap: 8px; margin-top: 24px; font-size: 12px; color: #9183ee; }
@media (max-width: 900px) {
    .download-grid { gap: 18px; }
    .download-card { padding: 24px; }
}
@media (max-width: 680px) {
    .public-content > .download-page { padding: 36px 0; }
    .download-grid { grid-template-columns: 1fr; }
    .download-label { display: none; }
    .download-guide { padding: 22px; gap: 12px; }
    .download-guide > .download-icon { display: none; }
    .download-support { font-size: 11px; }
}