/* V81 — Rewards landing-page header placement + animation polish */
body.rewards-page{overflow-x:hidden}

/* Header is part of document flow so it can never overlap the hero */
@media (max-width:900px){
  .header{
    position:relative !important;
    top:auto !important;
    left:auto !important;
    right:auto !important;
    z-index:40 !important;
    padding:12px 12px 10px !important;
    background:#08090d !important;
  }
  .header .header-inner{
    width:100% !important;
    max-width:none !important;
    min-height:82px !important;
    height:auto !important;
    margin:0 !important;
    padding:10px 12px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:14px !important;
    border:1px solid rgba(255,255,255,.16) !important;
    border-radius:22px !important;
    background:linear-gradient(135deg,rgba(15,16,21,.96),rgba(8,9,13,.96)) !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    box-shadow:0 14px 34px rgba(0,0,0,.34) !important;
    overflow:hidden !important;
  }
  .header .brand{
    flex:0 1 auto !important;
    min-width:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    max-width:70% !important;
  }
  .header .brand img{
    display:block !important;
    width:auto !important;
    max-width:185px !important;
    height:62px !important;
    max-height:62px !important;
    object-fit:contain !important;
    object-position:left center !important;
    filter:none !important;
    transform:none !important;
  }
  .header .menu{
    flex:0 0 58px !important;
    width:58px !important;
    height:58px !important;
    margin:0 !important;
    display:grid !important;
    place-items:center !important;
    border-radius:17px !important;
    border:1px solid rgba(255,255,255,.2) !important;
    background:#111319 !important;
    color:#fff !important;
    box-shadow:0 0 0 1px rgba(237,28,46,.08),0 10px 24px rgba(0,0,0,.34) !important;
    animation:menuBreathe81 3.2s ease-in-out infinite !important;
  }
  .rewards-hero-v70{margin-top:0 !important;padding-top:0 !important}
  .rewards-hero-image-v70{padding-top:0 !important;margin-top:0 !important;overflow:hidden !important}
  .rewards-hero-image-v70>img{
    padding-top:0 !important;
    margin-top:0 !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    object-fit:contain !important;
    position:relative !important;
    display:block !important;
  }
  .rewards-hero-shade-v70{top:0 !important}
}

@media (max-width:480px){
  .header{padding:10px 10px 8px !important}
  .header .header-inner{min-height:74px !important;padding:8px 10px !important;border-radius:18px !important}
  .header .brand img{max-width:150px !important;height:54px !important;max-height:54px !important}
  .header .menu{flex-basis:52px !important;width:52px !important;height:52px !important;border-radius:15px !important;font-size:23px !important}
}

/* Lightweight entrance animations — visible, smooth, not scroll-heavy */
.site-ready .header .header-inner{animation:headerDrop81 .75s cubic-bezier(.2,.8,.2,1) both}
.site-ready .rewards-hero-image-v70>img{animation:heroReveal81 1.15s cubic-bezier(.2,.8,.2,1) .08s both}
.site-ready .rewards-hero-copy-v70 .eyebrow{animation:rise81 .7s ease .24s both}
.site-ready .rewards-hero-copy-v70 h1{animation:rise81 .85s cubic-bezier(.2,.8,.2,1) .34s both}
.site-ready .rewards-hero-copy-v70 p{animation:rise81 .75s ease .5s both}
.site-ready .rewards-hero-copy-v70 .hero-actions{animation:rise81 .7s ease .62s both}
.site-ready .rewards-hero-rail-v70{animation:railUp81 .8s cubic-bezier(.2,.8,.2,1) .72s both}

.reward-card{animation:rewardFloat81 4.8s ease-in-out infinite}
.brand-grid .brand-card{transition:transform .35s ease,box-shadow .35s ease}
.brand-grid .brand-card:nth-child(odd){animation:brandFloat81 4.2s ease-in-out infinite}
.brand-grid .brand-card:nth-child(even){animation:brandFloat81 4.2s ease-in-out .8s infinite}
.join-form-card .btn,.rewards-hero-copy-v70 .btn{position:relative;overflow:hidden;animation:ctaPulse81 2.7s ease-in-out infinite}
.join-form-card .btn::after,.rewards-hero-copy-v70 .btn::after{content:"";position:absolute;inset:-40% auto -40% -35%;width:28%;transform:skewX(-22deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);animation:ctaSweep81 3.4s ease-in-out infinite;pointer-events:none}

@keyframes headerDrop81{from{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:translateY(0)}}
@keyframes heroReveal81{from{opacity:.25;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}
@keyframes rise81{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}
@keyframes railUp81{from{opacity:0;transform:translate(-50%,28px)}to{opacity:1;transform:translate(-50%,0)}}
@keyframes menuBreathe81{0%,100%{box-shadow:0 0 0 1px rgba(237,28,46,.08),0 10px 24px rgba(0,0,0,.34)}50%{box-shadow:0 0 0 1px rgba(237,28,46,.28),0 0 24px rgba(237,28,46,.22),0 10px 24px rgba(0,0,0,.34)}}
@keyframes rewardFloat81{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes brandFloat81{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes ctaPulse81{0%,100%{box-shadow:0 12px 28px rgba(0,0,0,.26)}50%{box-shadow:0 0 28px rgba(237,28,46,.30),0 12px 28px rgba(0,0,0,.26)}}
@keyframes ctaSweep81{0%,58%{left:-40%}88%,100%{left:125%}}

@media (max-width:900px){
  .reward-card{animation:rewardFloat81 5.8s ease-in-out infinite}
  .brand-grid .brand-card{animation:none !important}
  .join-form-card .btn,.rewards-hero-copy-v70 .btn{animation:ctaPulse81 3.4s ease-in-out infinite}
}

@media (prefers-reduced-motion:reduce){
  .header .menu,.reward-card,.brand-grid .brand-card,.join-form-card .btn,.rewards-hero-copy-v70 .btn,
  .site-ready .header .header-inner,.site-ready .rewards-hero-image-v70>img,.site-ready .rewards-hero-copy-v70 .eyebrow,
  .site-ready .rewards-hero-copy-v70 h1,.site-ready .rewards-hero-copy-v70 p,.site-ready .rewards-hero-copy-v70 .hero-actions,
  .site-ready .rewards-hero-rail-v70{animation:none !important;transform:none !important;opacity:1 !important}
}