.billing-language{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:12px;margin-inline-start:auto;margin-inline-end:24px}
.billing-language select,.cost-field select,.cost-field input[type=number]{font:inherit;color:var(--text-strong);background:var(--surface-2);border:1px solid var(--line-strong);border-radius:9px;min-height:40px;padding:8px 11px}
.billing-language select{max-width:150px;font-size:13px}
.plan-grid .plan{overflow:visible}
.billing-language option,.cost-field option{background:#191c22;color:#f7f7f8}
.site-cost{margin:30px 0 36px;padding:30px;border:1px solid var(--line-strong);border-radius:var(--radius);background:linear-gradient(125deg,rgba(77,217,255,.04),transparent 65%),var(--surface-glass)}
.cost-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}
.cost-heading h2{font-size:24px;line-height:1.25;letter-spacing:-.04em;color:var(--text-strong);margin:0 0 8px}
.cost-heading p{font-size:13px;color:var(--text-muted);max-width:620px}
.cost-example{display:inline-flex;padding:5px 9px;border:1px solid var(--line);border-radius:6px;white-space:nowrap;font-size:11px;color:var(--text-muted)}
.cost-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:30px;align-items:start}
.cost-options{display:grid;gap:13px;min-width:0;border:0}
.cost-field{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:40px;font-size:13px}
.cost-field label{flex:1;min-width:0}
.cost-field input[type=number]{width:78px;text-align:center}
.cost-field select{max-width:170px;width:48%}
.cost-check{display:flex;align-items:center;gap:12px;min-height:36px;font-size:13px;cursor:pointer}
.cost-check input{accent-color:#56d8f4;width:17px;height:17px;flex-shrink:0}
.cost-check input:disabled{opacity:.55}
.cost-check small{display:block;color:var(--text-muted);font-size:11px;margin-top:2px}
.cost-divider{height:1px;background:var(--line);margin:3px 0}
.cost-summary{padding:22px;border:1px solid var(--line);border-radius:12px;background:rgba(0,0,0,.2);min-width:0}
.cost-summary dl{margin:0}
.cost-row{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:12px;font-size:13px}
.cost-row dt{color:var(--text-muted);min-width:0}
.cost-row dd{color:var(--text-strong);font-weight:600;text-align:end;margin:0;min-width:0}
.cost-row.cost-total{align-items:flex-start;padding-bottom:16px;border-bottom:1px solid var(--line);margin-bottom:18px}
.cost-total dd{font-size:23px;line-height:1.15;letter-spacing:-.03em;white-space:nowrap}
.cost-total dt{max-width:150px}
.cost-footnote,.cost-result-note{font-size:12px;color:var(--text-muted);line-height:1.6}
.cost-footnote{margin-top:16px}
.cost-result-note{padding-top:12px;margin-top:12px;border-top:1px solid var(--line)}
.cost-status{color:var(--text);font-size:12px;margin-top:5px;line-height:1.5}
.cost-summary .cost-link{display:flex;justify-content:center;align-items:center;text-decoration:none;color:var(--bg-base);background:var(--cta-cyan);font-size:13px;font-weight:650;border-radius:9px;min-height:42px;margin-top:18px;padding:10px 16px;transition:filter .15s}
.cost-summary .cost-link:hover{filter:brightness(1.12)}
.billing-language select:focus-visible,.cost-field input:focus-visible,.cost-field select:focus-visible,.cost-check input:focus-visible,.cost-link:focus-visible,.plan-cta:focus-visible{outline:2px solid var(--cta-cyan);outline-offset:4px}
.site-cost[aria-busy=true] .cost-layout{opacity:.6}
.site-cost [hidden]{display:none!important}
.ref-link-row input{min-width:0}
.target-url-row .url{overflow-wrap:anywhere;min-width:0}
html[dir=rtl] .back-link svg{transform:scaleX(-1)}
html[dir=rtl] .target-url-row .url{direction:ltr;text-align:right}
html[dir=rtl] .plan .pack-bonus{align-self:flex-start}
@media(max-width:720px){.site-cost{padding:22px}.cost-layout{grid-template-columns:1fr;gap:22px}.cost-heading{gap:12px}.cost-heading h2{font-size:22px}.cost-example{white-space:normal;max-width:90px}.billing-language{margin-inline-end:14px}.billing-language>span{display:none}.cost-summary{padding:20px}}
@media(max-width:420px){.site-cost{padding:18px}.billing-language{margin-inline-end:0}.billing-language select{max-width:105px;padding:7px}.topbar{gap:12px;flex-wrap:wrap}.topbar .back-link{font-size:12px}.cost-heading{flex-direction:column;gap:10px}.cost-example{max-width:none}.cost-row{gap:12px}.cost-total dd{font-size:21px}.ref-copy-btn{padding-inline:14px}.feat-grid{grid-template-columns:1fr!important}}