/* V104 — cleaner feature hierarchy, white preview backdrop, matched CTA sizing */

/* Preview should sit on a clean white field, not the page-wide pale blue gradient. */
.hero-experience .hero-preview-wrap{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding-left:20px!important;
  padding-right:20px!important;
  background:#fff!important;
}
.hero-experience .hero-preview-wrap > div{
  width:100%!important;
}

/* Feature cards no longer need redundant NATURAL / EFFECTS / NATIVE OBS labels. */
.hero-experience .product-grid-with-native-flow .product-card > .kicker{
  display:none!important;
}
.hero-experience .product-grid-with-native-flow .product-card h3{
  margin-top:0!important;
}

/* Pricing CTA = same visual size as Discord support CTA. */
.hero-experience .compact-pricecard > .btn.primary.full-width{
  align-self:center!important;
  width:auto!important;
  min-width:240px!important;
  min-height:48px!important;
  height:48px!important;
  margin:0 auto!important;
  padding:0 20px!important;
  border-radius:12px!important;
  font-size:14px!important;
  line-height:1.25!important;
  font-weight:700!important;
  white-space:nowrap!important;
}

@media(max-width:900px){
  .hero-experience .compact-pricecard > .btn.primary.full-width,
  .hero-experience > .clinic-support .clinic-support-btn{
    width:100%!important;
    min-width:0!important;
    min-height:48px!important;
    height:48px!important;
    padding:0 20px!important;
    border-radius:12px!important;
    font-size:14px!important;
  }
}
@media(max-width:620px){
  .hero-experience .hero-preview-wrap{
    padding-left:10px!important;
    padding-right:10px!important;
  }
}