@import url("variables.css");

/* -------------------------- Links -------------------------- */
a,
.w-tab-link,
.w-nav-link,
.w-dropdown-btn,
.w-dropdown-toggle,
.w-dropdown-link,
.w-nav-brand {
  padding-inline: 0.25rem;
  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:hover {
  background-color: rgba(47, 206, 33, 0.05);
}

.btn[btn-type="secondary"] {
  background: var(--_token---spot--accent);
  color: var(--_token---spot-ink--accent);
  outline-color: transparent;
}
.btn[btn-size="big"] {
  padding-inline: 1rem;
  font-size: clamp(2rem, 0.741vw + 1.833rem, 2.5rem);
  font-weight: 800;
  height: 7.5rem;
}
.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;
}
.faq_item-content {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 500ms;
}
.faq_item-content > div {
  overflow: hidden;
}
.faq_item.is--active .faq_item-content {
  grid-template-rows: 1fr;
}
.faq_item.is--active .faq_item-icon {
  transform: rotate(45deg);
}

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 {
  color: var(--_token---ink--title);
  font-size: var(--font--size--7);
  line-height: var(--font--height--7);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 800;
}

h2 {
  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: 800;
}

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

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

h5 {
  font-size: var(--font--size--1);
  line-height: var(--font--height--1);
  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: 0.5rem;
  grid-row-gap: 0.5rem;
  outline-offset: 0px;
  border-radius: 0.25rem;
  outline-width: 0;
  outline-style: solid;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  transition: all 0.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: 0.25rem;
  margin-bottom: 0.25rem;
  padding-left: 0.5rem;
}

label {
  font-weight: 700;
}

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

.cnt.is-reality {
  background-image: url("../images/Frame-2055246769.png");
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: 70%;
}

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

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

.btn {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  border: 1px solid var(--_token---stroke--accent);
  background-color: var(--_token---spot--primary);
  font-family: var(--font--family--0);
  color: var(--_token---spot-ink--primary);
  border-radius: 0.25rem;
  outline-color: #0000;
  justify-content: center;
  align-items: center;
  height: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1px;
  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 {
  padding-top: var(--layout--size--6);
  padding-bottom: var(--layout--size--6);
  background-color: var(--_token---surface--primary);
  width: 100%;
  position: fixed;
}

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

.navbar_wrapper {
  justify-content: space-between;
  align-items: center;
  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: #001712;
  --_token---ink--body: white;
  --_token---ink--title: white;
  --_token---stroke--accent: #2fce21;
  --_token---spot--primary: #001712;
  --_token---spot-ink--primary: white;
  --_token---surface--secondary: #2fce210d;
  --_token---surface--accent\<deleted\|variable-fb91a58e-3be6-7484-5634-34a3a8385d95\>: #2fce21;
  --_token---ink--dimmed: #ffffff80;
  --_token---ink--accent: #2fce21;
  --_token---ink--faded: #999da9;
  --_token---ink--strong: white;
  --_token---spot--secondary: white;
  --_token---spot--accent: #2fce21;
  --_token---spot-ink--secondary: #001712;
  --_token---spot-ink--accent: white;
  --_token---stroke--primary: #2fce2126;
}

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

.surface-tertiary {
  background-color: var(
    --_token---surface--accent\<deleted\|variable-fb91a58e-3be6-7484-5634-34a3a8385d95\>
  );
}

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

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

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

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

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

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

.stroke-primary {
  border: 0.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);
}

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

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

.f1.ch20 {
  max-width: 27ch;
}

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

.f2.ch32 {
  max-width: 32ch;
}

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

.f4.ch25 {
  max-width: 25ch;
}

.f4.fw3.ch26 {
  max-width: 26ch;
}

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

.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---stroke--accent: #42434b;
  --_token---spot--primary: white;
  --_token---spot-ink--primary: #090a0d;
  --_token---surface--secondary: #0d0e12;
  --_token---surface--accent\<deleted\|variable-fb91a58e-3be6-7484-5634-34a3a8385d95\>: #17181d;
  --_token---ink--dimmed: #d4d5db;
  --_token---ink--accent: #2fce21;
  --_token---ink--faded: #8d8e96;
  --_token---ink--strong: #f9f9fa;
  --_token---spot--secondary: #d4d5db;
  --_token---spot--accent: #2fce21;
  --_token---spot-ink--secondary: #d4d5db;
  --_token---spot-ink--accent: white;
  --_token---stroke--primary: #282930;
}

.mode-default {
  --_token---surface--primary: #001712;
  --_token---ink--body: white;
  --_token---ink--title: white;
  --_token---stroke--accent: #2fce21;
  --_token---spot--primary: #001712;
  --_token---spot-ink--primary: white;
  --_token---surface--secondary: #2fce210d;
  --_token---surface--accent\<deleted\|variable-fb91a58e-3be6-7484-5634-34a3a8385d95\>: #2fce21;
  --_token---ink--dimmed: #ffffff80;
  --_token---ink--accent: #2fce21;
  --_token---ink--faded: #999da9;
  --_token---ink--strong: white;
  --_token---spot--secondary: white;
  --_token---spot--accent: #2fce21;
  --_token---spot-ink--secondary: #001712;
  --_token---spot-ink--accent: white;
  --_token---stroke--primary: #2fce2126;
}

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

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

.hero-h1 {
  max-width: 15ch;
}

