/* Generated by tools/build-rtl.js from ../pricing.css — do not edit. */
/* ==========================================================================
   Pricing
   ========================================================================== */
.phero--pricing { height: 430px; }
.phero--pricing .hero-bg { top: -440px; }
.phero--pricing .phero-inner { padding: 30px 15px 0 0; }
.phero--pricing .eyebrow { font-size: 13.5px; letter-spacing: .26em; color: #a0835e; }
.phero--pricing h1 { margin-top: 10px; font-size: 62px; line-height: 60px; }
.phero--pricing h1 em { font-style: normal; color: #a67b45; }
.phero--pricing .lead { margin-top: 18px; max-width: 560px; font-size: 19px; line-height: 31px; }
.pr-perks { display: flex; gap: 38px; margin-top: 22px; }
.pr-perks li { display: flex; align-items: center; gap: 20px; width: 170px; font-size: 15px; line-height: 20.5px; color: #3a3834; }
.pr-perks li:nth-child(2) { width: 145px; }
.pr-perks span { width: 51px; height: 51px; border-radius: 50%; background: #f5ebdf; display: grid; place-items: center; color: #a87a41; flex: none; }
.pr-perks svg { width: 28px; height: 28px; }

.pr-plans { padding: 26px 0 0; }
.pr-plans .sec-head, .pr-compare .sec-head, .pr-faq .sec-head { padding-right: 15px; }
.pr-plans .sec-head .eyebrow, .pr-compare .sec-head .eyebrow, .pr-faq .sec-head .eyebrow { font-size: 12px; letter-spacing: .24em; }
.pr-plans .sec-head h2 { margin-top: 8px; font-size: 50px; line-height: 54px; }
.pr-plans .sec-head p { margin-top: 2px; font-size: 18px; }
.billing { display: flex; align-items: center; gap: 4px; margin-top: 34px; padding: 4px; height: 47px; border-radius: 24px; background: #f3eee8; }
.billing button { height: 39px; padding: 0 22px; border-radius: 20px; font-size: 15.5px; font-weight: 500; color: #2a2825; }
.billing button.is-active { background: #fff; border: 1px solid #e5ddd2; box-shadow: 0 2px 6px rgba(0, 0, 0, .05); }
.billing .save { height: 31px; line-height: 31px; padding: 0 12px; margin: 0 2px 0 4px; border-radius: 16px; background: #f5dfb8; font-size: 15px; color: #7a5a2a; }
.plans { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; margin: 26px 15px 0 0; }
.plan { position: relative; display: flex; flex-direction: column; padding: 24px 32px 26px; background: #fbf8f4; border: 1px solid #ede6dd; border-radius: 10px; }
.plan--featured { background: #fcf6ee; border: 1.5px solid #dcbf97; }
.plan-badge { position: absolute; left: 22px; top: 24px; height: 29px; line-height: 29px; padding: 0 15px; border-radius: 15px; background: #b8844a; color: #fff; font-size: 14px; font-weight: 500; }
.plan h3 { font-family: var(--serif); font-weight: 560; font-size: 30px; line-height: 34px; letter-spacing: -.012em; }
.plan-desc { margin-top: 6px; min-height: 42px; max-width: 300px; font-size: 14.5px; line-height: 21px; color: #7a766f; }
.plan-price { margin-top: 6px; display: flex; align-items: baseline; gap: 12px; }
.plan-price b { font-size: 45px; line-height: 52px; font-weight: 700; letter-spacing: -.02em; color: #141311; }
.plan-price .per { font-size: 19px; color: #3a3834; }
.plan-btn { margin-top: 12px; height: 47px; width: 100%; font-size: 16px; }
.plan .btn-line { color: var(--gold-text); }
.plan .check-list { margin-top: 20px; }
.plan .check-list li { padding-right: 38px; font-size: 16px; line-height: 27.5px; color: #2a2825; }
.plan .check-list li::before { top: 4px; width: 20px; height: 20px; background-size: 14px; }

.pr-compare { padding: 24px 0 0; }
.pr-compare-inner { display: grid; grid-template-columns: 889px 1fr; gap: 24px; width: auto; margin-right: calc((100% - min(1290px, 100% - 64px)) / 2); margin-left: 0; }
.pr-compare .sec-head h2 { margin-top: 8px; font-size: 45px; line-height: 50px; }
.pr-compare .sec-head p { margin-top: 0; font-size: 18px; }
.cmp-wrap { margin: 20px 15px 0 0; overflow-x: auto; border: 1px solid #efe9e1; border-radius: 8px; background: #fbf9f6; }
.cmp { width: 100%; border-collapse: collapse; font-size: 14.5px; color: #3a3834; }
.cmp thead th { height: 68px; padding: 10px 12px 6px; font-size: 16.5px; font-weight: 600; color: #1f1e1c; text-align: center; vertical-align: middle; }
.cmp thead th:first-child { text-align: right; padding-right: 23px; }
.cmp thead small { display: block; font-size: 13.5px; font-weight: 400; color: #55524d; }
.cmp tbody th { padding: 0 23px 0 12px; height: 28px; font-weight: 400; text-align: right; white-space: nowrap; }
.cmp tbody th small { font-size: 12px; color: #55524d; }
.cmp td { height: 28px; text-align: center; vertical-align: middle; width: 185px; }
.cmp tbody tr:first-child th, .cmp tbody tr:first-child td { padding-top: 6px; }
.cmp tbody tr:last-child th, .cmp tbody tr:last-child td { height: 36px; padding-bottom: 8px; }
.cmp .is-featured { background: #fbeedd; }
.cmp thead th:first-child { width: 333px; }
.cmp-yes svg { width: 20px; height: 20px; color: #c18c4f; margin: 0 auto; }
.cmp-no { color: #6f6b66; }
.pr-side { position: relative; height: 480px; margin-top: 26px; border-radius: 0 12px 12px 0; overflow: hidden; background: linear-gradient(-90deg, #171411, #1d1915 60%, #2a231c); }
.pr-side img { position: absolute; left: 0; top: 0; height: 100%; width: 188px; object-fit: cover; -webkit-mask-image: linear-gradient(270deg, transparent, #000 35%); mask-image: linear-gradient(270deg, transparent, #000 35%); }
.pr-side-copy { position: relative; padding: 36px 32px 0 30px; color: #fff; }
.pr-side-copy .eyebrow { font-size: 12.5px; line-height: 19px; }
.pr-side-copy h2 { margin-top: 14px; font-family: var(--serif); font-weight: 540; font-size: 44px; line-height: 44px; letter-spacing: -.015em; }
.pr-side-copy h2 em { font-style: italic; color: var(--gold-soft); }
.pr-side-copy > p { margin-top: 22px; max-width: 270px; font-size: 16px; line-height: 23px; color: #ebe8e3; }
.pr-side-copy ul { margin-top: 18px; }
.pr-side-copy li { display: flex; align-items: center; gap: 16px; height: 31px; font-size: 16px; color: #ece8e2; }
.pr-side-copy li svg { width: 24px; height: 24px; color: #d3b687; }
.pr-side-copy .btn { margin-top: 26px; width: 180px; height: 46px; font-size: 15.5px; }

.pr-faq { padding: 26px 0 23px; }
.pr-faq .sec-head h2 { margin-top: 6px; font-size: 45px; line-height: 50px; }
.pr-faq .sec-head p { margin-top: 0; font-size: 17.5px; }
.pr-faq .sec-head .view-all { margin-top: 26px; }
.faq-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 24px; margin: 18px 15px 0 0; align-items: start; }
.faq-grid .acc-q { min-height: 51px; }

.pcta--pricing { height: 219px; }
.pcta--pricing .pcta-img { width: 430px; }
.pcta--pricing .pcta-copy { top: 23px; }
.pcta--pricing .pcta-copy h2 { margin-top: 10px; font-size: 42px; line-height: 40px; }
.pcta--pricing .pcta-sub { margin-top: 6px; font-size: 15px; }
.pcta--pricing .btn-pcta { margin-top: 18px; width: 217px; height: 47px; }
.pcta--pricing .pcta-list { top: 36px; right: calc(50% + 330px); }
.pcta--pricing .pcta-list li { height: 43px; font-size: 14.5px; }
.pcta--pricing .pcta-plant { top: 10px; height: 209px; }

@media (max-width: 1380px) {
  .pr-compare-inner { grid-template-columns: 1fr; margin-left: 0; }
  .pr-side { border-radius: 12px; max-width: 640px; }
}
@media (max-width: 1200px) {
  .phero--pricing { height: auto; padding-bottom: 40px; }
  .plans { grid-template-columns: 1fr; max-width: 520px; margin-right: 0; }
  .faq-grid { grid-template-columns: 1fr; margin-right: 0; }
  .cmp-wrap { margin-right: 0; }
  .pcta--pricing { height: auto; }
  .pcta--pricing .pcta-list { right: auto; top: auto; }
}
@media (max-width: 760px) {
  .phero--pricing h1 { font-size: 42px; line-height: 44px; }
  .pr-perks { flex-direction: column; gap: 12px; }
  .pr-plans .sec-head, .pr-compare .sec-head, .pr-faq .sec-head { padding-right: 0; }
  .billing { margin-top: 8px; }
  .pr-side img { opacity: .35; }
}
.pr-compare-inner > * { min-width: 0; }