.pricing-showcase{--rx:.5;--ry:.5;--active:0;--tilt-x:0deg;--tilt-y:0deg;perspective:1000px;touch-action:pan-y pinch-zoom;position:relative}.pricing-showcase-inner{will-change:transform;border-radius:.5rem;height:100%;transition:transform .2s ease-out,box-shadow .3s;position:relative}.pricing-showcase-free:is(:hover,.is-active) .pricing-showcase-inner{transform:translateY(-4px);box-shadow:0 12px 28px -8px #64748b4d}.pricing-showcase-free .pricing-showcase-shine{background:radial-gradient(circle 120px at calc(var(--rx) * 100%) calc(var(--ry) * 100%), #ffffff59, transparent 100%);mix-blend-mode:screen}.pricing-showcase-free:is(:hover,.is-active) .pricing-showcase-shine{opacity:calc(var(--active) * 1)}.pricing-showcase-light:is(:hover,.is-active) .pricing-showcase-inner{transform:translateY(-5px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));box-shadow:0 16px 32px -10px #ec489966}@media (min-width:768px){.pricing-showcase-standard .pricing-showcase-inner{transform:scale(1.05)}}.pricing-showcase-standard:is(:hover,.is-active) .pricing-showcase-inner{transform:translateY(-6px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));box-shadow:0 20px 40px -10px #a855f773}@media (min-width:768px){.pricing-showcase-standard:is(:hover,.is-active) .pricing-showcase-inner{transform:translateY(-6px) scale(1.05) rotateX(var(--tilt-x)) rotateY(var(--tilt-y))}}.pricing-showcase-business:is(:hover,.is-active) .pricing-showcase-inner{transform:translateY(-8px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) scale(1.02);box-shadow:0 24px 48px -12px #3b82f680,0 0 32px -8px #06b6d466}.pricing-showcase-shine,.pricing-showcase-pattern,.pricing-showcase-color,.pricing-showcase-frame{border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .3s;position:absolute;inset:0}.pricing-showcase-light .pricing-showcase-shine{background:radial-gradient(circle at calc(var(--rx) * 100%) calc(var(--ry) * 100%), #ffffffd9, #ffffff4d 25%, transparent 60%);mix-blend-mode:overlay}.pricing-showcase-light:is(:hover,.is-active) .pricing-showcase-shine{opacity:calc(var(--active) * 1)}.pricing-showcase-light .pricing-showcase-pattern{background:linear-gradient(115deg,#0000 30%,#f871718c 38%,#fbbf2499 44%,#a3e63599 50%,#22d3ee99 56%,#818cf899 62%,#e879f98c 68%,#0000 76%) 0 0/260% 260%;background-position:calc((1 - var(--rx)) * 100%) calc((1 - var(--ry)) * 100%);mix-blend-mode:overlay}.pricing-showcase-light:is(:hover,.is-active) .pricing-showcase-pattern{opacity:calc(var(--active) * .85)}.pricing-showcase-light .pricing-showcase-color{display:none}.pricing-showcase-standard .pricing-showcase-shine{background:radial-gradient(circle at calc(var(--rx) * 100%) calc(var(--ry) * 100%), #ffffffa6, transparent 50%);mix-blend-mode:overlay}.pricing-showcase-standard:is(:hover,.is-active) .pricing-showcase-shine{opacity:calc(var(--active) * 1)}.pricing-showcase-standard .pricing-showcase-pattern{background:radial-gradient(circle at 25% 35%,#fffc 0,#0000 1.1px) 0 0/7px 7px,radial-gradient(circle at 75% 60%,#d8b4feb3 0,#0000 1px) 0 0/10px 10px,radial-gradient(circle at 50% 85%,#ffffffbf 0,#0000 1.1px) 0 0/9px 9px;background-position:calc((var(--rx) - .5) * 30%) calc((var(--ry) - .5) * 30%), calc((var(--rx) - .5) * -35%) calc((var(--ry) - .5) * -35%), calc((var(--rx) - .5) * 25%) calc((var(--ry) - .5) * 25%);mix-blend-mode:overlay}.pricing-showcase-standard:is(:hover,.is-active) .pricing-showcase-pattern{opacity:calc(var(--active) * .95)}.pricing-showcase-standard .pricing-showcase-color{background:conic-gradient(from calc(var(--rx) * 360deg) at calc(var(--rx) * 100%) calc(var(--ry) * 100%), #f87171cc, #fbbf24cc, #a3e635cc, #22d3eecc, #818cf8cc, #e879f9cc, #f87171cc);mix-blend-mode:overlay}.pricing-showcase-standard:is(:hover,.is-active) .pricing-showcase-color{opacity:calc(var(--active) * .85)}.pricing-showcase-business .pricing-showcase-shine{background:radial-gradient(circle at calc(var(--rx) * 100%) calc(var(--ry) * 100%), #ffffff73, transparent 55%);mix-blend-mode:overlay}.pricing-showcase-business:is(:hover,.is-active) .pricing-showcase-shine{opacity:calc(var(--active) * .7)}.pricing-showcase-business .pricing-showcase-pattern{background:repeating-radial-gradient(circle at calc(var(--rx) * 40% + 30%) calc(var(--ry) * 40% + 30%), #ffffffe6, #bae6fd99 2px, #ffffffe6 3px, transparent 5px);mix-blend-mode:color-dodge;background-size:100% 100%}.pricing-showcase-business:is(:hover,.is-active) .pricing-showcase-pattern{opacity:calc(var(--active) * .12)}.pricing-showcase-business .pricing-showcase-color{background:linear-gradient(115deg,#0000 10%,#22d3eeb8 35%,#0000 48% 52%,#6366f1b8 65%,#0000 90%) 0 0/140% 140%;background-position:calc(50% + (var(--rx) - .5) * -40%) calc(50% + (var(--ry) - .5) * -40%);mix-blend-mode:overlay}.pricing-showcase-business:is(:hover,.is-active) .pricing-showcase-color{opacity:calc(var(--active) * .45)}.pricing-showcase-business .pricing-showcase-frame{opacity:1;-webkit-mask-composite:xor;background:linear-gradient(135deg,#3b82f673,#06b6d473,#6366f173);padding:1.5px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}@keyframes pricing-showcase-idle-shimmer{0%,to{filter:brightness()saturate()}50%{filter:brightness(1.08)saturate(1.12)}}.pricing-showcase-business .pricing-showcase-frame{animation:6s ease-in-out infinite pricing-showcase-idle-shimmer}html:not(.dark) :is(.pricing-showcase-free,.pricing-showcase-light,.pricing-showcase-standard,.pricing-showcase-business):is(:hover,.is-active) .pricing-showcase-shine{opacity:calc(var(--active) * .55)}html:not(.dark) .pricing-showcase-light:is(:hover,.is-active) .pricing-showcase-pattern,html:not(.dark) .pricing-showcase-standard:is(:hover,.is-active) .pricing-showcase-pattern,html:not(.dark) .pricing-showcase-standard:is(:hover,.is-active) .pricing-showcase-color{opacity:calc(var(--active) * .5)}html:not(.dark) .pricing-showcase-business:is(:hover,.is-active) .pricing-showcase-pattern{opacity:calc(var(--active) * .15)}html:not(.dark) .pricing-showcase-business:is(:hover,.is-active) .pricing-showcase-color{opacity:calc(var(--active) * .4)}@media (prefers-reduced-motion:reduce){.pricing-showcase-inner,.pricing-showcase-shine,.pricing-showcase-pattern,.pricing-showcase-color,.pricing-showcase-frame{transition:none;animation:none}.pricing-showcase:is(:hover,.is-active) .pricing-showcase-inner{transform:none}}