.jegg-download-page,
.jegg-download-page #wrap { min-height: 100vh; }
.jegg-download-page { background: #015fcc; color: #fff; }
.jegg-download-page #header {
  display: block !important; visibility: visible !important;
  position: fixed; top: 0; left: 0; right: 0; z-index: 1030;
  background: #0074bd; border-bottom: 1px solid rgba(255,255,255,.18);
}
.jegg-download-page #navigation,
.jegg-download-page .container-footer { display: none !important; }
.jegg-download-page .container-main {
  min-height: calc(100vh - var(--jegg-header-h, 50px));
  margin: var(--jegg-header-h, 50px) 0 0;
  padding: 0;
  background: #015fcc;
}
.jegg-download-page .wrap.no-gutter-ads .content {
  width: 100%; max-width: none; padding: 0; margin: 0; background: transparent;
}
.download-hero {
  position: relative; isolation: isolate; overflow: hidden;
  min-height: calc(100vh - var(--jegg-header-h, 50px));
  padding: 58px 20px 18px; text-align: center;
  color: #fff; font-family: Arial, Helvetica, sans-serif;
}
.download-hero::before {
  content: ""; position: absolute; z-index: -1; left: 0; right: 0; bottom: 0;
  height: clamp(176px, 14.22vw, 273px); pointer-events: none;
  background:
    linear-gradient(to bottom, #015fcc 0%, rgba(1,95,204,0) 35%),
    url("../img/download-city-clean.png") center bottom / cover no-repeat;
}
.download-logo { display: block; width: 300px; max-width: 90%; height: auto; margin: 0 auto 21px; filter: drop-shadow(0 1px 1px rgba(0,0,0,.24)); }
.download-hero h1 { margin: 0 0 3px; color: #fff; font: 400 21px/1.2 Arial, Helvetica, sans-serif; letter-spacing: -.2px; text-shadow: 0 1px rgba(0,0,0,.12); }
.download-description { max-width: 540px; margin: 0 auto; color: #e3eafa; font: 400 10px/1.45 Arial, Helvetica, sans-serif; }
.download-primary { display: flex; align-items: center; justify-content: center; width: 325px; max-width: 100%; height: 52px; margin: 54px auto 27px; border-radius: 2px; background: #00bd50; color: #fff; font: 400 24px/1 Arial, Helvetica, sans-serif; text-decoration: none; transition: background .12s ease; }
.download-primary:hover { background: #06cc59; color: #fff; text-decoration: none; }
.download-primary:active { background: #03a747; }
.download-platforms { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 15px; max-width: 950px; margin: 0 auto; }
.download-badge { display: flex; align-items: center; gap: 6px; min-width: 113px; height: 42px; padding: 5px 7px; border: 1px solid #5e7799; border-radius: 2px; background: #080808; box-shadow: 0 1px 1px rgba(0,0,0,.22); color: #fff; font-family: Arial, Helvetica, sans-serif; text-align: left; text-decoration: none; }
.download-badge:hover { filter: brightness(1.19); color: #fff; text-decoration: none; }
.download-badge svg { box-sizing: content-box; width: 23px; height: 26px; flex: 0 0 auto; fill: #fff; stroke: #fff; stroke-width: 2; }
.download-badge .badge-dot { fill: #fff; stroke: none; }
.download-badge .download-apple-icon { fill: #fff; stroke: none; }
.download-badge small, .download-badge strong { display: block; white-space: nowrap; }
.download-badge small { font-size: 8.5px; font-weight: 400; line-height: 1.05; }
.download-badge strong { font-size: 14px; font-weight: 400; line-height: 1.05; letter-spacing: -.3px; }
.download-studio { min-width: 115px; }
.download-studio strong { font-size: 13px; }
.download-studio-icon { width: 27px; height: 27px; flex: 0 0 auto; object-fit: contain; }
.download-windows { min-width: 115px; border: 0; border-radius: 0; background: #0297d5; box-shadow: none; }
.download-windows svg { width: 24px; height: 27px; stroke: none; }
.download-windows strong { font-size: 12px; }
.download-disclaimer { margin: 40px 0 0; color: rgba(220,236,255,.56); font-size: 10px; text-shadow: 0 1px 1px rgba(0,0,0,.1); }
@media (max-width: 991px) {
  .download-hero { padding-top: 58px; }
  .download-logo { width: 270px; margin-bottom: 23px; }
  .download-hero h1 { font-size: 20px; }
  .download-description { max-width: 360px; font-size: 11px; }
  .download-primary { margin-top: 46px; }
  .download-platforms { max-width: 430px; gap: 12px; }
}
@media (max-width: 420px) {
  .download-hero { padding: 54px 13px 28px; }
  .download-logo { width: 245px; }
  .download-primary { width: 100%; max-width: 325px; margin-bottom: 24px; }
  .download-badge { min-width: 132px; }
}
@media (prefers-reduced-motion: reduce) { .download-primary { transition: none; } }