:root{--font-main: "DM Sans", sans-serif;--fonts-font-family-headlines: "PP Neue Montreal", sans-serif;--white: #fff;--black: #000;--primary: #1D7AFC;--secondary: #1D9AAA;--third: #E53535;--grey: #758195;--primary-500: #07326A;--primary-400: #0056C9;--primary-300: #1D7AFC;--primary-200: #549DFC;--primary-100: #E9F2FF;--secondary-500: #07272B;--secondary-400: #0F4D55;--secondary-300: #1D9AAA;--secondary-200: #8ECDD5;--secondary-100: #C6E6EA;--third-500: #390D0D;--third-400: #731B1B;--third-300: #E53535;--third-200: #F29A9A;--third-100: #F9CCCC;--grey-500: #3B414B;--grey-400: #758195;--grey-300: #BAC0CA;--grey-200: #DDDFE5;--grey-100: #F1F2F4;--fonts-colors-copy-color: #414141;--fonts-colors-headlines-color: var(--black-900);--link-color: #0271CE;--black-white: #333335;--grey-white: #FFFEFE;--white: #ffffff;--white-50: rgba(255, 255, 255, 0.05);--white-100: rgba(255, 255, 255, 0.10);--white-300: rgba(255, 255, 255, 0.30);--white-500: rgba(255, 255, 255, 0.50);--white-700: rgba(255, 255, 255, 0.70);--white-900: #FFFFFF;--black: #000000;--black-50: rgba(0, 0, 0, 0.05);--black-100: rgba(0, 0, 0, 0.10);--black-300: rgba(0, 0, 0, 0.30);--black-500: rgba(0, 0, 0, 0.50);--black-700: rgba(0, 0, 0, 0.70);--black-900: #00070E;--petrol-50: #F6F9FF;--petrol-100: #BDCACC;--petrol-200: #819FB4;--petrol-500: #3F5F6F;--petrol-800: #113245;--petrol-950: #001529;--mint-500-brand: #1EBFAB;--mint-700: #128476;--mint-900: #026458;--accent-mint: #86E5D9;--accent-pink: #ed6cba;--accent-purple: #B074F5;--accent-yellow: #FCC31E;--accent-orange: #FF6842;--accent-blue: #16D5F6;--cta: #2270E1;--btn-border-width: 1.5px;--btn-bg: var(--cta);--btn-color: var(--white);--btn-border: var(--cta);--btn-bg-hover: var(--white);--btn-color-hover: var(--cta);--btn-border-hover: var(--cta);--btn-bg-focus: var(--cta);--btn-color-focus: var(--white);--btn-border-focus: var(--cta);--btn-bg-active: rgb(200 26 26 / 5%);--btn-color-active: var(--cta);--btn-border-active: var(--cta);--btn-list-gap: 16px;--btn-list-mob-gap: 12px;--padding-top-default: 0;--padding-top-mob-default: 0;--padding-bottom-default: var(--padding-top-default);--padding-bottom-mob-default: var(--padding-top-mob-default);--margin-top-default: 0;--margin-top-mob-default: 0;--margin-bottom-default: var(--margin-top-default);--margin-bottom-mob-default: var(--margin-top-mob-default);--section-padding-top-default: 100px;--section-padding-top-mob-default: 64px;--section-padding-bottom-default: var(--section-padding-top-default);--section-padding-bottom-mob-default: var(--section-padding-top-mob-default);--section-margin-top-default: 0;--section-margin-top-mob-default: 0;--section-margin-bottom-default: var(--section-margin-top-default);--section-margin-bottom-mob-default: var(--section-margin-top-mob-default);--tagline: var(--cta);--title-main: var(--black-900);--content: var(--black-900);--padding-top-desktop: 0;--padding-bottom-desktop: 0;--padding-top-mobile: 0;--padding-bottom-mobile: 0;--form-color: var(--content);--form-placeholder-color: var(--petrol-200);--form-focus-color: var(--primary);--form-error-color: #DC0202;--form-disabled-color: var(--grey-300);--form-font-weight: 500;--form-font-size: 1rem;--form-label-margin-bottom: 6px;--form-input-padding: 7px 15px;--form-input-height: 22px;--form-input-border-color: var(--petrol-200);--form-input-border-radius: 8px;--form-input-font-size: 1rem;--form-error-font-size: 0.875rem}@media screen and (width <= 576px){:root{--form-input-padding: 11px 15px;--form-font-size: 0.875rem;--form-input-font-size: 0.875rem;--form-error-font-size: 0.75rem}}:root{--top-bottom-padding-xl: 100px;--top-bottom-padding-l: 80px;--top-bottom-padding-m: 64px;--top-bottom-padding-s: 40px;--top-bottom-padding-none: 0;--section-width: 1440px;--left-right-margins: 80px;--header-content: 40px;--border-radius-m: 32px;--border-radius-s: 16px;--distance-between-elements-xxl: 80px;--distance-between-elements-xl: 64px;--distance-between-elements-l: 40px;--distance-between-elements-m: 32px;--distance-between-elements-s: 24px;--distance-between-elements-xs: 16px;--distance-between-elements-xxs: 8px}@media screen and (width <= 1024px){:root{--top-bottom-padding-xl: 80px;--top-bottom-padding-l: 64px;--top-bottom-padding-m: 40px;--top-bottom-padding-s: 32px;--left-right-margins: 16px;--header-content: 24px;--border-radius-m: 16px;--border-radius-s: 8px;--distance-between-elements-xxl: 56px;--distance-between-elements-xl: 40px;--distance-between-elements-l: 32px;--distance-between-elements-m: 24px;--distance-between-elements-s: 16px}}@media screen and (width <= 576px){:root{--top-bottom-padding-xl: 64px;--top-bottom-padding-l: 40px;--top-bottom-padding-m: 32px;--top-bottom-padding-s: 24px;--distance-between-elements-xxl: 40px;--distance-between-elements-xl: 32px;--distance-between-elements-l: 24px;--distance-between-elements-m: 16px;--distance-between-elements-xs: 8px}}:root{--container-width: 1440px;--container-padding-x: 80px}@media screen and (width <= 1280px){:root{--container-width: 1060px;--container-padding-x: 40px}}@media screen and (width <= 1024px){:root{--container-width: 1024px}}@media screen and (width <= 768px){:root{--container-width: 688px;--container-padding-x: 16px}}@media screen and (width <= 576px){:root{--container-width: 512px}}@media screen and (width <= 480px){:root{--container-width: 100%}}:root{--top-menu-height: 97px;--post-sidebar-width: 300px}.demo-section{--demo-border: rgb(0 7 14 / 10%);--demo-ease: cubic-bezier(0.215, 0.61, 0.355, 1);display:flex;flex-direction:column;min-height:100svh;background-color:var(--petrol-50);color:var(--petrol-800);font-family:var(--font-main);font-size:1rem;line-height:1.5}.demo-section__main{position:relative;display:flex;flex:1;flex-direction:column;justify-content:center;padding:3rem 5rem}@media screen and (width <= 1024px){.demo-section__main{padding:3rem 1.5rem}}.demo-section__background{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@media screen and (width <= 1024px){.demo-section__background{display:none}}.demo-section__container{position:relative;width:100%;max-width:64rem;margin:0 auto}.demo-section__top{display:flex;justify-content:space-between;align-items:center;gap:1.75rem 1.5rem;margin-bottom:3rem}@media screen and (width <= 1024px){.demo-section__top{flex-direction:column;margin-top:-1rem;margin-bottom:2.25rem}}.demo-section__back{position:relative;display:flex;align-items:center;gap:.75rem;padding:.75rem 0;color:var(--petrol-800);font-size:1rem;line-height:1;text-decoration:none}.demo-section__back:hover{color:var(--petrol-800)}.demo-section__back-icon{position:relative;display:flex;flex:none;width:1rem;height:1rem;overflow:hidden;transform:rotate(180deg)}.demo-section__back-icon svg{display:block;width:1rem;height:1rem}.demo-section__back-icon-hidden,.demo-section__back-icon-visible{display:flex;transition:transform .3s var(--demo-ease)}.demo-section__back-icon-hidden{position:absolute;inset:0;transform:translateX(-100%)}.demo-section__back-border{position:absolute;right:0;bottom:0;left:0;border-bottom:1px solid;transform:scaleX(0);transform-origin:0 50%;transition:transform .3s var(--demo-ease)}.demo-section__back:hover .demo-section__back-icon-hidden{transform:translateX(0)}.demo-section__back:hover .demo-section__back-icon-visible{transform:translateX(100%)}.demo-section__back:hover .demo-section__back-border{transform:scaleX(1)}.demo-section__logo{display:inline-block;max-width:100%}.demo-section__logo img{display:block;max-width:100%;height:auto}.demo-section__box{display:flex;overflow:hidden;border:1px solid var(--demo-border);border-radius:.5rem;background-color:var(--white, #fff)}@media screen and (width <= 1024px){.demo-section__box{flex-direction:column}}.demo-section__col{display:flex;flex:1;flex-direction:column;justify-content:space-between;gap:2rem;padding:2rem}.demo-section__col--form{color:var(--petrol-500)}.demo-section__col--sidebar{justify-content:flex-start;background-color:var(--petrol-800);color:var(--petrol-50)}.demo-section__heading{display:flex;flex-direction:column;gap:1rem}.demo-section__title{margin:0;color:inherit;font-family:var(--fonts-font-family-headlines);font-size:1.75rem;font-weight:400;line-height:1.2;letter-spacing:.02em;text-wrap:balance}@media screen and (width <= 1024px){.demo-section__title{font-size:1.5rem}}.demo-section__title--accent{color:var(--mint-500-brand)}.demo-section__description{margin:0;color:inherit;font-size:1.125rem;line-height:1.5;text-wrap:pretty}@media screen and (width <= 768px){.demo-section__description{font-size:1rem}}.demo-section__form{display:flex;flex-direction:column;gap:1rem;min-width:0;margin:0 0 15px;padding:0;border:0}.demo-section__field label{display:block;margin-bottom:.25rem;color:inherit;font-size:1rem;font-weight:500;line-height:1.5}.demo-section__field[hidden]{display:none}.demo-section__input{display:block;width:100%;min-height:2.75rem;margin:0;padding:.5rem .75rem;border:1px solid var(--petrol-200);border-radius:1rem;background-color:var(--petrol-50);color:inherit;font-family:var(--font-main);font-size:1rem;line-height:1.6;box-shadow:none;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease}.demo-section__input::-moz-placeholder{color:var(--petrol-200)}.demo-section__input::placeholder{color:var(--petrol-200)}.demo-section__input:focus{border-color:var(--petrol-800);outline:0;background-color:var(--white, #fff);box-shadow:0 0 0 4px rgba(34,112,225,.2)}.demo-section__input:user-invalid{border-color:var(--form-error-color, #d92d20)}.demo-section__select{padding-right:2.5rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M16.293 8.29297L12 12.586L7.70697 8.29297L6.29297 9.70697L12 15.414L17.707 9.70697L16.293 8.29297Z' fill='black'/%3E%3C/svg%3E");background-position:99% center;background-repeat:no-repeat;cursor:pointer}.demo-section__submit{margin-top:1rem}@media screen and (width <= 768px){.demo-section__submit{margin-top:.75rem}}.demo-section__button{display:flex;justify-content:center;align-items:center;min-height:2.75rem;padding:.75rem 1.125rem;border:1px solid var(--demo-border);border-radius:1rem;background-color:var(--cta);color:var(--petrol-50);font-family:var(--font-main);font-size:1rem;font-weight:400;line-height:1;text-align:center;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:filter .3s}.demo-section__button:hover{filter:brightness(120%)}.demo-section__button:disabled{cursor:default;opacity:.7}.demo-section__honeypot{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;white-space:nowrap;clip-path:inset(100%);clip:rect(0 0 0 0);overflow:hidden;opacity:0;pointer-events:none}.demo-section__steps{display:flex;flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none}.demo-section__step{display:flex;align-items:flex-start;gap:1rem;margin:0;padding:0 0 1rem;border-bottom:1px solid rgba(255,255,255,.1);color:inherit;font-size:inherit;line-height:inherit}.demo-section__step:before{content:none}.demo-section__step:last-child{padding-bottom:0;border-bottom:0}.demo-section__step-icon{display:flex;flex:none;justify-content:center;align-items:center;width:2rem;height:2rem;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;background-color:var(--petrol-500)}.demo-section__step-icon img{display:block;width:1rem;height:1rem;-o-object-fit:contain;object-fit:contain}.demo-section__step-content{display:flex;flex-direction:column;gap:.5rem}.demo-section__step-title{margin:0;color:inherit;font-family:var(--font-main);font-size:1.25rem;font-weight:700;line-height:1.5;letter-spacing:normal}@media screen and (width <= 768px){.demo-section__step-title{font-size:1.125rem}}.demo-section__step-description{margin:0;color:inherit;font-size:1.125rem;line-height:1.5;text-wrap:pretty}@media screen and (width <= 768px){.demo-section__step-description{font-size:1rem}}.demo-section__logos{display:flex;flex-direction:column;justify-content:center;min-height:9rem;overflow:auto;background-color:var(--white, #fff);-ms-overflow-style:none;scrollbar-width:none}.demo-section__logos::-webkit-scrollbar{display:none}.demo-section__logos-strip{display:flex;justify-content:center;align-items:center;gap:5rem;width:100%;max-width:80rem;margin:0 auto;padding:2rem 5rem}@media screen and (width <= 1024px){.demo-section__logos-strip{min-width:-moz-max-content;min-width:max-content;padding:2rem 1.5rem}}@media screen and (width <= 768px){.demo-section__logos-strip{gap:2rem}}.demo-section__logos-strip img{display:block;flex:none;max-width:none;height:auto}