/* The alpha download page (download/index.html): the compact finale as its hero, then install
   steps and alpha notes, in the site's type and colors. */
.page-download main { padding-top: 64px; }

.dl-hero { padding-top: clamp(90px, 14vh, 150px); }
.dl-hero__icon { display: block; margin: 0 auto 18px; width: 112px; height: 112px;
  filter: drop-shadow(0 18px 40px rgba(237, 179, 65, 0.28)); }
.dl-hero__badge { margin: 0 0 14px; }
.dl-hero__badge span { display: inline-block; padding: 4px 12px; border-radius: 999px;
  font-size: 12px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase;
  color: var(--amber); box-shadow: inset 0 0 0 1px rgba(237, 179, 65, 0.55); background: rgba(237, 179, 65, 0.08); }
.dl-hero h1 { margin: 0 0 14px; font-size: clamp(40px, 6vw, 68px); line-height: 1.02; letter-spacing: -0.05em; }
.dl-hero .finale__sub { margin-bottom: 30px; }
.dl-hero__cta { padding: 16px 30px; font-size: 18px; }
.dl-hero__cta svg { margin-right: 2px; }
.dl-hero .finale__note { margin-top: 18px; }

.dl-steps, .dl-alpha { max-width: 760px; margin: 0 auto; padding: 0 var(--gutter) clamp(56px, 9vh, 96px); }
.dl-steps h2, .dl-alpha h2 { font-size: clamp(26px, 3.4vw, 36px); letter-spacing: -0.04em; margin: 0 0 22px; }
.dl-steps ol { list-style: none; counter-reset: step; margin: 0; padding: 0; display: grid; gap: 14px; }
.dl-steps li { counter-increment: step; position: relative; padding: 18px 20px 18px 64px; border-radius: 16px;
  background: var(--ink-2); box-shadow: inset 0 0 0 1px var(--line); color: var(--mute); line-height: 1.55; }
.dl-steps li::before { content: counter(step); position: absolute; left: 18px; top: 16px; width: 30px; height: 30px;
  border-radius: 50%; display: grid; place-items: center; font-weight: 700; font-size: 15px;
  color: #21190B; background: radial-gradient(130% 160% at 28% 0%, #F7E2B0 0%, var(--amber) 52%, #D9982A 100%); }
.dl-steps li b, .dl-alpha li b { color: var(--ivory); font-weight: 600; }
.dl-steps code { font-family: var(--mono); font-size: 0.9em; color: var(--arc); }
.dl-alpha ul { margin: 0; padding-left: 1.1em; display: grid; gap: 12px; color: var(--mute); line-height: 1.6; }
.dl-alpha li::marker { color: var(--amber); }
/* The hero's glow fades out instead of stopping at the section's edge. */
.dl-hero .finale__beam { -webkit-mask-image: linear-gradient(#000 55%, transparent 100%); mask-image: linear-gradient(#000 55%, transparent 100%); }
.dl-steps { padding-top: clamp(24px, 5vh, 56px); }