@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Manrope:wght@200..800&display=swap";*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;font-family:"Manrope",sans-serif}html,body{min-block-size:100vh}@supports(min-block-size: 100svh){html,body{min-block-size:100svh}}@supports(min-block-size: 100dvh){html,body{min-block-size:100dvh}}html,body{background-color:#f9faff;inline-size:100%;max-inline-size:100vw}body{background:url("../images/bg-pattern.svg") no-repeat top center/100% 50%}.container{min-block-size:100vh}@supports(min-block-size: 100svh){.container{min-block-size:100svh}}@supports(min-block-size: 100dvh){.container{min-block-size:100dvh}}.container{align-items:center;display:flex;flex-direction:column;inline-size:100%;margin-inline:auto;max-inline-size:90rem;padding-inline:min(6.4vw,1.5rem)}.header{display:flex;flex:0 1 14.625rem;flex-direction:column;justify-content:center;row-gap:.5rem;text-align:center;background:url("../images/pattern-circles.svg") no-repeat center center}@media(min-width: 36rem){.header{flex:0 1 16.625rem;row-gap:.75rem}}.header__title{font-size:clamp(1.125rem,.5rem + 3.2vw,1.25rem);font-weight:800;color:#293356}@media(min-width: 36rem){.header__title{font-size:clamp(1.25rem,.5rem + 2.6041666667vw,1.75rem)}}.header__msg{color:#848ead;display:block;font-size:clamp(.625rem,.5rem + 1.3333333333vw,.8125rem);font-weight:600;inline-size:100%;line-height:1.8;margin-inline:auto}@media(max-width: 23.4375rem){.header__msg{max-width:25ch}}@media(min-width: 36rem){.header__msg{font-size:clamp(.8125rem,.5rem + .9114583333vw,.9375rem);line-height:1.3}}.main{flex:1 1 auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;inline-size:100%}.price-group{background-color:#fff;block-size:fit-content;border-radius:.5rem;inline-size:100%;max-inline-size:33.75rem;position:relative;box-shadow:0 20px 30px -5px hsla(230,29%,61%,.15)}.price-group__setup{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4, auto);row-gap:min(6.4vw,1.5rem);grid-template-areas:"pageviews" "slider-wrapper" "price-wrapper" "billingswitch";padding:min(9.0666666667vw,2.125rem) min(6.4vw,1.5rem) min(10.1333333333vw,2.375rem) min(6.4vw,1.5rem)}@media(min-width: 36rem){.price-group__setup{align-items:center;column-gap:.5rem;grid-template-columns:repeat(2, 1fr);grid-template-areas:"pageviews price-wrapper" "slider-wrapper slider-wrapper" "billingswitch billingswitch";padding:min(5.2083333333vw,2.5rem) min(6.25vw,3rem)}}.price-group__pageviews{color:#848ead;font-size:clamp(.625rem,.5rem + 1.0666666667vw,.75rem);font-weight:800;grid-area:pageviews;justify-self:center;letter-spacing:.106875rem;text-transform:uppercase}@media(min-width: 36rem){.price-group__pageviews{justify-self:start}}.price-group__price-wrapper{align-items:center;column-gap:.625rem;display:flex;grid-area:price-wrapper;justify-self:center}@media(min-width: 36rem){.price-group__price-wrapper{column-gap:.5rem;justify-self:end}}.price-group__price{color:#293356;font-size:clamp(1.875rem,.5rem + 6.4vw,2rem);font-weight:800;letter-spacing:-0.05rem}@media(min-width: 36rem){.price-group__price{font-size:clamp(2rem,.5rem + 4.1666666667vw,2.5rem);letter-spacing:-0.0625rem}}.price-group__period{color:#848ead;font-size:clamp(.75rem,.5rem + 1.6vw,.875rem);font-weight:600}@media(min-width: 36rem){.price-group__period{font-size:clamp(.875rem,.5rem + 1.0416666667vw,1rem)}}.price-group__info{padding:min(6.4vw,1.5rem) min(2.9333333333vw,0.6875rem) min(8.5333333333vw,2rem) min(2.9333333333vw,0.6875rem);border-top:1px solid #ecf0fb;display:flex;flex-direction:column;justify-content:space-between;align-items:center;row-gap:2rem}@media(min-width: 36rem){.price-group__info{padding:min(4.1666666667vw,2rem) min(6.25vw,3rem);flex-direction:row;row-gap:0}}.price-group__list-benefits{color:#848ead;display:flex;flex-direction:column;font-size:clamp(.625rem,.5rem + 1.0666666667vw,.75rem);font-weight:600;list-style-type:none;row-gap:min(2.6666666667vw,0.625rem)}.price-group__item{align-items:center;column-gap:.378125rem;display:flex;justify-content:center}@media(min-width: 36rem){.price-group__item{justify-content:start}}.price-group__btn{background-color:#293356;border:none;border-radius:62.4375rem;color:#bdd2ff;cursor:pointer;font-size:clamp(.625rem,.5rem + 1.0666666667vw,.75rem);font-weight:800;padding:min(3.2vw,0.75rem) min(12.8vw,3rem)}.price-group__btn:hover{color:#fff}.pageviews-slider{grid-area:slider-wrapper;position:relative;padding-block-end:min(6.4vw,1.5rem)}@media(min-width: 36rem){.pageviews-slider{padding-block-end:min(10.6666666667vw,2.5rem)}}.pageviews-slider__range{inline-size:100%;left:0;opacity:0;position:absolute;top:0;z-index:1;cursor:pointer}.slider-fake{position:absolute;transform:translate(0, 60%);top:0;left:0;height:.5rem;width:100%;background-color:#ecf0fb;border-radius:.3125rem}.slider-fake__bar-progress{--slider-progress: 50%;position:relative;background-color:#a5f3eb;height:.5rem;border-radius:.3125rem;width:var(--slider-progress)}.slider-fake__thumb{align-items:center;background-color:#10d8c4;border-radius:62.4375rem;display:flex;height:2.5rem;justify-content:center;left:100%;position:absolute;top:0;transform:translate(-40%, -40%);width:2.5rem;box-shadow:0 15px 30px 0 rgba(0,255,229.5,.6)}.pageviews-slider__range:hover~.slider-fake .slider-fake__thumb{background-color:#7aeadf}.pageviews-slider__range:active~.slider-fake .slider-fake__thumb{background-color:#24aea1}.billing-switch{grid-area:billingswitch;display:flex;position:relative;border:none;column-gap:min(3.2vw,0.75rem);align-items:center;justify-content:end;padding-inline-end:0}@media(min-width: 36rem){.billing-switch{padding-inline-end:min(4.5333333333vw,1.0625rem)}}.billing-switch__label{display:flex;column-gap:.3125rem;color:#848ead;font-size:clamp(.625rem,.5rem + 1.0666666667vw,.75rem);font-weight:600;cursor:pointer}.billing-switch__discount{background-color:#feede8;border-radius:62.4375rem;color:#ff8c66;font-size:.625rem;font-weight:800;padding:.125rem .375rem}.billing-switch__discount-label{display:none}@media(min-width: 36rem){.billing-switch__discount-label{display:inline-block}}.billing-switch__radio{position:absolute;opacity:0;width:0;height:0}.switch{position:relative;background-color:#cfd8ef;block-size:1.375rem;border-radius:62.4375rem;inline-size:2.6875rem;padding:.25rem;cursor:pointer;transition:transform .2s}.switch__thumb{position:absolute;inline-size:.875rem;block-size:.875rem;background-color:#fff;border-radius:62.4375rem}.switch:hover{background-color:#7aeadf}#yearly:checked~.switch .switch__thumb{transform:translateX(1.3125rem)}.sr-only{border:0;clip:rect(0, 0, 0, 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.footer{flex-shrink:0;font-size:.6875rem;padding-block:min(2.6666666667vw,0.625rem);text-align:center;color:#293356}.footer__link{color:#ff8c66}