.details{--button-shadow:none;--button-char:'+';--summary-color:#000;--summary-font-size:large}.details[open]{--button-shadow:0px 0px 5px 0px rgba(0,0,0,0.3);--button-char:'-';--summary-color:#3175b9}.details:hover{--button-shadow:0px 0px 5px 0px rgba(0,0,0,0.3)}@media only screen and (max-width:1024px){.details{--summary-font-size:medium}}.details>summary{position:relative;display:flex;flex-flow:row nowrap;align-items:center;cursor:pointer}.details>summary:not(.extension__group){border-bottom:.1rem solid #ccc;justify-content:space-between;padding:.8rem}@media only screen and (max-width:425px){.details>summary:not(.extension__group){padding:.8rem 0}}.details>summary::-webkit-details-marker{display:none}.details>summary:focus:not(:focus-visible){outline:0}.details>summary:hover{--summary-color:#3175b9}.details__title{font-size:var(--summary-font-size);line-height:1;color:var(--summary-color);transition:color .25s ease-in-out;pointer-events:none}.details__button{--button-size:2.4rem;position:absolute;top:50%;right:.8rem;width:var(--button-size);height:var(--button-size);background-color:#f5f5f5;border-radius:.5rem;transform:translateY(-50%);transition:box-shadow .25s ease-in-out;box-shadow:var(--button-shadow);pointer-events:none;border:.1rem solid #ccc}.details__button:after{position:absolute;top:50%;left:50%;display:block;content:var(--button-char);width:var(--button-size);height:var(--button-size);font-size:var(--button-size);line-height:.8;color:#000;text-align:center;transform:translate(-50%,-50%)}.details__content{--content-padding:0.8rem;padding:var(--content-padding);list-style:none}.details__content--pad-horizontal{--content-padding:0 1.6rem}.details__content--no-pad{--content-padding:0}.details__item{--icon-color:#27be89;--text-color:#000;display:flex;flex-flow:row nowrap;align-items:center;justify-content:flex-start;margin-bottom:.8rem}.details__item:last-child{margin-bottom:0}.details__item--not-included{--icon-color:#bdbdbe;--text-color:#bdbdbe}.details__item--base-included{--text-color:#bdbdbe}.details__item>.icon{--icon-size:2.4rem;fill:var(--icon-color)}.details__item>.icon--false{fill:#bdbdbe!important}.details__item>span{padding:0 1.6rem;font-size:medium;font-weight:500;color:var(--text-color)}.details__item--center{justify-content:center}.products{position:relative;display:grid;margin-top:8rem;grid-column-gap:3.2rem;grid-template-columns:repeat(2,1fr)}@media only screen and (max-width:1024px){.products{margin-top:0}}@media only screen and (max-width:768px){.products{grid-row-gap:3.2rem;grid-template-columns:1fr}}.products__container{--alpha:.3;display:grid;align-items:stretch;box-shadow:0 0 5px 0 rgba(0,0,0,var(--alpha));grid-template-rows:7rem auto}@media only screen and (max-width:768px){.products__container{width:100%;max-width:425px;grid-template-rows:auto;justify-self:center}}.products__container--free{--color-title-bg:#27be89;--color-bg:#e9f8f3}.products__container--commercial{--color-title-bg:#eb7500;--color-bg:#fdf1e5}.products__title{display:flex;align-items:center;justify-content:center;background-color:var(--color-title-bg)}@media only screen and (max-width:768px){.products__title{padding:.8rem 0}}.products__title>h3{font-size:x-large;font-weight:700;color:#fff;text-align:center;text-transform:uppercase}@media only screen and (max-width:768px){.products__title>h3{font-size:large}}.products__content{display:grid;align-items:stretch;padding:2.4rem;background-color:#fff;background-color:var(--color-bg);grid-row-gap:2.4rem;grid-template-rows:repeat(3,1fr)}@media only screen and (max-width:768px){.products__content{padding:1.6rem;grid-row-gap:1.6rem;grid-template-rows:1fr}}.products__item{--logo-margin:0;--alpha:0;--arrow-bg:#f1f6fe;--arrow-fill:#214778;position:relative;display:grid;align-content:flex-start;padding:1.6rem;background-color:#fff;border-radius:.5rem;text-decoration:none;transition:box-shadow .25s;box-shadow:0 0 5px 0 rgba(0,0,0,var(--alpha));grid-template-columns:11rem auto;border:.1rem solid #ccc}@media only screen and (max-width:1024px){.products__item{--logo-margin:1.6rem;grid-template-columns:1fr}}.products__item--large{--logo-margin:1.6rem;align-items:flex-start;grid-row-end:span 2;grid-template-columns:1fr}@media only screen and (max-width:768px){.products__item--large{grid-row-end:span 1}}.products__item:hover{--alpha:.3;--arrow-bg:#e9f8f3;--arrow-fill:#27be89}.products__item>div:not([class]){padding-left:2.4rem}@media only screen and (max-width:425px){.products__item>div:not([class]){padding:0 .8rem}}.products__item--commercial,.products__item--free{position:relative;border:none}@media only screen and (max-width:1024px){.products__item--commercial,.products__item--free{border:.1rem solid #ccc}}.products__item--commercial:hover,.products__item--free:hover{--alpha:0}@media only screen and (max-width:1024px){.products__item--commercial:hover,.products__item--free:hover{--alpha:.3}}.products__item--commercial:hover:before,.products__item--free:hover:before{--alpha:.3}.products__item--commercial::before,.products__item--free::before{position:absolute;top:0;display:block;content:'';width:calc(200% + 8rem);height:100%;background-color:#fff;border-radius:.5rem;transition:box-shadow .25s;z-index:1;box-shadow:0 0 5px 0 rgba(0,0,0,var(--alpha));border:.1rem solid #ccc}@media only screen and (max-width:1024px){.products__item--commercial::before,.products__item--free::before{display:none}}.products__item--commercial>*,.products__item--free>*{position:relative;z-index:2}.products__item--free::before{left:0}.products__item--commercial{padding-left:0;grid-template-columns:1fr}@media only screen and (max-width:1024px){.products__item--commercial{padding-left:1.6rem}}.products__item--commercial::before{right:0}.products__item--commercial::after{position:absolute;top:0;right:0;display:block;content:"";width:calc(200% + 8.2rem);height:100%;z-index:3}@media only screen and (max-width:1024px){.products__item--commercial::after{display:none}}.products__item--commercial>div:not([class]){padding-left:0}@media only screen and (max-width:1024px){.products__item--commercial>div:not([class]){padding-left:1.6rem}}@media only screen and (max-width:425px){.products__item--commercial>div:not([class]){padding-left:.8rem}}.products__logo{display:flex;align-items:center;justify-content:center;padding:2.4rem 0;margin-bottom:var(--logo-margin);background-color:var(--logo-bg);border-radius:.5rem}.products__logo--dotvvm{--logo-bg:#d7e4f9}.products__logo--bp{--logo-bg:#C1DEF3}.products__logo--bootstrap{--logo-bg:#E4DCF0}.products__logo--free{--logo-bg:#e9f8f3}.products__logo--commercial{--logo-bg:#fdf1e5}.products__logo>img{display:block;width:8.5rem}.products__arrow{position:absolute;right:1.6rem;bottom:1.6rem;display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;background-color:var(--arrow-bg);border-radius:50%;transition:background-color .25s}.products__arrow>.icon{--icon-size:2.4rem;transition:fill .25s;fill:var(--arrow-fill)}@media only screen and (max-width:768px){.extension__box{text-align:center}}.extension__box .button{min-width:22rem}@media only screen and (max-width:768px){.extension__box .title{--title-text-align:center}}@media only screen and (max-width:768px){.extension__box .desc{--desc-text-align:center}}.extension__logo{--logo-size:10rem;width:var(--logo-size);height:var(--logo-size);margin-bottom:2.4rem}@media only screen and (max-width:768px){.extension__logo{margin:0 auto;margin-bottom:2.4rem}}@media only screen and (max-width:425px){.extension__logo{--logo-size:8rem}}.extension__logo>img{display:block;width:100%;height:100%}.extension__main-container{--template-columns:3fr 5fr;--logo-width:12rem;display:grid;align-items:flex-start;align-items:flex-start;margin-top:var(--logo-width);grid-template-columns:var(--template-columns)}@media only screen and (max-width:1024px){.extension__main-container{--logo-width:8rem}}@media only screen and (max-width:768px){.extension__main-container{--template-columns:1fr;--logo-width:8rem}}@media only screen and (max-width:425px){.extension__main-container{--logo-width:6rem}}.extension__container{--gap:3.2rem;display:grid;grid-column-gap:var(--gap);grid-template-columns:repeat(2,1fr)}@media only screen and (max-width:1024px){.extension__container{--gap:2.4rem}}@media only screen and (max-width:768px){.extension__container{display:none}}@media only screen and (max-width:768px){.extension__groups{position:relative;width:100%;max-width:48rem;justify-self:center}}@media only screen and (max-width:768px){.extension__groups:after,.extension__groups:before{position:absolute;top:50%;left:50%;display:block;content:"";width:var(--preudo-size);height:var(--preudo-size);background:var(--pseudo-bg);border-radius:.5rem;transform:translate(-50%,-50%);z-index:var(--pseudo-z-index)}}.extension__groups:before{--preudo-size:calc(100% + 2px);--pseudo-bg:linear-gradient(to right, #27be89 0%, #eb7500 100%);--pseudo-z-index:-2}.extension__groups:after{--preudo-size:100%;--pseudo-bg:linear-gradient(to right, #e9f8f3 0%, #fdf1e5 100%);--pseudo-z-index:-1}.extension__groups .product-panel__buttons{display:none}@media only screen and (max-width:768px){.extension__groups .product-panel__buttons{display:grid;padding:1.6rem;background-color:initial;border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem;overflow:hidden}}.extension__header{--trees-size:20.1rem}@media only screen and (max-width:1366px){.extension__header{--trees-size:19.1rem}}@media only screen and (max-width:1024px){.extension__header{--trees-size:15.2rem}}@media only screen and (max-width:768px){.extension__header{display:none}}.extension__header>img{display:block;height:var(--trees-size);padding-top:2.4rem;margin:0 auto;transform:translateX(30%)}.extension__header--mobile{display:none}@media only screen and (max-width:768px){.extension__header--mobile{display:none;display:grid;align-items:stretch;grid-template-columns:repeat(2,1fr)}}.extension__header-item{position:relative;display:flex;flex-flow:column wrap;align-items:center;justify-content:center;padding:1.6rem;padding-top:4.8rem}@media only screen and (max-width:425px){.extension__header-item{padding:.8rem;padding-top:3.2rem}}.extension__header-item>img{position:absolute;top:0;left:50%;width:var(--logo-width);height:var(--logo-width);transform:translate(-50%,-50%)}.extension__header-item>strong{display:block;font-size:medium;color:#27be89;text-align:center}@media only screen and (max-width:320px){.extension__header-item>strong{font-size:small}}.extension__header-item>strong.subscription{color:#eb7500}.extension__header-item>span{margin-top:.4rem;font-size:large;font-weight:700;color:#000}.extension__header-item>span>small{font-weight:400}.extension__features{padding:1.6rem;padding-bottom:2.4rem;background-color:#fff}.extension__price{display:block;margin-bottom:1.6rem;font-size:2.4rem;text-align:center}.extension__price small{font-size:.8em;font-weight:400;vertical-align:baseline}.extension__list{display:grid;grid-row-gap:.2rem}.extension__list--with-bg{background-color:#f1f6fe}@media only screen and (max-width:768px){.extension__list--with-bg{background-color:initial}}.extension__group{justify-content:center;padding:.8rem 1.6rem;background-color:#d7e4f9;border-bottom:none}@media only screen and (max-width:768px){.extension__group{background-color:rgba(255,255,255,.5)}}.extension__group>.details__button{right:1.6rem}.extension__group--nav{justify-content:space-between}.extension__group>.icon{--icon-size:2.4rem;fill:#3175b9}@media only screen and (max-width:768px){.extension__group+.details__content{background-color:rgba(255,255,255,.5)}}.extension__item{--item-padding:1.2rem 0;--text-pading:.1rem 0.8rem;padding:var(--item-padding);font-size:medium;font-weight:500;border-bottom:.1rem solid #ccc}@media only screen and (max-width:1024px){.extension__item{--item-padding:0.8rem 0}}@media only screen and (max-width:768px){.extension__item{display:grid;font-size:small;grid-template-columns:auto 8rem}}.extension__item:last-child{border-bottom:none}.extension__item>span{display:block;padding:var(--text-pading);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.extension__item>.icon{--icon-size:2.4rem;margin:0 auto;fill:var(--icon-color)}@media only screen and (max-width:768px){.extension__item>.icon{--icon-size:1.8rem}}.extension__item>.icon--true{--icon-color:#27be89}.extension__item>.icon--false{--icon-color:#bdbdbe}.extension__mobile-comparsion{display:none}@media only screen and (max-width:768px){.extension__mobile-comparsion{display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-around}}.extension__mobile-comparsion>.icon--false{fill:#bdbdbe}.extension__mobile-comparsion>.icon--true:nth-child(2){fill:#eb7500}.product-panel{--product-padding:2.4rem;--border-radius:0.5rem;--prod-title-font-size:4.6rem;--price-font-size:xx-large;border:1px solid var(--theme-color);border-radius:var(--border-radius)}@media only screen and (max-width:1440px){.product-panel{--prod-title-font-size:4rem}}@media only screen and (max-width:1366px){.product-panel{--prod-title-font-size:xx-large}}@media only screen and (max-width:1024px){.product-panel{--product-padding:1.6rem;--price-font-size:x-large}}@media only screen and (max-width:768px){.product-panel{width:100%;max-width:425px;justify-self:center}}.product-panel--dotvvm{--theme-color:#3175b9;--theme-color--light:#d7e4f9}.product-panel--bootstrap{--theme-color:#7952b3;--theme-color--light:#E4DCF0}.product-panel--business-pack{--theme-color:#0894fe;--theme-color--light:#C1DEF3}.product-panel--free{--theme-color:#27be89;--theme-color--light:#e9f8f3}.product-panel--subscription{--theme-color:#eb7500;--theme-color--light:#fdf1e5}.product-panel__container{--align-items:flex-start;--logo-width:12rem;margin-top:var(--logo-width)}@media only screen and (max-width:1024px){.product-panel__container{--logo-width:8rem}}@media only screen and (max-width:768px){.product-panel__container{--gap:var(--logo-width)}}.product-panel__logo{position:absolute;top:0;left:50%;width:100%;transform:translate(-50%,-50%)}.product-panel__logo>img{--logo-transition:transform 0.25s ease-out;display:block;width:var(--logo-width);height:var(--logo-width);margin:0 auto;transform:translateY(var(--logo-translate-y));transition:var(--logo-transition)}.product-panel__header{--header-padding-top:7.2rem;--logo-translate-y:0;position:relative;display:block;padding:var(--product-padding);padding-top:var(--header-padding-top);background-color:var(--theme-color--light);border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);text-align:center}.product-panel__header:is(a):hover{--logo-translate-y:-.4rem}@media only screen and (max-width:1024px){.product-panel__header:is(a):hover{--logo-translate-y:0}}@media only screen and (max-width:1024px){.product-panel__header{--header-padding-top:5.6rem}}@media only screen and (max-width:1024px){.product-panel__header--extension{--header-padding-top:4.8rem}}.product-panel__header h2:not(.title){margin:0;margin-bottom:.8rem;font-size:var(--prod-title-font-size);font-weight:700;color:var(--theme-color)}.product-panel__header .title{--title-color:var(--theme-color);--title-margin-bottom:0}@media only screen and (max-width:1366px){.product-panel__header .title{--title-font-size:x-large}}@media only screen and (max-width:1024px){.product-panel__header .title{--title-font-size:large}}@media only screen and (max-width:768px){.product-panel__header .title{display:none}}.product-panel__header .link-button{--link-color:var(--theme-color)}.product-panel__header .link-button:hover{text-decoration:underline}.product-panel__content{padding:var(--product-padding);background-color:#fff}.product-panel__content--extension{display:grid;grid-row-gap:.2rem}@media only screen and (max-width:1366px){.product-panel__content .desc{--desc-font-size:medium}}.product-panel__price{--price-color:#000;display:block;font-size:var(--price-font-size);font-weight:700;color:var(--price-color);text-align:center}.product-panel__price--free{--price-color:#27be89}.product-panel__buttons{display:grid;padding:var(--product-padding);padding-top:0;background-color:#fff;border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);grid-column-gap:1.6rem;grid-template-columns:1fr}@media only screen and (max-width:1024px){.product-panel__buttons{grid-column-gap:0.8rem}}.product-panel__buttons>.button{min-width:100%;max-width:none}@media only screen and (max-width:1366px){.product-panel__buttons>.button{font-size:medium}}.product-panel__buttons>*{align-self:stretch}.product-panel__buttons--col-2{grid-template-columns:repeat(2,1fr)}