.pr-page {
  --pr-ink: #173042;
  --pr-muted: #647570;
  --pr-teal: #137b74;
  --pr-line: #dfe6e1;
  --lp-ink: var(--pr-ink);
  --lp-green: var(--pr-teal);
  background: #fbfaf7;
  color: var(--pr-ink);
}
.pr-wrap { width: min(1200px, calc(100% - 64px)); margin-inline: auto; }
.pr-page .public-nav { max-width: 1264px; border-bottom: 1px solid var(--pr-line); }
.pr-page .lp-nav-links a[aria-current] { color: var(--pr-teal); }
.pr-page .lp-button-dark { background: var(--pr-ink); color: #fff; border-color: var(--pr-ink); }
.pr-page .lp-button-dark:hover { background: #245066; border-color: #245066; }
.pr-page .lp-brand-mark { background: var(--pr-ink); color: #d4edc4; }
.pr-page a:focus-visible, .pr-page summary:focus-visible { outline: 2px solid var(--pr-teal); outline-offset: 5px; border-radius: 5px; }
.pr-hero { padding-top: 77px; padding-bottom: 58px; text-align: center; }
.pr-eyebrow { display: inline-flex; align-items: center; gap: 9px; color: var(--pr-teal); font-size: 10px; font-weight: 750; letter-spacing: 1.7px; line-height: 1.7; }
.pr-eyebrow > span { width: 7px; height: 7px; border-radius: 50%; background: var(--pr-teal); box-shadow: 0 0 0 5px #e8f2ec; margin-right: 5px; }
.pr-hero h1 { font-size: clamp(42px, 4.9vw, 68px); line-height: 1.1; font-weight: 650; letter-spacing: -3.5px; margin: 25px 0 22px; }
.pr-hero h1 > span { color: var(--pr-teal); }
.pr-hero > p { color: var(--pr-muted); font-size: 15px; line-height: 1.85; margin: 0 auto; max-width: 620px; }
.pr-reassurance { display: flex; justify-content: center; flex-wrap: wrap; gap: 12px 25px; margin-top: 29px; }
.pr-reassurance > span { display: inline-flex; align-items: center; gap: 7px; font-size: 11px; color: #61736c; }
.pr-reassurance .lucide { width: 15px; height: 15px; color: var(--pr-teal); }
.pr-plans-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 17px; }
.pr-plans-heading > span:first-child { display: flex; align-items: center; gap: 8px; color: #75827b; font-size: 9px; letter-spacing: 1.3px; font-weight: 650; }
.pr-plans-heading > span:first-child .lucide { width: 15px; height: 15px; }
.pr-billing-label { display: inline-flex; align-items: center; gap: 8px; padding: 7px 11px; font-size: 10px; font-weight: 650; color: var(--pr-ink); border: 1px solid #dce4dc; border-radius: 7px; background: #f1f4ef; }
.pr-billing-label .lucide { width: 13px; height: 13px; }
.pr-card-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr)); gap: 15px; align-items: stretch; }
.pr-card { min-width: 0; background: #fff; border: 1px solid var(--pr-line); border-radius: 15px; padding: 25px 23px 27px; position: relative; box-shadow: 0 3px 8px #17304203; }
.pr-card-heading { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.pr-card h2 { font-size: 20px; line-height: 1.4; font-weight: 700; letter-spacing: -.6px; margin: 0; overflow-wrap: anywhere; }
.pr-plan-mark { width: 33px; height: 33px; display: grid; place-items: center; color: #688279; border-radius: 9px; background: #f0f5f1; flex-shrink: 0; }
.pr-plan-mark .lucide { width: 18px; height: 18px; }
.pr-card-description { min-height: 40px; margin: 14px 0 0; color: var(--pr-muted); font-size: 11px; line-height: 1.8; overflow-wrap: anywhere; }
.pr-price-block { display: flex; align-items: flex-end; flex-wrap: wrap; gap: 7px; margin-top: 31px; }
.pr-price { display: flex; align-items: flex-start; gap: 6px; min-width: 0; }
.pr-currency { font-size: 10px; letter-spacing: .5px; font-weight: 650; color: var(--pr-muted); padding-top: 7px; }
.pr-price strong { font-size: clamp(33px, 3.1vw, 43px); font-weight: 650; line-height: 1.1; letter-spacing: -2px; overflow-wrap: anywhere; }
.pr-period { font-size: 11px; color: var(--pr-muted); padding-bottom: 5px; }
.pr-price-note { font-size: 10px; min-height: 33px; line-height: 1.6; margin: 10px 0 13px; color: var(--pr-muted); }
.pr-plan-cta { min-height: 44px; display: flex; align-items: center; justify-content: center; gap: 10px; padding: 11px 10px; font-size: 11px; font-weight: 750; border: 1px solid #cbd8d1; border-radius: 7px; background: #fff; transition: background .18s, border-color .18s; }
.pr-plan-cta:hover { border-color: var(--pr-teal); background: #f0f7f3; }
.pr-plan-cta .lucide { width: 15px; height: 15px; }
.pr-trial-note { padding-top: 16px; border-top: 1px solid var(--pr-line); display: flex; align-items: flex-start; gap: 6px; color: var(--pr-teal); font-size: 10px; line-height: 1.7; margin: 12px 0 0; }
.pr-trial-note .lucide { height: 14px; width: 14px; margin-top: 2px; }
.pr-card-rule { height: 1px; background: var(--pr-line); margin: 23px 0 21px; }
.pr-included-label { display: block; font-size: 8px; font-weight: 750; letter-spacing: 1.1px; color: #89938c; margin-bottom: 16px; }
.pr-feature-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 15px; }
.pr-feature-list li { display: flex; align-items: flex-start; gap: 9px; color: #4c6258; font-size: 11px; line-height: 1.55; }
.pr-feature-list .lucide { width: 14px; height: 14px; color: var(--pr-teal); margin-top: 2px; }
.pr-card-featured { color: #fff; background: #173c48; border-color: #173c48; box-shadow: 0 12px 30px #173c4812; }
.pr-card-featured .pr-plan-mark { background: #31575d; color: #d4edc4; }
.pr-card-featured .pr-card-description, .pr-card-featured .pr-currency, .pr-card-featured .pr-period, .pr-card-featured .pr-price-note { color: #bfd2cd; }
.pr-card-featured .pr-plan-cta { background: #d4edc4; border-color: #d4edc4; color: #193a36; }
.pr-card-featured .pr-plan-cta:hover { background: #e3f6d8; border-color: #e3f6d8; }
.pr-card-featured .pr-trial-note { border-color: #3c5a61; }
.pr-card-featured .pr-card-rule { background: #3c5a61; }
.pr-card-featured .pr-included-label { color: #aac5bd; }
.pr-card-featured .pr-feature-list li { color: #e0eae5; }
.pr-card-featured .pr-feature-list .lucide, .pr-card-featured .pr-trial-note { color: #c9e7b9; }
.pr-plan-footnote { font-size: 10px; line-height: 1.8; color: #859188; text-align: center; margin: 22px auto 0; }
.pr-empty { grid-column: 1 / -1; text-align: center; border: 1px solid var(--pr-line); border-radius: 15px; background: #fff; padding: 50px 24px; }
.pr-empty > .lucide { color: var(--pr-teal); width: 32px; height: 32px; }
.pr-empty p { color: var(--pr-muted); }
.pr-empty .lp-button { margin-top: 16px; }
.pr-included { padding-top: 94px; padding-bottom: 75px; }
.pr-section-heading h2 { font-size: 37px; line-height: 1.22; letter-spacing: -1.6px; font-weight: 650; margin: 14px 0 0; }
.pr-included-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 54px; margin-top: 40px; }
.pr-feature-icon { display: grid; place-items: center; width: 41px; height: 41px; border-radius: 11px; color: #2d7964; background: #e6f0e5; margin-bottom: 22px; }
.pr-feature-blue { color: #4e6a8b; background: #e9edf6; }
.pr-feature-peach { color: #a87849; background: #f7ecdf; }
.pr-included-grid h3 { font-size: 15px; font-weight: 700; letter-spacing: -.4px; margin: 0 0 12px; }
.pr-included-grid p { font-size: 12px; line-height: 1.9; color: var(--pr-muted); margin: 0; }
.pr-code-note { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; margin-top: 20px; color: #71847b; font-size: 10px; }
.pr-code-note > span { padding: 5px 8px; border: 1px solid #e0e7e0; border-radius: 5px; background: #f2f5ee; }
.pr-code-note > .lucide { width: 14px; height: 14px; }
.pr-custom { display: flex; align-items: center; gap: 27px; padding: 35px 37px; border: 1px solid #dce7db; border-radius: 14px; background: #edf3e9; }
.pr-custom-symbol { flex: 0 0 54px; height: 64px; display: grid; place-items: center; }
.pr-custom-symbol .lucide { width: 46px; height: 46px; color: #4f7960; stroke-width: 1.2; }
.pr-custom > div:nth-child(2) { flex: 1; }
.pr-custom h2 { font-size: 21px; letter-spacing: -.6px; margin: 8px 0 9px; line-height: 1.4; }
.pr-custom p { font-size: 11px; color: #6c7d6d; line-height: 1.8; max-width: 470px; margin: 0; }
.pr-custom .lp-button { font-size: 11px; white-space: nowrap; min-height: 45px; }
.pr-custom .pr-eyebrow { font-size: 8px; letter-spacing: 1.2px; }
.pr-faq { display: grid; grid-template-columns: 1fr 1.65fr; gap: 85px; padding-top: 98px; padding-bottom: 95px; }
.pr-faq .pr-section-heading p { margin-top: 26px; color: var(--pr-muted); font-size: 12px; line-height: 2; }
.pr-faq .pr-section-heading a { color: var(--pr-teal); display: inline-flex; align-items: center; gap: 7px; font-weight: 650; }
.pr-faq .pr-section-heading a .lucide { width: 14px; height: 14px; }
.pr-faq-list details { border-bottom: 1px solid var(--pr-line); }
.pr-faq-list details:first-child { border-top: 1px solid var(--pr-line); }
.pr-faq-list summary { list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 23px 0; font-size: 12px; font-weight: 650; line-height: 1.6; }
.pr-faq-list summary::-webkit-details-marker { display: none; }
.pr-faq-list summary .lucide { width: 16px; height: 16px; color: #87978b; transition: transform .2s; }
.pr-faq-list details[open] summary .lucide { transform: rotate(45deg); }
.pr-faq-list p { margin: -3px 32px 24px 0; font-size: 12px; line-height: 1.9; color: var(--pr-muted); }
.pr-bottom { border-top: 1px solid var(--pr-line); border-bottom: 1px solid var(--pr-line); padding-block: 34px; display: flex; align-items: center; gap: 22px; margin-bottom: 40px; }
.pr-bottom-icon { display: grid; place-items: center; flex: 0 0 45px; height: 45px; border-radius: 12px; background: #e9f1e8; color: var(--pr-teal); }
.pr-bottom > div { flex: 1; }
.pr-bottom h2 { margin: 0 0 7px; font-size: 19px; letter-spacing: -.6px; }
.pr-bottom p { margin: 0; color: var(--pr-muted); font-size: 11px; }
.pr-bottom .lp-button { font-size: 11px; }
.pr-page .public-footer { max-width: 1264px; }
@media(min-width: 1440px) { .pr-card { padding: 27px 25px 30px; } }
@media(max-width: 1100px) { .pr-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; } .pr-card { padding: 28px; } .pr-included-grid { gap: 30px; } .pr-faq { gap: 50px; } .pr-custom { flex-wrap: wrap; } .pr-custom .lp-button { margin-left: 81px; } }
@media(max-width: 740px) { .pr-wrap { width: calc(100% - 40px); } .pr-hero { padding-top: 50px; padding-bottom: 39px; } .pr-hero h1 { font-size: 45px; letter-spacing: -2.3px; } .pr-hero > p { font-size: 13px; } .pr-desktop-break { display: none; } .pr-reassurance { gap: 11px 17px; } .pr-reassurance > span { font-size: 10px; } .pr-included { padding-top: 61px; padding-bottom: 47px; } .pr-included-grid { grid-template-columns: 1fr; gap: 31px; margin-top: 30px; } .pr-included-grid article { padding-bottom: 26px; border-bottom: 1px solid var(--pr-line); } .pr-included-grid article:last-child { padding-bottom: 0; border-bottom: 0; } .pr-feature-icon { margin-bottom: 16px; } .pr-custom { gap: 16px; padding: 25px; } .pr-custom-symbol { display: none; } .pr-custom .lp-button { margin: 0; } .pr-faq { grid-template-columns: 1fr; gap: 25px; padding-block: 62px; } .pr-section-heading h2 { font-size: 32px; letter-spacing: -1.2px; } .pr-faq .pr-section-heading h2 br { display: none; } .pr-faq .pr-section-heading p { margin-top: 17px; } .pr-bottom { flex-wrap: wrap; gap: 17px; } .pr-bottom > div { flex-basis: calc(100% - 70px); } .pr-bottom .lp-button { margin-left: 62px; } }
@media(max-width: 550px) { .pr-hero h1 { font-size: 39px; letter-spacing: -1.9px; line-height: 1.14; } .pr-eyebrow { font-size: 8px; letter-spacing: 1.2px; } .pr-card-grid { grid-template-columns: minmax(0, 1fr); gap: 17px; } .pr-card { padding: 26px; } .pr-card h2 { font-size: 22px; } .pr-price strong { font-size: 43px; } .pr-feature-list li { font-size: 12px; } .pr-plan-cta { font-size: 12px; } .pr-price-note { min-height: 0; margin-bottom: 20px; } .pr-plans-heading > span:first-child { font-size: 8px; letter-spacing: .7px; max-width: 170px; } .pr-billing-label { font-size: 9px; gap: 5px; } .pr-plans-heading { gap: 10px; } .pr-reassurance { max-width: 310px; margin-inline: auto; } .pr-bottom .lp-button { width: 100%; margin: 0; } .pr-bottom h2 { font-size: 17px; line-height: 1.5; } }
@media(prefers-reduced-motion: reduce) { .pr-page * { scroll-behavior: auto !important; transition: none !important; } }
