:root {
  --base-color--white-transparent-full: #fff0;
  --font-family--font-family-primary: Inter, sans-serif;
  --text-color--text-primary-alternate: #fff;
  --text-color--text-primary: var(--base-color-cool-black--dark-cool-black);
  --text-color--text-tetriary: var(--base-color--grey-medium-dark);
  --link-color--link-primary: var(--base-color--grey-darker);
  --background-color--bg-primary: var(--base-color--white);
  --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-secondary: var(--base-color--gray-lightest);
  --base-color--blue-lightest\<deleted\|variable-e8c63896-bf4e-ddd0-ad96-4447238008d5\>: var(--base-color-brand--50\<deleted\|variable-fbf81353-11cb-c04a-76c1-162df6186992\>);
  --background-color--bg-primary-hover\<deleted\|variable-2dd539ce-5be2-4493-8245-a883e87dab6d\>: var(--base-color-neutral-black--50);
  --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);
  --button-color--button-primary-hover: var(--base-color--black);
  --base-color-system--focus-state: #56b5fdad;
  --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\<deleted\|variable-8e7395e7-8812-5bde-95c7-7dfd8c4dab43\>: var(--base-color--yellow-medium-light\<deleted\|variable-d626a7e6-6ef7-9886-70c6-9dfdb4f138fd\>);
  --base-color--yellow-lighter\<deleted\|variable-ff5b0fc5-25da-2a5f-378d-1d66d19bdd37\>: var(--base-color-accent--100\<deleted\|variable-e76702c2-a83f-d43c-3a29-0b33d3e7dd33\>);
  --base-color--yellow-medium-dark\<deleted\|variable-9f1f0709-0b73-d948-2284-64a392e8ad7c\>: var(--base-color-accent--500\<deleted\|variable-8314be49-fac7-6f35-1a36-811af3cdb087\>);
  --button-color--button-secondary-border: var(--base-color--gray-light);
  --button-color--button-secondary-bg: white;
  --button-color--button-secondary-border-hover: var(--base-color--grey-medium-light);
  --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\<deleted\|variable-410017a8-985e-c6e9-bb25-536868b29fc2\>: var(--base-color--blue-lightest\<deleted\|variable-e8c63896-bf4e-ddd0-ad96-4447238008d5\>);
  --component-color--component-primary-bg: white;
  --foreground-color--fg-primary: var(--base-color--grey-dark);
  --base-color-brand--900\<deleted\|variable-121ddaf1-8205-a80e-de01-5424b3df3c4c\>: #193d8f;
  --base-color--grey-darker: var(--base-color-neutral-black--700);
  --base-color--black: #000;
  --base-color-system--warning-yellow-medium\<deleted\|variable-696f88f5-2c79-0e96-06b8-577d0af67c7b\>: #ffb88b;
  --base-color-brand--300\<deleted\|variable-0cf280e3-577b-6e30-bd7a-1bc9ff75fb10\>: #8ecbff;
  --base-color--blue-darkest\<deleted\|variable-e61cdc44-a137-ef4f-b20f-a0de78e24344\>: var(--base-color-brand--950\<deleted\|variable-85c3b358-2b2f-d535-141c-5975b1047033\>);
  --base-color--orange-light\<deleted\|variable-8c688545-f31c-1306-3e36-9331dad2e4a1\>: var(--base-color-system--warning-yellow-medium\<deleted\|variable-696f88f5-2c79-0e96-06b8-577d0af67c7b\>);
  --base-color-neutral-black--950: #292a2d;
  --link-color--link-primary-hover: var(--base-color--gray-darkest);
  --font-family--font-family-secondary: "Playfair Display", sans-serif;
  --text-color--text-black: var(--base-color--gray-darkest);
  --icon-color--icon-social-alternate\<deleted\|variable-1282aafb-b042-c1de-95d6-30d84d303591\>: var(--base-color--white);
  --icon-color--icon-social-alternate-hover\<deleted\|variable-20a90f85-facf-eafe-2d98-ffbb554ada33\>: 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\<deleted\|variable-85c3b358-2b2f-d535-141c-5975b1047033\>: #142757;
  --base-color--blue-medium\<deleted\|variable-1f139163-47b6-e02a-d284-a2b6bc811f9d\>: var(--base-color-brand--400\<deleted\|variable-d0e6f3b2-96ff-1d25-27df-25b970c391ad\>);
  --base-color--blue-light\<deleted\|variable-b5c0db07-3855-cf20-b6a1-126df6839b20\>: var(--base-color-brand--200\<deleted\|variable-2650c921-26e7-0970-08a9-d822f039a58e\>);
  --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\<deleted\|variable-3dcfdbd1-09d3-c2bf-e52d-49a2bd399b05\>: var(--base-color--blue-darkest\<deleted\|variable-e61cdc44-a137-ef4f-b20f-a0de78e24344\>);
  --component-color--component-secondary-bg\<deleted\|variable-022f2018-eee8-904f-1065-16f98e66db61\>: var(--base-color--blue-medium-light\<deleted\|variable-cb4c587e-e7db-6d77-5178-58cf93e1c928\>);
  --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\<deleted\|variable-dc6ab363-4489-cb2f-e872-8b0e46778ff1\>: var(--base-color--blue-light\<deleted\|variable-b5c0db07-3855-cf20-b6a1-126df6839b20\>);
  --link-color--link-secondary\<deleted\|variable-4a211279-2c6f-b621-7780-5aa8319b0a37\>: #59adff;
  --base-color--white-transport-70: #ffffffb3;
  --text-color--text-link: var(--base-color--grey-lighter);
  --text-color--text-link-hover: white;
  --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;
  --button-color--button-tetrary-bg\<deleted\|variable-a1d1be2d-a749-ce98-9b63-18df80fc85c6\>: var(--base-color--yellow-medium-light\<deleted\|variable-d626a7e6-6ef7-9886-70c6-9dfdb4f138fd\>);
  --button-color--button-tetrary-bg-hover\<deleted\|variable-588e3ce6-2380-91f7-8413-ff45bb5506e0\>: var(--base-color--yellow-medium-dark\<deleted\|variable-9f1f0709-0b73-d948-2284-64a392e8ad7c\>);
  --flowui-component-library--white\<deleted\|variable-f397231a\>: white;
  --flowui-component-library--gray-700\<deleted\|variable-87e3868e\>: #282556;
  --flowui-component-library--grey-300\<deleted\|variable-0cc6033c\>: #e4e6f1;
  --flowui-component-library--gray-400\<deleted\|variable-d727af8f\>: #b6b9ce;
  --flowui-component-library--success-lighter\<deleted\|variable-bed97e0f\>: #ebfff6;
  --flowui-component-library--success-darker\<deleted\|variable-1cd15803\>: #006638;
  --flowui-component-library--error-lighter\<deleted\|variable-fac6e5a2\>: #fceff0;
  --flowui-component-library--error-darker\<deleted\|variable-ffa094ec\>: #5b0b11;
  --base-color--white-transparent-50: #ffffff80;
  --base-color--gray-darkest: var(--base-color-neutral-black--950);
  --base-color-brand--100\<deleted\|variable-15bc1d1b-c668-beb2-3de5-f403e0fb1cd8\>: #d9ecff;
  --base-color--yellow-lightest\<deleted\|variable-cdf0fe72-5bd0-76be-749f-9291ba816e2d\>: var(--base-color-accent--50\<deleted\|variable-7d820371-0895-1807-d686-2e48899162fd\>);
  --untitled-ui--primary700\<deleted\|variable-da4f7fa3\>: #6941c6;
  --untitled-ui--primary50\<deleted\|variable-a4451441\>: #f9f5ff;
  --untitled-ui--primary100\<deleted\|variable-35a3c723\>: #f4ebff;
  --untitled-ui--primary600\<deleted\|variable-c514c1b4\>: #7f56d9;
  --untitled-ui--primary500\<deleted\|variable-2fc4bf9f\>: #9e77ed;
  --untitled-ui--white\<deleted\|variable-e3beb9c1\>: white;
  --untitled-ui--gray600\<deleted\|variable-10a0cd12\>: #475467;
  --untitled-ui--gray700\<deleted\|variable-d4f37b50\>: #344054;
  --untitled-ui--gray900\<deleted\|variable-f63dbb51\>: #101828;
  --untitled-ui--primary900\<deleted\|variable-61ad3a7b\>: #42307d;
  --base-color--white-transparent-20: #fff3;
  --untitled-ui--gray300\<deleted\|variable-51e0117e\>: #d0d5dd;
  --untitled-ui--gray50\<deleted\|variable-8a511359\>: #f9fafb;
  --untitled-ui--gray800\<deleted\|variable-0a1a9f61\>: #1d2939;
  --untitled-ui--gray100\<deleted\|variable-4a47ec41\>: #f2f4f7;
  --untitled-ui--primary200\<deleted\|variable-b0d9f07d\>: #e9d7fe;
  --untitled-ui--primary300\<deleted\|variable-b540dac6\>: #d6bbfb;
  --font-family--16px: 1rem;
  --base-color--gray-light: var(--base-color-neutral-black--200);
  --base-color-system--success-green: #d2f8ba;
  --untitled-ui--gray200\<deleted\|variable-bad2ea62\>: #eaecf0;
  --untitled-ui--gray500\<deleted\|variable-68f29e84\>: #667085;
  --base-color-neutral-black--400: #82868e;
  --border-color--border-primary-active: var(--base-color--gray-darkest);
  --link-color--link-alternate: #fff;
  --base-color--black-transparent-30: #0000004d;
  --base-color-neutral-black--100: #e5e7e8;
  --untitled-ui--primary800\<deleted\|variable-ddf4f85f\>: #53389e;
  --untitled-ui--warning300\<deleted\|variable-15a81cb3\>: #fec84b;
  --text-color--text-secondary-alternate: var(--base-color--gray-light);
  --base-color--grey-medium: var(--base-color-neutral-black--400);
  --base-color--gray-lightest: var(--base-color-neutral-black--50);
  --base-color--grey-medium-dark: var(--base-color-neutral-black--500);
  --base-color--grey-dark: var(--base-color-neutral-black--600);
  --base-color-neutral-black--50: #f5f6f6;
  --base-color-neutral-black--200: #ced1d3;
  --base-color-neutral-black--300: #acafb4;
  --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-system--success-green-dark: #6faa4b;
  --base-color-system--warning-yellow: #ffe4d3;
  --base-color-system--warning-yellow-dark: #ffa268;
  --base-color-system--error-red: #fecdca;
  --base-color-system--error-red-dark: #f04438;
  --base-color-cool-black--dark-cool-black: #1b1f26b3;
  --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);
  --icon-color--icon-primary-hover: var(--base-color--black);
  --icon-color--icon-social: var(--base-color--grey-lighter);
  --icon-color--icon-social-hover: var(--base-color--white);
  --base-color-brand--50\<deleted\|variable-fbf81353-11cb-c04a-76c1-162df6186992\>: #eef7ff;
  --base-color--yellow-medium-light\<deleted\|variable-d626a7e6-6ef7-9886-70c6-9dfdb4f138fd\>: var(--base-color-accent--300\<deleted\|variable-833793be-f201-aca1-8ff2-331d81d3f11e\>);
  --base-color-accent--100\<deleted\|variable-e76702c2-a83f-d43c-3a29-0b33d3e7dd33\>: #fdffc7;
  --base-color-accent--500\<deleted\|variable-8314be49-fac7-6f35-1a36-811af3cdb087\>: #c0dd05;
  --base-color-brand--400\<deleted\|variable-d0e6f3b2-96ff-1d25-27df-25b970c391ad\>: #59adff;
  --base-color-brand--200\<deleted\|variable-2650c921-26e7-0970-08a9-d822f039a58e\>: #bcdfff;
  --base-color--blue-medium-light\<deleted\|variable-cb4c587e-e7db-6d77-5178-58cf93e1c928\>: var(--base-color-brand--300\<deleted\|variable-0cf280e3-577b-6e30-bd7a-1bc9ff75fb10\>);
  --base-color--orange-medium\<deleted\|variable-f3543de6-e6be-4264-8e0a-e6ec6fc616dc\>: var(--base-color-system--warning-yellow-dark);
  --base-color-accent--50\<deleted\|variable-7d820371-0895-1807-d686-2e48899162fd\>: #ffffe5;
  --base-color-accent--300\<deleted\|variable-833793be-f201-aca1-8ff2-331d81d3f11e\>: #ecff43;
}

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

