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

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

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

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

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

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

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

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

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

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

.margin-vertical-small {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.padding-horizontal-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

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

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

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

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

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

.display-inline {
  display: inline;
}

.margin-bottom-large {
  margin-bottom: 3rem;
}

.text-area-vertical {
  resize: vertical;
}

.fs-styleguide_grids-type-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  border-bottom: 1px solid #0000001a;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.padding-left-xhuge {
  padding-left: 8rem;
}

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

.form_message-success {
  color: #114e0b;
  background-color: #cef5ca;
  padding: 1.5rem;
}

.padding-right-large {
  padding-right: 3rem;
}

.text-size-tiny {
  font-size: .75rem;
}

.margin-left-xsmall {
  margin-left: 1.25rem;
}

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

.padding-bottom-xhuge {
  padding-bottom: 8rem;
}

.gap-none {
  grid-column-gap: 0 !important;
  grid-row-gap: 0 !important;
}

.margin-right-large {
  margin-right: 3rem;
}

.margin-left-xxhuge {
  margin-left: 12rem;
}

.grid-autofit {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr));
  grid-auto-columns: minmax(0, 1fr);
  display: grid;
}

.padding-medium {
  padding: 2rem;
}

.padding-bottom-huge {
  padding-bottom: 6rem;
}

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

.padding-vertical-xxhuge {
  padding-top: 12rem;
  padding-bottom: 12rem;
}

.padding-right-xxlarge {
  padding-right: 5rem;
}

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

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

.margin-small {
  margin: 1.5rem;
}

.heading-style-h5 {
  letter-spacing: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5;
}

.padding-custom3 {
  padding: 3.5rem;
}

.padding-xxlarge {
  padding: 5rem;
}

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

.background-color-secondary {
  background-color: #2d62ff;
}

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

.padding-right-xxtiny {
  padding-right: .25rem;
}

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

.fs-styleguide_label {
  color: #fff;
  background-color: #2d62ff;
  border-radius: .25rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: .25rem .5rem;
  font-weight: 600;
}

.fs-styleguide_label.is-tag {
  background-color: #dd23bb;
}

.padding-top-large {
  padding-top: 3rem;
}

.margin-right-huge {
  margin-right: 6rem;
}

.padding-bottom-xlarge {
  padding-bottom: 4rem;
}

.margin-top-medium {
  margin-top: 2rem;
}

.overflow-visible {
  overflow: visible;
}

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

.padding-right-xlarge {
  padding-right: 4rem;
}

.margin-0 {
  margin: 0 !important;
}

.overflow-hidden {
  overflow: hidden;
}

.padding-xhuge {
  padding: 8rem;
}

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

.margin-top-huge {
  margin-top: 6rem;
}

.fs-styleguide_hero-label {
  color: #000;
  text-transform: uppercase;
  background-color: #eee;
  border-radius: .25rem;
  padding: 1rem 1.25rem;
  font-size: .875rem;
  font-weight: 500;
  text-decoration: none;
}

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

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

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

.gap-tiny {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
}

.text-size-large {
  font-size: 1.5rem;
}

.padding-left-xxsmall {
  padding-left: 1rem;
}

.margin-vertical-huge {
  margin-top: 6rem;
  margin-bottom: 6rem;
}

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

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

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

.fs-styleguide_message {
  color: #5e5515;
  background-color: #fcf8d8;
  border-radius: .25rem;
  padding: 1rem 1.25rem;
  font-size: .875rem;
}

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

.fs-styleguide_header {
  color: #fff;
  background-color: #000;
  background-image: radial-gradient(circle at 100% 100%, #dd23bb40, #0000 40%), radial-gradient(circle at 0 100%, #2d62ff4d, #0000 60%);
}

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

.margin-horizontal-medium {
  margin-left: 2rem;
  margin-right: 2rem;
}

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

.fs-styleguide_class-grid {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

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

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

.margin-vertical-xxsmall {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.fs-styleguide_grids-type-label {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-color-alternate {
  color: #fff;
}

.margin-large {
  margin: 3rem;
}

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

.padding-left-xsmall {
  padding-left: 1.25rem;
}

.margin-medium {
  margin: 2rem;
}

.padding-left-0 {
  padding-left: 0 !important;
}

.gap-xxsmall {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
}

.border-radius-inherit {
  border-radius: inherit;
}

.margin-right-tiny {
  margin-right: .75rem;
}

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

.margin-custom1 {
  margin: 1.5rem;
}

.gap-xhuge {
  grid-column-gap: 8rem;
  grid-row-gap: 8rem;
}

.margin-right-0 {
  margin-right: 0 !important;
}

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

.margin-left-small {
  margin-left: 1.5rem;
}

.margin-right-xhuge {
  margin-right: 8rem;
}

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

.form_component {
  margin-bottom: 0;
}

.padding-xxhuge {
  padding: 12rem;
}

.margin-horizontal-xhuge {
  margin-left: 8rem;
  margin-right: 8rem;
}

.padding-left-xlarge {
  padding-left: 4rem;
}

.margin-vertical-tiny {
  margin-top: .75rem;
  margin-bottom: .75rem;
}

.padding-right-huge {
  padding-right: 6rem;
}

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

.hide {
  display: none !important;
}

.padding-horizontal-xxlarge {
  padding-left: 5rem;
  padding-right: 5rem;
}

.padding-top-medium {
  padding-top: 2rem;
}

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

.padding-right-xsmall {
  padding-right: 1.25rem;
}

.heading-style-h1 {
  letter-spacing: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 4rem;
  font-weight: 700;
  line-height: 1.1;
}

.heading-style-h1.is-hero {
  color: #fff;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3rem;
}

.heading-style-h1.hero_heading {
  color: #fff;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3rem;
  overflow: visible;
}

.margin-left-tiny {
  margin-left: .75rem;
}

.margin-horizontal-large {
  margin-left: 3rem;
  margin-right: 3rem;
}

.margin-vertical-medium {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.margin-left-0 {
  margin-left: 0 !important;
}

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

.padding-bottom-tiny {
  padding-bottom: .75rem;
}

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

.margin-vertical-xxlarge {
  margin-top: 5rem;
  margin-bottom: 5rem;
}

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

.overflow-clip {
  overflow: clip;
}

.margin-left-xtiny {
  margin-left: .5rem;
}

.padding-right-xxhuge {
  padding-right: 12rem;
}

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

.form_message-error {
  color: #3b0b0b;
  background-color: #f8e4e4;
  margin-top: 1.5rem;
  padding: 1.25rem;
}

.margin-horizontal-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.margin-horizontal-xlarge {
  margin-left: 4rem;
  margin-right: 4rem;
}

.heading-style-h4 {
  letter-spacing: 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.5rem;
  font-weight: 700;
  line-height: 1.4;
}

.overflow-scroll {
  overflow: scroll;
}

.padding-vertical-xxtiny {
  padding-top: .25rem;
  padding-bottom: .25rem;
}

.padding-horizontal-huge {
  padding-left: 6rem;
  padding-right: 6rem;
}

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

.spacer-xxhuge {
  width: 100%;
  padding-top: 12rem;
}

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

.padding-bottom-medium {
  padding-bottom: 2rem;
}

.padding-right-xtiny {
  padding-right: .5rem;
}

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

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

.margin-top-tiny {
  margin-top: .75rem;
}

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

.margin-bottom-0 {
  margin-bottom: 0 !important;
}

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

.padding-bottom-xsmall {
  padding-bottom: 1.25rem;
}

.padding-bottom-xxtiny {
  padding-bottom: .25rem;
}

.margin-xlarge {
  margin: 4rem;
}

.padding-xsmall {
  padding: 1.25rem;
}

.text-color-secondary {
  color: #444;
}

.fs-styleguide_section-header {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  border-bottom: 1px solid #eee;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-bottom: 3rem;
  display: grid;
}

.disable-select {
  -webkit-user-select: none;
  user-select: none;
}

.text-color-primary {
  color: #000;
}

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

.text-size-inherit {
  font-size: inherit;
}

.grid-span-full {
  grid-column: 1 / -1;
}

.margin-left-large {
  margin-left: 2rem;
}

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

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

.padding-right-0 {
  padding-right: 0 !important;
}

.margin-top-xxhuge {
  margin-top: 12rem;
}

.padding-vertical-medium {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.margin-vertical-xhuge {
  margin-top: 8rem;
  margin-bottom: 8rem;
}

.padding-right-medium {
  padding-right: 2rem;
}

.padding-huge {
  padding: 6rem;
}

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

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

.padding-0 {
  padding: 0 !important;
}

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

.margin-xxlarge {
  margin: 5rem;
}

.padding-top-xtiny {
  padding-top: .5rem;
}

.margin-horizontal-small {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

.padding-custom1 {
  padding: 1.5rem;
}

.heading-style-h3 {
  letter-spacing: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.2;
}

.heading-style-h3.is-on-dark {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5rem;
}

.grid-autofill-css {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 25rem), 1fr));
  grid-auto-columns: minmax(0, 1fr);
  display: grid;
}

.padding-xxsmall {
  padding: 1rem;
}

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

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

.padding-bottom-small {
  padding-bottom: 1.5rem;
}

.padding-section-bottom-medium {
  padding-bottom: 5rem;
}

.padding-top-tiny {
  padding-top: .75rem;
}

.padding-vertical-large {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

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

.padding-horizontal-small {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.margin-top-xtiny {
  margin-top: .5rem;
}

.padding-section-bottom-large {
  padding-bottom: 8rem;
}

.margin-horizontal-huge {
  margin-left: 6rem;
  margin-right: 6rem;
}

.margin-left-medium {
  margin-left: 2rem;
}

.gap-large {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
}

.margin-horizontal-xsmall {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}

.margin-horizontal-xxtiny {
  margin-left: .25rem;
  margin-right: .25rem;
}

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

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

.margin-vertical-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.text-color-inherit {
  color: inherit;
}

.margin-left-xxlarge {
  margin-left: 5rem;
}

.heading-style-h6 {
  letter-spacing: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
}

.padding-left-xtiny {
  padding-left: .5rem;
}

.margin-top-xlarge {
  margin-top: 4rem;
}

.margin-right-xxlarge {
  margin-right: 5rem;
}

.overflow-auto {
  overflow: auto;
}

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

.padding-bottom-xxsmall {
  padding-bottom: 1rem;
}

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

.padding-horizontal-xhuge {
  padding-left: 8rem;
  padding-right: 8rem;
}

.padding-left-huge {
  padding-left: 6rem;
}

.padding-top-xxhuge {
  padding-top: 12rem;
}

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

.margin-bottom-xhuge {
  margin-bottom: 8rem;
}

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

.padding-bottom-0 {
  padding-bottom: 0 !important;
}

.padding-custom2 {
  padding: 2.5rem;
}

.margin-bottom-xlarge {
  margin-bottom: 4rem;
}

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

.margin-right-xxhuge {
  margin-right: 12rem;
}

.grid-autofill-medium {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 30rem), 1fr));
  grid-auto-columns: minmax(0, 1fr);
  display: grid;
}

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

.grid-autofit-small {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 20rem), 1fr));
  grid-auto-columns: minmax(0, 1fr);
  display: grid;
}

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

