@import url("variables.css");


/* --------------------------  Links -------------------------- */
a,
.w-tab-link,
.w-nav-link,
.w-dropdown-btn,
.w-dropdown-toggle,
.w-dropdown-link, .w-nav-brand {
  outline-color: var(--_token---spot--accent);
}
/* -------------------------- Buttons -------------------------- */
.btn{
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: inline-flex;
}
.btn[btn-type="secondary"] {
  background: var(--_token---surface--secondary);
  color: var(--_token---spot-ink--accent);
  outline-color: transparent;
}
.btn[btn-type="tertiary"] {
  background: var(--_token---spot--accent);
  color: var(--_token---spot-ink--accent);
  outline-color: transparent;
}
.btn[btn-size="small"] {
  padding-inline: 1rem;
  font-size: 1rem;
  height: 2.5rem;
  grid-column-gap: 0.25rem;
}
.btn[icon-side="left"] {
  flex-direction: row-reverse;
}
.btn[btn-full="true"] {
  width: 100%;
}
.btn-ico {
  max-height: 1.2em;
  max-width: 1.2em;
  justify-content: center;
  align-items: center;
}
/* -------------------------- Inputs -------------------------- */
.input.w-input,
.input.w-select,
.input.w-checkbox-input,
.input.w-radio-input {
margin-bottom: 0;
}
textarea {
  resize: vertical;
  min-height: 7.5rem;
}
.input.w-select {
  -webkit-appearance: none;
  -moz-appearance: none;
}
:root {
--tokens--components--form--check--icon: url("https://cdn.jsdelivr.net/gh/stefan-nube/nube-flow-pro@v0.2.0/nf-check_icon.svg");
}
.input.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-image: var(--tokens--components--form--check--icon);
}



