.header {
  position: sticky;
  top: 0;
  z-index: 20;
  background: #111612f5;
  box-shadow: 0 8px 24px #00000024;
}
.header nav .download-cta,
.hero-actions .download-cta {
  color: #241806;
  background: linear-gradient(135deg, #fff0b5, #f4c36e 56%, #e8a947);
  border: 1px solid #ffe6a8;
  border-radius: 10px;
  font-weight: 800;
  white-space: nowrap;
  box-shadow: 0 0 24px #edb65345, inset 0 1px 0 #fff9;
  transition: transform .18s, box-shadow .18s;
}
.header nav .download-cta {
  display: inline-flex;
  align-items: center;
  min-height: 48px;
  padding: 12px 24px;
  font-size: 15px;
}
.hero-actions .download-cta {
  min-height: 64px;
  padding: 19px 30px;
  font-size: 18px;
  gap: 28px;
  box-shadow: 0 8px 30px #edb6533b, 0 0 0 4px #e7b66f0d, inset 0 1px 0 #fff9;
}
.download-cta > span { font-size: 22px; font-weight: 500; }
.header nav .download-cta:hover,
.hero-actions .download-cta:hover {
  color: #241806;
  transform: translateY(-2px);
  box-shadow: 0 8px 36px #edb65366, inset 0 1px 0 #fff;
}
@media (max-width: 1000px) {
  .hero-actions { flex-wrap: wrap; gap: 20px; }
}
@media (max-width: 700px) {
  .header nav > a:not(.nav-cta) { display: none; }
  .header nav .download-cta { min-height: 44px; padding: 10px 16px; font-size: 14px; }
  .hero-actions { align-items: flex-start; flex-direction: column; }
  .hero-actions .download-cta { min-height: 60px; padding: 17px 26px; font-size: 17px; }
  :root { scroll-padding-top: 90px; }
}