.pricing-page{background:#fff;color:var(--ink);--line:#e0e8e1;--muted:#58665b}
.pricing-page main{background:linear-gradient(180deg,#f3fbf1 0,#fff 650px)}
.pricing-page .header [aria-current=page]{color:var(--brand)}
.pricing-intro{text-align:center;padding-top:100px;padding-bottom:44px}
.pricing-intro h1{margin:0 0 24px}
.pricing-intro h1 span{color:var(--brand-ink)}
.pricing-intro>p{margin:0;color:#58665b}
.pricing-plans{max-width:1120px}
.billing-switch{display:grid;grid-template-columns:1fr 1fr;position:relative;width:310px;padding:6px;margin:0 auto 44px;background:#f0f4ef;border:1px solid #dfe7dd;border-radius:12px}
.billing-switch button{position:relative;z-index:1;padding:12px 8px;background:none;color:#58665b;border-radius:8px}
.billing-switch button[aria-pressed=true]{color:#10270c;font-weight:700}
.billing-switch small{font:400 var(--note-size)/var(--note-leading) var(--font-family);letter-spacing:var(--note-tracking);margin-left:4px}
.billing-indicator{position:absolute;inset:6px auto 6px 6px;width:calc(50% - 6px);background:var(--brand);border-radius:8px;transition:transform .35s cubic-bezier(.22,1,.36,1)}
.billing-switch[data-period=yearly] .billing-indicator{transform:translateX(100%)}
.plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:stretch}
.plan-card{border:1px solid #dce5db;border-radius:20px;background:#fff;overflow:hidden;animation:plan-enter .75s both}
.basic-plan{background:linear-gradient(155deg,#f3ffef,#fff 60%);border-color:var(--brand);box-shadow:0 16px 60px #267a1810;animation-delay:.15s}
.plan-summary{padding:36px 32px 32px;border-bottom:1px solid var(--line)}
.plan-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px}
.plan-heading h3{margin:0}
.plan-badge{padding:5px 10px;border-radius:6px;background:var(--brand);color:#10270c;white-space:nowrap;font:400 var(--note-size)/var(--note-leading) var(--font-family);letter-spacing:var(--note-tracking)}
.plan-summary>p{margin:12px 0 28px;color:#58665b;min-height:67px}
.store-field{display:grid;gap:10px}
.store-field label{color:#344739}
.store-field select{width:100%;min-height:58px;padding:12px 14px;background:#fff;border:1px solid #cbd8c9;border-radius:8px;color:var(--ink);font:inherit;letter-spacing:inherit;cursor:pointer}
.store-field select:disabled{color:#7e887f;background:#f2f5f1;border-color:#e0e6dd;cursor:default;opacity:1}
.store-field select:focus-visible{outline:2px solid var(--brand);outline-offset:4px}
.plan-price{min-height:151px;display:flex;flex-direction:column;justify-content:center;gap:8px}
.price-number{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap}
.plan-price strong{font:700 var(--title-size)/var(--title-leading) var(--font-family);letter-spacing:var(--title-tracking);font-variant-numeric:tabular-nums}
.plan-price strong>span{margin-left:5px}
.plan-price p{margin:0;color:#58665b;font:400 var(--note-size)/var(--note-leading) var(--font-family);letter-spacing:var(--note-tracking)}
#price-period{color:#58665b}
.plan-button{width:100%;justify-content:space-between}
.plan-button.secondary{background:transparent;border-color:#b8c9b5;color:var(--ink)}
.plan-button.secondary:hover{background:#f0f8ed;border-color:#87a480}
.plan-benefits{padding:28px 32px 32px}
.plan-benefits h3{display:flex;align-items:baseline;gap:10px;margin:0 0 20px}
.plan-benefits h3>span{font:400 var(--note-size)/var(--note-leading) var(--font-family);letter-spacing:var(--note-tracking);color:#58665b}
.plan-benefits ul{list-style:none;margin:0;padding:0}
.plan-feature{min-height:80px;display:flex;align-items:center;gap:14px;border-top:1px solid #e5ece2}
.feature-state{flex-shrink:0;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#e9f9e3;color:var(--brand-ink)}
.plan-feature>span:last-child{flex:1}
.plan-feature small{display:block;color:#58665b;font:400 var(--note-size)/var(--note-leading) var(--font-family);letter-spacing:var(--note-tracking)}
.plan-feature.unavailable{color:#7a857c}
.unavailable .feature-state{color:#7a857c;background:#f1f4ef}
.pricing-footnote{text-align:center;color:#58665b;margin:28px 0 0;font:400 var(--note-size)/var(--note-leading) var(--font-family);letter-spacing:var(--note-tracking)}
.pricing-faq{padding-top:120px;padding-bottom:100px;display:grid;grid-template-columns:1fr 1.6fr;gap:70px}
.pricing-faq h2{margin:0 0 20px}
.pricing-faq>div>p{color:#58665b}
.pricing-faq details{border-top:1px solid #dce5d8}
.pricing-faq details:last-child{border-bottom:1px solid #dce5d8}
.pricing-faq summary{display:flex;justify-content:space-between;gap:24px;padding:25px 0;cursor:pointer;list-style:none}
.pricing-faq summary::-webkit-details-marker{display:none}
.pricing-faq summary>span{color:var(--brand-ink);transition:transform .2s}
.pricing-faq details[open] summary>span{transform:rotate(45deg)}
.pricing-faq details p{margin:0;padding:0 30px 26px 0;color:#58665b;font-size:var(--faq-answer-size)}
.pricing-page dialog{color:var(--ink)}
@keyframes plan-enter{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.plan-card{animation:none}.billing-indicator{transition:none}}