.plans{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:stretch;gap:18px;width:100%;display:grid}.plans[hidden]{display:none}.plan{color:var(--text);border-radius:24px;flex-direction:column;gap:18px;padding:30px;display:flex}.plan-hi{color:#fff;background:linear-gradient(160deg,#0b2236,#0f3a5e);border:1px solid #1e4e75;box-shadow:0 40px 80px -30px #0697d399}.plan-hi .li{color:#dcebf5}.plan-badges{flex-wrap:wrap;gap:6px;min-height:26px;margin-bottom:-8px;display:flex}.plan-badge{white-space:nowrap;color:#00527d;background:#e1f1fb;border:1px solid #b9ddf1;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:700;line-height:18px;display:inline-flex}.plan-badge-star{width:12px;height:12px}.plan-hi .plan-badge{color:#06162a;background:#bfe6f8;border-color:#0000;box-shadow:0 6px 18px -6px #38b6f0cc}.plan-trial,.plan-hi .plan-trial{color:#8a5a00;box-shadow:none;background:#fff4db;border-color:#f3dea8}.plan-save,.plan-hi .plan-save{color:var(--ok);box-shadow:none;background:#e9f5ee;border-color:#c6e6d3}.plan h3{min-height:27.3px;line-height:1.3}.plan-desc{flex:1}.pc{--dir:1;--step:64%;width:100%;position:relative}[dir=rtl] .pc{--dir:-1}.pc-controls{display:none}.pc-on .pc-controls{z-index:30;justify-content:center;align-items:center;gap:14px;margin-top:-54px;display:flex;position:relative}.pc-on .pc-track{perspective:1600px;touch-action:pan-y;user-select:none;grid-template-columns:1fr;padding:34px 0 96px;display:grid;position:relative;overflow-x:clip;-webkit-mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000);mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000)}.pc-on .pc-track:before{content:"";pointer-events:none;background:radial-gradient(circle,#38b6f042,#0697d314 45%,#0000 68%);border-radius:50%;width:560px;max-width:100%;height:86%;animation:7s ease-in-out infinite pc-breathe;position:absolute;top:50%;left:50%;translate:-50% -50%}.pc-on .pc-track .plan{cursor:pointer;width:min(370px,82vw);transform:translateX(calc(var(--o) * var(--step) * var(--dir) + var(--drag,0px))) translateY(var(--y,0px)) rotateY(calc(var(--o) * var(--dir) * -9deg)) scale(calc(1 - var(--a) * .12));filter:saturate(calc(1 - var(--a) * .35)) blur(calc(var(--a) * .6px));grid-area:1/1;justify-self:center;transition:transform .85s cubic-bezier(.22,1,.36,1),opacity .6s,filter .6s,box-shadow .6s,visibility;position:relative;overflow:hidden}.pc-on .pc-track .plan.is-active{cursor:auto}.pc-on .pc-track .plan.card.is-active{border-color:#9ccfea;box-shadow:0 40px 80px -34px #005a8873}.pc-on .pc-track .plan.is-active:hover{--y:-6px}.pc-on .pc-track .plan:not(.is-active):after{content:"";border-radius:inherit;pointer-events:none;background:rgba(245,249,252,calc(var(--a) * .34));transition:background .6s;position:absolute;inset:0}.pc-on .pc-track .plan-hi:not(.is-active):after{background:rgba(6,22,42,calc(var(--a) * .3))}.pc-on .pc-track .plan:not(.is-active):hover{filter:none}.pc-on .pc-track .plan:not(.is-active):hover:after{background:rgba(245,249,252,calc(var(--a) * .16))}.pc-on .pc-track .plan.is-far{opacity:0;visibility:hidden;pointer-events:none;transition-property:transform,opacity,filter,box-shadow,visibility;transition-delay:0s,0s,0s,0s,.6s}.pc-on .pc-track.is-dragging .plan{transition:none}.pc-on .pc-track .plan.is-active:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(105deg,#0000 35%,#ffffff8c 50%,#0000 65%);animation:1.3s cubic-bezier(.22,1,.36,1) .3s forwards pc-sweep;position:absolute;inset:0;transform:translate(-120%)}.pc-on .pc-track .plan-hi.is-active:after{background:linear-gradient(105deg,#0000 35%,#bfe6f838 50%,#0000 65%)}.pc-on:not(.pc-in) .pc-track .plan{opacity:0;transition:none;transform:translateY(40px)scale(.86)}.pc-entering .pc-track .plan{transition-delay:calc(var(--a) * .12s)}.pc-arrow{cursor:pointer;width:52px;height:52px;color:var(--text);border:1px solid var(--line);backdrop-filter:blur(8px);background:#ffffffeb;border-radius:999px;flex:none;place-items:center;transition:transform .25s cubic-bezier(.22,1,.36,1),background .25s,color .25s,box-shadow .25s,opacity .25s;display:grid;box-shadow:0 12px 30px -14px #005a8873}.pc-arrow:hover:not(:disabled){color:#fff;background:linear-gradient(135deg,#0697d3,#0078b4);border-color:#0000;transform:scale(1.08);box-shadow:0 16px 34px -12px #0697d3b3}.pc-arrow:active:not(:disabled){transform:scale(.96)}.pc-arrow:focus-visible{outline-offset:3px;outline:3px solid #0697d373}.pc-arrow:disabled{opacity:.35;cursor:default}.pc-arrow svg{transition:translate .25s}.pc-prev svg,[dir=rtl] .pc-next svg{transform:scaleX(-1)}[dir=rtl] .pc-prev svg{transform:none}.pc-next:hover:not(:disabled) svg{translate:calc(var(--dir) * 2px) 0}.pc-prev:hover:not(:disabled) svg{translate:calc(var(--dir) * -2px) 0}.pc-dots{align-items:center;gap:2px;display:flex}.pc-dot{cursor:pointer;background:0 0;border:0;place-items:center;width:26px;height:26px;padding:0;display:grid}.pc-dot span{background:#c9d9e6;border-radius:999px;width:8px;height:8px;transition:width .45s cubic-bezier(.22,1,.36,1),background .45s;display:block}.pc-dot:hover span{background:#9cc3dc}.pc-dot[aria-current=true]{width:40px}.pc-dot[aria-current=true] span{background:linear-gradient(90deg,#38b6f0,#0078b4);width:30px}.pc-dot:focus-visible{outline-offset:1px;border-radius:999px;outline:3px solid #0697d373}@media (width>=768px){.pc-on .pc-controls{position:static}.pc-on .pc-arrow{z-index:30;position:absolute;top:calc(50% - 43px)}.pc-on .pc-prev{inset-inline-start:calc(50% - 211px)}.pc-on .pc-next{inset-inline-end:calc(50% - 211px)}}@media (width<=640px){.pc{--step:80%}}@keyframes pc-sweep{to{transform:translate(120%)}}@keyframes pc-breathe{0%,to{opacity:.75;scale:.92}50%{opacity:1;scale:1.06}}.skel{background:linear-gradient(100deg,#eef3f7 40%,#f8fbfd 50%,#eef3f7 60%) 0 0/200% 100%;height:380px;animation:1.4s linear infinite flow}
