.pricing-main { position: relative; isolation: isolate; padding: 158px 0 96px; }
.pricing-shell { max-width: 1180px; }
.pricing-glow { position: absolute; z-index: -1; top: 0; left: 0; right: 0; height: 920px; pointer-events: none; background: radial-gradient(ellipse at 50% 0%,#6e40d827,transparent 60%); }
.pricing-heading { text-align: center; margin: 0 auto 44px; max-width: 800px; }
.pricing-heading h1,html:not([lang^="en"]) .pricing-heading h1 { max-width: 900px; margin: 22px auto; font-size: clamp(46px,5.8vw,76px); line-height: 1.06; letter-spacing: -.06em; text-wrap: balance; overflow-wrap: normal; }
.pricing-intro { color: #b7b1c6; font-size: 17px; line-height: 1.8; max-width: 650px; margin: 0 auto; }
.market-panel { display: flex; align-items: center; gap: 35px; padding: 24px 28px; background: #ffffff04; border: 1px solid var(--line); border-radius: 20px; }
.market-picker { flex-shrink: 0; }
#market-label { display: block; font-size: 12px; color: #b2a9c3; margin-bottom: 11px; }
.market-options { display: flex; gap: 5px; padding: 4px; background: #030207; border-radius: 12px; border: 1px solid #ffffff0a; }
.market-options button { border: 1px solid transparent; background: transparent; color: #aaa1ba; padding: 10px 20px; min-height: 54px; border-radius: 9px; cursor: pointer; font-size: 13px; font-weight: 700; transition: background .2s,color .2s; }
.market-options small { display: block; font-size: 10px; margin-top: 4px; font-weight: 500; opacity: .7; letter-spacing: .06em; }
.market-options button[aria-pressed="true"] { background: #282032; color: #fff; border-color: #bba3ef33; box-shadow: 0 4px 15px #0005; }
.market-panel > p { font-size: 12px; line-height: 1.8; color: #aaa1ba; max-width: 520px; margin: 18px 0 0; }
.pricing-main section { padding: 68px 0 0; }
.pricing-section-heading { display: flex; justify-content: space-between; align-items: end; gap: 35px; margin-bottom: 25px; }
.pricing-main h2 { font-size: clamp(27px,3vw,38px); font-weight: 600; letter-spacing: -.045em; line-height: 1.2; margin: 0; text-wrap: balance; }
.pricing-section-heading > p { max-width: 390px; margin: 0; color: #a69cb8; line-height: 1.7; font-size: 12px; }
.pricing-step { display: block; color: #9485ad; font-size: 10px; letter-spacing: .15em; font-weight: 700; margin-bottom: 16px; }
.plan-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.plan-card { min-width: 0; border: 1px solid #ffffff1a; border-radius: 25px; padding: 28px; display: flex; flex-direction: column; background: linear-gradient(145deg,#ffffff08,#ffffff02); }
.plan-card:nth-child(2) { border-color: #9e78e96b; background: radial-gradient(ellipse at 90% 0%,#7742cf2b,transparent 65%),#0e0b16; }
.plan-header { min-height: 160px; }
.plan-card h3 { font-size: 22px; font-weight: 600; letter-spacing: -.03em; margin: 0 0 18px; }
.subscription-label { color: #958bA7; font-size: 11px; margin-bottom: 7px; display: block; }
.subscription-price { font-size: clamp(28px,3vw,39px); font-weight: 600; letter-spacing: -.05em; }
.subscription-month { font-size: 12px; color: #a69db7; margin-left: 7px; }
.trial-label { display: inline-block; margin-top: 10px; color: #c1acdF; font-size: 11px; }
.plan-fee { border-top: 1px solid #ffffff13; padding: 22px 0; }
.plan-fee > span { font-size: 13px; color: #bbb1cb; }
.plan-rate { display: block; font-size: clamp(23px,2.5vw,32px); letter-spacing: -.04em; font-weight: 600; margin: 8px 0; font-variant-numeric: tabular-nums; white-space: nowrap; }
.plan-fee small { color: #8f859f; display: block; font-size: 10px; line-height: 1.7; }
.plan-features { margin: 0 0 28px; padding: 18px 0 0; border-top: 1px solid #ffffff13; list-style: none; flex: 1; }
.plan-features li { position: relative; padding: 0 0 0 22px; margin: 0 0 12px; color: #bbb4c9; font-size: 12px; line-height: 1.7; }
.plan-features li::before { content: '✓'; position: absolute; left: 0; color: #b89bdd; }
.plan-action { display: block; text-align: center; padding: 14px 10px; border-radius: 12px; color: #e4dced; font-size: 13px; font-weight: 700; border: 1px solid #ffffff20; background: #ffffff04; }
.plan-card:nth-child(2) .plan-action { color: #100a18; background: #e4d5ff; border-color: #e4d5ff; }
.plan-action:hover { background: #33223f; color: #fff; }
.plan-card:nth-child(2) .plan-action:hover { background: #f2eaff; }
.fee-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.fee-card { position: relative; padding: 29px; border: 1px solid #ffffff14; border-radius: 22px; background: #ffffff03; display: flex; flex-direction: column; }
.fee-icon { color: #bf9def; font-size: 25px; width: 40px; height: 40px; margin-bottom: 22px; }
.fee-card h3 { font-size: 19px; font-weight: 500; letter-spacing: -.025em; margin: 0; }
.fee-card p { font-size: 13px; line-height: 1.8; color: #a89eb8; max-width: 450px; margin: 13px 0 25px; flex: 1; }
.fee-value { display: block; font-size: clamp(25px,3vw,34px); font-weight: 500; letter-spacing: -.04em; font-variant-numeric: tabular-nums; }
.payout-card .fee-value { margin-top: 25px; }
.payout-card small { font-size: 11px; color: #91869f; margin-top: 6px; }
.payout-card p { margin-bottom: 0; }
.pricing-main .pricing-example { margin: 70px 0; padding: 40px; display: grid; grid-template-columns: 1fr 1fr; gap: 70px; border-radius: 24px; background: #171020; border: 1px solid #9064bd26; }
.pricing-example h2 { font-size: 34px; margin-top: 14px; }
.pricing-example p { color: #b1a3be; font-size: 13px; line-height: 1.8; }
.pricing-example .example-note { font-size: 11px; max-width: 420px; color: #94859f; margin-top: 22px; }
.example-receipt { align-self: center; margin: 0; }
.example-receipt > div { display: flex; gap: 20px; justify-content: space-between; align-items: baseline; margin: 0; padding: 19px 0; }
.example-receipt dt { font-size: 12px; color: #b8a9c8; }
.example-receipt dd { font-size: 22px; margin: 0; letter-spacing: -.04em; white-space: nowrap; font-variant-numeric: tabular-nums; }
.example-receipt .receipt-total { margin-top: 10px; padding-top: 23px; border-top: 1px dashed #ffffff30; }
.receipt-total dd { color: #98e8be; font-size: 29px; }
.pricing-help { display: flex; gap: 65px; justify-content: space-between; align-items: center; padding: 0 0 10px; }
.pricing-help h2 { font-size: 30px; }
.pricing-help p { max-width: 650px; font-size: 12px; line-height: 1.9; color: #958ba6; margin: 16px 0 0; }
.pricing-help-links { display: flex; flex-direction: column; align-items: center; gap: 16px; flex-shrink: 0; }
.pricing-help-links .primary { font-size: 13px; }
.pricing-guide { font-size: 11px; color: #baabcF; text-decoration: underline; text-underline-offset: 4px; }
.pricing-main :is(a,button):focus-visible { outline: 2px solid #c9aaff; outline-offset: 4px; }
.pricing-noscript { border: 1px solid #ac88ce; padding: 25px; line-height: 1.8; }
@media(max-width:1000px) { .plan-card { padding: 22px; } .plan-rate { font-size: 25px; } .pricing-main .pricing-example { gap: 35px; } }
@media(max-width:760px) {
  .pricing-main { padding-top: 125px; padding-bottom: 60px; }
  .pricing-heading { margin-bottom: 32px; }
  .pricing-intro { font-size: 14px; }
  .market-panel { display: block; padding: 20px; }
  .market-options button { flex: 1; padding-inline: 10px; }
  .pricing-section-heading { display: block; }
  .pricing-section-heading > p { margin-top: 15px; max-width: 100%; }
  .pricing-main section { padding-top: 45px; }
  .plan-grid { grid-template-columns: 1fr; }
  .plan-card { padding: 28px; }
  .plan-header { min-height: auto; padding-bottom: 24px; }
  .subscription-price { font-size: clamp(28px,9vw,40px); }
  .plan-rate { font-size: 32px; }
  .plan-features { margin-bottom: 18px; }
  .fee-grid { grid-template-columns: 1fr; }
  .pricing-main .pricing-example { grid-template-columns: 1fr; padding: 28px; gap: 15px; margin-block: 45px; }
  .pricing-example h2 { font-size: 30px; }
  .pricing-help { display: block; }
  .pricing-help-links { align-items: flex-start; margin-top: 25px; }
}
@media(max-width:420px) {
  .pricing-heading h1,html:not([lang^="en"]) .pricing-heading h1 { font-size: clamp(36px,11.5vw,48px); }
}
