/* V347 — conversion flow: Hero CTA -> product -> use cases -> pricing -> technology -> final CTA. */

html{scroll-behavior:smooth}

/* Hero actions: deliberately separate from the legacy .jp-hero-cta-group hidden in V342. */
.jp-hero-redesign .hero-v347-actions{
  display:flex!important;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:14px;
  margin-top:38px;
}
.jp-hero-redesign .hero-v347-actions .btn{
  min-height:58px;
  padding:0 28px;
  border-radius:14px;
  font-size:17px;
  line-height:1.25;
  font-weight:800;
  text-decoration:none;
  box-sizing:border-box;
}
.jp-hero-redesign .hero-v347-primary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:220px;
  background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:0 12px 28px rgba(37,99,235,.20)!important;
}
.jp-hero-redesign .hero-v347-primary:hover{transform:translateY(-1px);box-shadow:0 16px 34px rgba(37,99,235,.25)!important}
.jp-hero-redesign .hero-v347-secondary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:154px;
  border:1px solid #d7e2f1!important;
  background:#fff!important;
  color:#24334a!important;
  -webkit-text-fill-color:#24334a!important;
  box-shadow:0 8px 20px rgba(15,23,42,.05);
}
.jp-hero-redesign .hero-v347-secondary:hover{border-color:#b9cbe2!important;background:#f8fbff!important;transform:translateY(-1px)}

/* Pricing: make the free trial promise visible regardless of billing tab. */
#pricing .head{max-width:860px;margin-inline:auto}
#pricing .pricing-v347-intro{
  margin:14px auto 0;
  color:#2563eb;
  font-size:20px;
  line-height:1.5;
  font-weight:800;
  text-align:center;
  text-wrap:balance;
}
#pricing .pcv297-lead{font-weight:800!important;color:#25344c!important}
#pricing .pcv297-note{max-width:720px;margin-inline:auto;line-height:1.65!important;text-wrap:pretty}
#pricing .pcv256-download{min-width:230px!important}

/* Final conversion CTA. */
.final-cta-v347{
  position:relative;
  padding:108px 0 116px;
  overflow:hidden;
  background:
    radial-gradient(70% 100% at 50% 0%,rgba(37,99,235,.10),rgba(37,99,235,0) 70%),
    linear-gradient(180deg,#f7faff 0%,#ffffff 100%);
  border-top:1px solid #e6edf7;
}
.final-cta-v347 .wrap{width:min(1120px,calc(100% - 40px));margin:0 auto}
.final-cta-v347-inner{max-width:900px;margin:0 auto;text-align:center}
.final-cta-v347 h2{
  margin:0;
  color:#111827;
  font-size:clamp(40px,4.4vw,64px);
  line-height:1.08;
  font-weight:850;
  letter-spacing:-.045em;
  text-wrap:balance;
}
.final-cta-v347 p{
  max-width:760px;
  margin:24px auto 0;
  color:#536176;
  font-size:20px;
  line-height:1.7;
  font-weight:600;
  text-wrap:balance;
}
.final-cta-v347-button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:250px;
  min-height:62px;
  margin-top:34px;
  padding:0 30px!important;
  border-radius:14px!important;
  font-size:18px!important;
  font-weight:800!important;
  line-height:1.25!important;
  text-align:center!important;
  box-shadow:0 14px 30px rgba(37,99,235,.20)!important;
}

html[lang="ko-KR"] .hero-v347-actions,
html[lang="ko-KR"] .final-cta-v347,
html[lang="zh-CN"] .hero-v347-actions,
html[lang="zh-CN"] .final-cta-v347{word-break:keep-all}
html[lang="th"] .final-cta-v347 h2,
html[lang="th"] .final-cta-v347 p,
html[lang="ar"] .final-cta-v347 h2,
html[lang="ar"] .final-cta-v347 p{letter-spacing:0!important}
html[dir="rtl"] .final-cta-v347-inner{text-align:center}

@media (max-width:980px){
  .jp-hero-redesign .hero-v347-actions{margin-top:30px}
  .final-cta-v347{padding:88px 0 94px}
  .final-cta-v347 h2{font-size:clamp(36px,6vw,52px)}
}

@media (max-width:767px){
  .jp-hero-redesign .hero-v347-actions{width:100%;gap:10px;margin-top:26px}
  .jp-hero-redesign .hero-v347-actions .btn{min-height:52px;font-size:15px;border-radius:12px;padding-inline:18px}
  .jp-hero-redesign .hero-v347-primary{min-width:min(100%,220px)}
  .jp-hero-redesign .hero-v347-secondary{min-width:128px}
  #pricing .pricing-v347-intro{margin-top:10px;font-size:17px;padding-inline:12px}
  .final-cta-v347{padding:76px 0 82px}
  .final-cta-v347 .wrap{width:min(100% - 28px,720px)}
  .final-cta-v347 h2{font-size:clamp(32px,9vw,42px);line-height:1.13;letter-spacing:-.035em}
  .final-cta-v347 p{margin-top:18px;font-size:17px;line-height:1.65}
  .final-cta-v347-button{width:min(100%,290px);min-height:56px;margin-top:28px;font-size:16px!important}
}

@media (max-width:420px){
  .jp-hero-redesign .hero-v347-actions{flex-direction:column}
  .jp-hero-redesign .hero-v347-actions .btn{width:min(100%,300px)}
}