.padding-left-xxlarge {
  padding-left: 5rem;
}

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

.padding-horizontal-tiny {
  padding-left: .75rem;
  padding-right: .75rem;
}

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

.padding-horizontal-xxtiny {
  padding-left: .25rem;
  padding-right: .25rem;
}

.padding-horizontal-medium {
  padding-left: 2rem;
  padding-right: 2rem;
}

.grid-autofill-small {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 20rem), 1fr));
  grid-auto-columns: minmax(0, 1fr);
  display: grid;
}

.margin-top-xhuge {
  margin-top: 8rem;
}

.main-wrapper {
  z-index: 2;
  background-color: #0000;
  position: relative;
}

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

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

.fs-styleguide_3-col.is-medium {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
}

.padding-vertical-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.margin-right-xxtiny {
  margin-right: .25rem;
}

.padding-xlarge {
  padding: 4rem;
}

.padding-left-tiny {
  padding-left: .75rem;
}

.padding-vertical-xxsmall {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.margin-top-xsmall {
  margin-top: 1.25rem;
}

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

.margin-right-medium {
  margin-right: 2rem;
}

.margin-bottom-huge {
  margin-bottom: 6rem;
}

.margin-bottom-xxsmall {
  margin-bottom: 1rem;
}

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

.padding-top-xhuge {
  padding-top: 8rem;
}

.margin-bottom-xsmall {
  margin-bottom: 1.25rem;
}

.margin-bottom-small {
  margin-bottom: 1.5rem;
}

.padding-left-xxtiny {
  padding-left: .25rem;
}

.margin-vertical-xsmall {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

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

.form_checkbox-icon.w--redirected-checked {
  background-color: #2d62ff;
  border-radius: .25rem;
  width: .875rem;
  height: .875rem;
  margin: 0 .25rem 0 0;
}

.form_checkbox-icon.w--redirected-focus {
  border-radius: .25rem;
  width: .875rem;
  height: .875rem;
  margin: 0 .25rem 0 0;
  box-shadow: 0 0 .25rem 0 #2d62ff;
}

.form_checkbox-icon.w--redirected-focus-visible {
  margin: 0 .25rem 0 0;
}

.margin-bottom-xxtiny {
  margin-bottom: .25rem;
}

.padding-right-small {
  padding-right: 1.5rem;
}

.grid-autofit-large {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 40rem), 1fr));
  grid-auto-columns: minmax(0, 1fr);
  display: grid;
}

.margin-bottom-medium {
  margin-bottom: 2rem;
}

.padding-top-xlarge {
  padding-top: 4rem;
}

.button {
  color: #fff;
  text-align: center;
  background-color: #2d62ff;
  border-radius: .25rem;
  padding: .5rem 1rem;
  text-decoration: none;
}

.button:hover {
  background-color: #0d4aff;
}

.button.is-secondary {
  color: #000;
  background-color: #fff;
}

.button.is-secondary:hover {
  background-color: #eee;
}

.button.is-large {
  padding: 1rem 2rem;
}

