/* SyokBox Landing V3.15 — approved hero + V3.12 phone restoration */

/* Hero stays plain solid SyokBox blue. No decorative artwork. */
.hero-head-block{background:#1747d5!important;background-image:none!important}
.hero-head-block::before,.hero-head-block::after{display:none!important;content:none!important}
.hero-head-block h1 mark,
.hero-head-block h1 em{color:#F5C842!important;background:none!important;font-style:normal!important;padding:0!important}

/* Remove ALL step numbering labels (01/02/03/04). */
.hero .hero-motion .motion-copy>span{display:none!important}
.hero .hero-motion .motion-copy{min-height:auto!important}
.hero .hero-motion .motion-copy h3{margin-top:0!important}

/* Restore the exact V3.12 phone proportion/presentation. */
.hero .hero-motion .phone,
.hero .hero-motion .phone-v34{
  width:284px!important;
  max-width:86vw!important;
  height:590px!important;
  border:8px solid #111b34!important;
  border-radius:44px!important;
  margin:8px auto 0!important;
}
.hero .hero-motion .phone-notch{
  top:7px!important;
  width:105px!important;
  height:24px!important;
  border-radius:15px!important;
}
.hero .hero-motion .phone-v34 .phone-screen{
  padding:45px 10px 10px!important;
}
.hero .hero-motion .phone-v34 .slide{
  inset:45px 10px 10px!important;
}
@media(max-width:430px){
  .hero .hero-motion .phone,
  .hero .hero-motion .phone-v34{width:284px!important;height:590px!important;max-width:86vw!important}
}

/* Reward confetti is the top visual layer only; phone layout remains V3.12. */
.phone-v34 .win-slide-v34{isolation:isolate!important;overflow:hidden!important}
.phone-v34 .full-confetti{z-index:30!important;pointer-events:none!important}
.phone-v34 .win-slide-v34>*:not(.full-confetti){position:relative;z-index:3!important}