*,*:before,*:after{box-sizing:border-box}*{padding:0;margin:0}html:focus-within{scroll-behavior:smooth}html,body{height:100%}body{text-rendering:optimizeSpeed;line-height:1}a:not([class]){text-decoration-skip-ink:auto}a,a:visited,a:active{text-decoration:none}ul,ol{list-style:none}img,picture,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}button,[type=button],[type=reset],[type=submit]{border:0;cursor:pointer}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{scroll-behavior:smooth}body.no-scroll{overflow:hidden!important}button{background-color:transparent}.hidden{display:none!important}:root{--font-rubik: "Rubik", sans-serif;--font-size-h1: 1.875rem;--font-size-h2: 1.5rem;--font-size-h3: 1.25rem;--font-size-1: .9375rem;--font-size-2: .9375rem;--font-size-button: .875rem}@media screen and (min-width: 48em){:root{--font-size-h1: 2.25rem;--font-size-h2: 1.875rem;--font-size-2: 1.125rem}}@media screen and (min-width: 64em){:root{--font-size-h1: 3rem}}body{font-family:var(--font-rubik)}.headline-1,.headline-2,.headline-3{font-weight:500;color:var(--color-dark-blue);text-align:center}.headline-1{font-size:var(--font-size-h1);margin-block-end:1.25rem;line-height:1.1}.headline-2{font-size:var(--font-size-h2);margin-block-end:1rem;line-height:1.2}.headline-3{font-size:var(--font-size-h3);margin-block-end:.625rem}.text{padding-block-end:2rem;font-size:var(--font-size-2);font-weight:400;color:var(--color-grayish-blue);text-align:center;line-height:1.6}.text--upper{text-transform:uppercase;letter-spacing:.18em}.text--white{color:var(--color-white)}.text--sm{font-size:var(--font-size-1)}.text-error{display:none;padding:.5rem .75rem;font-size:.75rem;font-style:italic;color:var(--color-white)}:root{--color-soft-blue: hsl(231, 69%, 60%);--color-soft-red: hsl(0, 94%, 66%);--color-grayish-blue: hsl(229, 8%, 60%);--color-dark-blue: hsl(229, 31%, 21%);--color-white: hsl(0, 0%, 100%);--color-grayish-white: hsl(0, 0%, 97%);--color-light-gray: hsl(0, 0%, 80%)}.nav{--nav-guide-z: 99;display:flex;justify-content:space-between;align-items:center}.nav.active .logo--header{z-index:calc(var(--nav-guide-z) + 1)}.nav.active .logo--header svg>g>path{fill:#fff;transition:fill .3s ease-in-out}.nav.active .logo--header svg>g>g>circle{fill:#fff;transition:fill .3s ease-in-out}.nav.active .logo--header svg>g>g>path{fill:#242a45;transition:fill .3s ease-in-out}.guide-toggle{width:1.375rem;height:1.1875rem;position:relative;display:grid;place-items:center;background-color:transparent}.nav.active .guide-toggle{z-index:calc(var(--nav-guide-z) + 1)}.guide-toggle:before,.guide-toggle:after{height:.9375rem;transition:opacity .3s ease-in-out}.guide-toggle:before{content:url(./icon-hamburger.e27716ac.svg)}.nav.active .guide-toggle:before{opacity:0}.guide-toggle:after{content:url(./icon-close.af977150.svg);position:absolute;opacity:0}.nav.active .guide-toggle:after{opacity:1}@media screen and (min-width: 48em){.guide-toggle{display:none}}.button{width:100%;height:3rem;display:grid;place-items:center;padding-inline:.75rem;font-size:var(--font-size-button);font-weight:500;text-align:center;border:.125rem solid transparent;border-radius:.375rem;box-shadow:0 .25rem .625rem -.25rem var(--button-shadow-color)}.button--blue{--button-shadow-color: hsl(231, 69%, 60%, .6);background-color:var(--color-soft-blue);color:var(--color-white)}.button--blue:not(.button-more){transition-property:background-color,color,border-color;transition:.2s ease}@media (hover: hover) and (pointer: fine){.button--blue:not(.button-more):hover,.button--blue:not(.button-more):focus-visible{background-color:var(--color-white);border-color:currentColor;color:var(--color-soft-blue)}}.button--gray{--button-shadow-color: hsl(229, 8%, 60%, .6);background-color:var(--color-grayish-white);color:var(--color-dark-blue);transition-property:background-color,color,border-color;transition:.2s ease}@media (hover: hover) and (pointer: fine){.button--gray:hover,.button--gray:focus-visible{background-color:var(--color-white);border-color:currentColor}}.button--red{background-color:var(--color-soft-red);color:var(--color-white);transition-property:background-color,color,border-color;transition:.2s ease}@media (hover: hover) and (pointer: fine){.button--red:hover,.button--red:focus-visible{background-color:var(--color-white);border-color:currentColor;color:var(--color-soft-red)}}.button-login{font-weight:400;text-transform:uppercase}@media screen and (max-width: 47.99875em){.button-login{width:100%;margin-block-start:var(--item-padding-block);font-size:1.25rem;color:var(--color-white);border-color:var(--color-white)}}@media screen and (min-width: 48em){.button-login{width:6.875rem;background-color:var(--color-soft-red);font-size:1rem;color:var(--color-white);transition-property:background-color,color,border-color;transition:.2s ease}}@media screen and (min-width: 48em) and (hover: hover) and (pointer: fine){.button-login:hover,.button-login:focus-visible{background-color:var(--color-white);border-color:currentColor;color:var(--color-soft-red)}}@media screen and (min-width: 64em){.button-login{height:2.5rem;font-size:.8125rem}}.button-more{width:7.125rem}.guide{width:100%}.guide__container{display:flex;flex-direction:column;justify-content:space-between;align-items:center;row-gap:2.5rem}@media screen and (max-width: 47.99875em){.guide__container{height:100%;overflow:scroll;padding-block-end:3rem}}@media screen and (min-width: 48em){.guide__container{flex-direction:row}.guide__container .socials{display:none}}@media screen and (min-width: 48em){.guide{width:auto}}@media screen and (max-width: 47.99875em){.guide--header{height:100vh;position:absolute;top:0;left:0;visibility:hidden;z-index:var(--nav-guide-z);padding:6.5rem 2rem 0;background-color:#252b46f2;overflow:hidden}.guide--header.slide-in{animation:slide-in-guide .3s ease-in-out forwards;visibility:visible}@keyframes slide-in-guide{0%{transform:translate(100%)}to{transform:translate(0)}}.guide--header.slide-out{animation:slide-out-guide .3s ease-in-out forwards;visibility:visible}@keyframes slide-out-guide{to{transform:translate(100%)}}}.guide--footer{display:flex;flex-direction:column;justify-content:space-between;align-items:center;row-gap:2.5rem}@media screen and (min-width: 64em){.guide--footer{flex:1;flex-direction:row;justify-content:space-between}}.guide__list{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}@media screen and (min-width: 48em){.guide__list{width:auto;column-gap:min(3.5vw,3rem)}}@media screen and (min-width: 64em){.guide__list{column-gap:3rem}}@media screen and (max-width: 47.99875em){.guide--header .guide__list .list__item{--item-padding-block: 1.375rem;width:100%;border-block-start:.0625rem solid var(--color-grayish-blue);text-align:center}.guide--header .guide__list .list__link{display:block;padding-block:var(--item-padding-block);font-size:1.25rem;font-weight:400;color:var(--color-white);text-transform:uppercase;letter-spacing:.15em}}@media screen and (min-width: 48em){.guide--header .guide__list{flex-direction:row}.guide--header .guide__list .list__link{color:var(--color-dark-blue)}}@media screen and (min-width: 64em){.guide--header .guide__list{font-size:.875rem}}.guide--footer .guide__list{row-gap:1.5rem}@media screen and (min-width: 64em){.guide--footer .guide__list{flex-direction:row}}.guide--footer .guide__list .text{padding-block-end:0}.guide__list .list__link{transition:color .15s ease}@media (hover: hover) and (pointer: fine){.guide__list .list__link:hover,.guide__list .list__link:focus-visible{color:var(--color-soft-red)}}.socials{display:flex;align-items:center;column-gap:2.375rem}.socials__link{flex-shrink:0;color:var(--color-white);transition:color .15s ease}@media (hover: hover) and (pointer: fine){.socials__link:hover,.socials__link:focus-visible{color:var(--color-soft-red)}}.intro{width:min(100% - 2rem * 2,69.375rem);display:flex;flex-direction:column;align-items:center;margin-inline:auto;row-gap:3rem}@media screen and (min-width: 64em){.intro{flex-direction:row-reverse;justify-content:space-between}}.intro__image{position:relative;width:min(100% + 1.5rem * 2,33.75rem)}@media screen and (min-width: 64em){.intro__image{width:auto;margin-inline-end:-6rem}}.intro__image:before{--image-bg-height: min(53vw, 18.125rem);--image-bg-radius: calc(var(--image-bg-height) / 2);content:"";width:100vw;height:var(--image-bg-height);position:absolute;bottom:0rem;left:clamp(4rem,10vw,5.5rem);z-index:-1;background-color:var(--color-soft-blue);border-top-left-radius:var(--image-bg-radius);border-bottom-left-radius:var(--image-bg-radius)}@media screen and (min-width: 64em){.intro__image:before{--image-bg-height: min(53vw, 21.875rem);bottom:-1.5rem;left:clamp(8.75rem,14vw,11.5rem)}}.intro__content{width:min(100%,33.75rem)}@media screen and (min-width: 64em){.intro__content{width:min(100%,30rem)}.intro__content .headline-1,.intro__content .text{text-align:start}.intro__content .button{width:auto;padding-inline:1.5rem}}.intro__wrapper{display:flex;gap:clamp(.875rem,3.5vw,1.5rem)}@media screen and (max-width: 23.43625em){.intro__wrapper{flex-wrap:wrap}}.features{display:flex;flex-direction:column;align-items:center;margin-block-start:9.5rem;padding-inline:2rem}@media screen and (min-width: 64em){.features{margin-block-start:7rem}}.features__content,.features__control{width:min(100%,33.75rem)}@media screen and (min-width: 48em){.features__control{width:min(100%,45.75rem)}}.features__control .list{display:grid}@media screen and (min-width: 48em){.features__control .list{grid-template-columns:repeat(3,1fr)}}.features__control .list__item{--control-item-border: .0625rem solid var(--color-grayish-blue)}@media screen and (max-width: 47.99875em){.features__control .list__item{border-block-start:var(--control-item-border)}.features__control .list__item:last-of-type{border-block-end:var(--control-item-border)}}@media screen and (min-width: 48em){.features__control .list__item{border-block-end:var(--control-item-border)}}.features__control .control__button{width:100%;height:3.625rem;display:grid;place-items:center;position:relative;font-size:1.0625rem;font-weight:400;color:var(--color-grayish-blue);transition:color .3s ease}.features__control .control__button:after{content:"";width:9rem;height:.25rem;position:absolute;bottom:-.0625rem;background-color:var(--color-soft-red);transform:scaleX(0);transform-origin:center;transition:transform .3s ease}@media screen and (min-width: 48em){.features__control .control__button:after{width:100%}}.features__control .control__button.selected{color:var(--color-dark-blue)}.features__control .control__button.selected:after{transform:scaleX(1)}.features__tabs{width:min(100%,69.375rem);display:flex;justify-content:center;position:relative;margin-block-start:4.5rem}.features__tabs:before,.features__tabs:after{--image-bg-height: min(54vw, 17.5rem);--image-bg-radius: calc(var(--image-bg-height) / 2);content:"";height:var(--image-bg-height);position:absolute;top:min(9.5vw,3rem);z-index:-1;background-color:var(--color-soft-blue)}@media screen and (min-width: 64em){.features__tabs:before,.features__tabs:after{--image-bg-height: min(54vw, 21.875rem);top:min(9.5vw,4rem)}}.features__tabs:before{width:100vw;right:99%}.features__tabs:after{width:min(85%,30rem);left:0;border-top-right-radius:var(--image-bg-radius);border-bottom-right-radius:var(--image-bg-radius)}@media screen and (min-width: 48em){.features__tabs:after{width:min(70%,36.25rem)}}@media screen and (min-width: 64em){.features__tabs:after{width:min(45%,26.25rem)}}.features__tabs .tab{display:flex;flex-direction:column;align-items:center;row-gap:5rem}@media screen and (max-width: 63.99875em){.features__tabs .tab{width:min(100%,27.5rem)}.features__tabs .tab .button{display:none}}@media screen and (min-width: 64em){.features__tabs .tab{flex-direction:row;justify-content:space-between;column-gap:min(5vw,2rem)}}.features__tabs .tab.slide-in{opacity:0;transform:translate(100%);animation:slide-in-tab .5s ease-in-out forwards}@keyframes slide-in-tab{to{opacity:1;transform:translate(0)}}.features__tabs .tab.slide-out{position:absolute;top:0;animation:slide-out-tab .5s ease-in-out forwards}@keyframes slide-out-tab{to{opacity:0;transform:translate(-100%)}}@media screen and (min-width: 64em){.features__tabs .tab__content{width:min(100%,27.5rem)}.features__tabs .tab__content .headline-2,.features__tabs .tab__content .text{text-align:start}}.download{display:flex;flex-direction:column;align-items:center;margin-block-start:9.5rem;padding-inline:2rem}@media screen and (min-width: 64em){.download{margin-block-start:10.5rem}}.download__content{width:min(100%,33.75rem)}.download__cards{--columns-size: minmax(auto, 17.5rem);width:100%;display:grid;justify-content:center;row-gap:2.5rem;grid-template-columns:var(--columns-size)}@media screen and (min-width: 48em){.download__cards{min-height:27.5rem;grid-template-columns:repeat(3,var(--columns-size));column-gap:min(3%,2.25rem)}}.download__cards .card{border-radius:1rem;box-shadow:0 .375rem .75rem -.25rem #5368df40}@media screen and (min-width: 48em){.download__cards .card:nth-child(1){align-self:flex-start}.download__cards .card:nth-child(2){align-self:center}.download__cards .card:nth-child(3){align-self:flex-end}}.download__cards .card__image{margin-block-end:2rem}.download__cards .card__wrapper{display:flex;flex-direction:column;align-items:center;padding-inline:1.5rem}.download__cards .card__wrapper:first-of-type{padding-block-start:3rem}.download__cards .card__wrapper:last-of-type{padding-block:1.5rem;background:url(./bg-dots.3cc79d33.svg) top center no-repeat}.faq{display:flex;flex-direction:column;align-items:center;margin-block-start:9.5rem;padding-inline:2rem}.faq__content{width:min(100%,33.75rem)}.faq__accordions{width:min(100%,33.75rem);margin-block:.5rem 3rem}.faq__accordions .accordion{--accordion-border: .0625rem solid var(--color-grayish-blue);border-block-end:var(--accordion-border)}.faq__accordions .accordion:first-of-type{border-block-start:var(--accordion-border)}.faq__accordions .accordion__toggle{width:100%;height:4rem;display:flex;justify-content:space-between;align-items:center;column-gap:1rem;font-size:var(--font-size-2);font-weight:400;color:var(--color-dark-blue);text-align:start;line-height:1.3}@media screen and (min-width: 48em){.faq__accordions .accordion__toggle{padding-inline-end:1.5rem}}.faq__accordions .accordion__toggle svg{flex-shrink:0;transition:transform .3s ease-in-out}.faq__accordions .accordion__toggle>*{pointer-events:none}.faq__accordions .accordion__toggle.active svg{transform:rotate(180deg)}.faq__accordions .accordion__toggle.active svg path{stroke:var(--color-soft-red)}.faq__accordions .accordion__dropdown{height:0px;overflow:hidden;transition:height .3s ease-in-out}.faq__accordions .accordion .text{text-align:start}.contact{width:min(100%,28.125rem)}.contact .text--sm{padding-block-end:.75rem}@media screen and (min-width: 64em){.contact .text--sm{padding-block-end:2.5rem}}.contact .headline-2{margin-block-end:2rem}.contact__form{display:flex;flex-direction:column;gap:1rem}@media screen and (min-width: 48em){.contact__form{flex-direction:row;justify-content:space-between}.contact__form .button{width:8rem}}.contact__form .input-container{flex:1;border-radius:.375rem}.contact__form .label{display:block;position:relative;border-radius:inherit}.contact__form .label:before{content:url(./icon-error.832752b1.svg);display:none;position:absolute;top:.875rem;right:.875rem;pointer-events:none}.contact__form .label:after{content:"Subscribed";width:100%;height:100%;display:grid;place-items:center;position:absolute;top:0;left:0;z-index:1;background-color:var(--color-dark-blue);color:var(--color-white);border-radius:inherit;clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%);opacity:0}.contact__form .label.submitted:after{opacity:1;animation:form-submitted 2s ease-in-out}@keyframes form-submitted{40%,60%{clip-path:polygon(0 0,100% 0,100% 100%,0% 100%)}to{clip-path:polygon(0 0,0 0,0 100%,0% 100%)}}.contact__form .input-email{width:100%;height:3rem;padding-inline:1.25rem;color:var(--color-dark-blue);border-radius:inherit;border:.125rem solid transparent}.contact__form .input-email::placeholder{color:var(--color-light-gray)}.contact__form .input-email:focus-visible{border-color:var(--color-dark-blue);outline:none}.contact__form.invalid .input-container{background-color:var(--color-soft-red)}.contact__form.invalid .input-container .input-email{border-color:var(--color-soft-red)}.contact__form.invalid .input-container .label:before{display:block}.contact__form.invalid .input-container .text-error{display:block}.header{position:relative}.header__container{width:min(100% - 2rem * 2,69.375rem);margin-inline:auto;padding-block-start:2.5rem}@media screen and (min-width: 64em){.header__container{padding-block-start:3rem}}.main{overflow:hidden}.main__container{padding-block-start:4.5rem}@media screen and (min-width: 64em){.main__container{padding-block-start:6.5rem}}.footer{margin-block-start:7.5rem;background-color:var(--color-soft-blue)}.footer__container{width:min(100% - 2rem * 2,69.375rem);display:flex;flex-direction:column;align-items:center;margin-inline:auto;padding-block-start:4.5rem}.footer__bottom{display:flex;justify-content:center;margin-block-start:3.75rem;padding-block:2.5rem;background-color:var(--color-dark-blue)}.footer__nav{width:min(100% - 2rem * 2,69.375rem);display:flex;flex-direction:column;align-items:center;row-gap:2.5rem}@media screen and (min-width: 64em){.footer__nav{flex-direction:row;column-gap:4rem}}