.button.is-icon {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.button.is-small {
  padding: .25rem .75rem;
}

.button.is-coral {
  color: #fff;
  background-color: #ff5e3a;
  border: 1px solid #ff5e3a;
  border-radius: 999px;
  padding: .875rem 1.5rem;
  font-weight: 600;
  transition: all .3s;
}

.button.is-coral:hover {
  background-color: #ff5e3a;
  transform: translateY(-3px)scale(1.02);
  box-shadow: 0 12px 28px -6px #ff573373;
}

.button.is-coral:active {
  background-color: #ff5e3a;
  transform: translateY(0)scale(.98);
}

.button.is-glass {
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  color: #fff;
  background-color: #ffffff0f;
  border: 1px solid #ffffff29;
  border-radius: 999px;
  padding: .875rem 1.5rem;
  font-weight: 600;
  transition: all .3s;
}

.button.is-glass:hover {
  color: #fff;
  background-color: #ffffff1a;
  border-color: #ff573399;
  transform: translateY(-2px);
}

.margin-horizontal-tiny {
  margin-left: .75rem;
  margin-right: .75rem;
}

.margin-vertical-large {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.padding-bottom-xxlarge {
  padding-bottom: 5rem;
}

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

.padding-horizontal-xsmall {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.background-color-alternate {
  background-color: #fff;
}

.grid-autofit-xsmall {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr));
  grid-auto-columns: minmax(0, 1fr);
  display: grid;
}

.margin-horizontal-xxlarge {
  margin-left: 5rem;
  margin-right: 5rem;
}

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

.padding-left-small {
  padding-left: 1.5rem;
}

.fs-styleguide_dummy-card {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.form_input {
  background-color: #0000;
  border: 1px solid #eee;
  min-height: 3rem;
  margin-bottom: .75rem;
  padding: .75rem 1rem;
}

.form_input::placeholder {
  color: #444;
}

.form_input.is-text-area {
  min-height: 8rem;
  padding-top: 1.25rem;
}

.form_input.is-select-input {
  color: #444;
}

.padding-bottom-xtiny {
  padding-bottom: .5rem;
}

.padding-large {
  padding: 3rem;
}

.margin-top-large {
  margin-top: 3rem;
}

.margin-horizontal-xxhuge {
  margin-left: 12rem;
  margin-right: 12rem;
}

.margin-right-xsmall {
  margin-right: 1.25rem;
}

.padding-top-xxlarge {
  padding-top: 5rem;
}

.text-weight-inherit {
  font-weight: inherit;
}

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

.gap-huge {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
}

.margin-vertical-xtiny {
  margin-top: .5rem;
  margin-bottom: .5rem;
}

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

.padding-section-top-medium {
  padding-top: 5rem;
}

.margin-bottom-xtiny {
  margin-bottom: .5rem;
}

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

.heading-style-h2 {
  letter-spacing: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.2;
}

.heading-style-h2.is-on-dark {
  color: #fff;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
}

.fs-styleguide_class-collection {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: start;
  place-items: center stretch;
  display: grid;
}

.margin-xxhuge {
  margin: 12rem;
}

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

.margin-custom2 {
  margin: 2.5rem;
}

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

.margin-horizontal-xxsmall {
  margin-left: 1rem;
  margin-right: 1rem;
}

.grid-autofill-xsmall {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 15rem), 1fr));
  grid-auto-columns: minmax(0, 1fr);
  display: grid;
}

.padding-horizontal-large {
  padding-left: 3rem;
  padding-right: 3rem;
}

.grid-autofill-large {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 40rem), 1fr));
  grid-auto-columns: minmax(0, 1fr);
  display: grid;
}

.gap-medium {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
}

.margin-bottom-tiny {
  margin-bottom: .75rem;
}

.margin-vertical-xxtiny {
  margin-top: .25rem;
  margin-bottom: .25rem;
}

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

.grid-autofit-medium {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 30rem), 1fr));
  grid-auto-columns: minmax(0, 1fr);
  display: grid;
}

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

.padding-bottom-xxhuge {
  padding-bottom: 12rem;
}

.padding-right-xhuge {
  padding-right: 8rem;
}

.text-size-small {
  font-size: .875rem;
}

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

.padding-right-xxsmall {
  padding-right: 1rem;
}

.display-contents {
  display: contents;
}

.padding-horizontal-xtiny {
  padding-left: .5rem;
  padding-right: .5rem;
}

.margin-xhuge {
  margin: 8rem;
}

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

.margin-top-xxlarge {
  margin-top: 5rem;
}

