/* =====================================================================
   Homepage "Refer & Earn" band — self-contained (V12-B: Split + stepped chips)
   Prefixed .rb-* so nothing collides with the rest of the page.
   Reward = $500 to the referrer (mirror of REFERRAL_BONUS).
   ===================================================================== */
.rb{position:relative;background:var(--c-ink-deep);color:#fff;overflow:hidden;}
.rb::before{content:"";position:absolute;inset:0;background:var(--c-brand);
  clip-path:polygon(58% 0,100% 0,100% 100%,42% 100%);}
.rb-wrap{position:relative;z-index:1;max-width:var(--maxw);margin:0 auto;
  padding:84px 24px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;}
.rb-eyebrow{display:inline-block;white-space:nowrap;background:rgba(255,255,255,.14);color:#fff;
  font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  padding:7px 14px;border-radius:999px;margin-bottom:18px;}
.rb h2{font-size:clamp(30px,3.6vw,46px);font-weight:800;line-height:1.05;
  letter-spacing:-.018em;margin:0 0 16px;max-width:16ch;text-wrap:balance;}
.rb-copy{font-size:16px;line-height:1.65;color:#C9CCD6;max-width:42ch;margin:0 0 28px;}
.rb-cta{display:flex;gap:14px;flex-wrap:wrap;align-items:center;}
.rb-cta .btn{white-space:nowrap;}

/* reward side ---------------------------------------------------------- */
.rb-amt{text-align:center;}
.rb-big{font-size:clamp(96px,12vw,160px);font-weight:800;letter-spacing:-.04em;
  line-height:.86;display:inline-flex;align-items:flex-start;justify-content:center;
  text-shadow:0 24px 60px rgba(0,0,0,.35);}
.rb-big .cur{font-size:.4em;margin-top:.16em;margin-right:.03em;color:rgba(255,255,255,.85);}
.rb-lab{display:block;margin-top:16px;font-size:13px;font-weight:700;
  letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.82);}
.rb-steps{margin-top:30px;display:flex;flex-direction:column;gap:12px;
  max-width:380px;margin-inline:auto;}
.rb-step{display:flex;align-items:center;gap:14px;padding:14px 18px;
  background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);
  border-radius:14px;backdrop-filter:blur(6px);text-align:left;}
.rb-step .n{flex:none;width:30px;height:30px;border-radius:50%;background:#fff;
  color:var(--c-brand);font-weight:800;font-size:14px;display:flex;
  align-items:center;justify-content:center;}
.rb-step b{display:block;font-size:15px;font-weight:700;}
.rb-step span{font-size:13px;color:rgba(255,255,255,.74);}

@media (max-width:920px){
  .rb-wrap{grid-template-columns:1fr;gap:36px;text-align:center;padding:64px 24px;}
  .rb::before{clip-path:polygon(0 64%,100% 48%,100% 100%,0 100%);}
  .rb h2{max-width:none;margin-inline:auto;}
  .rb-copy{margin-inline:auto;}
  .rb-cta{justify-content:center;}
  .rb-steps{margin-inline:auto;}
}