body.pricing-open{overflow:hidden}#pricing-dialog{padding:0;border:1px solid #deedfa;border-radius:28px;width:min(660px,calc(100% - 32px));max-width:660px;max-height:92dvh;background:radial-gradient(ellipse at 90% 20%,#f6fcff,transparent 60%),#edf7ff;color:#071b3e;box-shadow:0 25px 100px #001a4240;overscroll-behavior:contain}#pricing-dialog::backdrop{background:#06162f85;backdrop-filter:blur(6px)}.pricing-shell{padding:38px 32px 22px}.pricing-close{position:absolute;right:12px;top:8px;z-index:1;width:40px;height:40px;border-radius:50%;font-size:30px;color:#5e7190}.pricing-close:hover{background:#fff!important}.pricing-heading{text-align:center}.pricing-heading img{width:360px;max-width:85%;margin:0 auto 16px}.pricing-heading h2{font-size:28px;letter-spacing:-.6px;margin:0 0 4px}.pricing-heading>p{margin:0 0 22px;display:flex;justify-content:center;align-items:center;gap:10px}.pricing-heading>p strong{font-size:68px;letter-spacing:-3px;line-height:1.2}.pricing-heading>p span{font-size:26px;color:#647595;font-weight:600}.price-quote,.pricing-card{background:#ffffffed;border-radius:21px;padding:22px;margin-top:18px}.quote-top{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:21px;color:#637596}#quote-badge{font-size:12px;white-space:nowrap}#quote-badge[data-state=live]::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#15af89;margin-right:5px}#crypto-amount{font-size:clamp(26px,5.3vw,42px);font-weight:700;letter-spacing:-1.2px;margin:8px 0;overflow-wrap:anywhere;line-height:1.15;font-variant-numeric:tabular-nums}.price-quote>p{font-size:16px;margin:0;color:#566c90}.quote-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:13px;font-size:11px;color:#647797}#refresh-quote{color:#0756dc;padding:6px 0;white-space:nowrap}#refresh-quote:disabled{opacity:.55}.pricing-card label{display:block;font-size:21px;color:#637596;margin-bottom:10px}.pricing-select{position:relative;display:flex;align-items:center;border:1px solid #dce5f1;border-radius:13px;height:74px;background:#fff}.pricing-select>span:first-child{position:absolute;left:17px;width:45px;height:45px;pointer-events:none}.pricing-select svg{width:100%;height:100%}.pricing-select select{width:100%;height:100%;appearance:none;-webkit-appearance:none;background:transparent;border:0;border-radius:13px;padding:8px 42px 8px 78px;font:600 22px Arial,Helvetica,sans-serif;color:#071b3e;cursor:pointer}.select-arrow{position:absolute;right:17px;font-size:25px;pointer-events:none}.network-mark{display:flex;align-items:center;justify-content:center;width:45px;height:45px;background:#f2bd24;color:#fff;font-size:30px;border-radius:50%}.base-mark{background:#0052ff}#network-help{font-size:13px;color:#6c7f9f;margin:6px 0 15px}.pricing-continue{width:100%;border-radius:13px;margin-top:16px;font-size:24px;font-weight:600;min-height:61px}.pricing-footnote{text-align:center;font-size:12px;color:#637797;line-height:1.4;margin:10px 0 0}.or-pay{display:flex;align-items:center;gap:20px;color:#70809b;font-size:19px;margin-top:24px}.or-pay span{flex:1;height:1px;background:#d8e3ef}.alternative-payments{margin-top:13px;padding:0 22px}.alternative-payments button{display:flex;align-items:center;gap:20px;width:100%;padding:16px 0;text-align:left}.alternative-payments button+button{border-top:1px solid #e4ebf4}.alternative-payments strong{flex:1;font-size:21px}.alternative-payments button>span:last-child{font-size:30px}.payment-mark{display:flex;align-items:center;justify-content:center;width:49px;height:49px;border-radius:13px;color:white;font-size:44px;line-height:1}.wallet-mark{background:#169afa}#payment-notice{background:#fff;border:1px solid #cee3f9;border-radius:13px;padding:15px;color:#395675;font-size:14px;line-height:1.5}.pricing-source{text-align:center;font-size:11px;color:#7184a1;margin:17px 0 0}.pricing-source a{text-decoration:underline}#pricing-dialog button:focus-visible,#pricing-dialog select:focus-visible{outline:3px solid #00b9ed;outline-offset:3px}@media(max-width:480px){#pricing-dialog{width:calc(100% - 16px);max-height:96dvh;border-radius:20px}.pricing-shell{padding:42px 14px 20px}.pricing-heading h2{font-size:24px}.pricing-heading>p strong{font-size:60px}.pricing-heading>p span{font-size:23px}.price-quote,.pricing-card{padding:17px;border-radius:17px}.pricing-select{height:65px}.pricing-select select{font-size:17px;padding-left:64px}.pricing-select>span:first-child{width:36px;height:36px;left:14px}.network-mark{width:36px;height:36px}.alternative-payments{padding:0 17px}.alternative-payments strong{font-size:18px}.quote-top{font-size:18px}.price-quote>p{font-size:13px}.quote-bottom{font-size:10px}.or-pay{font-size:17px}}

