/* Pricing content, with the same shared brand shell as the product homepage. */
.pricing-design{--pricing-line:#e7e7df;--pricing-muted:#62675d}
.pricing-design .pricing-page{width:auto;max-width:none;margin:0;padding:0;position:relative;isolation:isolate}
.pricing-design .pricing-page:before{content:"";position:absolute;z-index:-1;inset:10px 16px auto;height:690px;border-radius:25%;background:radial-gradient(ellipse at 28% 24%,#f8e8afb8,transparent 61%),radial-gradient(ellipse at 78% 30%,#f2efda,transparent 64%);filter:blur(25px);pointer-events:none}
.pricing-design .page-intro{max-width:900px;margin:auto;padding:53px 24px 42px;text-align:center}
.pricing-design .page-intro h1{font-size:clamp(38px,3.7vw,54px);font-weight:700;line-height:1.25;letter-spacing:-1.8px;margin:0 0 16px}
.pricing-design .page-intro>p{font-size:15px;line-height:1.8;color:#53594f;margin:0}
.pricing-content{width:calc(100% - 96px);max-width:1180px;margin:auto}
.billing-cycle{display:flex;justify-content:center;gap:4px;width:max-content;margin:0 auto 28px;padding:4px;border:1px solid #e5e5dd;border-radius:999px;background:#fff}
.billing-cycle button{border:0;background:transparent;border-radius:999px;padding:8px 18px;font:inherit;font-size:13px;line-height:1.4;color:#62675d;cursor:pointer}
.billing-cycle button[aria-pressed="true"]{background:#25291f;color:#fffdf6}
.pricing-design .plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto auto auto 36px;column-gap:24px;row-gap:12px;align-items:stretch;max-width:none;margin:0;padding:0}
.pricing-design .plan-card{min-width:0;display:grid;grid-template-rows:subgrid;grid-row:span 4;padding:34px 29px 14px;border:1px solid #e5e5dd;border-radius:26px;background:#ffffffed;box-shadow:0 10px 30px #353b2506}
.pricing-design .plan-top{grid-row:1}
.pricing-design .price{grid-row:2}
.pricing-design .plan-purchase,.pricing-design #pro-checkout{display:contents}
.pricing-design .plan-action,.pricing-design .unavailable{grid-row:3;align-self:end}
.pricing-design .plan-footnote{grid-row:4;align-self:center;justify-self:center}
.pricing-design .plan-card.pro-plan{background:linear-gradient(155deg,#fff2c5 0%,#fff9e7 53%,#fffdf6 100%);border-color:#ddc681;box-shadow:0 12px 35px #967b2210}
.pricing-design .plan-card.lifetime-plan,.pricing-design .plan-card.ai-plan{background:#fafbf8ed;border-color:#e6e8df}
.pricing-design .plan-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;min-height:33px}
.pricing-design .plan-top h2{font-size:26px;line-height:1.3;letter-spacing:-.6px;margin:0;font-weight:650}
.pricing-design .pill{font-size:10px;line-height:1.5;padding:5px 10px;background:#f0f2e9;color:#5b6353;border:1px solid #e9ece1;border-radius:20px;white-space:nowrap}
.pricing-design .pill-yellow{background:#f1d98a;border-color:#e8cc71;color:#69511c}
.pricing-design .price{display:flex;align-items:baseline;min-height:59px;margin:22px 0 56px}
.pricing-design .price-line{display:flex;align-items:baseline;gap:8px;flex-wrap:nowrap}
.pricing-design .price-line>.price-currency{font-size:28px;font-weight:550;letter-spacing:.04em;line-height:1;color:#8a8172}
.pricing-design .price-figure{font-size:49px;line-height:.9;letter-spacing:-2.8px;font-weight:680;white-space:nowrap}
.pricing-design .price.is-yearly .price-was{font-size:34px;letter-spacing:-2px;margin-right:10px}
.pricing-design .price-was{color:#b4aa98;text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:#8d8372}
.pricing-design .price-free strong{font-size:40px;letter-spacing:-.6px;font-weight:650}
.pricing-design .price-line>span:not(.price-currency){font-size:12px;color:var(--pricing-muted)}
.pricing-design .price.coming strong{font-size:32px;letter-spacing:-.7px}
.pricing-design .plan-purchase{min-height:0;margin:0}
.pricing-design .plan-action,.pricing-design .unavailable{width:100%;min-height:48px;padding:11px 17px;border-radius:30px;font-size:13px;line-height:1.45;gap:12px}
.pricing-design .plan-action{background:#25291f;border:1px solid #25291f;color:#fffdf6;box-shadow:0 0 0 3px #d8c58e32}
.pricing-design .plan-action:hover{background:#3b4231;border-color:#3b4231;box-shadow:0 0 0 4px #d8c58e4d;transform:translateY(-1px)}
.pricing-design .unavailable{display:flex;align-items:center;justify-content:center;background:#f2f3ee;border:1px solid #e1e5d8;color:#66705c;text-align:center}
.pricing-design .pro-plan .unavailable{background:#fffdf6a6;border-color:#e6d9ad;color:#7a693f}
.pricing-design .plan-footnote{min-height:0;margin:0;transform:translateY(2px);font-size:10px;line-height:1.6;color:#75643b;text-align:center}
.pricing-design .comparison-section{padding:83px 0 0;scroll-margin-top:100px}
.pricing-design .comparison-section .section-heading{display:block;text-align:center;margin:0 0 32px}
.pricing-design .comparison-section h2,.pricing-design .faq h2{font-size:36px;line-height:1.4;letter-spacing:-1px;font-weight:650;margin:0}
.pricing-design .comparison-scroll{border:1px solid var(--pricing-line);border-radius:23px;background:#fff;overflow-x:auto}
.pricing-design .comparison{width:100%;border-collapse:collapse;min-width:580px}
.pricing-design .comparison th,.pricing-design .comparison td{padding:19px 24px;border-bottom:1px solid #eef3f5;border-right:1px solid rgba(120,150,168,.16);font-size:13px;line-height:1.65}
.pricing-design .comparison th:last-child,.pricing-design .comparison td:last-child{border-right:0}
.pricing-design .comparison th{color:#394330}
.pricing-design .comparison tbody th.is-emphasis{font-weight:700;color:#243028}
.pricing-design .comparison thead th,.pricing-design .pricing-page .comparison thead th:nth-child(n){padding:24px 18px;font-size:15px;font-weight:650;letter-spacing:.02em;line-height:1.35;color:#2c3f4c;text-align:center;vertical-align:middle;border-bottom:1px solid #d5e4ed;border-right:1px solid rgba(255,255,255,.72);background:linear-gradient(180deg,#eaf4fa 0%,#d7eaf4 100%)}
.pricing-design .comparison thead th:last-child{border-right:0}
.pricing-design .comparison td{text-align:center;vertical-align:middle}
.pricing-design .comparison td:nth-child(3){background:#fff9e7}
.pricing-design .comparison td.is-open{background:#fafbf8}
.pricing-design .comparison .missing{display:inline-block;width:10px;height:1px;background:#c5cdc2;vertical-align:middle;overflow:hidden;color:transparent;font-size:0;line-height:0}
.pricing-design .comparison td.is-open{min-width:96px}
.pricing-design .comparison tbody th{font-weight:500;text-align:center}
.pricing-design .comparison tbody td{color:#526348}
.pricing-design .comparison td.pending{color:#727b69}
.pricing-design .comparison .included{justify-content:center;gap:7px}
.pricing-design .comparison .included svg{color:#7b8b65}
.pricing-design .comparison-note{font-size:11px;color:#6b7165;line-height:1.8;margin:16px 0 0}
.pricing-design .faq{padding:85px 0 88px;display:grid;grid-template-columns:1fr 1.8fr;gap:85px;scroll-margin-top:100px}
.pricing-design .faq h2{margin-bottom:18px}
.pricing-design .faq>.faq-list{min-width:0}
.pricing-design .faq details{padding:21px 0;border-bottom:1px solid var(--pricing-line)}
.pricing-design .faq details:first-child{padding-top:6px}
.pricing-design .faq summary{font-size:15px;font-weight:550;line-height:1.7;padding-right:27px}
.pricing-design .faq details p{font-size:13px;line-height:1.9;color:var(--pricing-muted);margin:13px 0 0}
.pricing-design .faq .text-link{font-size:13px;color:#5b654f}
.pricing-design .home-footer{position:relative;isolation:isolate}
.pricing-design .home-footer:before{content:"";position:absolute;z-index:-2;inset:-42px -28px -28px;background:linear-gradient(180deg,#fff,#f7efd4);border-radius:0;pointer-events:none}
.pricing-design .home-footer:after{content:"";position:absolute;z-index:-1;inset:0;background:#272c24;border-radius:inherit;pointer-events:none}
@media(max-width:1150px){
  .pricing-content{width:calc(100% - 64px)}
  .pricing-design .plans{column-gap:18px;row-gap:12px}
  .pricing-design .plan-card{padding:24px 23px 10px}
  .pricing-design .plan-top h2{font-size:24px}
  .pricing-design .price-line>.price-currency{font-size:24px}
  .pricing-design .price-figure{font-size:43px}
  .pricing-design .price.is-yearly .price-was{font-size:28px}
  .pricing-design .price-free strong{font-size:34px}
  .pricing-design .price.coming strong{font-size:28px}
  .pricing-design .faq{gap:50px}
}
@media(max-width:900px){
  .pricing-design .pricing-page{margin-left:0}
  .pricing-content{width:calc(100% - 48px)}
  .pricing-design .page-intro{padding-top:42px;padding-bottom:32px}
  .pricing-design .plans{column-gap:14px;row-gap:10px}
  .pricing-design .plan-card{padding:23px 18px 7px}
  .pricing-design .plan-top{align-items:flex-start;flex-direction:column;gap:9px;min-height:66px}
  .pricing-design .plan-top h2{font-size:25px}
  .pricing-design .price{gap:5px;min-height:51px;margin-top:18px;flex-wrap:wrap}
  .pricing-design .price-line>.price-currency{font-size:21px}
  .pricing-design .price-figure{font-size:37px}
  .pricing-design .price.is-yearly .price-was{font-size:26px}
  .pricing-design .price-free strong{font-size:30px}
  .pricing-design .price-line>span:not(.price-currency){font-size:10px}
  .pricing-design .price.coming strong{font-size:26px}
  .pricing-design .plan-action,.pricing-design .unavailable{font-size:12px;padding:8px 14px;min-height:42px}
  .pricing-design .comparison-section{padding-top:65px}
  .pricing-design .comparison th,.pricing-design .comparison td{padding:17px 19px}
  .pricing-design .faq{gap:35px;grid-template-columns:1fr 1.6fr;padding:65px 0}
  .pricing-design .faq h2,.pricing-design .comparison-section h2{font-size:31px}
}
@media(max-width:700px){
  .pricing-design .page-intro{padding:36px 24px 30px}
  .pricing-design .page-intro h1{font-size:38px;letter-spacing:-1px;margin-bottom:13px}
  .pricing-design .page-intro>p{font-size:13px}
  .pricing-design .pricing-page:before{inset:4px 0 auto;height:580px}
  .pricing-content{width:calc(100% - 40px)}
  .pricing-design .plans{grid-template-columns:1fr;grid-template-rows:none;max-width:470px;margin:auto;gap:21px}
  .pricing-design .plan-card{display:flex;flex-direction:column;grid-row:auto;padding:27px 28px 14px}
  .pricing-design .plan-purchase{display:flex;flex-direction:column;margin-top:auto}
  .pricing-design #pro-checkout{display:block}
  .pricing-design .plan-top,.pricing-design .price,.pricing-design .plan-action,.pricing-design .unavailable,.pricing-design .plan-footnote{grid-row:auto}
  .pricing-design .plan-top{flex-direction:row;align-items:center;min-height:33px;gap:12px}
  .pricing-design .plan-top h2{font-size:27px}
  .pricing-design .price{min-height:57px;gap:9px;margin-top:20px;flex-wrap:nowrap}
  .pricing-design .price-line>.price-currency{font-size:28px}
  .pricing-design .price-figure{font-size:49px}
  .pricing-design .price.is-yearly .price-was{font-size:34px}
  .pricing-design .price-free strong{font-size:40px}
  .pricing-design .price-line>span:not(.price-currency){font-size:12px}
  .pricing-design .price.coming strong{font-size:31px}
  .pricing-design .plan-action,.pricing-design .unavailable{font-size:13px;min-height:44px}
  .pricing-design .comparison-section{padding-top:53px}
  .pricing-design .comparison-section .section-heading{margin-bottom:24px}
  .pricing-design .comparison-section h2,.pricing-design .faq h2{font-size:29px}
  .pricing-design .comparison th,.pricing-design .comparison td{padding:16px}
  .pricing-design .comparison-note{font-size:10px}
  .pricing-design .faq{grid-template-columns:1fr;gap:22px;padding:53px 0 64px}
  .pricing-design .faq h2{margin-bottom:8px}
  .pricing-design .faq summary{font-size:14px}
  .pricing-design .faq details p{font-size:12px}
  .pricing-design .home-footer:before{inset:-35px -14px -14px}
}
@media(prefers-reduced-motion:reduce){.pricing-design .plan-action{transition:none;transform:none}}