/* V126 — spacious 2x2 desktop pricing layout, based on V124 */
.hero-experience .pricing>.wrap{
  width:min(calc(100% - 56px),1320px)!important;
}
.hero-experience .pricing .head{
  max-width:900px!important;
  margin:0 auto 48px!important;
  text-align:center!important;
}
.hero-experience .compact-pricing-grid{
  width:100%!important;
  max-width:none!important;
  margin:38px auto 0!important;
}
.hero-experience .compact-pricecard{
  padding:62px 46px 42px!important;
  border-radius:30px!important;
  border:1px solid #dbe5f2!important;
  background:#fff!important;
  box-shadow:0 18px 42px rgba(15,23,42,.055)!important;
}
.hero-experience .compact-pricecard .price{
  margin:0 auto 38px!important;
  text-align:center!important;
  color:#0e1a38!important;
  font-size:clamp(68px,6vw,88px)!important;
  line-height:1!important;
  letter-spacing:-.05em!important;
}
.hero-experience .compact-pricecard .price small{
  margin-left:12px!important;
  font-size:.34em!important;
  font-weight:650!important;
  color:#6f7f95!important;
}
.hero-experience .compact-pricecard .pricing-value-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:20px!important;
  margin:0 0 34px!important;
}
.hero-experience .compact-pricecard .pricing-value-item.pricing-feature-card{
  min-width:0!important;
  min-height:210px!important;
  padding:30px 30px 27px!important;
  border:1px solid #e3eaf3!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:0 9px 26px rgba(15,23,42,.045)!important;
}
.hero-experience .compact-pricecard .pricing-card-featured{
  border-color:#3b82f6!important;
  box-shadow:0 9px 24px rgba(59,130,246,.10)!important;
}
.hero-experience .compact-pricecard .pricing-value-item.pricing-feature-card>strong{
  display:block!important;
  margin:0 0 12px!important;
  color:#17233f!important;
  font-size:20px!important;
  line-height:1.48!important;
  font-weight:850!important;
  letter-spacing:-.015em!important;
  text-wrap:balance!important;
  max-width:100%!important;
}
.hero-experience .compact-pricecard .pricing-card-desc{
  margin:0!important;
  color:#627089!important;
  font-size:15px!important;
  line-height:1.72!important;
  text-wrap:pretty!important;
}
.hero-experience .compact-pricecard .pricing-card-list{
  margin:17px 0 0!important;
  padding-left:20px!important;
  color:#1f2b45!important;
  font-size:14px!important;
  line-height:1.7!important;
}
.hero-experience .compact-pricecard .pricing-card-list li+li{
  margin-top:5px!important;
}
.hero-experience .compact-pricecard>.btn.primary.full-width{
  width:280px!important;
  min-width:280px!important;
  min-height:56px!important;
  height:56px!important;
  margin:0 auto!important;
  padding:0 24px!important;
  border-radius:15px!important;
  font-size:18px!important;
  line-height:1.25!important;
  font-weight:850!important;
  white-space:nowrap!important;
}
.hero-experience .compact-pricecard .trial-payment-note{
  max-width:820px!important;
  margin:22px auto 0!important;
  text-align:center!important;
  color:#738198!important;
  font-size:14px!important;
  line-height:1.72!important;
}
/* Japanese pricing titles: allow natural Japanese wrapping instead of keep-all overflow. */
html[lang="ja-JP"] .hero-experience .compact-pricecard .pricing-value-item strong{
  word-break:normal!important;
  overflow-wrap:normal!important;
  line-break:strict!important;
  text-wrap:balance!important;
}
html[lang="zh-CN"] .hero-experience .compact-pricecard .pricing-value-item strong{
  word-break:normal!important;
  overflow-wrap:break-word!important;
  line-break:strict!important;
}
html[lang="ko-KR"] .hero-experience .compact-pricecard .pricing-value-item strong{
  word-break:keep-all!important;
  overflow-wrap:break-word!important;
  line-break:strict!important;
}
html[lang="en"] .hero-experience .compact-pricecard .pricing-value-item strong{
  word-break:normal!important;
  overflow-wrap:normal!important;
}
@media(max-width:980px){
  .hero-experience .pricing>.wrap{width:min(calc(100% - 40px),1320px)!important}
  .hero-experience .compact-pricecard{padding:48px 30px 34px!important}
  .hero-experience .compact-pricecard .pricing-value-grid{gap:16px!important}
  .hero-experience .compact-pricecard .pricing-value-item.pricing-feature-card{
    min-height:195px!important;
    padding:25px 24px 23px!important;
  }
  .hero-experience .compact-pricecard .pricing-value-item.pricing-feature-card>strong{
    font-size:18px!important;
  }
}
@media(max-width:700px){
  .hero-experience .pricing>.wrap{width:min(calc(100% - 28px),1320px)!important}
  .hero-experience .pricing .head{margin-bottom:32px!important}
  .hero-experience .compact-pricing-grid{margin-top:26px!important}
  .hero-experience .compact-pricecard{
    padding:30px 18px 24px!important;
    border-radius:22px!important;
  }
  .hero-experience .compact-pricecard .price{
    margin-bottom:24px!important;
    font-size:clamp(56px,15vw,72px)!important;
  }
  .hero-experience .compact-pricecard .pricing-value-grid{
    grid-template-columns:1fr!important;
    gap:12px!important;
    margin-bottom:26px!important;
  }
  .hero-experience .compact-pricecard .pricing-value-item.pricing-feature-card{
    min-height:0!important;
    padding:20px 18px 18px!important;
    border-radius:16px!important;
  }
  .hero-experience .compact-pricecard .pricing-value-item.pricing-feature-card>strong{
    font-size:17px!important;
    line-height:1.5!important;
  }
  .hero-experience .compact-pricecard .pricing-card-desc{font-size:13.5px!important}
  .hero-experience .compact-pricecard .pricing-card-list{font-size:13px!important}
  .hero-experience .compact-pricecard>.btn.primary.full-width{
    width:100%!important;
    min-width:0!important;
    height:52px!important;
    min-height:52px!important;
  }
}
