* { box-sizing: border-box; }

body { margin: 0; background: #f8fafc; color: #0f172a; font: 16px/1.55 "Segoe UI", system-ui, sans-serif; }

.wrap { max-width: 560px; margin: 0 auto; padding: 28px 16px 40px; }

.head { display: flex; align-items: center; gap: 10px; margin-bottom: 28px; }

.head img { border-radius: 8px; }

.langs { margin-left: auto; display: flex; gap: 2px; }

.langs button { padding: 3px 9px; border: 0; border-radius: 6px; background: transparent; color: #64748b; font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; }

.langs button.on { background: #e2e8f0; color: #0f172a; }

h1 { margin: 0 0 8px; font-size: 28px; line-height: 1.25; }

h2 { margin: 0 0 4px; font-size: 15px; }

.lead { margin: 0 0 20px; color: #475569; }

.download { display: block; padding: 14px 20px; border-radius: 10px; background: #0284c7; color: #fff; font-weight: 600; font-size: 17px; text-align: center; text-decoration: none; }

.download:hover { background: #0369a1; }

.fine { margin: 8px 0 22px; color: #64748b; font-size: 13px; text-align: center; }

ol { margin: 0 0 22px; padding-left: 22px; }

li { margin-bottom: 6px; }

.note { margin-bottom: 12px; padding: 12px 14px; border: 1px solid #e2e8f0; border-radius: 10px; background: #fff; font-size: 14px; }

.note p { margin: 0; color: #475569; }

footer { margin-top: 24px; font-size: 13px; }

footer a { color: #64748b; }