h1 {
  font-family: var(--font-family--font-family-primary);
  color: var(--text-color--text-primary-alternate);
  text-align: center;
  letter-spacing: -4px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4.8rem;
  font-weight: 500;
  line-height: 5rem;
}

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

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: 1.8rem;
  font-weight: 500;
  line-height: 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;
}

form {
  flex-flow: column;
  display: flex;
}

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;
}

.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;
}

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

.padding-small {
  padding: 1.25rem;
}

.padding-medium {
  padding: 1.5rem;
}

.padding-xsmall {
  padding: 1rem;
}

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

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

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

.icon-1x1-large {
  width: 3rem;
  height: 3rem;
}

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

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

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

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

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

.container-small {
  flex-flow: column;
  max-width: 48rem;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.icon-1x1-medium {
  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;
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding: 6rem 2rem;
  overflow: visible;
}

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

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

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

.text-weight-light, .text-weight-light.heading-style-h2, .text-weight-light.heading-style-h2 {
  font-weight: 300;
}

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

.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-primary-alternate);
}

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

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

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

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

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

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

.heading-style-h2.text-color-alternate {
  color: var(--text-color--text-primary-alternate);
}

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

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

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

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

.button-primary {
  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-primary-alternate);
  text-align: center;
  cursor: pointer;
  border-radius: .5rem;
  flex: none;
  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 .275s;
  display: flex;
  overflow: clip;
  box-shadow: 0 3px 8px #00000040;
}

.button-primary:hover {
  background-color: var(--button-color--button-primary-hover);
  box-shadow: 0 3px 8px #00000070;
}

.button-primary:focus-visible, .button-primary[data-wf-focus-visible] {
  outline-color: var(--base-color-system--focus-state);
  outline-offset: 0px;
  outline-width: 3px;
  outline-style: solid;
}

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

.button-primary.is-medium {
  padding: .25rem 1rem .25rem .7rem;
  position: absolute;
  inset: auto 0% auto auto;
}

.text-size-medium {
  text-align: center;
  font-size: 1.25rem;
  line-height: 1.75rem;
  text-decoration: none;
}

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

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

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

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

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

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

.hero-content {
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: start;
  place-items: center;
  max-width: 70rem;
  display: flex;
  position: static;
  overflow: clip;
}

.section-hero {
  background-image: linear-gradient(#0000003b, #00000094 54%), url("https://cdn.prod.website-files.com/69086d70d33b98cf92bb5603/6908751045eccac67471a1fe_david-kristianto-clRNC8Fm7j8-unsplash.avif");
  background-position: 0 0, 50% 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  height: 110vh;
  max-height: 100rem;
  margin-top: -4rem;
  display: flex;
  overflow: auto;
}

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

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

.text-link:focus-visible, .text-link[data-wf-focus-visible] {
  outline-color: var(--base-color-system--focus-state);
  outline-offset: 0px;
  border-radius: 12rem;
  outline-width: 3px;
  outline-style: solid;
}

.button-secondary {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  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: .5rem;
  justify-content: flex-end;
  align-items: center;
  padding: .5rem 1.5rem;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.75rem;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  overflow: visible;
}

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

.button-secondary:focus-visible, .button-secondary[data-wf-focus-visible] {
  outline-color: var(--base-color-system--focus-state);
  outline-offset: 0px;
  outline-width: 3px;
  outline-style: solid;
}

.hero-header-wrapper {
  flex-flow: column;
  display: flex;
}

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

.button-groups-wrapper {
  justify-content: center;
  align-items: center;
  padding: 5px;
  display: flex;
  overflow: auto;
}

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

.nav-container-wrapper {
  flex-flow: row;
  flex: 1;
  justify-content: space-between;
  align-items: stretch;
  max-width: 80rem;
  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:focus-visible, .nav-link-logo-wrapper[data-wf-focus-visible] {
  outline-color: var(--base-color-system--focus-state);
  outline-offset: 0px;
  border-radius: .5rem;
  outline-width: 3px;
  outline-style: solid;
}

.nav-link-logo-wrapper.w--current {
  position: sticky;
}

.nav-link-logo-wrapper.w--current:focus-visible, .nav-link-logo-wrapper.w--current[data-wf-focus-visible] {
  outline-color: var(--base-color-system--focus-state);
  outline-offset: 0px;
  border-radius: .5rem;
  outline-width: 3px;
  outline-style: solid;
}

.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;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
  position: sticky;
  top: .5rem;
  left: .5rem;
  right: .5rem;
}

.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-partners {
  background-color: var(--background-color--bg-primary);
  flex-direction: column;
  justify-content: center;
  padding-top: 2rem;
  padding-bottom: 2rem;
  position: relative;
}

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

.section-label {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-start;
  display: flex;
}

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

.section-supporting-text-wrapper {
  max-width: none;
}

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

.header-wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  max-width: 38rem;
  display: flex;
}

