/* VOZAYA 0.19.47 — IPHONE-ONLY HERO FLOW
   Built from 0.19.45 so desktop/tablet inherit NO 0.19.46 layout changes.
   Rules require BOTH a small viewport AND a coarse/touch pointer. */

@media (max-width:760px) and (hover:none) and (pointer:coarse){

  .early-access-hero{
    min-height:0!important;
    height:auto!important;
    padding-top:2.6rem!important;
    padding-bottom:3.75rem!important;
    overflow:hidden!important;
  }

  .early-access-hero > .wrap.early-access-grid{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    width:min(calc(100% - 28px),430px)!important;
    max-width:430px!important;
    margin-inline:auto!important;
    gap:0!important;
    min-height:0!important;
  }

  .early-access-copy{
    order:1!important;
    position:relative!important;
    z-index:5!important;
    width:100%!important;
    max-width:100%!important;
    margin:0 auto!important;
    padding:0!important;
    text-align:center!important;
    overflow:visible!important;
  }

  .early-access-copy > .kicker{
    max-width:92%!important;
    margin:.35rem auto 1rem!important;
    text-align:center!important;
  }

  .join-free-lockup{
    width:100%!important;
    max-width:100%!important;
    margin:.2rem auto 1.1rem!important;
    justify-items:center!important;
  }

  .join-free-lockup > .free-word{
    text-align:center!important;
  }

  .join-free-side{
    text-align:center!important;
    justify-self:center!important;
  }

  .early-access-copy h1{
    width:100%!important;
    max-width:8.7ch!important;
    margin:1rem auto 1rem!important;
    text-align:center!important;
  }

  .early-access-copy > .lead{
    max-width:34ch!important;
    margin:0 auto 1.35rem!important;
    text-align:center!important;
  }

  .early-access-actions{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    max-width:360px!important;
    margin:1.15rem auto 0!important;
    gap:.75rem!important;
    position:relative!important;
    z-index:6!important;
  }

  .early-access-actions .btn{
    width:100%!important;
    min-height:54px!important;
    justify-content:center!important;
    margin:0!important;
  }

  .early-wheel-panel{
    order:2!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    width:100%!important;
    max-width:100%!important;
    margin:3.2rem auto 0!important;
    padding:0!important;
    position:relative!important;
    z-index:4!important;
    overflow:visible!important;
  }

  .wheel-stage-label{
    position:relative!important;
    inset:auto!important;
    display:block!important;
    width:100%!important;
    margin:0 auto 1rem!important;
    text-align:center!important;
    z-index:8!important;
  }

  .early-access-hero .join-wheel-canvas{
    position:relative!important;
    display:grid!important;
    place-items:center!important;
    width:100%!important;
    height:405px!important;
    min-height:405px!important;
    margin:0!important;
    overflow:visible!important;
    z-index:5!important;
  }

  .early-access-hero .join-wheel-assembly{
    width:min(70vw,278px)!important;
    max-width:278px!important;
    margin:auto!important;
  }

  .wheel-sequence-copy{
    position:relative!important;
    inset:auto!important;
    display:grid!important;
    width:min(100%,360px)!important;
    max-width:360px!important;
    margin:1.35rem auto 0!important;
    padding:0 .25rem!important;
    gap:.35rem!important;
    text-align:center!important;
    z-index:8!important;
  }

  .wheel-sequence-copy b{
    display:block!important;
    margin:0!important;
    font-size:.75rem!important;
    line-height:1.25!important;
  }

  .wheel-sequence-copy > span{
    display:block!important;
    margin:.1rem 0 0!important;
    font-size:.75rem!important;
    line-height:1.45!important;
  }

  .wheel-intent-note{
    display:block!important;
    margin:.2rem auto 0!important;
    max-width:35ch!important;
    font-size:.69rem!important;
    line-height:1.5!important;
  }
}

@media (max-width:430px) and (hover:none) and (pointer:coarse){
  .early-access-hero{
    padding-top:2.25rem!important;
    padding-bottom:3.25rem!important;
  }

  .early-access-hero > .wrap.early-access-grid{
    width:calc(100% - 26px)!important;
  }

  .early-wheel-panel{
    margin-top:2.8rem!important;
  }

  .early-access-hero .join-wheel-canvas{
    height:385px!important;
    min-height:385px!important;
  }

  .early-access-hero .join-wheel-assembly{
    width:min(72vw,268px)!important;
    max-width:268px!important;
  }

  .wheel-sequence-copy{
    width:100%!important;
    margin-top:1.15rem!important;
  }
}