/* =========================================================
   DOWNLOAD (store buttons + email capture) — matches sections/download.html
   ========================================================= */
.download{
  background:radial-gradient(120% 100% at 50% 0%, var(--primary-mid) 0%, var(--primary-dark) 60%);
  color:var(--cream); text-align:center; position:relative; overflow:hidden;
}
.download h2{font-size:clamp(34px,5vw,54px); margin-bottom:18px;}
.download p.sub{max-width:520px; margin:0 auto 42px; color:rgba(246,241,228,0.75); font-size:16.5px; line-height:1.65;}
.store-row{display:flex; justify-content:center; gap:18px; flex-wrap:wrap; margin-bottom:34px;}
.store-btn{
  display:flex; align-items:center; gap:12px; padding:13px 22px;
  border:1px solid rgba(246,241,228,0.28); border-radius:12px;
  background:rgba(246,241,228,0.05); position:relative; cursor:default;
}
.store-btn .glyph{width:26px; height:26px; opacity:0.9;}
.store-btn .txt{text-align:left;}
.store-btn .txt small{display:block; font-size:10.5px; letter-spacing:0.6px; color:rgba(246,241,228,0.55); text-transform:uppercase;}
.store-btn .txt strong{font-family:var(--font-display); font-size:18px; font-weight:600;}
.soon-badge{
  position:absolute; top:-10px; right:-8px; background:var(--gold); color:var(--primary-dark);
  font-size:10px; font-weight:800; letter-spacing:0.5px; padding:3px 8px; border-radius:100px;
  text-transform:uppercase;
}
.notify-box{
  max-width:460px; margin:0 auto; display:flex; gap:10px; background:rgba(246,241,228,0.08);
  border:1px solid rgba(246,241,228,0.25); padding:8px; border-radius:12px;
}
.notify-box input{
  flex:1; background:transparent; border:none; outline:none; color:var(--cream);
  padding:12px 14px; font-size:14.5px; font-family:var(--font-body);
}
.notify-box input::placeholder{color:rgba(246,241,228,0.45);}
.notify-box button{
  background:var(--gold); color:var(--primary-dark); border:none; border-radius:8px;
  padding:12px 20px; font-weight:700; font-size:14px; cursor:pointer; white-space:nowrap;
}
.download-note{margin-top:16px; font-size:12.5px; color:rgba(246,241,228,0.5);}

@media (max-width: 900px){
  .notify-box{flex-direction:column;}
}
.live-badge{
  background:var(--gold);
  color:var(--primary-dark);
  /* reuse whatever positioning/font rules .soon-badge already has */
}