/* ============ CASHCORD HERO — GoldBoys-killer, own brand ============ */
/* tokens assumed from site: --lime #c9f56c, --black #080a07, --white #f5f5ef, --muted #a1a69b, --line #282d22 */
.hero{position:relative;overflow:hidden;isolation:isolate;background:#070a06;padding-top:92px;}
/* ---- background: blurred athletes + green glow + grid ---- */
.hero-bg{position:absolute;inset:0;z-index:-2;pointer-events:none;}
.hero-athletes{position:absolute;inset:0;background-size:cover;background-position:center 32%;
  filter:blur(13px) saturate(1.08) brightness(.78);transform:scale(1.08);will-change:opacity;}
/* slow 4-way cross-fade carousel between the blurred sport backgrounds (ambient motion) */
.hero-athletes.ath-1{opacity:1;animation:athFade1 32s ease-in-out infinite;}
.hero-athletes.ath-2{opacity:0;animation:athFade2 32s ease-in-out infinite;background-position:center 28%;}
.hero-athletes.ath-3{opacity:0;animation:athFade3 32s ease-in-out infinite;background-position:center 34%;}
.hero-athletes.ath-4{opacity:0;animation:athFade4 32s ease-in-out infinite;background-position:center 30%;}
@keyframes athFade1{0%,19%{opacity:1}25%,94%{opacity:0}100%{opacity:1}}
@keyframes athFade2{0%,19%{opacity:0}25%,44%{opacity:1}50%,100%{opacity:0}}
@keyframes athFade3{0%,44%{opacity:0}50%,69%{opacity:1}75%,100%{opacity:0}}
@keyframes athFade4{0%,69%{opacity:0}75%,94%{opacity:1}100%{opacity:0}}


@media(prefers-reduced-motion:reduce){
  .hero-athletes.ath-1{animation:none;opacity:1;}
  .hero-athletes.ath-2,.hero-athletes.ath-3,.hero-athletes.ath-4{animation:none;opacity:0;}
}
/* placeholder sports-energy gradient until real athlete images drop in (via .has-athletes) */
.hero-athletes::before{content:"";position:absolute;inset:0;
  background:
    radial-gradient(42% 55% at 22% 32%,rgba(90,130,60,.5),transparent 70%),
    radial-gradient(38% 50% at 78% 28%,rgba(60,90,70,.45),transparent 72%),
    radial-gradient(50% 60% at 55% 85%,rgba(40,60,35,.6),transparent 75%),
    linear-gradient(180deg,#0c130a,#070a06);}
.hero.has-athletes .hero-athletes::before{display:none;}
.hero-glow{position:absolute;inset:0;
  background:radial-gradient(60% 55% at 50% 42%,rgba(201,245,108,.16),transparent 62%),
             radial-gradient(40% 40% at 78% 70%,rgba(201,245,108,.1),transparent 65%);
  mix-blend-mode:screen;}
.hero-grid-lines{position:absolute;inset:0;opacity:.5;
  background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:radial-gradient(75% 75% at 50% 40%,#000,transparent 92%);}
.hero-vignette{position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(7,10,6,.55) 0%,transparent 22%,transparent 58%,#070a06 100%);}

/* ---- layout ---- */
.hero-inner{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;
  padding-block:54px 40px;min-height:560px;}
.hero-copy{position:relative;z-index:1;max-width:560px;}
.hero-eyebrow{display:inline-flex;align-items:center;gap:9px;font:700 12px Arial,sans-serif;
  letter-spacing:2px;text-transform:uppercase;color:#c4ccba;margin-bottom:22px;}
.live-dot{width:8px;height:8px;border-radius:50%;background:var(--lime,#c9f56c);
  box-shadow:0 0 0 0 rgba(201,245,108,.6);animation:pulse 2.2s infinite;}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(201,245,108,.55)}70%{box-shadow:0 0 0 9px rgba(201,245,108,0)}100%{box-shadow:0 0 0 0 rgba(201,245,108,0)}}
.hero-copy h1{font-family:var(--display,'Anton',Impact,sans-serif);font-weight:400;
  font-size:clamp(38px,4.8vw,62px);line-height:1.05;letter-spacing:.004em;color:var(--white,#f5f5ef);margin:0;
  text-wrap:balance;}
.hero-sub{font:400 18px/1.6 Arial,Helvetica,sans-serif;color:#b7c0ad;max-width:490px;margin:24px 0 0;}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px;}
.hbtn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:15px 28px;
  border-radius:8px;font:800 15px Arial,sans-serif;letter-spacing:.2px;transition:transform .16s,box-shadow .16s,background .16s;}
.hbtn.primary{background:var(--lime,#c9f56c);color:#0c1206;box-shadow:0 0 28px rgba(201,245,108,.32);}
.hbtn.primary:hover{background:#d8ff82;transform:translateY(-2px);box-shadow:0 0 38px rgba(201,245,108,.48);}
.hbtn.ghost{background:rgba(255,255,255,.04);color:var(--white,#f5f5ef);border:1px solid #454d3b;}
.hbtn.ghost:hover{border-color:var(--lime,#c9f56c);color:var(--lime,#c9f56c);}

/* ---- reviews / proof widget (gold accent = premium third color) ---- */
.hero-proof{display:inline-flex;align-items:center;gap:16px;margin-top:30px;padding:13px 20px;
  background:rgba(14,18,10,.72);border:1px solid #2f3a1f;border-radius:12px;backdrop-filter:blur(6px);
  flex-wrap:wrap;}
.hero-proof .proof-item{display:inline-flex;align-items:center;gap:9px;}
.hero-proof .stars{color:#f5c044;font-size:16px;letter-spacing:2px;line-height:1;
  text-shadow:0 0 14px rgba(245,192,68,.35);}
.hero-proof .rtext{font:600 13.5px Arial,sans-serif;color:#aeb6a2;white-space:nowrap;}
.hero-proof .rtext b{color:var(--white,#f5f5ef);font-weight:800;}
.hero-proof .divd{width:1px;height:20px;background:#3a4528;}

/* ---- silver swipeable phone ---- */
.hero-phone-wrap{position:relative;z-index:1;display:flex;justify-content:center;align-items:center;}
.phone-glow{position:absolute;width:78%;height:78%;left:11%;top:11%;z-index:-1;
  background:radial-gradient(circle,rgba(201,245,108,.22),transparent 68%);filter:blur(30px);}
.phone{position:relative;width:296px;height:600px;border-radius:44px;padding:11px;
  background:linear-gradient(155deg,#e8ecf0 0%,#aab2bd 20%,#8b94a1 45%,#c2c9d2 60%,#767e8b 82%,#9aa2ae 100%);
  box-shadow:0 30px 70px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.3) inset,0 2px 6px rgba(255,255,255,.4) inset;}
.phone-notch{position:absolute;top:11px;left:50%;transform:translateX(-50%);width:120px;height:26px;
  background:#0a0d08;border-radius:0 0 16px 16px;z-index:3;}
.phone-screen{position:relative;width:100%;height:100%;border-radius:34px;overflow:hidden;
  background:linear-gradient(180deg,#0e130b,#0a0d08);display:flex;flex-direction:column;}
.pscreen-top{display:flex;align-items:center;justify-content:space-between;padding:26px 20px 14px;
  border-bottom:1px solid #1d2416;}
.pscreen-logo{height:22px;width:auto;}
.pscreen-sub{font:800 9px Arial,sans-serif;letter-spacing:1.4px;color:var(--lime,#c9f56c);
  display:inline-flex;align-items:center;gap:5px;}
.pscreen-sub::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--lime,#c9f56c);
  box-shadow:0 0 8px rgba(201,245,108,.8);}
/* testimonial track — horizontal swipe */
.testi-track{flex:1;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;
  scrollbar-width:none;overscroll-behavior-x:contain;}
.testi-track::-webkit-scrollbar{display:none;}
.testi-slide{min-width:100%;scroll-snap-align:center;padding:34px 22px;display:flex;flex-direction:column;
  justify-content:center;gap:18px;}
.testi-quote{font-size:16px;line-height:1.58;}
.testi-rating-row{display:flex;align-items:center;justify-content:space-between;}
.testi-vfd{font:800 9px Arial,sans-serif;letter-spacing:1px;color:#8e9b82;display:inline-flex;align-items:center;gap:4px;}
.testi-vfd::before{content:"✓";color:var(--lime,#c9f56c);font-size:11px;}
.testi-quote{font:500 15.5px/1.55 Arial,sans-serif;color:#e6ebdf;}
.testi-quote .hl{color:var(--lime,#c9f56c);font-weight:700;}
.testi-stars{color:#f5c044;font-size:13px;letter-spacing:1.5px;}
.testi-who{display:flex;align-items:center;gap:10px;margin-top:4px;}
.testi-av{width:34px;height:34px;border-radius:50%;flex-shrink:0;
  background:linear-gradient(135deg,#c9f56c,#7fae2e);display:flex;align-items:center;justify-content:center;
  font:900 14px Arial,sans-serif;color:#0c1206;}
.testi-name{font:800 13px Arial,sans-serif;color:var(--white,#f5f5ef);line-height:1.2;}
.testi-handle{font:600 11px Arial,sans-serif;color:#8e9b82;}
.testi-dots{display:flex;justify-content:center;gap:7px;padding:14px 0 20px;}
.testi-dots button{width:7px;height:7px;border-radius:50%;background:#394527;border:0;padding:0;cursor:pointer;transition:.2s;}
.testi-dots button.on{background:var(--lime,#c9f56c);width:20px;border-radius:4px;}

/* ---- bottom strip ---- */
.hero-strip{display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;
  padding-block:22px;border-top:1px solid var(--line,#282d22);}
.strip-lead{font:700 12px Arial,sans-serif;letter-spacing:1.4px;text-transform:uppercase;color:#8e9b92;}
.strip-sports{display:flex;align-items:center;gap:26px;flex-wrap:wrap;}
.strip-sports>span{font-family:var(--display,'Anton',Impact,sans-serif);font-size:24px;color:#b5bfa8;letter-spacing:1px;}
.strip-sports .more{font:700 11px Arial,sans-serif;letter-spacing:1.4px;color:#838c76;text-transform:uppercase;}

/* ===================== RESPONSIVE ===================== */
@media(max-width:1024px){
  .hero-inner{gap:30px;min-height:auto;}
  .hero-copy h1{font-size:clamp(38px,5.6vw,56px);}
  .phone{width:264px;height:536px;}
}
@media(max-width:820px){
  .hero{padding-top:74px;}
  .hero-inner{grid-template-columns:1fr;gap:38px;padding-block:40px 30px;text-align:center;}
  .hero-copy{max-width:620px;margin:0 auto;}
  .hero-sub{margin-left:auto;margin-right:auto;}
  .hero-actions{justify-content:center;}
  .hero-proof{margin-left:auto;margin-right:auto;}
  .hero-eyebrow{justify-content:center;}
  .hero-phone-wrap{order:2;}
}
@media(max-width:600px){
  .hero-inner{padding-block:30px 24px;}
  .hero-copy h1{font-size:clamp(32px,8.8vw,44px);}
  .hero-sub{font-size:16px;}
  .hbtn{min-height:50px;padding:14px 22px;font-size:14px;}
  .hero-actions{flex-direction:column;}
  .hbtn{width:100%;}
  .phone{width:248px;height:504px;}
  .strip-sports{gap:16px;}
  .strip-sports>span{font-size:19px;}
  .hero-strip{justify-content:center;}
}
@media(max-width:380px){
  .phone{width:224px;height:456px;}
  .hero-proof{gap:9px;padding:10px 13px;}
  .hero-proof .rtext{font-size:12px;}
}
@media(prefers-reduced-motion:reduce){
  .live-dot{animation:none;}
  .hbtn,.testi-dots button{transition:none;}
}


/* ===== FIRE ANIMATED BADGE PHONE ===== */
.badge-screen{position:relative;display:flex;flex-direction:column;background:
  radial-gradient(120% 80% at 50% 38%,#12210e 0%,#0b1108 60%,#070c06 100%);} 
.bscreen-top{display:flex;justify-content:center;padding:30px 20px 6px;z-index:3;}
.bscreen-live{font:800 10px Arial,sans-serif;letter-spacing:2px;color:#c9f56c;display:inline-flex;align-items:center;gap:7px;
  background:rgba(201,245,108,.08);border:1px solid #c9f56c40;padding:7px 14px;border-radius:30px;}
.bdot{width:7px;height:7px;border-radius:50%;background:#c9f56c;box-shadow:0 0 10px #c9f56c;animation:bPulse 1.8s infinite;}
@keyframes bPulse{0%,100%{opacity:1;box-shadow:0 0 10px #c9f56c}50%{opacity:.35;box-shadow:0 0 3px #c9f56c}}

.badge-stage{position:relative;flex:1;display:flex;align-items:center;justify-content:center;isolation:isolate;}
/* spinning conic ring */
.badge-ring{position:absolute;width:300px;height:300px;border-radius:50%;z-index:1;
  background:conic-gradient(from 0deg,transparent 0deg,#c9f56c 70deg,transparent 150deg,transparent 210deg,#7fae2e 280deg,transparent 360deg);
  filter:blur(5px);opacity:.75;animation:ringSpin 6s linear infinite;
  mask:radial-gradient(circle,transparent 60%,#000 61%,#000 74%,transparent 75%);
  -webkit-mask:radial-gradient(circle,transparent 60%,#000 61%,#000 74%,transparent 75%);}
@keyframes ringSpin{to{transform:rotate(360deg)}}
/* breathing halo */
.badge-halo{position:absolute;width:360px;height:360px;border-radius:50%;z-index:0;
  background:radial-gradient(circle,rgba(201,245,108,.32),transparent 62%);filter:blur(18px);
  animation:haloBreath 3.6s ease-in-out infinite;}
@keyframes haloBreath{0%,100%{transform:scale(.9);opacity:.6}50%{transform:scale(1.12);opacity:1}}
/* badge core floats */
.badge-core{position:relative;z-index:2;width:262px;height:262px;border-radius:40px;overflow:hidden;
  box-shadow:0 20px 50px rgba(0,0,0,.6),0 0 0 1px rgba(201,245,108,.25),0 0 40px rgba(201,245,108,.22);
  animation:coreFloat 5s ease-in-out infinite;}
@keyframes coreFloat{0%,100%{transform:translateY(-6px)}50%{transform:translateY(6px)}}
.badge-img{width:100%;height:100%;object-fit:contain;display:block;}
/* shimmer sweep */
.badge-shine{position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.28) 46%,rgba(255,255,255,.05) 54%,transparent 68%);
  transform:translateX(-120%);animation:shine 4.2s ease-in-out infinite;}
@keyframes shine{0%,55%{transform:translateX(-120%)}80%,100%{transform:translateX(120%)}}
/* bottom ticker */
.bscreen-foot{z-index:3;padding:0 0 28px;overflow:hidden;}
.bticker{white-space:nowrap;overflow:hidden;border-top:1px solid #203116;padding-top:14px;
  mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);
  -webkit-mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);}
.bticker span{display:inline-block;font:800 10px Arial,sans-serif;letter-spacing:2px;color:#8ea67a;
  animation:tick 14s linear infinite;}
@keyframes tick{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){
  .badge-ring,.badge-halo,.badge-core,.badge-shine,.bticker span,.bdot{animation:none;}
  .badge-shine{display:none;}
}

/* responsive badge sizing (after base rules so it wins the cascade) */
@media(max-width:1100px){.badge-core{width:236px;height:236px}.badge-ring{width:276px;height:276px}.badge-halo{width:332px;height:332px}}
@media(max-width:480px){.badge-core{width:220px;height:220px}.badge-ring{width:258px;height:258px}.badge-halo{width:312px;height:312px}}
@media(max-width:380px){.badge-core{width:198px;height:198px}.badge-ring{width:236px;height:236px}.badge-halo{width:286px;height:286px}}