.pricing-main{padding-block:38px 48px;min-height:calc(100svh - 188px)}
.pricing-intro{text-align:center;margin-bottom:42px}
.pricing-eyebrow{margin:0 0 12px;color:var(--muted);font-size:15px;line-height:1.6;font-weight:500}
.pricing-title{font-size:clamp(38px,4.3vw,56px);line-height:1.16;letter-spacing:-2px;font-weight:650}
.pricing-title>span{display:inline-block}
.pricing-subtitle{margin:16px 0 0;color:var(--muted);font-size:18px;line-height:1.65}
.checkout-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);grid-template-areas:"payment plans";gap:64px;align-items:start}
.checkout-panel{min-width:0;min-inline-size:0;margin:0;padding:0;border:0}
.plan-selection{grid-area:plans}
.payment-selection{grid-area:payment;min-width:0}
.checkout-section-title{width:100%;margin:0 0 18px;padding:0;font-size:23px;font-weight:600;line-height:1.4;letter-spacing:-.5px}
.choice-input{position:absolute;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.choice-option{display:flex;align-items:center;gap:12px;min-width:0;border:1.5px solid #e1e1e1;border-radius:14px;background:#fff;color:var(--ink);cursor:pointer}
.choice-input:checked+.choice-option{border-color:var(--gold);background:#f8f5ed}
.choice-input:focus-visible+.choice-option{outline:2px solid var(--focus);outline-offset:3px}
.choice-input:disabled+.choice-option{border-color:#ebebeb;background:#fafafa;color:#929292;cursor:not-allowed}
.choice-marker{width:20px;height:20px;flex:0 0 20px;color:#969696}
.choice-dot{opacity:0}
.choice-input:checked+.choice-option .choice-marker{color:var(--gold)}
.choice-input:checked+.choice-option .choice-dot{opacity:1}
.plan-option{min-height:84px;margin-bottom:12px;padding:16px 18px}
.plan-option-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:4px}
.plan-option-name{font-size:21px;font-weight:600;line-height:1.25;white-space:nowrap;letter-spacing:-.5px}
.plan-option-detail{color:var(--muted);font-size:13px;line-height:1.5}
.plan-option-price{display:flex;flex:0 0 auto;flex-direction:column;gap:4px;text-align:right;white-space:nowrap}
.plan-option-price strong{font-size:22px;font-weight:600;line-height:1.25;letter-spacing:-.5px;font-variant-numeric:tabular-nums}
.plan-option-price>span{color:var(--muted);font-size:13px;line-height:1.5}
.plan-benefits-note{margin:16px 0 0;color:var(--muted);font-size:14px;line-height:1.7}
.payment-option{min-height:54px;margin-bottom:10px;padding:13px 16px;font-size:16px;line-height:1.5}
.method-unavailable{margin-left:auto;padding-left:8px;font-size:13px;white-space:nowrap}
.card-fields{display:flex;flex-direction:column;gap:16px;margin-top:22px}
.card-field{display:flex;min-width:0;flex-direction:column;gap:8px;color:var(--ink);font-size:14px;font-weight:500;line-height:1.5}
.card-field input{width:100%;min-width:0;min-height:48px;padding:12px 14px;border:1px solid #d7d7d7;border-radius:10px;background:#fff;color:var(--ink);font:inherit;font-size:16px;font-weight:400;line-height:1.4}
.card-field input::placeholder{color:#929292;opacity:1}
.card-field input:focus{outline:2px solid var(--focus);outline-offset:2px;border-color:var(--focus)}
.card-field-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.wechat-panel{margin-top:22px;padding:20px;border-radius:12px;background:var(--surface);color:var(--muted);font-size:15px;line-height:1.7}
.wechat-panel p{margin:0}
#method-card:not(:checked)~.card-fields,#method-wechat:not(:checked)~.wechat-panel{display:none}
.selection-summary[hidden]{display:none}
.selection-summary{display:flex;flex-direction:column;gap:12px;margin-top:28px}
.selected-plan-line,.order-total{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:0;font-size:14px;line-height:1.5}
.selected-plan-line{color:var(--muted)}
.selected-plan-line strong{color:var(--ink);font-weight:500}
.order-total{font-size:17px;font-weight:500}
.order-total-price{display:flex;align-items:baseline;gap:3px;white-space:nowrap;font-size:20px;font-variant-numeric:tabular-nums}
.order-total-price strong{font-size:27px;font-weight:600;letter-spacing:-.8px}
.order-total-price>span{margin-left:4px;color:var(--muted);font-size:13px;font-weight:400}
.checkout-confirm{display:block;width:100%;min-height:48px;margin-top:22px;padding:12px 18px;border:0;border-radius:14px;background:#e8e8e8;color:#777;font:inherit;font-size:15px;font-weight:500;line-height:1.5;cursor:not-allowed}
.checkout-payment-note{margin:14px 0 0;color:var(--muted);font-size:13px;line-height:1.7}
@media(max-width:1050px){.checkout-grid{gap:32px}.plan-option{gap:10px;padding:14px}.plan-option-name{font-size:19px}.plan-option-price strong{font-size:21px}.pricing-subtitle{font-size:17px}}
@media(max-width:700px){.pricing-main{padding-block:26px 32px}.pricing-intro{margin-bottom:28px}.pricing-eyebrow{font-size:14px;margin-bottom:12px}.pricing-title{font-size:40px;letter-spacing:-1.6px}.pricing-subtitle{margin-top:14px;font-size:16px}.checkout-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"plans" "payment";gap:32px}.checkout-section-title{font-size:22px;margin-bottom:16px}.plan-option{min-height:78px;padding:14px 16px}.plan-option-name{font-size:20px}.plan-option-price strong{font-size:22px}.plan-benefits-note{font-size:13px;margin-top:14px}.card-field-pair{gap:14px}}
@media(max-width:420px){.pricing-title{font-size:36px}.plan-option{gap:10px;padding:14px}.plan-option-name{font-size:19px}.plan-option-price strong{font-size:21px}.payment-option{font-size:15px}.method-unavailable{font-size:12px}.card-field input{padding-inline:12px}}
