.pricing-cards{--ink:var(--text);--ink-2:var(--text-2);--line-2:color-mix(in srgb, var(--line) 55%, transparent);--blue:var(--brand);--blue-hi:var(--brand-light);--radius:22px;--ease:cubic-bezier(.22, 1, .36, 1);--shadow-sm:0 1px 2px rgb(var(--shadow-color) / .06);--shadow:0 1px 2px rgb(var(--shadow-color) / .05), 0 12px 32px -12px rgb(var(--shadow-color) / .14);color:var(--ink);font-family:Inter,Readex Pro,system-ui,-apple-system,Segoe UI,sans-serif}.pricing-cards ul{margin:0;padding:0;list-style:none}.pricing-cards h3,.pricing-cards p{margin:0}.pricing-cards *{box-sizing:border-box}.pricing-cards a{color:inherit;text-decoration:none}.pricing-cards .i{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px}.pricing-cards .btn{cursor:pointer;height:42px;font:inherit;letter-spacing:-.01em;white-space:nowrap;color:inherit;transition:transform .15s var(--ease), box-shadow .2s, background .2s, border-color .2s;background:0 0;border:0;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:14.5px;font-weight:600;display:inline-flex;position:relative}.pricing-cards .btn:active{transform:translateY(1px)scale(.99)}.pricing-cards .btn .i{width:17px;height:17px}.pricing-cards .btn-block{width:100%}.pricing-cards .btn-primary{color:var(--on-brand);background:var(--brand);font-weight:500;transition:background .15s,transform .1s}.pricing-cards .btn-primary:hover{background:var(--brand-hover)}.pricing-cards .btn-primary:active{background:var(--brand-press)}.pricing-cards .btn-primary .i:last-child{transition:transform .2s var(--ease)}.pricing-cards .btn-primary:hover .i:last-child{transform:translate(2px)}.pricing-cards .btn-ghost{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm)}.pricing-cards .btn-ghost:hover{border-color:var(--line-strong);background:var(--hover)}.pricing-cards .btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.pricing-cards .btn:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.pricing-cards .btn.is-loading{pointer-events:none;color:#0000}.pricing-cards .btn.is-loading>*{visibility:hidden}.pricing-cards .btn.is-loading:after{content:"";border:2px solid color-mix(in srgb, var(--blue) 25%, transparent);border-top-color:var(--blue);border-radius:50%;width:18px;height:18px;margin:auto;animation:.7s linear infinite pcspin;position:absolute;inset:0}.pricing-cards .btn-primary.is-loading:after{border-color:color-mix(in srgb, var(--on-brand) 25%, transparent);border-top-color:var(--on-brand)}@keyframes pcspin{to{transform:rotate(360deg)}}.pricing-cards .reveal{opacity:0;transition:opacity .8s var(--ease), transform .8s var(--ease);transform:translateY(18px)}.pricing-cards .reveal.in{opacity:1;transform:none}.pricing-cards{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:20px;display:grid}.pricing-cards .plan{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;padding:28px;display:flex;position:relative}.pricing-cards .plan-featured{box-shadow:0 0 0 2px var(--blue), 0 24px 50px -20px color-mix(in srgb, var(--brand) 45%, transparent);border-color:#0000}.pricing-cards .plan-ribbon{color:#fff;background:linear-gradient(135deg, var(--blue-hi), var(--blue));border-radius:999px;align-items:center;gap:5px;padding:4px 11px;font-size:12px;font-weight:700;display:inline-flex;position:absolute;top:-13px;left:28px}.pricing-cards .plan-ribbon .i{width:14px;height:14px}.pricing-cards .plan-head h3{letter-spacing:-.02em;font-size:19px;font-weight:700}.pricing-cards .plan-head p{color:var(--muted);margin-top:4px;font-size:14px}.pricing-cards .plan-price{align-items:baseline;gap:6px;margin-top:22px;display:flex}.pricing-cards .plan-price b{letter-spacing:-.05em;font-size:46px;font-weight:600;line-height:1;transition:opacity .2s}.pricing-cards .plan-price span{color:var(--muted);font-size:14px;font-weight:500}.pricing-cards .credits{flex-wrap:wrap;align-items:center;gap:4px 8px;margin-top:20px;font-size:14px;display:flex}.pricing-cards .credits .i{color:var(--blue);width:18px;height:18px}.pricing-cards .credits span{color:var(--muted);font-size:13px}.pricing-cards .meter{background:var(--line-2);border-radius:6px;height:6px;margin:12px 0 22px;overflow:hidden}.pricing-cards .meter i{border-radius:inherit;background:linear-gradient(90deg, var(--blue-hi), var(--blue));height:100%;display:block}.pricing-cards .features{border-top:1px solid var(--line-2);gap:12px;margin-top:24px;padding-top:22px;display:grid}.pricing-cards .features li{color:var(--ink-2);align-items:center;gap:10px;font-size:14.5px;display:flex}.pricing-cards .features li.off,.pricing-cards .features li.off .i{color:var(--muted-2)}.pricing-cards .features .i{width:20px;height:20px;color:var(--blue)}.pricing-cards.plans-2{grid-template-columns:repeat(2,1fr)}.pricing-cards.plans-1{grid-template-columns:minmax(0,360px);justify-content:center}@media (max-width:1024px){.pricing-cards.plans{grid-template-columns:1fr;max-width:480px;margin:0 auto}.pricing-cards .plan-featured{order:-1}}