.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-contact {
  flex-direction: column;
  justify-content: center;
}

.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;
}

.section-footer {
  flex-direction: column;
  justify-content: center;
  margin-bottom: 2rem;
  display: flex;
}

.cta-download-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-primary-alternate);
  text-align: center;
  cursor: pointer;
  border-radius: .5rem;
  flex: none;
  justify-content: flex-end;
  align-items: center;
  padding: .3rem 1rem;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.75rem;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  overflow: clip;
  box-shadow: 0 3px 8px #00000040;
}

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

.cta-download-button:focus-visible, .cta-download-button[data-wf-focus-visible] {
  outline-color: var(--base-color-system--focus-state);
  outline-offset: 0px;
  outline-width: 3px;
  outline-style: solid;
}

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

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

.nav-link-block {
  color: var(--text-color--text-tetriary);
  align-items: center;
  height: 2.5rem;
  padding-left: 1rem;
  padding-right: 1.25rem;
  text-decoration: none;
  display: flex;
}

.nav-link-block:focus-visible, .nav-link-block[data-wf-focus-visible] {
  outline-color: var(--base-color-system--focus-state);
  outline-offset: 0px;
  border-radius: 12px;
  outline-width: 3px;
  outline-style: solid;
}

.nav-link-block.w--current {
  color: var(--link-color--link-primary-hover);
}

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

.nav-link-title-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  align-items: center;
  display: flex;
}

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

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

.footer-content-wrapper {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  background-color: #0f1f3d;
  border-radius: 1rem;
  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 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  align-items: center;
  width: 100%;
  display: flex;
}

.footer-content.padding-small {
  flex-flow: column;
}

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

.footer-content-top {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: row;
  flex: none;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  width: 40%;
  display: grid;
}

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

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

.footer-logo {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

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

.nav-container {
  border: 1px solid var(--base-color--grey-lighter);
  background-color: var(--base-color--white-transport-70);
  background-image: linear-gradient(27deg, var(--base-color--white), #fff0);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-radius: .6rem;
  flex: none;
  justify-content: flex-end;
  padding: .5rem;
  display: flex;
}

.nav-links-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.nav-content-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex: none;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.footer-privacy-link-wrapper {
  color: var(--text-color--text-link);
  cursor: pointer;
  line-height: 1.75rem;
  text-decoration: none;
  display: flex;
}

.footer-privacy-link-wrapper:hover {
  color: var(--text-color--text-link-hover);
}

.footer-privacy-link-wrapper:focus-visible, .footer-privacy-link-wrapper[data-wf-focus-visible] {
  outline-color: var(--base-color-system--focus-state);
  outline-offset: 2px;
  border-radius: .5rem;
  outline-width: 3px;
  outline-style: solid;
}

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

.footer-privacy-link {
  line-height: 2rem;
}

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

.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-primary-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: none;
  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;
}

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

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

.f-feature-card-row.padding-medium {
  align-items: flex-start;
}

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

.service-item {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

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

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

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

.div-block-2 {
  border: 1px solid var(--border-color--border-primary);
  border-radius: 2rem;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: clip;
}

.div-block-2.padding-small {
  overflow: clip;
}

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

.f-checkbox {
  border: 2px solid var(--base-color--black);
  background-color: #fff;
  border-radius: 4px;
  width: 20px;
  height: 20px;
  margin: 0 8px 0 0;
}

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

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

.f-checkbox.w--redirected-focus-visible {
  outline-color: var(--base-color-system--focus-state);
  outline-offset: 0px;
  outline-width: 3px;
  outline-style: solid;
}

.f-field-input {
  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;
}

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

.f-field-input:focus-visible, .f-field-input[data-wf-focus-visible] {
  outline-color: var(--base-color-system--focus-state);
  outline-offset: 0px;
  outline-width: 3px;
  outline-style: solid;
}

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

.f-field-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-70 {
  margin-bottom: 16px;
}

.f-margin-bottom-70.is-hidden {
  display: none;
}

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

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

.f-contact-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  align-items: start;
  width: 100%;
  max-width: 30rem;
  display: block;
}

.f-error-message {
  background-color: var(--flowui-component-library--error-lighter\<deleted\|variable-fac6e5a2\>);
  color: var(--flowui-component-library--error-darker\<deleted\|variable-ffa094ec\>);
  text-align: center;
  border-radius: 8px;
}

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

.badge {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border: 1px solid var(--border-color--border-primary-hover);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  color: var(--base-color--gray-darkest);
  border-radius: 99px;
  align-items: center;
  padding: .3rem 1rem .3rem .7rem;
  font-size: .8rem;
  line-height: 1.7;
  display: flex;
  box-shadow: inset 0 -4px 12px #ffffffad;
}

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

.div-block-10 {
  flex-flow: wrap;
  display: none;
}

.div-block-11 {
  border-top: 1px dashed #000;
  border-bottom: 1px dashed #000;
  display: flex;
}

.div-block-11.padding-tiny {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
}

.logo-asana {
  width: 5rem;
}

.logo-shopify {
  width: 1.5rem;
}

.logo-meta {
  width: 1.8rem;
}

.logo-google-analytics {
  max-height: 1.6rem;
}

.uui-button-row {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: clip;
}

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

.uui-badge-group {
  grid-column-gap: .4rem;
  grid-row-gap: .4rem;
  background-color: var(--base-color--white-transparent-20);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  font-family: var(--font-family--font-family-primary);
  color: var(--text-color--text-primary-alternate);
  border-radius: .5rem;
  align-items: center;
  padding: .25rem .7rem .25rem .5rem;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.5;
  text-decoration: none;
  display: flex;
}

.uui-badge-group.is-primary {
  background-color: var(--untitled-ui--primary50\<deleted\|variable-a4451441\>);
  white-space: nowrap;
  text-decoration: none;
}

.div-block-14 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.f-feature-card-filled-copy {
  border-bottom: 1px solid var(--border-color--border-primary);
  background-color: var(--background-color--bg-primary);
  border-radius: 1rem 1rem 0 0;
  flex-flow: column;
  flex: 1;
  height: 50%;
  padding: .5rem 1rem;
  display: flex;
}

.div-block-15 {
  z-index: 1;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
  display: flex;
  position: relative;
}

.section-content {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.uui-pricing10_feature-list {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  place-items: flex-start start;
  display: flex;
}

.uui-pricing10_feature {
  flex: none;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.uui-pricing10_icon-wrapper {
  flex: none;
  align-self: flex-start;
  align-items: center;
  margin-right: .75rem;
  padding-top: 3px;
  display: flex;
}

.uui-pricing03_tab-pane {
  width: 100%;
}

.tab-link {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border: 1px solid var(--border-color--border-primary-hover);
  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;
}

.tab-link:hover {
  border-color: var(--base-color-neutral-black--400);
}

.tab-link.w--current {
  border-color: var(--border-color--border-primary-active);
  color: var(--untitled-ui--gray700\<deleted\|variable-d4f37b50\>);
  background-color: #fff;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.tab-link.w--current:focus-visible, .tab-link.w--current[data-wf-focus-visible] {
  outline-color: var(--base-color-system--focus-state);
  outline-offset: 0px;
  outline-width: 3px;
  outline-style: solid;
}

.tabs-menu {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr max-content 1fr;
  grid-auto-columns: 1fr;
  align-self: center;
  margin-bottom: 1rem;
  display: flex;
}

.uui-pricing03_component {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: stretch start;
  width: 100%;
  display: grid;
}

.uui-pricing03_tab-content {
  width: 100%;
  overflow: visible;
}

.div-block-20 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 70% auto;
  grid-auto-columns: 1fr;
  display: flex;
}

.div-block-27 {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.image-3 {
  color: var(--link-color--link-alternate);
  display: flex;
}

.h1-style-display {
  font-family: var(--font-family--font-family-secondary);
  font-style: italic;
  font-weight: 400;
}

.link-product {
  grid-column-gap: .8rem;
  grid-row-gap: .8rem;
  background-color: var(--base-color--black-transparent-30);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  font-family: var(--font-family--font-family-primary);
  color: var(--text-color--text-primary-alternate);
  text-align: center;
  letter-spacing: .5px;
  cursor: pointer;
  border-radius: .5rem;
  justify-content: flex-end;
  align-items: center;
  padding: .8rem 1.5rem .8rem 1rem;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1rem;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

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

.link-product:focus-visible, .link-product[data-wf-focus-visible] {
  outline-color: var(--base-color-system--focus-state);
  outline-offset: 0px;
  outline-width: 3px;
  outline-style: solid;
}

.div-block-28 {
  background-color: var(--base-color--white);
  border-radius: 9999rem;
  width: 6px;
  height: 6px;
  display: block;
}

.div-block-29 {
  background-color: var(--base-color--grey-medium-light);
  align-items: stretch;
  width: 1px;
  height: 1.5rem;
  display: flex;
}

.brands-logo-wrapper {
  justify-content: center;
  align-items: flex-start;
  padding: .75rem 1.5rem;
  display: flex;
}

.uui-logos01_component {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  margin-top: 2rem;
  display: grid;
}

.brands-logo {
  max-width: 6rem;
  min-height: 4rem;
}

.brands-logo.is-bigger {
  height: 6rem;
}

.h2-decor-style {
  font-family: var(--font-family--font-family-secondary);
  font-style: italic;
}

.div-block-30 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: space-between;
  display: flex;
}

.image-4 {
  mix-blend-mode: darken;
  flex: 1;
  max-height: 30rem;
}

.image-4.is-smaller {
  max-height: 20rem;
}

.photo-container-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  align-items: flex-start;
  max-width: 24rem;
  display: flex;
}

.div-block-32 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  flex: none;
  width: 100%;
  display: flex;
}

.h4-decor-style {
  font-family: var(--font-family--font-family-secondary);
  font-style: italic;
}

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

.badge-photo {
  grid-column-gap: .3rem;
  grid-row-gap: .3rem;
  border-radius: var(--font-family--16px);
  background-color: var(--background-color--bg-alternate);
  flex-flow: row;
  flex: none;
  align-items: center;
  height: auto;
  padding: .25rem .8rem .25rem .25rem;
  display: flex;
}

.badge-photo.is-hidden {
  display: none;
}

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

.div-block-33 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: .125rem;
  display: grid;
}

