@import url("https://fonts.googleapis.com/css2?family=League+Spartan:wght@400;500;600;700;800;900&display=swap");ul{list-style:none}.main-pricing-frame{max-width:75rem;padding:3em 1.5em;font-family:League Spartan,system-ui,sans-serif;font-size:1.1rem;line-height:1.2}.main__heading{font-weight:600;font-size:2.25em;margin-bottom:.75em;text-align:center;color:#eceff1}.cards{position:relative}.cards__inner{display:flex;flex-wrap:wrap;gap:2.5em}.pricing-card{--flow-space:0.5em;--hsl:var(--hue),var(--saturation),var(--lightness);flex:1 1 14rem;padding:1.5em 2em;display:grid;grid-template-rows:auto auto auto 1fr;align-items:start;gap:1.25em;color:#eceff1;background-color:#00000050;border:1px solid #eceff133;border-radius:30px;min-width:100px}.pricing-card:first-child{--hue:291.34;--saturation:95.9%;--lightness:61.76%}.pricing-card:nth-child(2){--hue:600;--saturation:90%;--lightness:60%}.pricing-card:nth-child(3){--hue:165;--saturation:82.26%;--lightness:51.37%;position:relative}.pricing-card:nth-child(4){--hue:338.69;--saturation:100%;--lightness:48.04%}.card__bullets{line-height:1.4}.card__bullets li:not(:first-child):not([aria-hidden=true]):before{display:inline-block;content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='15' title='check' fill='%23dddddd'%3E%3Cpath d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z' /%3E%3C/svg%3E");transform:translatey(.25ch);margin-right:1ch}.cross-li:before{content:url("data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='%23dddddd' ><path d='m24.778 21.42l-5.502-5.503l5.5-5.502l-2.827-2.83l-5.503 5.502l-5.502-5.502l-2.828 2.83l5.5 5.502l-5.5 5.502l2.83 2.828l5.5-5.502l5.5 5.502z' /></svg>");margin-right:5px;vertical-align:middle;line-height:1}.card__heading{font-size:1.05em;font-weight:600;display:flex}.card__price{font-size:1.75em;font-weight:700}.flow>*+*{margin-top:var(--flow-space,1.25em)}.cta{display:block;align-self:end;margin:1em 0 .5em;text-align:center;text-decoration:none;color:#fff;background-color:#0d0d0d;padding:.7em;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer}.overlay{position:absolute;inset:0;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--opacity,0);-webkit-mask:radial-gradient(25rem 25rem at var(--x) var(--y),#000 1%,transparent 50%);mask:radial-gradient(25rem 25rem at var(--x) var(--y),#000 1%,transparent 50%);transition:-webkit-mask .4s ease;transition:mask .4s ease;transition:mask .4s ease,-webkit-mask .4s ease;will-change:mask}.overlay .pricing-card{background-color:hsla(var(--hsl),.15);border-color:hsla(var(--hsl),1);box-shadow:0 0 0 1px inset hsl(var(--hsl))}.overlay .cta{display:block;grid-row:-1;width:100%;background-color:hsl(var(--hsl));box-shadow:0 0 0 1px hsl(var(--hsl))}:not(.overlay)>.pricing-card{transition:background .4s ease;will-change:background}:not(.overlay)>.pricing-card:hover{--lightness:95%;background:hsla(var(--hsl),.01)}:root{--white:#111;--gray:#999;--lightgray:#212121;--darkgreen:#fff;--popular:#ffdd40;--starter:#f73859;--essential:#00aeef;--professional:#ff7f45}.switch-wrapper{font:18px/1.5 Noto Sans,sans-serif;position:relative;display:inline-flex;border:.5px solid #707070;border-radius:30px;background:var(--white);text-align:center;padding:0 10px}.yearly-label .badge{background-color:#ff3860;color:#fff;font-size:.9em;padding:0 6px;border-radius:50px;line-height:20px;position:absolute;top:1px;right:0;transform:translate(50%,-50%)}.switch-wrapper [type=radio]{position:absolute;left:-9999px}.switch-wrapper [type=radio]:checked#monthly~label[for=monthly],.switch-wrapper [type=radio]:checked#yearly~label[for=yearly]{color:var(--white)}.switch-wrapper [type=radio]:checked#monthly~label[for=monthly]:hover,.switch-wrapper [type=radio]:checked#yearly~label[for=yearly]:hover{background:transparent}.switch-wrapper [type=radio]:checked#monthly+label[for=yearly]~.highlighter{transform:none}.switch-wrapper [type=radio]:checked#yearly+label[for=monthly]~.highlighter{transform:translateX(100%)}.switch-wrapper label{font-size:16px;z-index:1;min-width:100px;line-height:32px;cursor:pointer;border-radius:30px;transition:color .25s ease-in-out}.switch-wrapper label:hover{background:var(--lightgray)}.switch-wrapper .highlighter{position:absolute;top:4px;left:4px;width:calc(50% - 4px);height:calc(100% - 8px);border-radius:30px;background:var(--darkgreen);transition:transform .25s ease-in-out}.most-popular-badge{position:absolute;top:-10px;right:-10px;background:linear-gradient(135deg,#58ff42,#2ecc71);color:#000;font-size:.75rem;font-weight:700;padding:4px 12px;border-radius:20px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px rgba(88,255,66,.4);z-index:10;white-space:nowrap}.unlimited-text{display:inline-block;background:linear-gradient(135deg,#c084fc,#a78bfa 50%,#c084fc);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:700;animation:unlimitedGlow 3s ease-in-out infinite;position:relative}@keyframes unlimitedGlow{0%,to{background-position:0 50%;transform:scale(1);filter:brightness(1)}50%{background-position:100% 50%;transform:scale(1.03);filter:brightness(1.15)}}.unlimited-text strong{background:inherit;-webkit-background-clip:inherit;background-clip:inherit;-webkit-text-fill-color:inherit;font-weight:inherit;display:inline-block}.emerald{height:200px;width:200px;background:radial-gradient(circle,#67f82e 1vmax,transparent 0),radial-gradient(circle,rgba(64,255,0,.7) 1vmax,transparent 2vmax),linear-gradient(180deg,transparent 10%,#00ff1e,transparent 90%) 50%/6px 60%,linear-gradient(90deg,transparent 10%,#51ff00,transparent 90%) 50%/70% 6px;background-repeat:no-repeat;position:relative;overflow:hidden;animation:move 8s linear infinite}.emerald:after,.emerald:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:inherit;background-size:0 0,0 0,10px 100%,100% 5px;transform:rotate(30deg)}.emerald:after{transform:rotate(-30deg)}.ruby{height:200px;width:200px;background:radial-gradient(circle,#f82e2e 1vmax,transparent 0),radial-gradient(circle,rgba(255,0,0,.7) 1vmax,transparent 2vmax),linear-gradient(180deg,transparent 10%,red,transparent 90%) 50%/6px 60%,linear-gradient(90deg,transparent 10%,red,transparent 90%) 50%/70% 6px;background-repeat:no-repeat;position:relative;overflow:hidden;animation:move 8s linear infinite}.ruby:after,.ruby:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:inherit;background-size:0 0,0 0,10px 100%,100% 5px;transform:rotate(30deg)}.ruby:after{transform:rotate(-30deg)}.saphire{height:200px;width:200px;background:radial-gradient(circle,#0527ff 1vmax,transparent 0),radial-gradient(circle,rgba(51,0,255,.7) 1vmax,transparent 2vmax),linear-gradient(180deg,transparent 10%,#001aff,transparent 90%) 50%/6px 60%,linear-gradient(90deg,transparent 10%,#20f,transparent 90%) 50%/70% 6px;background-repeat:no-repeat;position:relative;overflow:hidden;animation:move 8s linear infinite}.saphire:after,.saphire:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:inherit;background-size:0 0,0 0,10px 100%,100% 5px;transform:rotate(30deg)}.saphire:after{transform:rotate(-30deg)}@keyframes move{to{transform:rotate(1turn)}}.react-responsive-modal-root{position:fixed;top:0;bottom:0;left:0;right:0;z-index:1000}.react-responsive-modal-overlay{background:rgba(0,0,0,.5);position:fixed;top:0;bottom:0;left:0;right:0;z-index:-1}.react-responsive-modal-container{height:100%;outline:0;overflow-x:hidden;overflow-y:auto;text-align:center}.react-responsive-modal-containerCenter:after{width:0;height:100%;content:"";display:inline-block;vertical-align:middle}.react-responsive-modal-modal{max-width:800px;display:inline-block;text-align:left;vertical-align:middle;background:#fff;box-shadow:0 12px 15px 0 rgba(0,0,0,.25);margin:1.2rem;padding:1.2rem;position:relative;overflow-y:auto}.react-responsive-modal-closeButton{position:absolute;top:14px;right:14px;border:none;padding:0;cursor:pointer;background-color:transparent;display:flex}.react-responsive-modal-container,.react-responsive-modal-modal,.react-responsive-modal-overlay{animation-fill-mode:forwards!important}@keyframes react-responsive-modal-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes react-responsive-modal-overlay-out{0%{opacity:1}to{opacity:0}}@keyframes react-responsive-modal-modal-in{0%{transform:scale(.96);opacity:0}to{transform:scale(100%);opacity:1}}@keyframes react-responsive-modal-modal-out{0%{transform:scale(100%);opacity:1}to{transform:scale(.96);opacity:0}}