.download-page { background: #f6f2e7; }

.download-section {
  min-height: 70vh;
  padding: 3rem 0 5rem;
  background:
    radial-gradient(circle at 8% 8%, rgba(102, 212, 211, .18), transparent 27rem),
    linear-gradient(180deg, #eef6f1 0, #f6f2e7 34rem, #fbf8f0 100%);
}

.download-shell { width: min(1040px, calc(100% - 2rem)); }

.download-breadcrumb {
  display: flex;
  align-items: center;
  gap: .55rem;
  margin-bottom: 1.25rem;
  color: #526473;
  font-size: .88rem;
}

.download-breadcrumb a { color: #076168; font-weight: 700; text-decoration: none; }

.download-card {
  display: grid;
  grid-template-columns: minmax(190px, 250px) 1fr;
  gap: clamp(1.6rem, 4vw, 3.5rem);
  align-items: center;
  padding: clamp(1.5rem, 4vw, 3rem);
  overflow: hidden;
  border: 1px solid rgba(7, 97, 104, .18);
  border-radius: 26px;
  background: rgba(255, 255, 255, .92);
  box-shadow: 0 24px 64px rgba(7, 31, 34, .12);
}

.download-cover-panel {
  position: relative;
  width: min(100%, 250px);
  margin-inline: auto;
}

.download-cover-panel::after {
  content: '';
  position: absolute;
  inset: 5% -10% -8%;
  z-index: -1;
  border-radius: 50%;
  background: rgba(34, 150, 156, .17);
  filter: blur(25px);
}

.download-cover-panel img {
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid rgba(239, 182, 75, .72);
  border-radius: 4px;
  box-shadow: 2px 2px 0 #f7eedc, 4px 4px 0 #d8c48f, 12px 18px 34px rgba(7, 31, 34, .28);
}

.download-release {
  position: absolute;
  top: .8rem;
  left: -.75rem;
  z-index: 2;
  padding: .45rem .75rem;
  border: 1px solid rgba(255, 255, 255, .6);
  border-radius: 999px;
  color: #071f22;
  background: #efb64b;
  box-shadow: 0 8px 18px rgba(7, 31, 34, .2);
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .04em;
}

.download-kicker,
.support-eyebrow {
  margin: 0 0 .6rem;
  color: #076168;
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.download-info h1 {
  max-width: 680px;
  margin: 0 0 .8rem;
  color: #071f22;
  font-family: 'Cinzel', Georgia, serif;
  font-size: clamp(1.65rem, 4vw, 2.65rem);
  line-height: 1.16;
}

.download-lead {
  max-width: 680px;
  margin: 0;
  color: #526473;
  font-size: 1.05rem;
  line-height: 1.65;
}

.release-status {
  margin-top: 1.6rem;
  padding-top: 1.4rem;
  border-top: 1px solid rgba(7, 97, 104, .14);
}

.release-status-heading {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
}

.release-status-heading h2 {
  margin: 0;
  color: #16314a;
  font-family: 'Cinzel', Georgia, serif;
  font-size: 1rem;
}

.release-status-heading span { color: #647683; font-size: .8rem; }

.release-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: .75rem; }

.release-stat {
  min-height: 96px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: .9rem;
  border: 1px solid rgba(7, 97, 104, .14);
  border-radius: 14px;
  background: #f2f8f4;
}

.release-stat strong {
  color: #076168;
  font-family: 'Cinzel', Georgia, serif;
  font-size: 1.55rem;
}

.release-stat span { color: #526473; font-size: .78rem; line-height: 1.25; }

#dl-progress-note { margin: 1rem 0 0; color: #526473; font-size: .9rem; line-height: 1.55; }

.download-support {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(280px, 1.05fr);
  gap: 1.5rem 2rem;
  margin-top: 1.5rem;
  padding: clamp(1.5rem, 4vw, 2.5rem);
  border: 1px solid rgba(239, 182, 75, .4);
  border-radius: 22px;
  color: #f7eedc;
  background:
    radial-gradient(circle at 90% 10%, rgba(102, 212, 211, .16), transparent 18rem),
    linear-gradient(135deg, #071f22, #063b43 58%, #07545b);
  box-shadow: 0 20px 48px rgba(7, 31, 34, .2);
}

.support-copy h2 {
  margin: 0 0 .75rem;
  color: #efb64b;
  font-family: 'Cinzel', Georgia, serif;
  font-size: clamp(1.35rem, 3vw, 1.9rem);
}

.download-support .support-eyebrow { color: #66d4d3; }

.support-copy p { margin: 0; color: rgba(247, 238, 220, .9); line-height: 1.65; }
.support-copy .support-assurance { margin-top: .85rem; color: #9bdedd; font-size: .88rem; }

.instagram-card {
  min-height: 150px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 1rem;
  padding: 1.25rem;
  border: 1px solid rgba(102, 212, 211, .34);
  border-radius: 16px;
  background: rgba(0, 0, 0, .18);
}

.instagram-profile-copy {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.instagram-card span {
  color: #9bdedd;
  font-size: .7rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.instagram-card strong {
  color: #f7eedc;
  font-family: 'Cinzel', Georgia, serif;
  font-size: 1.05rem;
}

.instagram-profile-photo {
  width: 72px;
  height: 72px;
  border: 2px solid #efb64b;
  border-radius: 50%;
  object-fit: cover;
  box-shadow: 0 0 0 4px rgba(239, 182, 75, .12), 0 10px 24px rgba(0, 0, 0, .28);
}

.instagram-profile-button {
  grid-column: 1 / -1;
  width: 100%;
  color: #071f22;
  background: linear-gradient(135deg, #f7eedc, #efb64b);
}

.download-unlock {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
  padding-top: 1.25rem;
  border-top: 1px solid rgba(247, 238, 220, .14);
}

.download-file-button {
  min-width: 230px;
  border-color: #efb64b;
  color: #071f22;
  background: #efb64b;
}

.download-file-button[aria-disabled='true'] { pointer-events: none; opacity: .52; }
.download-delivery { flex: 1 1 100%; margin: 0; color: rgba(247, 238, 220, .72); font-size: .82rem; }

.download-safety {
  margin-top: 1.5rem;
  padding: 1.15rem 1.35rem;
  border-left: 4px solid #d0bb6c;
  border-radius: 0 14px 14px 0;
  color: #354b5d;
  background: rgba(255, 255, 255, .72);
}

.download-safety strong { color: #16314a; }
.download-safety p { margin: .25rem 0 0; }
.download-back { display: inline-block; margin-top: 1.5rem; color: #076168; font-weight: 700; text-decoration: none; }
.download-back:hover { text-decoration: underline; }

@media (max-width: 760px) {
  .download-section { padding-top: 1.5rem; }
  .download-card { grid-template-columns: 1fr; }
  .download-cover-panel { width: min(58vw, 230px); }
  .download-info { text-align: center; }
  .release-status-heading { align-items: center; flex-direction: column; gap: .35rem; }
  .release-stat { text-align: left; }
  .download-support { grid-template-columns: 1fr; }
  .download-unlock { align-items: stretch; flex-direction: column; flex-wrap: nowrap; }
  .download-file-button { width: 100%; }
  .download-delivery { flex: 0 0 auto; width: 100%; }
}

@media (max-width: 480px) {
  .release-stats { grid-template-columns: 1fr; }
  .release-stat { min-height: 78px; align-items: center; text-align: center; }
  .instagram-card { gap: .75rem; padding: 1rem; }
  .instagram-profile-photo { width: 62px; height: 62px; }
  .instagram-card strong { font-size: .95rem; }
}