.div-block-34 {
  background-color: var(--background-color--bg-primary);
  border-radius: 0 0 1rem 1rem;
  padding: .5rem 1rem 1rem;
}

.div-block-35 {
  border-radius: 1rem;
  flex-flow: column;
  display: flex;
  overflow: hidden;
  box-shadow: 0 0 #071f5700, 0 1px .4px #071f5708, 0 2px .8px #071f570a, 0 3.4px 1.6px #071f570b, 0 5.4px 2.9px #071f570c, 0 8.9px 5.3px #071f570c, 0 15.4px 10.4px #071f570d, 0 30.6px 22.8px #071f570e;
}

.div-block-36 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.state-update {
  grid-column-gap: .3rem;
  grid-row-gap: .3rem;
  border-radius: var(--font-family--16px);
  background-color: var(--background-color--bg-success);
  flex-flow: row;
  flex: none;
  height: auto;
  padding: .25rem .8rem;
  display: flex;
}

.state-update.in-progress {
  background-color: var(--base-color-neutral-black--100);
  background-color: var(--base-color-neutral-black--100);
}

.div-block-37 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  align-items: center;
  display: flex;
}

.container-service-item {
  width: 100%;
  max-width: 20rem;
  display: flex;
}

.uui-text-size-medium-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: 1rem;
  line-height: 1.5;
}

.uui-layout46_component {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start center;
  display: grid;
}

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

.uui-testimonial10_content {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  max-width: 50rem;
  display: flex;
}

.uui-testimonial10_component {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: var(--untitled-ui--gray50\<deleted\|variable-8a511359\>);
  border-radius: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: .3fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  padding: 4rem;
  display: flex;
  overflow: hidden;
}

.uui-testimonial10_rating-wrapper {
  align-items: center;
  display: flex;
}

.uui-testimonial10_rating-icon {
  color: var(--untitled-ui--warning300\<deleted\|variable-15a81cb3\>);
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  margin-right: .25rem;
  display: flex;
}

.uui-testimonial10_client {
  text-align: left;
  align-items: center;
  display: flex;
}

.uui-testimonial10_divider {
  background-color: var(--untitled-ui--gray200\<deleted\|variable-bad2ea62\>);
  align-self: stretch;
  width: 1px;
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}

.review-logo {
  max-height: 2rem;
}

.uui-heading-tiny {
  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.125rem;
  font-weight: 600;
  line-height: 1.5;
}

.image-5 {
  border-radius: 999rem;
  width: 8rem;
  height: 8rem;
}

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

