
.download-screen.screen { background: #fff; color: #111827; min-height: calc(100svh - 64px); }
.download-screen > .inner { display: grid; grid-template-columns: minmax(0, 55fr) minmax(0, 45fr); gap: 24px; align-items: center; max-width: 1320px; }
.download-screen .eyebrow { color: #1b3faa; }
.download-screen .download-copy h1 { color: #101828; max-width: 620px; }
.download-screen .download-lead { color: #364152; font-size: clamp(20px, 1.8vw, 25px); line-height: 1.4; max-width: 650px; }
.download-screen .download-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 38px; }
.download-screen .download-stats div { display: flex; flex-direction: column; gap: 6px; }
.download-screen .download-stats strong { color: #1b3faa; font-size: clamp(44px, 3.7vw, 52px); font-weight: 700; letter-spacing: -.04em; line-height: 1; white-space: nowrap; }
.download-screen .download-stats span { color: #364152; font-size: 17px; line-height: 1.3; }
.download-screen .download-qr { margin: 0; text-align: center; }
.download-screen .download-qr img { display: block; width: min(56vh, 34vw); height: auto; margin: 0 auto; }
.download-screen .download-qr a { color: #101828; text-decoration: none; }
.download-screen .download-qr figcaption { display: flex; flex-direction: column; gap: 4px; margin-top: 10px; font-size: 20px; font-weight: 700; }
.download-screen .download-qr figcaption span { color: #4b5563; font-size: 16px; font-weight: 400; }
.download-screen .download-mobile-button { display: none; }
.download-screen .screen-index { right: 82px; color: #536074; }

.download-screen > .inner { grid-template-columns: minmax(0, calc(55% - 37.2px)) minmax(0, calc(45% - 10.8px)); column-gap: 48px; }
.download-screen .download-copy { min-width: 0; padding: 36px; background: var(--surface); border: 1px solid var(--line); border-radius: 16px; transform: translateY(-33px); }
.download-screen .download-copy h1 { color: var(--text); }
.download-screen .download-copy .eyebrow, .download-screen .download-stats strong { color: var(--blue); }
.download-screen .download-lead, .download-screen .download-stats span { color: var(--muted); }
:root[data-theme="dark"] .download-screen.screen { background: var(--bg); color: var(--text); }
:root[data-theme="dark"] .download-screen .download-copy h1,
:root[data-theme="dark"] .download-screen .download-qr a { color: var(--text); }
:root[data-theme="dark"] .download-screen .eyebrow,
:root[data-theme="dark"] .download-screen .download-stats strong { color: var(--blue); }
:root[data-theme="dark"] .download-screen .download-lead,
:root[data-theme="dark"] .download-screen .download-stats span,
:root[data-theme="dark"] .download-screen .download-qr figcaption span,
:root[data-theme="dark"] .download-screen .screen-index { color: var(--muted); }
@media (max-width: 800px) {
  .download-screen.screen { padding: 48px 20px 64px; }
  .download-screen > .inner { grid-template-columns: minmax(0, 1fr); gap: 30px; }
  .download-screen .download-lead { font-size: 19px; }
  .download-screen .download-stats { gap: 8px; margin-top: 30px; }
  .download-screen .download-stats strong { font-size: clamp(30px, 9vw, 42px); }
  .download-screen .download-stats span { font-size: 15px; }
  .download-screen .download-qr { display: none; }
  .download-screen .download-mobile-button { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 12px 20px; border-radius: 8px; background: #1b3faa; color: #fff; font-weight: 700; text-align: center; text-decoration: none; }
  .download-screen .screen-index { right: 72px; }
  .download-screen > .inner { grid-template-columns: minmax(0, 1fr); gap: 30px; }
  .download-screen .download-copy { padding: 32px; transform: none; }
  .download-screen .download-stats strong { font-size: clamp(28px, 8vw, 40px); }
}
@media (max-width: 360px) { .download-screen .download-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