.padding-vertical-xxlarge {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.padding-left-large {
  padding-left: 3rem;
}

.margin-top-small {
  margin-top: 1.5rem;
}

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

.padding-section-top-large {
  padding-top: 8rem;
}

.text-style-pretty {
  text-wrap: pretty;
}

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

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

.form_radio-icon {
  width: .875rem;
  height: .875rem;
  margin: 0 .25rem 0 0;
}

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

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

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

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

.padding-vertical-small {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.margin-left-huge {
  margin-left: 6rem;
}

.text-decoration-inherit {
  -webkit-text-decoration: inherit;
  text-decoration: inherit;
}

.padding-right-tiny {
  padding-right: .75rem;
}

.margin-xxsmall {
  margin: 1rem;
}

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

.margin-top-xxsmall {
  margin-top: 1rem;
}

.gap-xxlarge {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
}

.margin-horizontal-xtiny {
  margin-left: .5rem;
  margin-right: .5rem;
}

.margin-huge {
  margin: 6rem;
}

.padding-vertical-xsmall {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.page-wrapper {
  color: #f5f5f7;
  background-color: #08080c;
  min-height: 100vh;
  position: relative;
}

.margin-left-xlarge {
  margin-left: 4rem;
}

.margin-left-xxtiny {
  margin-left: .25rem;
}

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

.margin-right-xtiny {
  margin-right: .5rem;
}

.gap-xxhuge {
  grid-column-gap: 12rem;
  grid-row-gap: 12rem;
}

.padding-horizontal-xlarge {
  padding-left: 4rem;
  padding-right: 4rem;
}

.padding-vertical-tiny {
  padding-top: .75rem;
  padding-bottom: .75rem;
}

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

.padding-small {
  padding: 1.5rem;
}

.margin-xsmall {
  margin: 1.25rem;
}

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

.fs-styleguide_grid-auto-fits {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.margin-left-xxsmall {
  margin-left: 1rem;
}

.padding-bottom-large {
  padding-bottom: 3rem;
}

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

.grid-autofit-css {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 25rem), 1fr));
  grid-auto-columns: minmax(0, 1fr);
  display: grid;
}

.text-style-link {
  color: #2d62ff;
  text-decoration: underline;
}

.padding-top-0 {
  padding-top: 0 !important;
}

.padding-top-small {
  padding-top: 1.5rem;
}

.margin-bottom-xxhuge {
  margin-bottom: 12rem;
}

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

.padding-section-bottom-small {
  padding-bottom: 3rem;
}

.margin-top-0 {
  margin-top: 0 !important;
}

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

.margin-right-xlarge {
  margin-right: 4rem;
}

.margin-right-xxsmall {
  margin-right: 1rem;
}

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

.gap-xxtiny {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
}

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

.margin-vertical-xxhuge {
  margin-top: 12rem;
  margin-bottom: 12rem;
}

.padding-left-medium {
  padding-left: 2rem;
}

.gap-xsmall {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
}

.margin-left-xhuge {
  margin-left: 8rem;
}

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

.text-size-medium {
  font-size: 1.25rem;
}

.padding-horizontal-xxsmall {
  padding-left: 1rem;
  padding-right: 1rem;
}

.padding-top-xxsmall {
  padding-top: 1rem;
}

.padding-top-xsmall {
  padding-top: 1.25rem;
}

.gap-xtiny {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
}

.padding-vertical-xtiny {
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.background-color-primary {
  color: #fff;
  background-color: #000;
}

.display-inline-flex {
  display: inline-flex;
}

.padding-left-xxhuge {
  padding-left: 12rem;
}

.padding-top-xxtiny {
  padding-top: .25rem;
}

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

.fs-styleguide_label-wrap {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-top: 1.5rem;
  display: flex;
}

.margin-custom3 {
  margin: 3.5rem;
}

.margin-bottom-xxlarge {
  margin-bottom: 5rem;
}

.padding-top-huge {
  padding-top: 6rem;
}

.fs-styleguide_inherit-wrapper {
  background-color: #e8ebff;
  border-radius: .5rem;
  padding: 2rem;
}

.margin-top-xxtiny {
  margin-top: .25rem;
}

.margin-right-small {
  margin-right: 1.5rem;
}

.text-style-balance {
  text-wrap: balance;
}

.margin-vertical-xlarge {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.padding-horizontal-xxhuge {
  padding-left: 12rem;
  padding-right: 12rem;
}

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

.padding-section-top-small {
  padding-top: 3rem;
}

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

.navbar_container {
  grid-column-gap: 1.5rem;
  grid-row-gap: .5rem;
  justify-content: space-between;
  align-items: center;
  min-height: 4.5rem;
  display: flex;
}

.navbar_logo {
  color: #fff;
  letter-spacing: -.01em;
  white-space: nowrap;
  align-items: center;
  font-size: 1.125rem;
  font-weight: 600;
  text-decoration: none;
  display: flex;
}

.navbar_logo-dot {
  color: #ff5e3a;
}

.navbar_links {
  grid-column-gap: 2rem;
  grid-row-gap: .5rem;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.navbar_link {
  color: #ffffffb8;
  font-size: .9375rem;
  font-weight: 500;
  text-decoration: none;
  transition: color .2s;
}

.navbar_link:hover {
  color: #fff;
}

.navbar_link.is-mobile {
  padding-top: .75rem;
  padding-bottom: .75rem;
  font-size: 1.05rem;
  display: block;
}

.navbar_right-wrapper {
  grid-column-gap: .875rem;
  align-items: center;
  display: flex;
}

.lang_switcher {
  grid-column-gap: .5rem;
  border: 1px solid #ffffff1a;
  border-radius: 999px;
  align-items: center;
  padding: .25rem .625rem;
  display: flex;
}

.lang_switcher.is-mobile {
  margin-top: auto;
  padding-top: .5rem;
  display: flex;
}

.lang_switcher-link {
  color: #ffffff73;
  letter-spacing: .04em;
  font-size: .75rem;
  font-weight: 600;
  text-decoration: none;
}

.lang_switcher-link.is-active {
  color: #ff5e3a;
}

.navbar_menu-button {
  grid-row-gap: .3rem;
  cursor: pointer;
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  padding: 0;
  display: none;
}

.navbar_menu-line {
  background-color: #fff;
  border-radius: 2px;
  width: 1.25rem;
  height: 2px;
}

.navbar_component {
  z-index: 100;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  background-color: #08080ccc;
  border-bottom: 1px solid #ffffff14;
  width: 100%;
  transition: background-color .3s ease-in-out, -webkit-backdrop-filter .3s ease-in-out, backdrop-filter .3s ease-in-out, border-bottom-color .3s ease-in-out;
  position: sticky;
  top: 0;
  overflow: visible;
}

.navbar_component.is-scrolled {
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  background-color: #08080ceb;
  border-bottom: 1px solid #ffffff1a;
}

.section_hero {
  z-index: 2;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero_background-wrapper {
  z-index: 0;
  pointer-events: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.hero_glow-orange {
  z-index: 1;
  opacity: .18;
  filter: blur(120px);
  background-color: #ff5e3a;
  border-radius: 50%;
  width: 36rem;
  height: 36rem;
  position: absolute;
  top: 12%;
  left: 6%;
}

.hero_glow-accent {
  z-index: 1;
  opacity: .1;
  filter: blur(120px);
  background-color: #3b82f6;
  border-radius: 50%;
  width: 32rem;
  height: 32rem;
  position: absolute;
  bottom: -8%;
  right: -6%;
}

.hero_grid-pattern {
  z-index: 1;
  opacity: .04;
  background-image: linear-gradient(#fff 1px, #0000 1px), linear-gradient(90deg, #fff 1px, #0000 1px);
  background-size: 48px 48px;
  position: absolute;
  inset: 0;
}

.hero_code-watermark {
  z-index: 1;
  opacity: .03;
  color: #fff;
  white-space: pre;
  max-width: 28rem;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: .75rem;
  line-height: 1.6;
  position: absolute;
  bottom: 8%;
  left: 3%;
}

.hero_component {
  z-index: 2;
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-columns: 1.15fr .85fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 70vh;
  display: grid;
  position: relative;
}

.hero_visual-orbit-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 40rem;
  height: 38rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.hero_orbit-ring-1 {
  will-change: transform;
  border: 1px dashed #ffffff1f;
  border-radius: 50%;
  width: 38%;
  height: 38%;
  position: absolute;
  top: 31%;
  left: 31%;
  overflow: visible;
}

.hero_orbit-ring-2 {
  will-change: transform;
  border: 1px solid #ffffff14;
  border-radius: 50%;
  width: 50%;
  height: 50%;
  position: absolute;
  top: 25%;
  left: 25%;
  overflow: visible;
}

.hero_avatar-frame {
  z-index: 3;
  background-color: #16161c;
  border: 1px solid #ff5e3a4d;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 13.5rem;
  height: 13.5rem;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 40px #ff5e3a59;
}

.hero_avatar-placeholder {
  color: #ffffff59;
  letter-spacing: .08em;
  font-size: 1.75rem;
  font-weight: 600;
}

.hero_planet {
  z-index: 4;
  grid-row-gap: .4rem;
  will-change: transform;
  flex-direction: column;
  align-items: center;
  display: flex;
  position: absolute;
  transform: translate(-50%, -50%);
}

.hero_planet.is-webflow {
  inset: 0% auto auto 50%;
  transform: translate(-50%, -50%);
}

.hero_planet.is-figma {
  inset: 50% auto auto 100%;
  transform: translate(-50%, -50%);
}

.hero_planet.is-cursor {
  inset: 100% auto auto 50%;
  transform: translate(-50%, -50%);
}

.hero_planet.is-relume {
  inset: 50% auto auto 0%;
  transform: translate(-50%, -50%);
}

.hero_planet.is-code {
  inset: 15% auto auto 85%;
  transform: translate(-50%, -50%);
}

.hero_planet.is-cms {
  inset: 85% auto auto 15%;
  transform: translate(-50%, -50%);
}

.hero_planet-orb {
  box-sizing: border-box;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  color: #fff;
  text-align: center;
  letter-spacing: .02em;
  background-color: #ffffff0f;
  border: 1px solid #ffffff24;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 4.5rem;
  height: 4.5rem;
  padding: .85rem;
  font-size: .65rem;
  font-weight: 700;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 8px 24px #00000059, inset 0 1px #ffffff1f;
}

.hero_planet-label {
  color: #ffffffb3;
  text-align: center;
  white-space: nowrap;
  font-size: .7rem;
  font-weight: 500;
}

.hero_content-wrapper {
  grid-row-gap: 1.5rem;
  flex-direction: column;
  align-items: flex-start;
  max-width: 36rem;
  display: flex;
}

.hero_tag-badge {
  color: #ff5e3a;
  letter-spacing: .08em;
  text-transform: uppercase;
  background-color: #ff5e3a1a;
  border: 1px solid #ff5e3a33;
  border-radius: 999px;
  padding: .375rem .75rem;
  font-size: .75rem;
  font-weight: 600;
  display: inline-flex;
}

.hero_tag-badge.hero_label {
  overflow: visible;
}

.hero_subtitle {
  color: #ffffff9e;
  max-width: 34rem;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
  line-height: 1.65;
}

.hero_subtitle.hero_text {
  overflow: visible;
}

.hero_button-group {
  grid-column-gap: 1rem;
  grid-row-gap: .75rem;
  flex-flow: wrap;
  align-items: center;
  display: flex;
}

.hero-avatar-image {
  object-fit: contain;
  object-position: 50% 50%;
  transform: translate(0, 6%);
}

.webflow-image {
  object-fit: contain;
  object-position: 50% 50%;
  width: 100%;
  max-width: 2.35rem;
  height: 100%;
  max-height: 2.35rem;
  position: relative;
}

.figma-image, .relume-image, .cms-image, .cursor-image, .custom-code-image {
  object-fit: contain;
  object-position: 50% 50%;
  width: 100%;
  max-width: 2.35rem;
  height: 100%;
  max-height: 2.35rem;
}

.navbar_mobile-menu {
  z-index: 999;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  background-color: #08080cf2;
  border-bottom: 1px solid #ffffff14;
  width: 100%;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
}

.navbar_mobile-menu.is-open {
  display: none;
}

.navbar_mobile-panel {
  grid-row-gap: 1.5rem;
  flex-direction: column;
  min-height: 100%;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.navbar_mobile-links {
  grid-row-gap: 1.5rem;
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.hero_planet-icon {
  object-fit: contain;
  object-position: 50% 50%;
  flex-grow: 0;
  flex-shrink: 0;
  width: 100%;
  max-width: 2.35rem;
  height: 100%;
  max-height: 2.35rem;
  display: block;
  position: relative;
}

.section_projects {
  z-index: 2;
  background-color: #0000;
  position: relative;
}

.projects_component {
  grid-row-gap: 3.5rem;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.projects_header {
  grid-row-gap: 1rem;
  flex-direction: column;
  align-items: flex-start;
  max-width: 40rem;
  display: flex;
}

.projects_list-wrapper {
  grid-column-gap: 1.75rem;
  grid-row-gap: 2.5rem;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  display: grid;
}

.project_card {
  grid-row-gap: 1.25rem;
  color: inherit;
  cursor: pointer;
  text-decoration: none;
  flex-direction: column;
  display: flex;
}

.project_image-wrapper {
  perspective: 1200px;
  width: 100%;
  height: 400px;
  min-height: 400px;
  transform-style: preserve-3d;
  background-color: #121218d9;
  border: 1px solid #ffffff14;
  border-radius: 16px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 8px 32px #00000059;
}

.project_image {
  background-image: linear-gradient(145deg, #ff5e3a1f 0%, #3b82f614 50%, #ffffff08 100%);
  width: 100%;
  height: 100%;
  min-height: 16rem;
  transition: transform .3s;
}

.project_image:hover {
  transform: scale(1.05);
}

.project_content-wrapper {
  grid-row-gap: .75rem;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.project_badge-group {
  grid-column-gap: .4rem;
  grid-row-gap: .4rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.project_badge {
  color: #ffffffb8;
  letter-spacing: .02em;
  background-color: #ffffff0a;
  border: 1px solid #ffffff1a;
  border-radius: 999px;
  margin-top: 0;
  margin-bottom: 0;
  padding: .25rem .625rem;
  font-size: .7rem;
  font-weight: 500;
  display: inline-flex;
}

.project_body {
  color: #ffffff9e;
  margin-top: 0;
  margin-bottom: 0;
  font-size: .95rem;
  line-height: 1.6;
}

.project_metrics {
  color: #34d399;
  background-color: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.2);
  border-radius: 999px;
  margin-top: 0;
  margin-bottom: 0;
  padding: .25rem .625rem;
  font-size: .75rem;
  font-weight: 500;
  display: inline-flex;
  white-space: nowrap;
}

.project_link {
  grid-column-gap: .4rem;
  color: #ff5e3a;
  cursor: pointer;
  align-items: center;
  font-size: .9375rem;
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
}

.project_link:hover {
  color: #fff;
}

.projects_subtitle {
  color: #ffffff9e;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.0625rem;
  line-height: 1.65;
}

.global_background-wrapper {
  z-index: 0;
  pointer-events: none;
  position: fixed;
  inset: 0;
  overflow: hidden;
}

.section_process {
  z-index: 2;
  background-color: #0000;
  position: relative;
}

.process_component {
  grid-row-gap: 3.5rem;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.process_header {
  grid-row-gap: 1rem;
  flex-direction: column;
  align-items: flex-start;
  max-width: 44rem;
  display: flex;
}

.process_subtitle {
  color: #ffffff9e;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.0625rem;
  line-height: 1.65;
}

.process_grid-wrapper {
  grid-column-gap: 1.75rem;
  grid-row-gap: 1.75rem;
  grid-template-columns: 1fr 1fr;
  align-items: stretch;
  width: 100%;
  display: grid;
}

.process_steps-list {
  grid-row-gap: 1rem;
  flex-direction: column;
  display: flex;
}

.process_step-item {
  grid-column-gap: 1.15rem;
  background-color: #121218b8;
  border: 1px solid #ffffff14;
  border-radius: 16px;
  align-items: flex-start;
  padding: 1.25rem 1.35rem;
  display: flex;
}

.process_step-number {
  color: #ff5e3a;
  letter-spacing: .08em;
  min-width: 2.5rem;
  margin-top: .15rem;
  margin-bottom: 0;
  font-size: .75rem;
  font-weight: 700;
  line-height: 1.4;
}

.process_step-content {
  grid-row-gap: .35rem;
  flex-direction: column;
  display: flex;
}

.process_step-title {
  color: #fff;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.0625rem;
  font-weight: 600;
}

.process_step-text {
  color: #ffffff9e;
  margin-top: 0;
  margin-bottom: 0;
  font-size: .9rem;
  line-height: 1.55;
}

.process_hybrid-card {
  grid-row-gap: 1.25rem;
  background-color: #121218c7;
  border: 1px solid #ff5e3a4d;
  border-radius: 16px;
  flex-direction: column;
  justify-content: space-between;
  padding: 2rem;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 8px 40px #ff5e3a14;
}

.process_hybrid-glow {
  z-index: 0;
  opacity: .16;
  filter: blur(80px);
  pointer-events: none;
  background-color: #ff5e3a;
  border-radius: 50%;
  width: 18rem;
  height: 18rem;
  position: absolute;
  top: -15%;
  right: -20%;
}

.process_hybrid-content {
  z-index: 1;
  grid-row-gap: 1rem;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.process_feature-list {
  grid-row-gap: .7rem;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.process_feature-item {
  grid-column-gap: .65rem;
  align-items: flex-start;
  display: flex;
}

.process_check {
  color: #ff5e3a;
  min-width: 1rem;
  margin-top: 0;
  margin-bottom: 0;
  font-size: .9rem;
  font-weight: 700;
  line-height: 1.5;
}

.process_feature-text {
  color: #ffffffdb;
  margin-top: 0;
  margin-bottom: 0;
  font-size: .9375rem;
  line-height: 1.5;
}

.process_hybrid-body {
  color: #ffffffad;
  margin-top: 0;
  margin-bottom: 0;
  font-size: .95rem;
  line-height: 1.65;
}

.section_skills {
  z-index: 2;
  background-color: #0000;
  position: relative;
}

.skills_component {
  grid-row-gap: 3.5rem;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.skills_header {
  grid-row-gap: 1rem;
  flex-direction: column;
  align-items: flex-start;
  max-width: 44rem;
  display: flex;
}

.skills_subtitle {
  color: #ffffff9e;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.0625rem;
  line-height: 1.65;
}

.skills_bento-grid {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  display: grid;
}

.skills_card {
  grid-row-gap: 1rem;
  background-color: #121218b8;
  border: 1px solid #ffffff14;
  border-radius: 16px;
  flex-direction: column;
  align-items: flex-start;
  padding: 1.75rem;
  display: flex;
}

.skills_card.is-wide {
  grid-column: 1 / -1;
}

.skills_card-title {
  color: #fff;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
  font-weight: 600;
}

.skills_card-title.is-wide {
  font-size: 1.5rem;
}

.skills_card-body {
  color: #ffffff9e;
  max-width: 42rem;
  margin-top: 0;
  margin-bottom: 0;
  font-size: .95rem;
  line-height: 1.6;
}

.section_contact {
  z-index: 2;
  background-color: #0000;
  position: relative;
}

.contact_component {
  flex-direction: column;
  width: 100%;
  display: flex;
}

.contact_grid {
  grid-column-gap: 3.5rem;
  grid-row-gap: 2.5rem;
  grid-template-columns: 1fr 1fr;
  align-items: start;
  width: 100%;
  display: grid;
}

.contact_info {
  grid-row-gap: 1.25rem;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.contact_subtitle {
  color: #ffffff9e;
  max-width: 32rem;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.0625rem;
  line-height: 1.65;
}

.contact_links {
  grid-row-gap: .9rem;
  flex-direction: column;
  align-items: flex-start;
  margin-top: .5rem;
  display: flex;
}

.contact_link {
  grid-column-gap: .55rem;
  color: #fff;
  align-items: center;
  font-size: .975rem;
  font-weight: 500;
  text-decoration: none;
  display: inline-flex;
}

.contact_link:hover {
  color: #ff5e3a;
}

.contact_status {
  grid-column-gap: .55rem;
  color: #ffffffdb;
  background-color: #22c55e1a;
  border-radius: 999px;
  align-items: center;
  padding: .45rem .85rem .45rem .75rem;
  font-size: .875rem;
  font-weight: 500;
  display: inline-flex;
}

.contact_status p {
  margin: 0;
  padding: 0;
}

.contact_status-dot {
  background-color: #22c55e;
  border-radius: 50%;
  width: .55rem;
  min-width: .55rem;
  height: .55rem;
  min-height: .55rem;
}

.contact_form-wrapper {
  background-color: #121218c7;
  border: 1px solid #ffffff14;
  border-radius: 20px;
  width: 100%;
  padding: 2.5rem;
  box-shadow: 0 8px 40px #00000047;
}

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

.contact_field {
  grid-row-gap: .4rem;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.contact_label {
  color: #ffffffc7;
  letter-spacing: .04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: .8rem;
  font-weight: 600;
}

.contact_input {
  color: #fff;
  background-color: #08080ca6;
  border: 1px solid #ffffff1a;
  border-radius: 12px;
  width: 100%;
  min-height: 3rem;
  margin-bottom: 0;
  padding: .8rem 1rem;
  font-size: .95rem;
}

.contact_input:focus {
  border-color: #ff5e3a;
  outline-style: none;
}

.contact_input::placeholder {
  color: #ffffff61;
}

.contact_textarea {
  color: #fff;
  resize: vertical;
  background-color: #08080ca6;
  border: 1px solid #ffffff1a;
  border-radius: 12px;
  width: 100%;
  min-height: 8.5rem;
  margin-bottom: 0;
  padding: .85rem 1rem;
  font-size: .95rem;
}

.contact_textarea:focus {
  border-color: #ff5e3a;
  outline-style: none;
}

.contact_textarea::placeholder {
  color: #ffffff61;
}

.contact_success {
  color: #86efac;
  background-color: #22c55e1f;
  border-radius: 12px;
  padding: 1rem 1.15rem;
  font-size: .9rem;
}

.contact_error {
  color: #ff8a6a;
  background-color: #ff5e3a1f;
  border-radius: 12px;
  padding: 1rem 1.15rem;
  font-size: .9rem;
}

.footer_section {
  z-index: 2;
  background-color: #0000;
  border-top: 1px solid #ffffff14;
  position: relative;
}

.footer_component {
  grid-column-gap: 2rem;
  grid-row-gap: 1.25rem;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: flex;
}

.footer_brand {
  grid-row-gap: .35rem;
  flex-direction: column;
  display: flex;
}

.footer_logo {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.05rem;
  font-weight: 600;
  text-decoration: none;
}

.footer_copy {
  color: #ffffff73;
  margin-top: 0;
  margin-bottom: 0;
  font-size: .8rem;
}

.footer_nav {
  grid-column-gap: 1.35rem;
  grid-row-gap: .5rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.footer_link {
  color: #ffffffb3;
  font-size: .9rem;
  font-weight: 500;
  text-decoration: none;
}

.footer_link:hover {
  color: #fff;
}

.footer_social {
  grid-column-gap: .55rem;
  align-items: center;
  display: flex;
}

.footer_social-link {
  color: #ffffffd1;
  letter-spacing: .02em;
  background-color: #ffffff0a;
  border: 1px solid #ffffff1a;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 2.4rem;
  height: 2.4rem;
  font-size: .7rem;
  font-weight: 700;
  text-decoration: none;
  display: inline-flex;
}

.contact_icon {
  color: #ff5e3a;
  font-size: .95rem;
}

.navbar_mobile-inner {
  width: 100%;
  padding: 0;
}

.navbar_mobile-cta {
  text-align: center;
  justify-content: center;
  width: 100%;
}

.project_mockup-bg {
  z-index: 0;
  pointer-events: none;
  background-image: linear-gradient(145deg, #ff5e3a38 0%, #121218f2 48%, #3b82f629 100%), linear-gradient(#ffffff0d 1px, #0000 1px), linear-gradient(90deg, #ffffff0d 1px, #0000 1px);
  background-size: auto, 28px 28px, 28px 28px;
  position: absolute;
  inset: 0;
}

.project_desktop-frame {
  z-index: 1;
  transform-origin: center;
  width: 72%;
  height: 68%;
  transform-style: preserve-3d;
  background-color: #111118;
  border: 1px solid #ffffff29;
  border-radius: 10px;
  transition: transform .4s;
  position: absolute;
  top: 10%;
  right: 6%;
  overflow: hidden;
  transform: rotate(-6deg)rotateX(10deg);
  box-shadow: 0 20px 40px #00000080;
}

.project_mobile-frame {
  z-index: 2;
  background-color: #08080c;
  border: 2px solid #ffffff2e;
  border-radius: 18px;
  width: 26%;
  height: 58%;
  padding: 6px;
  transition: transform .4s;
  position: absolute;
  bottom: 7%;
  left: 8%;
  overflow: hidden;
  box-shadow: 0 15px 30px #0009;
}

.project_mockup-image {
  object-fit: cover;
  object-position: 50% 0%;
  width: 100%;
  height: 100%;
  max-width: none;
  display: block;
}

.projects_collection {
  width: 100%;
  display: block;
}

.project_tag-item {
  flex: none;
  width: auto;
  display: flex;
}

.project_nested-tags {
  width: 100%;
  display: block;
}

.hero_orbit-ring-3 {
  will-change: transform;
  border: 1px dashed #ffffff1f;
  border-radius: 50%;
  width: 62%;
  height: 62%;
  position: absolute;
  top: 19%;
  left: 19%;
  overflow: visible;
}

.hero_orbit-ring-4 {
  will-change: transform;
  border: 1px solid #ffffff14;
  border-radius: 50%;
  width: 74%;
  height: 74%;
  position: absolute;
  top: 13%;
  left: 13%;
  overflow: visible;
}

.hero_orbit-ring-5 {
  will-change: transform;
  border: 1px dashed #ffffff1a;
  border-radius: 50%;
  width: 86%;
  height: 86%;
  position: absolute;
  top: 7%;
  left: 7%;
  overflow: visible;
}

.hero_orbit-ring-6 {
  will-change: transform;
  border: 1px solid #ffffff12;
  border-radius: 50%;
  width: 98%;
  height: 98%;
  position: absolute;
  top: 1%;
  left: 1%;
  overflow: visible;
}

.text-span {
  color: #ff5e3a;
}

@media screen and (max-width: 991px) {
  .fs-styleguide_section {
    grid-column-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .fs-styleguide_2-col {
    grid-template-columns: 1fr;
  }

  .heading-style-h1 {
    font-size: 2.75rem;
  }

  .heading-style-h1.is-hero, .heading-style-h1.hero_heading {
    font-size: 2.35rem;
  }

  .hide-tablet {
    display: none !important;
  }

  .fs-styleguide_3-col {
    grid-template-columns: 1fr;
  }

  .heading-style-h2 {
    font-size: 2.25rem;
  }

  .fs-styleguide_class-collection {
    grid-template-columns: 1fr 1fr;
  }

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

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

  .fs-styleguide_4-col {
    grid-template-columns: 1fr;
  }

  .page-wrapper {
    overflow-x: hidden;
  }

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

  .navbar_links {
    display: none;
  }

  .navbar_right-wrapper {
    display: flex;
    grid-column-gap: .5rem;
    align-items: center;
    flex: none;
  }

  .navbar_right-wrapper > .button {
    display: none;
  }

  .lang_switcher {
    display: flex;
  }

  .navbar_menu-button {
    display: flex;
  }

  .hero_component {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    text-align: center;
    grid-template-columns: 1fr;
    justify-items: center;
    min-height: auto;
  }

  .hero_visual-orbit-wrapper {
    max-width: 32rem;
    height: 30rem;
  }

  .hero_content-wrapper {
    text-align: center;
    align-items: center;
    width: 100%;
    max-width: 100%;
  }

  .hero_button-group {
    justify-content: center;
  }

  .navbar_mobile-menu {
    z-index: 999;
    opacity: 0;
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    pointer-events: none;
    visibility: hidden;
    background-color: #08080cf2;
    flex-direction: column;
    max-height: 0;
    padding: 2rem;
    transition: opacity .28s, transform .28s, max-height .28s, visibility .28s;
    display: flex;
    overflow: hidden;
    transform: translateY(-.5rem);
  }

  .navbar_mobile-menu.is-open {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    min-height: calc(100vh - 4.5rem);
    max-height: calc(100vh - 4.5rem);
    display: flex;
    overflow: hidden;
    transform: translateY(0);
  }

  .projects_header {
    max-width: 100%;
  }

  .projects_list-wrapper {
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
  }

  .process_header {
    max-width: 100%;
  }

  .process_hybrid-card {
    padding: 1.5rem 1.35rem;
  }

  .skills_header {
    max-width: 100%;
  }

  .skills_card {
    padding: 1.35rem;
  }

  .contact_form-wrapper {
    padding: 1.5rem;
  }

  .footer_component {
    flex-direction: column;
    align-items: flex-start;
  }

  .navbar_mobile-inner {
    text-align: center;
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .heading-style-h1, .heading-style-h1.is-hero, .heading-style-h1.hero_heading {
    font-size: 2.25rem;
  }

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

  .heading-style-h3, .heading-style-h3.is-on-dark {
    font-size: 1.35rem;
  }

  .hide-mobile-landscape {
    display: none !important;
  }

  .heading-style-h2 {
    font-size: 1.75rem;
  }

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

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

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

  .hero_component {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: auto;
    display: flex;
  }

  .hero_visual-orbit-wrapper {
    width: 100%;
    max-width: clamp(280px, 85vw, 360px);
    height: clamp(280px, 85vw, 360px);
    margin-bottom: 2.5rem;
    margin-left: auto;
    margin-right: auto;
  }

  .hero_avatar-frame {
    width: 8.5rem;
    height: 8.5rem;
  }

  .hero_planet-orb {
    width: 3.25rem;
    height: 3.25rem;
    padding: .55rem;
  }

  .hero_subtitle {
    text-align: center;
    max-width: 100%;
    font-size: 1.05rem;
  }

  .hero_button-group {
    justify-content: center;
  }

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

  .project_image-wrapper {
    height: 280px;
    min-height: 280px;
  }

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

  .process_hybrid-card {
    width: 100%;
  }

  .skills_bento-grid, .contact_grid {
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 479px) {
  .grid-autofit {
    grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
  }

  .fs-styleguide_row {
    flex-wrap: wrap;
  }

  .heading-style-h1.is-hero, .heading-style-h1.hero_heading {
    font-size: 2.1rem;
  }

  .grid-autofill-css {
    grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
  }

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

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

  .grid-autofit-css {
    grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
  }

  .button.is-coral, .button.is-glass {
    text-align: center;
    width: 100%;
  }

  .hero_avatar-frame {
    width: 6.75rem;
    height: 6.75rem;
  }

  .hero_planet.is-webflow {
    transform: translate(8%);
  }

  .hero_planet.is-figma {
    transform: translate(-26%);
  }

  .hero_planet.is-cursor {
    transform: translate(-170%, -50%);
  }

  .hero_planet.is-code {
    transform: translate(-110%, -98%);
  }

  .hero_button-group {
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    width: 100%;
  }

  .contact_form-wrapper {
    padding: 1.25rem;
  }
}

#w-node-_0bfa2a6b-50f7-bb1d-ca26-e5f67cfb292b-b4bb6101 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0bfa2a6b-50f7-bb1d-ca26-e5f67cfb294a-b4bb6101, #w-node-_0bfa2a6b-50f7-bb1d-ca26-e5f67cfb294f-b4bb6101, #w-node-_0bfa2a6b-50f7-bb1d-ca26-e5f67cfb2954-b4bb6101, #w-node-_0bfa2a6b-50f7-bb1d-ca26-e5f67cfb2959-b4bb6101, #w-node-_0bfa2a6b-50f7-bb1d-ca26-e5f67cfb295f-b4bb6101, #w-node-_0bfa2a6b-50f7-bb1d-ca26-e5f67cfb2965-b4bb6101, #w-node-_0bfa2a6b-50f7-bb1d-ca26-e5f67cfb296b-b4bb6101, #w-node-_0bfa2a6b-50f7-bb1d-ca26-e5f67cfb2971-b4bb6101, #w-node-_0bfa2a6b-50f7-bb1d-ca26-e5f67cfb2977-b4bb6101, #w-node-_0bfa2a6b-50f7-bb1d-ca26-e5f67cfb297d-b4bb6101, #w-node-_0bfa2a6b-50f7-bb1d-ca26-e5f67cfb2983-b4bb6101, #w-node-_0bfa2a6b-50f7-bb1d-ca26-e5f67cfb2989-b4bb6101, #w-node-_0bfa2a6b-50f7-bb1d-ca26-e5f67cfb298f-b4bb6101 {
  justify-self: start;
}

#w-node-_0bfa2a6b-50f7-bb1d-ca26-e5f67cfb2a71-b4bb6101, #w-node-_0bfa2a6b-50f7-bb1d-ca26-e5f67cfb2a79-b4bb6101, #w-node-_0bfa2a6b-50f7-bb1d-ca26-e5f67cfb2a81-b4bb6101, #w-node-_0bfa2a6b-50f7-bb1d-ca26-e5f67cfb2aa4-b4bb6101, #w-node-_0bfa2a6b-50f7-bb1d-ca26-e5f67cfb2abd-b4bb6101 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0bfa2a6b-50f7-bb1d-ca26-e5f67cfb2ac0-b4bb6101 {
  justify-self: start;
}

#w-node-_0bfa2a6b-50f7-bb1d-ca26-e5f67cfb2ac2-b4bb6101 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0bfa2a6b-50f7-bb1d-ca26-e5f67cfb2ac5-b4bb6101 {
  justify-self: start;
}

#w-node-_0bfa2a6b-50f7-bb1d-ca26-e5f67cfb2b0d-b4bb6101, #w-node-_0bfa2a6b-50f7-bb1d-ca26-e5f67cfb2b17-b4bb6101, #w-node-_0bfa2a6b-50f7-bb1d-ca26-e5f67cfb2b18-b4bb6101 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0bfa2a6b-50f7-bb1d-ca26-e5f67cfb2b84-b4bb6101, #w-node-_0bfa2a6b-50f7-bb1d-ca26-e5f67cfb2b89-b4bb6101, #w-node-_0bfa2a6b-50f7-bb1d-ca26-e5f67cfb2b8e-b4bb6101, #w-node-_0bfa2a6b-50f7-bb1d-ca26-e5f67cfb2b93-b4bb6101, #w-node-_0bfa2a6b-50f7-bb1d-ca26-e5f67cfb2b98-b4bb6101, #w-node-_0bfa2a6b-50f7-bb1d-ca26-e5f67cfb2b9d-b4bb6101, #w-node-_0bfa2a6b-50f7-bb1d-ca26-e5f67cfb2ba2-b4bb6101, #w-node-_0bfa2a6b-50f7-bb1d-ca26-e5f67cfb2ba7-b4bb6101, #w-node-_0bfa2a6b-50f7-bb1d-ca26-e5f67cfb2bac-b4bb6101, #w-node-_0bfa2a6b-50f7-bb1d-ca26-e5f67cfb2bb1-b4bb6101, #w-node-_0bfa2a6b-50f7-bb1d-ca26-e5f67cfb2bb6-b4bb6101, #w-node-_0bfa2a6b-50f7-bb1d-ca26-e5f67cfb2bbb-b4bb6101 {
  justify-self: start;
}

#w-node-_0bfa2a6b-50f7-bb1d-ca26-e5f67cfb2bbf-b4bb6101 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0bfa2a6b-50f7-bb1d-ca26-e5f67cfb2bc0-b4bb6101 {
  justify-self: start;
}

#w-node-_0bfa2a6b-50f7-bb1d-ca26-e5f67cfb2bd0-b4bb6101 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_0bfa2a6b-50f7-bb1d-ca26-e5f67cfb2bd2-b4bb6101, #w-node-_0bfa2a6b-50f7-bb1d-ca26-e5f67cfb2bef-b4bb6101, #w-node-_0bfa2a6b-50f7-bb1d-ca26-e5f67cfb2c0c-b4bb6101, #w-node-_0bfa2a6b-50f7-bb1d-ca26-e5f67cfb2c29-b4bb6101, #w-node-_0bfa2a6b-50f7-bb1d-ca26-e5f67cfb2c46-b4bb6101, #w-node-_0bfa2a6b-50f7-bb1d-ca26-e5f67cfb2c63-b4bb6101, #w-node-_0bfa2a6b-50f7-bb1d-ca26-e5f67cfb2c80-b4bb6101 {
  justify-self: start;
}

#w-node-_0bfa2a6b-50f7-bb1d-ca26-e5f67cfb2ca8-b4bb6101 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_0bfa2a6b-50f7-bb1d-ca26-e5f67cfb2caa-b4bb6101, #w-node-_0bfa2a6b-50f7-bb1d-ca26-e5f67cfb2cc7-b4bb6101, #w-node-_0bfa2a6b-50f7-bb1d-ca26-e5f67cfb2ce4-b4bb6101, #w-node-_0bfa2a6b-50f7-bb1d-ca26-e5f67cfb2d01-b4bb6101, #w-node-_0bfa2a6b-50f7-bb1d-ca26-e5f67cfb2d1e-b4bb6101, #w-node-_0bfa2a6b-50f7-bb1d-ca26-e5f67cfb2d3b-b4bb6101, #w-node-_0bfa2a6b-50f7-bb1d-ca26-e5f67cfb2d58-b4bb6101 {
  justify-self: start;
}

#w-node-_0bfa2a6b-50f7-bb1d-ca26-e5f67cfb2d7c-b4bb6101 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_0bfa2a6b-50f7-bb1d-ca26-e5f67cfb2d7e-b4bb6101, #w-node-_0bfa2a6b-50f7-bb1d-ca26-e5f67cfb2fac-b4bb6101, #w-node-_0bfa2a6b-50f7-bb1d-ca26-e5f67cfb2fb1-b4bb6101, #w-node-_0bfa2a6b-50f7-bb1d-ca26-e5f67cfb2fb6-b4bb6101, #w-node-_0bfa2a6b-50f7-bb1d-ca26-e5f67cfb2fbb-b4bb6101, #w-node-_0bfa2a6b-50f7-bb1d-ca26-e5f67cfb2fc0-b4bb6101, #w-node-_0bfa2a6b-50f7-bb1d-ca26-e5f67cfb2fc5-b4bb6101, #w-node-_0bfa2a6b-50f7-bb1d-ca26-e5f67cfb2fca-b4bb6101, #w-node-_0bfa2a6b-50f7-bb1d-ca26-e5f67cfb2fcf-b4bb6101, #w-node-_0bfa2a6b-50f7-bb1d-ca26-e5f67cfb2fd4-b4bb6101, #w-node-_0bfa2a6b-50f7-bb1d-ca26-e5f67cfb2fd9-b4bb6101, #w-node-_0bfa2a6b-50f7-bb1d-ca26-e5f67cfb2fde-b4bb6101, #w-node-_0bfa2a6b-50f7-bb1d-ca26-e5f67cfb2fe3-b4bb6101 {
  justify-self: start;
}

#w-node-_0bfa2a6b-50f7-bb1d-ca26-e5f67cfb2fe7-b4bb6101 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0bfa2a6b-50f7-bb1d-ca26-e5f67cfb2fe8-b4bb6101 {
  justify-self: start;
}

#w-node-_0bfa2a6b-50f7-bb1d-ca26-e5f67cfb2feb-b4bb6101, #w-node-_0bfa2a6b-50f7-bb1d-ca26-e5f67cfb303f-b4bb6101, #w-node-_0bfa2a6b-50f7-bb1d-ca26-e5f67cfb3071-b4bb6101 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0bfa2a6b-50f7-bb1d-ca26-e5f67cfb30df-b4bb6101 {
  justify-self: start;
}