@font-face{font-display:swap;font-family:Manrope;font-style:normal;font-weight:600;src:url(/interactive-pricing-component/assets/manrope-v20-latin-600-4f0koTD-.woff2) format("woff2"),url(/interactive-pricing-component/assets/manrope-v20-latin-600-CapmK1hW.ttf) format("truetype")}@font-face{font-display:swap;font-family:Manrope;font-style:normal;font-weight:800;src:url(/interactive-pricing-component/assets/manrope-v20-latin-800-BfWYOv1c.woff2) format("woff2"),url(/interactive-pricing-component/assets/manrope-v20-latin-800-Zf6XNs38.ttf) format("truetype")}:root{--color-cyan-100-hsl:174,77%,80%;--color-cyan-100:#a5f3eb;--color-cyan-300-hsl:174,86%,45%;--color-cyan-300:#10d5c2;--color-cyan-400-hsl:175,68%,60%;--color-cyan-400:#29d6c8;--color-cyan-500-hsl:175,68%,41%;--color-cyan-500:#21b0a4;--color-red-100:#feece7;--color-red-300:#ff8c66;--color-white:#fff;--color-gray-100:#fafbff;--color-gray-150:#eaeefb;--color-gray-175:#cdd7ee;--color-gray-300:#bdccff;--color-gray-500:#858fad;--color-gray-900:#293356;--gradien-cyan:linear-gradient(to right,hsla(var(--color-cyan-400-hsl),1),hsla(var(--color-cyan-300-hsl),1));--shadow-md:0 32px 48px -8px rgba(41,51,86,.1);--font-primary:"Manrope",system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;--font-medium:600;--font-extrabold:800;--text-body:.8125rem;--text-heading-1:1.25rem;--leading-none:1;--leading-paragraph:1.4375rem;--rounded-full:9999px;--rounded-base:.5rem;--focus-outline-width:3px;--focus-outline-offset:3px;--focus-outline-color:var(--color-gray-900);--focus-outline-style:dashed}*,:after,:before{box-sizing:border-box;margin:0}body{background-color:#fafbff;background-color:var(--color-gray-100);color:#858fad;color:var(--color-gray-500);font-family:Manrope,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;font-family:var(--font-primary);font-size:.8125rem;font-size:var(--text-body);font-weight:600;font-weight:var(--font-medium);line-height:1;line-height:var(--leading-none);min-height:100vh;-webkit-font-smoothing:antialiased}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{word-wrap:break-word}@supports selector(:focus-visible){button:focus{outline:none}button:focus-visible{outline:3px dashed #293356;outline:var(--focus-outline-width) var(--focus-outline-style) var(--focus-outline-color);outline-offset:3px;outline-offset:var(--focus-outline-offset)}}.intro{margin-bottom:4rem;position:relative;text-align:center;z-index:999}.intro__circle{left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.intro__title{color:#293356;color:var(--color-gray-900);font-size:1.25rem;font-size:var(--text-heading-1);letter-spacing:.01em;margin-bottom:calc(.5em + .125rem)}.intro__description{line-height:1.4375rem;line-height:var(--leading-paragraph);padding-left:6rem;padding-right:6rem}.plan{background-color:#fff;background-color:var(--color-white);border-radius:.5rem;border-radius:var(--rounded-base);box-shadow:0 32px 48px -8px #2933561a;box-shadow:var(--shadow-md);margin:0 auto;position:relative;width:min(100vw - 3rem,33.75rem);z-index:999}.plan__form{display:grid;grid-template-columns:1fr;padding:2.25rem 1.5rem 2.375rem}.plan__pricing-slider{padding-bottom:1.875rem;padding-top:1.625rem}.plan__pricing-label{align-items:center;display:flex;justify-self:center;margin-bottom:1.875rem}.plan__pricing-label--value{color:#293356;color:var(--color-gray-900);font-size:2rem;font-weight:800;font-weight:var(--font-extrabold);letter-spacing:-.01em}.plan__pricing-label--term{font-size:.875rem;letter-spacing:.01em;margin-left:.5625rem;margin-top:.0625rem}.plan__pageviews{font-size:.8125rem;justify-self:center;letter-spacing:.11em;text-transform:uppercase}.plan__payment-period{border-radius:9999px;border-radius:var(--rounded-full);display:flex;justify-content:center;padding-right:1.5rem;width:100%}.plan__payment-period:focus-within{outline-color:#21b0a4;outline-color:var(--color-cyan-500);outline-offset:3px;outline-offset:var(--focus-outline-offset);outline-style:dashed;outline-style:var(--focus-outline-style);outline-width:2px}.plan__footer{border-top:1px solid #cdd7ee;border-top:1px solid var(--color-gray-175);padding:1.625rem 2.75rem 2rem 2.9375rem}.plan__footer,.plan__offer-list{align-items:center;display:flex;flex-direction:column}.plan__offer-list{font-size:.75rem;gap:.9375rem;list-style:none;margin-bottom:2.1875rem;padding:0}.plan__offer-item{align-items:center;display:flex}.plan__offer-item:before{content:url(../assets/images/icon-check.svg);margin-right:.9375rem;margin-top:.0625rem}.plan__submit-btn{background-color:#293356;background-color:var(--color-gray-900);border:none;border-radius:9999px;border-radius:var(--rounded-full);color:#eaeefb;color:var(--color-gray-150);cursor:pointer;font-size:.75rem;font-weight:800;font-weight:var(--font-extrabold);padding:.875rem 2.875rem .9375rem;position:relative;transition:transform .2s ease}.plan__submit-btn--text{position:relative;z-index:999}.plan__submit-btn:before{background:linear-gradient(90deg,#54ded3,#10d5c2);background:var(--gradien-cyan);border-radius:inherit;bottom:0;box-shadow:0 8px 12px 2px #10d5c24d;content:"";display:block;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s ease}.slider{--thumb-size:2.5rem;--thumb-background:var(--color-cyan-300);--thumb-shadow:0 12px 16px 4px rgba(16,213,194,.3);--track-width:100%;--track-height:.5rem;--track-surface:var(--color-gray-150);--progress-surface:var(--color-cyan-100);align-items:center;border-radius:9999px;border-radius:var(--rounded-full);display:flex;height:2.5rem;height:var(--thumb-size);width:100%}.slider:focus-within{outline-color:#10d5c2;outline-color:var(--color-cyan-300);outline-offset:3px;outline-offset:var(--focus-outline-offset);outline-style:dashed;outline-style:var(--focus-outline-style);outline-width:2px}.slider__track{align-items:center;background:var(--track-surface);border-radius:inherit;display:flex;height:var(--track-height);position:relative;width:var(--track-width)}.slider__progress{background:var(--progress-surface);border-radius:inherit;bottom:0;content:"";display:block;left:0;position:absolute;right:0;top:0}.slider__thumb{background:var(--thumb-background);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='13'%3E%3Cpath fill='%2380fff3' fill-rule='evenodd' d='M16 2.558v7.884a1 1 0 0 0 1.735.679l3.639-3.943a1 1 0 0 0 0-1.356l-3.64-3.943A1 1 0 0 0 16 2.558m-10 0v7.884a1 1 0 0 1-1.735.679L.626 7.178a1 1 0 0 1 0-1.356l3.64-3.943A1 1 0 0 1 6 2.558'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;border-radius:9999px;border-radius:var(--rounded-full);box-shadow:var(--thumb-shadow);cursor:pointer;display:block;height:var(--thumb-size);width:var(--thumb-size);z-index:999}.slider__input{opacity:0;position:absolute}.switch{--thumb-size:.875rem;--thumb-background:var(--color-white);--thumb-transition-duration:.3s;--track-padding:.25rem;--track-width:43px;--track-height:calc(var(--thumb-size) + var(--track-padding)*2);--track-surface:var(--color-gray-175);--track-surface-hover:var(--color-cyan-100);--label-active:var(--color-cyan-500);--thumb-move-x:0;border-radius:9999px;border-radius:var(--rounded-full);cursor:pointer;font-size:.75rem;position:relative;width:-moz-fit-content;width:fit-content}.switch__content{align-items:center;border-radius:inherit;display:flex}.switch__input{opacity:0;position:absolute}.switch__track{background:var(--track-surface);height:var(--track-height);margin-left:.75rem;margin-right:.75rem;padding:var(--track-padding);transition:background-color .2s ease;width:var(--track-width)}.switch__thumb,.switch__track{border-radius:inherit;display:block}.switch__thumb{background:var(--thumb-background);height:var(--thumb-size);transform:translate(var(--thumb-move-x));transition:transform var(--thumb-transition-duration) ease;width:var(--thumb-size)}.switch__label{align-items:center;display:flex;height:var(--track-height);padding-bottom:.125rem;transition-duration:.2s;transition-property:color,transform,font;transition-timing-function:ease}.switch__label--discount{background-color:#feece7;background-color:var(--color-red-100);border-radius:.5rem;border-radius:var(--rounded-base);color:#ff8c66;color:var(--color-red-300);font-size:.625rem;font-weight:800;font-weight:var(--font-extrabold);left:calc(100% + .375rem);margin-top:2px;padding:.25rem .5rem .3125rem .4375rem;pointer-events:none;position:absolute;text-wrap:nowrap}.switch__label--discount .desktop{display:none}.switch__input:checked+.switch__content{--thumb-move-x:calc(var(--track-width) - var(--track-padding)*2 - var(--thumb-size));--track-surface:var(--color-cyan-300)}.switch:focus-within .switch__input:not(:checked)+.switch__content .switch__label--monthly{color:var(--label-active)}.switch:focus-within .switch__input:checked+.switch__content .switch__label--yearly{color:var(--label-active)}.sr-only{height:.0625rem;margin:-.0625rem;overflow:hidden;padding:0;position:absolute;width:.0625rem;clip:rect(0 0 0 0);border:0;white-space:nowrap}main{min-height:100vh;padding-bottom:clamp(5.5rem,8vw + 4rem,8.5625rem);padding-top:clamp(5.75rem,8vw + 4rem,6.8125rem);position:relative}.bg-pattern{left:0;min-height:25rem;-o-object-fit:cover;object-fit:cover;pointer-events:none;position:absolute;right:0;top:0;width:100%}@media (min-width:36em){.intro{margin-bottom:5.625rem}.plan__form{display:grid;grid-template-columns:1fr 1fr;padding:3rem 3rem 2.5rem}.plan__pricing-slider{grid-column:span 2;padding-bottom:2.5rem;padding-top:1.9375rem}.plan__pricing-label{grid-column:2/3;grid-row:1/2;justify-self:end;margin:0}.plan__pricing-label--value{font-size:2.5rem;letter-spacing:-.02em}.plan__pricing-label--term{font-size:1rem;margin-left:.4375rem}.plan__pageviews{align-self:center;font-size:.875rem;justify-self:start;letter-spacing:.16em;margin-left:-.125rem}.plan__payment-period{grid-column:span 2;justify-self:center;margin-left:.0625rem;padding:0}.plan__footer{flex-direction:row;justify-content:space-between;padding-bottom:2.1875rem;padding-top:2.125rem}.plan__offer-list{align-items:start;margin:0}.switch__track{margin-left:1rem;margin-right:1rem}}@media screen and (min-width:36em){:root{--text-heading-1:1.75rem;--text-body:.9375rem}.switch__label--monthly{letter-spacing:.005em;position:relative}.switch__label--yearly{letter-spacing:.01em;position:relative}.switch__label--discount .mobile{display:none}.switch__label--discount .desktop{display:block}}@media (hover:hover){.plan__submit-btn:hover{transform:translateY(-2px)}.plan__submit-btn:hover:before{opacity:1}.switch__track:hover{background-color:var(--track-surface-hover)}}