@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Roboto:wght@400;500;700&display=swap");:root{--field-dark: #393840;--field-light: #f7f9fc;--text-color: #393840;--link-color: #46cdd3;--primary-color: #6d8eeb;--base-scale: calc(100vw / 75);--base-font-size: max(1em, min(1em, calc(var(--base-scale) * 4)));--small-font-size: max(0.875em, min(0.875em, calc(var(--base-scale) * 3)));--h1-font-size: max(2em, min(4em, calc(var(--base-scale) * 4)));--h2-font-size: max(1.8em, min(3em, calc(var(--base-scale) * 4)));--h3-font-size: max(1.6em, min(2em, calc(var(--base-scale) * 4)));--h4-font-size: max(1.2em, min(1.2em, calc(var(--base-scale) * 4)));--padding-size: max(1em, min(2em, calc(var(--base-scale) * 2)));--margin-size: max(0.5em, min(2em, calc(var(--base-scale) * 2)));--border-radius: max(1em, min(3em, calc(var(--base-scale) * 3)));--content-max-width: 1464px;--wide-content-max-width: 1464px;--header-height: 80px;--footer-height: 80px;--color-blue: $color-blue;--color-purple: $color-purple;--color-green: $color-green;--color-pink: $color-pink}body{--theme-color: #7795ec;--theme-background: rgba(119,149,236,0.1)}body.theme-color--blue{--theme-color: #7795ec;--theme-background: rgba(119,149,236,0.1)}body.theme-color--purple{--theme-color: #9f77ec;--theme-background: rgba(159,119,236,0.1)}body.theme-color--pink{--theme-color: #ec77c8;--theme-background: rgba(236,119,200,0.1)}body.theme-color--green{--theme-color: #88d283;--theme-background: rgba(136,210,131,0.1)}html,body,address,blockquote,div,form,fieldset,caption,h1,h2,h3,h4,h5,h6,hr,ul,li,ol,ul,dl,dt,dd,table,tr,td,th,p,img{margin:0;padding:0}img,fieldset{border:none}*,*:after,*:before{box-sizing:border-box}:root{--header-font-family: 'Playfair Display', Georgia, serif;--body-font-family: 'Roboto', 'Franklin Gothic Medium', Tahoma, sans-serif;color:var(--text-color)}body{font-family:var(--body-font-family);font-weight:400}h1,h2,h3,h4{font-family:var(--header-font-family)}main{font-size:var(--base-font-size);line-height:1.4}main h1{font-size:var(--h1-font-size)}main h2{font-size:var(--h2-font-size)}main h3{font-size:var(--h3-font-size)}main h4{font-size:var(--h4-font-size)}P{line-height:1.8}article a{font-weight:bold;color:var(--link-color)}html,body{border:0;padding:0;margin:0;background:#fff}html{overflow-y:scroll}body{display:flex;flex-direction:column}body>header{flex:0 0 var(--header-height)}body>main{flex:1;min-height:calc(100vh - calc(var(--header-height) + var(--footer-height)))}body>footer{flex:0 0 var(--footer-height)}body>header{background:var(--field-dark);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10}body>header .logo{width:180px;margin:0 var(--padding-size);transform:translateY(4px)}body>header .menu{margin:0 calc(var(--padding-size) / 2);font-size:var(--small-font-size);text-transform:uppercase;font-weight:500}body>header .menu ul{display:flex}body>header .menu li{margin-left:calc(var(--padding-size) / 2)}body>header .menu a{padding:calc(var(--padding-size) / 2)}body>header .menu a,body>header .menu span{color:#fff;transition:color 0.1s ease-in-out}body>header .menu .active a,body>header .menu .active span{color:var(--link-color)}body>header .menu a:hover,body>header .menu a:hover span{color:var(--link-color)}body>footer{display:flex;align-items:center;justify-content:space-between;padding:0 var(--padding-size);background:#fff;box-shadow:0 -3px 4px 0 rgba(0,0,0,0.08)}body>footer .logo{flex:1;transform:translateY(4px)}body>footer .logo img{width:160px}body>footer .menu{display:flex;justify-content:flex-end;flex:1}body.page--basic-two-col main{background:url("/images/grey-bg.svg") no-repeat 50% 100%;background-size:100% auto;display:flex;align-items:center}body.page--basic-two-col article{width:90vw;max-width:var(--wide-content-max-width);padding:var(--padding-size);margin:0 auto;display:flex;justify-content:center;gap:var(--padding-size)}body.page--basic-two-col article header{flex:0 0 calc(47% - var(--padding-size))}body.page--basic-two-col article header>p{color:var(--primary-color);text-transform:uppercase;font-weight:bold;font-size:calc(max(1em, min(1.125em, calc(var(--base-scale) * 4))))}body.page--basic-two-col article header h1{font-size:calc(max(2em, min(3.375em, calc(var(--base-scale) * 4))))}body.page--basic-two-col article section{flex:0 0 calc(53% - var(--padding-size));padding-top:var(--padding-size)}body.page--basic-two-col article section p{margin:0 0 var(--padding-size, 1em) 0;line-height:1.6}body.page--basic-two-col.offset-background main{background-image:url("/images/grey-bg-sm.svg")}@media screen and (max-width: 1024px){body.page--basic-two-col main{align-items:flex-start}body.page--basic-two-col article{flex-direction:column}}body.page--features .header-banner>div{margin-top:-5vh}body.page--features .features{margin-top:-10vh}@media screen and (max-width: 1200px){body.page--features .header-banner>div{margin-top:0}body.page--features .features{margin-top:0}}.social-media-icons img{width:32px;border-radius:10%}.button{padding:calc(var(--padding-size) * 0.3) calc(var(--padding-size) * 0.8);border-radius:2px;cursor:pointer;transition:all 0.2s ease-out;text-decoration:none}.button.solid.primary{background:var(--theme-color, var(--primary-color, #7795ec));color:#fff}.button.solid.primary:hover{filter:brightness(1.2)}.button.outline{background:transparent;border:1px solid var(--theme-color);color:var(--theme-color)}.button.outline:hover{background:var(--theme-background)}dialog{border:none;box-shadow:5px 5px 20px 10px rgba(0,0,0,0.2);border-radius:2px;padding:30px;background-color:#fff;position:fixed;left:0;right:0;width:fit-content;height:fit-content}dialog::backdrop{background-color:rgba(0,0,0,0.45)}.close-icon{border:solid 2px var(--theme-color);border-radius:50%;position:absolute;right:0;top:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:32px;margin-top:-15px;margin-right:-15px;cursor:pointer}.close-icon:before{display:block;content:'';position:absolute;background:var(--theme-color);display:block;width:20px;height:2px;transform:rotate(45deg)}.close-icon:after{display:block;content:'';position:absolute;background:var(--theme-color);display:block;width:2px;height:20px;transform:rotate(45deg)}.features{max-width:calc(var(--content-max-width) + (2 * var(--padding-size)));padding:var(--padding-size);margin:0 auto;--h2-font-size: max(1.4em, min(1.875em, calc(var(--base-scale) * 4)));--h3-font-size: max(0.8em, min(1em, calc(var(--base-scale) * 4)))}.feature{background:#fff;box-shadow:0 3px 6px 0 rgba(0,0,0,0.16);margin:1em 0;box-sizing:border-box}.feature .title{display:flex;align-items:center;text-decoration:none;background:#fff;cursor:pointer}.feature .title .text{flex:1;order:2;padding:var(--padding-size)}.feature .title h2{line-height:1.1;margin:0 0 0.2em 0}.feature .title h3{font-family:var(--body-font-family);font-weight:normal}.feature .title .preview{order:1;padding:var(--padding-size) 0 var(--padding-size) var(--padding-size)}.feature .title .preview img{display:block}.feature .title .trigger{flex:0 0 44px;order:3;margin:var(--padding-size)}.feature .js-enabled .content{visibility:hidden}.feature .is-active .content{visibility:visible}.feature .content{overflow:hidden;transition-property:height, visibility;transition-timing-function:ease}@media screen and (max-width: 786px){.feature .preview{display:none}}.feature .trigger{background:var(--theme-background);border:solid 2px var(--theme-color);border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:36px}.feature .trigger:before{display:block;content:'';position:absolute;background:var(--theme-color);display:block;width:20px;height:2px}.feature .trigger:after{display:block;content:'';position:absolute;background:var(--theme-color);display:block;width:2px;height:20px}.feature.is-active .trigger:after{display:none}.feature .content{display:flex;width:100%;padding:0 calc(var(--padding-size) * 3) 0 var(--padding-size);gap:calc(var(--padding-size) * 2)}@media screen and (max-width: 1028px){.feature .content{padding:0 var(--padding-size)}}.feature .content__text{flex:1 1 var(--text-width, 60%);padding:0 0 var(--padding-size) calc(var(--padding-size) + 120px);display:flex;flex-direction:column;justify-content:center}.feature .content__text .button{display:inline-block;margin-top:var(--padding-size)}.feature .content__text p{margin:0 0 1em 0}.feature .content__media{flex:1 1 var(--media-width, 40%);padding:0 0 var(--padding-size) 0;display:flex;align-items:center}@media screen and (max-width: 1200px){.feature .content__text{padding-left:0}}@media screen and (max-width: 1028px){.feature .content{flex-direction:column;align-items:center}.feature .content .action{text-align:center}}.feature .content__video{position:relative;width:100%;aspect-ratio:var(--aspect-ratio, 412/300)}.feature .content__video video{width:100%;clip-path:inset(1px 1px)}.feature .content__video video:focus{outline:none}@media screen and (max-width: 1028px){.feature .content__video{width:80vw;max-width:420px}}.header-banner{background:url("/images/headers/blue.svg") no-repeat 50% 50%;background-size:cover;min-height:23vw;display:flex;justify-content:flex-start;align-items:center;--h1-font-size: max(2em, min(3.75em, calc(var(--base-scale) * 3)))}.header-banner.blue{background-image:url("/images/headers/blue.svg")}.header-banner.green{background-image:url("/images/headers/green.svg")}.header-banner.pink{background-image:url("/images/headers/pink.svg")}.header-banner.purple{background-image:url("/images/headers/purple.svg")}.header-banner>div{width:100%;max-width:calc(var(--content-max-width) + (2 * var(--padding-size)));padding:var(--padding-size);margin:0 auto}.header-banner>div *{color:#fff}.header-banner>div h1{line-height:1.2;max-width:1000px;margin:0 0 16px 0}.menu ul{list-style:none}.menu a{text-decoration:none}.menu.responsive{max-height:none;width:fit-content}.menu.responsive a:hover{background-color:transparent;color:var(--gray)}.menu-icon{display:none;cursor:pointer;padding:0 var(--padding-size)}.menu-icon .line{background:#fff;display:block;height:3px;position:relative;width:24px}.menu-icon .line::before,.menu-icon .line::after{background:#fff;content:'';display:block;height:100%;position:absolute;transition:all 0.1s ease-out;width:100%}.menu-icon .line::before{top:7px}.menu-icon .line::after{top:-7px}.menu-toggle{display:none}@media (max-width: 768px){.menu.responsive{width:100%;height:100%;position:fixed;top:0;left:0;background-color:var(--field-dark);overflow:hidden;max-height:0;transition:max-height 0.5s ease-out;padding-top:var(--header-height);margin:0}.menu.responsive ul{flex-direction:column;margin:0 var(--padding-size)}.menu.responsive a{display:flex;padding:var(--padding-size) 0}.menu-icon{display:block;z-index:2}.logo{z-index:2}.menu-toggle:checked~.menu.responsive{max-height:100%;position:fixed}.menu-toggle:checked~.menu-icon .line{background:transparent}.menu-toggle:checked~.menu-icon .line::before{transform:rotate(-45deg);top:0}.menu-toggle:checked~.menu-icon .line::after{transform:rotate(45deg);top:0}}form{display:block;position:relative;position:relative}form h2{margin:0 0 1em 0}form .row{display:flex;gap:var(--padding-size)}form .row .field{flex:1 1 50%;margin:0 0 calc(var(--padding-size) / 1) 0}form .row--support{display:none !important}form label{font-size:0.9em;display:block;margin:0 0 8px 0}form input,form textarea{width:100%;font-family:var(--body-font-famiy);border:solid 1px #dde0e3;padding:12px}form textarea{height:120px}form .actions input{width:auto;font-size:15px}form .actions .close{display:none}@media screen and (max-width: 768px){form .row{flex-direction:column;gap:0}form .actions{gap:1em}}form.as-dialog .title{padding-right:42px}form.as-dialog .actions{justify-content:center}form.as-dialog .actions .close{display:block}form .message{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:all 0.3s ease-out;z-index:3;flex-direction:column;align-items:center;justify-content:center;text-align:center;display:none}form .message__title,form .message__actions{display:none}form .message__actions{margin-top:2em}form.submitting{pointer-events:none}form.submitting .actions input{opacity:0.4}form.ok .form{opacity:0}form.ok .message{opacity:1;display:flex}form.error .form{opacity:0}form.error .message{opacity:1;display:flex}form.as-dialog.ok .message__title,form.as-dialog.ok .message__actions,form.as-dialog.error .message__title,form.as-dialog.error .message__actions{display:flex}.simple-cta{text-align:center;margin:0 auto var(--padding-size) auto}.simple-cta .button{display:inline-block;margin-top:0.5em}