* {
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.page {
  overflow: clip;
}
html,
body {
  overscroll-behavior: none;
}
.w-richtext > :first-child {
  margin-top: 0;
}
.w-richtext > :last-child,
.w-richtext ol li:last-child,
.w-richtext ul li:last-child {
  margin-bottom: 0;
}
p,
label {
  margin-bottom: 0;
}
p {
  line-height: inherit;
  margin: 0;
}
a,
.w-tab-link,
.w-nav-link,
.w-dropdown-btn,
.w-dropdown-toggle,
.w-dropdown-link,
.w-nav-brand {
  color: inherit;
  text-decoration: inherit;
  font-size: inherit;
}

body {
  margin: 0;
  background-color: var(--_token---surface--primary);
  font-family: var(--font--family--0);
  color: var(--_token---ink--body);
  font-size: var(--font--size--1);
  line-height: var(--font--height--1);
  letter-spacing: var(--font--spacing--0);
}

h1 {
  font-family: var(--font--family--1);
  color: var(--_token---ink--title);
  font-size: var(--font--size--6);
  line-height: var(--font--height--6);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
}

h2 {
  font-family: var(--font--family--1);
  color: var(--_token---ink--title);
  font-size: var(--font--size--5);
  line-height: var(--font--height--5);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
}

h3 {
  font-family: var(--font--family--1);
  color: var(--_token---ink--title);
  font-size: var(--font--size--4);
  line-height: var(--font--height--4);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
}

h4 {
  font-family: var(--font--family--1);
  color: var(--_token---ink--title);
  font-size: var(--font--size--3);
  line-height: var(--font--height--3);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
}

h5 {
  font-family: var(--font--family--1);
  color: var(--_token---ink--title);
  font-size: var(--font--size--2);
  line-height: var(--font--height--2);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
}

h6 {
  font-size: var(--font--size--0);
  line-height: var(--font--height--0);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
}

p {
  color: var(--_token---ink--body);
  line-height: var(--font--height--0);
}

a {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  outline-offset: 0px;
  border-radius: .25rem;
  outline-width: 0;
  outline-style: solid;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  transition: all .4s ease-in-out;
}

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

ol {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-left: 1.5rem;
}

li {
  margin-top: .25rem;
  margin-bottom: .25rem;
  padding-left: .5rem;
}

label {
  font-weight: 700;
}

blockquote {
  border-left: .1875rem solid #000;
  margin-bottom: 0;
  padding: .75rem 1.25rem;
  font-size: 1.25rem;
  line-height: 1.5;
}

.rw {
  padding-top: 10px;
  padding-bottom: 10px;
}

.rw.height-100vh {
  min-height: 100vh;
}

.btn {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: var(--_token---spot--accent);
  font-family: var(--font--family--1);
  color: var(--_token---spot-ink--accent);
  border-radius: 0;
  outline-color: #0000;
  justify-content: center;
  align-items: center;
  height: 3.5rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 0;
  display: flex;
}

.btn-ico {
  justify-content: center;
  align-items: center;
  max-width: 1.2em;
  max-height: 1.2em;
}

.system-overlay {
  z-index: 2000;
  pointer-events: none;
  width: 100%;
  position: fixed;
  inset: 0%;
  overflow: hidden;
}

.overlay {
  background-color: var(--layout--grid--overlay);
  height: 100%;
}

.glb-navbar {
  z-index: 9999;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background-color: #02020303;
  width: 100%;
  position: fixed;
}

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

.navbar_wrapper {
  padding-top: var(--layout--size--5);
  padding-bottom: var(--layout--size--5);
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

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

.navbar_menu {
  grid-column-gap: var(--layout--size--2);
  grid-row-gap: var(--layout--size--2);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.glb-footer {
  padding-top: var(--layout--size--3);
  padding-bottom: var(--layout--size--3);
}

.footer_content {
  grid-column-gap: var(--layout--size--5);
  grid-row-gap: var(--layout--size--5);
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.footer_link, .footer_logo {
  padding-left: 0;
  padding-right: 0;
}

.footer_title {
  font-size: var(--font--size--2);
  font-weight: 500;
}

.footer_social-icon {
  width: 2rem;
}

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

.script {
  display: none;
}

.surface-primary {
  background-color: var(--_token---surface--primary);
}

.surface-primary.mode-default {
  --_token---surface--primary: #fcfff5;
  --_token---ink--body: #0202034d;
  --_token---ink--title: #020203;
  --_token---spot--accent: #ddff8b;
  --_token---spot-ink--accent: #020203;
  --_token---surface--secondary: #02020305;
  --_token---surface--accent: #ddff8bb3;
  --_token---ink--dimmed: #02020380;
  --_token---ink--accent: #ddff8b;
  --_token---ink--faded: #999da9;
  --_token---ink--strong: #020203bf;
  --_token---spot--primary: #020203;
  --_token---spot-ink--primary: white;
  --_token---stroke--primary: #020203;
  --_token---stroke--secondary: #02020380;
}

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

.surface-tertiary {
  background-color: var(--_token---surface--accent);
}

.ink-title {
  color: var(--_token---ink--title);
}

.ink-dimmed {
  color: var(--_token---ink--dimmed);
}

.ink-dimmed.ch30 {
  max-width: 30ch;
}

.ink-accent {
  color: var(--_token---ink--accent);
}

.ink-faded {
  color: var(--_token---ink--faded);
}

.ink-strong {
  color: var(--_token---ink--strong);
}

.ink-strong.ch50 {
  max-width: 50ch;
}

.ink-strong.ch30 {
  max-width: 30ch;
}

.ink-body {
  color: var(--_token---ink--body);
}

.stroke-primary {
  border: .5px solid var(--_token---stroke--primary);
}

.stroke-secondary {
  border: 1px solid var(--_token---stroke--secondary);
}

.spot-primary {
  background-color: var(--_token---spot--primary);
}

.spot-secondary {
  background-color: var(--_token---spot--secondary\<deleted\|variable-3e8b8298-52a7-94d0-dab6-01fdf50f3454\>);
}

.spot-accent {
  background-color: var(--_token---spot--accent);
}

.spot_ink-primary {
  color: var(--_token---spot-ink--primary);
}

.spot_ink-secondary {
  color: var(--_token---spot-ink--secondary\<deleted\|variable-5a41b6a0-3780-b88c-2a67-62d4ab4f9631\>);
}

.spot_ink-accent {
  color: var(--_token---spot-ink--accent);
}

.f3 {
  font-size: var(--font--size--3);
  line-height: var(--font--height--3);
  letter-spacing: var(--font--spacing--3);
}

.f0 {
  font-size: var(--font--size--0);
  line-height: var(--font--height--0);
  letter-spacing: var(--font--spacing--0);
}

.f1 {
  font-size: var(--font--size--1);
  line-height: var(--font--height--1);
  letter-spacing: var(--font--spacing--1);
}

.f2 {
  font-size: var(--font--size--2);
  line-height: var(--font--height--2);
  letter-spacing: var(--font--spacing--2);
}

.f4 {
  font-size: var(--font--size--4);
  line-height: var(--font--height--4);
  letter-spacing: var(--font--spacing--4);
}

.f5 {
  font-size: var(--font--size--5);
  line-height: var(--font--height--5);
  letter-spacing: var(--font--spacing--5);
}

.f5.ch16 {
  max-width: 16ch;
}

.fw0 {
  font-weight: 300;
}

.fw1 {
  font-weight: 400;
}

.fw2 {
  font-weight: 500;
}

.sct-404 {
  justify-content: center;
  align-items: center;
  height: 90vh;
  display: flex;
}

.code {
  display: none;
}

.mode-invert {
  --_token---surface--primary: #090a0d;
  --_token---ink--body: #ebecee;
  --_token---ink--title: white;
  --_token---spot--accent: #ddff8b;
  --_token---spot-ink--accent: #020203;
  --_token---surface--secondary: #0d0e12;
  --_token---surface--accent: #17181d;
  --_token---ink--dimmed: #d4d5db;
  --_token---ink--accent: #ddff8b;
  --_token---ink--faded: #8d8e96;
  --_token---ink--strong: #f9f9fa;
  --_token---spot--primary: white;
  --_token---spot-ink--primary: #020203;
  --_token---stroke--primary: #282930;
  --_token---stroke--secondary: #42434b;
}

.mode-default {
  --_token---surface--primary: #fcfff5;
  --_token---ink--body: #0202034d;
  --_token---ink--title: #020203;
  --_token---spot--accent: #ddff8b;
  --_token---spot-ink--accent: #020203;
  --_token---surface--secondary: #02020305;
  --_token---surface--accent: #ddff8bb3;
  --_token---ink--dimmed: #02020380;
  --_token---ink--accent: #ddff8b;
  --_token---ink--faded: #999da9;
  --_token---ink--strong: #020203bf;
  --_token---spot--primary: #020203;
  --_token---spot-ink--primary: white;
  --_token---stroke--primary: #020203;
  --_token---stroke--secondary: #02020380;
}

.f7 {
  font-size: var(--font--size--7);
  line-height: var(--font--height--7);
  letter-spacing: var(--font--spacing--5);
}

.f6 {
  font-size: var(--font--size--6);
  line-height: var(--font--height--6);
  letter-spacing: var(--font--spacing--5);
}

.sct-hero {
  padding-top: var(--layout--size--13);
  padding-bottom: var(--layout--size--9);
  position: relative;
}
.hero-img{
  position: absolute;
  top: 0;
  right: 0;
  width: 700px;
}

.hero-title_group {
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.hero-subheading {
  font-family: var(--font--family--1);
  color: var(--_token---ink--strong);
  text-align: right;
  max-width: 20ch;
}

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

.hero-media_group {
  grid-column-gap: var(--layout--size--6);
  grid-row-gap: var(--layout--size--6);
  grid-template-rows: auto auto;
  grid-template-columns: 2.25fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.hero-media {
  width: 100%;
  height: auto;
}

.sct-story {
  padding-top: var(--layout--size--9);
  padding-bottom: var(--layout--size--11);
}

.ch52 {
  max-width: 52.5ch;
}

.primary-divider {
  background-color: var(--_token---stroke--primary);
  width: 100%;
  height: 0.25px;
}

.grid_x3 {
  grid-column-gap: var(--layout--size--6);
  grid-row-gap: var(--layout--size--6);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.story_box {
  padding: var(--layout--size--3);
  grid-column-gap: var(--layout--size--3);
  grid-row-gap: var(--layout--size--3);
  flex-flow: column;
  display: flex;
}

.review_box {
  padding: var(--layout--size--10) var(--layout--size--9);
  grid-column-gap: var(--layout--size--6);
  grid-row-gap: var(--layout--size--6);
  background-color: var(--_token---surface--accent);
  font-family: var(--font--family--1);
  flex-flow: column;
  display: flex;
}

.review_text {
  color: var(--_token---ink--title);
  font-size: var(--font--size--4);
  line-height: var(--font--height--4);
  max-width: 25ch;
}

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

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

.ch51 {
  max-width: 51ch;
}

.process_block {
  padding-bottom: var(--layout--size--6);
  border-bottom: .25px solid #dddfe6;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.process-text {
  max-width: 37ch;
  padding-top: 3px;
  transition: color .3s ease-in-out;
}



.cta_wrapper {
  padding-top: var(--layout--size--10);
  padding-bottom: var(--layout--size--10);
  background-color: var(--_token---surface--secondary);
}

.cta_grid {
  grid-column-gap: var(--layout--size--6);
  grid-row-gap: var(--layout--size--6);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.cta-tittle_group {
  grid-column-gap: var(--layout--size--5);
  grid-row-gap: var(--layout--size--5);
  flex-flow: column;
  display: flex;
}

.price-text {
  font-family: var(--font--family--1);
}

.cta-review_box {
  padding: var(--layout--size--5);
  grid-column-gap: var(--layout--size--5);
  grid-row-gap: var(--layout--size--5);
  background-color: var(--_token---surface--secondary);
  flex-flow: column;
  display: flex;
}

.review_text-small {
  font-family: var(--font--family--1);
  color: var(--_token---ink--title);
  max-width: 20ch;
}

.review_author {
  font-family: var(--font--family--1);
  color: var(--_token---ink--dimmed);
}

.grid_x2 {
  grid-column-gap: var(--layout--size--6);
  grid-row-gap: var(--layout--size--6);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.fit_box {
  padding: var(--layout--size--7);
  grid-column-gap: var(--layout--size--6);
  grid-row-gap: var(--layout--size--6);
  border-top: .25px solid var(--_token---stroke--primary);
  flex-flow: column;
  display: flex;
}

.secondary-divider {
  background-color: #b5b7c2;
  width: 100%;
  height: .25px;
}

.fit_rt li {
  color: var(--_token---ink--title);
  font-size: var(--font--size--2);
  line-height: var(--font--height--2);
  background-image: url('../images/check.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 2rem 2rem;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 2.5rem;
}

.fit_rt ul {
  grid-column-gap: var(--layout--size--6);
  grid-row-gap: var(--layout--size--6);
  color: #1f2129;
  flex-flow: column;
  display: flex;
}

.fit-faded_rt li {
  color: var(--_token---ink--faded);
  font-size: var(--font--size--2);
  line-height: var(--font--height--2);
  background-image: url('../images/ex.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 2rem 2rem;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 2.5rem;
}

.fit-faded_rt ul {
  grid-column-gap: var(--layout--size--6);
  grid-row-gap: var(--layout--size--6);
  color: #1f2129;
  flex-flow: column;
  display: flex;
}

.cta-content_group {
  grid-column-gap: var(--layout--size--6);
  grid-row-gap: var(--layout--size--6);
  flex-flow: column;
  display: flex;
}

.w-list-unstyled {
  padding-left: 0;
  list-style: none;
}

.glb-footer{
  background-image: url('../images/footer-img.png');
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 700px;
}



@media screen and (max-width: 991px) {
  .hero-title_group {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .hero-subheading {
    display: none;
  }


  .cta_wrapper {
    padding-right: var(--layout--grid--margin);
    padding-left: var(--layout--grid--margin);
    width: calc(100% + calc(2 * var(--layout--grid--margin)));
    margin-left: calc(-1 * var(--layout--grid--margin));
  }
}

@media screen and (max-width: 767px) {
  .btn {
    height: 3rem;
    font-size: 1.125rem;
  }

  .navbar_wrapper {
    position: relative;
  }

  .navbar_logo {
    z-index: 100;
    position: relative;
  }

  .navbar_menu {
    z-index: 50;
  }

  .footer_content {
    grid-template-columns: 1fr 1fr;
  }
  .hero-img{
    width: 400px;
  }

  .glb-footer{
    background-size: 400px;
  }

  .hero-media_group.pt8 {
    grid-template-columns: 2.25fr;
  }

  .grid_x3 {
    grid-template-columns: 1fr;
  }

  .review_box {
    padding: var(--layout--size--8) var(--layout--size--7);
  }

  .process_block {
    grid-column-gap: var(--layout--size--5);
    grid-row-gap: var(--layout--size--5);
    flex-flow: column;
  }

  .cta_wrapper {
    padding-top: var(--layout--size--8);
    padding-bottom: var(--layout--size--8);
  }

  .cta_grid {
    grid-template-columns: 1fr;
    grid-column-gap: var(--layout--size--8);
    grid-row-gap: var(--layout--size--8);
  }

  .cta-review_box {
    order: -1;
  }

  .grid_x2 {
    grid-template-columns: 1fr;
  }

  .hero-media-wrapper.xs_fd0--fg5 {
    max-width: 70%;
  }

  .cta-content_group {
    flex-flow: column;
    display: flex;
    grid-row-gap: var(--layout--size--8);
  }
}

@media screen and (max-width: 479px) {
  .hero-img {
    width: 380px;
  }

  .process_block {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-flow: column;
  }
}

#w-node-b3f7c5ff-9e40-c811-293f-cb60672c09cd-037fc492 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-d4605cd5-c93d-a350-6adf-86aa4de2bed3-037fc492, #w-node-_07576c10-d0eb-9e9c-64d5-257ccc5ef9f0-037fc492 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_6c6216c1-2459-4dcc-bc7c-da75e876ece2-037fc492 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_8d338471-86f5-b279-be8d-0d3c22c28e3c-037fc492 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_832c423f-775e-5d5f-7729-e70d5d6fd856-037fc492 {
  align-self: end;
}

#w-node-_3d0b227b-d3d7-212b-45a9-34a1ed2acf8f-037fc492 {
  grid-area: span 2 / span 1 / span 2 / span 1;
  justify-self: end;
}

#w-node-_174b445d-709f-df09-bc9e-cd43464da174-037fc492 {
  justify-self: end;
}

#w-node-fe7bf183-3eb1-8f42-505a-53c81e81c1f1-037fc492 {
  align-self: end;
}

@media screen and (max-width: 767px) {
  #w-node-b3f7c5ff-9e40-c811-293f-cb60672c09cd-037fc492 {
    grid-column: span 6 / span 6;
  }

  #w-node-d4605cd5-c93d-a350-6adf-86aa4de2bed3-037fc492, #w-node-_07576c10-d0eb-9e9c-64d5-257ccc5ef9f0-037fc492 {
    grid-column: span 3 / span 3;
  }

  #w-node-_6c6216c1-2459-4dcc-bc7c-da75e876ece2-037fc492 {
    grid-column: span 6 / span 6;
  }

  #w-node-_8d338471-86f5-b279-be8d-0d3c22c28e3c-037fc492 {
    grid-column: span 1 / span 1;
  }

  #w-node-_3d0b227b-d3d7-212b-45a9-34a1ed2acf8f-037fc492 {
    order: 0;
    grid-row: span 1 / span 1;
    justify-self: start;
  }

  #w-node-fe7bf183-3eb1-8f42-505a-53c81e81c1f1-037fc492 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-f3c82e9c-2d11-9e77-2828-dfcb018eb380-018eb37b {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}


@font-face {
  font-family: 'Librebaskerville';
  src: url('../fonts/LibreBaskerville-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helveticanowdisplay';
  src: url('../fonts/HelveticaNowDisplay-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}