/* Billing follows the workspace's paper, pine, and warm accent palette. */
.pricing-intro{text-align:center;padding:30px 0 48px}.pricing-intro h1{font-size:clamp(36px,5vw,60px);line-height:1.08;letter-spacing:-.06em}.pricing-intro>p:last-child{font-size:17px;color:var(--muted);line-height:1.8}.pricing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch}.price-card{border:1px solid var(--line);background:white;border-radius:14px;padding:27px 23px 20px;position:relative;display:flex;flex-direction:column}.price-card.featured{border:2px solid var(--pine);background:#f3f6ef;padding:26px 22px 19px}.price-card .kicker{font-size:9px;margin:2px 0 18px}.price-card h2{font-size:24px}.price{font-size:38px;font-weight:600;letter-spacing:-.05em;line-height:1.2;margin:14px 0 20px}.price span{font-size:12px;letter-spacing:0;font-weight:400;color:var(--muted);display:block;margin-top:7px}.custom-price{font-size:32px;min-height:69px;display:flex;align-items:center}.price-description{color:var(--muted);font-size:13px;min-height:44px;margin:0 0 22px}.price-card .button{width:100%;justify-content:center;font-size:12px;white-space:normal;text-align:center;min-height:46px}.price-card ul{padding:20px 0 0;margin:18px 0 24px;list-style:none;border-top:1px solid var(--line);font-size:12px;line-height:1.7}.price-card li{position:relative;padding-left:18px;margin-bottom:12px}.price-card li:before{content:'✓';position:absolute;left:0;color:var(--pine);font-weight:600}.price-note{color:var(--muted);font-size:11px;line-height:1.7}.price-card>.price-note{margin-top:auto}.price-ribbon{position:absolute;top:-14px;left:16px;right:16px;background:var(--pine);color:white;font-size:9px;letter-spacing:.1em;padding:5px 10px;text-align:center;border-radius:5px}.pricing-tax{text-align:center;color:var(--muted);font-size:12px;margin:24px 0 45px}.pricing-details{display:grid;grid-template-columns:1fr 1.6fr;gap:80px;border-top:1px solid var(--line);padding-top:48px;margin-top:65px}.pricing-details h2{font-size:30px}.pricing-details>div>p:last-child{color:var(--muted);font-size:14px;max-width:320px}.pricing-faq details{border-bottom:1px solid var(--line);padding:18px 0}.pricing-faq details:first-child{padding-top:0}.pricing-faq summary{cursor:pointer;font-weight:500;font-size:14px;padding-right:20px}.pricing-faq details p{font-size:13px;color:var(--muted);line-height:1.8}.plan-strip{border:1px solid var(--line);border-radius:10px;padding:16px 20px;background:#f0f4ed;margin:0 0 25px;display:flex;gap:15px;align-items:center;justify-content:space-between;flex-wrap:wrap;font-size:12px}.plan-strip>div{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.plan-strip span{color:var(--muted)}.plan-strip p{flex-basis:100%;margin:0;font-size:12px}.plan-dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:var(--pine)}.plan-strip a{white-space:nowrap;color:var(--pine);font-weight:500}.billing-overview{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:45px}.billing-card-head{display:flex;justify-content:space-between;align-items:center}.billing-card-head .kicker{margin:0}.current-plan h2{font-size:30px;margin-top:20px}.current-plan>p:not(.price){font-size:13px;color:var(--muted)}.current-plan form{margin-top:25px}.billing-page .price{font-size:34px}.plan-capacity{display:flex;flex-direction:column;justify-content:center}.capacity-number{font-size:44px;font-weight:600;letter-spacing:-.04em;margin:10px 0 18px}.capacity-number span{font-size:16px;font-weight:400;color:var(--muted);letter-spacing:0}.plan-capacity progress{width:100%;height:7px;accent-color:var(--pine);border:0;border-radius:8px;overflow:hidden}.plan-capacity progress::-webkit-progress-bar{background:var(--pine-soft)}.plan-capacity progress::-webkit-progress-value{background:var(--pine)}.capacity-facts{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:28px 0 12px}.capacity-facts strong,.capacity-facts span{display:block}.capacity-facts strong{font-size:22px;font-weight:500}.capacity-facts span{font-size:12px;color:var(--muted)}.upgrade-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.upgrade-card h3{font-size:22px}.upgrade-card p{font-size:13px;color:var(--muted)}.upgrade-card select{font:inherit;max-width:100%;width:100%;padding:11px;border:1px solid var(--line);border-radius:7px;background:white;color:var(--ink);margin-bottom:15px}.upgrade-action{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px}.upgrade-action>span{font-size:12px;white-space:nowrap}.upgrade-action strong{font-size:25px;letter-spacing:-.04em;font-weight:500}.upgrade-action .button{font-size:12px}.billing-notice{border:1px solid #d4dfcb;background:#f0f4ed;border-radius:10px;padding:16px 22px;margin-bottom:22px;font-size:14px}.purchases{margin-top:28px}.purchases p,.purchases li{font-size:13px;color:var(--muted)}.purchases ul{list-style:none;padding:0}.purchases li{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding:15px 0}.billing-page .ui-list-heading{gap:15px}.billing-page .ui-list-heading a{font-size:12px}.billing-page .ui-list-heading h2{font-size:22px}
@media(max-width:1050px){.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}.pricing-details{gap:35px}.price-description{min-height:0}.price-card ul{margin-bottom:16px}.custom-price{min-height:0}}
@media(max-width:680px){.pricing-intro{padding:10px 0 30px}.pricing-intro>p:last-child{font-size:14px}.pricing-grid,.billing-overview,.upgrade-grid,.pricing-details{grid-template-columns:1fr}.pricing-grid{gap:24px}.price-card{padding:25px}.price-description{font-size:14px}.price-card li{font-size:13px}.price-ribbon{left:auto;width:auto;right:18px}.pricing-details{margin-top:35px;padding-top:30px;gap:20px}.pricing-details h2 br{display:none}.plan-strip{padding:15px;gap:12px}.plan-strip>div{gap:8px 16px}.plan-strip span{font-size:11px}.billing-page .page-head{align-items:flex-start}.billing-page .page-head>a{font-size:12px}.upgrade-action{flex-wrap:wrap}.purchases li{flex-direction:column;gap:3px}.billing-overview{gap:16px}.billing-page .panel{padding:22px}.billing-page .ui-list-heading{align-items:flex-start;flex-direction:column}.capacity-facts{gap:10px}}