.div-block-38 {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.text-container {
  justify-content: center;
  align-items: center;
  display: flex;
}

.field-form-group {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  margin-bottom: 16px;
  display: flex;
}

.field-form-group.is-hidden {
  display: none;
}

.div-block-39 {
  flex: 1;
}

.lineup-content-copy {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  aspect-ratio: 2.39;
  border-radius: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: start;
  width: 100%;
  display: flex;
  position: relative;
  overflow: clip;
}

.lineup-content-copy.padding-small {
  background-image: url("https://cdn.prod.website-files.com/69086d70d33b98cf92bb5603/690c1ea58eb09fd4ba1e6227_evoluxa-okna.avif");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.lineup-content-copy.is-roller-blinds {
  background-image: url("https://cdn.prod.website-files.com/69086d70d33b98cf92bb5603/69250a126a0cd555905508e0_rolety-evoluxa.avif");
  background-position: 50% 0;
  background-size: cover;
}

.lineup-content-copy.is-garage-door {
  background-image: url("https://cdn.prod.website-files.com/69086d70d33b98cf92bb5603/69250b2c125bf4a7949ab1e8_bramy-garazowe-evoluxa.avif");
  background-position: 50% 0;
  background-size: cover;
}

.lineup-content-copy.is-fence {
  background-image: url("https://cdn.prod.website-files.com/69086d70d33b98cf92bb5603/69250c00f2cdda1f279df4c1_bramy-evoluxa.avif");
  background-position: 50% 0;
  background-size: cover;
}

.lineup-content-copy.is-door {
  background-image: url("https://cdn.prod.website-files.com/69086d70d33b98cf92bb5603/69250c33f98ad66a0ad42484_drzwi-fasadowe-evoluxa.avif");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.lineup-content-copy.is-1 {
  background-image: url("https://cdn.prod.website-files.com/69086d70d33b98cf92bb5603/69156a3e644c3a52962c3908_mala-gora-realizacje-evoluxa.avif");
  background-position: 50% 0;
  background-size: cover;
}

.lineup-content-copy.is-2 {
  background-image: url("https://cdn.prod.website-files.com/69086d70d33b98cf92bb5603/69156086e4996dca5534f9c4_jordanowska-realizacje-evolxa.avif");
  background-position: 50% 0;
  background-size: cover;
}

.lineup-content-copy.is-3 {
  background-image: url("https://cdn.prod.website-files.com/69086d70d33b98cf92bb5603/69156dcd1927ecf95591d265_tressoro-residence-realizacje-evoluxa.avif");
  background-position: 50% 0;
  background-size: cover;
}

.lineup-content-copy.is-4 {
  background-image: url("https://cdn.prod.website-files.com/69086d70d33b98cf92bb5603/69156be96b40f6ae7bd36486_ecco-panorama-realizacje-evoluxa.avif");
  background-position: 50% 0;
  background-size: cover;
}

.lineup-content-copy.is-5 {
  background-image: url("https://cdn.prod.website-files.com/69086d70d33b98cf92bb5603/69156ebb5a5a9aaa2f270d0c_grand-pieniny-realizacje-evoluxa.avif");
  background-position: 50% 0;
  background-size: cover;
}

.lineup-content-copy.is-6 {
  background-image: url("https://cdn.prod.website-files.com/69086d70d33b98cf92bb5603/691565bdb3e591bcf03a34ca_brick-house-inwestycja.avif");
  background-position: 50% 0;
  background-size: cover;
}

.div-block-35-copy {
  flex-flow: column;
  display: none;
}

.div-block-42 {
  display: none;
}

.form-container {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.div-block-44 {
  grid-column-gap: .7rem;
  grid-row-gap: .7rem;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.social-media {
  color: var(--link-color--link-alternate);
  cursor: pointer;
  padding-top: .5rem;
  padding-bottom: .5rem;
  padding-right: .5rem;
}

.social-media:hover {
  color: var(--base-color--white);
}

.social-media-wrapper {
  grid-column-gap: .6rem;
  grid-row-gap: .6rem;
  display: none;
}

.form-block {
  margin-bottom: 4rem;
}

.div-block-45 {
  grid-column-gap: .2rem;
  grid-row-gap: .2rem;
  align-items: center;
  display: flex;
}

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

.div-block-48 {
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.dev-link {
  color: var(--text-color--text-link);
  cursor: pointer;
  line-height: 1.75rem;
  text-decoration: underline;
  display: flex;
}

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

.dev-link:focus-visible, .dev-link[data-wf-focus-visible] {
  outline-color: var(--base-color-system--focus-state);
  outline-offset: 0px;
  border-radius: .5rem;
  outline-width: 3px;
  outline-style: solid;
}

.dev-link.w--current {
  cursor: pointer;
}

.div-block-49 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  align-items: center;
  display: flex;
}

.div-block-50 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  width: 80%;
  display: flex;
}

.copy-email {
  border: 1px dashed var(--border-color--border-primary-hover);
  border-radius: .3rem;
  padding: .25rem;
}

.copy-email:focus-visible, .copy-email[data-wf-focus-visible] {
  outline-color: var(--base-color-system--focus-state);
  outline-offset: 0px;
  outline-width: 3px;
  outline-style: solid;
}

.image-4-copy {
  mix-blend-mode: darken;
  flex: 0 auto;
}

.image-product {
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.container-small-copy {
  flex-flow: column;
  max-width: 48rem;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 5px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  overflow: clip;
}

.icon-outline-copy {
  border: 1px solid var(--border-color--border-primary);
  background-color: var(--base-color--black);
  border-radius: 1.4rem;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  display: flex;
  position: relative;
  box-shadow: inset 0 -4px 8px #ffffff0f;
}

.div-block-55 {
  z-index: 1;
  border: 1px solid var(--base-color-neutral-black--100);
  border-radius: 1.7rem;
  width: 6.5rem;
  height: 6.5rem;
  position: absolute;
  inset: auto;
}

.div-block-55-copy {
  z-index: 1;
  border: 1px solid var(--base-color--grey-lighter);
  filter: blur(1px);
  border-radius: 2.1rem;
  width: 8.3rem;
  height: 8.3rem;
  position: absolute;
  inset: auto;
}

.div-block-55-copy-copy {
  z-index: 1;
  filter: blur(1px);
  border: 1px solid #e5e7e894;
  border-radius: 3rem;
  width: 10.3rem;
  height: 10.3rem;
  position: absolute;
  inset: auto;
}

.lineup-content-copy {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  aspect-ratio: 2.39;
  background-image: linear-gradient(#000000bf, #0000), url("https://cdn.prod.website-files.com/69086d70d33b98cf92bb5603/690c1ea58eb09fd4ba1e6227_evoluxa-okna.avif");
  background-position: 0 0, 50% 0;
  background-size: auto, cover;
  border-radius: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: start;
  width: 100%;
  display: flex;
  position: relative;
  overflow: clip;
}

.lineup-content-copy.padding-small {
  overflow: clip;
}

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

.uui-logos01_component-copy {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  margin-top: 2rem;
  display: grid;
}

.numbers-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: .75rem 1.5rem;
  display: flex;
}

.div-block-56 {
  color: var(--base-color--grey-medium);
}

.section-content-copy {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.div-block-57 {
  background-color: var(--base-color--black-transparent-30);
  -webkit-backdrop-filter: blur(9px);
  backdrop-filter: blur(9px);
  border-radius: 5px;
  justify-content: flex-start;
  align-items: center;
  padding: 5px;
  display: flex;
}

.section-numbers {
  background-color: var(--background-color--bg-primary);
  flex-direction: column;
  justify-content: center;
  padding-top: 2rem;
  padding-bottom: 2rem;
  position: relative;
}

.div-block-58 {
  grid-column-gap: .3rem;
  grid-row-gap: .3rem;
  flex-flow: column;
  display: flex;
}

.div-block-59 {
  grid-column-gap: .4rem;
  grid-row-gap: .4rem;
  flex-flow: column;
  display: flex;
}

.logo-footer {
  width: 7rem;
}

.link-contact {
  text-align: center;
  font-size: 1.25rem;
  line-height: 1.75rem;
  text-decoration: none;
}

.link-contact:focus-visible, .link-contact[data-wf-focus-visible] {
  outline-color: var(--base-color-system--focus-state);
  outline-offset: 3px;
  border-radius: 12px;
  outline-width: 3px;
  outline-style: solid;
}

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

@media screen and (min-width: 1280px) {
  .button-primary.is-medium {
    display: flex;
    position: absolute;
  }

  .button-group {
    width: 100%;
  }

  .section-hero {
    flex-flow: column;
    width: 100%;
  }

  .faq-item-text {
    font-family: var(--font-family--font-family-primary);
  }

  .nav-mobile {
    flex: 1;
  }

  .intro-animation {
    flex: none;
  }

  .intro-badge {
    box-shadow: none;
  }

  .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;
  }

  .tooltip-wrapper {
    right: 4%;
  }

  .footer-interaction-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    justify-content: flex-start;
  }

  .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;
  }

  .f-feature-card-row {
    grid-auto-columns: 1fr;
  }

  .f-feature-card-row.padding-medium {
    grid-template-rows: auto;
  }

  .f-logo-gradient-l, .f-logo-gradient-r {
    width: 500px;
  }

  .div-block {
    align-items: flex-start;
  }

  .div-block-2 {
    flex: none;
    align-items: stretch;
  }

  .f-career-card {
    justify-content: space-between;
  }

  .feature-grid {
    grid-auto-columns: 1fr;
  }

  .feature-grid.padding-medium {
    grid-template-rows: auto;
  }

  .feature-item {
    flex: none;
    align-items: stretch;
  }

  .div-block-31 {
    justify-content: center;
    align-items: center;
  }

  .photo-container {
    border-radius: 1rem;
  }

  .uui-testimonial10_component {
    padding: 6rem 8rem;
  }

  .section-products {
    flex-flow: column;
    width: 100%;
  }

  .div-block-31-copy, .div-block-31-copy-copy, .image-product {
    justify-content: center;
    align-items: center;
  }
}

@media screen and (max-width: 991px) {
  h1 {
    letter-spacing: -4px;
    line-height: 5.1rem;
  }

  .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;
  }

  .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;
  }

  .section-hero {
    height: 110vh;
  }

  .hero-wrapper {
    grid-template-columns: 1fr;
  }

  .fs-styleguide_heading-header {
    font-size: 4rem;
  }

  .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(--base-color--white-transparent-full);
    border-style: none;
    flex-flow: column;
    flex: none;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding: .5rem;
    position: sticky;
  }

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

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

  .nav-link-logo-wrapper.hide-desktop.w--current {
    flex: 1;
  }

  .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;
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    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%;
  }

  .cta-download-button {
    z-index: 5;
    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 {
    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: 2rem 1.5rem;
    text-decoration: none;
    display: flex;
  }

  .nav-link-block.is-last {
    border-bottom-style: none;
  }

  .nav-link-text {
    font-family: var(--font-family--font-family-secondary);
    color: var(--text-color--text-black);
    font-size: 1.3rem;
    font-style: italic;
    font-weight: 600;
    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: 2rem;
    grid-row-gap: 2rem;
    flex: 1;
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .nav-link-subtitle {
    color: var(--text-color--text-secondary);
    flex: none;
    font-size: .8rem;
    line-height: 1rem;
  }

  .cta-download-mobile-desciption {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    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-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--blue-lightest\<deleted\|variable-e8c63896-bf4e-ddd0-ad96-4447238008d5\>);
    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--blue-light\<deleted\|variable-b5c0db07-3855-cf20-b6a1-126df6839b20\>);
    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\<deleted\|variable-4a211279-2c6f-b621-7780-5aa8319b0a37\>);
    box-shadow: none;
    color: var(--link-color--link-secondary\<deleted\|variable-4a211279-2c6f-b621-7780-5aa8319b0a37\>);
    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 {
    background-color: var(--background-color--bg-primary);
    padding: 0;
  }

  .nav-links-wrapper {
    flex-flow: row;
    flex: 1;
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .nav-content-wrapper {
    flex-flow: row;
    flex: 1;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    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-top: .5rem;
    padding-bottom: .5rem;
    padding-right: 1rem;
    display: flex;
    position: static;
    inset: auto 0% 10%;
  }

  .contact-content-wrapper {
    grid-column-gap: 6rem;
    grid-row-gap: 6rem;
    flex-flow: column;
    flex: none;
    justify-content: center;
    align-items: stretch;
    width: 100%;
  }

  .contact-item {
    width: 100%;
  }

  .footer-content-above {
    flex: none;
  }

  .footer-link-wrapper {
    grid-column-gap: 1.3rem;
    grid-row-gap: 1.3rem;
  }

  .f-feature-card-row {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .f-feature-card-divider {
    margin-top: 32px;
    margin-bottom: 32px;
  }

  .f-logo-carousel-wrap {
    width: 95%;
  }

  .f-logo-gradient-l, .f-logo-gradient-r {
    width: 300px;
  }

  .results-content {
    flex-direction: column;
    overflow: clip;
  }

  .f-feature-card-divider-2 {
    width: 50%;
    height: 1px;
    margin: 32px 0;
  }

  .div-block-2 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .f-grid-two-column {
    grid-template-columns: 1fr;
  }

  .f-content-image-wrapper-large {
    max-width: 100%;
  }

  .f-contact-grid {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    grid-template-rows: min-content;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    justify-content: center;
    align-items: flex-start;
  }

  .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%;
  }

  .cta-side {
    max-width: none;
  }

  .button-primary-small {
    display: flex;
  }

  .gradient-wrapper {
    filter: blur(180px);
  }

  .circle {
    width: 80vw;
    height: 80vw;
  }

  .f-grid-two-column-2 {
    grid-template-columns: 1fr;
  }

  .row-4-copy {
    grid-template-rows: auto auto;
  }

  .contact-phone-item {
    border-bottom-color: var(--border-color--border-primary-hover);
  }

  .uui-banner04_text-wrapper {
    flex-wrap: wrap;
  }

  .uui-banner04_icon-wrapper {
    display: none;
  }

  .uui-banner04_wrapper {
    padding-left: 1.25rem;
  }

  .uui-heading-xlarge {
    font-size: 3.25rem;
  }

  .uui-heroheader18_image-wrapper {
    height: auto;
    padding-bottom: 6rem;
  }

  .uui-heroheader18_image {
    width: 100%;
    min-width: auto;
  }

  .uui-heroheader18_background-grid {
    width: 150vw;
    min-width: 150vw;
  }

  .uui-heroheader18_background-grid-section {
    height: 7.5vw;
  }

  .uui-space-large {
    min-height: 2.5rem;
  }

  .uui-space-xhuge {
    min-height: 6rem;
  }

  .f-grid-three-column {
    grid-template-columns: 1fr 1fr;
  }

  .f-header-grid-asymmetrical {
    grid-template-columns: 1fr;
  }

  .f-header-image-wrapper-tall {
    max-width: none;
    height: 360px;
  }

  .f-header-grid {
    grid-template-columns: 1fr;
  }

  .features-wrapper {
    grid-template-columns: 1fr;
    align-items: center;
  }

  .feature-grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .feature-item.bg-is-image {
    background-size: cover;
    background-attachment: scroll;
  }

  .uui-pricing10_components {
    grid-template-columns: 1fr;
  }

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

  .uui-pricing03_plans {
    grid-template-columns: 1fr;
  }

  .uui-pricing03_top-right-price {
    font-size: 3.25rem;
  }

  .lineup-content {
    grid-template-columns: 1fr 1fr;
  }

  .div-block-20 {
    grid-template-columns: 100%;
  }

  .div-block-22 {
    display: none;
  }

  .div-block-23 {
    flex-flow: column;
    align-items: center;
  }

  .div-block-27 {
    flex-flow: column;
    align-items: stretch;
  }

  .div-block-29 {
    display: none;
  }

  .uui-logos01_component {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .uui-space-xxlarge {
    min-height: 4.5rem;
  }

  .div-block-30 {
    flex-flow: column-reverse;
  }

  .div-block-31 {
    width: 100%;
  }

  .image-4 {
    max-height: 25rem;
  }

  .uui-layout46_component {
    grid-column-gap: 2rem;
  }

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

  .uui-testimonial10_lightbox-image {
    object-fit: cover;
    width: 100%;
    height: 35rem;
  }

  .uui-testimonial10_component {
    grid-template-columns: 1fr;
    grid-auto-flow: row;
  }

  .lineup-content-copy {
    grid-template-columns: 1fr 1fr;
  }

  .div-block-41 {
    flex-flow: column;
    flex: 1;
    align-items: flex-start;
    display: flex;
  }

  .div-block-42 {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 1.5rem;
    display: flex;
  }

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

  .div-block-30-copy {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    flex-flow: column;
  }

  .nav-link-icon-desktop {
    flex: none;
    justify-content: center;
    align-items: center;
    width: 1rem;
    height: 1rem;
    display: none;
  }

  .tab-text-wrapper {
    max-width: none;
  }

  .div-block-31-copy, .div-block-31-copy-copy, .image-product {
    width: 100%;
  }

  .lineup-content-copy {
    aspect-ratio: 1;
    grid-template-columns: 1fr 1fr;
  }

  .uui-logos01_component-copy {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    letter-spacing: -3px;
    font-size: 3.5rem;
    line-height: 3.8rem;
  }

  h3 {
    font-size: 2rem;
  }

  h4 {
    font-size: 1.25rem;
  }

  h5 {
    font-size: 1rem;
  }

  h6 {
    font-size: .875rem;
  }

  .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 {
    width: 2rem;
    height: 2rem;
  }

  .heading-style-h1 {
    font-size: 3.5rem;
    line-height: 3.5rem;
  }

  .padding-global.padding-section-large {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .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;
  }

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

  .button-group {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    align-items: stretch;
  }

  .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;
  }

  .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-container-wrapper {
    padding: .5rem;
  }

  .nav-link-logo-wrapper.hide-desktop {
    padding-left: 0;
  }

  .nav-mobile {
    box-shadow: none;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .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;
  }

  .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%;
  }

  .footer-social-icons-wrapper {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .tooltip-wrapper {
    display: none;
  }

  .nav-link-wrapper {
    align-items: center;
  }

  .nav-link-block {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .nav-link-subtitle {
    flex: none;
    line-height: 1rem;
  }

  .cta-download-mobile-desciption {
    flex-flow: wrap;
  }

  .footer-content-bottom {
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
  }

  .footer-content-top {
    width: 100%;
  }

  .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: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
  }

  .f-h3-heading {
    font-size: 40px;
  }

  .f-feature-card-row {
    flex-flow: column;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .f-feature-card-divider {
    width: 100%;
    height: 1px;
  }

  .f-section-large-2 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .f-logo-carousel-wrap {
    min-height: 4rem;
  }

  .f-logo-gradient-l, .f-logo-gradient-r {
    width: 200px;
  }

  .marquee-logo {
    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%;
  }

  .button-tetrary {
    justify-content: center;
    align-items: center;
  }

  .div-block-3 {
    border-top: 1px dashed var(--border-color--border-primary-hover);
    border-left-width: 0;
    border-left-color: var(--border-color--border-primary-hover);
  }

  .f-h3-heading-3 {
    font-size: 40px;
  }

  .f-section-large-5 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .f-contact-grid {
    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;
  }

  .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;
  }

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

  .uui-button-secondary {
    font-size: 1rem;
  }

  .uui-button-secondary:hover {
    background-color: var(--untitled-ui--primary50\<deleted\|variable-a4451441\>);
  }

  .uui-banner04_close-button {
    margin-left: 0;
    position: absolute;
    inset: .5rem .5rem auto auto;
  }

  .uui-banner04_close-button:hover {
    background-color: #0000;
  }

  .uui-banner04_content {
    align-items: flex-start;
    margin-bottom: 1rem;
    margin-right: 2rem;
  }

  .uui-banner04_text-wrapper {
    align-items: flex-start;
  }

  .uui-banner04_wrapper {
    flex-direction: column;
    align-items: stretch;
    padding: 1rem;
  }

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

  .uui-banner22_close-button {
    background-color: #0000;
  }

  .uui-banner22_content-wrapper {
    align-items: flex-start;
  }

  .uui-banner22_content {
    justify-content: center;
    align-items: center;
    margin-left: 0;
  }

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

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

  .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\>);
  }

  .uui-button.is-button-large {
    grid-column-gap: .5rem;
    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.button-row-center.is-reverse-mobile-landscape, .uui-button-row.is-reverse-mobile-landscape, .uui-button-row.button-row-center.is-reverse-mobile-landscape, .uui-button-row.button-row-center.is-reverse-mobile-landscape, .uui-button-row.is-reverse-mobile-landscape {
    flex-direction: column-reverse;
  }

  .uui-button-wrapper.max-width-full-mobile-landscape-2 {
    width: 100%;
  }

  .uui-button-icon.is-icon-large {
    width: 1.25rem;
    height: 1.25rem;
  }

  .uui-badge-group {
    font-size: .75rem;
  }

  .uui-badge-group_badge {
    padding: .125rem .5rem;
    font-size: .75rem;
  }

  .uui-text-size-xlarge {
    font-size: 1.125rem;
  }

  .uui-heroheader18_image-wrapper {
    padding-bottom: 4rem;
  }

  .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-button-secondary-gray.is-button-large {
    grid-column-gap: .5rem;
    grid-column-gap: .5rem;
    padding: .75rem 1.25rem;
    font-size: 1rem;
  }

  .uui-heroheader18_background {
    background-image: url("https://cdn.prod.website-files.com/69086d70d33b98cf92bb5603/69086d70d33b98cf92bb57dd_Background%20Pattern%20Small.svg");
    background-position: 50% -80px;
    top: 46%;
  }

  .uui-space-small {
    min-height: 1.25rem;
  }

  .uui-space-large {
    min-height: 2rem;
  }

  .uui-space-xhuge {
    min-height: 4rem;
  }

  .f-h3-heading-4 {
    font-size: 40px;
  }

  .f-section-large-6 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .f-grid-three-column {
    grid-template-columns: 1fr;
  }

  .div-block-14 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: wrap;
  }

  .f-h1-heading {
    margin-top: 0;
    font-size: 48px;
  }

  .f-header-image-wrapper-tall {
    height: 400px;
  }

  .f-gallery-image-l {
    height: 420px;
  }

  .feature-grid {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
  }

  .uui-text-size-large {
    font-size: 1rem;
  }

  .uui-heading-medium {
    font-size: 1.75rem;
    line-height: 1.4;
  }

  .uui-heading-xsmall {
    font-size: 1.25rem;
  }

  .uui-pricing10_component {
    margin-top: 2rem;
  }

  .uui-badge {
    padding: .125rem .5rem;
  }

  .uui-pricing10_components {
    grid-template-columns: 1fr;
  }

  .uui-pricing10_tabs-menu {
    margin-bottom: 2rem;
  }

  .uui-pricing10_plan {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .uui-space-xsmall {
    min-height: .75rem;
  }

  .uui-space-medium {
    min-height: 1.5rem;
  }

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

  .uui-pricing10_price {
    font-size: 2.25rem;
  }

  .uui-pricing10_price-text {
    font-size: 1.5rem;
  }

  .tickets-image {
    flex: none;
    width: 200%;
  }

  .div-block-18 {
    justify-content: center;
  }

  .uui-pricing03_plans {
    grid-template-columns: 1fr;
  }

  .tab-link {
    padding: .7rem 1.2rem;
  }

  .uui-pricing03_content-top {
    grid-row-gap: 1rem;
    flex-direction: column-reverse;
  }

  .uui-pricing03_icon-wrapper {
    display: none;
  }

  .uui-pricing03_feature-list {
    grid-template-columns: 1fr;
  }

  .uui-pricing03_plan {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .uui-pricing03_top-right-text {
    font-size: 1rem;
  }

  .uui-pricing03_top-right-price {
    font-size: 3rem;
  }

  .lineup-content {
    aspect-ratio: 1;
    grid-template-columns: 1fr;
  }

  .heading-4 {
    letter-spacing: -3px;
    font-size: 4.5rem;
    line-height: 4.5rem;
  }

  .link-product {
    justify-content: center;
    align-items: center;
  }

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

  .brands-logo-wrapper {
    padding: .5rem 1rem;
  }

  .uui-space-xxlarge {
    min-height: 3rem;
  }

  .div-block-36 {
    flex-flow: wrap;
    justify-content: flex-start;
  }

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

  .uui-heading-xsmall-2 {
    font-size: 1.25rem;
  }

  .uui-button-row-2 {
    align-self: stretch;
  }

  .uui-layout46_component {
    grid-row-gap: 2.5rem;
    grid-template-columns: 1fr;
  }

  .uui-button-link {
    font-size: 1rem;
  }

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

  .uui-space-small-2 {
    min-height: 1.25rem;
  }

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

  .uui-heading-medium-2 {
    font-size: 1.75rem;
    line-height: 1.4;
  }

  .uui-lightbox_play-icon {
    width: 4rem;
    height: 4rem;
  }

  .uui-testimonial10_lightbox-image {
    height: 22rem;
  }

  .uui-testimonial10_content {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .uui-testimonial10_component {
    border-radius: 1rem;
    flex-flow: column;
    grid-template-columns: 1fr;
    padding: 3rem;
  }

  .uui-testimonial10_client {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }

  .uui-testimonial10_divider {
    width: 12rem;
    height: 1px;
    margin-left: 0;
    margin-right: auto;
  }

  .uui-testimonial10_logo-wrapper {
    margin-top: 1rem;
  }

  .review-logo {
    max-height: 2.5rem;
  }

  .div-block-38 {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    flex-flow: column;
  }

  .lineup-content-copy {
    aspect-ratio: 1;
    background-size: auto 100%;
    grid-template-columns: 1fr;
  }

  .div-block-42 {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    padding: 1rem;
  }

  .div-block-43 {
    grid-column-gap: .3rem;
    grid-row-gap: .3rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .section-products {
    padding-top: 6rem;
  }

  .image-4-copy {
    max-height: 25rem;
  }

  .lineup-content-copy {
    grid-template-columns: 1fr;
  }

  .numbers-wrapper {
    padding: .5rem 1rem;
  }

  .link-contact {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 3rem;
    line-height: 3.2rem;
  }

  h2 {
    font-size: 2rem;
    line-height: 2.3rem;
  }

  .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;
  }

  .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-global.padding-section-large, .padding-global.padding-section-large {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .hide-mobile-portrait {
    display: none;
  }

  .padding-section-large {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  .icon-height-large {
    height: 2rem;
  }

  .main-wrapper {
    overflow: clip;
  }

  .button-primary {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .button-group, .hero-content {
    width: 100%;
  }

  .section-hero {
    overflow: clip;
  }

  .hero-wrapper {
    height: 75vh;
    padding-top: 2rem;
  }

  .primary-button-icon-wrapper {
    justify-content: center;
    align-items: center;
    width: 3.5rem;
    height: 3.5rem;
  }

  .button-secondary {
    flex: 1;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .secondary-button-image-wrapper {
    width: 3.5rem;
    height: 3.5rem;
  }

  .hero-header-wrapper {
    width: 100%;
  }

  .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-groups-wrapper {
    flex: none;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .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-badge-icon {
    flex: none;
  }

  .quote-text-content-wrapper {
    max-width: 18rem;
  }

  .section-label {
    flex-flow: wrap;
  }

  .section-label.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, .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 {
    margin-bottom: 1rem;
  }

  .cta-download-button {
    justify-content: space-between;
    align-items: center;
  }

  .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: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .nav-link-text {
    line-height: 1.2rem;
  }

  .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-bottom {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column-reverse wrap;
  }

  .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-purple, .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-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: 4rem;
    grid-row-gap: 4rem;
    padding-bottom: 4rem;
  }

  .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, .cta-download-mobile-button {
    justify-content: center;
    align-items: center;
  }

  .quote-icon {
    width: 2rem;
  }

  .contact-content-wrapper {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
  }

  .footer-content-above {
    flex-flow: column;
  }

  .footer-link-wrapper {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
  }

  .f-logo-gradient-l, .f-logo-gradient-r {
    width: 40px;
  }

  .div-block {
    align-items: stretch;
  }

  .button-tetrary {
    flex: 1;
  }

  .f-image-cover {
    aspect-ratio: 1;
  }

  .f-content-list-item {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .div-block-4 {
    align-items: stretch;
  }

  .f-contact-grid {
    grid-template-columns: 100%;
    max-width: 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 {
    padding: .4rem 1.1rem .4rem .8rem;
  }

  .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;
  }

  .f-grid-four-column {
    grid-template-columns: 1fr;
  }

  .div-block-10 {
    display: none;
  }

  .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;
  }

  .row-4-copy {
    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);
  }

  .uui-banner22_content-wrapper, .uui-banner22_text-wrapper {
    justify-content: center;
    align-items: center;
  }

  .uui-heroheader18_background {
    top: 42%;
  }

  .f-feature-card-filled-copy {
    padding-left: 0;
    padding-right: 0;
  }

  .f-gallery-image-l {
    height: 320px;
  }

  .section-content {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
  }

  .hide-mobile-portrait-2, .uui-badge.hide-mobile-portrait-2, .uui-badge.hide-mobile-portrait-2 {
    display: none;
  }

  .uui-pricing10_feature-list {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    justify-items: start;
  }

  .uui-pricing10_plan-name-wrapper {
    flex-flow: wrap;
  }

  .tab-link {
    flex: 0 auto;
    justify-content: center;
    align-items: center;
  }

  .tabs-menu {
    width: 100%;
  }

  .lineup-content {
    flex: none;
  }

  .div-block-20 {
    flex-flow: column;
  }

  .heading-4 {
    font-size: 3.4rem;
    line-height: 3.4rem;
  }

  .link-product {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex: none;
    padding: .6rem .8rem .6rem .6rem;
  }

  .brands-logo-wrapper {
    justify-content: center;
    align-items: flex-start;
  }

  .uui-logos01_component {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
    justify-content: center;
  }

  .brands-logo {
    height: 3rem;
  }

  .image-4 {
    max-height: 20rem;
  }

  .photo-container-wrapper {
    max-width: 15rem;
  }

  .div-block-33 {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: wrap;
    grid-template-columns: 1fr;
  }

  .div-block-34 {
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-35 {
    display: none;
  }

  .div-block-36 {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .div-block-37 {
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: center;
  }

  .uui-testimonial10_lightbox-image {
    height: 15rem;
  }

  .uui-testimonial10_content {
    padding-left: 0;
  }

  .uui-testimonial10_component {
    grid-template-columns: 1fr;
    padding: 1rem;
  }

  .uui-testimonial10_divider {
    margin-right: 1rem;
  }

  .field-form-group {
    flex-flow: column;
  }

  .div-block-35-copy {
    display: flex;
  }

  .div-block-42 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: wrap;
  }

  .form-block {
    margin-bottom: 3rem;
  }

  .section-products {
    padding-top: 3rem;
    overflow: clip;
  }

  .div-block-33-copy {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .image-4-copy {
    max-height: 20rem;
  }

  .f-feature-card-filled-copy-copy, .f-feature-card-filled-copy-copy-copy {
    padding-left: 0;
    padding-right: 0;
  }

  .lineup-content-copy {
    flex: none;
  }

  .uui-logos01_component-copy {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    justify-content: center;
  }

  .section-content-copy {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
  }
}

#w-node-_9c8bb6bd-02fa-f0d6-3620-067a9180dfc0-92bb55fc, #w-node-_9c8bb6bd-02fa-f0d6-3620-067a9180dfc5-92bb55fc, #w-node-_9c8bb6bd-02fa-f0d6-3620-067a9180dfcb-92bb55fc, #w-node-_9c8bb6bd-02fa-f0d6-3620-067a9180dfd0-92bb55fc, #w-node-a645e312-99ae-ec8f-d587-098861327ddb-92bb55fc, #w-node-a645e312-99ae-ec8f-d587-098861327de0-92bb55fc, #w-node-a645e312-99ae-ec8f-d587-098861327de6-92bb55fc, #w-node-a645e312-99ae-ec8f-d587-098861327deb-92bb55fc, #w-node-_54e1fc62-f760-1b77-0430-ddcf6e39f5de-92bb55fc, #w-node-afc37584-ecb1-6ded-69e8-d25d4e5d01e4-92bb55fc, #w-node-_28851c79-a632-6c1f-3d8d-2d327f25ab1e-92bb55fc, #w-node-_28851c79-a632-6c1f-3d8d-2d327f25ab23-92bb55fc, #w-node-_28851c79-a632-6c1f-3d8d-2d327f25ab29-92bb55fc, #w-node-_44a6585e-50d0-fdb5-ce74-47f57d778cf5-92bb55fc, #w-node-_44a6585e-50d0-fdb5-ce74-47f57d778cfa-92bb55fc, #w-node-_44a6585e-50d0-fdb5-ce74-47f57d778d00-92bb55fc, #w-node-_74c8ef7c-a4f0-491b-8225-867b17690ede-92bb55fc, #w-node-_74c8ef7c-a4f0-491b-8225-867b17690ee3-92bb55fc, #w-node-_74c8ef7c-a4f0-491b-8225-867b17690ee9-92bb55fc, #w-node-_74c8ef7c-a4f0-491b-8225-867b17690eee-92bb55fc, #w-node-_74c8ef7c-a4f0-491b-8225-867b17690f06-92bb55fc, #w-node-_74c8ef7c-a4f0-491b-8225-867b17690f0b-92bb55fc, #w-node-_74c8ef7c-a4f0-491b-8225-867b17690f11-92bb55fc, #w-node-_74c8ef7c-a4f0-491b-8225-867b17690f16-92bb55fc, #w-node-_8edaf043-78b1-29d6-e085-f97e0818af5b-92bb55fc, #w-node-_8edaf043-78b1-29d6-e085-f97e0818af83-92bb55fc, #w-node-_262c390e-a494-e73f-69bd-e171e21c2c59-92bb55fc, #w-node-_262c390e-a494-e73f-69bd-e171e21c2c73-92bb55fc {
  align-self: auto;
}

@media screen and (max-width: 479px) {
  #w-node-a645e312-99ae-ec8f-d587-098861327dda-92bb55fc {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}