.hero-links_group {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  justify-content: center;
  align-items: center;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  display: flex;
}

.hero-link {
  padding-left: 0;
  padding-right: 0;
  font-weight: 600;
}

.hero-link:hover {
  text-underline-offset: 4.5px;
  text-decoration: underline;
  -webkit-text-decoration-color: var(--_token---stroke--accent);
  text-decoration-color: var(--_token---stroke--accent);
  text-decoration-thickness: 0.5px;
}

.hero-media-group {
  padding-top: var(--layout--size--8);
}

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

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

.eyebrow {
  border-left: 2px solid var(--_token---stroke--accent);
  font-size: var(--font--size--0);
  line-height: var(--font--size--0);
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 1rem;
  font-weight: 800;
}

.ch42 {
  max-width: 42ch;
}

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

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

.fw3 {
  font-weight: 600;
}

.fw4 {
  font-weight: 700;
}

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

.plan-content-group {
  padding-top: var(--layout--size--11);
  grid-column-gap: var(--layout--size--8);
  grid-row-gap: var(--layout--size--8);
  flex-flow: column;
  display: flex;
}

.fw5 {
  font-weight: 800;
}

.faq_item-icon {
  justify-content: center;
  align-items: center;
  transition: all 0.2s ease-in-out;
  display: flex;
}

.faq_item {
  padding-top: var(--layout--size--7);
  padding-bottom: var(--layout--size--7);
  border-top: 1px solid var(--_token---stroke--primary);
  cursor: pointer;
  border-bottom: 1px #000;
}

.style {
  display: none;
}

.faq_item-top {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.faq_item-answer {
  padding-top: var(--layout--size--7);
  max-width: 40ch;
}

.faq_item-question {
  font-size: var(--font--size--3);
  line-height: var(--font--size--3);
}

.projects-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 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.project-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  max-height: 470px;
}

.sct-why {
  padding-top: var(--layout--size--10);
  padding-bottom: var(--layout--size--10);
}

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

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

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

.pricing-h2 {
  font-size: var(--font--size--6);
  line-height: var(--font--height--6);
  text-transform: uppercase;
}

.pricing_box {
  padding: var(--layout--size--6);
  grid-column-gap: var(--layout--size--7);
  grid-row-gap: var(--layout--size--7);
  border: 1px solid var(--_token---stroke--primary);
  border-radius: var(--global--radius--1);
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

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

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

.sct-faq {
  padding-top: var(--layout--size--10);
  padding-bottom: var(--layout--size--10);
}

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

.cta-heading {
  font-size: var(--font--size--7);
  line-height: var(--font--height--7);
  text-align: center;
  text-transform: uppercase;
}




@media screen and (max-width: 991px) {
  .cta-heading {
    text-align: left;
  }
}

@media screen and (max-width: 767px) {
  .cnt.is-reality {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
  }

  .navbar_wrapper {
    position: relative;
  }

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

  .navbar_menu {
    z-index: 50;
  }

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

  .hero-title_group {
    grid-column-gap: var(--layout--size--7);
    grid-row-gap: var(--layout--size--7);
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .hero-links_group {
    padding-left: 0;
  }

  .hero-media-group {
    padding-top: var(--layout--size--7);
  }

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

  .plan-content-group {
    padding-top: var(--layout--size--9);
  }

  .project-img {
    max-height: 300px;
  }

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

  .why-embed {
    max-width: 17.5rem;
  }
}

#w-node-_7f756254-bdbb-9a35-6af4-53c3953a519f-7d105f56 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_857ac552-ef96-9b8c-f71e-2476213a04fd-7d105f56 {
  grid-area: span 2 / span 3 / span 2 / span 3;
}

#w-node-_0b5066bb-c4bd-5fa6-33b7-78fccdfc1d04-7d105f56 {
  grid-area: span 2 / span 4 / span 2 / span 4;
}

#w-node-_40ff195f-b49e-e524-e77f-6aafddf0d27a-7d105f56 {
  grid-area: span 2 / span 3 / span 2 / span 3;
}

#w-node-_5092d6f9-778e-dd2e-a924-7785ca6617d3-7d105f56 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_6476d385-7b1f-14b2-ed94-5980be76f162-7d105f56 {
  align-self: center;
}

@media screen and (max-width: 767px) {
  #w-node-_7f756254-bdbb-9a35-6af4-53c3953a519f-7d105f56 {
    grid-area: 1 / 1 / 2 / 7;
  }

  #w-node-_857ac552-ef96-9b8c-f71e-2476213a04fd-7d105f56 {
    grid-area: 3 / 1 / 4 / 7;
  }

  #w-node-_0b5066bb-c4bd-5fa6-33b7-78fccdfc1d04-7d105f56 {
    grid-area: span 1 / span 12 / span 1 / span 12;
  }

  #w-node-_40ff195f-b49e-e524-e77f-6aafddf0d27a-7d105f56 {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-_5092d6f9-778e-dd2e-a924-7785ca6617d3-7d105f56 {
    grid-area: 1 / 7 / 2 / 13;
  }

  #w-node-_6476d385-7b1f-14b2-ed94-5980be76f162-7d105f56 {
    justify-self: center;
  }

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

@font-face {
  font-family: "Manrope Variable";
  src: url("../fonts/Manrope-Variable.woff2") format("woff2");
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}