/* Match the homepage's monochrome chrome; keep billing and account pages scoped. */
body.site-page.pricing-page {
  --site-ink:#fff;
  --site-muted:#8e8e93;
  --site-line:#1c1c1e;
  --site-paper:#000;
  --site-surface:#0b0b0c;
  --pricing-border:#2c2c2e;
  --ink:var(--site-ink);
  --muted:var(--site-muted);
  --accent:#fff;
  color-scheme:dark;
  background:var(--site-paper);
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","PingFang SC","Hiragino Sans GB","Helvetica Neue",sans-serif;
}
.pricing-page ::selection {background:#3a3a3c;color:#fff}
.pricing-page :is(button,a,input,summary):focus-visible {outline:2px solid #fff;outline-offset:5px}
.pricing-page .site-skip {background:#fff;color:#000}
.pricing-page .pricing-nav {
  position:sticky;top:0;z-index:20;min-height:78px;padding:0 32px;
  background:rgb(0 0 0 / 78%);border-bottom:1px solid var(--site-line);
  backdrop-filter:saturate(140%) blur(18px);-webkit-backdrop-filter:saturate(140%) blur(18px);
}
.pricing-page .site-brand {gap:9px;font-size:24px;letter-spacing:-.8px}
.pricing-page .site-brand img {width:28px;height:28px;filter:none}
.pricing-page .site-brand span {color:#fff}
.pricing-nav-links {display:flex;align-items:center;gap:26px;font-size:13px}
.pricing-page .site-nav a:not(.site-brand):not(.site-button) {color:var(--site-muted)}
.pricing-page .site-nav a:not(.site-brand):not(.site-button):is(:hover,[aria-current=page]) {color:#fff}
.pricing-page .site-nav-actions {gap:16px}
body.site-page.pricing-page .site-button {
  background:transparent!important;border-color:#3a3a3c!important;color:#fff!important;box-shadow:none!important;
  min-height:44px;padding:10px 22px;border-radius:999px;
}
body.site-page.pricing-page .site-button:hover:not(:disabled) {background:#1c1c1e!important;border-color:#636366!important}
body.site-page.pricing-page .site-button.site-primary {background:#fff!important;border-color:#fff!important;color:#000!important}
body.site-page.pricing-page .site-button.site-primary:hover:not(:disabled) {background:#e5e5ea!important;border-color:#e5e5ea!important;color:#000!important}
body.site-page.pricing-page .site-button:disabled {background:#161618!important;border-color:#2c2c2e!important;color:#8e8e93!important;opacity:1}
body.site-page.pricing-page .site-button.jelly-pressed:not(:disabled) {box-shadow:none!important}
body.site-page.pricing-page .pricing-nav .site-button {min-height:38px;padding:8px 18px;font-size:12px}
body.site-page.pricing-page .auth-account {background:#0b0b0c!important;border-color:#2c2c2e!important;color:#c7c7cc!important}
.pricing-page .workspace-floating-nav {display:none}
.pricing-page .app-language-toggle {background:#1c1c1e;border-color:#1c1c1e;color:#8e8e93;box-shadow:none}
.pricing-page .app-language-toggle:hover {border-color:#48484a;box-shadow:none}
.pricing-page .app-language-thumb {background:#fff;border-color:#fff;box-shadow:none}
.pricing-page .app-language-toggle[data-locale=zh] [data-lang=zh],
.pricing-page .app-language-toggle[data-locale=en] [data-lang=en] {color:#000;text-shadow:none}
.pricing-page .app-language-toggle:focus-visible {outline-color:#fff}

.pricing-main {max-width:1204px;margin:auto;padding:0 32px 64px}
.pricing-intro {text-align:center;padding:56px 0 36px}
.pricing-kicker {display:inline-block;font-size:10px;letter-spacing:.17em;color:var(--site-muted)}
.pricing-intro h1 {font-size:clamp(40px,4.4vw,58px);line-height:1.25;letter-spacing:-2.2px;font-weight:350;margin:18px 0 20px;text-wrap:balance}
.pricing-intro h1 strong {font-weight:650}
.pricing-intro > p {color:var(--site-muted);font-size:16px;line-height:1.75;margin:0 auto;max-width:650px;text-wrap:pretty}
.pricing-period {position:relative;isolation:isolate;margin:26px auto 0;display:inline-grid;grid-template-columns:repeat(2,minmax(0,1fr));background:#1c1c1e;border:1px solid #2c2c2e;padding:4px;border-radius:999px;gap:4px}
.pricing-period-thumb {display:none;position:absolute;pointer-events:none;border-radius:999px;background:#fff;box-shadow:0 2px 8px #0002;transform-origin:center}
.pricing-period button {position:relative;z-index:1;border:0;background:transparent;padding:8px 24px;border-radius:999px;color:#a1a1a6;font-size:13px;min-height:40px;transition:background .16s,color .16s;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.pricing-period button[aria-pressed=true] {background:#fff;color:#000}
.pricing-period button:hover:not([aria-pressed=true]):not(:disabled) {color:#fff;background:#ffffff06}
.pricing-period.is-motion-ready .pricing-period-thumb {display:block}
.pricing-period.is-motion-ready button[aria-pressed=true] {background:transparent}
.pricing-period button:active:not(:disabled) {scale:.97}
.pricing-period button:disabled {opacity:.6}
@media(prefers-reduced-motion:reduce) {
  .pricing-period button {transition:none}
  .pricing-period button:active:not(:disabled) {scale:none}
}

.pricing-wallet {display:flex;justify-content:space-between;align-items:center;gap:24px;padding:21px 26px;background:var(--site-surface);border:1px solid var(--site-line);border-radius:20px;margin:0 0 10px}
.pricing-wallet .pricing-kicker {letter-spacing:.04em;font-size:12px}
.pricing-wallet p {margin:4px 0 0;color:var(--site-muted);font-size:13px;display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}
.pricing-wallet strong {font-size:35px;line-height:1.2;font-weight:500;letter-spacing:-1px;color:#fff;font-variant-numeric:tabular-nums}
.pricing-wallet #held-credits {font-size:12px;color:var(--site-muted)}
.wallet-actions {display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}
.pricing-message {font-size:12px;line-height:1.75;color:var(--site-muted);min-height:20px;margin:12px 3px 24px;overflow-wrap:anywhere}
.pricing-message.error {color:#ff9a94}
.free-plan {display:flex;align-items:center;justify-content:space-between;gap:28px;margin:0 0 20px;padding:26px;border:1px solid var(--site-line);border-radius:20px;background:var(--site-surface)}
.free-plan h2 {font-size:24px;line-height:1.4;letter-spacing:-.7px;font-weight:450;margin:10px 0 9px}
.free-plan p {font-size:12px;color:var(--site-muted);line-height:1.9;margin:0}
.free-plan-action {display:flex;flex-direction:column;align-items:flex-end;gap:12px;flex-shrink:0}
.free-plan-action>div {display:flex;align-items:baseline;gap:9px}
.free-plan-action strong {font-size:38px;font-weight:500;letter-spacing:-1px}
.free-plan-action span {font-size:12px;color:var(--site-muted)}

.pricing-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.plan-card {position:relative;display:flex;flex-direction:column;min-width:0;background:var(--site-surface);border:1px solid var(--site-line);border-radius:20px;padding:28px 26px;transition:border-color .25s,translate .25s}
.plan-card.recommended {background:#111113;border-color:#636366}
.plan-heading {display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:29px;margin-bottom:5px;flex-wrap:wrap}
.plan-heading h2 {font-size:23px;font-weight:550;letter-spacing:-.6px;margin:0}
.plan-badge {padding:4px 10px;background:#fff;border-radius:999px;color:#000;font-size:10px;white-space:nowrap}
.plan-desc {margin:0;color:var(--site-muted);font-size:13px;line-height:1.65;min-height:22px}
.plan-price {margin:28px 0 5px;display:flex;align-items:baseline;gap:7px;flex-wrap:wrap}
.plan-price strong {font-size:48px;letter-spacing:-2px;line-height:1.15;font-weight:500;font-variant-numeric:tabular-nums}
.plan-price span {color:var(--site-muted);font-size:12px}
.plan-billing {font-size:12px;color:var(--site-muted);min-height:22px;margin:0 0 22px}
.plan-credit {padding:15px 0;border-top:1px solid var(--pricing-border);border-bottom:1px solid var(--pricing-border);font-size:12px;color:var(--site-muted)}
.plan-credit strong {font-size:23px;font-weight:500;letter-spacing:-.7px;margin-right:6px;color:#fff}
.plan-unit-price {margin:10px 0 0;font-size:11px;color:var(--site-muted);font-variant-numeric:tabular-nums}
.plan-example {margin:16px 0 0;font-size:13px;line-height:1.9;color:#c7c7cc}
.plan-example strong {font-weight:550;color:#fff}
.plan-example small {display:block;margin-top:7px;font-size:11px;line-height:1.7;color:var(--site-muted)}
.plan-video-count {font-size:11px;line-height:1.8;color:#fff;white-space:normal}
.plan-card ul {list-style:none;padding:0;margin:22px 0 28px;font-size:12px;line-height:1.75;color:#c7c7cc}
.plan-card li {display:flex;gap:9px;margin:9px 0}
.plan-card li::before {content:'✓';color:#8e8e93;flex:none}
.plan-card .site-button {width:100%;margin-top:auto}
.pricing-note {text-align:center;font-size:11px;color:var(--site-muted);line-height:1.8;margin:22px auto 72px;max-width:740px}

.pricing-usage {display:grid;grid-template-columns:1fr 1.15fr;gap:72px;padding:0 0 55px;border-bottom:1px solid var(--site-line)}
.pricing-usage h2 {font-size:clamp(26px,3vw,36px);letter-spacing:-1.2px;font-weight:400;line-height:1.4;margin:16px 0}
.pricing-usage p {font-size:13px;line-height:1.9;color:var(--site-muted);max-width:360px}
.pricing-rates {min-width:0;padding:0 22px;background:var(--site-surface);border:1px solid var(--site-line);border-radius:20px}
.rate-row {display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 0;border-bottom:1px solid var(--site-line);font-size:13px}
.rate-row:last-child {border-bottom:0}
.rate-row small {display:block;color:var(--site-muted);font-size:11px;line-height:1.7;margin-top:3px}
.rate-row strong {flex:none;white-space:nowrap;font-weight:500;font-size:12px;color:#c7c7cc;font-variant-numeric:tabular-nums}
.pricing-rules {margin:38px 0 4px;padding:27px;background:var(--site-surface);border:1px solid var(--site-line);border-radius:20px}
.pricing-rules h2 {font-size:23px;font-weight:450;letter-spacing:-.7px;margin:0 0 19px}
.pricing-rules>div {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.pricing-rules p {color:var(--site-muted);font-size:12px;line-height:1.85;margin:0}
.pricing-rules strong {display:block;color:#fff;font-size:13px;font-weight:550;margin-bottom:6px}
.pricing-ledger {padding-top:34px}
.ledger-heading {display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:12px}
.ledger-heading h2 {font-size:23px;font-weight:450;letter-spacing:-.7px;margin:0}
body.site-page.pricing-page .ledger-heading .site-button {min-height:36px;font-size:12px;padding:8px 16px}
.ledger-row {display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:24px;font-size:12px;padding:16px 0;border-bottom:1px solid var(--site-line)}
.ledger-row > span {overflow-wrap:anywhere;color:#c7c7cc}
.ledger-row strong {font-weight:500}
.ledger-row time {color:var(--site-muted);font-variant-numeric:tabular-nums}
.empty-ledger {font-size:13px;color:var(--site-muted);padding:20px 0}
.pricing-page .site-footer {max-width:1140px;margin-inline:auto;color:var(--site-muted)}

@media(hover:hover) and (pointer:fine) {
  .plan-card:hover {translate:0 -3px;border-color:#48484a}
  .plan-card.recommended:hover {border-color:#a1a1a6}
}
@media(max-width:1204px) {.pricing-page .site-footer {margin-inline:32px}}
@media(max-width:1000px) {
  .pricing-nav-links {gap:18px}.plan-card {padding:24px 20px}.plan-price strong {font-size:40px}
  .plan-badge {padding:3px 7px;font-size:9px}.pricing-usage {gap:36px}
  .pricing-nav:has([data-account-slot]:not(:empty)) .pricing-nav-links {display:none}
}
@media(max-width:760px) {
  .pricing-page .pricing-nav {min-height:72px;padding:14px 22px;gap:16px;flex-wrap:wrap}
  .pricing-nav-links {display:none}
  .pricing-page .site-brand {font-size:22px;gap:8px}.pricing-page .site-brand img {width:24px;height:24px}
  .pricing-page .site-nav-actions {gap:10px}.pricing-page .app-language-toggle {width:72px;flex-basis:72px}
  body.site-page.pricing-page .pricing-nav .site-button {padding-inline:12px;font-size:11px}
  .pricing-main {padding:0 22px 44px}.pricing-intro {padding:38px 0 30px}
  .pricing-intro h1 {font-size:clamp(34px,7vw,49px);letter-spacing:-1.6px;margin:16px 0 20px}
  .pricing-intro > p {font-size:14px;max-width:480px}.pricing-period {margin-top:24px}
  .pricing-wallet {padding:20px;flex-wrap:wrap;gap:17px}.wallet-actions {justify-content:flex-start}
  .free-plan {align-items:flex-start;flex-direction:column;padding:24px}
  .free-plan-action {width:100%;flex-direction:row;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}.free-plan-action strong {font-size:32px}
  .pricing-grid {grid-template-columns:1fr;gap:18px}.plan-card {padding:27px}.plan-heading {flex-wrap:nowrap}.plan-price strong {font-size:45px}
  .plan-badge {padding:4px 10px;font-size:10px}.plan-card ul {margin:17px 0 22px}.plan-card li {margin:7px 0}
  .pricing-note {margin:24px 0 48px}.pricing-usage {grid-template-columns:1fr;gap:23px;padding-bottom:36px}.pricing-usage p {max-width:100%}
  .pricing-rules {padding:22px}.pricing-rules>div {grid-template-columns:1fr;gap:19px}
  .ledger-row {grid-template-columns:minmax(0,1fr) auto;gap:4px 14px}.ledger-row time {grid-column:1/-1;font-size:10px}
  .pricing-page .site-footer {margin-inline:22px}
}
@media(max-width:380px) {
  .pricing-main {padding-inline:16px}.pricing-page .pricing-nav {padding-inline:16px;gap:10px}.pricing-page .site-brand {font-size:22px;gap:6px}
  .pricing-page .site-nav-actions {gap:8px}.pricing-page .app-language-toggle {width:68px;flex-basis:68px}
  body.site-page.pricing-page .pricing-nav .site-button {padding-inline:12px;font-size:11px}
  .pricing-intro h1 {font-size:32px}.pricing-intro > p {font-size:13px}.plan-card {padding:23px}
  .pricing-rates {padding:0 16px}.rate-row {align-items:flex-start;flex-direction:column;gap:6px}
  .wallet-actions {width:100%}.wallet-actions .site-button {width:100%}
}
@media(prefers-reduced-motion:reduce) {.plan-card:hover {translate:none}}