:root {
  --base-color--white-transparent-full: #fff0;
  --font-family--font-family-primary: "DM Sans", sans-serif;
  --base-color--grey-medium-dark: var(--base-color-neutral-black--500);
  --text-color--text-primary: var(--base-color--gray-darkest);
  --text-color--text-tetriary: var(--base-color--grey-medium-dark);
  --link-color--link-primary: var(--base-color--grey-darker);
  --base-color--white-transparent-50: #ffffff80;
  --background-color--bg-primary: var(--base-color--white);
  --text-color--text-alternate: #fff;
  --text-color--text-secondary: var(--base-color--grey-dark);
  --background-color--bg-success: var(--base-color-system--success-green);
  --text-color--text-success: var(--base-color-system--success-green-dark);
  --border-color--border-primary: var(--base-color--grey-lighter);
  --background-color--bg-alternate: var(--base-color--gray-darkest);
  --background-color--bg-primary-hover\<deleted\|variable-2dd539ce-5be2-4493-8245-a883e87dab6d\>: var(--base-color-neutral-black--50);
  --base-color--violet-lightest: var(--base-color-brand--50);
  --background-color--bg-secondary: var(--base-color--violet-lightest);
  --background-color--bg-error: var(--base-color-system--error-red);
  --text-color--text-error: var(--base-color-system--error-red-dark);
  --button-color--button-primary-bg: var(--base-color--gray-darkest);
  --base-color--gray-light: var(--base-color-neutral-black--200);
  --button-color--button-primary-hover: var(--base-color--black);
  --base-color--gray-lightest: var(--base-color-neutral-black--50);
  --background-color--bg-warning: var(--base-color-system--warning-yellow);
  --text-color--text-warning: var(--base-color-system--warning-yellow-dark);
  --button-color--button-primary-accent: var(--base-color--yellow-medium-light\<deleted\|variable-d626a7e6-6ef7-9886-70c6-9dfdb4f138fd\>);
  --base-color--yellow-lighter: var(--base-color-accent--100);
  --base-color--yellow-medium-dark: var(--base-color-accent--500);
  --button-color--button-secondary-border: var(--base-color--grey-dark);
  --button-color--button-secondary-bg: white;
  --button-color--button-secondary-border-hover: var(--base-color--gray-darkest);
  --button-color--button-secondary-bg-hover: var(--base-color--gray-lightest);
  --base-color--white: #fff;
  --border-color--border-primary-hover: var(--base-color--gray-light);
  --component-color--badge-bg-color: var(--base-color--violet-lightest);
  --component-color--component-primary-bg: white;
  --foreground-color--fg-primary: var(--base-color--grey-dark);
  --base-color--black: #000;
  --base-color--grey-darker: var(--base-color-neutral-black--700);
  --base-color-system--warning-yellow-medium: #ffb88b;
  --base-color-brand--300: #d7b5fd;
  --base-color--violet-darkest: var(--base-color-brand--950);
  --base-color--orange-light\<deleted\|variable-8c688545-f31c-1306-3e36-9331dad2e4a1\>: var(--base-color-system--warning-yellow-medium);
  --base-color-neutral-black--950: #292a2d;
  --button-color--button-tetrary-bg: var(--base-color--violet-light);
  --button-color--button-tetrary-bg-hover: var(--base-color--blue-medium-light);
  --icon-color--icon-social-alternate: var(--base-color--gray-light);
  --icon-color--icon-social-alternate-hover: white;
  --foreground-color--fg-primary-hover: var(--base-color--gray-darkest);
  --icon-color--icon-primary: var(--base-color--gray-darkest);
  --flowui-component-library--gray-900\<deleted\|variable-7b64cafb\>: #160042;
  --base-color-brand--950: #3a0863;
  --base-color--violet-dark: var(--base-color-brand--700);
  --base-color--violet-light: var(--base-color-brand--200);
  --base-color--grey-lighter: var(--base-color-neutral-black--100);
  --base-color--grey-medium-light: var(--base-color-neutral-black--300);
  --component-color--component-dark-bg: var(--base-color--violet-darkest);
  --component-color--component-secondary-bg: var(--base-color--violet-dark);
  --component-color--component-highlight-bg\<deleted\|variable-d7e8a265-b08a-681f-94e9-de5edfedc366\>: var(--base-color--orange-medium\<deleted\|variable-f3543de6-e6be-4264-8e0a-e6ec6fc616dc\>);
  --component-color--badge-icon-bg: var(--base-color--violet-light);
  --link-color--link-secondary: var(--base-color--violet-dark);
  --flowui-component-library--gray-100\<deleted\|variable-b37e6d8f\>: #f7f9fd;
  --flowui-component-library--gray-500\<deleted\|variable-2268f126\>: #6b7094;
  --flowui-component-library--gray-200\<deleted\|variable-7bab5fb1\>: #f3f5fb;
  --base-color--blue-medium-light: var(--base-color-brand--300);
  --flowui-component-library--white: white;
  --flowui-component-library--gray-700\<deleted\|variable-87e3868e\>: #282556;
  --flowui-component-library--gray-400\<deleted\|variable-d727af8f\>: #b6b9ce;
  --flowui-component-library--grey-300\<deleted\|variable-0cc6033c\>: #e4e6f1;
  --flowui-component-library--success-lighter\<deleted\|variable-bed97e0f\>: #ebfff6;
  --base-color-system--error-red: #fecdca;
  --font-family--font-family-secondary: "DM Mono", sans-serif;
  --base-color--white-transport-70: #ffffffb3;
  --base-color-brand--100: #f3e8ff;
  --base-color--yellow-lightest: var(--base-color-accent--50);
  --font-family--16px: 1rem;
  --base-color-brand--700: #8126d3;
  --untitled-ui--gray900\<deleted\|variable-f63dbb51\>: #101828;
  --untitled-ui--primary600\<deleted\|variable-c514c1b4\>: #7f56d9;
  --untitled-ui--white\<deleted\|variable-e3beb9c1\>: white;
  --untitled-ui--primary700\<deleted\|variable-da4f7fa3\>: #6941c6;
  --untitled-ui--primary100\<deleted\|variable-35a3c723\>: #f4ebff;
  --untitled-ui--gray600\<deleted\|variable-10a0cd12\>: #475467;
  --untitled-ui--gray300\<deleted\|variable-51e0117e\>: #d0d5dd;
  --untitled-ui--gray700\<deleted\|variable-d4f37b50\>: #344054;
  --untitled-ui--gray50\<deleted\|variable-8a511359\>: #f9fafb;
  --untitled-ui--gray800\<deleted\|variable-0a1a9f61\>: #1d2939;
  --untitled-ui--gray100\<deleted\|variable-4a47ec41\>: #f2f4f7;
  --base-color-brand--500: #a757f5;
  --untitled-ui--gray500\<deleted\|variable-68f29e84\>: #667085;
  --untitled-ui--gray200\<deleted\|variable-bad2ea62\>: #eaecf0;
  --flowui-component-library--primary-base\<deleted\|variable-2d1581e5\>: #642eff;
  --base-color-system--error-red-dark: #f04438;
  --base-color-neutral-black--50: #f5f6f6;
  --base-color--white-transparent-20: #fff3;
  --link-color--link-alternate: #fff;
  --border-color--border-primary-active: var(--base-color--gray-darkest);
  --base-color--gray-darkest: var(--base-color-neutral-black--950);
  --base-color-neutral-black--300: #acafb4;
  --base-color--violet-lighter: var(--base-color-brand--100);
  --untitled-ui--primary50: #f9f5ff;
  --base-color-brand--200: #e9d6fe;
  --base-color--grey-medium: var(--base-color-neutral-black--400);
  --base-color--grey-dark: var(--base-color-neutral-black--600);
  --base-color-neutral-black--100: #e5e7e8;
  --base-color-neutral-black--200: #ced1d3;
  --base-color-neutral-black--400: #82868e;
  --base-color-neutral-black--500: #676b73;
  --base-color-neutral-black--600: #585b62;
  --base-color-neutral-black--700: #4b4d53;
  --base-color-neutral-black--800: #424348;
  --base-color-neutral-black--900: #3a3c3f;
  --base-color-brand--50: #faf5ff;
  --base-color-brand--400: #bf86fa;
  --base-color-brand--600: #9136e7;
  --base-color-brand--800: #6a23a6;
  --base-color-brand--900: #571e85;
  --base-color-accent--50: #ffffe5;
  --base-color-accent--100: #fdffc7;
  --base-color-accent--200: #f8ff95;
  --base-color-accent--300: #796a9b;
  --base-color-accent--400: #def625;
  --base-color-accent--500: #c0dd05;
  --base-color-accent--600: #96b100;
  --base-color-accent--700: #708605;
  --base-color-accent--800: #59690b;
  --base-color-accent--900: #4a590e;
  --base-color-accent--950: #273201;
  --base-color--yellow-light: var(--base-color-accent--200);
  --base-color--yellow-medium: var(--base-color-accent--400);
  --base-color-system--success-green: #d2f8ba;
  --base-color-system--success-green-dark: #6faa4b;
  --base-color--yellow-dark: var(--base-color-accent--600);
  --base-color--yellow-darker: var(--base-color-accent--700);
  --base-color-system--warning-yellow: #ffe4d3;
  --base-color-system--warning-yellow-dark: #ffa268;
  --base-color--yellow-darkest: var(--base-color-accent--800);
  --base-color-system--focus-state: #d2b4fc;
  --button-color--button-primary-border: var(--base-color--gray-darkest);
  --button-color--button-primary-border-hover: var(--base-color--black);
  --button-color--button-primary-fg: var(--base-color--gray-darkest);
  --button-color--button-primary-fg-hover: var(--base-color--black);
  --button-color--button-primary-fg-alternate: white;
  --button-color--button-brand-border: var(--base-color--gray-darkest);
  --component-color--component-primary-bg-hover: var(--base-color--gray-lightest);
  --component-color--component-secondary-bg-hover: var(--base-color--violet-darkest);
  --icon-color--icon-primary-hover: var(--base-color--black);
  --icon-color--icon-featured-light-bg: var(--base-color--violet-light);
  --icon-color--icon-featured-light-fg: var(--base-color--grey-darker);
  --icon-color--icon-featured-dark-bg: var(--base-color--grey-darker);
  --icon-color--icon-featured-dark-fg: white;
  --icon-color--icon-social: var(--base-color--grey-darker);
  --icon-color--icon-social-hover: var(--base-color--gray-darkest);
  --untitled-ui--warning300: #fec84b;
  --base-color--yellow-medium-light\<deleted\|variable-d626a7e6-6ef7-9886-70c6-9dfdb4f138fd\>: var(--base-color-accent--300);
  --base-color--orange-medium\<deleted\|variable-f3543de6-e6be-4264-8e0a-e6ec6fc616dc\>: var(--base-color-system--warning-yellow-dark);
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

body {
  background-color: var(--base-color--white-transparent-full);
  font-family: var(--font-family--font-family-primary);
  overflow: visible;
}

h1 {
  background-image: linear-gradient(336deg, black, var(--base-color--grey-medium-dark));
  font-family: var(--font-family--font-family-primary);
  color: var(--text-color--text-primary);
  text-align: center;
  letter-spacing: -5px;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 5rem;
  font-weight: 500;
  line-height: 5rem;
}

h2 {
  font-family: var(--font-family--font-family-primary);
  color: var(--text-color--text-primary);
  text-align: center;
  letter-spacing: -2px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.8rem;
  font-weight: 500;
  line-height: 3rem;
}

h3 {
  font-family: var(--font-family--font-family-primary);
  color: var(--text-color--text-primary);
  letter-spacing: -1px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: 500;
  line-height: 2.2rem;
}

h4 {
  font-family: var(--font-family--font-family-primary);
  color: var(--text-color--text-primary);
  letter-spacing: -1px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.25rem;
}

h5 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5;
}

h6 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
}

p {
  font-family: var(--font-family--font-family-primary);
  color: var(--text-color--text-tetriary);
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.5rem;
}

a {
  color: var(--link-color--link-primary);
}

ul, ol {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 1.5rem;
}

li {
  font-family: var(--font-family--font-family-primary);
  margin-bottom: .25rem;
}

img {
  max-width: 100%;
  display: inline-block;
}

label {
  margin-bottom: .25rem;
  font-weight: 500;
}

blockquote {
  font-family: var(--font-family--font-family-primary);
  border-left: .25rem solid #e2e2e2;
  margin-bottom: 0;
  padding: 0 1.25rem;
  font-size: 1.25rem;
  line-height: 1.5;
}

figure {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

figcaption {
  text-align: center;
  margin-top: .25rem;
}

.utility-page_component {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  display: flex;
}

.utility-page_wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: var(--base-color--white-transparent-50);
  text-align: center;
  border-radius: 1rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 20rem;
  display: flex;
}

