.billing-cards-panel{min-width:0}.billing-cards-heading{display:flex;justify-content:space-between;gap:24px;align-items:center;margin:12px 0 26px}.billing-cards-heading h2,.billing-history h2{font-size:23px;font-weight:600;margin:0 0 8px}.billing-cards-heading p,.billing-change-note{font-size:14px;color:#62625c;line-height:1.5}.billing-period{display:flex;padding:5px;background:#eeece6;border:1px solid #dedbd3;border-radius:16px;gap:4px;flex-shrink:0}.billing-period button{border:0;border-radius:12px;background:none;padding:11px 13px;font:inherit;font-size:13px;color:#333;cursor:pointer}.billing-period button[aria-pressed=true]{background:#fff}.billing-period span{display:block;font-size:10px;border-radius:100px;background:#dfe7d6;padding:2px 6px;margin-top:4px}.workspace-pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.workspace-plan{border:1px solid #d9d7ce;border-radius:22px;overflow:hidden;background:#fff;display:flex;flex-direction:column;transition:border-color .2s}.workspace-plan:hover,.workspace-plan:focus-within{border-color:#111}.workspace-plan.is-current{border:2px solid #527357}.workspace-plan-top{padding:25px 22px;background:#efede5;border-bottom:1px solid #dedbd3}.is-current .workspace-plan-top{background:#e1e9dc}.workspace-plan-label{font-size:10px;letter-spacing:.08em;font-weight:500;color:#4b5c46}.workspace-plan h3{margin:10px 0 0;font-size:24px;font-weight:600}.workspace-plan-body{padding:24px 22px;display:flex;flex-direction:column;flex:1}.workspace-plan-price{font-size:32px;line-height:1.2;font-weight:600;margin:0}.workspace-plan-price span{font-size:12px;font-weight:400;color:#606058}.workspace-plan-cycle{font-size:12px;color:#62625c;margin:9px 0 0}.workspace-plan ul{padding:0;list-style:none;margin:24px 0;flex:1}.workspace-plan li{font-size:13px;line-height:1.5;padding:9px 0;border-bottom:1px solid #eeeae2}.workspace-plan .btn{width:100%;justify-content:center;font-size:13px;text-align:center}.workspace-plan small{display:block;font-size:11px;color:#666;line-height:1.5;margin-top:10px}.workspace-plan .btn:disabled{opacity:1;background:#e1e9dc;color:#304a34;cursor:default}.billing-history{margin-top:36px}.billing-history-row{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #ddd9cf;padding:20px 0}.billing-history-row h3{font-size:15px;font-weight:500;margin:0 0 8px}.billing-history-row p{font-size:13px;color:#62625c;margin:6px 0}.billing-checkout-form{border:1px solid #d9d7ce;border-radius:20px;padding:25px;background:#fff;margin-top:24px}.billing-checkout-form h3{font-size:20px}.billing-checkout-form p{font-size:14px}.billing-checkout-form .billing-consent{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.5;margin:20px 0}.billing-checkout-form input[type=checkbox]{width:16px;height:16px;min-height:0;flex:0 0 16px;margin:3px 0 0;padding:0}.billing-change-note{margin:20px 0}.billing-history-row .btn{font-size:12px}@media(max-width:1100px){.workspace-pricing-grid{grid-template-columns:1fr}.billing-cards-heading{align-items:flex-start;flex-direction:column}.workspace-plan ul{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}}@media(max-width:500px){.workspace-plan ul{display:block}.billing-history-row{flex-direction:column;align-items:flex-start}}

/* One pricing card presentation on public pages, signup and the workspace. */
body.design-refresh .workspace-plan{padding:0;background:#fff;color:#242620;box-shadow:none;transform:none;border:1px solid #d9d7ce;border-radius:22px;overflow:hidden}
body.design-refresh .workspace-plan:is(:hover,:focus-within){background:#fff;border-color:#111;box-shadow:none;transform:none}
body.design-refresh .workspace-plan.is-current{border:2px solid #527357}
body.design-refresh .workspace-plan.is-current:is(:hover,:focus-within){border-color:#111}
body.design-refresh .workspace-plan-top{padding:25px 22px;background:#efede5;border-bottom:1px solid #dedbd3}
body.design-refresh .is-current .workspace-plan-top{background:#e1e9dc}
body.design-refresh .workspace-plan-top :is(h2,h3){font-size:24px;font-weight:600;line-height:1.2;letter-spacing:normal;margin:10px 0 0;text-transform:none}
body.design-refresh .workspace-plan-label{font-size:10px;letter-spacing:.08em;font-weight:500;color:#4b5c46}
body.design-refresh .workspace-plan-body{padding:24px 22px}
body.design-refresh .workspace-plan-price{font-size:32px;font-weight:600;line-height:1.2;margin:0}
body.design-refresh .workspace-plan-price span{font-size:12px;font-weight:400;color:#606058}
body.design-refresh .workspace-plan-price small{display:inline;font-size:12px;font-weight:400;margin:0}
body.design-refresh .workspace-plan-cycle{font-size:12px;line-height:1.5;color:#62625c;margin:9px 0 0}
body.design-refresh .workspace-plan li{font-size:13px;font-weight:400;line-height:1.5;padding:9px 0;border-bottom:1px solid #eeeae2}
body.design-refresh .workspace-plan .btn{font-size:13px;min-height:44px;border-radius:16px}
body.design-refresh .workspace-plan.order-card{align-self:start}
body.design-refresh .workspace-plan.order-card .back-plans{display:block;font-size:12px;margin:0 0 18px}
body.design-refresh .workspace-plan.order-card #order-features svg{display:none}
body.design-refresh .workspace-plan.order-card .order-note{font-size:12px;line-height:1.5}
body.design-refresh .workspace-plan.order-card #order-features{padding:0;margin:24px 0;border:0;list-style:none}
body.design-refresh .workspace-plan.order-card #order-features li+li{margin-top:0}
body.design-refresh .workspace-plan.order-card .order-price{letter-spacing:normal}
@media(prefers-reduced-motion:reduce){.workspace-plan{transition:none}}

/* A compact, shared billing switcher with consistent button corners. */
body.design-refresh :is(.billing-period,.billing-toggle){display:inline-flex;align-items:stretch;flex:0 1 auto;width:auto;max-width:100%;padding:4px;gap:4px;border:1px solid #dedbd3;border-radius:16px!important;background:#eeece6;box-shadow:none}
body.design-refresh :is(.billing-period,.billing-toggle) button{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;flex:1 1 auto;width:auto;min-width:0;min-height:44px;height:auto;padding:10px 14px;border:0;border-radius:16px!important;font:inherit;font-size:13px;line-height:1.4;white-space:nowrap;background:transparent;color:#333;box-shadow:none;transform:none}
body.design-refresh :is(.billing-period,.billing-toggle) button[aria-pressed=true]{background:#fff;color:#242620}
body.design-refresh :is(.billing-period,.billing-toggle) span{display:inline-block;margin:0;padding:3px 7px;border-radius:16px!important;font-size:10px;line-height:1.4;white-space:nowrap;background:#dfe7d6;color:#30392c}
body.account-page .billing-cards-heading{flex-wrap:wrap;gap:16px}
body.account-page .billing-cards-panel{width:100%;max-width:none;min-width:0}
body.design-refresh .workspace-plan[data-pricing-plan=starter] .workspace-plan-top{background-image:url('/pricing-art/starter.png')}
body.design-refresh .workspace-plan[data-pricing-plan=studio] .workspace-plan-top{background-image:url('/pricing-art/studio.png')}
body.design-refresh .workspace-plan[data-pricing-plan=agency] .workspace-plan-top{background-image:url('/pricing-art/agency.png')}
body.design-refresh .workspace-plan[data-pricing-plan] .workspace-plan-top{background-size:cover;background-position:center;background-repeat:no-repeat;color:#20231d}
body.design-refresh .workspace-plan[data-pricing-plan] .workspace-plan-label{color:#293225}
@media(max-width:360px){body.design-refresh :is(.billing-period,.billing-toggle) button{padding:9px 10px;gap:5px;font-size:12px}body.design-refresh :is(.billing-period,.billing-toggle) span{font-size:9px;padding:3px 5px}}

body.design-refresh .workspace-plan .btn:disabled{cursor:default;opacity:.7}
body.design-refresh :is(.billing-period,.billing-toggle){border:1px solid #111!important}

/* Shared pricing hierarchy and recommendation, without changing button behavior. */
body.design-refresh .workspace-plan-price{font-weight:500}
body.design-refresh .workspace-plan li{font-size:16px;line-height:1.55}
body.design-refresh .workspace-plan[data-pricing-plan=studio]{border:2px solid #242620}
.plan-recommended{display:table;margin:0 0 14px;padding:6px 12px;border-radius:100px;background:#242620;color:#fff;font-size:12px;font-weight:500;line-height:1.3}
body.design-refresh .pricing-controls{display:flex;justify-content:center;align-items:center;margin-bottom:28px}
body.design-refresh .pricing-controls .billing-wrap{display:flex;align-items:center;justify-content:center;width:auto}

.order-card:not([data-pricing-plan=studio]) .signup-recommendation{display:none}

/* Keep the amount prominent while preserving its medium weight. */
body.design-refresh .workspace-plan-price{font-size:clamp(40px,3.6vw,52px);font-weight:500;letter-spacing:-.035em;color:#111;line-height:1.15}
body.design-refresh .workspace-plan-price :is(small,span){font-size:14px;letter-spacing:0;color:#51534c}
.workspace-plan-cycle[hidden],#order-equivalent[hidden]{display:none!important}

body.design-refresh .workspace-plan-top :is(h2,h3){font-size:20px;line-height:1.25}

/* Feature-specific line icons; row order matches BrandPlans.features on public and workspace cards. */
body .workspace-plan li{display:flex;align-items:flex-start;gap:10px}
body .workspace-plan li::before{content:"";display:block;flex:0 0 19px;width:19px;height:19px;margin:2px 0 0;background:currentColor;-webkit-mask:var(--plan-feature-icon) center/contain no-repeat;mask:var(--plan-feature-icon) center/contain no-repeat}
.workspace-plan li:nth-child(1){--plan-feature-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%224%22%20width%3D%2218%22%20height%3D%2216%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M3%209h18M9%209v11%22%2F%3E%3C%2Fsvg%3E")}
.workspace-plan li:nth-child(2){--plan-feature-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%229%22%20cy%3D%228%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M3%2021v-2a6%206%200%200%201%2012%200v2M16%205a3%203%200%200%201%200%206M18%2015a5%205%200%200%201%203%204v2%22%2F%3E%3C%2Fsvg%3E")}
.workspace-plan li:nth-child(3){--plan-feature-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cellipse%20cx%3D%2212%22%20cy%3D%225%22%20rx%3D%228%22%20ry%3D%223%22%2F%3E%3Cpath%20d%3D%22M4%205v14c0%204%2016%204%2016%200V5M4%2012c0%204%2016%204%2016%200%22%2F%3E%3C%2Fsvg%3E")}
.workspace-plan li:nth-child(4){--plan-feature-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m12%203%2010%205-10%205L2%208l10-5ZM2%2012l10%205%2010-5M2%2016l10%205%2010-5%22%2F%3E%3C%2Fsvg%3E")}
.workspace-plan li:nth-child(5){--plan-feature-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m12%203%208%203v6c0%205-8%209-8%209s-8-4-8-9V6l8-3Z%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2210%22%20r%3D%222%22%2F%3E%3Cpath%20d%3D%22M8%2016c0-4%208-4%208%200%22%2F%3E%3C%2Fsvg%3E")}
.workspace-plan li:nth-child(6){--plan-feature-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203a9%209%200%201%200%200%2018h1a2%202%200%200%200%201-4c-2-1-1-3%201-3h3c4%200%204-11-6-11Z%22%2F%3E%3Ccircle%20cx%3D%227.5%22%20cy%3D%2210%22%20r%3D%22.7%22%2F%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%226.5%22%20r%3D%22.7%22%2F%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%227%22%20r%3D%22.7%22%2F%3E%3C%2Fsvg%3E")}
.workspace-plan li:nth-child(7){--plan-feature-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cellipse%20cx%3D%2212%22%20cy%3D%2212%22%20rx%3D%224%22%20ry%3D%229%22%2F%3E%3Cpath%20d%3D%22M3%2012h18%22%2F%3E%3C%2Fsvg%3E")}
.workspace-plan[data-pricing-plan="starter"] li:nth-child(4){--plan-feature-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%205C8%202%204%203%202%204v15c4-2%207-1%2010%201%203-2%206-3%2010-1V4c-2-1-6-2-10%201v15%22%2F%3E%3C%2Fsvg%3E")}
.workspace-plan[data-pricing-plan="agency"] li:nth-child(6){--plan-feature-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%207a2%202%200%200%201%202-2h5l2%203h7a2%202%200%200%201%202%202v9H3V7Z%22%2F%3E%3C%2Fsvg%3E")}


/* Payment controls share the workspace form typography and spacing. */
.billing-payment-options{display:flex;flex-wrap:wrap;align-items:end;gap:16px;margin:24px 0}
.billing-payment-options label{display:grid;gap:8px;font:inherit;font-size:14px;min-width:180px}
.billing-payment-options select{min-height:44px;padding:10px 14px;border:1px solid var(--line,#ddd);border-radius:8px;background:var(--paper,#fff);color:inherit;font:inherit;font-size:14px}
.billing-payment-options p{flex-basis:100%;margin:0;font-size:13px}
@media(max-width:600px){.billing-payment-options label{flex:1;min-width:140px}}

/* Public pricing cards share one presentation, independent of H2/H3 page hierarchy. */
@layer website-ui {
body[data-website-ui] .public-pricing-grid {display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;}
body[data-website-ui] .public-pricing-grid .workspace-plan {
 display:flex!important;flex-direction:column!important;padding:0!important;
 background:#fff!important;color:#242620!important;border:1px solid #d9d7ce!important;
 border-radius:22px!important;overflow:hidden;box-shadow:none!important;transform:none!important;
}
body[data-website-ui] .public-pricing-grid .workspace-plan[data-pricing-plan=studio] {border:2px solid #242620!important;}
body[data-website-ui] .public-pricing-grid .workspace-plan:is(:hover,:focus-within) {border-color:#111!important;}
body[data-website-ui] .public-pricing-grid .workspace-plan-top {padding:25px 22px!important;border-bottom:1px solid #dedbd3!important;}
body[data-website-ui] .public-pricing-grid .workspace-plan-top :is(h2,h3) {
 font-size:20px!important;font-weight:500!important;line-height:1.25!important;
 letter-spacing:0!important;margin:10px 0 0!important;text-transform:none!important;
}
body[data-website-ui] .public-pricing-grid .workspace-plan-body {padding:24px 22px!important;display:flex;flex-direction:column;flex:1;}
body[data-website-ui] .public-pricing-grid .workspace-plan-price {font-size:clamp(44px,4.5vw,56px)!important;line-height:1.2!important;font-weight:500!important;margin:0!important;}
body[data-website-ui] .public-pricing-grid .workspace-plan-price span {font-size:14px!important;line-height:1.5!important;font-weight:400!important;}
body[data-website-ui] .public-pricing-grid .workspace-plan ul {padding:0!important;margin:24px 0!important;list-style:none;flex:1;}
body[data-website-ui] .public-pricing-grid .workspace-plan li {font-size:16px!important;line-height:1.55!important;font-weight:400!important;padding:9px 0!important;border-bottom:1px solid #eeeae2!important;}
body[data-website-ui] .public-pricing-grid .workspace-plan .btn {width:100%;justify-content:center;font-size:14px!important;min-height:44px!important;padding:10px 16px!important;border-radius:16px!important;line-height:22px!important;}
@media(max-width:1100px) {
 body[data-website-ui] .public-pricing-grid {grid-template-columns:minmax(0,1fr)!important;}
 body[data-website-ui] .public-pricing-grid .workspace-plan ul {display:grid;grid-template-columns:1fr 1fr;gap:0 16px;}
}
@media(max-width:640px) {body[data-website-ui] .public-pricing-grid .workspace-plan li {font-size:13px!important;line-height:1.6!important;}}
@media(max-width:500px) {body[data-website-ui] .public-pricing-grid .workspace-plan ul {display:block;}}
}

/* Agency custom-domain availability badge. */
@layer website-ui {
body .workspace-plan .domain-coming-soon,body .plan-comparison .domain-coming-soon{display:inline-flex!important;align-items:center;padding:3px 8px!important;margin-left:6px!important;border-radius:100px!important;background:#e6efb0!important;color:#303820!important;font-size:10px!important;line-height:1.4!important;font-weight:500!important;white-space:nowrap}
}