[data-order-design=new]{--order-ink:#302536;--order-muted:#817386;--order-border:#ecdfeb;--order-paper:#fff;--order-soft:#fcf8fc;--order-accent:#c82c87;--order-action:linear-gradient(140deg,#9800f0 0%,#ff3385 48%,#fccbf0 100%);--order-wash:linear-gradient(106deg,#f9f0ff 0%,#fff0f6 48%,#fff 100%)}.dark [data-order-design=new]{--order-ink:#f3e9f5;--order-muted:#b8a6bd;--order-border:#49364d;--order-paper:#211a25;--order-soft:#2c2231;--order-accent:#f29dcc;--order-wash:linear-gradient(106deg,#30203d 0%,#342231 48%,#211a25 100%)}[data-order-design=new] .order-view{color:var(--order-ink)}[data-order-design=new] .order-view :is([class~="bg-[#ffd640]"],[class~="bg-[#FEC33A]"],[class~="bg-[#fec33a]"]):not(.pointer-events-none){background:var(--order-action);color:#fff}[data-order-design=new] .order-view :is([class~="text-[#EFBC00]"],[class~="text-[#FEC33A]"]){color:var(--order-accent)}[data-order-design=new] .order-view>div:first-child{max-width:1360px}[data-order-design=new] .order-view h1{letter-spacing:-1.2px}[data-order-design=new] .order-view h1 [class*=EFBC00]{color:#9357bf}[data-order-design=new] [data-order-section=billing]>div{margin-bottom:28px}[data-order-design=new] [data-order-section=billing]>div>div:first-child{border:1px solid var(--order-border);background:var(--order-soft);box-shadow:none;border-radius:14px;padding:4px}[data-order-design=new] [data-order-section=billing]>div>div:first-child>div{text-align:center;min-width:110px;color:var(--order-muted);border-radius:10px}[data-order-design=new] [data-order-section=billing] [class*="bg-[#3a3a3a]"]{background:var(--order-paper);color:var(--order-ink);box-shadow:0 2px 6px #39244112}[data-order-design=new] [data-order-section=billing]>div>div:nth-child(2){display:none}[data-order-design=new] .order-new-cycle-hint{text-align:center;color:var(--order-muted);margin:12px 0 0;font-size:12px}[data-order-design=new] [data-order-section=plans]{align-items:stretch;gap:20px}[data-order-design=new] [data-order-section=plans]>.absolute{top:-96px}[data-order-design=new] [data-order-section=plans]>.absolute>div{color:var(--order-ink);background:var(--order-soft);border-color:var(--order-border);box-shadow:none;padding:8px 18px}[data-order-design=new] .order-new-topup-caption{text-align:center;color:var(--order-muted);margin-top:1px;font-size:9px;display:block}[data-order-design=new] [data-order-plan]{border:1px solid var(--order-border);background:var(--order-paper);border-radius:22px;min-width:0;margin-bottom:0;padding:0;transition:transform .24s,box-shadow .24s;transform:none;box-shadow:0 5px 18px #8b5e9c0a}[data-order-design=new] [data-order-plan]:hover{transform:translateY(-6px);box-shadow:0 18px 36px #77517d1a}[data-order-design=new] [data-order-plan]>span{display:none}[data-order-design=new] [data-order-plan-surface]{background:var(--order-paper);cursor:default;border:0;border-radius:21px}[data-order-design=new] [data-order-plan=pro-plan] [data-order-plan-surface],[data-order-design=new] [data-order-plan=unlimited-plan] [data-order-plan-surface]{background:var(--order-wash)}[data-order-design=new] .order-new-ribbon{min-height:35px;color:var(--order-muted);background:var(--order-soft);border-bottom:1px solid var(--order-border);letter-spacing:1px;text-transform:uppercase;justify-content:center;align-items:center;gap:6px;padding:7px 12px;font-size:10px;font-weight:700;display:flex}[data-order-design=new] [data-order-plan=pro-plan] .order-new-ribbon{color:#fff;background:linear-gradient(128deg,#b249ee,#fd6da7 48%,#ffdbf5);border-color:#0000}[data-order-design=new] [data-order-plan=unlimited-plan] .order-new-ribbon{color:#634568;background:linear-gradient(110deg,#f5ebff,#ffd1e7 48%,#ffebf9)}[data-order-design=new] .plan-header{padding:24px 24px 0;position:relative}[data-order-design=new] [data-order-plan=unlimited-plus-plan] .plan-header{padding-top:48px}[data-order-design=new] .plan-header>.absolute:has(>div){justify-content:flex-end;margin-bottom:8px;position:static}[data-order-design=new] .plan-header h2{color:var(--order-ink);letter-spacing:-.6px;gap:8px;font-size:24px}[data-order-design=new] .plan-header h2>div{color:#c72c81;background:#ffebf5;border:1px solid #f4cee4;border-radius:6px;padding:4px 6px;font-size:10px}[data-order-design=new] .order-new-purpose{color:var(--order-muted);min-height:38px;margin:8px 0 0;font-size:12px;line-height:1.6}[data-order-design=new] .plan-header>.text-xl{color:var(--order-ink);align-items:baseline;gap:10px;margin-top:18px}[data-order-design=new] .plan-header>.text-xl>div:first-child{white-space:nowrap;align-items:baseline}[data-order-design=new] .plan-header>.text-xl>div:first-child>span{letter-spacing:-1.8px;font-variant-numeric:tabular-nums;font-size:46px;line-height:1.15;top:0}[data-order-design=new] .plan-header>.text-xl>div:last-child:has(.line-through){color:#a38398;order:-1;font-size:15px;top:0}[data-order-design=new] .plan-header .line-through+span{display:none}[data-order-design=new] .order-new-price-unit{color:var(--order-muted);letter-spacing:0;font-size:11px}[data-order-design=new] .order-new-saving{color:#ad1766;background:linear-gradient(105deg,#ffd3eb,#ffebf5 55%,#ffe0f1);border:1px solid #ffcce9;border-radius:7px;align-items:center;gap:6px;width:fit-content;max-width:100%;margin:15px 0;padding:7px 9px;font-size:11px;line-height:1.5;display:flex}[data-order-design=new] .order-new-saving svg{flex-shrink:0}[data-order-design=new] .plan-header>button{background:var(--order-paper);height:48px;color:var(--order-ink);border:1px solid #e4cad8;border-radius:10px;margin-top:10px;font-size:14px;box-shadow:none!important}[data-order-design=new] [data-order-plan=pro-plan] .plan-header>button:not(.pointer-events-none),[data-order-design=new] [data-order-plan=unlimited-plus-plan] .plan-header>button:not(.pointer-events-none){background:var(--order-action);border-color:#fccbf0;color:#fff!important}[data-order-design=new] [data-order-plan=unlimited-plan] .plan-header>button:not(.pointer-events-none){background:linear-gradient(43deg,#f5ebff,#ffd1e7 48%,#ffebf9);color:#4d315f!important}[data-order-design=new] .plan-header>button.pointer-events-none{color:#766b79;background:#e6e0e6}[data-order-design=new] .plan-header>button:hover:not(.pointer-events-none){filter:brightness(1.06)}[data-order-design=new] .plan-header>button>.absolute{display:none}[data-order-design=new] [data-order-plan-surface]>.px-5{margin-top:0;padding:20px 24px 24px}[data-order-design=new] .order-new-credits{border:1px solid var(--order-border);background:var(--order-soft);border-radius:10px;padding:14px 25px 14px 12px;position:relative}[data-order-design=new] .order-new-credits>div{flex-wrap:wrap;align-items:center;gap:7px;display:flex}[data-order-design=new] .order-new-credits svg{color:var(--order-accent);flex-shrink:0}[data-order-design=new] .order-new-credits strong{color:var(--order-ink);font-size:20px;line-height:1.2}[data-order-design=new] .order-new-credits span{color:var(--order-muted);font-size:10px}[data-order-design=new] .order-new-credits p{color:var(--order-muted);margin:7px 0 0;font-size:10px;line-height:1.6}[data-order-design=new] .order-new-credit-info{inset-inline-end:4px;padding:5px;position:absolute;top:10px}[data-order-design=new] .order-new-benefit-section{margin-top:22px}[data-order-design=new] .order-new-benefit-section h3{color:var(--order-ink);align-items:center;gap:8px;font-size:12px;font-weight:600;line-height:1.6;display:flex}[data-order-design=new] .order-new-benefit-section h3:after{content:"";background:var(--order-border);flex:1;min-width:12px;height:1px}[data-order-design=new] .order-new-benefit-section ul{gap:12px;margin:13px 0 0;padding:0;list-style:none;display:grid}[data-order-design=new] .order-new-benefit-section li{color:var(--order-muted);align-items:flex-start;gap:8px;font-size:12px;line-height:1.6;display:flex}[data-order-design=new] .order-new-benefit-section li>img{object-fit:contain;flex-shrink:0;width:16px;height:16px;margin-top:2px}[data-order-design=new] .order-new-benefit-section li>svg{color:#a07eac;flex-shrink:0;margin-top:2px}[data-order-design=new] .order-new-benefit-section li[data-unavailable=true]{opacity:.65}[data-order-design=new] .order-new-info{color:var(--order-muted);flex-shrink:0;margin-inline-start:auto;padding:3px}[data-order-design=new] .order-new-more{margin-top:12px}[data-order-design=new] .order-new-more summary{cursor:pointer;width:fit-content;color:var(--order-accent);font-size:11px}[data-order-design=new] .order-new-more summary span{margin-inline-start:4px}[data-order-design=new] .order-new-includes{border:1px solid var(--order-border);color:var(--order-accent);background:var(--order-soft);border-radius:9px;padding:10px 12px;font-size:12px}[data-order-design=new] :is(.order-new-info,.order-new-credit-info,.order-new-more summary,.order-new-faq summary):focus-visible{outline-offset:3px;border-radius:4px;outline:2px solid #b35be2}[data-order-design=new] [data-order-section=comparison]>.w-full{margin-top:64px;margin-bottom:64px}[data-order-design=new] [data-order-section=comparison]>.w-full>h2{letter-spacing:-.5px;color:var(--order-ink);font-size:30px;font-weight:600}[data-order-design=new] [data-order-section=comparison]>.w-full>div{border-color:var(--order-border);background:var(--order-paper)}[data-order-design=new] [data-order-section=comparison]>.w-full button:not(:disabled){background:var(--order-action);color:#fff}[data-order-design=new] [data-order-section=comparison]>.w-full button[role=switch]{background:var(--order-soft)}[data-order-design=new] [data-order-section=comparison]>.w-full button[role=switch][data-state=checked]{background:#b66bca}[data-order-design=new] [data-order-section=comparison]>.w-full .text-green-400{color:#a07eac}[data-order-design=new] [data-order-section=value] h2{color:var(--order-ink);letter-spacing:-.5px;font-size:30px;font-weight:600}[data-order-design=new] .order-new-eyebrow{letter-spacing:1.4px;color:var(--order-muted);text-transform:uppercase;margin-bottom:10px;font-size:10px;font-weight:600}[data-order-design=new] .order-new-section-description{color:var(--order-muted);font-size:14px;line-height:1.8}[data-order-design=new] [data-order-section=value] .max-w-6xl>.grid>div{border:1px solid var(--order-border);background:var(--order-paper);border-radius:20px}[data-order-design=new] [data-order-section=value] .max-w-6xl>.grid>div:first-child{background:var(--order-wash)}[data-order-design=new] [data-order-section=value] .grid-cols-4{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}[data-order-design=new] [data-order-section=value] .grid-cols-4>div{border:1px solid var(--order-border);background:var(--order-paper);border-radius:10px;padding:14px 8px}[data-order-design=new] .order-new-value-price{color:var(--order-ink);letter-spacing:-1px;margin-bottom:8px;font-size:38px;font-weight:600}[data-order-design=new] .order-new-value-price small{color:var(--order-muted);letter-spacing:0;margin-inline-start:5px;font-size:12px;font-weight:400}[data-order-design=new] .order-new-faq{margin:64px auto 48px}[data-order-design=new] .order-new-faq h2{text-align:center;color:var(--order-ink);letter-spacing:-.5px;margin-bottom:24px;font-size:30px;font-weight:600;line-height:1.3}[data-order-design=new] .order-new-faq details{border-bottom:1px solid var(--order-border)}[data-order-design=new] .order-new-faq summary{cursor:pointer;padding:20px 28px 20px 0;font-size:14px;font-weight:500;list-style:none;position:relative}[data-order-design=new] .order-new-faq summary::-webkit-details-marker{display:none}[data-order-design=new] .order-new-faq summary:after{content:"+";color:var(--order-muted);position:absolute;inset-inline-end:6px}[data-order-design=new] .order-new-faq details[open] summary:after{content:"−"}[data-order-design=new] .order-new-faq details p{color:var(--order-muted);padding-bottom:20px;font-size:13px;line-height:1.9}[data-order-design=new] [data-order-section=topup]>.fixed>div{border:1px solid var(--order-border);background:var(--order-paper);border-radius:22px;max-width:880px}[data-order-design=new] [data-order-section=topup] h2{color:var(--order-ink)}[data-order-design=new] .order-new-topup-description{color:var(--order-muted);margin:-12px 0 22px;font-size:13px;line-height:1.7}[data-order-design=new] [data-order-section=topup] .space-y-6{grid-template-columns:1.1fr 1fr;gap:20px 28px;display:grid}[data-order-design=new] [data-order-section=topup] .space-y-6>*{min-width:0;margin:0}[data-order-design=new] [data-order-section=topup] .space-y-6>:first-child{grid-area:1/1/4}[data-order-design=new] [data-order-section=topup] .space-y-6>:not(:first-child){grid-column:2}[data-order-design=new] [data-order-section=topup] .space-y-6>:first-child>.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}[data-order-design=new] [data-order-section=topup] .space-y-6>:first-child>.grid>div{background:var(--order-soft);border-radius:13px;padding:26px 10px 18px}[data-order-design=new] [data-order-section=topup] [role=radio]{border-radius:11px;padding:12px}[data-order-design=new] [data-order-section=topup] [role=radio][aria-checked=true]{background:var(--order-soft);border-color:#ad6fbd}[data-order-design=new] [data-order-section=topup] [role=radio] h4{color:var(--order-ink);font-size:12px}[data-order-design=new] [data-order-section=topup] [class*="text-[#fec33a]"]{color:var(--order-accent);font-size:12px}[data-order-design=new] .order-new-topup-summary{background:var(--order-soft);border:1px solid var(--order-border);border-radius:13px;padding:18px}[data-order-design=new] .order-new-topup-summary h3{color:var(--order-ink);font-size:18px;font-weight:600}[data-order-design=new] .order-new-topup-summary>strong{letter-spacing:-1px;color:var(--order-ink);margin:10px 0;font-size:36px;line-height:1.2;display:block}[data-order-design=new] .order-new-topup-summary small{color:var(--order-muted);letter-spacing:0;font-size:11px;font-weight:400}[data-order-design=new] .order-new-topup-summary>p:last-child{color:var(--order-muted);font-size:11px;line-height:1.7}[data-order-design=new] [data-order-section=topup] .space-y-6>.flex>button{border-radius:10px}[data-order-design=new] [data-order-section=topup] .space-y-6>.flex>button:last-child{background:var(--order-action);color:#fff}@media (min-width:1280px){[data-order-design=new] [data-order-section=plans]:has([data-order-plan=unlimited-plus-plan]) .plan-header{padding-inline:16px}[data-order-design=new] [data-order-section=plans]:has([data-order-plan=unlimited-plus-plan]) [data-order-plan-surface]>.px-5{padding-inline:16px}[data-order-design=new] [data-order-section=plans]:has([data-order-plan=unlimited-plus-plan]) .plan-header>.text-xl{flex-wrap:wrap;gap:4px 8px}[data-order-design=new] [data-order-section=plans]:has([data-order-plan=unlimited-plus-plan]) .plan-header>.text-xl>div:first-child>span{font-size:36px}}@media (max-width:760px){[data-order-design=new] [data-order-section=topup] .space-y-6{grid-template-columns:minmax(0,1fr)}[data-order-design=new] [data-order-section=topup] .space-y-6>:first-child,[data-order-design=new] [data-order-section=topup] .space-y-6>:not(:first-child){grid-area:auto/1}[data-order-design=new] [data-order-section=topup] .space-y-6>.flex{background:var(--order-paper);padding:12px 0;position:sticky;bottom:-24px}[data-order-design=new] [data-order-section=plans]>.absolute{top:-88px}[data-order-design=new] [data-order-section=plans]>.absolute>div{padding:7px 10px;font-size:12px}[data-order-design=new] [data-order-section=billing]>div>div:first-child{margin-inline-start:0}[data-order-design=new] [data-order-section=billing]>div>div:first-child>div{min-width:80px;padding-inline:14px}[data-order-design=new] .order-new-cycle-hint{text-align:start;padding-inline-end:5px;font-size:11px}[data-order-design=new] .order-new-faq h2,[data-order-design=new] [data-order-section=comparison]>.w-full>h2,[data-order-design=new] [data-order-section=value] h2{font-size:25px}}@media (prefers-reduced-motion:reduce){[data-order-design=new] [data-order-plan]{transition:none}[data-order-design=new] [data-order-plan]:hover{transform:none}}