.utility-page_form {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.utility-page_image {
  margin-left: auto;
  margin-right: auto;
}

.global-styles {
  display: block;
  position: fixed;
  inset: 0% auto auto 0%;
}

.margin-custom2 {
  margin: 2.5rem;
}

.padding-xlarge {
  padding: 3rem;
}

.margin-xlarge {
  margin: 4rem;
}

.margin-xsmall {
  margin: .5rem;
}

.padding-xhuge {
  padding: 6rem;
}

.margin-custom1 {
  margin: 1.5rem;
}

.padding-0 {
  padding: 0;
}

.padding-xxhuge {
  padding: 12rem;
}

.padding-huge {
  padding: 5rem;
}

.margin-large {
  margin: 3rem;
}

.padding-xxlarge {
  padding: 4rem;
}

.margin-xxsmall {
  margin: .25rem;
}

.padding-custom3 {
  padding: 3.5rem;
}

.padding-large {
  padding: 2rem;
}

.margin-tiny {
  margin: .125rem;
}

.padding-small {
  padding: 1.25rem;
}

.padding-custom2 {
  padding: 2.5rem;
}

.margin-custom3 {
  margin: 3.5rem;
}

.padding-custom1 {
  padding: 1.5rem;
}

.margin-huge {
  margin: 6rem;
}

.padding-medium {
  padding: 1.5rem;
}

.padding-xsmall {
  padding: 1rem;
}

.margin-xxlarge {
  margin: 5rem;
}

.padding-xxsmall {
  padding: .5rem;
}

.margin-xhuge {
  margin: 8rem;
}

.padding-tiny {
  padding: .25rem;
}

.margin-small {
  margin: 1rem;
}

.margin-medium {
  margin: 2rem;
}

.margin-xxhuge {
  margin: 12rem;
}

.margin-0 {
  margin: 0;
}

.margin-horizontal {
  margin-top: 0;
  margin-bottom: 0;
}

.padding-top {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.margin-vertical {
  margin-left: 0;
  margin-right: 0;
}

.margin-bottom {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.padding-left {
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
}

.padding-vertical {
  padding-left: 0;
  padding-right: 0;
}

.padding-horizontal {
  padding-top: 0;
  padding-bottom: 0;
}

.margin-right {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
}

.margin-top {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.margin-left {
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
}

.padding-right {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.padding-bottom {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.form_checkbox {
  flex-direction: row;
  align-items: center;
  margin-bottom: .5rem;
  padding-left: 0;
  display: flex;
}

.form_checkbox-icon {
  border-radius: .125rem;
  width: .875rem;
  height: .875rem;
  margin: 0 .5rem 0 0;
}

.form_checkbox-icon.w--redirected-checked {
  background-size: 90%;
  border-radius: .125rem;
  width: .875rem;
  height: .875rem;
  margin: 0 .5rem 0 0;
}

.form_checkbox-icon.w--redirected-focus {
  border-radius: .125rem;
  width: .875rem;
  height: .875rem;
  margin: 0 .5rem 0 0;
  box-shadow: 0 0 .25rem 0 #3898ec;
}

.fs-styleguide_background {
  border: 1px solid #0000001a;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.fs-styleguide_spacing {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-image: linear-gradient(to top, #2d40ea1a, #fff0);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: start;
  place-items: start stretch;
  display: grid;
  position: relative;
}

.icon-1x1-small {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  display: flex;
}

.overflow-auto {
  overflow: auto;
}

.spacing-clean {
  margin: 0;
  padding: 0;
}

.icon-1x1-large {
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  display: flex;
}

.z-index-2 {
  z-index: 2;
  position: relative;
}

.fs-styleguide_background-space {
  width: 1px;
  height: 1px;
  margin: 5rem;
}

.text-weight-semibold {
  font-weight: 600;
}

.text-style-strikethrough {
  text-decoration: line-through;
}

.fs-styleguide_item {
  grid-column-gap: 1.125rem;
  grid-row-gap: 1.125rem;
  border-bottom: 1px solid #0000001a;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: start;
  place-items: start;
  padding-bottom: 3rem;
  display: grid;
  position: relative;
}

.fs-styleguide_item.is-stretch {
  justify-items: stretch;
}

.max-width-full {
  width: 100%;
  max-width: none;
}

.fs-styleguide_item-header {
  border-bottom: 1px solid #0000001a;
  width: 100%;
  padding-bottom: 2rem;
}

.background-color-primary {
  background-color: var(--background-color--bg-primary);
  color: var(--text-color--text-alternate);
}

.z-index-1 {
  z-index: 1;
  position: relative;
}

.text-color-primary {
  color: var(--text-color--text-primary);
}

.text-color-secondary {
  color: var(--text-color--text-secondary);
}

.fs-styleguide_2-col {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.fs-styleguide_2-col.is-align-start {
  align-items: start;
}

.form_message-success {
  background-color: var(--background-color--bg-success);
  color: var(--text-color--text-success);
  padding: 1.25rem;
}

.fs-styleguide_row {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.heading-style-h3 {
  font-family: var(--font-family--font-family-primary);
  letter-spacing: 0;
  font-size: 2rem;
  line-height: 2rem;
}

.text-rich-text h1, .text-rich-text h2, .text-rich-text h3, .text-rich-text h4 {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}

.text-rich-text h5, .text-rich-text h6 {
  margin-top: 1.25rem;
  margin-bottom: 1rem;
}

.text-rich-text p {
  margin-bottom: 1rem;
}

.text-rich-text ul, .text-rich-text ol {
  margin-bottom: 1.5rem;
}

.text-rich-text blockquote {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.pointer-events-auto {
  pointer-events: auto;
}

.container-small {
  width: 100%;
  max-width: 48rem;
  margin-left: 0;
  margin-right: 0;
  line-height: 5px;
}

.icon-height-small {
  height: 1rem;
  display: flex;
}

.icon-1x1-medium {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
}

.heading-style-h1 {
  font-family: var(--font-family--font-family-primary);
  color: var(--text-color--text-primary);
  text-align: center;
  letter-spacing: -2px;
  font-size: 4rem;
  font-weight: 600;
  line-height: 4rem;
}

.padding-global {
  padding-left: 2rem;
  padding-right: 2rem;
}

.padding-global.padding-section-large {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding: 6rem 2rem;
  overflow: visible;
}

.text-weight-normal {
  font-weight: 400;
}

.padding-section-small {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.max-width-small {
  width: 100%;
  max-width: 20rem;
}

.text-color-alternate {
  color: var(--text-color--text-alternate);
}

.text-style-italic {
  font-style: italic;
}

.pointer-events-none {
  pointer-events: none;
}

.text-weight-medium {
  font-weight: 500;
}

.overflow-hidden {
  overflow: hidden;
}

.fs-styleguide_section-header {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-bottom: 1px solid var(--border-color--border-primary);
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-bottom: 3rem;
  line-height: 1.4;
  display: grid;
}

.text-size-tiny {
  font-size: .7rem;
  line-height: .8rem;
}

.text-size-tiny.text-color-alternate {
  white-space: nowrap;
}

.max-width-xxlarge {
  width: 100%;
  max-width: 80rem;
}

.fs-styleguide_1-col {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.overflow-visible {
  overflow: visible;
}

.fs-styleguide_empty-box {
  z-index: -1;
  background-color: #2d40ea0d;
  border: 1px dashed #2d40ea;
  min-width: 3rem;
  height: 3rem;
  position: relative;
}

.text-weight-light {
  font-weight: 300;
}

.fs-styleguide_heading-medium {
  text-align: center;
  font-size: 4rem;
}

.max-width-xsmall {
  width: 100%;
  max-width: 16rem;
}

.fs-styleguide_4-col {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.text-size-regular {
  font-size: 1rem;
  line-height: 1.5rem;
}

.text-weight-xbold {
  font-weight: 800;
}

.text-align-right {
  text-align: right;
}

.text-weight-bold {
  font-weight: 700;
}

.max-width-medium {
  width: 100%;
  max-width: 32rem;
}

.fs-styleguide_item-wrapper {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.max-width-large {
  width: 100%;
  max-width: 48rem;
}

.fs-styleguide_header-block {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  display: grid;
}

.background-color-alternate {
  background-color: var(--background-color--bg-alternate);
}

.text-style-muted {
  opacity: .6;
}

.text-size-small {
  color: var(--text-color--text-primary);
  font-size: .8rem;
  line-height: 1.25rem;
}

.text-size-small.text-color-secondary {
  color: var(--text-color--text-secondary);
}

.text-size-small.text-color-alternate {
  color: var(--text-color--text-alternate);
}

.text-size-small.text-weight-semibold {
  align-items: center;
  display: flex;
}

.heading-style-h4 {
  font-family: var(--font-family--font-family-primary);
  letter-spacing: 0;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.25rem;
}

.max-width-xlarge {
  width: 100%;
  max-width: 64rem;
}

.form_radio-icon {
  width: .875rem;
  height: .875rem;
  margin-top: 0;
  margin-left: 0;
  margin-right: .5rem;
}

.form_radio-icon.w--redirected-checked {
  border-width: .25rem;
  width: .875rem;
  height: .875rem;
}

.form_radio-icon.w--redirected-focus {
  width: .875rem;
  height: .875rem;
  box-shadow: 0 0 .25rem 0 #3898ec;
}

.text-style-nowrap {
  white-space: nowrap;
}

.text-align-left {
  text-align: left;
}

.background-color-secondary {
  background-color: var(--background-color--bg-primary-hover\<deleted\|variable-2dd539ce-5be2-4493-8245-a883e87dab6d\>);
}

.form_input {
  border: 1px solid var(--border-color--border-primary);
  background-color: #0000;
  min-height: 3rem;
  margin-bottom: .75rem;
  padding: .5rem 1rem;
  font-size: 1rem;
}

.form_input::placeholder, .form_input.is-select-input {
  color: var(--text-color--text-secondary);
}

.form_input.is-text-area {
  min-height: 8rem;
  padding-top: .75rem;
  font-size: 1rem;
}

.padding-section-large {
  padding-top: 6rem;
  padding-bottom: 6rem;
  overflow: visible;
}

.fs-styleguide_3-col {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  width: 100%;
  display: grid;
}

.fs-styleguide_3-col.is-align-start {
  align-items: start;
}

.text-style-link {
  color: var(--link-color--link-primary);
  text-decoration: underline;
}

.fs-styleguide_header {
  background-color: var(--base-color--violet-lightest);
  color: var(--text-color--text-alternate);
  background-image: radial-gradient(circle at 0 100%, #2d62ff4d, #0000 60%);
}

.heading-style-h2 {
  font-family: var(--font-family--font-family-primary);
  letter-spacing: -2px;
  font-size: 2.8rem;
  font-weight: 500;
  line-height: 3rem;
}

.page-wrapper {
  flex-flow: column;
  align-items: center;
  display: flex;
  overflow: clip;
}

.fs-styleguide_label {
  background-color: var(--background-color--bg-primary-hover\<deleted\|variable-2dd539ce-5be2-4493-8245-a883e87dab6d\>);
  color: var(--text-color--text-secondary);
  border-radius: .25rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: .25rem .75rem .3rem;
  font-weight: 600;
  display: flex;
}

.fs-styleguide_label.is-tag {
  background-color: var(--background-color--bg-secondary);
}

.heading-style-h5 {
  font-family: var(--font-family--font-family-primary);
  letter-spacing: -1px;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5rem;
}

.container-large {
  width: 100%;
  max-width: 80rem;
}

.icon-height-medium {
  justify-content: center;
  align-items: center;
  height: 1.5rem;
  display: flex;
}

.icon-height-medium.is-bigger {
  height: 2rem;
}

.text-style-allcaps {
  text-transform: uppercase;
}

.overflow-scroll {
  overflow: scroll;
}

.form_message-error {
  background-color: var(--background-color--bg-error);
  color: var(--text-color--text-error);
  margin-top: .75rem;
  padding: .75rem;
}

.icon-height-large {
  height: 3rem;
  display: flex;
}

.text-align-center {
  text-align: center;
}

.text-align-center.text-size-medium.is-hidden {
  display: none;
}

.form_component {
  margin-bottom: 0;
}

.main-wrapper {
  flex-flow: column;
  width: 100%;
  display: flex;
  overflow: clip;
}

.max-width-xxsmall {
  width: 100%;
  max-width: 12rem;
}

.layer {
  justify-content: center;
  align-items: center;
  position: absolute;
  inset: 0%;
}

.text-style-quote {
  border-left: .25rem solid #e2e2e2;
  margin-bottom: 0;
  padding: 0 1.25rem;
  font-size: 1.25rem;
  line-height: 1.5;
}

.align-center {
  margin-left: auto;
  margin-right: auto;
}

.align-center.is-hidden {
  display: none;
}

.button-primary {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: var(--button-color--button-primary-bg);
  box-shadow: inset 0 2px 5px 0 var(--base-color--gray-light), 0 0 0 0 #10134f00, 0 1.1px .3px 0 #10134f0d, 0 2.4px .8px 0 #10134f11, 0 3.9px 1.3px 0 #10134f12, 0 5.9px 2.3px 0 #03041112, 0 9px 3.9px 0 #10134f14, 0 14.1px 6.8px 0 #10134f14, 0 23.6px 12.6px 0 #10134f15, 0 45px 26px 0 #10134f17;
  font-family: var(--font-family--font-family-primary);
  color: var(--text-color--text-alternate);
  text-align: center;
  cursor: pointer;
  border-width: 1px;
  border-color: #000;
  border-radius: 1rem;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: .8rem 2rem .8rem .5rem;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1rem;
  text-decoration: none;
  transition: all .275s;
  display: flex;
  position: relative;
  overflow: clip;
}

.button-primary:hover {
  grid-column-gap: .8rem;
  grid-row-gap: .8rem;
  background-color: var(--button-color--button-primary-hover);
  box-shadow: inset 0 2px 5px 0 var(--base-color--gray-lightest), 0 0 0 0 #10134f00, 0 1.1px .3px 0 #10134f0d, 0 2.4px .8px 0 #10134f11, 0 3.9px 1.3px 0 #10134f12, 0 5.9px 11px 5px #10134f13, 0 9px 3.9px 0 #10134f14, 0 14.1px 6.8px 0 #10134f14, 0 23.6px 12.6px 0 #10134f15, 0 45px 26px 0 #10134f17;
}

.button-primary.w--current {
  justify-content: center;
  align-items: center;
}

.button-primary.is-text {
  color: #000;
  background-color: #0000;
  border: 2px solid #0000;
}

.button-primary.is-medium {
  padding: 1.1rem 1rem;
  position: static;
}

.button-primary.is-medium:hover {
  grid-column-gap: .8rem;
  grid-row-gap: .8rem;
}

.fs-styleguide_classes {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.text-size-medium {
  text-align: center;
  letter-spacing: -.5px;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.75rem;
}

.text-size-medium.text-align-left {
  text-align: left;
}

.text-size-medium.text-weight-bold {
  font-weight: 700;
}

.fs-styleguide_section {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: start;
  display: grid;
}

.fs-styleguide_section.is-vertical {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-columns: 1fr;
}

.button-group {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: wrap;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.hide {
  display: none;
}

.padding-section-medium {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.container-medium {
  width: 100%;
  max-width: 64rem;
  margin-left: auto;
  margin-right: auto;
}

.form_radio {
  flex-direction: row;
  align-items: center;
  margin-bottom: .5rem;
  padding-left: 0;
  display: flex;
}

.fs-styleguide_spacing-all {
  display: none;
}

.spacer-huge {
  width: 100%;
  padding-top: 5rem;
}

.spacer-medium {
  width: 100%;
  padding-top: 1.5rem;
}

.fs-styleguide_spacer-box {
  background-color: #2d40ea1a;
  border: 1px dashed #2d40ea;
  width: 100%;
  position: relative;
}

.spacer-xsmall {
  width: 100%;
  padding-top: 1rem;
}

.spacer-small {
  width: 100%;
  padding-top: 1.25rem;
}

.spacer-xhuge {
  width: 100%;
  padding-top: 6rem;
}

.spacer-tiny {
  width: 100%;
  padding-top: .25rem;
}

.spacer-xxsmall {
  width: 100%;
  padding-top: .5rem;
}

.spacer-xlarge {
  width: 100%;
  padding-top: 3rem;
}

.spacer-large {
  width: 100%;
  padding-top: 2rem;
}

.spacer-xxlarge {
  width: 100%;
  padding-top: 4rem;
}

.fs-styleguide_message {
  background-color: var(--background-color--bg-warning);
  color: var(--text-color--text-warning);
  border-radius: .25rem;
  padding: .25rem .5rem;
  font-size: .875rem;
}

.nav_component {
  background-color: #000;
  width: 100%;
  padding-top: 1rem;
  padding-bottom: 1rem;
  position: relative;
  inset: 0% 0% auto;
}

.nav_container {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.nav_logo {
  width: 10rem;
}

.nav_menu_link {
  color: #fff;
  padding: 1rem;
}

.nav_button {
  padding: 1rem;
}

.aspect-ratio-square {
  aspect-ratio: 1;
  object-fit: cover;
}

.aspect-ratio-portrait {
  aspect-ratio: 2 / 3;
  object-fit: cover;
}

.aspect-ratio-landscape {
  aspect-ratio: 3 / 2;
  object-fit: cover;
}

.aspect-ratio-widescreen {
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.fs-styleguide_hero-label {
  color: var(--text-color--text-primary);
  text-transform: uppercase;
  background-color: #eee;
  border-radius: .25rem;
  padding: .25rem .375rem;
  font-size: .75rem;
  font-weight: 500;
  text-decoration: none;
}

.hero-content {
  border: 1px dashed var(--border-color--border-primary);
  flex-flow: column;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: start;
  place-items: stretch center;
  display: flex;
  position: static;
}

.hero-content.padding-medium.padding-vertical {
  z-index: 0;
  position: relative;
}

.section-hero {
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.hero-wrapper {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: flex;
}

.fs-styleguide_heading-header {
  color: var(--text-color--text-primary);
  font-size: 6rem;
  font-weight: 600;
  line-height: 6rem;
}

.faq-item-text {
  color: var(--text-color--text-tetriary);
  font-size: 1rem;
  line-height: 1.5rem;
}

.link {
  font-family: var(--font-family--font-family-primary);
}

.block-quote {
  line-height: 1.8rem;
}

.button-primary-icon {
  opacity: 1;
  flex: none;
  width: .5rem;
  height: .8rem;
  display: flex;
  position: static;
}

.primary-button-icon-wrapper {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--button-color--button-primary-accent);
  background-image: linear-gradient(231deg, var(--base-color--yellow-lighter), #0000 37%), radial-gradient(circle closest-side at 50% 50%, var(--base-color--yellow-medium-dark) 20%, #fff0 54%);
  color: var(--text-color--text-primary);
  border-radius: .25rem;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  padding: 1rem;
  display: flex;
  position: static;
  box-shadow: 0 5px 10px #00000080;
}

.primary-button-icon-wrapper:hover {
  flex: none;
}

.button-icon-default {
  display: flex;
  position: static;
}

.button-icon-animated {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex: none;
  justify-content: center;
  align-items: center;
  padding-right: 50px;
  display: flex;
  position: absolute;
}

.button-secondary {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border: 1px solid var(--button-color--button-secondary-border);
  background-color: var(--button-color--button-secondary-bg);
  font-family: var(--font-family--font-family-primary);
  color: var(--text-color--text-primary);
  text-align: center;
  cursor: pointer;
  border-radius: 1rem;
  justify-content: center;
  align-items: center;
  padding: 1rem 1.5rem;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1rem;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  position: relative;
  overflow: visible;
}

.button-secondary:hover {
  grid-column-gap: .8rem;
  grid-row-gap: .8rem;
  border-color: var(--button-color--button-secondary-border-hover);
  background-color: var(--button-color--button-secondary-bg-hover);
}

.secondary-button-image-wrapper {
  flex: none;
  width: 3rem;
  height: 3rem;
  display: flex;
  overflow: clip;
}

.hero-supporting-text-wrapper {
  justify-content: center;
  max-width: 30rem;
  display: flex;
}

.hero-title-wrapper {
  max-width: 60rem;
}

.hero-header-wrapper {
  flex-flow: column;
  padding-top: 2rem;
  display: flex;
  position: relative;
}

.hero-badge-wrapper {
  justify-content: center;
  display: flex;
}

.hero-badge {
  grid-column-gap: .4rem;
  grid-row-gap: .4rem;
  border: 1px solid var(--border-color--border-primary);
  background-color: var(--base-color--white);
  cursor: pointer;
  border-radius: 999rem;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: .5rem;
  text-decoration: none;
  display: flex;
  box-shadow: 0 1px 4px #0000000d;
}

.hero-badge:hover {
  border-color: var(--border-color--border-primary-hover);
  background-color: var(--button-color--button-secondary-bg-hover);
}

.hero-badge-icon-circle {
  background-color: var(--button-color--button-primary-accent);
  border-radius: 999rem;
  width: .5rem;
  height: .5rem;
}

.hero-badge-icon-border {
  background-color: var(--component-color--badge-bg-color);
  border-radius: 999rem;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
}

.hero-badge-icon-wrapper {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 1.4rem;
  height: 1.4rem;
  display: flex;
}

.primary-button-text-wrapper {
  flex: 1;
  justify-content: center;
  display: flex;
}

.hero-badge-text-wrapper {
  padding-right: .25rem;
}

.hero-badge-arrow-icon-wrapper {
  border: 1px none var(--border-color--border-primary-hover);
  background-color: var(--component-color--component-primary-bg);
  border-radius: 999rem;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
}

.hero-text-content-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.secondary-button-image {
  object-fit: cover;
  border-radius: 999rem;
  flex: none;
  width: 100%;
  height: auto;
}

.secondary-button-text-wrapper {
  flex: 1;
}

.hero-badge-arrow-icon {
  flex: none;
  justify-content: center;
  align-items: center;
  width: .8rem;
  height: .8rem;
  display: flex;
}

.button-group-landscape-mobile {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  min-width: auto;
  display: flex;
}

.button-group-landscape-mobile.hide-desktop-tablet {
  display: none;
}

.button-group-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
}

.navbar-menu-icon-button {
  flex: none;
  padding: 0;
}

.nav-container-wrapper {
  border: 1px solid var(--border-color--border-primary);
  background-color: var(--base-color--white-transparent-50);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  border-radius: .8rem;
  flex-flow: row;
  flex: none;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  max-width: 80rem;
  padding: 1rem;
  display: flex;
  position: static;
}

.nav-link-logo-wrapper {
  grid-column-gap: .6rem;
  grid-row-gap: .6rem;
  flex: none;
  align-items: center;
  display: flex;
}

.nav-link-logo-wrapper.hide-desktop {
  display: none;
}

.menu-icon-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.nav {
  z-index: 999;
  background-color: var(--base-color--white-transparent-full);
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
  display: none;
  position: sticky;
  top: .25rem;
}

.navbar-menu-icon {
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.nav-mobile {
  flex: none;
  justify-content: center;
  align-items: center;
  padding: .5rem .5rem .5rem 1rem;
  display: flex;
  position: absolute;
}

.section-intro {
  background-color: var(--background-color--bg-primary);
  flex-direction: column;
  justify-content: center;
  display: flex;
  position: relative;
}

.intro-wrapper {
  z-index: 0;
  border-right: 1px dashed var(--border-color--border-primary);
  border-left: 1px dashed var(--border-color--border-primary);
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: relative;
}

.intro-wrapper.padding-medium {
  position: relative;
}

.intro-badge-wrapper {
  z-index: 10;
  justify-content: center;
  display: flex;
}

.intro-animation-wrapper {
  background-color: var(--base-color--gray-lightest);
  object-fit: cover;
  border-radius: 1rem;
  flex: none;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 30rem;
  display: flex;
  position: relative;
  overflow: clip;
}

.intro-animation-wrapper.is-black {
  background-color: var(--base-color--black);
}

.intro-animation {
  object-fit: cover;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 80%;
  height: 25rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.intro-badge {
  grid-column-gap: .2rem;
  grid-row-gap: .2rem;
  background-color: var(--component-color--component-primary-bg);
  cursor: auto;
  border-radius: .2rem;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: .25rem .5rem;
  text-decoration: none;
  display: flex;
  box-shadow: -1px 1px 5px 3px #00000012, -6px 4px 8px #0000000d;
}

.intro-badge-icon {
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.intro-badge-icon-wrapper {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 1.4rem;
  height: 1.4rem;
  display: flex;
}

.intro-badge-text-wrapper {
  grid-column-gap: .3rem;
  grid-row-gap: .3rem;
  display: flex;
}

.section-quote {
  background-color: var(--background-color--bg-primary);
  flex-direction: column;
  justify-content: center;
  display: flex;
  position: relative;
}

.quote-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: flex;
}

.quote-text-content-wrapper {
  flex: none;
  justify-content: center;
  align-items: center;
  max-width: 38rem;
}

.section-partners {
  background-color: var(--background-color--bg-primary);
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.offer-wrapper {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.heading-large {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  max-width: 35rem;
  display: flex;
}

.section-label-wrapper {
  justify-content: center;
  display: flex;
}

.section-label-wrapper.is-left {
  justify-content: flex-start;
  align-items: center;
}

.section-lebel-wrapper {
  grid-column-gap: .3rem;
  grid-row-gap: .3rem;
  border: 1px dashed var(--border-color--border-primary-hover);
  background-color: var(--background-color--bg-primary);
  cursor: auto;
  border-radius: .3rem;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: .25rem .5rem;
  text-decoration: none;
  display: flex;
  box-shadow: 0 0 9px -1px #45526e17;
}

.headling-label {
  color: var(--base-color--grey-darker);
  letter-spacing: 1px;
  text-transform: none;
  flex: none;
  font-size: .7rem;
  font-weight: 500;
  line-height: .7rem;
}

.section-headling-wrapper {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: column;
  align-items: center;
  display: flex;
}

.offer-content-wrapper {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  align-items: center;
  width: 100%;
  display: flex;
}

.header-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  align-items: center;
  max-width: 42rem;
  display: flex;
}

.offer-content-body {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: var(--background-color--bg-secondary);
  border-radius: 1.5rem;
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding: 1rem 1rem 1rem 2rem;
  display: flex;
  position: sticky;
  top: 8rem;
}

.offer-item-wrapper {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.offer-animation-sticky-wrapper {
  aspect-ratio: 1;
  border-radius: 1rem;
  flex: none;
  width: 50%;
  max-height: 36rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.offer-list {
  flex-flow: column;
  flex: 0 auto;
  justify-content: flex-start;
  width: 50%;
  display: flex;
}

.sticky-element-2 {
  z-index: 3;
  object-fit: cover;
  flex: none;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
}

.offer-list-content {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: row;
  flex: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  width: 100%;
  display: flex;
}

.offer-list-item {
  flex: 0 auto;
  align-items: flex-start;
  width: 100%;
  max-height: 13rem;
  display: flex;
  overflow: visible;
}

.offer-list-items-wrapper {
  flex-flow: column;
  flex: 0 auto;
  align-items: flex-start;
  width: auto;
  display: flex;
}

.offer-item-heading-wrapper {
  width: 100%;
}

.offer-item-paragraph-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  width: 100%;
  display: flex;
  position: static;
}

.section-project {
  background-color: var(--background-color--bg-primary);
  flex-direction: column;
  justify-content: center;
  display: flex;
  position: relative;
}

.project-wrapper {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.section-content {
  border-style: none dashed solid;
  border-width: 1px;
  border-color: black var(--border-color--border-primary) var(--border-color--border-primary);
  border-radius: 0 0 1rem 1rem;
  flex-flow: column;
  align-items: center;
  width: 100%;
  line-height: 1.75px;
  display: flex;
  position: relative;
}

.project-content-header {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-flow: column;
  align-items: center;
  max-width: 48rem;
  display: flex;
}

.project-content-body {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: row;
  align-items: center;
  width: auto;
  display: flex;
}

.project-benefit-item {
  z-index: 0;
  background-color: var(--base-color--black);
  border-radius: 1rem;
  flex-flow: column;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  height: 32rem;
  display: flex;
  position: static;
  overflow: clip;
}

.project-benefit-item.is-orange {
  background-color: var(--base-color-system--warning-yellow-medium);
}

.project-benefit-item.is-purple {
  background-color: var(--base-color-brand--300);
}

.project-benefit-item.is-dark {
  background-color: var(--base-color--violet-darkest);
  position: relative;
  overflow: visible;
}

.project-benefit-animation-wrapper {
  aspect-ratio: 1;
  border-radius: 1rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50%;
  display: flex;
  position: static;
  inset: 0% 0% auto;
}

.project-benefit-title {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.project-benefit-description {
  display: block;
}

.project-benefit-animation {
  object-fit: fill;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.section-profits {
  background-color: var(--background-color--bg-primary);
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.profits-wrapper {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.profits-content-wrapper {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  align-items: center;
  width: 100%;
  line-height: 1.75px;
  display: flex;
}

.profits-content-header {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-flow: column;
  align-items: center;
  max-width: 48rem;
  display: flex;
}

.project-benefit-text, .project-benefit-text.padding-medium {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.profits-content-body {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.profits-item-animation-wrapper {
  border-radius: 1rem;
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
  overflow: clip;
}

.profits-media-content {
  aspect-ratio: 1;
  background-color: var(--base-color--violet-darkest);
  justify-content: center;
  width: 100%;
  height: auto;
  display: flex;
  position: static;
}

.profits-animation {
  z-index: 0;
  flex: none;
  width: 100%;
  position: absolute;
  inset: 0%;
}

.profits-animation.is-orange {
  background-color: var(--base-color--orange-light\<deleted\|variable-8c688545-f31c-1306-3e36-9331dad2e4a1\>);
}

.profits-item-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  width: 50%;
  display: flex;
}

.profits-item-text-wrapper {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.section-contact {
  background-color: var(--base-color--black);
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.faq-item-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: row;
  flex: none;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: auto;
  display: flex;
}

.faq-content-header {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-flow: column;
  align-items: center;
  max-width: 48rem;
  display: flex;
}

.faq-content-wrapper {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  line-height: 1.75px;
  display: flex;
}

.faq-wrapper {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.faq-icon-wrapper {
  color: #98a2b3;
  border: 1px solid #98a2b3;
  border-radius: 50%;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  position: relative;
}

.faq-icon-vertical-line {
  background-color: #98a2b3;
  border-radius: 1px;
  width: 1px;
  height: .75rem;
  position: absolute;
}

.faq-item-content {
  width: 90%;
  overflow: hidden;
}

.faq-item {
  border-bottom: 1px solid #eaecf0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}

.faq-item.is-last {
  border-bottom-color: #0000;
}

.faq-icon {
  color: #7f56d9;
}

.faq-item-trigger {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  display: flex;
}

.faq-icon-horizontal-line {
  background-color: #98a2b3;
  border-radius: 1px;
  width: .75rem;
  height: 1px;
  position: absolute;
}

.faq-item-heading {
  color: var(--text-color--text-primary);
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.75rem;
}

.section-bg-light {
  background-color: #fff;
  background-image: linear-gradient(180deg, white, var(--base-color-neutral-black--950) 96%);
  border-bottom-right-radius: 4rem;
  border-bottom-left-radius: 4rem;
  overflow: clip;
}

.section-footer {
  background-color: var(--base-color--black);
  background-image: url('../images/not-just-shop_1not-just-shop.avif');
  background-position: 50% 120%;
  background-repeat: no-repeat;
  background-size: 90%;
  flex-direction: column;
  justify-content: center;
  display: flex;
  position: relative;
}

.footer-social-icons-wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.cta-download-button-icon {
  display: flex;
}

.navbar-button {
  grid-column-gap: .4rem;
  grid-row-gap: .4rem;
  background-color: var(--button-color--button-tetrary-bg);
  font-family: var(--font-family--font-family-primary);
  color: var(--text-color--text-primary);
  text-align: center;
  cursor: pointer;
  border-radius: 1rem;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: .5rem 1rem .5rem 1.2rem;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.75rem;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  overflow: clip;
}

.navbar-button:hover {
  background-color: var(--button-color--button-tetrary-bg-hover);
}

.tooltip-wrapper {
  display: flex;
  position: absolute;
  inset: 2% 8% auto auto;
}

.footer-interaction-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.nav-link-block-wrapper {
  flex: none;
  justify-content: center;
  align-items: stretch;
  width: auto;
  display: flex;
}

.nav-link-icon-wrapper {
  justify-content: center;
  display: none;
}

.nav-link-block {
  align-items: center;
  padding: .5rem 1rem;
  text-decoration: none;
  display: flex;
}

.nav-link-block.is-last {
  position: relative;
}

.nav-link-text {
  font-size: 1rem;
  line-height: 1rem;
}

.cta-download-mobile-desciption {
  display: none;
}

.cta-download-button-text-wrapper {
  font-size: 1rem;
}

.social-icon-link {
  color: var(--icon-color--icon-social-alternate);
  cursor: pointer;
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.social-icon-link:hover {
  color: var(--icon-color--icon-social-alternate-hover);
}

.social-icon {
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.footer-content-wrapper {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.footer-content {
  background-image: url('../images/we-love-minimal.svg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 100%;
  flex-flow: column;
  align-items: center;
  width: 100%;
  height: 10rem;
  line-height: 1.75px;
  display: flex;
}

.footer-content-bottom {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: row;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
}

.footer-content-top {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  align-items: center;
  display: flex;
}

.nav-cta-download-desktop {
  flex: none;
  display: flex;
}

.nav-cta-download-mobile {
  padding-left: 1rem;
  padding-right: 1rem;
  text-decoration: none;
  display: none;
}

.button-secondary-alt {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  font-family: var(--font-family--font-family-primary);
  color: var(--text-color--text-alternate);
  text-align: center;
  border-radius: .5rem;
  flex-flow: row;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.75rem;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: clip;
}

.footer-logo {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.footer-image-bg {
  width: 100%;
  max-width: 80rem;
  position: absolute;
  inset: auto 2% 0 2px;
}

.footer-email-copy-wrapper {
  background-color: var(--icon-color--icon-primary);
  border-radius: 999rem;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  overflow: clip;
}

.footer-email-copy-icon {
  object-fit: cover;
  flex: none;
  width: auto;
  height: auto;
  display: flex;
}

.footer-top-button-group {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: var(--flowui-component-library--gray-900\<deleted\|variable-7b64cafb\>);
  justify-content: center;
  align-items: center;
  display: flex;
}

.code-embed {
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.sticky-element-1 {
  z-index: 4;
  background-color: var(--base-color-brand--950);
  object-fit: cover;
  flex: none;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
}

.sticky-element-3 {
  z-index: 2;
  background-color: var(--base-color--violet-dark);
  object-fit: cover;
  flex: none;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
}

.offer-component-desktop {
  width: 100%;
  height: 300vh;
  display: block;
  position: relative;
}

.paragraph-3 {
  width: 100%;
  display: flex;
  position: static;
}

.offer-item-lebel-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: var(--base-color--grey-lighter);
  cursor: pointer;
  border-radius: 999rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  padding: .25rem .5rem;
  text-decoration: none;
  display: flex;
}

.offer-headling-label {
  letter-spacing: 2px;
  text-transform: uppercase;
  flex: none;
  font-size: .7rem;
  font-weight: 700;
  line-height: .7rem;
}

.offer-sticky {
  display: flex;
  position: sticky;
  top: 10rem;
}

.offer-component-tablet {
  width: 100%;
  height: 300vh;
  display: none;
  position: relative;
}

.section-case-study {
  background-color: var(--background-color--bg-primary);
  flex-direction: column;
  justify-content: center;
  display: flex;
  position: relative;
}

.possibilities-content-header {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-flow: column;
  align-items: center;
  max-width: 48rem;
  display: flex;
}

.possibilities-content-body {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: row;
  align-items: center;
  width: auto;
  display: flex;
}

.possibilities-item {
  z-index: 0;
  background-color: var(--base-color--grey-medium-light);
  border-radius: 1rem;
  flex-flow: column;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  height: auto;
  display: flex;
  position: relative;
  overflow: visible;
}

.possibilities-item.is-orange {
  background-color: var(--base-color-system--warning-yellow-medium);
}

.possibilities-item.is-black {
  z-index: 0;
  background-color: var(--component-color--component-dark-bg);
  overflow: hidden;
}

.possibilities-item.is-purple {
  z-index: 0;
  background-color: var(--component-color--component-secondary-bg);
}

.possibilities-item-image {
  z-index: 10;
  width: 80%;
  max-width: none;
  height: 70%;
  position: static;
}

.possibilities-item-image-wrapper {
  aspect-ratio: 1;
  border-radius: 1rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: static;
  inset: 0% 0% auto;
}

.possibilities-item-text-wrapper, .possibilities-item-text-wrapper.padding-medium {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.possibilities-item-title {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  text-align: center;
  flex-flow: column;
  display: flex;
}

.project-benefit-image-wrapper {
  aspect-ratio: 1;
  border-radius: 1rem;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 40%;
  display: flex;
  position: static;
  inset: 0% 0% auto;
}

.possibilities-animation {
  aspect-ratio: 1;
  border-radius: 1rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
  position: static;
  inset: 0% 0% auto;
}

.project-benefit-image {
  object-fit: fill;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.confetti-container {
  z-index: 4;
  justify-content: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  inset: auto;
  overflow: hidden;
}

.profits-image {
  aspect-ratio: 1;
  object-fit: contain;
  padding-top: 5%;
  padding-bottom: 5%;
}

.section-steps {
  background-color: var(--background-color--bg-primary);
  flex-direction: column;
  justify-content: center;
  display: flex;
  position: static;
  overflow: hidden;
}

.steps-wrapper {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.steps-content-wrapper {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  line-height: 1.75px;
  display: flex;
}

.steps-content-header {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-flow: column;
  align-items: center;
  max-width: 48rem;
  display: flex;
}

.steps-content-header.is-left {
  justify-content: flex-start;
  align-items: flex-start;
}

.steps-content-body {
  box-sizing: border-box;
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: row;
  width: 100%;
  display: flex;
}

.slide-content {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  align-items: flex-start;
  display: flex;
}

.slider-animation-content-wrapper {
  aspect-ratio: 1;
  background-color: var(--base-color--violet-darkest);
  object-fit: cover;
  border-radius: 1rem;
  justify-content: center;
  width: 50%;
  height: auto;
  display: flex;
  position: static;
}

.slider-animation-content-wrapper.is-orange {
  background-color: var(--component-color--component-highlight-bg\<deleted\|variable-d7e8a265-b08a-681f-94e9-de5edfedc366\>);
}

.slider-animation-content-wrapper.is-purple {
  background-color: var(--component-color--component-secondary-bg);
}

.slider-text-content-wrapper {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: column;
  align-items: flex-start;
  width: 50%;
  height: 27rem;
  padding-top: 2rem;
  display: flex;
}

.slider-animation {
  z-index: 0;
  flex: none;
  width: 100%;
  position: relative;
  inset: 0%;
  overflow: clip;
}

.steps-slider-slide {
  border: 1px solid var(--border-color--border-primary);
  border-top-left-radius: 1.5rem;
  border-bottom-left-radius: 1.5rem;
  width: 60rem;
  padding: 1rem;
}

.steps-slider-slide.is-second {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.steps-slider-slide.is-third {
  border-radius: 0 1.5rem 1.5rem 0;
}

.steps-slider {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: var(--base-color--white-transparent-full);
  flex-flow: column;
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
}

.steps-slider-mask {
  cursor: auto;
  width: 40rem;
  overflow: visible;
}

.slider-arrow-icon {
  border: 1px solid var(--border-color--border-primary);
  border-radius: 999rem;
  justify-content: center;
  align-items: center;
  width: 3.5rem;
  height: 3.5rem;
  display: flex;
}

.slider-back-arrow {
  transform-style: preserve-3d;
  position: static;
  inset: 0% 86% 0% auto;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.slider-back-arrow.back-button {
  cursor: pointer;
}

.steps-slider-arrow-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.slider-next-arrow {
  position: static;
  inset: 0% 86% 0% auto;
}

.slider-next-arrow.next-button {
  cursor: pointer;
}

.slider-pointer-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  align-items: center;
  padding-left: 1.5rem;
  display: flex;
}

.pointer-icon-wrapper {
  padding: .25rem;
}

.slider-badge-icon {
  flex: none;
  justify-content: center;
  align-self: center;
  align-items: center;
  display: flex;
}

.slider-lebel {
  grid-column-gap: .6rem;
  grid-row-gap: .6rem;
  background-color: var(--component-color--badge-bg-color);
  border-radius: 999rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  padding: .25rem 1rem .25rem .25rem;
  text-decoration: none;
  display: flex;
}

.slider-heading-wrapper {
  width: 100%;
}

.slider-description-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  width: 90%;
  display: flex;
  position: static;
}

.slider-badge-icon-wrapper {
  background-color: var(--component-color--badge-icon-bg);
  border-radius: 999rem;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: .3rem;
  display: flex;
}

.cta-download-mobile-label {
  border: 1px solid var(--border-color--border-primary);
  cursor: pointer;
  border-radius: 999rem;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: .5rem .8rem .5rem 1rem;
  text-decoration: none;
  display: flex;
  box-shadow: 0 1px 4px #0000000d;
}

.headling-label-copy {
  letter-spacing: 4px;
  text-transform: uppercase;
  flex: none;
  font-size: .7rem;
  line-height: .7rem;
}

.project-benefit-music-badge-wrapper {
  z-index: 1;
  height: 4rem;
  position: absolute;
  inset: .7rem auto auto -1rem;
}

.project-benefit-music-badge-wrapper.hover-audio-element {
  height: auto;
  left: .7rem;
}

.project-benefit-music-badge {
  grid-column-gap: .7rem;
  grid-row-gap: .7rem;
  cursor: auto;
  background-color: #d2f8bacc;
  border-radius: .8rem;
  width: auto;
  height: auto;
  padding: .25rem 1rem .25rem .25rem;
  display: flex;
}

.project-benefit-music-badge.click-audio-icon {
  cursor: pointer;
}

.music-badge-cover-wrapper {
  aspect-ratio: 1;
  object-fit: contain;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 4rem;
  display: flex;
  position: relative;
}

.music-badge-text-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  min-width: 9rem;
  line-height: 1rem;
  display: flex;
}

.music-badge-cover-photo {
  object-fit: cover;
  border-radius: .5rem;
  width: 100%;
  height: auto;
}

.music-badge-animation-wrapper {
  width: 5rem;
  height: 1rem;
  display: flex;
}

.music-badge-content-wrapper {
  flex-flow: column;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.music-badge-icon-play {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.music-badge-icon-pause {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.music-badge-cover {
  display: flex;
  overflow: clip;
}

.nav-logo-name {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 8rem;
  display: flex;
}

.nav-container {
  flex: none;
  width: 100%;
  display: block;
}

.nav-links-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: row;
  flex: none;
  display: flex;
}

.footer-interaction-icon {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.nav-content-wrapper {
  flex: none;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.footer-top-heading-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.terms-steps {
  background-color: var(--background-color--bg-primary);
  flex-direction: column;
  justify-content: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.terms-wrapper {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: flex;
}

.terms-content-wrapper {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: column;
  align-items: center;
  width: 100%;
  max-width: 50rem;
  line-height: 1.75px;
  display: flex;
}

.terms-content-header {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-flow: column;
  align-items: center;
  max-width: 48rem;
  display: flex;
}

.terms-content {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: row;
  align-items: center;
  width: 100%;
}

.nav-link-logo-rotate {
  flex: none;
  width: 3rem;
  height: 3rem;
  display: flex;
}

.nav-link-logo-rotate-wrapper {
  flex: none;
}

.nav-link-logo {
  flex: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.footer-top-button-text-wrapper {
  color: var(--text-color--text-alternate);
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.75rem;
}

.footer-privacy-link-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  cursor: pointer;
  line-height: 1.75rem;
  text-decoration: none;
  display: flex;
}

.footer-privacy-link-wrapper.w--current {
  cursor: pointer;
}

.footer-privacy-link {
  color: var(--button-color--button-secondary-border-hover);
  font-size: .8rem;
}

.footer-privacy-link:hover {
  color: var(--icon-color--icon-social-alternate-hover);
}

.footer-content-separator {
  border-bottom: 1px dashed var(--border-color--border-primary);
  background-color: var(--text-color--text-secondary);
  width: 100%;
  height: .5px;
}

.footer-privacy-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.cta-download-button-wrapper {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  font-family: var(--font-family--font-family-primary);
  color: var(--text-color--text-alternate);
  text-align: center;
  border-radius: .5rem;
  flex: none;
  justify-content: flex-end;
  align-items: center;
  padding: .3rem 1.5rem .3rem 1rem;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.75rem;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  position: static;
  inset: auto 2rem auto auto;
  overflow: clip;
}

.cta-download-button-wrapper:hover {
  background-color: var(--button-color--button-primary-hover);
  box-shadow: 1px 6px 8px #00000047;
}

.cta-download-mobile-button {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  background-color: var(--button-color--button-primary-bg);
  font-family: var(--font-family--font-family-primary);
  color: var(--text-color--text-alternate);
  text-align: center;
  border-radius: .5rem;
  flex: none;
  justify-content: flex-end;
  align-items: center;
  padding: .3rem 1.5rem .3rem 1rem;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.75rem;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  position: static;
  inset: auto 2rem auto auto;
  overflow: clip;
  box-shadow: 0 3px 8px #00000040;
}

.cta-download-mobile-button:hover {
  background-color: var(--button-color--button-primary-hover);
  box-shadow: 1px 6px 8px #00000047;
}

.quote-icon {
  width: 3rem;
}

.heading, .heading-2, .heading-3 {
  font-family: var(--font-family--font-family-primary);
  font-size: 4rem;
  line-height: 4rem;
}

.contact-content-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-bottom: 2rem;
  display: flex;
}

.contact-item {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  width: 50%;
  display: flex;
}

.footer-content-above {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: row;
  flex: none;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: auto;
  display: none;
}

.footer-link-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.image {
  border-radius: 0;
}

.contact-group {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  line-height: 1.75px;
  display: flex;
}

.f-h3-heading {
  color: var(--flowui-component-library--gray-900\<deleted\|variable-7b64cafb\>);
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 48px;
  line-height: 1.2;
}

.f-container-regular {
  width: 100%;
  position: relative;
}

.f-paragraph-small {
  letter-spacing: -.01em;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.8;
}

.f-title-wrapper-center {
  z-index: 5;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 580px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.f-margin-bottom-08 {
  margin-bottom: 8px;
}

.f-margin-bottom-16 {
  margin-bottom: 16px;
}

.f-paragraph-large {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 32px;
}

.f-section-large {
  position: relative;
}

.service-icon-wrapper {
  background-color: var(--flowui-component-library--gray-100\<deleted\|variable-b37e6d8f\>);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: .5rem;
  display: flex;
}

.f-sub-heading-large {
  color: var(--flowui-component-library--gray-900\<deleted\|variable-7b64cafb\>);
  letter-spacing: -.02em;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
}

.f-heading-detail-small {
  color: var(--flowui-component-library--gray-500\<deleted\|variable-2268f126\>);
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
}

.f-margin-bottom-64 {
  margin-bottom: 64px;
}

.service-item-list {
  border: 1px dashed var(--border-color--border-primary);
  border-radius: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: start center;
  width: 100%;
  display: grid;
}

.service-item-list.padding-medium {
  align-items: flex-start;
}

.f-feature-card-divider {
  background-color: var(--flowui-component-library--gray-200\<deleted\|variable-7bab5fb1\>);
  width: 1px;
  height: 200px;
  margin-left: 40px;
  margin-right: 40px;
  display: flex;
}

.f-container-regular-2 {
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.f-section-large-2 {
  padding: 92px 5%;
  position: relative;
}

.carousel-wrap {
  align-items: center;
  min-height: 5rem;
  margin-left: auto;
  margin-right: auto;
  padding: 32px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.logo-gradient-left {
  z-index: 5;
  background-image: linear-gradient(90deg, #fff, #fff 25%, #ffffffba 60%, #fff0);
  width: 500px;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.logo-gradient-right {
  z-index: 5;
  background-image: linear-gradient(267deg, #fff, #fff 21%, #ffffffa3 51%, #fff0);
  width: 500px;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.f-logo-carousel {
  flex: none;
  display: flex;
}

.f-logo-group {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.logo-css {
  display: none;
}

.carousel-logo-wrapper {
  border: 1px solid var(--border-color--border-primary);
  background-color: var(--background-color--bg-primary);
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  min-width: 140px;
  margin-left: .25rem;
  margin-right: .25rem;
  padding: 1rem .5rem;
  transition: background-color .3s;
  display: flex;
  box-shadow: 0 1px 10px 1px #0000000a;
}

.carousel-level {
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}

.carousel-wrapper {
  padding-left: 5%;
  padding-right: 5%;
  position: relative;
}

.section-services {
  background-color: var(--background-color--bg-primary);
  flex-direction: column;
  justify-content: center;
}

.service-item-content {
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.service-item-content.container-small {
  justify-content: flex-start;
  align-items: center;
}

.f-h3-heading-2 {
  color: var(--flowui-component-library--gray-900\<deleted\|variable-7b64cafb\>);
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 48px;
  line-height: 1.2;
}

.f-container-regular-4 {
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.f-paragraph-small-2 {
  letter-spacing: -.01em;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.8;
}

.f-title-wrapper-center-2 {
  z-index: 5;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 580px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.f-margin-bottom-65 {
  margin-bottom: 8px;
}

.f-margin-bottom-66 {
  margin-bottom: 16px;
}

.f-paragraph-large-2 {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 32px;
}

.f-section-large-4 {
  padding: 92px 5%;
  position: relative;
}

.f-feature-icon-wrapper {
  background-color: var(--flowui-component-library--gray-100\<deleted\|variable-b37e6d8f\>);
  border-radius: 8px;
  width: 72px;
  min-width: 72px;
  height: 72px;
  min-height: 72px;
  margin-bottom: 32px;
  padding: 16px;
}

.f-sub-heading-large-2 {
  color: var(--flowui-component-library--gray-900\<deleted\|variable-7b64cafb\>);
  letter-spacing: -.02em;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
}

.f-heading-detail-small-2 {
  color: var(--flowui-component-library--gray-500\<deleted\|variable-2268f126\>);
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
}

.f-margin-bottom-67 {
  margin-bottom: 64px;
}

.results-content {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 60% 40%;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: stretch stretch;
  width: 100%;
  display: flex;
}

.results-content.is-reverse {
  grid-template-columns: 40% auto;
}

.results-content.is-different {
  box-shadow: none;
  grid-template-columns: 40% 60%;
  display: flex;
}

.f-feature-card-divider-2 {
  background-color: var(--flowui-component-library--gray-200\<deleted\|variable-7bab5fb1\>);
  width: 1px;
  height: 200px;
  margin-left: 40px;
  margin-right: 40px;
}

.marquee-logo-below {
  flex: none;
  display: flex;
}

.results-wrapper {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.result-column-content {
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
}

.button-tetrary {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: var(--button-color--button-tetrary-bg);
  box-shadow: none;
  font-family: var(--font-family--font-family-primary);
  color: var(--text-color--text-primary);
  text-align: center;
  cursor: pointer;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .8rem 1.5rem;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.75rem;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  overflow: visible;
}

.button-tetrary:hover {
  border-color: var(--button-color--button-secondary-border-hover);
  background-color: var(--button-color--button-tetrary-bg-hover);
}

.container-xsmall {
  width: 100%;
  max-width: 24rem;
  margin-left: 0;
  margin-right: 0;
}

.container-xxsmall {
  width: 100%;
  max-width: 15rem;
}

.service-item {
  border-right: 1px dashed var(--border-color--border-primary);
  flex: 1;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.service-item.is-last {
  border-right-style: none;
  border-right-width: 0;
}

.result-column {
  background-color: var(--background-color--bg-primary);
  border-radius: 1rem;
  width: 100%;
  overflow: clip;
}

.result-column.is-black {
  background-color: var(--base-color--black);
  background-image: linear-gradient(180deg, #c758ff2e, var(--base-color--white-transparent-full));
  overflow: visible;
  box-shadow: 0 0 #071f5700, -.8px .5px .4px #071f5708, -1.8px 1px .8px #071f570a, -3px 1.6px 1.6px #071f570b, -4.7px 2.6px 2.9px #071f570c, -7.7px 4.3px 5.3px #071f570c, -13.4px 7.4px 10.4px #071f570d, -26.6px 14.7px 22.8px #071f570e;
}

.result-column.is-violet {
  background-color: var(--base-color--violet-light);
  background-image: linear-gradient(180deg, var(--base-color--white-transparent-full), var(--base-color--blue-medium-light));
  filter: saturate(152%);
}

.section-opinie {
  background-color: var(--background-color--bg-primary);
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.results-content-wrapper {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  align-items: center;
  width: 100%;
  display: flex;
}

.results-item {
  border: 1px dashed var(--border-color--border-primary-hover);
  align-items: flex-end;
  height: 100%;
  display: flex;
}

.results-item.is-third {
  border-style: none;
  border-top-color: var(--border-color--border-primary-hover);
  border-left-color: var(--border-color--border-primary-hover);
  border-bottom-left-radius: 12px;
}

.results-item.is-fourth {
  border-top-color: var(--border-color--border-primary-hover);
  border-right-style: none;
  border-right-color: var(--border-color--border-primary-hover);
  border-bottom-style: none;
  border-left-style: dashed;
  border-left-color: var(--border-color--border-primary-hover);
  text-decoration: none;
}

.results-item.is-second {
  border-style: none;
  text-decoration: none;
}

.results-item.is-first, .results-item.is-first-copy {
  border-color: var(--border-color--border-primary-hover);
  border-top-style: none;
  border-left-style: none;
  border-top-left-radius: 12px;
}

.f-margin-bottom-12 {
  margin-bottom: 12px;
}

.f-margin-bottom-68 {
  margin-bottom: 16px;
}

.grid-image {
  object-fit: contain;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  flex: none;
  width: 200%;
  max-width: none;
  height: 100%;
  position: absolute;
}

.grid-image.add-border {
  border-right: 1px dashed var(--border-color--border-primary);
}

.f-icon-regular {
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  transition: color .2s;
  display: flex;
}

.f-paragraph-regular {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 1.8;
}

.f-button-neutral {
  background-color: var(--flowui-component-library--gray-900\<deleted\|variable-7b64cafb\>);
  color: var(--flowui-component-library--white);
  text-align: center;
  letter-spacing: -.02em;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  min-height: 48px;
  padding: 12px 32px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: background-color .3s;
  display: flex;
}

.f-button-neutral:hover {
  background-color: var(--flowui-component-library--gray-700\<deleted\|variable-87e3868e\>);
}

.pointer-item {
  grid-column-gap: .2rem;
  color: var(--flowui-component-library--gray-900\<deleted\|variable-7b64cafb\>);
  align-items: center;
  display: flex;
}

.grid-one-column {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border: 1px solid var(--border-color--border-primary);
  background-color: var(--background-color--bg-primary);
  border-radius: .8rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  width: 100%;
  overflow: clip;
}

.grid-one-column.is-hidden {
  display: none;
}

.grid-single-image-wrapper {
  width: 100%;
  height: 500px;
  overflow: hidden;
}

.pointer-list {
  grid-row-gap: 12px;
  flex-direction: column;
  margin-top: 32px;
  margin-bottom: 42px;
  display: flex;
}

.f-button-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.grid-text-wrapper {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.f-h3-heading-3 {
  color: var(--flowui-component-library--gray-900\<deleted\|variable-7b64cafb\>);
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 48px;
  line-height: 1.2;
}

.f-container-regular-5 {
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.checkbox-wrapper {
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.checkbox-element {
  border-width: 2px;
  border-color: var(--flowui-component-library--gray-400\<deleted\|variable-d727af8f\>);
  background-color: var(--flowui-component-library--white);
  border-radius: 4px;
  width: 20px;
  height: 20px;
  margin: 0 8px 0 0;
}

.checkbox-element.w--redirected-checked {
  background-color: var(--flowui-component-library--gray-900\<deleted\|variable-7b64cafb\>);
  background-size: 12px;
  border-style: none;
  border-radius: 4px;
}

.checkbox-element.w--redirected-focus {
  box-shadow: none;
}

.field-imput {
  border: 1px solid var(--flowui-component-library--grey-300\<deleted\|variable-0cc6033c\>);
  border-radius: 8px;
  min-height: 48px;
  margin-bottom: 0;
  padding: 12px 16px;
  transition: all .2s;
}

.field-imput:focus {
  border-color: var(--flowui-component-library--gray-400\<deleted\|variable-d727af8f\>);
}

.field-imput::placeholder {
  color: var(--flowui-component-library--gray-500\<deleted\|variable-2268f126\>);
}

.text-area {
  border: 1px solid var(--flowui-component-library--grey-300\<deleted\|variable-0cc6033c\>);
  color: var(--flowui-component-library--gray-900\<deleted\|variable-7b64cafb\>);
  border-radius: 8px;
  min-height: 112px;
  margin-bottom: 0;
  padding: 16px;
  font-size: 14px;
  line-height: 24px;
}

.text-area:focus {
  border-color: var(--flowui-component-library--gray-400\<deleted\|variable-d727af8f\>);
}

.text-area::placeholder {
  color: var(--flowui-component-library--gray-500\<deleted\|variable-2268f126\>);
}

.dield-label {
  color: var(--flowui-component-library--gray-900\<deleted\|variable-7b64cafb\>);
  letter-spacing: -.01em;
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.f-margin-bottom-69 {
  margin-bottom: 8px;
}

.field-wrapper {
  margin-bottom: 16px;
}

.field-wrapper.is-hidden {
  display: none;
}

.field-checkbox {
  margin-bottom: 32px;
}

.f-image-cover-2 {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.success-message {
  background-color: var(--flowui-component-library--success-lighter\<deleted\|variable-bed97e0f\>);
  letter-spacing: -.03em;
  height: 30rem;
  font-size: 14px;
  line-height: 24px;
}

.f-paragraph-large-3 {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 32px;
}

.f-section-large-5 {
  padding: 92px 5%;
  position: relative;
}

.f-button-neutral-2 {
  background-color: var(--flowui-component-library--gray-900\<deleted\|variable-7b64cafb\>);
  color: var(--flowui-component-library--white);
  text-align: center;
  letter-spacing: -.02em;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  min-height: 48px;
  padding: 12px 32px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: background-color .3s;
  display: flex;
}

.f-button-neutral-2:hover {
  background-color: var(--flowui-component-library--gray-700\<deleted\|variable-87e3868e\>);
}

.f-heading-detail-small-3 {
  color: var(--flowui-component-library--gray-500\<deleted\|variable-2268f126\>);
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
}

.f-checkbox-label {
  color: var(--flowui-component-library--gray-900\<deleted\|variable-7b64cafb\>);
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.f-margin-bottom-48 {
  margin-bottom: 48px;
}

.contact-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.contact-form.padding-medium {
  height: 30rem;
}

.contact-content {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px dashed var(--border-color--border-primary-hover);
  border-radius: .8rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: start;
  width: 100%;
  overflow: clip;
}

.f-contact-image-wrapper {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 550px;
  height: 100%;
  display: flex;
}

.error-message {
  background-color: var(--base-color-system--error-red);
  color: var(--text-color--text-error);
  text-align: center;
  border-radius: 8px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.results-item-copy {
  border: 1px dashed var(--border-color--border-primary);
}

.results-item-copy.is-third {
  border-style: none;
  border-bottom-left-radius: 12px;
}

.results-item-copy.is-fourth {
  border-bottom-style: none;
  border-right-style: none;
}

.results-item-copy.is-second {
  border-style: none;
}

.results-item-copy.is-first {
  border-top-style: none;
  border-left-style: none;
  border-top-left-radius: 12px;
}

.div-block-5 {
  align-items: center;
  display: flex;
}

.section-faq {
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.section-bg-lgradient {
  background-color: var(--base-color--black);
}

.section-bg-gradient-reverse {
  background-color: #fff;
  background-image: linear-gradient(#fff, #c3d8fe);
  border-bottom-right-radius: 2rem;
  border-bottom-left-radius: 2rem;
  overflow: clip;
}

.f-margin-bottom-71 {
  margin-bottom: 12px;
}

.f-margin-bottom-72 {
  margin-bottom: 32px;
}

.f-h5-heading {
  color: var(--flowui-component-library--gray-900\<deleted\|variable-7b64cafb\>);
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  line-height: 1.4;
}

.f-icon-regular-2 {
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  transition: color .2s;
  display: flex;
}

.f-paragraph-regular-2 {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 1.8;
}

.f-grid-one-column {
  grid-column-gap: 40px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.f-career-badge {
  background-color: var(--flowui-component-library--gray-100\<deleted\|variable-b37e6d8f\>);
  color: var(--flowui-component-library--gray-500\<deleted\|variable-2268f126\>);
  text-align: center;
  border-radius: 24px;
  justify-content: flex-start;
  align-items: center;
  padding: 4px 12px;
  font-size: 12px;
  line-height: 16px;
  display: inline-block;
}

.f-career-card {
  border: 1px dashed var(--border-color--border-primary-hover);
  background-color: var(--base-color--white-transparent-50);
  border-radius: .8rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
  display: flex;
  overflow: clip;
}

.f-career-card:hover {
  box-shadow: 0 48px 140px -48px #393b6a29;
}

.f-career-icon-wrapper {
  background-color: var(--flowui-component-library--gray-100\<deleted\|variable-b37e6d8f\>);
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}

.f-career-top-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.f-career-tab-menu-vertical {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.f-career-tab-content {
  margin-left: 10%;
}

.f-career-tabs {
  flex-direction: row;
  display: flex;
}

.f-career-tab-link {
  color: #1b114a;
  letter-spacing: -.01em;
  background-color: #0000;
  border-radius: 4px;
  min-width: 295px;
  margin-bottom: 8px;
  padding-top: 14px;
  padding-bottom: 14px;
  padding-left: 16px;
  font-size: 14px;
  font-weight: 500;
  transition: all .3s;
}

.f-career-tab-link.w--current {
  background-color: #f3f5fb;
}

.f-career-title-wrapper {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.f-career-detail-row {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.f-career-detail {
  grid-column-gap: 12px;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.features-content {
  width: 100%;
}

.f-career-button-primary {
  background-color: var(--flowui-component-library--gray-900\<deleted\|variable-7b64cafb\>);
  color: var(--flowui-component-library--white);
  text-align: center;
  letter-spacing: -.02em;
  border-radius: 48px;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 8px 32px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: background-color .2s;
  display: flex;
}

.f-career-button-primary:hover {
  background-color: var(--flowui-component-library--gray-700\<deleted\|variable-87e3868e\>);
}

.div-block-6 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-7 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border: 1px dashed var(--border-color--border-primary-hover);
  border-radius: .8rem;
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  display: flex;
  overflow: clip;
}

.div-block-8 {
  background-color: var(--background-color--bg-primary);
  border-radius: 999rem;
  width: 5px;
  height: 5px;
}

.text-block {
  z-index: 1;
  font-size: .9rem;
  position: relative;
}

.button-mesh {
  color: #fff;
  cursor: pointer;
  border-radius: 62rem;
  margin-left: auto;
  margin-right: auto;
  font-size: .9rem;
  font-weight: 400;
  text-decoration: none;
  transition: transform .2s, box-shadow .2s;
  position: relative;
  box-shadow: 0 4px 11px #00000080;
}

.button-mesh:active {
  transform: translate(0, 4px);
  box-shadow: 0 4px 4px #0000004d;
}

.button__inner {
  border-radius: 62rem;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding: .8125rem 1.875rem;
  transition: box-shadow .2s;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 0 7px #ffffff2e;
}

.button__inner:hover {
  box-shadow: inset 0 0 7px #fff9;
}

.gradient {
  z-index: 0;
  border-radius: 62rem;
  position: absolute;
  inset: 0%;
}

.gradient__ball {
  filter: blur(20px);
  mix-blend-mode: overlay;
  border-radius: 50%;
  width: 50%;
  height: 50%;
}

.gradient__ball.gradient__ball--1 {
  background-image: linear-gradient(90deg, #238dd9, #000 84%, #238dd900);
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
}

.gradient__ball.gradient__ball--1:hover {
  background-image: linear-gradient(90deg, #238dd9, #000 0%, #238dd900);
}

.gradient__ball.gradient__ball--2 {
  background-image: linear-gradient(78deg, #0093f35c, #0f3062);
  position: absolute;
  bottom: 0;
  left: 50%;
}

.button__text {
  z-index: 4;
  position: relative;
}

.gradient-glow {
  opacity: .61;
  position: absolute;
  inset: 0%;
}

.badge-services {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  border: .8px solid var(--border-color--border-primary);
  background-color: var(--background-color--bg-primary);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  color: var(--text-color--text-secondary);
  border-radius: 999rem;
  flex: none;
  align-items: center;
  width: auto;
  padding: .25rem .8rem .25rem .5rem;
  font-size: 12px;
  line-height: 1.4;
  display: flex;
  position: absolute;
  inset: auto 35% 10% auto;
  box-shadow: inset 0 -4px 12px #ffffff0a;
}

.badge-services.empty {
  border-right-style: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  flex: 1;
  margin-right: -8px;
}

.badge-services.is-social-media {
  top: 25%;
  bottom: auto;
  right: 15%;
}

.badge-services.is-reklama {
  top: 50%;
  bottom: auto;
  right: 20%;
}

.badge-services.is-product-management {
  bottom: 55%;
  right: 25%;
}

.badge-services.is-kampanie {
  bottom: 40%;
  left: 25%;
  right: auto;
}

.badge-services.is-sprzeda {
  inset: 5% auto auto 35%;
}

.badge-services.is-analiza-rynku {
  inset: 15% auto auto 15%;
}

.badge-services.is-sprzeda-copy {
  inset: 5% auto auto 35%;
}

.linear-border {
  z-index: 0;
  pointer-events: none;
  border-radius: 12px 12px 6px 6px;
  position: absolute;
  inset: 0%;
}

.linear-border.cta-border {
  z-index: 3;
  border-radius: 8px;
}

.icon-x-small {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
}

.linear-code {
  display: none;
}

.cta-side {
  background-color: var(--base-color--grey-darker);
  border-radius: 8px;
  width: 100%;
  padding: 44px 1px 44px 44px;
  position: relative;
  overflow: hidden;
}

.wrap-v-regular {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  display: flex;
}

.cta-overlay {
  z-index: 3;
  background-image: linear-gradient(90deg, #14141700, #101013);
  width: 20%;
  position: absolute;
  inset: 0 0 0 auto;
}

.wrap-h-small {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  display: flex;
}

.cta-badge-wrap {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  margin-right: -2px;
  display: flex;
}

.paragraph-small {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 12px;
  line-height: 1.7;
}

.section-label {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: var(--base-color--gray-light);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  font-family: var(--font-family--font-family-secondary);
  color: var(--text-color--text-secondary);
  border-radius: .2rem;
  align-items: center;
  padding: .1rem .8rem;
  font-size: 12px;
  line-height: 1.7;
  display: flex;
  box-shadow: inset 0 -4px 12px #ffffffad;
}

.section-label.is-light {
  background-color: var(--base-color--white-transparent-50);
}

.icon-wrap {
  background-color: var(--base-color--white-transparent-50);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  border: 1px solid #ffffff0a;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 13px;
  display: flex;
  position: relative;
  box-shadow: inset 0 -4px 8px #ffffff0f;
}

.feature-icon {
  z-index: 2;
  flex: none;
  width: 22px;
  height: 22px;
  position: relative;
}

.icon-line {
  z-index: 4;
  pointer-events: none;
  background-image: linear-gradient(90deg, #e5e7e803, #e5e7e84f);
  width: 100%;
  height: 1px;
  position: absolute;
  inset: 0% auto auto;
  box-shadow: 0 33px 80px #fce48fcc, 0 16px 40px 2px #bb8ffccc, 0 10px 24px #fce48fa3, 0 12px 24px #bb8ffcb8, 0 4.2px 10.5px #fce48f99, 0 2.5px 6.25px #bb8ffc73, 0 1.5px 3.6px #fce48f66, 0 .66px 1.6px #bb8ffc3d;
}

.div-block-9 {
  max-width: 15rem;
}

.badge-contact-wrapper {
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.gradient-span {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#fff, #ffffffa3);
  -webkit-background-clip: text;
  background-clip: text;
}

.wrap-v-large {
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
}

.paragraph-regular {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.7;
}

.label-regular {
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.7;
}

.wrap-h-regular {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  display: flex;
}

.wrap-v-small {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

.icon-wrap-2 {
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  background-color: #ffffff45;
  background-image: linear-gradient(#fff0, #fff);
  border: 1px solid #ffffff0a;
  border-radius: 0 0 8px 8px;
  justify-content: center;
  align-items: center;
  padding: 13px;
  display: flex;
  position: relative;
  overflow: clip;
  box-shadow: inset 0 -4px 8px #ffffff0f;
}

.hero-avatar-group {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  color: var(--base-color--violet-darkest);
  background-color: #ffffff96;
  background-image: none;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  padding: .2rem .8rem .2rem .25rem;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.7;
  display: flex;
  position: relative;
  overflow: visible;
  box-shadow: inset 0 -4px 12px #ffffffad;
}

.feature-caption {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.features-wrapper {
  grid-column-gap: .2rem;
  grid-row-gap: .2rem;
  flex-flow: wrap;
  display: flex;
}

.features-wrapper.align-c {
  align-items: center;
}

.features-wrapper.wrap-child {
  flex-wrap: wrap;
}

.button-primary-small {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  text-align: center;
  background-color: #ffffff1f;
  background-image: linear-gradient(#ffffff14, #8e78b014);
  border: 1px solid #ffffff0f;
  border-radius: 40px;
  flex-direction: row;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 4px 12px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.7;
  transition: all .3s;
  box-shadow: inset 0 .75px .75px #ffffff29, inset 0 0 1px #ffffff1f;
}

.button-primary-small:hover {
  background-color: #ffffff0f;
}

.icon-wrapper {
  background-color: #ffffff45;
  background-image: linear-gradient(180deg, #fff0, var(--base-color--gray-lightest));
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  border: 1px solid #ffffff0a;
  border-radius: 0 0 8px 8px;
  justify-content: center;
  align-items: center;
  padding: 13px;
  display: flex;
  position: relative;
  overflow: clip;
  box-shadow: inset 0 -4px 8px #ffffff0f;
}

.icon-light {
  z-index: 4;
  pointer-events: none;
  background-image: linear-gradient(90deg, #e5e7e803, #e5e7e84f);
  width: 100%;
  height: 1px;
  position: absolute;
  inset: 0% auto auto;
  box-shadow: 0 33px 80px #fce48fcc, 0 16px 40px #bb8ffccc, 0 10px 24px #fce48fa3, 0 12px 24px #bb8ffc5c, 0 4.2px 10.5px #fce48f99, 0 2.5px 6.25px #6766c0ab, 0 1.5px 3.6px #fce48f66, 0 .66px 1.6px #bb8ffc3d;
}

.icon-line-copy-copy {
  z-index: 4;
  pointer-events: none;
  background-image: linear-gradient(90deg, #e5e7e803, #e5e7e84f);
  width: 90%;
  height: 1px;
  position: absolute;
  inset: -1px auto auto;
  box-shadow: 4px 33px 80px #fce48fcc, 0 16px 40px 2px #bb8ffccc, 0 10px 24px #fce48fa3, 0 12px 24px #bb8ffc5c, 0 4.2px 10.5px #fce48f99, 0 2.5px 6.25px #6766c0ab, 0 1.5px 3.6px #fce48f66, 0 .66px 1.6px #bb8ffc3d;
}

.gradient-wrapper {
  z-index: -1;
  filter: blur(160px);
  background-image: none;
  flex: 1;
  justify-content: center;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.circle {
  background-color: #fe3218;
  border-radius: 50%;
  width: 50vw;
  height: 80vh;
  position: absolute;
  inset: 0% 0% auto auto;
}

.circle._1 {
  filter: blur(5px);
  background-color: #182bfe;
  width: 100vw;
  height: 150vh;
  inset: auto 0% -30%;
}

.circle._2 {
  background-color: #ff911a;
  display: none;
  inset: -25% -10% auto auto;
}

.circle._4 {
  background-color: #450eff;
  display: none;
  inset: auto -10% -25% auto;
}

.circle._3 {
  background-color: #e100f5;
  display: none;
  inset: auto auto -39% -4%;
}

.hero-text-icon {
  flex: none;
  justify-content: center;
  align-items: center;
  font-size: 1.5rem;
  line-height: 1.2rem;
  display: flex;
}

.avatar-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.avatar-group-wrapper {
  justify-content: flex-start;
  display: flex;
}

.avatar-group {
  background-color: #e5e6f1;
  border: 1px solid #fff;
  border-radius: 100px;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: -8px;
  position: relative;
  box-shadow: 23px 23px 48px #38327c3d;
}

.gradient-shadow {
  filter: blur(50px);
  background-color: #0044c2a6;
  border-radius: 50%;
  width: 50%;
  height: 50%;
  position: absolute;
  inset: -20% auto auto -20%;
}

.gradient-shadow._1 {
  filter: blur(5px);
  background-color: #182bfe;
  width: 100vw;
  height: 150vh;
  inset: auto 0% -30%;
}

.gradient-shadow._2 {
  background-color: #ff911a;
  display: none;
  inset: -25% -10% auto auto;
}

.gradient-shadow._4 {
  background-color: #450eff;
  display: none;
  inset: auto -10% -25% auto;
}

.gradient-shadow._3 {
  background-color: #e100f5;
  display: none;
  inset: auto auto -39% -4%;
}

.feature-badge {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  border: .8px solid var(--border-color--border-primary-hover);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  font-family: var(--font-family--font-family-secondary);
  color: var(--base-color--grey-lighter);
  cursor: pointer;
  background-color: #ffffff0a;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  padding: .125rem .8rem;
  font-size: .7rem;
  line-height: 1.1rem;
  transition: color .2s, opacity .2s;
  display: flex;
  box-shadow: inset 0 -4px 12px #ffffff1a;
}

.contact-form-wrapper {
  border-style: none none none dashed;
  border-width: 1px;
  border-color: var(--border-color--border-primary-hover);
  background-color: var(--base-color--white-transparent-50);
}

.f-banner-flex-row {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #fff;
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.f-banner {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: var(--flowui-component-library--gray-900\<deleted\|variable-7b64cafb\>);
  color: var(--flowui-component-library--white);
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 56px;
  display: flex;
}

.f-icon-regular-3 {
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  transition: color .2s;
  display: flex;
}

.f-paragraph-regular-3 {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 1.8;
}

.f-container-regular-6 {
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.f-title-wrapper-center-3 {
  z-index: 5;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 580px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.f-title-wrapper-center-3.margin-bottom-48 {
  margin-bottom: 48px;
}

.f-h6-heading {
  color: var(--flowui-component-library--gray-900\<deleted\|variable-7b64cafb\>);
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  line-height: 1.5;
}

.logos-hero {
  grid-column-gap: 1.2rem;
  grid-row-gap: 1.2rem;
  grid-template-rows: auto;
  grid-template-columns: auto auto auto auto;
  place-items: center;
}

.f-section-small {
  padding: 64px 5%;
  position: relative;
}

.f-logo-plain {
  justify-content: center;
  align-items: center;
  min-height: 2rem;
  display: flex;
}

.logos-hero-container {
  flex-flow: column;
  justify-content: center;
  width: 100%;
  display: flex;
}

.usp-hero-wrapper {
  border-top: 1px dashed var(--border-color--border-primary);
  border-bottom: 1px dashed var(--border-color--border-primary);
  flex: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.usp-hero-wrapper.padding-tiny {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
}

.logo-asana {
  width: 5rem;
}

.logo-shopify {
  width: 1.5rem;
}

.logo-meta {
  width: 1.8rem;
}

.carousel-logo {
  width: 5rem;
  height: 2rem;
}

.f-margin-bottom-73 {
  margin-bottom: 8px;
}

.f-margin-bottom-74 {
  margin-bottom: 16px;
}

.f-paragraph-large-4 {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 32px;
}

.f-h4-heading {
  color: var(--flowui-component-library--gray-900\<deleted\|variable-7b64cafb\>);
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 40px;
  line-height: 1.4;
}

.f-button-neutral-3 {
  background-color: var(--flowui-component-library--gray-900\<deleted\|variable-7b64cafb\>);
  color: var(--flowui-component-library--white);
  text-align: center;
  letter-spacing: -.02em;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  min-height: 48px;
  padding: 12px 32px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: background-color .3s;
  display: flex;
}

.f-button-neutral-3:hover {
  background-color: var(--flowui-component-library--gray-700\<deleted\|variable-87e3868e\>);
}

.f-heading-detail-small-4 {
  color: var(--flowui-component-library--gray-500\<deleted\|variable-2268f126\>);
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
}

.f-grid-two-column-2 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: center;
}

.f-logo-block {
  border: 1px dashed var(--border-color--border-primary-hover);
  background-color: var(--base-color--white-transport-70);
  border-radius: .8rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-height: 96px;
  padding: 24px;
  display: flex;
}

.f-logo-block.is-darker {
  background-color: var(--base-color--white-transparent-full);
  background-image: linear-gradient(236deg, #0095ff5e, #fff0 89%);
  justify-content: center;
  align-items: flex-start;
}

.f-logo-block.is-yellow {
  background-color: var(--base-color-brand--100);
}

.f-logo-button-wrap {
  justify-content: flex-start;
  margin-top: 100px;
  display: flex;
}

.f-logo-grid-primary {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.5fr;
}

.f-logo-grid-middle {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr;
  margin-top: 40px;
  margin-bottom: 40px;
}

.f-logo-button-text {
  width: 100%;
}

.f-logo-grid-wrapper {
  flex-flow: column;
  justify-content: center;
  display: flex;
}

.f-margin-bottom-75 {
  margin-bottom: 16px;
}

.contact-content-column {
  grid-template-rows: 50% auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.contact-phone-item {
  border-style: dashed;
  border-width: 0 1px 1px 0;
  border-color: var(--border-color--border-primary) var(--border-color--border-primary-hover) var(--border-color--border-primary-hover) var(--border-color--border-primary);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
  display: flex;
}

.contact-phone-item.is-third {
  border-style: none;
  border-top-color: var(--border-color--border-primary-hover);
  border-left-color: var(--border-color--border-primary-hover);
  border-bottom-left-radius: 12px;
}

.contact-phone-item.is-fourth {
  border-top-color: var(--border-color--border-primary-hover);
  border-bottom-style: none;
  border-right-style: none;
  border-left-color: var(--border-color--border-primary-hover);
}

.contact-phone-item.is-second {
  border-style: none;
}

.contact-phone-item.is-first, .contact-phone-item.is-first-copy {
  border-color: var(--border-color--border-primary-hover);
  border-top-style: none;
  border-left-style: none;
  border-top-left-radius: 12px;
}

.icon-usp {
  max-height: 1.6rem;
}

.label-small {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.7;
}

.badge-contact {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  border: .8px solid var(--border-color--border-primary-hover);
  background-color: var(--base-color--yellow-lightest);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  cursor: pointer;
  border-radius: 40px;
  align-items: center;
  padding: 2px 8px 2px 6px;
  font-size: 12px;
  line-height: 1.7;
  transition: color .2s, opacity .2s;
  display: flex;
  box-shadow: inset 0 -4px 12px #ffffff1a;
}

.contact-mail-item {
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.contact-mail-item.is-third {
  border-style: none;
  border-bottom-left-radius: 12px;
}

.contact-mail-item.is-fourth {
  border-bottom-style: none;
  border-right-style: none;
}

.contact-mail-item.is-second {
  border-style: none;
}

.contact-mail-item.is-first {
  border-top-style: none;
  border-left-style: none;
  border-top-left-radius: 12px;
}

.contact-link-item {
  border-top: 1px dashed var(--border-color--border-primary-hover);
  border-left: 1px dashed var(--border-color--border-primary-hover);
  align-items: flex-end;
  height: 100%;
  text-decoration: none;
  display: flex;
}

.contact-link-item.is-third {
  border-style: none;
  border-top-color: var(--border-color--border-primary-hover);
  border-left-color: var(--border-color--border-primary-hover);
  border-bottom-left-radius: 12px;
}

.contact-link-item.is-fourth {
  border-top-color: var(--border-color--border-primary-hover);
  border-right-style: none;
  border-right-color: var(--border-color--border-primary-hover);
  border-bottom-style: none;
  border-left-style: dashed;
  border-left-color: var(--border-color--border-primary-hover);
  text-decoration: none;
}

.contact-link-item.is-second {
  border-style: none;
  text-decoration: none;
}

.contact-link-item.is-first, .contact-link-item.is-first-copy {
  border-color: var(--border-color--border-primary-hover);
  border-top-style: none;
  border-left-style: none;
  border-top-left-radius: 12px;
}

.contact-linkedin-item {
  align-items: flex-end;
  height: 100%;
  text-decoration: none;
  display: flex;
}

.contact-linkedin-item.is-third {
  border-style: none;
  border-top-color: var(--border-color--border-primary-hover);
  border-left-color: var(--border-color--border-primary-hover);
  border-bottom-left-radius: 12px;
}

.contact-linkedin-item.is-fourth {
  border-top-color: var(--border-color--border-primary-hover);
  border-right-style: none;
  border-right-color: var(--border-color--border-primary-hover);
  border-bottom-style: none;
  border-left-style: dashed;
  border-left-color: var(--border-color--border-primary-hover);
  text-decoration: none;
}

.contact-linkedin-item.is-second {
  border-style: none;
  text-decoration: none;
}

.contact-linkedin-item.is-first, .contact-linkedin-item.is-first-copy {
  border-color: var(--border-color--border-primary-hover);
  border-top-style: none;
  border-left-style: none;
  border-top-left-radius: 12px;
}

.section-service-hero {
  background-color: var(--background-color--bg-primary);
  background-image: linear-gradient(180deg, var(--base-color--white) 33%, #fff0 40%), url('../images/cirle-bg.svg');
  background-position: 0 0, 50% 45%;
  background-repeat: repeat, no-repeat;
  background-size: auto, 750px;
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.action-bg {
  border-radius: var(--font-family--16px);
  background-color: var(--background-color--bg-alternate);
  background-image: url('../images/lines-bg.svg'), radial-gradient(circle farthest-corner at 50% 100%, var(--base-color-brand--700) 30%, white);
  text-align: center;
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 459px, auto;
  width: 100%;
}

.uui-page-padding {
  padding-left: 2rem;
  padding-right: 2rem;
}

.uui-container-small {
  width: 100%;
  max-width: 48rem;
  margin-left: auto;
  margin-right: auto;
}

.uui-heading-large {
  color: var(--untitled-ui--gray900\<deleted\|variable-f63dbb51\>);
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.2;
}

.uui-button {
  grid-column-gap: .5rem;
  border: 1px solid var(--untitled-ui--primary600\<deleted\|variable-c514c1b4\>);
  background-color: var(--untitled-ui--primary600\<deleted\|variable-c514c1b4\>);
  color: var(--untitled-ui--white\<deleted\|variable-e3beb9c1\>);
  text-align: center;
  white-space: nowrap;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-button:hover {
  border-color: var(--untitled-ui--primary700\<deleted\|variable-da4f7fa3\>);
  background-color: var(--untitled-ui--primary700\<deleted\|variable-da4f7fa3\>);
}

.uui-button:focus {
  background-color: var(--untitled-ui--primary600\<deleted\|variable-c514c1b4\>);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--primary100\<deleted\|variable-35a3c723\>);
}

.button-wrapper {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.button-wrapper.button-row-center {
  justify-content: center;
}

.uui-text-size-xlarge {
  color: var(--untitled-ui--gray600\<deleted\|variable-10a0cd12\>);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1.25rem;
  line-height: 1.5;
}

.uui-button-secondary-gray {
  grid-column-gap: .5rem;
  border: 1px solid var(--untitled-ui--gray300\<deleted\|variable-51e0117e\>);
  background-color: var(--untitled-ui--white\<deleted\|variable-e3beb9c1\>);
  color: var(--untitled-ui--gray700\<deleted\|variable-d4f37b50\>);
  text-align: center;
  white-space: nowrap;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-button-secondary-gray:hover {
  background-color: var(--untitled-ui--gray50\<deleted\|variable-8a511359\>);
  color: var(--untitled-ui--gray800\<deleted\|variable-0a1a9f61\>);
}

.uui-button-secondary-gray:focus {
  background-color: var(--untitled-ui--white\<deleted\|variable-e3beb9c1\>);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--gray100\<deleted\|variable-4a47ec41\>);
}

.uui-space-small {
  width: 100%;
  min-height: 1.5rem;
}

.uui-space-medium {
  width: 100%;
  min-height: 2rem;
}

.uui-padding-vertical-xhuge {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.uui-heading-subheading {
  color: var(--untitled-ui--primary600\<deleted\|variable-c514c1b4\>);
  margin-bottom: .75rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
}

.grid-two-images-wrapper {
  z-index: 1;
  aspect-ratio: 3 / 2;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.content-grid {
  border-radius: var(--font-family--16px);
  background-color: var(--base-color-brand--500);
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  display: flex;
  overflow: visible;
  box-shadow: 0 0 #3c3c3c00, 0 0 #3c3c3c0e, -.1px .1px .1px #3c3c3c11, -.2px .5px .5px #3c3c3c13, -.6px 1.3px 1.3px #3c3c3c14, -1.5px 3px 3.2px #3c3c3c15, -3.2px 6.5px 6.8px #3c3c3c15, -6.7px 13.8px 14.6px #3c3c3c16, -15.4px 31.5px 33.2px #3c3c3c18;
}

.content-grid.is-black {
  background-color: var(--base-color--black);
  background-image: linear-gradient(#a571b433, #000);
}

.grid-two-column {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: stretch;
  width: 100%;
}

.circle-dash-border {
  z-index: 0;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.circle-background {
  z-index: 0;
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.headline-small {
  letter-spacing: -.03px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

.integration-circle-inner {
  z-index: 2;
  background-color: var(--base-color--white-transparent-full);
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  text-align: center;
  border-radius: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 262px;
  height: 262px;
  display: flex;
  position: relative;
}

.integration-circle {
  z-index: 6;
  background-image: radial-gradient(circle farthest-side at 50% 50%, var(--base-color--white) 25%, var(--base-color--white-transparent-full));
  border-width: 1px;
  border-color: #000;
  border-radius: 100%;
  padding: 32px;
  position: absolute;
  inset: auto;
}

.h3-heading {
  color: #fff;
  letter-spacing: -.17px;
  font-size: 40px;
  font-weight: 500;
  line-height: 1.2;
}

.div-block-13 {
  z-index: 0;
  background-image: url('../images/circle-bg.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 40rem;
  display: flex;
  position: absolute;
  inset: 20% 0%;
}

.text-block-2 {
  font-size: 14px;
  line-height: 1.7;
}

.carousel-group {
  flex-direction: row;
  flex: none;
  align-items: center;
  display: flex;
}

.icon-large {
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  transition: color .2s;
  display: flex;
}

.integration-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.carousel-holder {
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.carousel-holder.reverse {
  justify-content: flex-end;
}

.carousel-item {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  color: var(--base-color--gray-lightest);
  background-color: #0707093d;
  background-image: linear-gradient(#ffffff05, #fff0);
  border: 1px solid #1b1b1d;
  border-radius: 12px;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  min-width: 168px;
  margin-left: 12px;
  margin-right: 12px;
  padding: 18px 20px;
  font-size: 12px;
  line-height: 1.7;
  display: flex;
}

.carousel {
  flex: none;
  align-items: center;
  display: flex;
}

.carousel.reverse {
  justify-content: flex-end;
}

.services-name {
  font-size: 14px;
  line-height: 1.7;
}

.bg-image-section {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-image: none;
  background-position: 0 0;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.badge-services-wrapper {
  flex: 1;
  width: 100%;
  display: flex;
  position: relative;
}

.text-block-3 {
  font-size: .6rem;
}

.badge-services-area {
  flex-flow: column;
  flex: none;
  width: 100%;
  height: 20rem;
  display: flex;
}

.icon-tool {
  border: 1px solid var(--border-color--border-primary);
  background-color: var(--background-color--bg-primary);
  mix-blend-mode: luminosity;
  border-radius: 999rem;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  display: flex;
  overflow: hidden;
  box-shadow: 0 0 #0a317200, -1px 1.7px .2px #0a317206, -1.9px 3.5px .4px #0a317207, -2.9px 5.3px .7px #0a317208, -4px 7.2px .9px #0a317209, -5.2px 9.3px 1.2px #0a317209, -6.5px 11.7px 1.6px #0a31720a, -8px 14.4px 2.1px #0a31720a, -9.7px 17.6px 2.7px #0a31720a, -11.8px 21.4px 3.5px #0a31720b, -14.4px 26.1px 4.4px #0a31720b, -17.7px 32px 5.8px #0a31720b, -21.9px 39.6px 7.5px #0a31720b, -27.3px 49.5px 9.9px #0a31720b, -34.7px 62.8px 13.2px #0a31720c, -44.9px 81.4px 17.8px #0a31720c, -60px 108.7px 24.8px #0a31720c, -84px 152.3px 36px #0a31720d, -130px 235.6px 57.8px #0a31720e;
}

.icon-tool.is-badge {
  position: absolute;
  top: .5rem;
  left: .5rem;
}

.f-avatar-text-xl {
  color: var(--flowui-component-library--gray-400\<deleted\|variable-d727af8f\>);
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.5;
}

.icon-tools-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: center;
  display: flex;
  position: absolute;
  bottom: -50%;
}

.section-action {
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.section-about-hero {
  background-color: var(--background-color--bg-primary);
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.grid-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.section-service {
  background-color: var(--background-color--bg-primary);
  flex-direction: column;
  justify-content: center;
  display: flex;
  position: relative;
}

.grid-services {
  border: 1px solid var(--border-color--border-primary);
  border-radius: var(--font-family--16px);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: stretch center;
  width: 100%;
  display: inline-grid;
  overflow: clip;
}

.grid-services.padding-medium {
  align-items: flex-start;
}

.services-item {
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.services-item.is-last {
  border-right-style: none;
  border-right-width: 0;
}

.services-item.is-first, .services-item.is-second {
  border-right: 1px solid var(--border-color--border-primary);
  border-bottom: 1px solid var(--border-color--border-primary);
}

.services-item.is-third {
  border-bottom: 1px solid var(--border-color--border-primary);
  position: relative;
}

.services-item.is-fourth, .services-item.is-fifth {
  border-right: 1px solid var(--border-color--border-primary);
}

.services-item-wrapper {
  flex-flow: column;
  flex: 1;
  align-items: stretch;
  height: 100%;
  display: flex;
}

.services-item-wrapper.container-small {
  justify-content: flex-start;
  align-items: center;
}

.services-image {
  width: 100%;
}

.grid-single-image-wrapper-copy {
  width: 100%;
  height: 500px;
  position: relative;
  overflow: hidden;
}

.section {
  background-color: var(--background-color--bg-primary);
  background-image: linear-gradient(180deg, var(--base-color--white) 20%, #fff0 31%), url('../images/cirle-bg.svg');
  background-position: 0 0, 50% 30%;
  background-repeat: repeat, no-repeat;
  background-size: auto, 750px;
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.logos-wrapper {
  flex-flow: column;
  width: 100%;
  display: flex;
  position: absolute;
  inset: auto 0% 5%;
}

.f-logo-gradient-r-copy {
  z-index: 5;
  background-image: linear-gradient(267deg, #fff, #fff 21%, #ffffffa3 51%, #fff0);
  width: 100px;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.uui-text-size-small {
  color: var(--untitled-ui--gray600\<deleted\|variable-10a0cd12\>);
  letter-spacing: normal;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .875rem;
  line-height: 1.5;
}

.show-tablet {
  display: none;
}

.uui-button-2 {
  grid-column-gap: .5rem;
  border: 1px solid var(--untitled-ui--primary600\<deleted\|variable-c514c1b4\>);
  background-color: var(--untitled-ui--primary600\<deleted\|variable-c514c1b4\>);
  color: var(--untitled-ui--white\<deleted\|variable-e3beb9c1\>);
  text-align: center;
  white-space: nowrap;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-button-2:hover {
  border-color: var(--untitled-ui--primary700\<deleted\|variable-da4f7fa3\>);
  background-color: var(--untitled-ui--primary700\<deleted\|variable-da4f7fa3\>);
}

.uui-button-2:focus {
  background-color: var(--untitled-ui--primary600\<deleted\|variable-c514c1b4\>);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--primary100\<deleted\|variable-35a3c723\>);
}

.uui-dropdown-icon {
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
}

.uui-icon-1x1-xsmall {
  width: 1.5rem;
  height: 1.5rem;
}

.dropdown-content {
  grid-column-gap: 1rem;
  grid-row-gap: 0px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.nav-dropdown-link {
  grid-column-gap: 0rem;
  grid-row-gap: 0px;
  cursor: pointer;
  grid-template-rows: auto;
  grid-template-columns: 20% auto;
  grid-auto-columns: 1fr;
  place-items: center stretch;
  padding: .25rem;
  text-decoration: none;
  transition: all .3s;
  display: grid;
}

.nav-dropdown-link:hover {
  border-color: var(--border-color--border-primary-hover);
  background-color: var(--background-color--bg-secondary);
  border-radius: .5rem;
}

.nav-dropdown-link.is-coming-soon {
  opacity: .4;
}

.nav-dropdown-link.is-coming-soon:hover {
  background-color: var(--background-color--bg-primary);
}

.dropdown-link-list {
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
  grid-auto-rows: max-content;
  grid-auto-columns: 1fr;
  display: grid;
}

.uui-navbar08_icon-wrapper {
  color: var(--untitled-ui--primary600\<deleted\|variable-c514c1b4\>);
  flex: none;
}

.dropdown-text {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.navbar-menu-dropdown.is-hidden {
  display: none;
}

.navbar {
  z-index: 999;
  border: 1px solid var(--border-color--border-primary);
  border-radius: var(--font-family--16px);
  background-color: #fff;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  max-width: 80rem;
  min-height: 5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  display: flex;
  position: fixed;
  top: .25rem;
}

.navbar-container {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 80rem;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.navbar-logo-link {
  padding-left: 0;
}

.navbar-logo-link.w--current {
  align-items: center;
  display: flex;
}

.navbar-link {
  font-family: var(--font-family--font-family-primary);
  color: var(--text-color--text-secondary);
  flex: none;
  align-items: center;
  padding: .75rem 1rem;
  font-size: .9rem;
  font-weight: 400;
  transition: all .3s;
}

.navbar-link:hover {
  color: var(--text-color--text-primary);
}

.navbar-link.w--current {
  color: #000;
}

.navbar-menu-links {
  flex: 0 auto;
  justify-content: center;
  display: flex;
}

.navbar-menu {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  margin-left: 1.5rem;
  display: flex;
  position: static;
}

.navbar-dropdown-toggle {
  grid-column-gap: .2rem;
  grid-row-gap: .2rem;
  font-family: var(--font-family--font-family-primary);
  color: var(--text-color--text-secondary);
  align-items: center;
  padding: .75rem .6rem .75rem 1rem;
  font-size: .9rem;
  transition: all .3s;
  display: flex;
}

.navbar-dropdown-toggle:hover {
  color: var(--text-color--text-primary);
}

.navbar-dropdown-list {
  box-shadow: 0 12px 16px -4px #00000014, 0 4px 6px -2px #10182808;
}

.navbar-dropdown-list.w--open {
  border: 1px solid var(--untitled-ui--gray200\<deleted\|variable-bad2ea62\>);
  background-color: var(--untitled-ui--white\<deleted\|variable-e3beb9c1\>);
  border-radius: .75rem;
  width: 20rem;
  padding: .125rem;
  left: 0%;
}

.uui-navbar08_text-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: 0px;
  align-items: center;
  margin-bottom: .25rem;
  display: flex;
}

.navbar-menu-right {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: flex;
}

.navbar-menu-button {
  padding: 0;
}

.uui-button-secondary-gray-2 {
  grid-column-gap: .5rem;
  border: 1px solid var(--untitled-ui--gray300\<deleted\|variable-51e0117e\>);
  background-color: var(--untitled-ui--white\<deleted\|variable-e3beb9c1\>);
  color: var(--untitled-ui--gray700\<deleted\|variable-d4f37b50\>);
  text-align: center;
  white-space: nowrap;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-button-secondary-gray-2:hover {
  background-color: var(--untitled-ui--gray50\<deleted\|variable-8a511359\>);
  color: var(--untitled-ui--gray800\<deleted\|variable-0a1a9f61\>);
}

.uui-button-secondary-gray-2:focus {
  background-color: var(--untitled-ui--white\<deleted\|variable-e3beb9c1\>);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--gray100\<deleted\|variable-4a47ec41\>);
}

.uui-button-secondary-gray-2.show-tablet {
  display: none;
}

.uui-button-tertiary-gray {
  grid-column-gap: .5rem;
  color: var(--untitled-ui--gray600\<deleted\|variable-10a0cd12\>);
  white-space: nowrap;
  background-color: #0000;
  border: 1px solid #0000;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.uui-button-tertiary-gray:hover {
  background-color: var(--untitled-ui--gray50\<deleted\|variable-8a511359\>);
  color: var(--untitled-ui--gray700\<deleted\|variable-d4f37b50\>);
}

.navbar-button-wrapper {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  align-items: center;
  display: flex;
}

.logo-component {
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 2rem;
  display: flex;
}

.uui-logo_logomark {
  border: .1px solid #dae0e8;
  border-radius: .5rem;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 1px 1px #1018280f, 0 1px 2px #1018281a;
}

.uui-styleguide_logomark-bg {
  border-radius: 8px;
  width: 2rem;
  height: 2rem;
  position: absolute;
  inset: 0%;
}

.uui-logo_logomark-blur {
  z-index: 2;
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  background-color: #fff3;
  border-bottom-right-radius: .5rem;
  border-bottom-left-radius: .5rem;
  width: 100%;
  height: 50%;
  position: absolute;
  inset: 50% 0% 0%;
  overflow: hidden;
}

.uui-logo_logomark-dot {
  z-index: 1;
  background-image: linear-gradient(26.5deg, #6941c6, #53389e);
  border-radius: 50%;
  width: 50%;
  height: 50%;
  position: relative;
}

.logo-desktop {
  flex: none;
  width: 10rem;
  height: 100%;
}

.uui-navbar08_heading {
  color: var(--untitled-ui--primary600\<deleted\|variable-c514c1b4\>);
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: .25rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .875rem;
  font-weight: 600;
}

.dropdown-badge {
  grid-column-gap: .25rem;
  background-color: var(--base-color--grey-lighter);
  color: var(--text-color--text-tetriary);
  white-space: nowrap;
  border-radius: 10rem;
  align-items: center;
  padding: .125rem .5rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .75rem;
  font-weight: 500;
  display: flex;
}

.uui-navbar08_item-heading {
  color: var(--untitled-ui--gray900\<deleted\|variable-f63dbb51\>);
  margin-bottom: .25rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-weight: 600;
}

.uui-navbar08_item-heading.margin-bottom-0 {
  margin-bottom: 0;
}

.uui-logo_image {
  flex: none;
  width: auto;
  height: 100%;
  display: block;
}

.icon-dropdown {
  border: 1px dashed var(--border-color--border-primary-hover);
  border-radius: .4rem;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  display: flex;
}

.dropdown-title {
  grid-column-gap: .2rem;
  grid-row-gap: .2rem;
  align-items: center;
  display: flex;
}

.image-interaction {
  z-index: 2;
  max-width: 20rem;
  transition: all .5s;
  display: block;
  position: absolute;
  top: 15%;
  right: -15%;
}

.image-interaction:hover {
  transform: rotate(-9deg);
}

.section-content-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.animation-inside {
  position: absolute;
  top: -20%;
  right: 0;
  transform: rotate(180deg);
}

.section-case-hero {
  background-color: var(--background-color--bg-primary);
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.section-case-about, .section-case-rage, .section-case-tools, .section-case-resources {
  background-color: var(--background-color--bg-primary);
  flex-direction: column;
  justify-content: center;
  display: flex;
  position: relative;
}

.div-block-16 {
  flex-flow: column;
  align-items: center;
  display: flex;
}

.f-banner-flex-row-2 {
  grid-column-gap: 16px;
  grid-row-gap: 8px;
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.f-banner-2 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: var(--flowui-component-library--gray-900\<deleted\|variable-7b64cafb\>);
  color: var(--flowui-component-library--white);
  justify-content: center;
  align-items: center;
  min-height: 56px;
  padding: 16px 5%;
  display: flex;
}

.f-paragraph-regular-4 {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 1.8;
}

.f-banner-badge {
  background-color: var(--flowui-component-library--primary-base\<deleted\|variable-2d1581e5\>);
  color: #fff;
  text-transform: uppercase;
  border-radius: 50px;
  padding: 4px 12px;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}

.f-h3-heading-4 {
  color: var(--flowui-component-library--gray-900\<deleted\|variable-7b64cafb\>);
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 48px;
  line-height: 1.2;
}

.f-container-regular-7 {
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.f-margin-bottom-76 {
  margin-bottom: 12px;
}

.f-paragraph-large-5 {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 32px;
}

.f-h5-heading-2 {
  color: var(--flowui-component-library--gray-900\<deleted\|variable-7b64cafb\>);
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  line-height: 1.4;
}

.f-section-large-6 {
  padding: 92px 5%;
  position: relative;
}

.f-heading-detail-small-5 {
  color: var(--flowui-component-library--gray-500\<deleted\|variable-2268f126\>);
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
}

.card-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.f-career-tab-button {
  color: var(--flowui-component-library--gray-900\<deleted\|variable-7b64cafb\>);
  text-align: center;
  letter-spacing: -.02em;
  white-space: nowrap;
  background-color: #0000;
  border-radius: 48px;
  height: 40px;
  margin-left: 8px;
  margin-right: 8px;
  padding: 8px 24px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  transition: all .3s;
}

.f-career-tab-button:hover {
  background-color: var(--flowui-component-library--gray-200\<deleted\|variable-7bab5fb1\>);
}

.f-career-tab-button.w--current {
  color: #fff;
  background-color: #160042;
  border-radius: 48px;
  font-weight: 500;
}

.f-career-tab-button.first-item {
  margin-left: 0;
}

.card-single {
  border: 1px solid var(--border-color--border-primary);
  border-radius: 12px;
  align-items: flex-start;
  max-width: 50rem;
  transition: box-shadow .3s;
  display: flex;
}

.card-single:hover {
  box-shadow: 0 48px 140px -48px #393b6a29;
}

.f-career-tab-menu {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-bottom: 32px;
  display: flex;
}

.top-card {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.f-career-tabs-regular {
  margin-top: 48px;
}

.card-content {
  width: 100%;
}

.f-career-button-primary-2 {
  background-color: var(--flowui-component-library--gray-900\<deleted\|variable-7b64cafb\>);
  color: var(--flowui-component-library--white);
  text-align: center;
  letter-spacing: -.02em;
  border-radius: 48px;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 8px 32px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: background-color .2s;
  display: flex;
}

.f-career-button-primary-2:hover {
  background-color: var(--flowui-component-library--gray-700\<deleted\|variable-87e3868e\>);
}

.f-career-title-centre {
  z-index: 5;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 540px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.f-career-button-wrapper {
  grid-column-gap: 14px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 32px;
  display: flex;
}

.f-career-button-secondary {
  border: 1px solid var(--flowui-component-library--grey-300\<deleted\|variable-0cc6033c\>);
  color: var(--flowui-component-library--gray-900\<deleted\|variable-7b64cafb\>);
  text-align: center;
  letter-spacing: -.02em;
  border-radius: 48px;
  justify-content: center;
  align-items: center;
  min-width: 120px;
  min-height: 40px;
  padding: 8px 32px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: border-color .2s, background-color .2s;
  display: flex;
}

.f-career-button-secondary:hover {
  background-color: var(--flowui-component-library--gray-200\<deleted\|variable-7bab5fb1\>);
  border-color: #0000;
}

.badge-card {
  background-color: var(--flowui-component-library--gray-100\<deleted\|variable-b37e6d8f\>);
  color: var(--flowui-component-library--gray-900\<deleted\|variable-7b64cafb\>);
  text-align: center;
  letter-spacing: -.02em;
  border-radius: 48px;
  justify-content: center;
  align-items: center;
  padding: 4px 12px;
  font-size: .8rem;
  line-height: 1rem;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.dot {
  background-color: var(--base-color--black);
  border-radius: 999rem;
  width: .3rem;
  height: .3rem;
}

.item-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  display: flex;
}

.navbar-menu-wrapper {
  flex: 1;
  justify-content: center;
  display: flex;
}

.button-card-wrapper {
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-end;
  display: none;
}

.section-utility {
  background-image: linear-gradient(#fff, #6f8bef 50%, #0d58c6 67%, #1a2b6b);
  flex-direction: column;
  flex: 1;
  justify-content: center;
  min-height: 95vh;
  display: flex;
  position: relative;
  overflow: clip;
}

.content-utility {
  flex-flow: column;
  justify-content: space-between;
  height: 100%;
  display: flex;
}

.text-block-4 {
  color: var(--base-color-system--error-red-dark);
}

.error-message-2 {
  background-color: var(--base-color--white-transparent-full);
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 1rem;
  line-height: 1.5rem;
  position: absolute;
  inset: auto 0% 2%;
}

.form-block {
  margin-bottom: 0;
  position: relative;
}

.success-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 90%;
  display: flex;
}

.success-animation {
  width: 3rem;
}

.section-case-item {
  background-color: var(--background-color--bg-primary);
  flex-direction: column;
  justify-content: center;
  display: flex;
  position: relative;
}

.text-block-5 {
  font-size: 1.1rem;
}

.usp-item {
  grid-column-gap: .2rem;
  grid-row-gap: .2rem;
  font-family: var(--font-family--font-family-secondary);
  align-items: center;
  padding-top: .25rem;
  padding-bottom: .25rem;
  font-size: .7rem;
  display: flex;
}

.text-style-technical {
  font-family: DM Mono, sans-serif;
  font-size: .8rem;
  line-height: 1rem;
}

.heading-4 {
  font-family: var(--font-family--font-family-primary);
}

.heading-5 {
  font-size: 5rem;
  line-height: 5rem;
}

.code-embed-2 {
  display: flex;
}

.text-block-6 {
  font-weight: 400;
}

.uui-text-size-medium {
  color: var(--untitled-ui--gray600\<deleted\|variable-10a0cd12\>);
  letter-spacing: normal;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

.uui-container-large {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.uui-page-padding-2 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.uui-max-width-small {
  width: 100%;
  max-width: 30rem;
}

.uui-button-3 {
  grid-column-gap: .5rem;
  border: 1px solid var(--untitled-ui--primary600\<deleted\|variable-c514c1b4\>);
  background-color: var(--untitled-ui--primary600\<deleted\|variable-c514c1b4\>);
  color: var(--untitled-ui--white\<deleted\|variable-e3beb9c1\>);
  text-align: center;
  white-space: nowrap;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-button-3:hover {
  border-color: var(--untitled-ui--primary700\<deleted\|variable-da4f7fa3\>);
  background-color: var(--untitled-ui--primary700\<deleted\|variable-da4f7fa3\>);
}

.uui-button-3:focus {
  background-color: var(--untitled-ui--primary600\<deleted\|variable-c514c1b4\>);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--primary100\<deleted\|variable-35a3c723\>);
}

.uui-button-3.is-button-large {
  grid-column-gap: .75rem;
  padding: 1rem 1.75rem;
  font-size: 1.125rem;
}

.uui-heading-xlarge {
  color: var(--untitled-ui--gray900\<deleted\|variable-f63dbb51\>);
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 3.75rem;
  font-weight: 600;
  line-height: 1.2;
}

.uui-button-row {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.uui-button-icon {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  min-width: 1.25rem;
  height: 1.25rem;
  min-height: 1.25rem;
  display: flex;
}

.uui-button-icon.is-icon-large {
  width: 1.5rem;
  min-width: 1.5rem;
  height: 1.5rem;
  min-height: 1.5rem;
}

.uui-ratings_component {
  align-items: center;
  display: flex;
}

.ratings_wrapper {
  margin-left: 1rem;
}

.ratings_stars-wrapper {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: .125rem;
  display: flex;
}

.uui-ratings_stars {
  width: 100%;
  height: 1.25rem;
  margin-right: .5rem;
}

.uui-text-size-xlarge-2 {
  color: var(--untitled-ui--gray600\<deleted\|variable-10a0cd12\>);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1.25rem;
  line-height: 1.5;
}

.uui-heroheader10_image-wrapper {
  justify-content: center;
  align-items: flex-end;
  height: 40rem;
  display: flex;
  position: relative;
}

.uui-heroheader10_image {
  z-index: 1;
  width: 100%;
  max-width: 19.75rem;
  position: relative;
  bottom: -12%;
}

.uui-heroheader10_notification-image-wrapper {
  z-index: 2;
  width: 23rem;
  position: absolute;
  inset: auto auto -3% -20%;
}

.uui-heroheader10_notification-image-01, .uui-heroheader10_notification-image-02 {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border-radius: .5rem;
  width: 20rem;
  min-width: 20rem;
  margin-bottom: .75rem;
}

.uui-heroheader10_notification-image-03 {
  opacity: .75;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border-radius: .5rem;
  width: 20rem;
  min-width: 20rem;
  margin-bottom: .75rem;
}

.uui-heroheader10_notification-image-04 {
  opacity: .5;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border-radius: .5rem;
  width: 20rem;
  min-width: 20rem;
  margin-bottom: 0;
}

.uui-section_heroheader10 {
  background-color: var(--untitled-ui--gray50\<deleted\|variable-8a511359\>);
}

.uui-heroheader10_image-background {
  z-index: 0;
  background-color: var(--untitled-ui--gray100\<deleted\|variable-4a47ec41\>);
  border-radius: 20rem 20rem 1.5rem 1.5rem;
  position: absolute;
  inset: 0%;
}

.uui-heroheader10_component {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.uui-button-secondary-gray-3 {
  grid-column-gap: .5rem;
  border: 1px solid var(--untitled-ui--gray300\<deleted\|variable-51e0117e\>);
  background-color: var(--untitled-ui--white\<deleted\|variable-e3beb9c1\>);
  color: var(--untitled-ui--gray700\<deleted\|variable-d4f37b50\>);
  text-align: center;
  white-space: nowrap;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-button-secondary-gray-3:hover {
  background-color: var(--untitled-ui--gray50\<deleted\|variable-8a511359\>);
  color: var(--untitled-ui--gray800\<deleted\|variable-0a1a9f61\>);
}

.uui-button-secondary-gray-3:focus {
  background-color: var(--untitled-ui--white\<deleted\|variable-e3beb9c1\>);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--gray100\<deleted\|variable-4a47ec41\>);
}

.uui-button-secondary-gray-3.is-button-large {
  grid-column-gap: .75rem;
  padding: 1rem 1.75rem;
  font-size: 1.125rem;
}

.uui-avatar-group_component {
  grid-column-gap: 0rem;
  flex-wrap: nowrap;
  align-items: center;
  padding-right: 1rem;
  display: flex;
}

.uui-avatar-group_item {
  z-index: 1;
  border: 2px solid var(--button-color--button-primary-bg);
  background-color: var(--base-color--blue-medium-light);
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
  margin-right: -.6rem;
  transition: all .375s;
}

.uui-avatar-group_item:hover {
  position: relative;
  transform: translate(0, -4px);
}

.uui-heroheader10_image-inner-wrapper {
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.uui-space-small-2 {
  width: 100%;
  min-height: 1.5rem;
}

.uui-space-large {
  width: 100%;
  min-height: 3rem;
}

.uui-padding-vertical-xhuge-2 {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.uui-ratings_number {
  color: var(--untitled-ui--gray700\<deleted\|variable-d4f37b50\>);
  letter-spacing: normal;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
}

.tools-hero-wrapper {
  border-style: dashed none;
  border-width: 1px;
  border-color: var(--border-color--border-primary);
  justify-content: center;
  width: 100%;
  height: 3rem;
  display: flex;
  position: relative;
}

.tools-hero-wrapper.is-left {
  justify-content: flex-start;
  align-items: center;
}

.image-2 {
  z-index: 1;
  border-radius: .5rem .5rem 0 0;
  width: 70%;
  position: absolute;
  inset: auto auto 0 5%;
}

.image-3 {
  width: 60%;
  position: absolute;
  inset: auto 0% 0% auto;
}

.logo-meeting-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: static;
  bottom: -50%;
}

.f-h3-heading-5 {
  color: var(--flowui-component-library--gray-900\<deleted\|variable-7b64cafb\>);
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 48px;
  line-height: 1.2;
}

.f-container-regular-8 {
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.f-paragraph-small-3 {
  letter-spacing: -.01em;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.8;
}

.avatar-image-testimonial {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.f-title-wrapper-center-4 {
  z-index: 5;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 580px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.f-margin-bottom-77 {
  margin-bottom: 16px;
}

.f-icon-regular-4 {
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  transition: color .2s;
  display: flex;
}

.f-paragraph-regular-5 {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 1.8;
}

.f-paragraph-regular-5.f-text-weight-medium {
  font-weight: 500;
}

.f-heading-detail-small-6 {
  color: var(--flowui-component-library--gray-500\<deleted\|variable-2268f126\>);
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
}

.f-grid-three-column {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  width: auto;
  display: grid;
  position: absolute;
  inset: 1rem 1rem 0%;
}

.autor-testimionial {
  grid-column-gap: 1rem;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.autor-testimionial:hover {
  border-color: #0000;
  box-shadow: 23px 23px 64px -16px #393b6a0f;
}

.avatar-testimonial {
  background-color: var(--flowui-component-library--gray-200\<deleted\|variable-7bab5fb1\>);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 48px;
  min-width: 48px;
  height: 48px;
  min-height: 48px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.f-section-regular {
  padding: 72px 5%;
  position: relative;
}

.f-text-weight-medium {
  font-weight: 500;
}

.f-margin-bottom-78 {
  margin-bottom: 48px;
}

.f-testimonial-background {
  background-color: var(--flowui-component-library--gray-100\<deleted\|variable-b37e6d8f\>);
  width: 100%;
  height: 30%;
  position: absolute;
  inset: auto 0% 0%;
}

.f-testimonial-star-wrapper {
  display: flex;
}

.f-testimonial-outline-small {
  border: 1px solid var(--flowui-component-library--gray-200\<deleted\|variable-7bab5fb1\>);
  color: var(--flowui-component-library--gray-900\<deleted\|variable-7b64cafb\>);
  background-color: #fff;
  border-radius: 12px;
  padding: 32px;
}

.div-block-17 {
  background-color: var(--base-color--violet-light);
  border-radius: .5rem;
  overflow: clip;
}

.testimonial-card {
  background-color: var(--background-color--bg-primary);
  border-radius: 1rem;
}

.testimonial-card.padding-small {
  border-radius: .8rem;
  flex-flow: column;
  display: flex;
}

.div-block-18 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.heading-xlarge {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  max-width: 42rem;
  display: flex;
}

.text-color-alternate-transparent-50 {
  color: var(--base-color--white-transparent-50);
}

.text-block-7 {
  font-size: .7rem;
}

.heading-8 {
  font-weight: 600;
}

.section-results-copy {
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.section-bg-lgradient-copy {
  background-color: var(--background-color--bg-secondary);
  background-image: linear-gradient(180deg, var(--background-color--bg-primary), var(--base-color-brand--100));
}

.text-color-alternate-transparent-70 {
  color: var(--base-color--white-transport-70);
}

.code-embed-3 {
  width: 100%;
}

.image-service-wrapper {
  z-index: 1;
  aspect-ratio: 3 / 2;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-height: 12rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.image-service {
  object-fit: contain;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  width: 100%;
  height: 100%;
}

.image-service.add-border {
  border-right: 1px dashed var(--border-color--border-primary);
}

.div-block-19 {
  z-index: 0;
  border-top: 1px dashed var(--border-color--border-primary);
  border-bottom: 1px dashed var(--border-color--border-primary);
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.value-wrapper {
  border-right: 1px dashed var(--border-color--border-primary);
  border-left: 1px dashed var(--border-color--border-primary);
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.form-container {
  width: 100%;
  display: flex;
}

.hero-badge-2 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: var(--base-color-neutral-black--50);
  font-family: var(--font-family--font-family-primary);
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  padding: .25rem 1rem .25rem .5rem;
  font-size: 12px;
  line-height: 1.7;
  display: flex;
  position: relative;
}

.wrap-h-xsmall {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: var(--base-color--white-transport-70);
  border-radius: .3rem;
  align-items: center;
  padding: .125rem 1rem .125rem .25rem;
  display: flex;
  position: absolute;
  inset: 2% auto auto 2%;
}

.wrap-h-xsmall.align-c {
  color: var(--base-color--grey-lighter);
  grid-column-gap: 8rem;
  grid-row-gap: 8rem;
  align-items: center;
  position: absolute;
  inset: 1% auto auto 1%;
}

.button-master {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  color: #fff;
  text-align: center;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #c3ff3d;
  border-radius: .5rem;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 1rem 2rem;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.75rem;
  text-decoration: none;
  transition: all .325s;
  display: flex;
  position: static;
  overflow: clip;
  box-shadow: 0 1px 8px #0000;
}

.button-master:hover {
  box-shadow: none;
  background-color: #e5e7e8;
  border-color: #8ab52b;
}

.button-master.is-secondary {
  color: #292a2d;
  background-color: #fff;
  border-color: #ced1d3;
}

.button-master.is-secondary:hover {
  background-color: #f5f6f6;
  border-color: #acafb4;
}

.vgvgvgv {
  z-index: 0;
  background-color: var(--base-color--white-transparent-20);
  background-image: linear-gradient(135deg, #ff52ff24, var(--base-color--white-transparent-full));
  border-radius: 1rem;
  flex-flow: row;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 2px 9px #0000004a;
}

.vgvgvgv.is-gradient {
  background-image: linear-gradient(to bottom, #00000080, #00000080), linear-gradient(122deg, var(--base-color--white-transparent-full), #e544fd52 60%, var(--base-color--white-transparent-full));
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  position: relative;
  overflow: hidden;
}

.div-block-68 {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.grid-2-col-copy {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  width: 100%;
  padding-top: 2rem;
  padding-left: 2rem;
  padding-right: 2rem;
  display: grid;
}

.service-card-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.service-card-wrapper-copy {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.spacer-small-2 {
  width: 100%;
  padding-top: 1.25rem;
  display: block;
}

.container-xxsmall-2 {
  max-width: 18rem;
}

.div-block-53-copy-copy {
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.text-size-small-2 {
  font-size: .8rem;
  line-height: 1.25rem;
}

.text-span-7 {
  color: #82868e;
}

.div-block-53-copy {
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.button-secondary-text-wrapper {
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-size-regular-2 {
  letter-spacing: 0;
  font-size: 1rem;
  line-height: 1.65rem;
}

.text-size-regular-2.text-quaternary {
  color: #70747a;
}

.service-feature {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  align-items: center;
  display: flex;
}

.text-align-left-2 {
  text-align: left;
}

.grid-project {
  z-index: 2;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 50fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.grid-reverse {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 60% 35%;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  width: 100%;
  padding-top: 2rem;
  display: grid;
}

.cennik-content {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding-bottom: 0;
  display: flex;
  overflow: clip;
}

.div-block-52 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 30% 65%;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  width: 100%;
  padding-top: 2rem;
  display: grid;
}

.heading-h3-display {
  font-style: italic;
}

.div-block-53 {
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.icon-1x1-xsmall {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
}

.footer-contact-link {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: var(--link-color--link-alternate);
  align-items: center;
  text-decoration: none;
  transition: color .3s;
  display: flex;
}

.icon-small {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 10rem;
  height: 20px;
  display: flex;
}

.icon-badge {
  width: 2.3rem;
  position: absolute;
  left: 5px;
}

.text-span-8 {
  font-family: var(--font-family--font-family-secondary);
}

.section-dark-content {
  border-style: none dashed dashed;
  border-width: 1px;
  border-color: black var(--border-color--border-primary-active) var(--border-color--border-primary-active);
  border-radius: 0 0 2rem 2rem;
  flex-flow: column;
  align-items: center;
  width: 100%;
  line-height: 1.75px;
  display: flex;
  position: relative;
}

.section-contact-content {
  border-style: dashed dashed solid;
  border-width: 1px;
  border-color: var(--border-color--border-primary-active);
  border-radius: 2rem;
  flex-flow: column;
  align-items: center;
  width: 100%;
  line-height: 1.75px;
  display: flex;
}

.image-kontakt {
  width: 8rem;
}

.lottie-animation {
  flex: 1;
}

.cta-badge {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  color: #fff;
  background-color: #ffffff05;
  border: .8px solid #ffffff0f;
  border-radius: 6px;
  flex: none;
  align-items: center;
  padding: 8px 12px 8px 10px;
  font-size: 12px;
  line-height: 1.4;
  display: flex;
  box-shadow: inset 0 -4px 12px #ffffff0a;
}

.cta-badge.empty {
  border-right-style: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  flex: 1;
  margin-right: -8px;
}

.cta-side-2 {
  border-radius: 8px;
  width: 100%;
  max-width: 380px;
  padding: 44px 1px 44px 44px;
  position: relative;
  overflow: hidden;
}

.cta-overlay-2 {
  z-index: 3;
  background-image: linear-gradient(to right, #14141700, #101013);
  border-top-right-radius: 8px;
  border-bottom-right-radius: 16px;
  width: 20%;
  position: absolute;
  inset: 1px 0 1px auto;
}

.cta-side-3 {
  border-radius: 8px;
  width: 100%;
  max-width: 380px;
  padding: 44px 1px 44px 44px;
  position: relative;
  overflow: hidden;
}

.cta-overlay-3 {
  z-index: 3;
  background-image: linear-gradient(to right, #14141700, #101013);
  border-top-right-radius: 8px;
  border-bottom-right-radius: 16px;
  width: 20%;
  position: absolute;
  inset: 1px 0 1px auto;
}

.cta-side-4 {
  border-radius: 8px;
  max-width: 380px;
  padding: 44px 1px 44px 44px;
  position: relative;
  overflow: hidden;
}

.cta-overlay-4 {
  z-index: 3;
  background-image: linear-gradient(to right, #14141700, #101013);
  border-top-right-radius: 8px;
  border-bottom-right-radius: 16px;
  width: 20%;
  position: absolute;
  inset: 1px 0 1px auto;
}

.div-block-69 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.div-block-70 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.image-4 {
  width: 8%;
  position: absolute;
  inset: 10% auto 0% 15%;
}

.image-5 {
  width: 20%;
  position: absolute;
  bottom: 10%;
  right: 10%;
}

.image-6 {
  width: 8%;
  position: absolute;
  inset: 25% 10% auto auto;
}

.image-7 {
  width: 10%;
  position: absolute;
  inset: auto auto 0% 5%;
}

.testimonials-wrapper {
  background-color: var(--base-color--gray-lightest);
  object-fit: cover;
  border-radius: 1rem;
  flex: none;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 30rem;
  display: flex;
  position: relative;
  overflow: clip;
}

.image-ecommerce-service {
  object-fit: contain;
  width: 100%;
  max-width: 10rem;
}

.wrap-v-large-2 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.feature-button {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  color: #fff;
  cursor: pointer;
  background-color: #ffffff05;
  border: .8px solid #ffffff0f;
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 10px 12px;
  font-size: 12px;
  line-height: 1.7;
  transition: all .3s;
  display: flex;
  box-shadow: inset 0 -4px 12px #ffffff0f;
}

.feature-button:hover {
  background-color: #ffffff0a;
  border-color: #fff3;
}

.logo-group {
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.logo-2 {
  mix-blend-mode: screen;
  flex: none;
  width: 2rem;
  height: 2rem;
  transition: all .3s;
}

.logo-2:hover {
  transform: scale(1.15);
}

.hero-badge-3 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  color: var(--base-color--black);
  background-color: #ffffff05;
  border: 1px solid #ffffff0f;
  border-radius: 99px;
  align-items: center;
  padding: 4px 8px 4px 6px;
  font-size: 12px;
  line-height: 1.7;
  display: flex;
  box-shadow: inset 0 -4px 12px #ffffff1a;
}

.feature-card-buton-wrap {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: wrap;
  align-items: center;
  width: 100%;
  max-width: 25rem;
  display: flex;
}

.feature-button-small {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  background-color: var(--base-color--violet-lightest);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  color: var(--base-color--gray-darkest);
  border: .8px solid #ffffff0f;
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  padding: 4px .5rem;
  font-size: 12px;
  line-height: 1.7;
  transition: all .3s;
  display: flex;
  box-shadow: inset 0 -4px 12px #ffffff0f;
}

.feature-button-small:hover {
  border-color: #fff3;
  transform: translate(0, -2px);
}

.feature-button-small.is-different {
  background-color: var(--base-color--blue-medium-light);
  padding-left: .8rem;
  padding-right: 8px;
}

.div-block-71 {
  display: flex;
}

.image-service-wrapper-copy {
  z-index: 1;
  grid-column-gap: 41px;
  grid-row-gap: 41px;
  aspect-ratio: 3 / 2;
  flex: 1;
  justify-content: center;
  align-items: center;
  max-height: 20rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.lottie-animation-2 {
  height: 100%;
  display: flex;
}

.lottie-animation-3 {
  max-height: 18rem;
}

.service-content {
  flex-flow: column;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-around;
  display: flex;
}

.service-tab-link {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: var(--text-color--text-tetriary);
  background-color: #0000;
  border-radius: .375rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 1rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-weight: 600;
  display: flex;
}

.service-tab-link.w--current {
  border: 1px solid var(--base-color-neutral-black--300);
  background-color: var(--base-color--white);
  color: var(--text-color--text-primary);
  box-shadow: -3px 2px 11px #10182878, 0 1px 2px #1018280f;
}

.image-highlight {
  width: 4rem;
  height: 4rem;
}

.uui-space-xxsmall {
  width: 100%;
  min-height: .5rem;
}

.service-tab-content {
  overflow: visible;
}

.button-master-2 {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  color: #292a2d;
  text-align: center;
  cursor: pointer;
  background-color: #c3ff3d;
  border: 1px solid #c3ff3d;
  border-radius: .5rem;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 1rem 2rem;
  font-family: DM Sans, sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.75rem;
  text-decoration: none;
  transition: all .325s;
  display: flex;
  position: static;
  overflow: clip;
  box-shadow: 0 1px 8px #0000;
}

.button-master-2:hover {
  box-shadow: none;
  background-color: #b1e838;
  border-color: #8ab52b;
}

.button-master-2.is-secondary {
  background-color: #fff;
  border-color: #ced1d3;
}

.button-master-2.is-secondary:hover {
  background-color: #f5f6f6;
  border-color: #acafb4;
}

.image-highlight-wrapper {
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.uui-text-weight-semibold {
  font-weight: 600;
}

.uui-text-size-medium-2 {
  color: #475467;
  text-align: left;
  letter-spacing: normal;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

.service-plan {
  border: 1px solid #eaecf0;
  border-radius: 1rem;
  flex-flow: column;
  justify-content: space-between;
  display: flex;
  box-shadow: 0 12px 16px -4px #00000014, 0 4px 6px -2px #10182808;
}

.service-plan.is-light-violet {
  border-color: var(--base-color--violet-lighter);
  background-color: var(--base-color--violet-lightest);
  background-image: linear-gradient(180deg, var(--base-color--white-transparent-full), var(--base-color--violet-lighter));
  filter: saturate(200%);
}

.service-plan.is-violet {
  border-style: solid;
  border-color: var(--base-color--blue-medium-light);
  background-color: var(--base-color--violet-lighter);
  background-image: linear-gradient(180deg, var(--base-color--white-transparent-full), var(--base-color--blue-medium-light));
  filter: saturate(150%);
}

.service-plans {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
}

.heading-tab {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.heading-tab.padding-large {
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
}

.text-size-small-3 {
  font-size: .8rem;
  line-height: 1.25rem;
}

.uservice-wrapper {
  flex-flow: column;
  flex: 1;
}

.service-divider {
  background-color: #eaecf0;
  width: 100%;
  height: 1px;
}

.service-divider.is-violet {
  background-color: var(--base-color--blue-medium-light);
}

.service-divider.is-light-violet {
  background-color: var(--base-color--violet-light);
}

.service-component {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.service-tabs-menu {
  grid-column-gap: 2%;
  background-color: #f9fafb;
  border: 1px solid #f2f4f7;
  border-radius: .6rem;
  flex: none;
  grid-template-rows: auto;
  grid-template-columns: 49% repeat(auto-fit, 49%);
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  align-self: center;
  justify-items: stretch;
  width: 40%;
  margin-bottom: 3rem;
  padding: .375rem;
  display: grid;
  overflow: clip;
}

.text-size-regular-3 {
  font-size: 1rem;
  line-height: 1.65rem;
}

.text-size-regular-3.text-quaternary {
  color: #70747a;
}

.feature-below-list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 1.5rem;
  margin-bottom: 2rem;
  display: grid;
}

.badge-rectangle {
  grid-column-gap: .375rem;
  background-color: var(--base-color--gray-lightest);
  -webkit-text-stroke-color: var(--base-color--gray-darkest);
  white-space: nowrap;
  border-radius: .2rem;
  align-items: center;
  padding: .125rem .625rem;
  font-size: .8rem;
  line-height: 1.5;
  text-decoration: none;
  display: flex;
}

.badge-rectangle.is-primary {
  background-color: var(--base-color--violet-lighter);
  color: var(--base-color--violet-darkest);
  border-radius: .2rem;
}

.badge-rectangle.is-grey {
  background-color: var(--base-color--grey-lighter);
  color: #1b173d;
}

.badge-rectangle.is-white {
  background-color: var(--base-color--white);
  color: var(--base-color--gray-darkest);
}

.service-feature-list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 1.5rem;
  margin-bottom: 2rem;
  display: grid;
}

.service-plan-name-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  align-items: center;
  display: flex;
}

.cennik-content-2 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: flex;
  overflow: clip;
}

.highlights-wrapper {
  flex-flow: column;
  display: flex;
}

.service-plans-copy {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.div-block-72 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.div-block-73 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.heading-10 {
  padding-bottom: .5rem;
}

.container {
  z-index: 0;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.logos-header {
  max-width: 490px;
  margin-left: auto;
  margin-right: auto;
}

.subheading {
  color: #b4bcd0;
  letter-spacing: -.025em;
  margin-bottom: 48px;
  font-size: 21px;
  font-weight: 400;
  line-height: 1.3;
}

.text-color-white {
  color: #f7f8f8;
}

.logos-wrap {
  grid-column-gap: 24px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  place-items: center;
  width: 80%;
}

.logo-item {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 160px;
  display: flex;
}

.feature-section-header {
  text-align: center;
  margin-bottom: -128px;
  padding-bottom: 128px;
  position: relative;
}

.feature-heading {
  letter-spacing: -.04em;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  margin-bottom: 16px;
  padding: .13em;
  font-size: 80px;
  font-weight: 400;
  line-height: .9;
  transition: transform .96s cubic-bezier(.3, 1.17, .55, .99);
}

.feature-img-wrap {
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  background-image: linear-gradient(#fff3, #fff0);
  border-radius: 14px;
  max-width: 100%;
  margin-top: -36px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
}

.feature-img-wrap.feature-img-wrap--cycles {
  max-width: 1084px;
  margin-top: -15px;
}

.feature-img {
  width: 100%;
  height: auto;
}

.intro-animation-wrapper-copy {
  background-color: var(--base-color--black);
  background-image: linear-gradient(180deg, #fa6bff21, var(--base-color--white-transparent-full));
  object-fit: cover;
  border-radius: 1rem;
  flex: none;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 50rem;
  display: flex;
  position: relative;
  overflow: clip;
  box-shadow: 0 0 #03092a00, 0 1px .4px #03092a12, 0 2px .8px #03092a16, 0 3.4px 1.6px #03092a17, 0 5.4px 2.9px #03092a19, 0 8.9px 5.3px #03092a1a, 0 15.4px 10.4px #03092a1b, 0 30.6px 22.8px #03092a1d;
}

.intro-animation-wrapper-copy.is-black {
  background-color: var(--base-color--black);
}

.text-block-8 {
  font-size: 1rem;
}

.max-full-hight {
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.animation-nav-button {
  align-items: center;
  width: 1.5rem;
  display: flex;
}

.text-color-secondary-alternate {
  color: #82868e;
}

.div-block-74 {
  grid-column-gap: .3rem;
  grid-row-gap: .3rem;
  flex-flow: column;
  display: flex;
}

.div-block-75 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: wrap;
  display: flex;
}

.text-description-wrapper {
  width: 90%;
}

.photo-about {
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: .5rem;
  width: 100%;
  overflow: clip;
}

.about-card {
  z-index: 0;
  background-color: var(--base-color--white-transparent-50);
  border-radius: 1rem;
  flex-flow: column;
  flex: 1;
  grid-template-rows: min-content auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.about-card.padding-small.is-higher {
  background-color: var(--base-color--violet-light);
  border-radius: 1rem;
  margin-top: -40px;
}

.about-card.padding-small.is-lower {
  background-color: var(--base-color--violet-lighter);
  margin-top: 40px;
}

.grid-about {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: row;
  grid-template-rows: min-content;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  width: 100%;
  display: grid;
}

.f-h3-heading-6 {
  color: var(--flowui-component-library--gray-900\<deleted\|variable-7b64cafb\>);
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 48px;
  line-height: 1.2;
}

.f-container-regular-9 {
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.f-title-wrapper-center-5 {
  z-index: 5;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 580px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.f-margin-bottom-79 {
  margin-bottom: 8px;
}

.f-margin-bottom-80 {
  margin-bottom: 16px;
}

.f-paragraph-large-6 {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 32px;
}

.f-section-large-7 {
  padding: 92px 5%;
  position: relative;
}

.f-paragraph-regular-6 {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 1.8;
}

.f-paragraph-regular-6.f-text-weight-medium-2 {
  font-weight: 500;
}

.f-sub-heading-regular {
  color: var(--flowui-component-library--gray-900\<deleted\|variable-7b64cafb\>);
  letter-spacing: -.03em;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
}

.f-heading-detail-small-7 {
  color: var(--flowui-component-library--gray-500\<deleted\|variable-2268f126\>);
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
}

.f-text-weight-medium-2 {
  font-weight: 500;
}

.f-margin-bottom-81 {
  margin-bottom: 64px;
}

.card-about {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border: 1px solid var(--border-color--border-primary);
  background-color: var(--base-color--white-transparent-full);
  border-radius: 12px;
  flex-flow: column;
  align-items: center;
  width: 100%;
  max-width: 350px;
  transition: background-color .4s;
  display: flex;
}

.card-about:hover {
  background-color: var(--base-color--white-transparent-50);
}

.card-about.padding-small.is-different {
  background-color: var(--base-color--violet-lightest);
  box-shadow: 0 0 #071f5700, 0 1.5px 2.4px #071f5708, 0 3.2px 4.9px #071f570a, 0 5.1px 7.5px #071f570b, 0 7.7px 10.5px #071f570c, 0 11.7px 14.3px #071f570c, 0 18.6px 19.7px #071f570d, 0 34.1px 30px #071f570e;
}

.f-feature-icon-round {
  background-color: #fff;
  border-radius: 100%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  padding: 16px;
  display: flex;
  box-shadow: 23px 23px 48px -8px #1600420a;
}

.f-feature-card-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: row;
  justify-content: center;
  display: flex;
}

.f-feature-card-wrapper.padding-medium {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
}

.f-h1-heading {
  color: var(--flowui-component-library--gray-900\<deleted\|variable-7b64cafb\>);
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 64px;
  line-height: 1.2;
}

.f-margin-bottom-24 {
  margin-bottom: 24px;
}

.f-avatar-group-r {
  background-color: var(--base-color--blue-medium-light);
  border: 3px solid #fff;
  border-radius: 100px;
  width: 48px;
  height: 48px;
  margin-right: -16px;
  position: relative;
  overflow: clip;
}

.f-margin-bottom-82 {
  margin-bottom: 40px;
}

.f-header-wrapper-left {
  max-width: 620px;
}

.f-header-avatar-group {
  font-family: var(--font-family--font-family-secondary);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.f-avatar-dark {
  background-color: var(--base-color--violet-lighter);
  color: var(--flowui-component-library--white);
  border: 3px solid #fff;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  margin-right: -14px;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  display: flex;
  position: relative;
  overflow: clip;
}

.f-header-avatar-text {
  font-family: var(--font-family--font-family-primary);
  font-size: 14px;
  font-weight: 500;
}

.f-header-avatar-block {
  align-items: center;
  margin-right: 1rem;
  display: flex;
}

.f-button-secondary {
  border: 1px solid var(--flowui-component-library--grey-300\<deleted\|variable-0cc6033c\>);
  color: var(--flowui-component-library--gray-900\<deleted\|variable-7b64cafb\>);
  letter-spacing: -.02em;
  background-color: #fff;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  min-height: 48px;
  padding: 12px 32px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: border-color .3s, background-color .3s;
  display: flex;
}

.f-button-secondary:hover {
  background-color: var(--flowui-component-library--gray-200\<deleted\|variable-7bab5fb1\>);
  border-color: #0000;
}

.f-margin-bottom-83 {
  margin-bottom: 12px;
}

.f-margin-bottom-84 {
  margin-bottom: 16px;
}

.f-margin-bottom-32 {
  margin-bottom: 32px;
}

.f-h5-heading-3 {
  color: var(--flowui-component-library--gray-900\<deleted\|variable-7b64cafb\>);
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  line-height: 1.4;
}

.f-button-neutral-4 {
  background-color: var(--flowui-component-library--gray-900\<deleted\|variable-7b64cafb\>);
  color: var(--flowui-component-library--white);
  text-align: center;
  letter-spacing: -.02em;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  min-height: 48px;
  padding: 12px 32px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: background-color .3s;
  display: flex;
}

.f-button-neutral-4:hover {
  background-color: var(--flowui-component-library--gray-700\<deleted\|variable-87e3868e\>);
}

.f-feature-card-filled {
  background-color: var(--flowui-component-library--gray-100\<deleted\|variable-b37e6d8f\>);
  border-radius: 12px;
  padding: 32px;
}

.f-feature-icon-wrapper-white {
  background-color: #fff;
  border-radius: 8px;
  width: 72px;
  min-width: 72px;
  height: 72px;
  min-height: 72px;
  margin-bottom: 40px;
  padding: 16px;
}

.f-grid-three-column-2 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.f-margin-bottom-85 {
  margin-bottom: 64px;
}

.f-header-grid-asymmetrical {
  grid-column-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .75fr;
}

.f-max-width-large {
  max-width: 610px;
}

.f-button-wrapper-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.div-block-76 {
  position: relative;
}

.f-button-icon {
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  transition: color .2s;
  display: flex;
}

.f-button-facebook-icon {
  background-color: var(--base-color--gray-darkest);
  color: var(--flowui-component-library--gray-900\<deleted\|variable-7b64cafb\>);
  letter-spacing: -.02em;
  border-radius: .4rem;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  padding: 12px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  display: flex;
  position: static;
  inset: auto 1% 1% auto;
}

.div-block-77 {
  grid-column-gap: .3rem;
  grid-row-gap: .3rem;
  display: flex;
  position: absolute;
  inset: auto 1% 1% auto;
}

.section-bg-lgradient-copy-copy {
  background-color: var(--background-color--bg-secondary);
  background-image: linear-gradient(180deg, var(--background-color--bg-primary), var(--base-color-brand--100));
  overflow: clip;
}

.line-dot {
  z-index: 5;
  background-color: #0d0d11;
  border: 1px solid #1b1b1d;
  border-radius: 2px;
  width: 10px;
  height: 10px;
  position: absolute;
}

.line-dot.bottom-left {
  inset: auto auto -4.5px -4.5px;
}

.rectangle-left-down {
  z-index: 1;
  border: 1px solid var(--border-color--border-primary);
  background-color: var(--base-color--white);
  width: .6rem;
  height: .6rem;
  position: absolute;
  bottom: -.3rem;
  left: -.3rem;
}

.rectangle-right-down {
  z-index: 2;
  border: 1px solid var(--border-color--border-primary);
  background-color: var(--base-color--white);
  width: .6rem;
  height: .6rem;
  position: absolute;
  bottom: -.3rem;
  right: -.3rem;
}

.rectangle-right-top {
  border: 1px solid var(--border-color--border-primary);
  background-color: var(--base-color--white);
  width: .6rem;
  height: .6rem;
  position: absolute;
  top: -.3rem;
  right: -.3rem;
}

.rectangle-left-up {
  border: 1px solid var(--border-color--border-primary);
  background-color: var(--base-color--white);
  width: .6rem;
  height: .6rem;
  position: absolute;
  top: -.3rem;
  left: -.3rem;
}

.logos-wrap-copy {
  grid-column-gap: 24px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  place-items: center;
  width: 60%;
}

.f-header-avatar-group-copy {
  grid-row-gap: 14px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.icons-review {
  grid-column-gap: .1rem;
  grid-row-gap: .1rem;
  align-items: center;
  display: flex;
}

.review-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.jdjidefer {
  object-fit: contain;
  max-width: 16rem;
}

.avatar-client {
  background-color: var(--base-color--blue-medium-light);
  color: var(--flowui-component-library--white);
  border: 3px solid #fff;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  margin-right: -14px;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  transition: all .5s;
  display: flex;
  position: relative;
}

.avatar-client:hover {
  transform: translate(0, -9px);
}

.uui-text-size-medium-3 {
  color: var(--untitled-ui--gray600\<deleted\|variable-10a0cd12\>);
  letter-spacing: normal;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

.uui-text-align-center {
  text-align: center;
}

.uui-text-size-small-2 {
  color: var(--untitled-ui--gray600\<deleted\|variable-10a0cd12\>);
  letter-spacing: normal;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .875rem;
  line-height: 1.5;
}

.uui-container-large-2 {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.align-center-2 {
  margin-left: auto;
  margin-right: auto;
}

.uui-page-padding-3 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.uui-max-width-large {
  width: 100%;
  max-width: 48rem;
}

.uui-max-width-large.align-center-2 {
  margin-left: auto;
  margin-right: auto;
}

.uui-text-size-large {
  color: var(--untitled-ui--gray600\<deleted\|variable-10a0cd12\>);
  letter-spacing: normal;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
}

.uui-heading-xxsmall {
  color: var(--untitled-ui--gray900\<deleted\|variable-f63dbb51\>);
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.5;
}

.uui-heading-medium {
  color: var(--untitled-ui--gray900\<deleted\|variable-f63dbb51\>);
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 2.25rem;
  font-weight: 600;
  line-height: 1.3;
}

.uui-button-4 {
  grid-column-gap: .5rem;
  border: 1px solid var(--untitled-ui--primary600\<deleted\|variable-c514c1b4\>);
  background-color: var(--untitled-ui--primary600\<deleted\|variable-c514c1b4\>);
  color: var(--untitled-ui--white\<deleted\|variable-e3beb9c1\>);
  text-align: center;
  white-space: nowrap;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-button-4:hover {
  border-color: var(--untitled-ui--primary700\<deleted\|variable-da4f7fa3\>);
  background-color: var(--untitled-ui--primary700\<deleted\|variable-da4f7fa3\>);
}

.uui-button-4:focus {
  background-color: var(--untitled-ui--primary600\<deleted\|variable-c514c1b4\>);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--primary100\<deleted\|variable-35a3c723\>);
}

.uui-icon-1x1-xsmall-2 {
  width: 1.5rem;
  height: 1.5rem;
}

.uui-pricing11_component {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  margin-top: 2.5rem;
  display: flex;
}

.uui-pricing11_plans {
  width: 100%;
}

.uui-pricing11_tabs-content {
  width: 100%;
  overflow: visible;
}

.uui-pricing11_top-row-content {
  border-left: 1px solid var(--untitled-ui--gray200\<deleted\|variable-bad2ea62\>);
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding: 2rem 1.5rem;
  display: flex;
}

.uui-pricing11_heading-row {
  border-bottom: 1px solid var(--untitled-ui--gray200\<deleted\|variable-bad2ea62\>);
  margin-top: .5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.uui-pricing11_top-row {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-bottom: 1px solid var(--untitled-ui--gray200\<deleted\|variable-bad2ea62\>);
  background-color: #fff;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr 1fr 1fr;
  position: sticky;
  top: 0;
}

.uui-pricing11_row {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-bottom: 1px solid var(--untitled-ui--gray200\<deleted\|variable-bad2ea62\>);
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr 1fr 1fr;
  align-items: stretch;
}

.uui-pricing11_feature {
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-right: 1.5rem;
}

.uui-pricing11_row-content {
  border-left: 1px solid var(--untitled-ui--gray200\<deleted\|variable-bad2ea62\>);
  text-align: center;
  justify-content: center;
  align-items: center;
  padding: 1rem 1.5rem;
  display: flex;
}

.uui-badge {
  grid-column-gap: .375rem;
  background-color: var(--untitled-ui--gray100\<deleted\|variable-4a47ec41\>);
  color: var(--untitled-ui--gray700\<deleted\|variable-d4f37b50\>);
  white-space: nowrap;
  border-radius: 10rem;
  align-items: center;
  padding: .125rem .625rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.5;
  text-decoration: none;
  display: flex;
}

.uui-badge.is-primary {
  background-color: var(--untitled-ui--primary50);
  color: var(--untitled-ui--primary700\<deleted\|variable-da4f7fa3\>);
}

.uui-pricing11_tabs-menu {
  grid-column-gap: .5rem;
  grid-row-gap: 16px;
  border: 1px solid var(--untitled-ui--gray100\<deleted\|variable-4a47ec41\>);
  background-color: var(--untitled-ui--gray50\<deleted\|variable-8a511359\>);
  border-radius: .5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr max-content;
  grid-auto-columns: 1fr;
  align-self: center;
  margin-bottom: 5rem;
  padding: .375rem;
  display: grid;
}

.uui-space-xsmall {
  width: 100%;
  min-height: 1rem;
}

.uui-space-medium-2 {
  width: 100%;
  min-height: 2rem;
}

.uui-pricing11_tab-link {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: var(--untitled-ui--gray500\<deleted\|variable-68f29e84\>);
  background-color: #0000;
  border-radius: .375rem;
  align-items: center;
  padding: .5rem 1rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-weight: 600;
  display: flex;
}

.uui-pricing11_tab-link.w--current {
  color: var(--untitled-ui--gray700\<deleted\|variable-d4f37b50\>);
  background-color: #fff;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.uui-pricing11_plan-name-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.uui-padding-vertical-xhuge-3 {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.uui-heading-subheading-2 {
  color: var(--untitled-ui--primary600\<deleted\|variable-c514c1b4\>);
  margin-bottom: .75rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
}

.uui-pricing11_price {
  color: var(--untitled-ui--gray900\<deleted\|variable-f63dbb51\>);
  margin-top: .5rem;
  margin-bottom: .5rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.2;
}

.uui-pricing11_price-text {
  color: var(--untitled-ui--gray600\<deleted\|variable-10a0cd12\>);
  letter-spacing: normal;
  margin-left: .25rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
}

.uui-pricing11_heading-row-text {
  color: var(--untitled-ui--primary700\<deleted\|variable-da4f7fa3\>);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-weight: 600;
}

.uui-pricing11_row-lead-text {
  color: var(--untitled-ui--gray900\<deleted\|variable-f63dbb51\>);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-weight: 500;
}

.div-block-78 {
  position: absolute;
  bottom: -200%;
}

.rtb ul {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  display: flex;
}

.rtb h2 {
  font-size: 26px;
}

.rtb a {
  text-decoration: underline;
}

.tooltip-code {
  color: #290092;
  background-color: #cbe0fc;
  border-bottom: 1px solid #557dff;
  border-radius: 3px;
  padding-left: 2px;
  padding-right: 2px;
  font-size: 14px;
  display: inline-block;
}

.code {
  background-color: #f3f3f3;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 13px;
}

.tooltip-content---brix {
  justify-content: center;
  align-items: center;
  display: flex;
  position: static;
}

.text-200 {
  color: #170f49;
  font-size: 18px;
  line-height: 20px;
}

.text-200.bold {
  cursor: pointer;
  font-weight: 700;
}

.tooltip-float-v2 {
  z-index: 1;
  min-height: 52px;
  display: none;
  position: absolute;
}

.tooltip-float-v2.left {
  margin-top: auto;
  margin-bottom: auto;
  display: none;
  top: 3.5rem;
  left: -1.5rem;
}

.tooltip-v2 {
  background-color: var(--base-color--black);
  white-space: nowrap;
  border-radius: 12px;
  width: auto;
  min-width: 120px;
  padding: 12px 16px;
}

.paragraph-extra-small {
  color: #fff;
  margin-bottom: 0;
  font-size: 10px;
  line-height: 14px;
}

.image-avatar-client {
  border-radius: 999rem;
}

.uui-text-align-center-2 {
  text-align: center;
}

.uui-text-size-small-3 {
  color: var(--untitled-ui--gray600\<deleted\|variable-10a0cd12\>);
  letter-spacing: normal;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .875rem;
  line-height: 1.5;
}

.uui-container-large-3 {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.align-center-3 {
  margin-left: auto;
  margin-right: auto;
}

.uui-page-padding-4 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.uui-max-width-large-2 {
  width: 100%;
  max-width: 48rem;
}

.uui-max-width-large-2.align-center-3 {
  margin-left: auto;
  margin-right: auto;
}

.uui-text-size-large-2 {
  color: var(--untitled-ui--gray600\<deleted\|variable-10a0cd12\>);
  letter-spacing: normal;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
}

.uui-heading-xxsmall-2 {
  color: var(--untitled-ui--gray900\<deleted\|variable-f63dbb51\>);
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.5;
}

.uui-heading-xxsmall-2.text-weight-medium {
  font-weight: 500;
}

.uui-heading-medium-2 {
  color: var(--untitled-ui--gray900\<deleted\|variable-f63dbb51\>);
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 2.25rem;
  font-weight: 600;
  line-height: 1.3;
}

.uui-testimonial14_component {
  column-count: 3;
  column-gap: 2rem;
}

.uui-testimonial14_content {
  border: 1px solid var(--base-color-brand--200);
  background-color: var(--base-color--violet-lighter);
  border-radius: 1rem;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 2rem;
  padding: 1rem;
  display: inline-block;
}

.uui-testimonial14_rating-icon {
  color: var(--component-color--component-secondary-bg);
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  margin-right: .25rem;
  display: flex;
}

.uui-testimonial14_rating-wrapper {
  align-items: center;
  margin-bottom: 1.5rem;
  display: flex;
}

.uui-testimonial14_customer-image {
  background-color: var(--base-color--blue-medium-light);
  object-fit: cover;
  border-radius: 100%;
  width: 3rem;
  min-width: 3rem;
  height: 3rem;
  min-height: 3rem;
}

.uui-testimonial14_client-image-wrapper {
  margin-right: .75rem;
}

.uui-testimonial14_client {
  text-align: left;
  align-items: center;
  margin-top: 1.5rem;
  display: flex;
}

.uui-space-xsmall-2 {
  width: 100%;
  min-height: 1rem;
}

.uui-testimonial14_client-heading {
  color: var(--untitled-ui--gray900\<deleted\|variable-f63dbb51\>);
  letter-spacing: normal;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
}

.div-block-79 {
  flex-flow: column;
  flex: 1;
  align-items: center;
  display: flex;
}

@media screen and (min-width: 1280px) {
  .button-primary.is-medium {
    display: flex;
  }

  .faq-item-text {
    font-family: var(--font-family--font-family-primary);
  }

  .nav-mobile {
    flex: 1;
  }

  .intro-animation-wrapper {
    height: 40rem;
  }

  .intro-animation {
    justify-content: center;
    align-items: center;
  }

  .quote-text-content-wrapper {
    max-width: 38rem;
  }

  .offer-content-body {
    justify-content: space-between;
    align-items: center;
  }

  .offer-item-wrapper {
    padding-bottom: 0;
    overflow: visible;
  }

  .offer-animation-sticky-wrapper {
    width: 45%;
  }

  .offer-list {
    flex-flow: column;
    justify-content: flex-end;
    align-items: center;
    display: flex;
    position: static;
    top: 25%;
    bottom: 5%;
  }

  .offer-item-paragraph-wrapper {
    width: 80%;
    position: static;
  }

  .project-benefit-item {
    position: relative;
  }

  .project-benefit-animation {
    object-fit: cover;
  }

  .profits-item-animation-wrapper {
    position: relative;
  }

  .section-footer {
    background-image: url('../images/logo-footer.png');
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: 90%;
  }

  .tooltip-wrapper {
    right: 4%;
  }

  .footer-interaction-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    justify-content: flex-start;
  }

  .nav-link-block-wrapper {
    flex: none;
  }

  .nav-cta-download-desktop {
    display: flex;
  }

  .footer-image-bg {
    z-index: 0;
    position: absolute;
  }

  .paragraph-3 {
    position: static;
  }

  .possibilities-item {
    position: relative;
  }

  .project-benefit-image {
    object-fit: cover;
  }

  .slider-text-content-wrapper {
    padding-bottom: 0;
    overflow: visible;
  }

  .slider-description-wrapper {
    position: static;
  }

  .nav-container {
    flex: none;
    justify-content: space-between;
  }

  .nav-content-wrapper {
    flex: 1;
  }

  .footer-top-heading-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    justify-content: flex-start;
  }

  .service-item-list {
    grid-auto-columns: 1fr;
  }

  .service-item-list.padding-medium {
    grid-template-rows: auto;
  }

  .logo-gradient-left, .logo-gradient-right {
    width: 500px;
  }

  .result-column-content {
    align-items: flex-start;
  }

  .container-xsmall {
    max-width: 30rem;
  }

  .service-item {
    flex: none;
    align-items: stretch;
  }

  .f-career-card {
    justify-content: space-between;
  }

  .badge-services {
    transition: all .5s;
  }

  .badge-services:hover {
    transform: rotate(-4deg);
  }

  .badge-services.is-social-media {
    right: 23%;
  }

  .badge-services.is-reklama {
    right: 20%;
  }

  .badge-services.is-product-management {
    right: 30%;
  }

  .badge-services.is-kampanie {
    left: 30%;
  }

  .badge-services.is-sprzeda {
    left: 38%;
  }

  .badge-services.is-analiza-rynku {
    left: 25%;
  }

  .badge-services.is-sprzeda-copy {
    left: 38%;
  }

  .section-service-hero {
    background-image: linear-gradient(180deg, var(--base-color--white) 31%, #fff0 41%), url('../images/cirle-bg.svg');
    background-position: 0 0, 50% 45%;
    background-repeat: repeat, no-repeat;
    background-size: auto, 750px;
  }

  .bg-image-section {
    background-image: linear-gradient(180deg, var(--base-color--white), #fff0 30%);
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
  }

  .icon-tool {
    transition: all .5s;
  }

  .grid-services {
    grid-auto-columns: 1fr;
  }

  .grid-services.padding-medium {
    grid-template-rows: auto;
  }

  .services-item {
    flex: none;
    align-items: stretch;
  }

  .section {
    background-image: linear-gradient(180deg, var(--base-color--white) 20%, #fff0 31%), url('../images/cirle-bg.svg');
    background-position: 0 0, 50% 30%;
    background-repeat: repeat, no-repeat;
    background-size: auto, 750px;
  }

  .f-logo-gradient-r-copy {
    width: 100px;
  }

  .dropdown-content {
    grid-template-columns: 1fr;
  }

  .image-interaction {
    top: 15%;
  }

  .section-content-wrapper {
    width: 100%;
  }

  .content-utility {
    display: flex;
  }

  .error-message-2 {
    inset: 0% 0 auto auto;
  }

  .vgvgvgv {
    position: relative;
  }

  .testimonials-wrapper {
    height: 40rem;
  }

  .cennik-content-2 {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .div-block-73 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .intro-animation-wrapper-copy {
    height: 50rem;
  }

  .about-card {
    position: relative;
  }

  .card-about {
    flex-flow: row;
  }
}

@media screen and (min-width: 1440px) {
  .vgvgvgv.is-gradient {
    filter: none;
  }

  .image-project-sinlr {
    width: 100%;
  }

  .grid-project {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-auto-columns: 1fr;
    width: 100%;
  }

  .image-project-sinlr-copy {
    width: 100%;
  }

  .grid-reverse {
    grid-template-columns: 65% 30%;
  }

  .cennik-content-2, .grid-about {
    grid-auto-columns: 1fr;
  }
}

@media screen and (max-width: 991px) {
  .margin-xlarge {
    margin: 3rem;
  }

  .padding-xhuge {
    padding: 6rem;
  }

  .padding-xxhuge {
    padding: 8rem;
  }

  .padding-huge {
    padding: 5rem;
  }

  .margin-large {
    margin: 2.5rem;
  }

  .padding-xxlarge {
    padding: 4rem;
  }

  .margin-huge {
    margin: 5rem;
  }

  .margin-xxlarge {
    margin: 4rem;
  }

  .margin-xhuge {
    margin: 6rem;
  }

  .margin-medium {
    margin: 1.5rem;
  }

  .margin-xxhuge {
    margin: 8rem;
  }

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .padding-left {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .padding-right {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .hide-tablet {
    display: none;
  }

  .fs-styleguide_2-col {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
  }

  .max-width-full-tablet {
    width: 100%;
    max-width: none;
  }

  .fs-styleguide_1-col {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .fs-styleguide_heading-medium {
    font-size: 3rem;
  }

  .fs-styleguide_4-col, .fs-styleguide_3-col {
    grid-template-columns: 1fr;
  }

  .page-wrapper {
    align-items: center;
  }

  .button-primary.is-medium {
    padding: 1.2rem 1.5rem;
  }

  .fs-styleguide_section {
    grid-column-gap: 2.5rem;
    grid-template-columns: 1fr;
  }

  .padding-section-medium {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .spacer-huge {
    padding-top: 5rem;
  }

  .spacer-medium {
    padding-top: 1.5rem;
  }

  .spacer-xhuge {
    padding-top: 6rem;
  }

  .spacer-xlarge {
    padding-top: 3rem;
  }

  .spacer-large {
    padding-top: 2.5rem;
  }

  .spacer-xxlarge {
    padding-top: 4rem;
  }

  .nav_button {
    color: #fff;
  }

  .hero-content {
    z-index: 0;
  }

  .hero-wrapper {
    grid-template-columns: 1fr;
  }

  .fs-styleguide_heading-header {
    font-size: 4rem;
  }

  .button-secondary {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .hero-badge {
    padding: .25rem;
  }

  .button-group-landscape-mobile.hide-desktop-tablet {
    display: none;
  }

  .menu-icon-line-bottom {
    background-color: var(--foreground-color--fg-primary);
    border-radius: 999rem;
    width: 1.5rem;
    height: .125rem;
    padding-bottom: 0;
    padding-right: 0;
  }

  .navbar-menu-icon-button.w--open {
    background-color: #0000;
  }

  .menu-icon-line-top {
    background-color: var(--foreground-color--fg-primary);
    border-radius: 999rem;
    width: 1.5rem;
    height: .125rem;
    padding-bottom: 0;
    padding-right: 0;
  }

  .nav-container-wrapper {
    z-index: 999;
    background-color: var(--background-color--bg-primary);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    border-style: none;
    flex-flow: column;
    flex: none;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 100vh;
    padding: 8rem 2rem 2rem;
    position: sticky;
    top: 0;
  }

  .nav-link-logo-wrapper {
    display: none;
  }

  .nav-link-logo-wrapper.hide-desktop {
    display: flex;
  }

  .menu-icon-wrapper {
    width: 2.625rem;
    height: 2.625rem;
  }

  .nav {
    flex-flow: column;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    top: 0;
    left: 0;
    right: 0;
  }

  .navbar-menu-icon {
    border: 1px solid var(--border-color--border-primary);
    border-radius: .5rem;
  }

  .menu-icon-line-middle {
    background-color: var(--foreground-color--fg-primary);
    justify-content: center;
    align-items: center;
    width: 1.5rem;
    height: .125rem;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .menu-icon-line-middle-inner {
    border-radius: 999rem;
    width: 4px;
    height: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .nav-mobile {
    z-index: 4;
    background-color: var(--background-color--bg-primary);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    flex: none;
    justify-content: space-between;
    width: 100%;
    padding: .5rem 2rem;
    position: sticky;
  }

  .intro-wrapper, .quote-wrapper, .offer-wrapper {
    grid-template-columns: 1fr;
  }

  .section-lebel-wrapper {
    padding-top: .25rem;
    padding-bottom: .25rem;
  }

  .headling-label {
    display: block;
  }

  .offer-content-body {
    grid-column-gap: 1.2rem;
    grid-row-gap: 1.2rem;
    flex-flow: column;
    flex: none;
    padding: 4rem 2rem 2rem;
  }

  .offer-item-wrapper {
    width: 50%;
  }

  .offer-animation-sticky-wrapper {
    aspect-ratio: 1;
    object-fit: cover;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 22rem;
    height: 22rem;
    max-height: none;
    position: static;
    overflow: visible;
  }

  .offer-list {
    flex-flow: row;
    flex: none;
    align-items: stretch;
    width: 100%;
    display: block;
  }

  .sticky-element-2 {
    border-radius: 1rem;
    position: relative;
    overflow: hidden;
  }

  .offer-list-item {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: row;
    flex: 1;
    justify-content: center;
    align-items: center;
    max-height: none;
    display: flex;
  }

  .offer-list-items-wrapper {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    flex-flow: column;
    flex: 1;
    width: 100%;
  }

  .offer-item-paragraph-wrapper {
    position: static;
  }

  .project-wrapper {
    grid-template-columns: 1fr;
  }

  .project-content-body {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    flex: none;
  }

  .project-benefit-item {
    flex-flow: column;
    flex: none;
    justify-content: flex-end;
    align-items: flex-start;
    height: auto;
  }

  .project-benefit-animation-wrapper {
    width: 100%;
    height: 60%;
  }

  .project-benefit-title {
    justify-content: flex-end;
    width: 100%;
  }

  .project-benefit-animation {
    justify-content: center;
    align-items: center;
    height: 100%;
  }

  .profits-wrapper {
    grid-template-columns: 1fr;
  }

  .project-benefit-text {
    justify-content: flex-end;
    width: 50%;
  }

  .project-benefit-text.padding-medium {
    width: 80%;
  }

  .profits-content-body {
    grid-column-gap: 6rem;
    grid-row-gap: 6rem;
    flex-flow: column;
    flex: none;
    justify-content: center;
    align-items: flex-start;
  }

  .profits-item-animation-wrapper {
    flex-flow: row;
    flex: 0 auto;
    justify-content: flex-end;
    align-items: flex-end;
    height: auto;
  }

  .profits-media-content {
    width: 100%;
    height: auto;
  }

  .profits-item-wrapper {
    width: 100%;
  }

  .faq-item-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: row;
    flex: none;
    justify-content: center;
    align-items: flex-start;
  }

  .faq-wrapper {
    grid-template-columns: 1fr;
  }

  .faq-item {
    width: 100%;
  }

  .navbar-button {
    z-index: 5;
    padding: .5rem 1.5rem;
    position: static;
    inset: auto 0% 10%;
  }

  .tooltip-wrapper {
    display: flex;
    right: 3%;
  }

  .footer-interaction-wrapper {
    flex-flow: column;
    flex: 1;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .nav-link-block-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    flex: 1;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .nav-link-wrapper {
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .nav-link-icon-wrapper {
    display: flex;
  }

  .nav-link-block {
    border-bottom: 1px solid var(--border-color--border-primary);
    width: 100%;
    height: 4rem;
    padding: 1rem 0 2rem;
    text-decoration: none;
    display: block;
  }

  .nav-link-block.is-last {
    border-bottom-style: none;
  }

  .nav-link-text {
    color: var(--text-color--text-primary);
    font-size: 1.3rem;
    line-height: 1.3rem;
    text-decoration: none;
  }

  .nav-link-text.is-semibold {
    font-weight: 600;
  }

  .nav-link-title-wrapper {
    flex: none;
    width: 6rem;
    display: flex;
  }

  .nav-link-text-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    align-items: center;
    display: flex;
  }

  .nav-link-subtitle {
    color: var(--text-color--text-tetriary);
    flex: none;
    font-size: .8rem;
    line-height: 1rem;
  }

  .cta-download-mobile-desciption {
    text-align: left;
    flex: none;
    align-items: center;
    max-width: 30rem;
    display: flex;
  }

  .nav-link-icon {
    flex: none;
    justify-content: center;
    align-items: center;
    width: 1rem;
    height: 1rem;
    display: flex;
  }

  .footer-content-wrapper {
    grid-template-columns: 1fr;
  }

  .footer-content {
    height: 8rem;
  }

  .footer-content-bottom {
    flex: none;
  }

  .nav-cta-download-desktop {
    justify-content: flex-end;
    align-items: flex-end;
    display: none;
  }

  .nav-cta-download-mobile {
    border-bottom: 1px none var(--foreground-color--fg-primary-hover);
    width: 100%;
    margin-top: 4rem;
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .cta-download-mobile-bg {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    background-color: var(--base-color--violet-lightest);
    border: 1px #000;
    border-radius: 1rem;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    padding: 20px;
    display: flex;
  }

  .cta-download-mobile-headings {
    flex: none;
    width: auto;
    display: flex;
  }

  .cta-download-mobile-wrapper {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    display: flex;
  }

  .footer-logo {
    flex: none;
  }

  .footer-image-bg {
    flex: none;
    width: 100%;
    display: flex;
  }

  .sticky-element-1 {
    aspect-ratio: auto;
    object-fit: cover;
    border-radius: 1rem;
    flex: 1;
    justify-content: center;
    align-items: center;
    display: block;
    position: relative;
    overflow: hidden;
  }

  .sticky-element-3 {
    background-color: var(--base-color--violet-light);
    border-radius: 1rem;
    position: relative;
    overflow: hidden;
  }

  .offer-component-desktop {
    display: none;
  }

  .paragraph-3 {
    position: static;
  }

  .offer-item-lebel-wrapper {
    padding: .5rem .75rem;
  }

  .offer-component-tablet {
    height: auto;
    display: flex;
  }

  .possibilities-content-body {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: row;
    flex: none;
    align-items: stretch;
    width: 100%;
  }

  .possibilities-item {
    flex-flow: column;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 32%;
    height: auto;
    position: static;
  }

  .possibilities-item-image-wrapper {
    width: 100%;
    height: auto;
    position: static;
  }

  .possibilities-item-text-wrapper {
    justify-content: flex-end;
    width: 50%;
  }

  .possibilities-item-text-wrapper.padding-medium {
    width: 100%;
  }

  .possibilities-item-title {
    text-align: center;
    justify-content: flex-end;
    width: 100%;
  }

  .project-benefit-image-wrapper, .possibilities-animation {
    width: 100%;
    height: 60%;
  }

  .project-benefit-image {
    justify-content: center;
    align-items: center;
    height: 100%;
  }

  .steps-wrapper {
    grid-template-columns: 1fr;
  }

  .steps-content-body {
    grid-column-gap: 6rem;
    grid-row-gap: 6rem;
    flex-flow: column;
    flex: none;
    justify-content: center;
    align-items: flex-start;
  }

  .slide-content {
    flex-flow: column;
  }

  .slider-animation-content-wrapper {
    width: 100%;
    height: auto;
  }

  .slider-text-content-wrapper {
    width: 100%;
    padding-bottom: 2rem;
  }

  .steps-slider-slide {
    width: 30rem;
  }

  .slider-lebel {
    padding: .5rem .75rem;
  }

  .slider-description-wrapper {
    position: static;
  }

  .cta-download-mobile-content {
    width: 100%;
  }

  .cta-download-mobile-label {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    border-style: solid;
    border-color: var(--link-color--link-secondary);
    box-shadow: none;
    color: var(--link-color--link-secondary);
    cursor: auto;
    padding: .5rem .8rem .5rem .75rem;
    display: flex;
  }

  .headling-label-copy {
    font-weight: 600;
    display: block;
  }

  .cta-download-mobile-head {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .project-benefit-music-badge-wrapper {
    width: auto;
    height: 6rem;
    top: 1rem;
  }

  .project-benefit-music-badge {
    display: flex;
  }

  .music-badge-text-wrapper {
    width: 75%;
    display: flex;
  }

  .nav-container {
    padding-left: 0;
    padding-right: 0;
  }

  .nav-links-wrapper, .nav-content-wrapper {
    flex-flow: row;
    flex: 1;
    justify-content: center;
    align-items: flex-start;
    width: auto;
    display: flex;
  }

  .footer-top-heading-wrapper {
    flex-flow: column;
    flex: 1;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .terms-wrapper {
    grid-template-columns: 1fr;
  }

  .terms-content {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    flex: none;
  }

  .footer-privacy-wrapper {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
  }

  .cta-download-button-wrapper {
    z-index: 5;
    position: static;
    inset: auto 0% 10%;
  }

  .cta-download-mobile-button {
    z-index: 5;
    padding-right: 0;
    position: static;
    inset: auto 0% 10%;
  }

  .contact-content-wrapper {
    flex-flow: column;
    flex: none;
    justify-content: center;
    align-items: flex-start;
  }

  .contact-item {
    width: 100%;
  }

  .footer-content-above {
    flex: none;
  }

  .footer-link-wrapper {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
  }

  .f-feature-card-divider {
    margin-top: 32px;
    margin-bottom: 32px;
  }

  .carousel-wrap {
    width: 100%;
  }

  .logo-gradient-left, .logo-gradient-right {
    width: 300px;
  }

  .results-content {
    flex-direction: column;
  }

  .results-content.is-different {
    flex-flow: column-reverse;
  }

  .f-feature-card-divider-2 {
    width: 50%;
    height: 1px;
    margin: 32px 0;
  }

  .result-column-content {
    min-height: 18rem;
  }

  .grid-image.add-border {
    border-bottom: 1px dashed var(--border-color--border-primary);
    border-right-style: none;
  }

  .grid-one-column {
    grid-template-columns: 1fr;
  }

  .grid-single-image-wrapper {
    max-width: 100%;
  }

  .contact-content {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    grid-template-rows: min-content auto;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
  }

  .f-contact-image-wrapper {
    max-width: 100%;
  }

  .f-career-tab-menu-vertical {
    margin-bottom: 40px;
  }

  .f-career-tab-content {
    margin-left: 0%;
  }

  .f-career-tabs {
    flex-direction: column;
  }

  .f-career-tab-link {
    width: 100%;
  }

  .badge-services {
    bottom: 15%;
    right: 30%;
  }

  .badge-services.is-social-media {
    right: 5%;
  }

  .badge-services.is-reklama {
    right: 10%;
  }

  .badge-services.is-product-management {
    right: 15%;
  }

  .badge-services.is-kampanie {
    left: 15%;
  }

  .cta-side {
    max-width: none;
  }

  .button-primary-small {
    display: flex;
  }

  .gradient-wrapper {
    filter: blur(180px);
  }

  .circle {
    width: 80vw;
    height: 80vw;
  }

  .contact-form-wrapper {
    border-top-style: dashed;
    border-left-style: none;
  }

  .f-grid-two-column-2 {
    grid-template-columns: 1fr;
  }

  .contact-content-column {
    grid-template-rows: auto auto;
  }

  .contact-phone-item {
    border-bottom-color: var(--border-color--border-primary-hover);
  }

  .section-service-hero {
    background-image: linear-gradient(180deg, var(--base-color--white) 23%, #fff0 36%), url('../images/cirle-bg.svg');
    background-position: 0 0, 50% 30%;
    background-repeat: repeat, no-repeat;
    background-size: auto, 750px;
  }

  .action-bg {
    background-position: 50%, 0 0;
  }

  .uui-heading-large {
    font-size: 2.75rem;
  }

  .uui-padding-vertical-xhuge {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .grid-two-images-wrapper {
    max-width: 100%;
  }

  .grid-two-column {
    grid-template-columns: 1fr;
  }

  .bg-image-section {
    background-image: none;
    background-position: 0 0;
  }

  .grid-wrapper {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
  }

  .grid-single-image-wrapper-copy {
    max-width: 100%;
  }

  .section {
    background-image: linear-gradient(180deg, var(--base-color--white) 18%, #fff0 26%), url('../images/cirle-bg.svg');
    background-position: 0 0, 50% 20%;
    background-repeat: repeat, no-repeat;
    background-size: auto, 750px;
  }

  .logos-wrapper {
    align-items: flex-start;
    width: auto;
  }

  .f-logo-gradient-r-copy {
    width: 300px;
  }

  .hide-tablet-2 {
    display: none;
  }

  .show-tablet {
    display: block;
  }

  .uui-dropdown-icon {
    color: var(--untitled-ui--gray500\<deleted\|variable-68f29e84\>);
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    inset: auto 0% auto auto;
  }

  .menu-icon_line-middle-inner {
    width: 4px;
    height: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-icon_line-bottom {
    background-color: var(--untitled-ui--gray700\<deleted\|variable-d4f37b50\>);
    border-radius: 1rem;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-icon_line-middle {
    background-color: var(--untitled-ui--gray700\<deleted\|variable-d4f37b50\>);
    border-radius: 1rem;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 2px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .menu-icon_line-top {
    background-color: var(--untitled-ui--gray700\<deleted\|variable-d4f37b50\>);
    border-radius: 1rem;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-icon_component {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    margin-right: -.5rem;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .dropdown-content {
    align-content: start;
    align-items: start;
    padding: 1rem 0;
  }

  .nav-dropdown-link:hover {
    background-color: #0000;
  }

  .dropdown-link-list {
    grid-column-gap: .5rem;
    grid-template-columns: 1fr 1fr;
  }

  .navbar-menu-dropdown {
    width: 100%;
    font-size: 1.125rem;
  }

  .navbar {
    width: 95%;
    padding-right: 1rem;
  }

  .navbar-container {
    flex: 1;
    justify-content: space-between;
  }

  .navbar-link {
    color: var(--untitled-ui--gray900\<deleted\|variable-f63dbb51\>);
    width: 100%;
    padding: .75rem 0;
    font-size: 1.125rem;
  }

  .navbar-link:hover {
    color: var(--untitled-ui--gray900\<deleted\|variable-f63dbb51\>);
  }

  .navbar-menu-links {
    grid-column-gap: 0px;
    grid-row-gap: .5rem;
    color: var(--untitled-ui--gray900\<deleted\|variable-f63dbb51\>);
    flex-direction: column;
    flex: 1;
    align-items: flex-start;
    display: flex;
  }

  .navbar-menu {
    border: 1px solid var(--border-color--border-primary);
    border-radius: var(--font-family--16px);
    -webkit-text-fill-color: inherit;
    background-color: #fff;
    background-clip: border-box;
    align-items: flex-start;
    margin-top: .5rem;
    margin-left: 0;
    padding: 1.5rem 2rem 1rem;
    position: absolute;
    overflow: auto;
  }

  .navbar-dropdown-toggle {
    color: var(--untitled-ui--gray900\<deleted\|variable-f63dbb51\>);
    align-items: center;
    padding-top: .75rem;
    padding-bottom: .75rem;
    padding-left: 0;
    font-size: 1.125rem;
    display: flex;
  }

  .navbar-dropdown-toggle:hover {
    color: var(--untitled-ui--gray900\<deleted\|variable-f63dbb51\>);
  }

  .navbar-dropdown-list {
    position: static;
    overflow: hidden;
  }

  .navbar-dropdown-list.w--open {
    box-shadow: none;
    border-style: none;
    border-color: #0000;
    width: auto;
    padding: 0;
  }

  .navbar-menu-right {
    flex-direction: column-reverse;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    align-items: flex-start;
    margin-top: 1.5rem;
  }

  .navbar-menu-button.w--open {
    background-color: #0000;
  }

  .uui-button-secondary-gray-2.show-tablet {
    display: block;
  }

  .navbar-button-wrapper {
    flex-direction: column-reverse;
    align-items: center;
    display: flex;
  }

  .dropdown-title {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
  }

  .f-career-tab-button {
    margin-top: 4px;
    margin-bottom: 4px;
  }

  .section-utility {
    background-image: linear-gradient(#fff, #6f8bef 66%, #0d58c6 80%, #1a2b6b);
  }

  .uui-heading-xlarge {
    font-size: 3.25rem;
  }

  .uui-heroheader10_notification-image-wrapper {
    left: -2.5%;
  }

  .uui-heroheader10_component {
    grid-column-gap: 0rem;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    min-height: auto;
  }

  .uui-space-large {
    min-height: 2.5rem;
  }

  .uui-padding-vertical-xhuge-2 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .image-3 {
    width: 80%;
  }

  .f-grid-three-column {
    grid-template-columns: 1fr 1fr;
    justify-content: center;
    align-items: flex-start;
  }

  .f-testimonial-background {
    height: 20%;
  }

  .image-service-wrapper {
    max-width: 100%;
  }

  .image-service.add-border {
    border-bottom: 1px dashed var(--border-color--border-primary);
    border-right-style: none;
  }

  .value-wrapper {
    grid-template-columns: 1fr;
  }

  .vgvgvgv {
    flex-flow: column;
    flex: none;
    justify-content: center;
    align-items: center;
  }

  .grid-2-col-copy {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .service-card-wrapper {
    flex-flow: column;
    display: flex;
  }

  .service-card-wrapper-copy {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .grid-reverse {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-flow: column-reverse wrap-reverse;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-flow: row dense;
    display: flex;
  }

  .cennik-content {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto;
    grid-template-columns: auto auto auto auto;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .div-block-52 {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .div-block-53 {
    padding-left: 2rem;
  }

  .cta-side-2, .cta-side-3, .cta-side-4 {
    max-width: none;
  }

  .logo-group {
    grid-auto-columns: 1fr;
  }

  .image-service-wrapper-copy {
    max-width: 100%;
  }

  .lottie-animation-2 {
    height: 100%;
  }

  .service-plans {
    grid-template-columns: 1fr;
  }

  .service-tabs-menu {
    width: 50%;
  }

  .cennik-content-2 {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .service-plans-copy {
    grid-template-columns: 1fr;
  }

  .logos-wrap {
    width: 100%;
  }

  .logo-item.desktop-only {
    display: none;
  }

  .feature-heading {
    font-size: 72px;
  }

  .intro-animation-wrapper-copy {
    height: 40rem;
  }

  .about-card {
    grid-column-gap: 16px;
    flex-flow: row;
    flex: none;
    grid-template-rows: min-content;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    place-items: center stretch;
    display: grid;
  }

  .about-card.padding-small.is-higher, .about-card.padding-small.is-lower {
    margin-top: 0;
  }

  .grid-about {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    flex-flow: column;
    flex: none;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: start;
    display: flex;
  }

  .card-about {
    border-color: var(--border-color--border-primary);
    flex-direction: column;
  }

  .card-about:hover {
    background-color: var(--base-color--gray-lightest);
  }

  .f-grid-three-column-2 {
    grid-template-columns: 1fr 1fr;
  }

  .f-header-grid-asymmetrical {
    grid-template-columns: 1fr;
  }

  .f-button-facebook-icon {
    width: 3rem;
    height: 3rem;
  }

  .logos-wrap-copy {
    width: 100%;
  }

  .hide-tablet-3 {
    display: none;
  }

  .uui-padding-vertical-xhuge-3 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .tooltip-float-v2.left {
    inset: 128% 0% auto -27%;
  }

  .uui-testimonial14_component {
    column-count: 2;
  }

  .uui-padding-vertical-xhuge-4 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 4.1rem;
    line-height: 4.3rem;
  }

  h2 {
    font-size: 2.5rem;
    line-height: 2.8rem;
  }

  h3 {
    font-size: 2rem;
  }

  h4 {
    font-size: 1.25rem;
  }

  h5 {
    font-size: 1rem;
  }

  h6 {
    font-size: .875rem;
  }

  p {
    font-size: .8rem;
    line-height: 1.3rem;
  }

  .padding-xlarge {
    padding: 2rem;
  }

  .margin-xlarge {
    margin: 2rem;
  }

  .padding-xhuge {
    padding: 4rem;
  }

  .padding-xxhuge {
    padding: 4.5rem;
  }

  .padding-huge {
    padding: 3.5rem;
  }

  .margin-large {
    margin: 1.5rem;
  }

  .padding-xxlarge {
    padding: 3rem;
  }

  .padding-large {
    padding: 1.5rem;
  }

  .margin-huge {
    margin: 3.5rem;
  }

  .padding-medium {
    padding: 1.25rem;
  }

  .margin-xxlarge {
    margin: 3rem;
  }

  .margin-xhuge {
    margin: 4rem;
  }

  .margin-medium {
    margin: 1.25rem;
  }

  .margin-xxhuge {
    margin: 4.5rem;
  }

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .padding-left {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .padding-right {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .hide-mobile-landscape {
    display: none;
  }

  .heading-style-h3 {
    font-size: 2rem;
  }

  .icon-1x1-medium {
    flex: none;
    width: 2rem;
    height: 2rem;
  }

  .heading-style-h1 {
    font-size: 3.5rem;
    line-height: 3.5rem;
  }

  .padding-global.padding-section-large {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .padding-section-small {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .fs-styleguide_section-header {
    font-size: .875rem;
  }

  .fs-styleguide_heading-medium {
    font-size: 2rem;
  }

  .max-width-full-mobile-landscape {
    width: 100%;
    max-width: none;
  }

  .heading-style-h4 {
    font-size: 1.25rem;
  }

  .text-style-nowrap {
    white-space: normal;
  }

  .padding-section-large {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .heading-style-h2 {
    font-size: 2.5rem;
    line-height: 2.8rem;
  }

  .icon-height-medium {
    height: 2rem;
  }

  .button-primary {
    padding-top: .8rem;
    padding-bottom: .8rem;
    font-size: 1rem;
    line-height: 1rem;
  }

  .text-size-medium {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .button-group {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    align-items: stretch;
    max-width: 22rem;
  }

  .padding-section-medium {
    padding-top: 3.25rem;
    padding-bottom: 3.25rem;
  }

  .spacer-huge {
    padding-top: 3.5rem;
  }

  .spacer-medium {
    padding-top: 1.25rem;
  }

  .spacer-xhuge {
    padding-top: 4rem;
  }

  .spacer-xlarge {
    padding-top: 2rem;
  }

  .spacer-large {
    padding-top: 1.5rem;
  }

  .spacer-xxlarge {
    padding-top: 3rem;
  }

  .hero-content {
    max-width: none;
  }

  .button-secondary {
    justify-content: center;
    align-items: center;
    font-size: 1rem;
  }

  .hero-supporting-text-wrapper {
    max-width: 25rem;
  }

  .hero-badge {
    padding: .25rem;
  }

  .primary-button-text-wrapper {
    font-size: 1.125rem;
  }

  .secondary-button-image {
    background-image: none;
  }

  .hero-badge-arrow-icon {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .button-group-landscape-mobile {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    align-items: stretch;
  }

  .button-group-landscape-mobile.hide-desktop-tablet {
    flex-flow: column;
    display: flex;
  }

  .navbar-menu-icon-button.w--open {
    margin-right: 0;
  }

  .nav-link-logo-wrapper.hide-desktop {
    padding-left: 0;
  }

  .nav-mobile {
    box-shadow: none;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .intro-animation {
    width: 150%;
    height: 20rem;
    overflow: visible;
  }

  .intro-badge-icon {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .quote-text-content-wrapper {
    max-width: 28rem;
  }

  .offer-wrapper {
    align-items: center;
  }

  .section-lebel-wrapper {
    padding-left: .4rem;
    padding-right: .4rem;
  }

  .section-supporting-text-wrapper {
    max-width: 25rem;
  }

  .offer-content-body {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    align-items: flex-start;
    padding-top: 2rem;
  }

  .offer-item-wrapper {
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .offer-animation-sticky-wrapper {
    width: 100%;
    height: auto;
  }

  .offer-list-item {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
  }

  .offer-list-items-wrapper {
    flex-flow: column;
  }

  .offer-item-heading-wrapper {
    width: auto;
  }

  .offer-item-paragraph-wrapper {
    text-align: center;
  }

  .project-content-body {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    align-items: flex-start;
    width: 100%;
  }

  .project-benefit-item {
    flex-flow: column;
    width: 100%;
    height: auto;
    position: static;
  }

  .project-benefit-animation-wrapper {
    aspect-ratio: auto;
    flex: 0 auto;
    width: 100%;
    height: 80%;
    position: static;
  }

  .project-benefit-title {
    text-align: left;
    width: auto;
  }

  .project-benefit-animation {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
  }

  .project-benefit-text {
    width: 40%;
  }

  .project-benefit-text.padding-medium {
    width: 100%;
  }

  .profits-content-body {
    grid-column-gap: 5rem;
    grid-row-gap: 5rem;
    flex-flow: column;
    align-items: flex-start;
    width: 100%;
  }

  .profits-media-content {
    flex: 0 auto;
    inset: 0% auto 0% 0%;
  }

  .profits-item-wrapper {
    width: 100%;
  }

  .faq-item-wrapper {
    grid-column-gap: 5rem;
    grid-row-gap: 5rem;
    flex-flow: column;
    align-items: flex-start;
    width: 100%;
  }

  .section-footer {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
  }

  .footer-social-icons-wrapper {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .tooltip-wrapper {
    display: none;
  }

  .nav-link-wrapper {
    align-items: center;
  }

  .nav-link-subtitle {
    flex: none;
    line-height: 1rem;
  }

  .cta-download-mobile-desciption {
    flex-flow: wrap;
  }

  .footer-content {
    height: 6rem;
  }

  .cta-download-mobile-bg {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .cta-download-mobile-wrapper {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer-email-copy-icon {
    background-image: none;
  }

  .footer-top-button-group {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: row;
  }

  .offer-component-desktop, .offer-component-tablet {
    width: 100%;
  }

  .possibilities-content-body {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    align-items: flex-start;
    width: 100%;
  }

  .possibilities-item {
    flex-flow: column;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    height: 21rem;
  }

  .possibilities-item.is-purple {
    flex-flow: column;
    height: 37rem;
  }

  .possibilities-item-image-wrapper {
    aspect-ratio: auto;
    flex: 0 auto;
    width: 100%;
    height: 70%;
  }

  .possibilities-item-text-wrapper {
    width: 40%;
  }

  .possibilities-item-text-wrapper.padding-medium {
    width: 100%;
  }

  .possibilities-item-title {
    text-align: center;
    width: auto;
  }

  .project-benefit-image-wrapper {
    aspect-ratio: auto;
    flex: 0 auto;
    width: 100%;
    height: 80%;
    padding-top: 25%;
    padding-bottom: 25%;
    position: static;
  }

  .possibilities-animation {
    aspect-ratio: auto;
    flex: 0 auto;
    width: 100%;
    height: 80%;
    position: static;
  }

  .project-benefit-image {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
  }

  .steps-content-body {
    grid-column-gap: 5rem;
    grid-row-gap: 5rem;
    flex-flow: column;
    align-items: flex-start;
    width: 100%;
  }

  .slider-animation-content-wrapper {
    flex: 0 auto;
    inset: 0% auto 0% 0%;
  }

  .slider-text-content-wrapper {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 15rem;
    padding-top: 0;
  }

  .slider-badge-icon {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .slider-heading-wrapper {
    width: auto;
  }

  .slider-description-wrapper {
    text-align: center;
  }

  .headling-label-copy {
    letter-spacing: 2px;
  }

  .terms-content {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    align-items: flex-start;
    width: 100%;
  }

  .footer-privacy-wrapper {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .quote-icon {
    width: 2.3rem;
  }

  .heading, .heading-3 {
    font-size: 3.5rem;
    line-height: 3.5rem;
  }

  .contact-content-wrapper {
    grid-column-gap: 5rem;
    grid-row-gap: 5rem;
    flex-flow: column;
    align-items: flex-start;
    width: 100%;
  }

  .contact-item {
    width: 100%;
  }

  .footer-content-above {
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
  }

  .footer-link-wrapper {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .f-h3-heading {
    font-size: 40px;
  }

  .service-item-list {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    border-top-style: dashed;
    flex-flow: column;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    width: auto;
  }

  .f-feature-card-divider {
    width: 100%;
    height: 1px;
  }

  .f-section-large-2 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .carousel-wrap {
    min-height: 4rem;
  }

  .logo-gradient-left, .logo-gradient-right {
    width: 200px;
  }

  .carousel-logo-wrapper {
    min-width: 100px;
    padding: .5rem .25rem;
  }

  .f-h3-heading-2 {
    font-size: 40px;
  }

  .f-section-large-4 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .results-content {
    grid-template-rows: auto auto;
    grid-template-columns: 100%;
  }

  .results-content.is-reverse {
    grid-template-columns: 100%;
  }

  .results-content.is-different {
    grid-template-columns: 1fr;
  }

  .result-column-content {
    min-height: 20rem;
  }

  .button-tetrary {
    justify-content: center;
    align-items: center;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .service-item {
    border-bottom: 1px solid var(--border-color--border-primary);
    border-right-style: solid;
    border-right-width: 0;
  }

  .service-item.is-last {
    border-bottom-width: 0;
  }

  .f-h3-heading-3 {
    font-size: 40px;
  }

  .f-section-large-5 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .contact-content {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .f-contact-image-wrapper {
    max-width: 100%;
  }

  .f-career-badge {
    margin-bottom: 10px;
    margin-left: 0;
  }

  .f-career-title-wrapper {
    flex-direction: column-reverse;
    align-items: flex-start;
  }

  .badge-services {
    bottom: 5%;
    right: 15%;
  }

  .badge-services.is-social-media {
    right: 15%;
  }

  .badge-services.is-product-management {
    right: 0%;
  }

  .cta-side {
    padding-top: 32px;
    padding-bottom: 32px;
    padding-left: 32px;
  }

  .feature-caption {
    flex-direction: column;
    align-items: stretch;
  }

  .circle {
    height: 80vh;
  }

  .f-banner {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
  }

  .f-h4-heading {
    font-size: 36px;
  }

  .f-logo-block {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
  }

  .f-logo-block.hide-mobile {
    display: none;
  }

  .f-logo-grid-primary {
    grid-template-columns: 1fr;
    justify-items: start;
  }

  .section-service-hero {
    background-position: 0 0, 50% 25%;
  }

  .uui-page-padding {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .max-width-full-mobile-landscape-2 {
    width: 100%;
    max-width: none;
  }

  .uui-heading-large {
    font-size: 2.25rem;
  }

  .uui-button {
    font-size: 1rem;
  }

  .uui-button:hover {
    border-color: var(--untitled-ui--primary600\<deleted\|variable-c514c1b4\>);
    background-color: var(--untitled-ui--primary600\<deleted\|variable-c514c1b4\>);
  }

  .button-wrapper {
    align-self: stretch;
  }

  .button-wrapper.button-row-center.is-reverse-mobile-landscape, .button-wrapper.is-reverse-mobile-landscape {
    flex-direction: column-reverse;
  }

  .uui-button-wrapper.max-width-full-mobile-landscape-2 {
    width: 100%;
  }

  .uui-text-size-xlarge {
    font-size: 1.125rem;
  }

  .uui-button-secondary-gray {
    padding-left: 1.25rem;
    font-size: 1rem;
  }

  .uui-button-secondary-gray:hover {
    background-color: var(--untitled-ui--white\<deleted\|variable-e3beb9c1\>);
    color: var(--untitled-ui--gray700\<deleted\|variable-d4f37b50\>);
  }

  .uui-space-small {
    min-height: 1.25rem;
  }

  .uui-space-medium {
    min-height: 1.5rem;
  }

  .uui-padding-vertical-xhuge {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .integration-circle-inner {
    width: 180px;
    height: 180px;
  }

  .grid-services {
    flex-flow: column;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    width: auto;
  }

  .services-item {
    border-bottom: 1px none var(--border-color--border-primary);
  }

  .services-item.is-last {
    border-bottom-width: 0;
  }

  .services-item.is-first, .services-item.is-second {
    border-right-style: none;
  }

  .services-item.is-fourth, .services-item.is-fifth {
    border-bottom-style: solid;
    border-right-style: none;
  }

  .f-logo-gradient-r-copy {
    width: 200px;
  }

  .uui-text-size-small.hide-mobile-landscape-2, .hide-mobile-landscape-2 {
    display: none;
  }

  .uui-button-2 {
    font-size: 1rem;
  }

  .uui-button-2:hover {
    border-color: var(--untitled-ui--primary600\<deleted\|variable-c514c1b4\>);
    background-color: var(--untitled-ui--primary600\<deleted\|variable-c514c1b4\>);
  }

  .dropdown-content {
    grid-row-gap: 1.5rem;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
  }

  .nav-dropdown-link {
    grid-column-gap: .8rem;
    display: flex;
  }

  .dropdown-link-list {
    grid-row-gap: .5rem;
    max-width: none;
  }

  .dropdown-text {
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .navbar {
    min-height: 4.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    top: .125rem;
  }

  .navbar-link {
    font-size: 1rem;
  }

  .navbar-menu {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .navbar-dropdown-toggle {
    font-size: 1rem;
  }

  .uui-button-secondary-gray-2 {
    padding-left: 1.25rem;
    font-size: 1rem;
  }

  .uui-button-secondary-gray-2:hover {
    background-color: var(--untitled-ui--white\<deleted\|variable-e3beb9c1\>);
    color: var(--untitled-ui--gray700\<deleted\|variable-d4f37b50\>);
  }

  .uui-button-tertiary-gray:hover {
    color: var(--untitled-ui--gray600\<deleted\|variable-10a0cd12\>);
    background-color: #0000;
  }

  .uui-styleguide_logomark-bg {
    background-image: url('../images/untitled-ui-logomark.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .dropdown-badge {
    padding: .125rem .5rem;
  }

  .image-interaction {
    right: -30%;
  }

  .f-banner-flex-row-2 {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }

  .f-banner-2 {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
  }

  .f-banner-badge {
    margin-bottom: 4px;
    margin-left: 0;
    margin-right: 0;
  }

  .f-h3-heading-4 {
    font-size: 40px;
  }

  .f-section-large-6 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .f-career-tab-button {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .f-career-tab-menu {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .top-card {
    justify-content: space-between;
    align-items: flex-start;
  }

  .button-card-wrapper {
    align-items: stretch;
  }

  .hide-mobile-landscape-3 {
    display: none;
  }

  .uui-page-padding-2 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .max-width-full-mobile-landscape-3 {
    width: 100%;
    max-width: none;
  }

  .uui-button-3 {
    font-size: 1rem;
  }

  .uui-button-3:hover {
    border-color: var(--untitled-ui--primary600\<deleted\|variable-c514c1b4\>);
    background-color: var(--untitled-ui--primary600\<deleted\|variable-c514c1b4\>);
  }

  .uui-button-3.is-button-large {
    grid-column-gap: .5rem;
    padding: .75rem 1.25rem;
    font-size: 1rem;
  }

  .uui-heading-xlarge {
    font-size: 2.25rem;
  }

  .uui-button-row {
    align-self: stretch;
  }

  .uui-button-row.is-reverse-mobile-landscape {
    flex-direction: column-reverse;
  }

  .uui-button-wrapper-2.max-width-full-mobile-landscape-3 {
    width: 100%;
  }

  .uui-button-icon.is-icon-large {
    width: 1.25rem;
    height: 1.25rem;
  }

  .uui-text-size-xlarge-2 {
    font-size: 1.125rem;
  }

  .uui-heroheader10_image-wrapper {
    align-items: flex-start;
    height: 26rem;
  }

  .uui-heroheader10_image {
    bottom: 0%;
  }

  .uui-section_heroheader10 {
    overflow: hidden;
  }

  .uui-heroheader10_image-background {
    height: 40rem;
    top: 10%;
  }

  .uui-button-secondary-gray-3 {
    padding-left: 1.25rem;
    font-size: 1rem;
  }

  .uui-button-secondary-gray-3:hover {
    background-color: var(--untitled-ui--white\<deleted\|variable-e3beb9c1\>);
    color: var(--untitled-ui--gray700\<deleted\|variable-d4f37b50\>);
  }

  .uui-button-secondary-gray-3.is-button-large {
    grid-column-gap: .5rem;
    padding: .75rem 1.25rem;
    font-size: 1rem;
  }

  .uui-heroheader10_image-inner-wrapper {
    overflow: visible;
  }

  .uui-space-small-2 {
    min-height: 1.25rem;
  }

  .uui-space-large {
    min-height: 2rem;
  }

  .uui-padding-vertical-xhuge-2 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .image-2 {
    width: 80%;
  }

  .image-3 {
    width: 90%;
  }

  .f-h3-heading-5 {
    font-size: 40px;
  }

  .f-grid-three-column {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .f-section-regular {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .button-master {
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
  }

  .vgvgvgv {
    width: 100%;
  }

  .grid-2-col-copy {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .text-align-left-2 {
    font-weight: 400;
  }

  .grid-project {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .image-project-sinlr-copy {
    padding-right: 1.5rem;
  }

  .cennik-content {
    grid-template-rows: min-content min-content auto;
    grid-template-columns: 1fr 1fr;
    display: flex;
  }

  .div-block-53 {
    padding-left: 1.5rem;
  }

  .cta-side-2, .cta-side-3, .cta-side-4 {
    padding-top: 32px;
    padding-bottom: 32px;
    padding-left: 32px;
  }

  .logo-group {
    grid-auto-columns: 1fr;
  }

  .button-master-2 {
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
  }

  .service-plans {
    grid-template-columns: 1fr;
  }

  .heading-tab {
    grid-row-gap: 1rem;
    flex-direction: column-reverse;
  }

  .service-tabs-menu {
    width: 70%;
    margin-top: 2rem;
  }

  .feature-below-list {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .badge-rectangle {
    padding: .125rem .5rem;
  }

  .service-feature-list {
    grid-template-columns: 1fr;
  }

  .cennik-content-2 {
    grid-template-columns: 1fr 1fr;
  }

  .service-plans-copy {
    grid-template-columns: 1fr;
  }

  .heading-10 {
    padding-bottom: 0;
  }

  .subheading {
    font-size: 18px;
  }

  .logos-wrap {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .feature-heading {
    font-size: 52px;
  }

  .feature-img-wrap {
    border-radius: 8px;
  }

  .intro-animation-wrapper-copy {
    height: 30rem;
  }

  .photo-about {
    aspect-ratio: 1;
    object-fit: cover;
  }

  .about-card {
    flex-flow: column;
    grid-template-rows: auto auto;
    width: 100%;
    display: flex;
  }

  .grid-about {
    grid-column-gap: 6rem;
    grid-row-gap: 6rem;
    flex-flow: column;
    grid-template-rows: min-content min-content;
    grid-template-columns: 1fr;
    align-items: flex-start;
    width: 100%;
  }

  .f-h3-heading-6 {
    font-size: 40px;
  }

  .f-section-large-7 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .f-feature-card-wrapper {
    flex-flow: column;
    align-items: center;
  }

  .f-h1-heading {
    margin-top: 0;
    font-size: 48px;
  }

  .f-grid-three-column-2 {
    grid-template-columns: 1fr;
  }

  .logos-wrap-copy {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .uui-page-padding-3 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .uui-text-size-large {
    font-size: 1rem;
  }

  .uui-heading-xxsmall {
    font-size: 1.125rem;
  }

  .uui-heading-medium {
    font-size: 1.75rem;
    line-height: 1.4;
  }

  .uui-button-4 {
    font-size: 1rem;
  }

  .uui-button-4:hover {
    border-color: var(--untitled-ui--primary600\<deleted\|variable-c514c1b4\>);
    background-color: var(--untitled-ui--primary600\<deleted\|variable-c514c1b4\>);
  }

  .uui-pricing11_component {
    margin-top: 2rem;
  }

  .uui-badge {
    padding: .125rem .5rem;
  }

  .uui-space-xsmall {
    min-height: .75rem;
  }

  .uui-space-medium-2 {
    min-height: 1.5rem;
  }

  .uui-padding-vertical-xhuge-3 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .uui-pricing11_price {
    font-size: 2.25rem;
  }

  .tooltip-float-v2.left {
    margin-left: auto;
    margin-right: auto;
    inset: 128% 0% auto auto;
  }

  .uui-page-padding-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .uui-text-size-large-2 {
    font-size: 1rem;
  }

  .uui-heading-xxsmall-2 {
    font-size: 1.125rem;
  }

  .uui-heading-medium-2 {
    font-size: 1.75rem;
    line-height: 1.4;
  }

  .uui-testimonial14_component {
    column-count: 1;
  }

  .uui-testimonial14_content {
    margin-bottom: 1.5rem;
  }

  .uui-testimonial14_client-image-wrapper {
    margin-bottom: 1rem;
    margin-right: 0;
  }

  .uui-testimonial14_client {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }

  .uui-space-xsmall-2 {
    min-height: .75rem;
  }

  .uui-padding-vertical-xhuge-4 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 3.5rem;
    line-height: 3.5rem;
  }

  .padding-xhuge {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .padding-left {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .padding-right {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .icon-1x1-large {
    width: 2rem;
    height: 2rem;
  }

  .fs-styleguide_item {
    grid-auto-flow: row;
  }

  .fs-styleguide_row {
    flex-wrap: wrap;
  }

  .max-width-full-mobile-portrait {
    width: 100%;
    max-width: none;
  }

  .padding-global {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .padding-global.padding-section-large {
    padding: 3.5rem 1rem;
  }

  .hide-mobile-portrait {
    display: none;
  }

  .padding-section-large {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  .icon-height-medium {
    height: 1.5rem;
  }

  .icon-height-large {
    height: 2rem;
  }

  .button-primary {
    grid-column-gap: .8rem;
    grid-row-gap: .8rem;
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
  }

  .button-primary.is-medium {
    padding-top: 1.3rem;
    padding-bottom: 1.3rem;
  }

  .button-group {
    flex-flow: column-reverse;
  }

  .hero-content {
    width: 100%;
  }

  .primary-button-icon-wrapper {
    justify-content: center;
    align-items: center;
    width: 3.5rem;
    height: 3.5rem;
  }

  .button-secondary {
    flex: none;
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
    line-height: 1.2rem;
  }

  .secondary-button-image-wrapper {
    width: 3.5rem;
    height: 3.5rem;
  }

  .hero-header-wrapper {
    width: 100%;
    padding-top: 0;
  }

  .hero-badge {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .hero-badge-arrow-icon-wrapper {
    display: flex;
  }

  .hero-text-content-wrapper {
    width: 100%;
  }

  .secondary-button-image {
    flex: none;
    width: 100%;
    height: auto;
  }

  .hero-badge-arrow-icon {
    flex: none;
  }

  .button-group-landscape-mobile {
    flex-flow: column;
    flex: none;
    align-items: center;
    width: auto;
    max-width: 23rem;
  }

  .button-group-landscape-mobile.hide-desktop-tablet {
    flex-flow: column;
    flex: 1;
    align-items: stretch;
    max-width: 18rem;
  }

  .button-group-wrapper {
    flex: none;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .nav-container-wrapper {
    padding-top: 2rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .nav-link-logo-wrapper {
    position: static;
  }

  .nav {
    margin-left: 0;
    margin-right: 0;
  }

  .nav-mobile {
    box-shadow: none;
    border-style: none;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .intro-badge-wrapper {
    justify-content: flex-start;
  }

  .intro-animation-wrapper {
    height: 17rem;
  }

  .intro-animation {
    width: 200%;
    height: 16rem;
  }

  .intro-badge-icon {
    flex: none;
  }

  .quote-text-content-wrapper {
    max-width: 18rem;
  }

  .section-label-wrapper.is-left {
    justify-content: center;
    align-items: center;
  }

  .section-supporting-text-wrapper {
    max-width: 23rem;
  }

  .offer-content-body {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    padding-bottom: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .offer-animation-sticky-wrapper {
    height: auto;
  }

  .project-benefit-item {
    flex-flow: column;
    height: auto;
  }

  .project-benefit-animation-wrapper {
    aspect-ratio: auto;
    flex: none;
    justify-content: center;
    align-items: flex-end;
    width: 100%;
    height: 80%;
    position: static;
    top: auto;
    left: 0%;
    right: 0%;
  }

  .project-benefit-title {
    width: 100%;
  }

  .project-benefit-description.hide-mobile {
    display: none;
  }

  .project-benefit-animation {
    aspect-ratio: 1;
    width: 100%;
    height: auto;
    position: static;
  }

  .project-benefit-text, .project-benefit-text.padding-medium {
    width: 100%;
  }

  .profits-content-body {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
  }

  .profits-item-animation-wrapper {
    flex-flow: column;
    height: auto;
  }

  .profits-media-content {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    inset: 0% 0% auto;
  }

  .faq-item-wrapper {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
  }

  .section-footer {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
  }

  .navbar-button {
    justify-content: center;
    align-items: center;
    padding: .8rem 2rem;
  }

  .nav-link-block-wrapper {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .nav-link-wrapper {
    justify-content: space-between;
    display: flex;
  }

  .nav-link-block {
    height: auto;
    padding-top: .5rem;
    padding-bottom: .8rem;
  }

  .nav-link-text {
    text-align: left;
    font-size: 1.2rem;
    line-height: 1.2rem;
  }

  .nav-link-text-wrapper {
    grid-column-gap: .4rem;
    grid-row-gap: .4rem;
    flex-flow: column;
    align-items: flex-start;
  }

  .nav-link-subtitle {
    text-align: center;
    flex: 1;
    line-height: .8rem;
    display: flex;
  }

  .cta-download-mobile-desciption {
    text-align: center;
  }

  .cta-download-button-text-wrapper {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .footer-content {
    height: 5rem;
  }

  .nav-cta-download-mobile {
    flex-flow: column;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .cta-download-mobile-bg {
    align-items: stretch;
  }

  .cta-download-mobile-headings {
    justify-content: center;
    align-items: flex-start;
  }

  .button-secondary-alt {
    justify-content: space-between;
    align-items: center;
    height: auto;
    padding-bottom: .5rem;
  }

  .footer-email-copy-wrapper {
    width: 2rem;
    height: 2rem;
  }

  .footer-top-button-group {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: row;
    justify-content: center;
    align-items: center;
  }

  .possibilities-item {
    flex-flow: column;
    height: 24rem;
  }

  .possibilities-item.is-orange {
    justify-content: flex-end;
    align-items: center;
    height: 28rem;
  }

  .possibilities-item.is-black {
    flex: none;
    justify-content: flex-end;
    align-items: center;
    height: 28rem;
  }

  .possibilities-item.is-purple {
    justify-content: flex-end;
    align-items: center;
    height: 28rem;
  }

  .possibilities-item-image {
    position: relative;
  }

  .possibilities-item-image-wrapper {
    aspect-ratio: auto;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 80%;
    height: 60%;
    position: relative;
    top: 0;
    left: 0%;
    right: 0%;
  }

  .possibilities-item-text-wrapper, .possibilities-item-text-wrapper.padding-medium, .possibilities-item-title {
    width: 100%;
  }

  .project-benefit-image-wrapper {
    aspect-ratio: auto;
    flex: none;
    justify-content: center;
    align-items: flex-end;
    width: 100%;
    height: 80%;
    padding-top: 0%;
    padding-bottom: 0%;
    position: static;
    top: auto;
    left: 0%;
    right: 0%;
  }

  .possibilities-animation {
    aspect-ratio: auto;
    flex: none;
    justify-content: center;
    align-items: flex-end;
    width: 100%;
    height: 80%;
    position: static;
    top: auto;
    left: 0%;
    right: 0%;
  }

  .project-benefit-image {
    aspect-ratio: 1;
    width: 100%;
    height: auto;
    position: static;
  }

  .steps-content-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .steps-content-body {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
  }

  .slider-animation-content-wrapper {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    inset: 0% 0% auto;
  }

  .slider-text-content-wrapper {
    height: 19rem;
  }

  .slider-animation {
    height: 100%;
  }

  .steps-slider-slide {
    width: 110%;
  }

  .steps-slider-mask {
    width: 90%;
  }

  .steps-slider-arrow-wrapper {
    justify-content: center;
    align-items: flex-start;
  }

  .slider-pointer-wrapper {
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 0;
  }

  .pointer-text-wrapper {
    text-align: left;
  }

  .slider-badge-icon {
    flex: none;
  }

  .slider-lebel {
    grid-column-gap: .8rem;
    grid-row-gap: .8rem;
    padding-left: .5rem;
    padding-right: 1rem;
  }

  .cta-download-mobile-head {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
  }

  .project-benefit-music-badge-wrapper {
    height: 4rem;
    top: .5rem;
    left: -.5rem;
  }

  .nav-logo-name {
    width: 10rem;
    height: 3rem;
  }

  .terms-content-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .footer-top-button-text-wrapper {
    font-size: 1.3rem;
  }

  .footer-privacy-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    align-items: center;
  }

  .cta-download-button-wrapper {
    justify-content: center;
    align-items: center;
  }

  .cta-download-mobile-button {
    flex: 1;
    justify-content: center;
    align-items: center;
    padding-left: 0;
  }

  .quote-icon {
    width: 2rem;
  }

  .contact-content-wrapper {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    padding-bottom: 1rem;
  }

  .footer-content-above {
    flex-flow: column;
  }

  .footer-link-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    align-items: center;
  }

  .logo-gradient-left, .logo-gradient-right {
    width: 40px;
  }

  .result-column-content {
    align-items: stretch;
  }

  .grid-image {
    aspect-ratio: 1;
  }

  .grid-single-image-wrapper {
    height: 400px;
  }

  .contact-content {
    grid-template-columns: 100%;
  }

  .f-career-top-wrapper {
    flex-direction: column;
    align-items: flex-start;
  }

  .f-career-tab-link {
    width: 100%;
    min-width: auto;
  }

  .f-career-detail-row {
    flex-direction: column;
    align-items: flex-start;
  }

  .f-career-detail {
    margin-bottom: 16px;
    margin-right: 0;
  }

  .f-career-button-primary {
    margin-top: 14px;
  }

  .button__text {
    font-size: 1rem;
  }

  .badge-services {
    position: static;
  }

  .label-regular {
    white-space: normal;
  }

  .wrap-h-regular.align-c {
    flex-flow: wrap;
  }

  .button-primary-small {
    width: 100%;
  }

  .f-banner-flex-row {
    text-align: left;
  }

  .logos-hero {
    grid-template-columns: 1fr;
  }

  .usp-hero-wrapper {
    flex-flow: column;
  }

  .f-logo-block {
    align-items: stretch;
  }

  .f-logo-grid-primary {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-columns: 1fr;
    width: 100%;
  }

  .f-logo-grid-middle {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto auto;
    grid-template-columns: 1.5fr;
    margin-top: 24px;
    margin-bottom: 24px;
  }

  .contact-content-column {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .contact-phone-item {
    border-right-style: none;
  }

  .contact-mail-item {
    border-top-color: var(--border-color--border-primary-hover);
    width: 100%;
  }

  .contact-link-item {
    border-left-style: none;
  }

  .contact-linkedin-item {
    border-bottom: 1px dashed var(--border-color--border-primary-hover);
  }

  .section-service-hero {
    background-position: 0 0, 50% 23%;
  }

  .integration-circle {
    display: none;
  }

  .bg-image-section {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    background-image: none;
    background-position: 0 0;
    height: auto;
  }

  .badge-services-wrapper {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: wrap;
    flex: 0 auto;
    justify-content: center;
    align-items: flex-end;
  }

  .badge-services-area {
    flex: none;
    justify-content: flex-end;
  }

  .icon-tool {
    width: 2rem;
    height: 2rem;
    padding: .3rem;
  }

  .icon-tools-wrapper {
    bottom: -30%;
  }

  .services-item.is-first {
    border-right-style: none;
  }

  .grid-single-image-wrapper-copy {
    height: 400px;
  }

  .section {
    background-position: 0 0, 50% 17%;
  }

  .f-logo-gradient-r-copy {
    width: 40px;
  }

  .dropdown-content {
    grid-template-columns: 1fr;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .nav-dropdown-link {
    grid-column-gap: 1rem;
    width: 100%;
  }

  .nav-dropdown-link.w--current {
    grid-template-columns: 40% 60%;
    padding-left: .75rem;
  }

  .nav-dropdown-link.is-coming-soon {
    grid-template-columns: auto auto;
  }

  .dropdown-link-list {
    grid-template-rows: 1fr auto;
    grid-template-columns: 1fr;
  }

  .navbar {
    min-height: 4rem;
  }

  .navbar-button-wrapper {
    align-items: stretch;
    width: 100%;
  }

  .image-interaction {
    max-width: 17rem;
    top: 10%;
    right: -30%;
  }

  .f-banner-flex-row-2 {
    text-align: left;
  }

  .f-career-tab-button {
    margin-top: 8px;
    margin-bottom: 8px;
  }

  .top-card {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column-reverse wrap;
    align-items: flex-start;
  }

  .f-career-button-primary-2 {
    margin-top: 14px;
  }

  .f-career-button-wrapper {
    flex-direction: column;
    align-items: flex-start;
  }

  .f-career-button-secondary {
    margin-top: 14px;
  }

  .section-utility {
    background-image: linear-gradient(#fff, #6f8bef 70%, #0d58c6 80%, #1a2b6b);
    overflow: clip;
  }

  .error-message-2 {
    position: static;
  }

  .usp-item {
    display: none;
  }

  .ratings_wrapper {
    flex: none;
    margin-left: .75rem;
  }

  .uui-section_heroheader10 {
    overflow: hidden;
  }

  .uui-heroheader10_component {
    grid-template-columns: 1fr;
  }

  .uui-avatar-group_component {
    padding-right: .5rem;
  }

  .uui-avatar-group_item {
    width: 2rem;
    height: 2rem;
    margin-right: -.5rem;
  }

  .tools-hero-wrapper.is-left {
    justify-content: center;
    align-items: center;
  }

  .image-2 {
    width: 90%;
  }

  .f-grid-three-column {
    grid-template-columns: 1fr;
    top: .5rem;
    left: .5rem;
    right: .5rem;
  }

  .avatar-testimonial {
    margin-bottom: 16px;
    margin-right: 0;
  }

  .heading-6 {
    font-size: 3.5rem;
  }

  .heading-7 {
    font-size: 3.4rem;
  }

  .image-service {
    aspect-ratio: 1;
  }

  .vgvgvgv {
    overflow: hidden;
  }

  .service-card-wrapper {
    align-items: stretch;
  }

  .service-card-wrapper.padding-large {
    align-items: flex-start;
  }

  .service-card-wrapper-copy {
    align-items: stretch;
    width: 100%;
  }

  .div-block-53-copy.is-hidden-mobile {
    display: none;
  }

  .cennik-content {
    grid-template-columns: 1fr;
  }

  .div-block-52 {
    grid-template-rows: auto;
  }

  .div-block-53.is-hidden-mobile {
    display: none;
  }

  .testimonials-wrapper {
    justify-content: center;
    align-items: flex-start;
    height: 60rem;
  }

  .logo-group {
    grid-column-gap: 0.5%;
    grid-row-gap: 0.5%;
  }

  .logo-2 {
    width: 1.5rem;
    height: 1.5rem;
  }

  .hero-badge-3 {
    justify-content: flex-start;
    align-items: center;
  }

  .service-tabs-menu {
    width: 100%;
  }

  .feature-below-list {
    grid-template-columns: 1fr 1fr;
  }

  .heading-10 {
    padding-bottom: 0;
  }

  .logos-wrap {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .feature-heading {
    font-size: 48px;
  }

  .intro-animation-wrapper-copy {
    justify-content: center;
    align-items: center;
    height: 30rem;
  }

  .about-card {
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
    overflow: hidden;
  }

  .grid-about {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    grid-template-rows: min-content min-content auto;
    grid-auto-flow: column;
  }

  .f-header-avatar-group {
    flex-flow: column wrap;
    align-items: flex-start;
    display: flex;
  }

  .f-header-avatar-text {
    margin-left: 0;
  }

  .logos-wrap-copy {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .f-header-avatar-group-copy {
    flex-flow: column wrap;
    align-items: flex-start;
    display: flex;
  }

  .review-wrapper {
    grid-column-gap: .8rem;
    grid-row-gap: .8rem;
    display: flex;
  }

  .text-block-9 {
    white-space: nowrap;
  }
}

#w-node-_60b8d3eb-d9ac-ec98-a292-9b43849ed1c5-36d14664, #w-node-_60b8d3eb-d9ac-ec98-a292-9b43849ed1d1-36d14664 {
  justify-self: start;
}

#w-node-ac377206-fc72-9cc4-9d9c-f7c4222569e5-36d14664 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_383a7a81-a0c3-331a-4a79-9790e0d0a945-36d14664 {
  justify-self: stretch;
}

#w-node-_383a7a81-a0c3-331a-4a79-9790e0d0a933-36d14664 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: stretch;
}

#w-node-_056c60c6-65f1-4fe0-061a-a5a388ef27f2-36d14664, #w-node-_056c60c6-65f1-4fe0-061a-a5a388ef27f6-36d14664, #w-node-_056c60c6-65f1-4fe0-061a-a5a388ef27fa-36d14664, #w-node-_056c60c6-65f1-4fe0-061a-a5a388ef27fe-36d14664, #w-node-_7fc6ec58-4359-0de9-6fa1-0d123aa3e021-36d14664, #w-node-_7fc6ec58-4359-0de9-6fa1-0d123aa3e025-36d14664, #w-node-_7fc6ec58-4359-0de9-6fa1-0d123aa3e029-36d14664, #w-node-_737a8ee4-4cd2-0185-81e2-a2f68ce86a1a-36d14664, #w-node-_737a8ee4-4cd2-0185-81e2-a2f68ce86a1e-36d14664, #w-node-_737a8ee4-4cd2-0185-81e2-a2f68ce86a22-36d14664, #w-node-_737a8ee4-4cd2-0185-81e2-a2f68ce86a26-36d14664, #w-node-f92f26e9-0dc5-828a-54ab-a247bbaca67a-36d14664, #w-node-f92f26e9-0dc5-828a-54ab-a247bbaca67e-36d14664, #w-node-f92f26e9-0dc5-828a-54ab-a247bbaca682-36d14664, #w-node-f92f26e9-0dc5-828a-54ab-a247bbaca686-36d14664, #w-node-c7322c34-df33-9182-58a2-a72e79088c42-36d14664, #w-node-c7322c34-df33-9182-58a2-a72e79088c4e-36d14664, #w-node-c7322c34-df33-9182-58a2-a72e79088c46-36d14664 {
  align-self: start;
}

#w-node-b224ec27-30fa-be84-48bf-7ed471542af3-36d1466c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627ca17-36d1466c, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ca1c-36d1466c, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ca21-36d1466c, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ca26-36d1466c, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ca2c-36d1466c, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ca32-36d1466c, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ca38-36d1466c {
  justify-self: start;
}

#w-node-_5d224905-8a1e-1460-7532-d38cb7ec37c1-36d1466c, #w-node-_40538c8c-870b-b365-34c4-2a06f0f8567d-36d1466c, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cb45-36d1466c, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cb5e-36d1466c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cb61-36d1466c {
  justify-self: start;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cb63-36d1466c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cb66-36d1466c {
  justify-self: start;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cbb8-36d1466c, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cbc2-36d1466c, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cbc3-36d1466c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cc31-36d1466c, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc36-36d1466c, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc3b-36d1466c, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc40-36d1466c, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc45-36d1466c, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc4a-36d1466c, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc54-36d1466c, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc59-36d1466c, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc5e-36d1466c, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc63-36d1466c, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc68-36d1466c, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc6d-36d1466c, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc72-36d1466c, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc77-36d1466c, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc7c-36d1466c, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc81-36d1466c, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc86-36d1466c, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccaf-36d1466c, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccb4-36d1466c, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccb9-36d1466c, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccbe-36d1466c, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccc3-36d1466c, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccc8-36d1466c, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccd2-36d1466c, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccd7-36d1466c, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccdc-36d1466c, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cce1-36d1466c, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cce6-36d1466c, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cceb-36d1466c, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccf0-36d1466c, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccf5-36d1466c, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccfa-36d1466c, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccff-36d1466c, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cd04-36d1466c, #w-node-_30684373-af34-3818-02a4-e58b3ffef3e5-36d1466c, #w-node-_30684373-af34-3818-02a4-e58b3ffef3ea-36d1466c, #w-node-_30684373-af34-3818-02a4-e58b3ffef3ef-36d1466c, #w-node-_30684373-af34-3818-02a4-e58b3ffef3f4-36d1466c, #w-node-_30684373-af34-3818-02a4-e58b3ffef3f9-36d1466c, #w-node-_30684373-af34-3818-02a4-e58b3ffef3fe-36d1466c, #w-node-_30684373-af34-3818-02a4-e58b3ffef403-36d1466c, #w-node-_30684373-af34-3818-02a4-e58b3ffef408-36d1466c, #w-node-_30684373-af34-3818-02a4-e58b3ffef40d-36d1466c, #w-node-_30684373-af34-3818-02a4-e58b3ffef412-36d1466c {
  justify-self: start;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cd6b-36d1466c, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cd98-36d1466c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cdc7-36d1466c {
  justify-self: start;
}

#w-node-_0e05b62e-7eca-febc-0d44-d283086b91a5-cc5086bb {
  justify-self: stretch;
}

#w-node-_0e05b62e-7eca-febc-0d44-d283086b91a8-cc5086bb {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: stretch;
}

#w-node-_0e05b62e-7eca-febc-0d44-d283086b91c4-cc5086bb, #w-node-_0e05b62e-7eca-febc-0d44-d283086b91c8-cc5086bb, #w-node-_0e05b62e-7eca-febc-0d44-d283086b91d0-cc5086bb, #w-node-_0e05b62e-7eca-febc-0d44-d283086b91d8-cc5086bb, #w-node-_0e05b62e-7eca-febc-0d44-d283086b91dc-cc5086bb, #w-node-_778dfbb9-3059-3b77-3524-cf72c94bb8f0-cc5086bb, #w-node-_778dfbb9-3059-3b77-3524-cf72c94bb8f4-cc5086bb, #w-node-_778dfbb9-3059-3b77-3524-cf72c94bb8fc-cc5086bb, #w-node-_778dfbb9-3059-3b77-3524-cf72c94bb904-cc5086bb, #w-node-_778dfbb9-3059-3b77-3524-cf72c94bb908-cc5086bb, #w-node-_778dfbb9-3059-3b77-3524-cf72c94bb900-cc5086bb, #w-node-_778dfbb9-3059-3b77-3524-cf72c94bb8ec-cc5086bb, #w-node-eaffb426-d39d-be6d-b654-685c0a5aaa4d-cc5086bb, #w-node-eaffb426-d39d-be6d-b654-685c0a5aaa59-cc5086bb, #w-node-eaffb426-d39d-be6d-b654-685c0a5aaa61-cc5086bb, #w-node-eaffb426-d39d-be6d-b654-685c0a5aaa65-cc5086bb, #w-node-eaffb426-d39d-be6d-b654-685c0a5aaa5d-cc5086bb, #w-node-eaffb426-d39d-be6d-b654-685c0a5aaa49-cc5086bb, #w-node-eaffb426-d39d-be6d-b654-685c0a5aaa51-cc5086bb, #w-node-_1370f2b2-fd09-8ac1-71d4-329f56f7f074-cc5086bb, #w-node-_1370f2b2-fd09-8ac1-71d4-329f56f7f078-cc5086bb, #w-node-_1370f2b2-fd09-8ac1-71d4-329f56f7f07c-cc5086bb, #w-node-_1370f2b2-fd09-8ac1-71d4-329f56f7f080-cc5086bb, #w-node-_1370f2b2-fd09-8ac1-71d4-329f56f7f084-cc5086bb, #w-node-_1370f2b2-fd09-8ac1-71d4-329f56f7f0a5-cc5086bb, #w-node-_1370f2b2-fd09-8ac1-71d4-329f56f7f0a9-cc5086bb, #w-node-_1370f2b2-fd09-8ac1-71d4-329f56f7f0ad-cc5086bb, #w-node-_1370f2b2-fd09-8ac1-71d4-329f56f7f0b1-cc5086bb, #w-node-_1370f2b2-fd09-8ac1-71d4-329f56f7f0b5-cc5086bb, #w-node-_1370f2b2-fd09-8ac1-71d4-329f56f7f0b9-cc5086bb, #w-node-_1370f2b2-fd09-8ac1-71d4-329f56f7f0a1-cc5086bb, #w-node-_1370f2b2-fd09-8ac1-71d4-329f56f7f0d6-cc5086bb, #w-node-_1370f2b2-fd09-8ac1-71d4-329f56f7f0da-cc5086bb, #w-node-_1370f2b2-fd09-8ac1-71d4-329f56f7f0de-cc5086bb, #w-node-_1370f2b2-fd09-8ac1-71d4-329f56f7f0e2-cc5086bb, #w-node-_1370f2b2-fd09-8ac1-71d4-329f56f7f0ee-cc5086bb, #w-node-_1370f2b2-fd09-8ac1-71d4-329f56f7f0f2-cc5086bb, #w-node-_1370f2b2-fd09-8ac1-71d4-329f56f7f0f6-cc5086bb {
  align-self: start;
}

#w-node-ae806da3-45d3-dc04-4042-8a6d56e820a6-cc5086bb, #w-node-_41ea6d3a-a296-5eec-b630-13b821957542-a43477e0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_41ea6d3a-a296-5eec-b630-13b82195756d-a43477e0 {
  justify-self: stretch;
}

#w-node-_41ea6d3a-a296-5eec-b630-13b82195757b-a43477e0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: stretch;
}

#w-node-_4b2a9808-5731-d44c-8afe-0ef5364f7cc3-a43477e0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (min-width: 1280px) {
  #w-node-_383a7a81-a0c3-331a-4a79-9790e0d0a945-36d14664, #w-node-_41ea6d3a-a296-5eec-b630-13b82195756d-a43477e0 {
    justify-self: auto;
  }
}