.pricing-page{--plan-rgb:109 119 136;--plan-ink:87 98 118;background:radial-gradient(ellipse 70% 420px at 50% 0, rgb(var(--primary) / .08), transparent), var(--layout);padding:112px 24px 88px}.pricing-wrap{max-width:1280px;margin-inline:auto}.pricing-intro{text-align:center;margin:16px auto 40px}.pricing-kicker{color:rgb(var(--primary));letter-spacing:.08em;font-size:13px;font-weight:600}.pricing-intro h1{letter-spacing:-.035em;margin-top:14px;font-size:clamp(28px,4vw,44px);font-weight:700;line-height:1.25}.pricing-description{color:rgb(var(--text-muted-rgb));margin-top:16px;font-size:15px;line-height:1.8}.pricing-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:stretch;gap:20px;font-size:14px;display:grid}.pricing-options{gap:16px;min-width:0;display:grid}.pricing-plans{grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));gap:12px;display:grid}.pricing-page [data-tier="1"]{--plan-rgb:0 112 232;--plan-ink:0 96 202}.pricing-page [data-tier="2"]{--plan-rgb:237 125 24;--plan-ink:171 79 9}.pricing-page [data-tier="3"],.pricing-page [data-tier="4"]{--plan-rgb:220 60 68;--plan-ink:191 35 45}.pricing-page [data-tier="0"]{--plan-rgb:109 119 136;--plan-ink:87 98 118}.dark .pricing-page [data-tier="0"]{--plan-ink:155 165 182}.dark .pricing-page [data-tier="1"]{--plan-ink:89 165 255}.dark .pricing-page [data-tier="2"]{--plan-ink:255 165 88}.dark .pricing-page [data-tier="3"],.dark .pricing-page [data-tier="4"]{--plan-ink:255 120 128}.pricing-plan{border:1px solid var(--border-color);background:var(--card-bg);text-align:start;border-radius:12px;flex-direction:column;align-items:flex-start;min-width:0;padding:18px 16px 14px;transition:border-color .18s,background-color .18s,box-shadow .18s;display:flex;position:relative}.pricing-plan[aria-pressed=true]{border-color:rgb(var(--plan-rgb));background:linear-gradient(rgb(var(--plan-rgb) / .045), rgb(var(--plan-rgb) / .045)), var(--card-bg);box-shadow:inset 0 0 0 1px rgb(var(--plan-rgb))}.pricing-plan-name{font-size:14px;font-weight:600}.pricing-plan-price{font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:baseline;gap:6px;margin-top:16px;display:flex}.pricing-plan-price strong{color:rgb(var(--plan-ink));letter-spacing:-.04em;font-size:25px;font-weight:650;line-height:1.1}.pricing-plan-price s{color:rgb(var(--text-soft-rgb));font-size:11px}.pricing-plan-unit,.pricing-plan-start,.pricing-plan-member{color:rgb(var(--text-muted-rgb));font-size:12px;line-height:1.6}.pricing-plan-unit{margin-top:5px}.pricing-plan-start{margin-top:12px}.pricing-plan-member{border-top:1px solid rgb(var(--border-soft-rgb));width:100%;margin-top:14px;padding-top:11px}.pricing-panel{border:1px solid var(--border-color);background:var(--card-bg);border-radius:14px;min-width:0}.pricing-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.pricing-heading h2,.pricing-heading label{align-items:center;gap:9px;font-size:14px;font-weight:600;display:flex}.pricing-heading h2{font-size:16px}.pricing-heading svg{flex-shrink:0;width:16px;height:16px}.pricing-symbol{background:rgb(var(--primary) / .1);width:27px;height:27px;color:rgb(var(--primary));border-radius:7px;flex-shrink:0;place-items:center;display:grid}.pricing-modes,.pricing-months{gap:4px;display:flex}.pricing-modes{background:rgb(var(--default) / .7);border-radius:8px;padding:4px}.pricing-modes button,.pricing-months button{color:rgb(var(--text-muted-rgb));white-space:nowrap;border-radius:6px;padding:5px 10px;font-size:13px;transition:color .16s,background-color .16s,box-shadow .16s}.pricing-modes button[aria-pressed=true],.pricing-months button[aria-pressed=true]{background:var(--card-bg);color:var(--text-color);box-shadow:0 1px 4px rgb(var(--text-color-rgb) / .07)}.pricing-fields{border:0;min-width:0;margin-top:22px;padding:0}.pricing-duration{background:rgb(var(--default) / .65);border-radius:8px;grid-template-columns:auto minmax(0,1fr) 112px;align-items:center;gap:10px;padding:9px 12px;display:grid}.pricing-duration>span{font-size:13px;font-weight:600}.pricing-months{justify-content:center}.pricing-periods{color:rgb(var(--text-muted-rgb));white-space:nowrap;align-items:center;gap:8px;font-size:12px;display:flex}.pricing-period-note{color:rgb(var(--text-soft-rgb));margin-top:10px;font-size:12px}.pricing-input{border:1px solid var(--border-color);background:var(--layout);width:84px;min-width:0;height:32px;color:var(--text-color);font-variant-numeric:tabular-nums;border-radius:8px;padding:4px 9px;font-size:13px;transition:border-color .16s,box-shadow .16s}.pricing-input[aria-invalid=true]{border-color:rgb(var(--danger-rgb))}.pricing-input:disabled{cursor:not-allowed}.pricing-periods .pricing-input{width:70px}.pricing-capacity{margin-top:26px}.pricing-capacity+.pricing-capacity{border-top:1px solid rgb(var(--border-soft-rgb));margin-top:30px;padding-top:24px}.pricing-formula{font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;margin-top:10px;font-size:12px;line-height:1.7;display:flex}.pricing-formula>span{color:rgb(var(--text-muted-rgb))}.pricing-formula b{color:rgb(var(--plan-ink));font-weight:500}.pricing-formula output{font-size:14px;font-weight:600}.pricing-range{--range-rgb:var(--plan-rgb);margin-top:8px}.pricing-range .ui-slider-control{padding-block:10px}.pricing-range .ui-slider-track,.pricing-range .ui-slider-fill{background:rgb(var(--range-rgb));height:4px;transition:background-color .18s}.pricing-range .ui-slider-thumb{background:rgb(var(--range-rgb));width:18px;height:18px;box-shadow:0 0 0 4px rgb(var(--range-rgb) / .08);border:0;transition:background-color .18s,box-shadow .18s}.pricing-range .ui-slider-thumb:has(:focus-visible){box-shadow:0 0 0 5px rgb(var(--range-rgb) / .22)}.pricing-track{margin-inline:9px;position:relative}.pricing-ticks{pointer-events:none;position:absolute;inset:0}.pricing-ticks span{background:rgb(var(--range-rgb));width:2px;height:8px;transition:background-color .18s;position:absolute;top:50%;transform:translate(-50%,-50%)}.pricing-shortcuts{grid-template-columns:9px repeat(var(--price-gaps), minmax(0, 1fr)) 9px;align-items:start;margin-top:5px;display:grid}.pricing-shortcuts button{min-height:30px;color:rgb(var(--text-muted-rgb));font-variant-numeric:tabular-nums;border-radius:8px;grid-row:1;justify-self:center;padding:4px 10px;font-size:12px;transition:color .18s,background-color .18s}.pricing-shortcuts button:first-child{justify-self:start}.pricing-shortcuts button:last-child{justify-self:end}.pricing-shortcuts button[aria-pressed=true]{background:rgb(var(--plan-rgb) / .1);color:rgb(var(--plan-ink));font-weight:600}.pricing-allowance{background:rgb(var(--default) / .5);color:rgb(var(--text-muted-rgb));border-radius:6px;margin-top:12px;padding:8px 12px;font-size:12px}.pricing-summary{flex-direction:column;display:flex}.pricing-summary>h2{border-bottom:1px solid var(--border-color);font-size:16px;font-weight:600}.pricing-summary-body{flex:1}.pricing-details{font-variant-numeric:tabular-nums;gap:16px;font-size:12px;display:grid}.pricing-details>div{justify-content:space-between;gap:12px;display:flex}.pricing-details dt{color:rgb(var(--text-muted-rgb));flex-shrink:0}.pricing-details dd{text-align:end;overflow-wrap:anywhere}.pricing-plan-label{color:rgb(var(--plan-ink));font-weight:600}.pricing-costs{border-top:1px solid rgb(var(--border-soft-rgb));margin-top:22px;padding-top:22px}.pricing-checkout{border-top:1px solid var(--border-color)}.pricing-total{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;font-size:13px;font-weight:600;display:flex}.pricing-total output{font-variant-numeric:tabular-nums;letter-spacing:-.04em;flex-wrap:wrap;justify-content:flex-end;align-items:baseline;gap:6px;font-size:28px;display:flex}.pricing-total s{color:rgb(var(--text-muted-rgb));letter-spacing:normal;font-size:13px;font-weight:400;text-decoration:line-through}.pricing-total strong{font-weight:650}.pricing-total s+strong{color:rgb(var(--primary))}.pricing-action{background:rgb(var(--primary));min-height:44px;color:var(--text-inverse);border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-top:16px;padding:10px;font-size:14px;font-weight:600;transition:background-color .16s;display:flex}.pricing-action svg{width:16px;height:16px}.pricing-checkout>p{color:rgb(var(--text-soft-rgb));text-align:center;margin-top:12px;font-size:11px;line-height:1.8}.pricing-error{border:1px solid rgb(var(--warning-rgb) / .3);background:rgb(var(--warning-rgb) / .06);border-radius:12px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;padding:18px 22px;font-size:14px;display:flex}.pricing-error p{color:rgb(var(--text-muted-rgb));margin-top:5px;font-size:12px}.pricing-placeholder span,.pricing-placeholder strong{background:rgb(var(--text-soft-rgb) / .12);border-radius:5px;width:65%;height:12px;display:block}.pricing-placeholder[data-active] span,.pricing-placeholder[data-active] strong{animation:1.4s ease-in-out infinite alternate pricing-pulse}.pricing-placeholder .pricing-plan{gap:18px;min-height:190px}.pricing-placeholder .pricing-plan strong{height:27px}.pricing-loading-config,.pricing-loading-summary{align-content:start;gap:40px;padding:24px;display:grid}.pricing-loading-config{height:400px}.pricing-loading-summary{height:640px}.pricing-faq{border-top:1px solid var(--border-color);grid-template-columns:1fr 1.7fr;gap:64px;margin-top:80px;padding-top:48px;display:grid}.pricing-faq h2{letter-spacing:-.025em;margin-top:12px;font-size:28px;font-weight:650}.pricing-faq a{color:rgb(var(--primary));align-items:center;gap:8px;margin-top:24px;font-size:13px;display:inline-flex}.pricing-question+.pricing-question{border-top:1px solid rgb(var(--border-soft-rgb))}.pricing-question-trigger{text-align:start;border-radius:5px;justify-content:space-between;align-items:center;gap:20px;width:100%;min-height:60px;padding-block:16px;font-size:14px;font-weight:500;display:flex}.pricing-question-trigger svg{width:16px;height:16px;color:rgb(var(--text-soft-rgb));flex-shrink:0;transition:transform .18s}.pricing-question-trigger[data-panel-open] svg{transform:rotate(180deg)}.pricing-answer{color:rgb(var(--text-muted-rgb));padding:0 28px 20px 0;font-size:13px;line-height:1.9}.pricing-page :is(button,a,input):focus-visible{box-shadow:0 0 0 3px rgb(var(--primary) / .3)}@media (hover:hover){.pricing-plan:hover{border-color:rgb(var(--plan-rgb))}.pricing-shortcuts button:not(:disabled):hover{background:rgb(var(--plan-rgb) / .08)}.pricing-action:hover{background:rgb(var(--primary-hover))}}@keyframes pricing-pulse{to{opacity:.4}}@media (max-width:1100px){.pricing-layout{grid-template-columns:minmax(0,1fr)}.pricing-plans{grid-template-columns:repeat(4,minmax(0,1fr))}.pricing-loading-summary{height:300px}}@media (max-width:700px){.pricing-page{padding:80px 16px 56px}.pricing-intro{margin:12px 0 28px}.pricing-description{font-size:13px}.pricing-plans{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pricing-plan{padding:16px 14px 12px}.pricing-plan-price strong{font-size:25px}.pricing-heading h2{font-size:14px}.pricing-config>.pricing-heading{flex-wrap:wrap}.pricing-modes button{padding-inline:7px;font-size:12px}.pricing-duration{grid-template-columns:minmax(0,1fr) 98px;padding:10px}.pricing-months{grid-area:2/1/auto/-1;justify-content:space-between}.pricing-months button{flex:1;padding-inline:5px}.pricing-periods{grid-area:1/2}.pricing-periods .pricing-input{width:62px}.pricing-shortcuts button{padding-inline:6px}.pricing-faq{grid-template-columns:minmax(0,1fr);gap:24px;margin-top:48px;padding-top:32px}.pricing-faq h2{font-size:24px}.pricing-faq a{margin-top:16px}.pricing-error{gap:12px;padding:16px}}@media (prefers-reduced-motion:reduce){.pricing-page *,.pricing-page :before,.pricing-page :after{transition:none;animation:none}}
