/* VOZAYA 0.19.52 — RESPONSIVE MOBILE WHEEL TYPOGRAPHY
   Typography only. No segment geometry, transforms, icon positions or animation changes. */

/* Phones and compact touch devices. */
@media (max-width:760px) and (hover:none) and (pointer:coarse){

  /* Stronger stage title; scales with phone width. */
  .early-access-hero .wheel-stage-label{
    font-size:clamp(.72rem,2.65vw,.90rem)!important;
    line-height:1.18!important;
    letter-spacing:.145em!important;
    font-weight:900!important;
    white-space:nowrap!important;
    text-align:center!important;
  }

  /* Slightly larger segment wording. The clamp is deliberately tied to
     viewport width so a 320/360px phone does not get the same text size
     as a 390/430px phone. */
  .early-access-hero .vozaya-category-label{
    font-size:clamp(.40rem,1.68vw,.54rem)!important;
    line-height:.98!important;
    letter-spacing:.042em!important;
    font-weight:900!important;
    white-space:nowrap!important;
  }
}

/* Extra-small phones: hold the lower bound to protect segment fit. */
@media (max-width:350px) and (hover:none) and (pointer:coarse){
  .early-access-hero .wheel-stage-label{
    font-size:.70rem!important;
    letter-spacing:.125em!important;
  }

  .early-access-hero .vozaya-category-label{
    font-size:.39rem!important;
    letter-spacing:.035em!important;
  }
}

/* Typical modern iPhone/Android widths. */
@media (min-width:351px) and (max-width:399px) and (hover:none) and (pointer:coarse){
  .early-access-hero .vozaya-category-label{
    font-size:clamp(.41rem,1.72vw,.445rem)!important;
  }
}

/* Larger phones / Pro Max / Plus class devices. */
@media (min-width:400px) and (max-width:480px) and (hover:none) and (pointer:coarse){
  .early-access-hero .wheel-stage-label{
    font-size:clamp(.78rem,2.7vw,.90rem)!important;
  }

  .early-access-hero .vozaya-category-label{
    font-size:clamp(.445rem,1.72vw,.50rem)!important;
  }
}

/* Large mobile / small touch-tablet widths: allow a final modest increase. */
@media (min-width:481px) and (max-width:760px) and (hover:none) and (pointer:coarse){
  .early-access-hero .wheel-stage-label{
    font-size:clamp(.84rem,2.15vw,.96rem)!important;
  }

  .early-access-hero .vozaya-category-label{
    font-size:clamp(.49rem,1.30vw,.56rem)!important;
  }
}