/* WHOOPS Bounty Hunter — Home page */
.hero{padding:var(--sp-6) 0 var(--sp-5);position:relative;text-align:center;}
.hero h1{margin-bottom:var(--sp-3);position:relative;display:inline-block;text-shadow:none;}
.hero h1 .l1{display:block;position:relative;}
.hero h1 .l2{color:var(--color-yellow);display:block;}
.hero h1 .l3{color:var(--color-red-bright);display:block;}
.hero-star{position:absolute;color:var(--color-yellow);width:20px;height:20px;}
.hero-star.s1{top:-6px;left:-26px;}
.hero-star.s2{bottom:2px;right:-28px;color:var(--color-red-bright);}
.hero p{max-width:36ch;font-size:.96rem;margin:0 auto;}

.home-section{margin-top:var(--sp-6);}
.home-section .section-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--sp-3);}
.home-section .section-head a{font-family:var(--font-body);font-size:.8rem;font-weight:700;color:var(--color-yellow);}

/* "ready to hunt?" CTA card — replaces the old decorative cabinet preview */
.ready-card{background:var(--grad-panel);border:1px solid var(--color-line);border-radius:var(--r-xl);
  padding:var(--sp-5);display:flex;align-items:center;gap:var(--sp-4);box-shadow:var(--shadow-card);flex-wrap:wrap;}
.ready-card-ic{width:56px;height:56px;border-radius:var(--r-lg);flex-shrink:0;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(160deg,#2e2e2e,#101010);border:1px solid var(--color-line);color:var(--color-yellow);}
.ready-card-ic .wb-uic{width:28px;height:28px;}
.ready-card-copy{flex:1;min-width:180px;}
.ready-card-copy h3{margin-bottom:2px;}
.ready-card-copy p{margin:0;font-size:.85rem;}
.ready-card .btn{width:100%;margin-top:var(--sp-1);}
.ready-card-hint{width:100%;margin:0;display:flex;align-items:center;gap:6px;justify-content:center;
  font-size:.76rem;font-weight:600;color:var(--color-text-mute);}
.ready-card-hint b{color:var(--color-yellow);}
.ready-card-hint .wb-uic{color:var(--color-yellow);width:14px;height:14px;}

/* wallet preview (Home) */
.wallet-preview{display:flex;flex-direction:column;gap:2px;padding:6px;}
.wallet-preview-empty{text-align:center;padding:var(--sp-6) var(--sp-4);color:var(--color-text-mute);font-size:.88rem;}
.wp-row{display:flex;align-items:center;gap:12px;padding:11px 10px;border-radius:var(--r-md);transition:background var(--dur-fast);}
.wp-row:hover{background:rgba(255,255,255,.03);}
.wp-row .wp-ic{width:38px;height:38px;border-radius:10px;background:var(--color-panel-2);display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:7px;}
.wp-row .wp-name{flex:1;font-weight:700;font-size:.88rem;color:var(--color-text);}

.how-steps{display:grid;grid-template-columns:1fr;gap:var(--sp-3);}
@media (min-width:640px){ .how-steps{grid-template-columns:repeat(3,1fr);} }
.how-step{background:var(--grad-panel);border:1px solid var(--color-line);border-radius:var(--r-md);padding:var(--sp-4);box-shadow:var(--shadow-card);}
.how-step .num{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;
  background:var(--color-red);color:#fff;font-family:var(--font-display);font-size:.9rem;margin-bottom:var(--sp-2);}
.how-step h3{margin-bottom:4px;font-size:1.05rem;}
.how-step p{margin:0;font-size:.85rem;}

@media (min-width:768px){
  .hero{text-align:left;padding:var(--sp-8) 0 var(--sp-6);}
  .hero p{margin:0;}
}