/* Страница «Скачивание началось» (download/index.html): общие стили — из site.css */
.dl { padding: clamp(120px, 16vh, 170px) 0 clamp(72px, 9vw, 120px); }
.dl__head { display: grid; justify-items: center; gap: 16px; max-width: 760px; margin-inline: auto; text-align: center; }
.dl__icon { width: 88px; height: 88px; border-radius: 22px; box-shadow: 0 0 0 1px rgba(0,0,0,.06), 0 20px 40px -14px rgba(120,170,0,.55); margin-bottom: 18px; }
.dl__title { font-size: clamp(38px, 4.8vw, 64px); font-weight: 600; letter-spacing: -.045em; line-height: 1.04; text-wrap: balance; }
.dl__lead a { color: var(--ink); text-decoration-color: var(--line-2); text-underline-offset: 3px; }
.dl__lead a:hover { text-decoration-color: currentColor; }
.dl__meta { font-size: 14px; color: var(--ink-3); }

.dl__how { margin-top: clamp(56px, 7vw, 88px); text-align: center; }
.dl__steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 20px; }
.dl__step { padding: 28px; border-radius: var(--r-lg); background: var(--card); text-align: left; }
.dl__n {
  width: 34px; height: 34px; display: grid; place-items: center;
  border-radius: 50%; background: var(--lime);
  font-size: 15px; font-weight: 600; font-variant-numeric: tabular-nums;
}
.dl__step h3 { margin-top: 20px; font-size: 19px; font-weight: 600; letter-spacing: -.02em; line-height: 1.25; }
.dl__step p { margin-top: 8px; font-size: 15.5px; color: var(--ink-2); text-wrap: pretty; }

.dl__note { margin-top: 32px; text-align: center; font-size: 15px; color: var(--ink-2); text-wrap: pretty; }
.dl__note a { color: var(--ink); text-decoration-color: var(--line-2); text-underline-offset: 3px; }
.dl__note a:hover { text-decoration-color: currentColor; }

@media (max-width: 800px) { .dl__steps { grid-template-columns: minmax(0, 1fr); } }