.m-download .m-download__hero { background-image: var(--hero-surface); }
.m-download .m-download__hero .lede { max-width: var(--measure); }

.m-download .m-download__facts { border-block: var(--hairline) solid var(--line); background: var(--surface); }
.m-download .m-download__fact-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); }
.m-download .m-download__fact-grid > div { padding: var(--sp-5); border-inline-start: var(--hairline) solid var(--line); }
.m-download .m-download__fact-grid > div:first-child { border-inline-start: 0; }
.m-download .m-download__fact-grid strong { display: block; font-size: var(--fs-h2); letter-spacing: var(--tr-head); }
.m-download .m-download__fact-grid span { display: block; margin-block-start: var(--sp-1); color: var(--ink-2); font-size: var(--fs-sm); }

.m-download .m-download__apps { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); margin-block-start: var(--sp-7); overflow: hidden; border: var(--hairline) solid var(--line); border-radius: var(--radius-lg); background: var(--surface); box-shadow: var(--shadow-1); }
.m-download .m-download__app { display: flex; flex-direction: column; min-width: 0; padding: clamp(var(--sp-5),4vw,var(--sp-7)); }
.m-download .m-download__app + .m-download__app { border-inline-start: var(--hairline) solid var(--line); }
.m-download .m-download__app-copy > * + * { margin-block-start: var(--sp-4); }
.m-download .m-download__app .prose { max-width: none; }
.m-download .m-download__action { margin-block-start: auto; padding-block-start: var(--sp-7); }
.m-download .m-download__version { display: block; min-height: 1.25rem; margin-block-start: var(--sp-2); text-align: center; font-size: var(--fs-sm); }

.m-download .m-download__setup { display: grid; grid-template-columns: minmax(0,.8fr) minmax(18rem,1fr); gap: clamp(var(--sp-7),7vw,var(--sp-9)); align-items: start; }
.m-download .m-download__steps { margin: 0; padding: 0; list-style: none; counter-reset: setup; }
.m-download .m-download__steps li { counter-increment: setup; position: relative; padding: var(--sp-4) 0 var(--sp-4) 3rem; border-block-start: var(--hairline) solid var(--line); }
.m-download .m-download__steps li::before { content: counter(setup); position: absolute; inset: var(--sp-4) auto auto 0; width: 2rem; height: 2rem; display: grid; place-items: center; border-radius: var(--radius-pill); background: var(--accent-quiet); color: var(--accent); font-weight: 700; }
.m-download .m-download__steps strong,.m-download .m-download__steps span { display: block; }
.m-download .m-download__steps span { margin-block-start: var(--sp-1); color: var(--ink-2); }

.m-download .m-download__closing-copy { margin-inline: auto; }
.m-download .m-download__closing-actions { justify-content: center; margin-block-start: var(--sp-6); }

@media(max-width:760px){
  .m-download .m-download__fact-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .m-download .m-download__fact-grid > div:nth-child(3) { border-inline-start: 0; }
  .m-download .m-download__fact-grid > div:nth-child(n+3) { border-block-start: var(--hairline) solid var(--line); }
  .m-download .m-download__apps,.m-download .m-download__setup { grid-template-columns: 1fr; }
  .m-download .m-download__app + .m-download__app { border-inline-start: 0; border-block-start: var(--hairline) solid var(--line); }
}
@media(max-width:600px){
  .m-download .m-download__closing-actions { align-items: stretch; flex-direction: column; }
  .m-download .m-download__closing-actions .btn { width: 100%; }
}
@media(max-width:440px){
  .m-download .m-download__fact-grid { grid-template-columns: 1fr; }
  .m-download .m-download__fact-grid > div { border-inline-start: 0; border-block-start: var(--hairline) solid var(--line); }
  .m-download .m-download__fact-grid > div:first-child { border-block-start: 0; }
}