.payment-mark svg{width:38px;height:38px}



:is(#currency-trigger,#network-trigger){width:100%;height:100%;border-radius:13px;padding:8px 42px 8px 78px;font:600 22px Arial,Helvetica,sans-serif;text-align:left;color:#071b3e}
:is(#currency-options,#network-options){position:absolute;left:0;right:0;top:calc(100% + 7px);z-index:5;background:#fff;border:1px solid #d5e4f4;border-radius:15px;box-shadow:0 12px 36px #09224b26;padding:6px;max-height:330px;overflow-y:auto;overscroll-behavior:contain}
:is(#currency-options,#network-options) button{display:flex;width:100%;align-items:center;gap:12px;padding:10px 12px;border-radius:9px;font-size:17px;font-weight:500;text-align:left}
:is(#currency-options,#network-options) button svg{width:30px;height:30px;flex-shrink:0}
:is(#currency-options,#network-options) button>span:first-of-type{flex:1}
:is(#currency-options,#network-options) button:hover,:is(#currency-options,#network-options) button:focus{background:#edf5ff;outline:none}
:is(#currency-options,#network-options) button:focus-visible{outline:2px solid #008dff;outline-offset:-2px}
:is(#currency-options,#network-options) button[aria-selected="true"]{background:#e6f1ff;color:#0056df}
.currency-check{opacity:0;font-size:18px}:is(#currency-options,#network-options) button[aria-selected="true"] .currency-check{opacity:1}
@media(max-width:480px){:is(#currency-trigger,#network-trigger){font-size:17px;padding-left:64px}:is(#currency-options,#network-options) button{font-size:15px;padding:9px 10px}}

.payment-selectors{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
.payment-field{min-width:0}
.payment-selectors label{font-size:16px;margin:0 0 8px}
.payment-selectors .pricing-select{height:54px;border-radius:11px}
.payment-selectors .pricing-select>span:first-child{width:30px;height:30px;left:11px}
.payment-selectors .network-mark{width:30px;height:30px;font-size:23px}
.payment-selectors :is(#currency-trigger,#network-trigger),.payment-selectors select{font-size:16px;padding:6px 29px 6px 50px;border-radius:11px;line-height:1.2}
.payment-selectors .select-arrow{font-size:20px;right:10px}
.payment-selectors :is(#currency-options,#network-options){min-width:250px}
@media(max-width:480px){.payment-selectors{gap:10px}.payment-selectors label{font-size:14px}.payment-selectors .pricing-select{height:52px}.payment-selectors :is(#currency-trigger,#network-trigger),.payment-selectors select{font-size:13px;padding-left:38px;padding-right:21px}.payment-selectors .pricing-select>span:first-child{width:24px;height:24px;left:8px}.payment-selectors .network-mark{width:24px;height:24px;font-size:19px}.payment-selectors .select-arrow{right:7px;font-size:17px}.payment-selectors :is(#currency-options,#network-options){min-width:0;width:calc(200% + 10px)}}

/* Compact checkout keeps every primary control in the opening view. */
#pricing-dialog{max-height:calc(100dvh - 20px)}
#pricing-dialog .pricing-shell{padding:20px 24px 16px}
#pricing-dialog .pricing-heading img{width:220px;margin-bottom:8px}
#pricing-dialog .pricing-heading h2{font-size:22px;margin:0 0 3px}
#pricing-dialog .pricing-heading>p{margin:0;gap:8px}
#pricing-dialog .pricing-heading>p strong{font-size:48px;line-height:1.1;letter-spacing:-2px}
#pricing-dialog .pricing-heading>p span{font-size:20px}
#pricing-dialog .price-quote,#pricing-dialog .pricing-card{padding:14px 18px;margin-top:10px;border-radius:16px}
#pricing-dialog .quote-top{font-size:16px}
#pricing-dialog #crypto-amount{font-size:32px;line-height:1.1;margin:5px 0}
#pricing-dialog .price-quote>p{font-size:12px}
#pricing-dialog .quote-bottom{margin-top:5px;font-size:10px}
#pricing-dialog #refresh-quote{padding:4px 0}
#pricing-dialog .payment-selectors label{font-size:14px;margin-bottom:6px}
#pricing-dialog .payment-selectors .pricing-select{height:48px}
#pricing-dialog #network-help{font-size:11px;line-height:1.3;margin:5px 0 4px}
#pricing-dialog .pricing-continue{min-height:44px;padding:10px 20px;margin-top:8px;font-size:20px;border-radius:11px}
#pricing-dialog .pricing-footnote{font-size:10px;line-height:1.3;margin-top:6px}
#pricing-dialog .or-pay{font-size:15px;margin-top:10px;gap:14px}
#pricing-dialog .alternative-payments{padding:0 18px;margin-top:8px}
#pricing-dialog .alternative-payments button{padding:8px 0;gap:12px;min-height:50px}
#pricing-dialog .alternative-payments strong{font-size:17px}
#pricing-dialog .payment-mark{width:34px;height:34px;border-radius:9px}
#pricing-dialog .payment-mark svg{width:29px;height:29px}
#pricing-dialog .pricing-source{font-size:10px;margin:8px 0 0}
#pricing-dialog #payment-notice{padding:10px;margin:8px 0 0;font-size:12px}
#pricing-dialog :is(#currency-options,#network-options){max-height:min(300px,42dvh)}
@media(max-width:480px){#pricing-dialog .pricing-shell{padding:18px 12px 12px}#pricing-dialog .pricing-heading img{width:190px}#pricing-dialog .price-quote,#pricing-dialog .pricing-card{padding:12px}#pricing-dialog .alternative-payments{padding:0 12px}#pricing-dialog #crypto-amount{font-size:28px}#pricing-dialog .pricing-heading h2{font-size:20px}}
@media(max-height:650px){#pricing-dialog .pricing-shell{padding-top:12px;padding-bottom:10px}#pricing-dialog .pricing-heading img{width:160px;margin-bottom:4px}#pricing-dialog .pricing-heading h2{font-size:18px}#pricing-dialog .pricing-heading>p strong{font-size:40px}#pricing-dialog .pricing-heading>p span{font-size:17px}#pricing-dialog .price-quote,#pricing-dialog .pricing-card{padding:10px 14px;margin-top:8px}#pricing-dialog #crypto-amount{font-size:27px}#pricing-dialog .alternative-payments{padding:0 14px}#pricing-dialog .or-pay{margin-top:8px}#pricing-dialog .pricing-source{margin-top:6px}}

#network-options{left:auto;right:0}
#network-options button>span:first-of-type{min-width:0;overflow-wrap:anywhere}
/* Keep the complete scrollable list inside the dialog's visible bounds. */
#pricing-dialog :is(#currency-options,#network-options){box-sizing:border-box;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#92b5e5 #edf5ff;scrollbar-gutter:stable;touch-action:pan-y}

#pricing-dialog{width:min(560px,calc(100% - 32px));max-width:560px}
#pricing-dialog .alternative-payments button{position:relative;justify-content:center;padding-left:24px;padding-right:24px}
#pricing-dialog .alternative-payments strong{flex:0 1 auto}
#pricing-dialog .alternative-payments button>span:last-child{position:absolute;right:0}
@media(max-width:480px){#pricing-dialog{width:calc(100% - 16px)}}
#pricing-dialog .alternative-payments{width:fit-content;max-width:100%;margin:8px auto 0;padding:0 14px}
#pricing-dialog .alternative-payments button{width:auto;padding:6px 0;min-height:46px;gap:10px}
#pricing-dialog .alternative-payments button>span:last-child{position:static;margin-left:4px}
#pricing-dialog .pricing-continue,#pricing-dialog .alternative-payments{box-sizing:border-box;width:224px;max-width:100%}
#pricing-dialog .pricing-continue{display:block;height:46px;min-height:46px;margin:8px auto 0}
#pricing-dialog .alternative-payments button{width:100%}