/* V92 — pricing must stack vertically: price -> 2x2 features -> CTA -> note */

/* Pricing section wrapper */
.hero-experience .pricing > .wrap{
  width:min(calc(100% - 48px),1240px)!important;
}
.hero-experience .pricing .head{
  max-width:860px!important;
  margin:0 auto 44px!important;
  text-align:center!important;
}
.hero-experience .pricing .eyebrow{
  font-size:.78rem!important;
  letter-spacing:.18em!important;
  font-weight:900!important;
}
.hero-experience .compact-pricing-grid{
  width:100%!important;
  max-width:none!important;
  margin:34px auto 0!important;
  display:block!important;
}

/* Critical fix: remove old left-right grid layout */
.hero-experience .compact-pricecard{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  grid-template-columns:none!important;
  grid-template-areas:none!important;
  column-gap:0!important;
  row-gap:0!important;
  padding:64px 60px 42px!important;
  border:1px solid #dfe6f0!important;
  border-radius:30px!important;
  background:#fff!important;
  box-shadow:none!important;
}

.hero-experience .compact-pricecard .price,
.hero-experience .compact-pricecard .pricing-value-grid,
.hero-experience .compact-pricecard > .btn.primary.full-width,
.hero-experience .compact-pricecard .trial-payment-note{
  grid-area:auto!important;
}

.hero-experience .compact-pricecard .price{
  margin:0 auto 38px!important;
  text-align:center!important;
  color:#0e1a38!important;
  font-size:clamp(70px,7.2vw,92px)!important;
  line-height:1!important;
  letter-spacing:-.055em!important;
}
.hero-experience .compact-pricecard .price small{
  margin-left:10px!important;
  font-size:.34em!important;
  font-weight:650!important;
  color:#70809a!important;
}

.hero-experience .compact-pricecard .pricing-value-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:24px!important;
  margin:0 0 28px!important;
  text-align:left!important;
}
.hero-experience .compact-pricecard .pricing-value-item{
  min-height:176px!important;
  padding:28px 38px 24px!important;
  border:1px solid #dbe4ef!important;
  border-radius:24px!important;
  background:#fbfcfe!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  text-align:left!important;
  box-shadow:none!important;
}
.hero-experience .compact-pricecard .pricing-value-label{
  display:block!important;
  margin-bottom:14px!important;
  color:#2f63f2!important;
  font-size:11px!important;
  line-height:1.25!important;
  font-weight:850!important;
  letter-spacing:.16em!important;
}
.hero-experience .compact-pricecard .pricing-value-item strong{
  display:block!important;
  color:#17233f!important;
  font-size:clamp(17px,1.5vw,19px)!important;
  line-height:1.6!important;
  font-weight:800!important;
  letter-spacing:-.01em!important;
  text-wrap:pretty!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
}
html[lang="ja-JP"] .hero-experience .compact-pricecard .pricing-value-item strong,
html[lang="zh-CN"] .hero-experience .compact-pricecard .pricing-value-item strong,
html[lang="ko-KR"] .hero-experience .compact-pricecard .pricing-value-item strong{
  word-break:keep-all!important;
  line-break:strict!important;
}
html[lang="en"] .hero-experience .compact-pricecard .pricing-value-item strong{
  font-size:clamp(16px,1.35vw,18px)!important;
  line-height:1.58!important;
}

.hero-experience .compact-pricecard > .btn.primary.full-width{
  width:100%!important;
  min-height:84px!important;
  margin-top:0!important;
  border-radius:22px!important;
  font-size:25px!important;
  font-weight:850!important;
}
.hero-experience .compact-pricecard .trial-payment-note{
  max-width:920px!important;
  margin:24px 0 0!important;
  text-align:left!important;
  color:#77859a!important;
  font-size:15px!important;
  line-height:1.75!important;
}

/* One-to-one support centered */
.hero-experience > .clinic-support{
  width:min(calc(100% - 48px),1080px)!important;
  margin:88px auto 56px!important;
  padding:44px 46px!important;
  text-align:center!important;
}
.hero-experience > .clinic-support .clinic-support-grid{
  display:block!important;
  max-width:900px!important;
  margin:0 auto!important;
}
.hero-experience > .clinic-support .clinic-support-grid > div:first-child,
.hero-experience > .clinic-support .clinic-support-copy{
  max-width:820px!important;
  margin:0 auto!important;
}
.hero-experience > .clinic-support .clinic-lite-eyebrow,
.hero-experience > .clinic-support h2,
.hero-experience > .clinic-support .clinic-support-lead,
.hero-experience > .clinic-support .clinic-support-note,
.hero-experience > .clinic-support .clinic-support-actions{
  text-align:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.hero-experience > .clinic-support h2{
  max-width:18ch;
  text-wrap:balance!important;
}
.hero-experience > .clinic-support .clinic-support-lead{max-width:760px!important}
.hero-experience > .clinic-support .clinic-support-note{max-width:720px!important}
.hero-experience > .clinic-support .clinic-support-actions{justify-content:center!important}
.hero-experience > .clinic-support .clinic-support-btn{min-width:220px!important}

/* Responsive */
@media (max-width: 1100px){
  .hero-experience .compact-pricecard{
    padding:54px 36px 36px!important;
  }
  .hero-experience .compact-pricecard .pricing-value-grid{
    gap:18px!important;
  }
  .hero-experience .compact-pricecard .pricing-value-item{
    min-height:160px!important;
    padding:24px 24px 22px!important;
  }
}
@media (max-width: 760px){
  .hero-experience .pricing > .wrap,
  .hero-experience > .clinic-support{
    width:min(calc(100% - 28px),1240px)!important;
  }
  .hero-experience .compact-pricing-grid{
    margin-top:24px!important;
  }
  .hero-experience .compact-pricecard{
    padding:30px 20px 24px!important;
    border-radius:22px!important;
  }
  .hero-experience .compact-pricecard .price{
    margin-bottom:22px!important;
    font-size:clamp(56px,15vw,74px)!important;
  }
  .hero-experience .compact-pricecard .pricing-value-grid{
    grid-template-columns:1fr!important;
    gap:12px!important;
    margin-bottom:20px!important;
  }
  .hero-experience .compact-pricecard .pricing-value-item{
    min-height:0!important;
    padding:20px 18px!important;
    border-radius:16px!important;
  }
  .hero-experience .compact-pricecard .pricing-value-label{
    margin-bottom:8px!important;
    font-size:11px!important;
  }
  .hero-experience .compact-pricecard .pricing-value-item strong,
  html[lang="en"] .hero-experience .compact-pricecard .pricing-value-item strong{
    font-size:17px!important;
    line-height:1.5!important;
  }
  .hero-experience .compact-pricecard > .btn.primary.full-width{
    min-height:60px!important;
    border-radius:16px!important;
    font-size:19px!important;
  }
  .hero-experience .compact-pricecard .trial-payment-note{
    margin-top:16px!important;
    font-size:13.5px!important;
    line-height:1.7!important;
  }
  .hero-experience > .clinic-support{
    margin:54px auto 40px!important;
    padding:28px 20px!important;
    border-radius:20px!important;
  }
  .hero-experience > .clinic-support .clinic-support-btn{
    width:100%!important;
    min-width:0!important;
  }
}