@font-face {
  font-family: Geistmono;
  src: url('../fonts/geistmono-medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Geistmono;
  src: url('../fonts/geistmono-regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Geistmono;
  src: url('../fonts/geistmono-light.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Uncut Sans;
  src: url('../fonts/uncut-sans-regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Uncut Sans;
  src: url('../fonts/uncut-sans-medium.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Uncut Sans;
  src: url('../fonts/uncut-sans-semibold.otf') format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

:root {
  --font-family--body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  --_theme---text--primary: var(--neutral--black);
  --_typography---body--body-font-size: 1rem;
  --_typography---body--body-line-height: var(--font-height--xlarge);
  --_typography---body--body-font-weight: var(--font-weight--normal);
  --_typography---body--body-letter-spacing: var(--letter-spacing--default);
  --_layout---spacing--none: 0rem;
  --font-family--heading: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  --_typography---h1--h1-font-size: 4rem;
  --_typography---h1--h1-line-height: var(--font-height--small);
  --_typography---h1--h1-font-weight: var(--font-weight--bold);
  --_typography---h1--h1-letter-spacing: var(--letter-spacing--default);
  --_typography---h2--h2-font-size: 3rem;
  --_typography---h2--h2-line-height: var(--font-height--medium);
  --_typography---h2--h2-font-weight: var(--font-weight--bold);
  --_typography---h2--h2-letter-spacing: var(--letter-spacing--default);
  --_typography---h3--h3-font-size: 2rem;
  --_typography---h3--h3-line-height: var(--font-height--medium);
  --_typography---h3--h3-font-weight: var(--font-weight--bold);
  --_typography---h3--h3-letter-spacing: var(--letter-spacing--default);
  --_typography---h4--h4-font-size: 1.5rem;
  --_typography---h4--h4-line-height: var(--font-height--large);
  --_typography---h4--h4-font-weight: var(--font-weight--bold);
  --_typography---h4--h4-letter-spacing: var(--letter-spacing--default);
  --_typography---h5--h5-font-size: 1.25rem;
  --_typography---h5--h5-line-height: var(--font-height--xlarge);
  --_typography---h5--h5-font-weight: var(--font-weight--bold);
  --_typography---h5--h5-letter-spacing: var(--letter-spacing--default);
  --_typography---h6--h6-font-size: 1rem;
  --_typography---h6--h6-line-height: var(--font-height--xlarge);
  --_typography---h6--h6-font-weight: var(--font-weight--bold);
  --_typography---h6--h6-letter-spacing: var(--letter-spacing--default);
  --_theme---link--primary: var(--brand--blue);
  --_layout---spacing--small: 1.5rem;
  --_layout---spacing--xxtiny: .25rem;
  --_layout---spacing--xxsmall: 1rem;
  --font-weight--medium: 500;
  --_theme---border--primary: var(--neutral--neutral-light);
  --_typography---font-size--medium: 1.25rem;
  --font-height--xlarge: 1.5;
  --_layout---spacing--medium: 2rem;
  --_layout---spacing--xtiny: .5rem;
  --_layout---spacing--global-padding: 2.5rem;
  --_sizes---max-width--small: 20rem;
  --_layout---spacing--xlarge: 4rem;
  --_layout---spacing--xsmall: 1.25rem;
  --_layout---spacing--xhuge: 8rem;
  --_layout---spacing--xxhuge: 12rem;
  --_layout---spacing--huge: 6rem;
  --_layout---spacing--large: 3rem;
  --_layout---spacing--xxlarge: 5rem;
  --_layout---spacing--tiny: .75rem;
  --_sizes---border-radius--small: .25rem;
  --brand--blue: #2d62ff;
  --_sizes---icon--small: 1rem;
  --_sizes---icon--large: 2.5rem;
  --font-weight--semi-bold: 600;
  --_theme---background--primary: var(--neutral--black);
  --_theme---text--alternate: var(--neutral--white);
  --_theme---text--secondary: var(--neutral--neutral-dark);
  --_theme---system--success-background: var(--others--green-light);
  --_theme---system--success-text: var(--others--green-dark);
  --_sizes---container--small: 48rem;
  --_sizes---icon--medium: 2rem;
  --font-weight--normal: 400;
  --_layout---section-padding--small: 3rem;
  --_typography---font-size--tiny: .75rem;
  --_sizes---max-width--xxlarge: 80rem;
  --font-weight--light: 300;
  --_sizes---max-width--xsmall: 16rem;
  --_typography---font-size--regular: 1rem;
  --font-weight--xbold: 800;
  --font-weight--bold: 700;
  --_sizes---max-width--medium: 32rem;
  --_sizes---max-width--large: 48rem;
  --_theme---background--alternate: var(--neutral--white);
  --_typography---font-size--small: .875rem;
  --_sizes---max-width--xlarge: 64rem;
  --_theme---background--secondary: var(--brand--blue);
  --_layout---section-padding--large: 8rem;
  --_typography---font-size--large: 1.5rem;
  --_sizes---container--large: 80rem;
  --_theme---system--error-background: var(--others--red-light);
  --_theme---system--error-text: var(--others--red-dark);
  --_sizes---max-width--xxsmall: 12rem;
  --_theme---border--block-quote\<deleted\|variable-a5e47467-43be-0a09-f589-3f3a7d3eee60\>: var(--neutral--neutral-light);
  --_theme---button-primary--background: var(--brand--blue);
  --_theme---button-primary--text: var(--neutral--white);
  --_theme---button-primary--background-hover: var(--brand--blue-dark);
  --_theme---button-secondary--background: var(--neutral--white);
  --_theme---button-secondary--text: var(--neutral--black);
  --_theme---button-secondary--background-hover: var(--neutral--neutral-light);
  --_layout---section-padding--medium: 5rem;
  --_sizes---container--medium: 64rem;
  --_theme---system--warning-background: var(--others--yellow-light);
  --_theme---system--warning-text: var(--others--yellow-dark);
  --neutral--neutral-light: #eee;
  --_sizes---border-radius--large: 1rem;
  --_sizes---border-radius--medium: .5rem;
  --_sizes---grid-columns--xsmall: 15rem;
  --_sizes---grid-columns--small: 20rem;
  --_sizes---grid-columns--medium: 30rem;
  --_sizes---grid-columns--large: 40rem;
  --brand--green-deep: #103225;
  --brand--cream: #e4eac8;
  --white-alpha--50: #ffffff80;
  --white-alpha--20: #fff3;
  --white-alpha--13: #ffffff21;
  --white-alpha--15: #ffffff26;
  --white-alpha--05: #ffffff0d;
  --brand--green-darkest: #0b2219;
  --brand--lime: #d2f338;
  --brand--green-black: #031919;
  --brand--warm-border: #e8e5e3;
  --brand--off-white: #f6f6f1;
  --brand--ink: #353849;
  --white-alpha--60: #fff9;
  --white-alpha--10: #ffffff1a;
  --brand--gold: #e7b01a;
  --syntax--plain: #c7c7c7;
  --syntax--keyword: #3bf1ca;
  --syntax--property: #89b0ff;
  --syntax--string: #f48f1c;
  --syntax--function: #eaf608;
  --brand--blue-light: #d9e5ff;
  --brand--blue-dark: #0d4aff;
  --neutral--transparent: transparent;
  --brand--blue-darker: #080331;
  --neutral--black: #000;
  --neutral--white: #fff;
  --neutral--neutral: #666;
  --neutral--neutral-dark: #444;
  --others--green-light: #cef5ca;
  --others--green-dark: #114e0b;
  --others--yellow-light: #fcf8d8;
  --others--yellow-dark: #5e5515;
  --others--red-light: #f8e4e4;
  --others--red-dark: #3b0b0b;
  --font-weight--thin: 100;
  --font-weight--xlight: 200;
  --font-weight--black: 900;
  --font-height--small: 1.1;
  --font-height--medium: 1.2;
  --font-height--large: 1.4;
  --letter-spacing--tighter: -.02em;
  --letter-spacing--tight: -.01em;
  --letter-spacing--default: 0em;
  --letter-spacing--wide: .01em;
  --letter-spacing--wider: .02em;
  --_theme---border--secondary: var(--brand--blue);
  --_theme---link--secondary: var(--neutral--black);
  --_sizes---focus--width: .125px;
  --_sizes---focus--offset: .125px;
  --_theme---system--focus-state: var(--brand--blue);
  --_theme---system--selection-text: var(--neutral--white);
  --_theme---system--selection-background: var(--brand--blue);
}

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

.w-pagination-wrapper {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.w-pagination-previous {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

.w-pagination-previous-icon {
  margin-right: 4px;
}

.w-pagination-next {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

.w-pagination-next-icon {
  margin-left: 4px;
}

body {
  font-family: var(--font-family--body);
  color: var(--_theme---text--primary);
  font-size: var(--_typography---body--body-font-size);
  line-height: var(--_typography---body--body-line-height);
  font-weight: var(--_typography---body--body-font-weight);
  letter-spacing: var(--_typography---body--body-letter-spacing);
  background-image: radial-gradient(circle at 85% 25%, #2aad79, #165741 30%, #103225 55%, #0b2219);
}

h1 {
  margin-top: var(--_layout---spacing--none);
  margin-bottom: var(--_layout---spacing--none);
  font-family: var(--font-family--heading);
  font-size: var(--_typography---h1--h1-font-size);
  line-height: var(--_typography---h1--h1-line-height);
  font-weight: var(--_typography---h1--h1-font-weight);
  letter-spacing: var(--_typography---h1--h1-letter-spacing);
}

h2 {
  margin-top: var(--_layout---spacing--none);
  margin-bottom: var(--_layout---spacing--none);
  font-family: var(--font-family--heading);
  font-size: var(--_typography---h2--h2-font-size);
  line-height: var(--_typography---h2--h2-line-height);
  font-weight: var(--_typography---h2--h2-font-weight);
  letter-spacing: var(--_typography---h2--h2-letter-spacing);
}

h3 {
  margin-top: var(--_layout---spacing--none);
  margin-bottom: var(--_layout---spacing--none);
  font-family: var(--font-family--heading);
  font-size: var(--_typography---h3--h3-font-size);
  line-height: var(--_typography---h3--h3-line-height);
  font-weight: var(--_typography---h3--h3-font-weight);
  letter-spacing: var(--_typography---h3--h3-letter-spacing);
}

h4 {
  margin-top: var(--_layout---spacing--none);
  margin-bottom: var(--_layout---spacing--none);
  font-family: var(--font-family--heading);
  font-size: var(--_typography---h4--h4-font-size);
  line-height: var(--_typography---h4--h4-line-height);
  font-weight: var(--_typography---h4--h4-font-weight);
  letter-spacing: var(--_typography---h4--h4-letter-spacing);
}

h5 {
  margin-top: var(--_layout---spacing--none);
  margin-bottom: var(--_layout---spacing--none);
  font-family: var(--font-family--heading);
  font-size: var(--_typography---h5--h5-font-size);
  line-height: var(--_typography---h5--h5-line-height);
  font-weight: var(--_typography---h5--h5-font-weight);
  letter-spacing: var(--_typography---h5--h5-letter-spacing);
}

h6 {
  font-family: var(--font-family--heading);
  font-size: var(--_typography---h6--h6-font-size);
  line-height: var(--_typography---h6--h6-line-height);
  font-weight: var(--_typography---h6--h6-font-weight);
  letter-spacing: var(--_typography---h6--h6-letter-spacing);
  margin-top: 0;
  margin-bottom: 0;
}

p {
  margin-bottom: var(--_layout---spacing--none);
}

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

ul, ol {
  margin-top: var(--_layout---spacing--none);
  margin-bottom: var(--_layout---spacing--none);
  padding-left: var(--_layout---spacing--small);
}

li {
  margin-bottom: var(--_layout---spacing--xxtiny);
}

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

label {
  margin-bottom: var(--_layout---spacing--xxsmall);
  font-weight: var(--font-weight--medium);
}

blockquote {
  margin-bottom: var(--_layout---spacing--none);
  padding: var(--_layout---spacing--none) var(--_layout---spacing--small);
  border-left: .25rem solid var(--_theme---border--primary);
  font-size: var(--_typography---font-size--medium);
  line-height: var(--font-height--xlarge);
}

figure {
  margin-top: var(--_layout---spacing--medium);
  margin-bottom: var(--_layout---spacing--medium);
}

figcaption {
  margin-top: var(--_layout---spacing--xtiny);
  text-align: center;
}

.utility-page_component {
  width: 100%;
  max-width: 100%;
  height: 100svh;
  padding-right: var(--_layout---spacing--global-padding);
  padding-left: var(--_layout---spacing--global-padding);
  justify-content: center;
  align-items: center;
  display: flex;
}

.utility-page_wrapper {
  max-width: var(--_sizes---max-width--small);
  grid-column-gap: var(--_layout---spacing--small);
  grid-row-gap: var(--_layout---spacing--small);
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.utility-page_form {
  grid-column-gap: var(--_layout---spacing--small);
  grid-row-gap: var(--_layout---spacing--small);
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

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

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

.margin-custom2 {
  margin: 2.5rem;
}

.padding-xlarge {
  padding: var(--_layout---spacing--xlarge);
}

.margin-xlarge {
  margin: var(--_layout---spacing--xlarge);
}

.margin-xsmall {
  margin: var(--_layout---spacing--xsmall);
}

.padding-xhuge {
  padding: var(--_layout---spacing--xhuge);
}

.margin-custom1 {
  margin: 1.5rem;
}

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

.padding-xxhuge {
  padding: var(--_layout---spacing--xxhuge);
}

.padding-huge {
  padding: var(--_layout---spacing--huge);
}

.margin-large {
  margin: var(--_layout---spacing--large);
}

.padding-xxlarge {
  padding: var(--_layout---spacing--xxlarge);
}

.margin-xxsmall {
  margin: var(--_layout---spacing--xxsmall);
}

.padding-custom3 {
  padding: 3.5rem;
}

.padding-large {
  padding: var(--_layout---spacing--large);
}

.margin-tiny {
  margin: var(--_layout---spacing--tiny);
}

.padding-small {
  padding: var(--_layout---spacing--small);
}

.padding-custom2 {
  padding: 2.5rem;
}

.margin-custom3 {
  margin: 3.5rem;
}

.padding-custom1 {
  padding: 1.5rem;
}

.margin-huge {
  margin: var(--_layout---spacing--huge);
}

.padding-medium {
  padding: var(--_layout---spacing--medium);
}

.padding-xsmall {
  padding: var(--_layout---spacing--xsmall);
}

.margin-xxlarge {
  margin: var(--_layout---spacing--xxlarge);
}

.padding-xxsmall {
  padding: var(--_layout---spacing--xxsmall);
}

.margin-xhuge {
  margin: var(--_layout---spacing--xhuge);
}

.padding-tiny {
  padding: var(--_layout---spacing--tiny);
}

.margin-small {
  margin: var(--_layout---spacing--small);
}

.margin-medium {
  margin: var(--_layout---spacing--medium);
}

.margin-xxhuge {
  margin: var(--_layout---spacing--xxhuge);
}

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

.form_checkbox {
  margin-bottom: var(--_layout---spacing--xsmall);
  padding-left: var(--_layout---spacing--none);
  flex-direction: row;
  align-items: center;
  display: flex;
}

.form_checkbox-icon {
  width: .875rem;
  height: .875rem;
  margin: var(--_layout---spacing--none) var(--_layout---spacing--xxtiny) var(--_layout---spacing--none) var(--_layout---spacing--none);
  border-radius: var(--_sizes---border-radius--small);
}

.form_checkbox-icon.w--redirected-checked {
  width: .875rem;
  height: .875rem;
  margin: var(--_layout---spacing--none) var(--_layout---spacing--xxtiny) var(--_layout---spacing--none) var(--_layout---spacing--none);
  border-radius: var(--_sizes---border-radius--small);
  background-color: var(--brand--blue);
}

.form_checkbox-icon.w--redirected-focus {
  width: .875rem;
  height: .875rem;
  margin: var(--_layout---spacing--none) var(--_layout---spacing--xxtiny) var(--_layout---spacing--none) var(--_layout---spacing--none);
  border-radius: var(--_sizes---border-radius--small);
  box-shadow: 0 0 .25rem 0rem var(--brand--blue);
}

.form_checkbox-icon.w--redirected-focus-visible {
  margin: var(--_layout---spacing--none) var(--_layout---spacing--xxtiny) var(--_layout---spacing--none) var(--_layout---spacing--none);
}

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

.fs-styleguide_spacing {
  grid-column-gap: var(--_layout---spacing--xsmall);
  grid-row-gap: var(--_layout---spacing--xsmall);
  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;
}

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

.overflow-auto {
  overflow: auto;
}

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

.icon-1x1-large {
  width: var(--_sizes---icon--large);
  height: var(--_sizes---icon--large);
  justify-content: center;
  align-items: center;
  display: flex;
}

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

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

.text-weight-semibold {
  font-weight: var(--font-weight--semi-bold);
}

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

.fs-styleguide_item {
  padding-bottom: var(--_layout---spacing--large);
  grid-column-gap: var(--_layout---spacing--small);
  grid-row-gap: var(--_layout---spacing--small);
  border-bottom: 1px solid #0000001a;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: start;
  place-items: start;
  display: grid;
  position: relative;
}

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

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

.fs-styleguide_item-header {
  width: 100%;
  padding-bottom: var(--_layout---spacing--medium);
  border-bottom: 1px solid #0000001a;
}

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

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

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

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

.fs-styleguide_2-col {
  grid-column-gap: var(--_layout---spacing--xlarge);
  grid-row-gap: var(--_layout---spacing--xlarge);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.form_message-success {
  padding: var(--_layout---spacing--small);
  background-color: var(--_theme---system--success-background);
  color: var(--_theme---system--success-text);
}

.fs-styleguide_row {
  grid-column-gap: var(--_layout---spacing--small);
  grid-row-gap: var(--_layout---spacing--small);
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.heading-style-h3 {
  font-family: var(--font-family--heading);
  font-size: var(--_typography---h3--h3-font-size);
  line-height: var(--_typography---h3--h3-line-height);
  font-weight: var(--_typography---h3--h3-font-weight);
  letter-spacing: var(--_typography---h3--h3-letter-spacing);
}

.text-rich-text h1, .text-rich-text h2, .text-rich-text h3, .text-rich-text h4 {
  margin-top: var(--_layout---spacing--small);
  margin-bottom: var(--_layout---spacing--xxsmall);
}

.text-rich-text h5, .text-rich-text h6 {
  margin-top: var(--_layout---spacing--xsmall);
  margin-bottom: var(--_layout---spacing--xxsmall);
}

.text-rich-text p, .text-rich-text ul, .text-rich-text ol {
  margin-bottom: var(--_layout---spacing--xxsmall);
}

.text-rich-text blockquote {
  margin-top: var(--_layout---spacing--small);
  margin-bottom: var(--_layout---spacing--small);
}

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

.container-small {
  width: 100%;
  max-width: var(--_sizes---container--small);
  margin-left: auto !important;
  margin-right: auto !important;
}

.icon-height-small {
  height: var(--_sizes---icon--small);
}

.icon-1x1-medium {
  width: var(--_sizes---icon--medium);
  height: var(--_sizes---icon--medium);
  justify-content: center;
  align-items: center;
  display: flex;
}

.heading-style-h1 {
  font-family: var(--font-family--heading);
  font-size: var(--_typography---h1--h1-font-size);
  line-height: var(--_typography---h1--h1-line-height);
  font-weight: var(--_typography---h1--h1-font-weight);
  letter-spacing: var(--_typography---h1--h1-letter-spacing);
}

.padding-global {
  padding-right: var(--_layout---spacing--global-padding);
  padding-left: var(--_layout---spacing--global-padding);
}

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

.text-weight-normal {
  font-weight: var(--font-weight--normal);
}

.padding-section-small {
  padding-top: var(--_layout---section-padding--small);
  padding-bottom: var(--_layout---section-padding--small);
}

.max-width-small {
  width: 100%;
  max-width: var(--_sizes---max-width--small);
}

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

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

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

.text-weight-medium {
  font-weight: var(--font-weight--medium);
}

.overflow-hidden {
  overflow: hidden;
}

.fs-styleguide_section-header {
  width: 100%;
  padding-bottom: var(--_layout---spacing--large);
  grid-column-gap: var(--_layout---spacing--small);
  grid-row-gap: var(--_layout---spacing--small);
  border-bottom: 1px solid var(--_theme---border--primary);
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.text-size-tiny {
  font-size: var(--_typography---font-size--tiny);
}

.max-width-xxlarge {
  width: 100%;
  max-width: var(--_sizes---max-width--xxlarge);
}

.fs-styleguide_1-col {
  grid-column-gap: var(--_layout---spacing--large);
  grid-row-gap: var(--_layout---spacing--large);
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.overflow-visible {
  overflow: visible;
}

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

.text-weight-light {
  font-weight: var(--font-weight--light);
}

.max-width-xsmall {
  width: 100%;
  max-width: var(--_sizes---max-width--xsmall);
}

.fs-styleguide_4-col {
  grid-column-gap: var(--_layout---spacing--xlarge);
  grid-row-gap: var(--_layout---spacing--xlarge);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.text-size-regular {
  font-size: var(--_typography---font-size--regular);
}

.text-weight-xbold {
  font-weight: var(--font-weight--xbold);
}

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

.text-weight-bold {
  font-weight: var(--font-weight--bold);
}

.max-width-medium {
  width: 100%;
  max-width: var(--_sizes---max-width--medium);
}

.fs-styleguide_item-wrapper {
  grid-column-gap: var(--_layout---spacing--large);
  grid-row-gap: var(--_layout---spacing--large);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.max-width-large {
  width: 100%;
  max-width: var(--_sizes---max-width--large);
}

.fs-styleguide_header-block {
  grid-column-gap: var(--_layout---spacing--medium);
  grid-row-gap: var(--_layout---spacing--medium);
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: center start;
  display: grid;
}

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

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

.text-size-small {
  font-size: var(--_typography---font-size--small);
}

.heading-style-h4 {
  font-family: var(--font-family--heading);
  font-size: var(--_typography---h4--h4-font-size);
  line-height: var(--_typography---h4--h4-line-height);
  font-weight: var(--_typography---h4--h4-font-weight);
  letter-spacing: var(--_typography---h4--h4-letter-spacing);
}

.max-width-xlarge {
  width: 100%;
  max-width: var(--_sizes---max-width--xlarge);
}

.form_radio-icon {
  width: .875rem;
  height: .875rem;
  margin: var(--_layout---spacing--none) var(--_layout---spacing--xxtiny) var(--_layout---spacing--none) var(--_layout---spacing--none);
}

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

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

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

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

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

.form_input {
  min-height: 3rem;
  margin-bottom: var(--_layout---spacing--tiny);
  padding: var(--_layout---spacing--tiny) var(--_layout---spacing--xxsmall);
  border: 1px solid var(--_theme---border--primary);
  background-color: #0000;
}

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

.form_input.is-text-area {
  min-height: 8rem;
  padding-top: var(--_layout---spacing--xsmall);
}

.heading-style-h6 {
  font-family: var(--font-family--heading);
  font-size: var(--_typography---h6--h6-font-size);
  line-height: var(--_typography---h6--h6-line-height);
  font-weight: var(--_typography---h6--h6-font-weight);
  letter-spacing: var(--_typography---h6--h6-letter-spacing);
}

.padding-section-large {
  padding-top: var(--_layout---section-padding--large);
  padding-bottom: var(--_layout---section-padding--large);
}

.fs-styleguide_3-col {
  grid-column-gap: var(--_layout---spacing--xlarge);
  grid-row-gap: var(--_layout---spacing--xlarge);
  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: var(--_layout---spacing--medium);
  grid-row-gap: var(--_layout---spacing--medium);
}

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

.text-size-large {
  font-size: var(--_typography---font-size--large);
}

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

.heading-style-h2 {
  font-family: var(--font-family--heading);
  font-size: var(--_typography---h2--h2-font-size);
  line-height: var(--_typography---h2--h2-line-height);
  font-weight: var(--_typography---h2--h2-font-weight);
  letter-spacing: var(--_typography---h2--h2-letter-spacing);
}

.page-wrapper {
  min-height: 100vh;
}

.page-wrapper.blog {
  padding-top: 7rem;
}

.fs-styleguide_label {
  padding: var(--_layout---spacing--xxtiny) var(--_layout---spacing--xtiny);
  border-radius: var(--_sizes---border-radius--small);
  background-color: var(--_theme---background--secondary);
  color: var(--_theme---text--alternate);
  font-weight: var(--font-weight--semi-bold);
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

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

.heading-style-h5 {
  font-family: var(--font-family--heading);
  font-size: var(--_typography---h5--h5-font-size);
  line-height: var(--_typography---h5--h5-line-height);
  font-weight: var(--_typography---h5--h5-font-weight);
  letter-spacing: var(--_typography---h5--h5-letter-spacing);
}

.container-large {
  width: 100%;
  max-width: var(--_sizes---container--large);
  margin-left: auto !important;
  margin-right: auto !important;
}

.icon-height-medium {
  height: var(--_sizes---icon--medium);
}

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

.overflow-scroll {
  overflow: scroll;
}

.form_message-error {
  margin-top: var(--_layout---spacing--small);
  padding: var(--_layout---spacing--xsmall);
  background-color: var(--_theme---system--error-background);
  color: var(--_theme---system--error-text);
}

.icon-height-large {
  height: var(--_sizes---icon--large);
}

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

.form_component {
  margin-bottom: var(--_layout---spacing--none);
}

.max-width-xxsmall {
  width: 100%;
  max-width: var(--_sizes---max-width--xxsmall);
}

.text-style-quote {
  margin-bottom: var(--_layout---spacing--none);
  padding: var(--_layout---spacing--none) var(--_layout---spacing--small);
  border-left: .25rem solid var(--_theme---border--block-quote\<deleted\|variable-a5e47467-43be-0a09-f589-3f3a7d3eee60\>);
  font-size: var(--_typography---font-size--medium);
}

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

.button {
  padding: var(--_layout---spacing--xtiny) var(--_layout---spacing--xxsmall);
  border-radius: var(--_sizes---border-radius--small);
  background-color: var(--_theme---button-primary--background);
  color: var(--_theme---button-primary--text);
  text-align: center;
  text-decoration: none;
}

.button:hover {
  background-color: var(--_theme---button-primary--background-hover);
}

.button.is-small {
  padding: var(--_layout---spacing--xxtiny) var(--_layout---spacing--tiny);
}

.button.is-large {
  padding: var(--_layout---spacing--xxsmall) var(--_layout---spacing--medium);
}

.button.is-secondary {
  background-color: var(--_theme---button-secondary--background);
  color: var(--_theme---button-secondary--text);
}

.button.is-secondary:hover {
  background-color: var(--_theme---button-secondary--background-hover);
}

.button.is-icon {
  grid-column-gap: var(--_layout---spacing--xxsmall);
  grid-row-gap: var(--_layout---spacing--xxsmall);
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.text-size-medium {
  font-size: var(--_typography---font-size--medium);
}

.fs-styleguide_section {
  grid-column-gap: var(--_layout---spacing--huge);
  grid-row-gap: var(--_layout---spacing--huge);
  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: var(--_layout---spacing--xlarge);
  grid-row-gap: var(--_layout---spacing--xlarge);
  grid-template-columns: 1fr;
}

.button-group {
  grid-column-gap: var(--_layout---spacing--small);
  grid-row-gap: var(--_layout---spacing--small);
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.hide {
  display: none !important;
}

.padding-section-medium {
  padding-top: var(--_layout---section-padding--medium);
  padding-bottom: var(--_layout---section-padding--medium);
}

.container-medium {
  width: 100%;
  max-width: var(--_sizes---container--medium);
  margin-left: auto !important;
  margin-right: auto !important;
}

.form_radio {
  margin-bottom: var(--_layout---spacing--xsmall);
  padding-left: var(--_layout---spacing--none);
  flex-direction: row;
  align-items: center;
  display: flex;
}

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

.spacer-huge {
  width: 100%;
  padding-top: var(--_layout---spacing--huge);
}

.spacer-medium {
  width: 100%;
  padding-top: var(--_layout---spacing--medium);
}

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

.spacer-xsmall {
  width: 100%;
  padding-top: var(--_layout---spacing--xsmall);
}

.spacer-small {
  width: 100%;
  padding-top: var(--_layout---spacing--small);
}

.spacer-xhuge {
  width: 100%;
  padding-top: var(--_layout---spacing--xhuge);
}

.spacer-tiny {
  width: 100%;
  padding-top: var(--_layout---spacing--tiny);
}

.spacer-xxsmall {
  width: 100%;
  padding-top: var(--_layout---spacing--xxsmall);
}

.spacer-xxhuge {
  width: 100%;
  padding-top: var(--_layout---spacing--xxhuge);
}

.spacer-xlarge {
  width: 100%;
  padding-top: var(--_layout---spacing--xlarge);
}

.spacer-large {
  width: 100%;
  padding-top: var(--_layout---spacing--large);
}

.spacer-xxlarge {
  width: 100%;
  padding-top: var(--_layout---spacing--xxlarge);
}

.fs-styleguide_message {
  padding: var(--_layout---spacing--xxsmall) var(--_layout---spacing--xsmall);
  border-radius: var(--_sizes---border-radius--small);
  background-color: var(--_theme---system--warning-background);
  color: var(--_theme---system--warning-text);
  font-size: .875rem;
}

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

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

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

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

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

.fs-styleguide_hero-label {
  padding: var(--_layout---spacing--xxsmall) var(--_layout---spacing--xsmall);
  border-radius: var(--_sizes---border-radius--small);
  background-color: var(--neutral--neutral-light);
  color: var(--_theme---text--primary);
  font-size: var(--_typography---font-size--small);
  font-weight: var(--font-weight--medium);
  text-transform: uppercase;
  text-decoration: none;
}

.hero_content {
  max-width: var(--_sizes---max-width--xxlarge);
  grid-column-gap: var(--_layout---spacing--medium);
  grid-row-gap: var(--_layout---spacing--medium);
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: start;
  place-items: start;
  display: grid;
  position: relative;
}

.hero_image {
  border-radius: var(--_sizes---border-radius--large);
  margin-top: 0;
}

.section_hero {
  min-height: 100svh;
  padding: var(--_layout---section-padding--medium) var(--_layout---spacing--global-padding);
  background-color: var(--_theme---background--primary);
  color: var(--_theme---text--alternate);
  background-image: radial-gradient(circle at 0 100%, #2d62ff4d, #0000 50%), radial-gradient(circle at 100% 60%, #2d62ff4d, #1110 20%), radial-gradient(circle at 100% 100%, #d600c433, #0000 45%);
  flex-direction: column;
  justify-content: center;
  display: flex;
  position: relative;
}

.hero_grid {
  grid-column-gap: var(--_layout---spacing--xhuge);
  grid-row-gap: var(--_layout---spacing--xhuge);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.padding-section-top-small {
  padding-top: var(--_layout---section-padding--small);
}

.padding-section-bottom-small {
  padding-bottom: var(--_layout---section-padding--small);
}

.padding-section-top-medium {
  padding-top: var(--_layout---section-padding--medium);
}

.padding-section-bottom-medium {
  padding-bottom: var(--_layout---section-padding--medium);
}

.padding-section-top-large {
  padding-top: var(--_layout---section-padding--large);
}

.padding-section-bottom-large {
  padding-bottom: var(--_layout---section-padding--large);
}

.hero_content_top {
  grid-column-gap: var(--_layout---spacing--small);
  grid-row-gap: var(--_layout---spacing--small);
  justify-content: center;
  align-items: center;
  display: flex;
}

.hero_brand-logo {
  width: 10rem;
  height: auto;
}

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

.fs-styleguide_class-collection {
  grid-column-gap: var(--_layout---spacing--xxsmall);
  grid-row-gap: var(--_layout---spacing--xxsmall);
  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;
}

.fs-styleguide_class-grid {
  grid-column-gap: var(--_layout---spacing--xtiny);
  grid-row-gap: var(--_layout---spacing--xtiny);
  flex-flow: column;
  display: flex;
}

.fs-styleguide_label-wrap {
  margin-top: var(--_layout---spacing--small);
  grid-column-gap: var(--_layout---spacing--small);
  grid-row-gap: var(--_layout---spacing--small);
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.hero_buttons {
  margin-top: var(--_layout---spacing--small);
}

.margin-top-xlarge {
  margin-top: var(--_layout---spacing--xlarge);
}

.margin-top-tiny {
  margin-top: var(--_layout---spacing--tiny);
}

.margin-top-small {
  margin-top: var(--_layout---spacing--small);
}

.margin-top-large {
  margin-top: var(--_layout---spacing--large);
}

.margin-top-xsmall {
  margin-top: var(--_layout---spacing--xsmall);
}

.margin-top-xxlarge {
  margin-top: var(--_layout---spacing--xxlarge);
}

.margin-top-xxhuge {
  margin-top: var(--_layout---spacing--xxhuge);
}

.margin-top-xhuge {
  margin-top: var(--_layout---spacing--xhuge);
}

.margin-top-medium {
  margin-top: var(--_layout---spacing--medium);
}

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

.margin-top-huge {
  margin-top: var(--_layout---spacing--huge);
}

.margin-top-xxsmall {
  margin-top: var(--_layout---spacing--xxsmall);
}

.margin-bottom-xsmall {
  margin-bottom: var(--_layout---spacing--xsmall);
}

.margin-bottom-xxsmall {
  margin-bottom: var(--_layout---spacing--xxsmall);
}

.margin-bottom-tiny {
  margin-bottom: var(--_layout---spacing--tiny);
}

.margin-bottom-small {
  margin-bottom: var(--_layout---spacing--small);
}

.margin-bottom-xhuge {
  margin-bottom: var(--_layout---spacing--xhuge);
}

.margin-bottom-huge {
  margin-bottom: var(--_layout---spacing--huge);
}

.margin-bottom-large {
  margin-bottom: var(--_layout---spacing--large);
}

.margin-bottom-xxhuge {
  margin-bottom: var(--_layout---spacing--xxhuge);
}

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

.margin-bottom-medium {
  margin-bottom: var(--_layout---spacing--medium);
}

.margin-bottom-xxlarge {
  margin-bottom: var(--_layout---spacing--xxlarge);
}

.margin-bottom-xlarge {
  margin-bottom: var(--_layout---spacing--xlarge);
}

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

.margin-left-tiny {
  margin-left: var(--_layout---spacing--tiny);
}

.margin-left-xxsmall {
  margin-left: var(--_layout---spacing--xxsmall);
}

.margin-left-xsmall {
  margin-left: var(--_layout---spacing--xsmall);
}

.margin-left-small {
  margin-left: var(--_layout---spacing--small);
}

.margin-left-medium, .margin-left-large {
  margin-left: var(--_layout---spacing--medium);
}

.margin-left-xlarge {
  margin-left: var(--_layout---spacing--xlarge);
}

.margin-left-xxlarge {
  margin-left: var(--_layout---spacing--xxlarge);
}

.margin-left-huge {
  margin-left: var(--_layout---spacing--huge);
}

.margin-left-xhuge {
  margin-left: var(--_layout---spacing--xhuge);
}

.margin-left-xxhuge {
  margin-left: var(--_layout---spacing--xxhuge);
}

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

.margin-right-tiny {
  margin-right: var(--_layout---spacing--tiny);
}

.margin-right-xxsmall {
  margin-right: var(--_layout---spacing--xxsmall);
}

.margin-right-xsmall {
  margin-right: var(--_layout---spacing--xsmall);
}

.margin-right-small {
  margin-right: var(--_layout---spacing--small);
}

.margin-right-medium {
  margin-right: var(--_layout---spacing--medium);
}

.margin-right-large {
  margin-right: var(--_layout---spacing--large);
}

.margin-right-xlarge {
  margin-right: var(--_layout---spacing--xlarge);
}

.margin-right-xxlarge {
  margin-right: var(--_layout---spacing--xxlarge);
}

.margin-right-huge {
  margin-right: var(--_layout---spacing--huge);
}

.margin-right-xhuge {
  margin-right: var(--_layout---spacing--xhuge);
}

.margin-right-xxhuge {
  margin-right: var(--_layout---spacing--xxhuge);
}

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

.margin-horizontal-tiny {
  margin-right: var(--_layout---spacing--tiny);
  margin-left: var(--_layout---spacing--tiny);
}

.margin-horizontal-xxsmall {
  margin-right: var(--_layout---spacing--xxsmall);
  margin-left: var(--_layout---spacing--xxsmall);
}

.margin-horizontal-xsmall {
  margin-right: var(--_layout---spacing--xsmall);
  margin-left: var(--_layout---spacing--xsmall);
}

.margin-horizontal-small {
  margin-right: var(--_layout---spacing--small);
  margin-left: var(--_layout---spacing--small);
}

.margin-horizontal-medium {
  margin-right: var(--_layout---spacing--medium);
  margin-left: var(--_layout---spacing--medium);
}

.margin-horizontal-large {
  margin-right: var(--_layout---spacing--large);
  margin-left: var(--_layout---spacing--large);
}

.margin-horizontal-xlarge {
  margin-right: var(--_layout---spacing--xlarge);
  margin-left: var(--_layout---spacing--xlarge);
}

.margin-horizontal-xxlarge {
  margin-right: var(--_layout---spacing--xxlarge);
  margin-left: var(--_layout---spacing--xxlarge);
}

.margin-horizontal-huge {
  margin-right: var(--_layout---spacing--huge);
  margin-left: var(--_layout---spacing--huge);
}

.margin-horizontal-xhuge {
  margin-right: var(--_layout---spacing--xhuge);
  margin-left: var(--_layout---spacing--xhuge);
}

.margin-horizontal-xxhuge {
  margin-right: var(--_layout---spacing--xxhuge);
  margin-left: var(--_layout---spacing--xxhuge);
}

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

.margin-vertical-tiny {
  margin-top: var(--_layout---spacing--tiny);
  margin-bottom: var(--_layout---spacing--tiny);
}

.margin-vertical-xxsmall {
  margin-top: var(--_layout---spacing--xxsmall);
  margin-bottom: var(--_layout---spacing--xxsmall);
}

.margin-vertical-xsmall {
  margin-top: var(--_layout---spacing--xsmall);
  margin-bottom: var(--_layout---spacing--xsmall);
}

.margin-vertical-small {
  margin-top: var(--_layout---spacing--small);
  margin-bottom: var(--_layout---spacing--small);
}

.margin-vertical-medium {
  margin-top: var(--_layout---spacing--medium);
  margin-bottom: var(--_layout---spacing--medium);
}

.margin-vertical-large {
  margin-top: var(--_layout---spacing--large);
  margin-bottom: var(--_layout---spacing--large);
}

.margin-vertical-xlarge {
  margin-top: var(--_layout---spacing--xlarge);
  margin-bottom: var(--_layout---spacing--xlarge);
}

.margin-vertical-xxlarge {
  margin-top: var(--_layout---spacing--xxlarge);
  margin-bottom: var(--_layout---spacing--xxlarge);
}

.margin-vertical-huge {
  margin-top: var(--_layout---spacing--huge);
  margin-bottom: var(--_layout---spacing--huge);
}

.margin-vertical-xhuge {
  margin-top: var(--_layout---spacing--xhuge);
  margin-bottom: var(--_layout---spacing--xhuge);
}

.margin-vertical-xxhuge {
  margin-top: var(--_layout---spacing--xxhuge);
  margin-bottom: var(--_layout---spacing--xxhuge);
}

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

.padding-top-tiny {
  padding-top: var(--_layout---spacing--tiny);
}

.padding-top-xxsmall {
  padding-top: var(--_layout---spacing--xxsmall);
}

.padding-top-xsmall {
  padding-top: var(--_layout---spacing--xsmall);
}

.padding-top-small {
  padding-top: var(--_layout---spacing--small);
}

.padding-top-medium {
  padding-top: var(--_layout---spacing--medium);
}

.padding-top-large {
  padding-top: var(--_layout---spacing--large);
}

.padding-top-xlarge {
  padding-top: var(--_layout---spacing--xlarge);
}

.padding-top-xxlarge {
  padding-top: var(--_layout---spacing--xxlarge);
}

.padding-top-huge {
  padding-top: var(--_layout---spacing--huge);
}

.padding-top-xhuge {
  padding-top: var(--_layout---spacing--xhuge);
}

.padding-top-xxhuge {
  padding-top: var(--_layout---spacing--xxhuge);
}

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

.padding-bottom-tiny {
  padding-bottom: var(--_layout---spacing--tiny);
}

.padding-bottom-xxsmall {
  padding-bottom: var(--_layout---spacing--xxsmall);
}

.padding-bottom-xsmall {
  padding-bottom: var(--_layout---spacing--xsmall);
}

.padding-bottom-small {
  padding-bottom: var(--_layout---spacing--small);
}

.padding-bottom-medium {
  padding-bottom: var(--_layout---spacing--medium);
}

.padding-bottom-large {
  padding-bottom: var(--_layout---spacing--large);
}

.padding-bottom-xlarge {
  padding-bottom: var(--_layout---spacing--xlarge);
}

.padding-bottom-xxlarge {
  padding-bottom: var(--_layout---spacing--xxlarge);
}

.padding-bottom-huge {
  padding-bottom: var(--_layout---spacing--huge);
}

.padding-bottom-xhuge {
  padding-bottom: var(--_layout---spacing--xhuge);
}

.padding-bottom-xxhuge {
  padding-bottom: var(--_layout---spacing--xxhuge);
}

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

.padding-left-tiny {
  padding-left: var(--_layout---spacing--tiny);
}

.padding-left-xxsmall {
  padding-left: var(--_layout---spacing--xxsmall);
}

.padding-left-xsmall {
  padding-left: var(--_layout---spacing--xsmall);
}

.padding-left-small {
  padding-left: var(--_layout---spacing--small);
}

.padding-left-medium {
  padding-left: var(--_layout---spacing--medium);
}

.padding-left-large {
  padding-left: var(--_layout---spacing--large);
}

.padding-left-xlarge {
  padding-left: var(--_layout---spacing--xlarge);
}

.padding-left-xxlarge {
  padding-left: var(--_layout---spacing--xxlarge);
}

.padding-left-huge {
  padding-left: var(--_layout---spacing--huge);
}

.padding-left-xhuge {
  padding-left: var(--_layout---spacing--xhuge);
}

.padding-left-xxhuge {
  padding-left: var(--_layout---spacing--xxhuge);
}

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

.padding-right-tiny {
  padding-right: var(--_layout---spacing--tiny);
}

.padding-right-xxsmall {
  padding-right: var(--_layout---spacing--xxsmall);
}

.padding-right-xsmall {
  padding-right: var(--_layout---spacing--xsmall);
}

.padding-right-small {
  padding-right: var(--_layout---spacing--small);
}

.padding-right-medium {
  padding-right: var(--_layout---spacing--medium);
}

.padding-right-large {
  padding-right: var(--_layout---spacing--large);
}

.padding-right-xlarge {
  padding-right: var(--_layout---spacing--xlarge);
}

.padding-right-xxlarge {
  padding-right: var(--_layout---spacing--xxlarge);
}

.padding-right-huge {
  padding-right: var(--_layout---spacing--huge);
}

.padding-right-xhuge {
  padding-right: var(--_layout---spacing--xhuge);
}

.padding-right-xxhuge {
  padding-right: var(--_layout---spacing--xxhuge);
}

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

.padding-horizontal-tiny {
  padding-right: var(--_layout---spacing--tiny);
  padding-left: var(--_layout---spacing--tiny);
}

.padding-horizontal-xxsmall {
  padding-right: var(--_layout---spacing--xxsmall);
  padding-left: var(--_layout---spacing--xxsmall);
}

.padding-horizontal-xsmall {
  padding-right: var(--_layout---spacing--xsmall);
  padding-left: var(--_layout---spacing--xsmall);
}

.padding-horizontal-small {
  padding-right: var(--_layout---spacing--small);
  padding-left: var(--_layout---spacing--small);
}

.padding-horizontal-medium {
  padding-right: var(--_layout---spacing--medium);
  padding-left: var(--_layout---spacing--medium);
}

.padding-horizontal-large {
  padding-right: var(--_layout---spacing--large);
  padding-left: var(--_layout---spacing--large);
}

.padding-horizontal-xlarge {
  padding-right: var(--_layout---spacing--xlarge);
  padding-left: var(--_layout---spacing--xlarge);
}

.padding-horizontal-xxlarge {
  padding-right: var(--_layout---spacing--xxlarge);
  padding-left: var(--_layout---spacing--xxlarge);
}

.padding-horizontal-huge {
  padding-right: var(--_layout---spacing--huge);
  padding-left: var(--_layout---spacing--huge);
}

.padding-horizontal-xhuge {
  padding-right: var(--_layout---spacing--xhuge);
  padding-left: var(--_layout---spacing--xhuge);
}

.padding-horizontal-xxhuge {
  padding-right: var(--_layout---spacing--xxhuge);
  padding-left: var(--_layout---spacing--xxhuge);
}

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

.padding-vertical-tiny {
  padding-top: var(--_layout---spacing--tiny);
  padding-bottom: var(--_layout---spacing--tiny);
}

.padding-vertical-xxsmall {
  padding-top: var(--_layout---spacing--xxsmall);
  padding-bottom: var(--_layout---spacing--xxsmall);
}

.padding-vertical-xsmall {
  padding-top: var(--_layout---spacing--xsmall);
  padding-bottom: var(--_layout---spacing--xsmall);
}

.padding-vertical-small {
  padding-top: var(--_layout---spacing--small);
  padding-bottom: var(--_layout---spacing--small);
}

.padding-vertical-medium {
  padding-top: var(--_layout---spacing--medium);
  padding-bottom: var(--_layout---spacing--medium);
}

.padding-vertical-large {
  padding-top: var(--_layout---spacing--large);
  padding-bottom: var(--_layout---spacing--large);
}

.padding-vertical-xlarge {
  padding-top: var(--_layout---spacing--xlarge);
  padding-bottom: var(--_layout---spacing--xlarge);
}

.padding-vertical-xxlarge {
  padding-top: var(--_layout---spacing--xxlarge);
  padding-bottom: var(--_layout---spacing--xxlarge);
}

.padding-vertical-huge {
  padding-top: var(--_layout---spacing--huge);
  padding-bottom: var(--_layout---spacing--huge);
}

.padding-vertical-xhuge {
  padding-top: var(--_layout---spacing--xhuge);
  padding-bottom: var(--_layout---spacing--xhuge);
}

.padding-vertical-xxhuge {
  padding-top: var(--_layout---spacing--xxhuge);
  padding-bottom: var(--_layout---spacing--xxhuge);
}

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

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

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

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

.fs-styleguide_inherit-wrapper {
  padding: var(--_layout---spacing--medium);
  border-radius: var(--_sizes---border-radius--medium);
  background-color: #e8ebff;
}

.fs-styleguide_grid-auto-fits {
  grid-column-gap: var(--_layout---spacing--xlarge);
  grid-row-gap: var(--_layout---spacing--xlarge);
  flex-flow: column;
  width: 100%;
  display: flex;
}

.fs-styleguide_dummy-card {
  grid-column-gap: var(--_layout---spacing--xsmall);
  grid-row-gap: var(--_layout---spacing--xsmall);
  flex-flow: column;
  width: 100%;
  display: flex;
}

.fs-styleguide_grids-type-wrapper {
  grid-column-gap: var(--_layout---spacing--medium);
  grid-row-gap: var(--_layout---spacing--medium);
  border-bottom: 1px solid #0000001a;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.fs-styleguide_grids-type-label {
  grid-column-gap: var(--_layout---spacing--small);
  grid-row-gap: var(--_layout---spacing--small);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.grid-autofit-xsmall {
  grid-column-gap: var(--_layout---spacing--medium);
  grid-row-gap: var(--_layout---spacing--medium);
  grid-template-rows: auto;
  grid-auto-columns: minmax(0, 1fr);
  grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--_sizes---grid-columns--xsmall)), 1fr));
  display: grid;
}

.grid-autofit-small {
  grid-column-gap: var(--_layout---spacing--medium);
  grid-row-gap: var(--_layout---spacing--medium);
  grid-template-rows: auto;
  grid-auto-columns: minmax(0, 1fr);
  grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--_sizes---grid-columns--small)), 1fr));
  display: grid;
}

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

.grid-autofit-large {
  grid-column-gap: var(--_layout---spacing--medium);
  grid-row-gap: var(--_layout---spacing--medium);
  grid-template-rows: auto;
  grid-auto-columns: minmax(0, 1fr);
  grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--_sizes---grid-columns--large)), 1fr));
  display: grid;
}

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

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

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

.grid-autofill-xsmall {
  grid-column-gap: var(--_layout---spacing--medium);
  grid-row-gap: var(--_layout---spacing--medium);
  grid-template-rows: auto;
  grid-auto-columns: minmax(0, 1fr);
  grid-template-columns: repeat(auto-fill, minmax(min(100%, var(--_sizes---grid-columns--xsmall)), 1fr));
  display: grid;
}

.grid-autofill-small {
  grid-column-gap: var(--_layout---spacing--medium);
  grid-row-gap: var(--_layout---spacing--medium);
  grid-template-rows: auto;
  grid-auto-columns: minmax(0, 1fr);
  grid-template-columns: repeat(auto-fill, minmax(min(100%, var(--_sizes---grid-columns--small)), 1fr));
  display: grid;
}

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

.grid-autofill-large {
  grid-column-gap: var(--_layout---spacing--medium);
  grid-row-gap: var(--_layout---spacing--medium);
  grid-template-rows: auto;
  grid-auto-columns: minmax(0, 1fr);
  grid-template-columns: repeat(auto-fill, minmax(min(100%, var(--_sizes---grid-columns--large)), 1fr));
  display: grid;
}

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

.gap-tiny {
  grid-column-gap: var(--_layout---spacing--tiny);
  grid-row-gap: var(--_layout---spacing--tiny);
}

.gap-xxsmall {
  grid-column-gap: var(--_layout---spacing--xxsmall);
  grid-row-gap: var(--_layout---spacing--xxsmall);
}

.gap-xsmall {
  grid-column-gap: var(--_layout---spacing--xsmall);
  grid-row-gap: var(--_layout---spacing--xsmall);
}

.gap-small {
  grid-column-gap: var(--_layout---spacing--small);
  grid-row-gap: var(--_layout---spacing--small);
}

.gap-medium {
  grid-column-gap: var(--_layout---spacing--medium);
  grid-row-gap: var(--_layout---spacing--medium);
}

.gap-large {
  grid-column-gap: var(--_layout---spacing--large);
  grid-row-gap: var(--_layout---spacing--large);
}

.gap-xlarge {
  grid-column-gap: var(--_layout---spacing--xlarge);
  grid-row-gap: var(--_layout---spacing--xlarge);
}

.gap-xxlarge {
  grid-column-gap: var(--_layout---spacing--xxlarge);
  grid-row-gap: var(--_layout---spacing--xxlarge);
}

.gap-huge {
  grid-column-gap: var(--_layout---spacing--huge);
  grid-row-gap: var(--_layout---spacing--huge);
}

.gap-xhuge {
  grid-column-gap: var(--_layout---spacing--xhuge);
  grid-row-gap: var(--_layout---spacing--xhuge);
}

.gap-xxhuge {
  grid-column-gap: var(--_layout---spacing--xxhuge);
  grid-row-gap: var(--_layout---spacing--xxhuge);
}

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

.display-contents {
  display: contents;
}

.display-inline {
  display: inline;
}

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

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

.overflow-clip {
  overflow: clip;
}

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

.section_rename {
  padding: var(--_layout---section-padding--medium) var(--_layout---spacing--global-padding);
}

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

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

.margin-xtiny {
  margin: var(--_layout---spacing--xtiny);
}

.margin-xxtiny {
  margin: var(--_layout---spacing--xxtiny);
}

.padding-xtiny {
  padding: var(--_layout---spacing--xtiny);
}

.padding-xxtiny {
  padding: var(--_layout---spacing--xxtiny);
}

.gap-xtiny {
  grid-column-gap: var(--_layout---spacing--xtiny);
  grid-row-gap: var(--_layout---spacing--xtiny);
}

.gap-xxtiny {
  grid-column-gap: var(--_layout---spacing--xxtiny);
  grid-row-gap: var(--_layout---spacing--xxtiny);
}

.margin-top-xtiny {
  margin-top: var(--_layout---spacing--xtiny);
}

.margin-top-xxtiny {
  margin-top: var(--_layout---spacing--xxtiny);
}

.margin-bottom-xtiny {
  margin-bottom: var(--_layout---spacing--xtiny);
}

.margin-bottom-xxtiny {
  margin-bottom: var(--_layout---spacing--xxtiny);
}

.margin-left-xtiny {
  margin-left: var(--_layout---spacing--xtiny);
}

.margin-left-xxtiny {
  margin-left: var(--_layout---spacing--xxtiny);
}

.margin-right-xtiny {
  margin-right: var(--_layout---spacing--xtiny);
}

.margin-right-xxtiny {
  margin-right: var(--_layout---spacing--xxtiny);
}

.margin-horizontal-xtiny {
  margin-right: var(--_layout---spacing--xtiny);
  margin-left: var(--_layout---spacing--xtiny);
}

.margin-horizontal-xxtiny {
  margin-right: var(--_layout---spacing--xxtiny);
  margin-left: var(--_layout---spacing--xxtiny);
}

.margin-vertical-xtiny {
  margin-top: var(--_layout---spacing--xtiny);
  margin-bottom: var(--_layout---spacing--xtiny);
}

.margin-vertical-xxtiny {
  margin-top: var(--_layout---spacing--xxtiny);
  margin-bottom: var(--_layout---spacing--xxtiny);
}

.padding-top-xtiny {
  padding-top: var(--_layout---spacing--xtiny);
}

.padding-top-xxtiny {
  padding-top: var(--_layout---spacing--xxtiny);
}

.padding-bottom-xtiny {
  padding-bottom: var(--_layout---spacing--xtiny);
}

.padding-bottom-xxtiny {
  padding-bottom: var(--_layout---spacing--xxtiny);
}

.padding-left-xtiny {
  padding-left: var(--_layout---spacing--xtiny);
}

.padding-left-xxtiny {
  padding-left: var(--_layout---spacing--xxtiny);
}

.padding-right-xtiny {
  padding-right: var(--_layout---spacing--xtiny);
}

.padding-right-xxtiny {
  padding-right: var(--_layout---spacing--xxtiny);
}

.padding-horizontal-xtiny {
  padding-right: var(--_layout---spacing--xtiny);
  padding-left: var(--_layout---spacing--xtiny);
}

.padding-horizontal-xxtiny {
  padding-right: var(--_layout---spacing--xxtiny);
  padding-left: var(--_layout---spacing--xxtiny);
}

.padding-vertical-xtiny {
  padding-top: var(--_layout---spacing--xtiny);
  padding-bottom: var(--_layout---spacing--xtiny);
}

.padding-vertical-xxtiny {
  padding-top: var(--_layout---spacing--xxtiny);
  padding-bottom: var(--_layout---spacing--xxtiny);
}

.spacer-xxtiny {
  width: 100%;
  padding-top: var(--_layout---spacing--xxtiny);
}

.spacer-xtiny {
  width: 100%;
  padding-top: var(--_layout---spacing--xtiny);
}

.chathero_panel {
  grid-column-gap: 3.5rem;
  grid-row-gap: 3.5rem;
  background-color: var(--brand--green-deep);
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem 1.5rem 2.875rem;
  display: flex;
  position: relative;
}

.chathero_corner {
  border: 0 solid #fff;
  width: 7px;
  height: 7px;
  position: absolute;
}

.chathero_corner.is-top-left {
  border-top-width: 1px;
  border-left-width: 1px;
  top: 0;
  left: 0;
}

.chathero_corner.is-top-right {
  border-top-width: 1px;
  border-right-width: 1px;
  top: 0;
  right: 0;
}

.chathero_corner.is-bottom-left {
  border-bottom-width: 1px;
  border-left-width: 1px;
  bottom: 0;
  left: 0;
}

.chathero_corner.is-bottom-right {
  border-bottom-width: 1px;
  border-right-width: 1px;
  bottom: 0;
  right: 0;
}

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

.chathero_label-text {
  color: var(--brand--cream);
  text-transform: uppercase;
  font-family: Geistmono, Verdana, sans-serif;
  font-size: .75rem;
  line-height: 1.32;
}

.chathero_body {
  grid-column-gap: 3.25rem;
  grid-row-gap: 3.25rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.chathero_heading-group {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.chathero_title {
  color: #fff;
  letter-spacing: -.03em;
  max-width: 500px;
  margin: 0;
  font-family: Uncut Sans, Georgia, sans-serif;
  font-size: 3rem;
  font-weight: 400;
  line-height: 1.2;
}

.chathero_subtext {
  max-width: 33.375rem;
  color: var(--white-alpha--50);
  letter-spacing: -.01em;
  margin: 0;
  font-family: Uncut Sans, Georgia, sans-serif;
  font-size: 1.125rem;
  line-height: 1.28;
}

.chathero_console {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.chathero_console-tabs {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--white-alpha--20);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--white-alpha--20);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--white-alpha--20);
  background-color: var(--white-alpha--13);
  align-items: center;
  width: 100%;
  padding: .5rem .75rem 0;
  display: flex;
}

.chathero_console-tab {
  color: var(--white-alpha--50);
  letter-spacing: -.01em;
  border-bottom: 1px solid #0000;
  justify-content: center;
  align-items: center;
  padding-bottom: .625rem;
  font-family: Uncut Sans, Georgia, sans-serif;
  font-size: 1rem;
  line-height: 1.28;
  display: flex;
}

.chathero_console-tab.is-active {
  color: #fff;
  border-bottom-color: #fff;
}

.chathero_console-command {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border: 1px solid var(--white-alpha--15);
  background-color: var(--white-alpha--05);
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: .9375rem .75rem;
  display: flex;
}

.chathero_console-command.is-hidden-tab {
  display: none;
}

.chathero_console-command-text {
  color: var(--white-alpha--50);
  letter-spacing: -.01em;
  flex: 1 0;
  font-family: Uncut Sans, Georgia, sans-serif;
  font-size: 1rem;
  line-height: 1.28;
}

.chathero_pills {
  grid-column-gap: .875rem;
  grid-row-gap: .875rem;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.chathero_pill {
  color: #fff;
  text-transform: uppercase;
  background-color: #0b2219;
  border: 1px solid #ffffff26;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  padding: .5rem .875rem;
  font-family: Geistmono, Verdana, sans-serif;
  font-size: .75rem;
  line-height: 1.32;
  display: flex;
}

.chathero_actions {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  align-items: center;
  width: 100%;
  max-width: 100%;
  display: flex;
}

.chathero_button {
  color: #e4eac8;
  text-transform: uppercase;
  border: 1px solid #fff;
  border-radius: 100px;
  flex: 1 0;
  justify-content: center;
  align-items: center;
  padding: .75rem 1.25rem;
  font-family: Geistmono, Verdana, sans-serif;
  font-size: .75rem;
  line-height: 1.32;
  text-decoration: none;
  transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
  display: flex;
}

.chathero_button:hover {
  background-color: #e4eac81a;
  border-color: #fff;
}

.chathero_button.is-primary {
  color: #000;
  background-color: #e4eac8;
  border-color: #fff;
}

.chathero_button.is-primary:hover {
  color: #000;
  background-color: #f0f5d4;
  box-shadow: 0 0 20px #d2f33833;
}

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

.chathero_topline {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  grid-template-rows: auto;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  width: 100%;
  display: flex;
}

.chathero_topline-left {
  grid-column-start: span 4;
  align-items: flex-start;
  display: flex;
}

.chathero_topline-right {
  grid-column-start: span 8;
  align-items: flex-end;
  display: flex;
}

.chathero_topline-text {
  max-width: 16rem;
  color: var(--white-alpha--50);
  text-transform: uppercase;
  margin: 0;
  font-family: Geistmono, Verdana, sans-serif;
  font-size: .75rem;
  line-height: 1.32;
}

.chathero_topline-link {
  opacity: 0;
  color: var(--white-alpha--50);
  text-transform: uppercase;
  font-family: Geistmono, Verdana, sans-serif;
  font-size: .75rem;
  line-height: 1.32;
  text-decoration: none;
}

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

.chathero_visual {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--white-alpha--15);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--white-alpha--15);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--white-alpha--15);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--white-alpha--15);
  background-color: #0000;
  background-image: url('../images/6a6b09fe2e4721614e61c0de_hero-4.avif');
  background-position: 50%;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 42.25rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.chathero_visual-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.chathero_visual-circle {
  border: 1px solid var(--white-alpha--15);
  border-radius: 100px;
  width: 80px;
  height: 80px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.chathero_crosshair {
  background-color: var(--white-alpha--15);
  height: 1px;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
}

.chathero_crosshair.is-vertical {
  width: 1px;
  height: auto;
  inset: 0 auto 0 50%;
}

.chathero_plus {
  width: 13px;
  height: 13px;
  position: absolute;
}

.chathero_plus.is-tl {
  top: 15px;
  left: 15px;
}

.chathero_plus.is-tr {
  top: 15px;
  right: 15px;
}

.chathero_plus.is-br {
  bottom: 15px;
  right: 15px;
}

.chathero_plus.is-bl {
  bottom: 15px;
  left: 15px;
}

.chathero_plus.is-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.chathero_plus-h {
  background-color: #fff;
  height: 1px;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
}

.chathero_plus-v {
  background-color: #fff;
  width: 1px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.corner-mark {
  z-index: 2;
  border: 0 solid #fff;
  width: 7px;
  height: 7px;
  position: absolute;
}

.corner-mark.is-top-left {
  border-top-width: 1px;
  border-left-width: 1px;
  top: 0;
  left: 0;
}

.corner-mark.is-top-right {
  border-top-width: 1px;
  border-right-width: 1px;
  top: 0;
  right: 0;
}

.corner-mark.is-bottom-left {
  border-bottom-width: 1px;
  border-left-width: 1px;
  bottom: 0;
  left: 0;
}

.corner-mark.is-bottom-right {
  border-bottom-width: 1px;
  border-right-width: 1px;
  bottom: 0;
  right: 0;
}

.chatclients_strip {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  background-color: var(--brand--green-darkest);
  align-items: center;
  gap: 2.5rem;
  width: 100%;
  max-width: none;
  padding: 1.5rem 0 1.5rem 1.5rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.chatclients_label {
  color: var(--white-alpha--50);
  text-transform: uppercase;
  white-space: nowrap;
  margin: 0;
  font-family: Geistmono, Verdana, sans-serif;
  font-size: .75rem;
  line-height: 1.32;
}

.chatclients_logos {
  grid-column-gap: 2.25rem;
  grid-row-gap: 2.25rem;
  flex: 1 0;
  align-items: center;
  min-width: 0;
  display: flex;
  position: relative;
}

.chatclients_logo {
  flex-shrink: 0;
  position: relative;
}

.chatclients_logo.is-logo-1 {
  height: 1.5rem;
}

.chatclients_logo.is-logo-1._2 {
  height: 1.2rem;
}

.chatclients_logo.is-logo-2 {
  width: 116px;
  height: 18px;
}

.chatclients_logo.is-logo-3 {
  width: 83px;
  height: 24px;
}

.chatclients_logo.is-logo-4 {
  width: 37px;
  height: 28px;
}

.chatclients_logo.is-logo-5 {
  width: 79px;
  height: 20px;
}

.chatclients_logo.is-logo-6 {
  width: 94px;
  height: 20px;
}

.chatclients_logo.is-logo-7 {
  width: 60px;
  height: 24px;
}

.chatclients_logo.is-logo-8 {
  width: 68px;
  height: 26px;
}

.chatclients_logo.is-logo-9 {
  width: 26px;
  height: 26px;
}

.chatclients_logo.is-logo-10 {
  width: 91px;
  height: 24px;
}

.chatclients_logo.is-logo-11 {
  width: 32px;
  height: 28px;
}

.chatclients_logo-image {
  object-fit: contain;
  width: 100%;
  height: 100%;
  display: block;
}

.chatclients_fade {
  z-index: 2;
  width: 80px;
  position: absolute;
  top: 0;
  bottom: 0;
}

.chatclients_fade.is-left {
  background-image: linear-gradient(90deg, #0b2219, #0b221900);
  height: 2rem;
  left: 0;
}

.chatclients_fade.is-right {
  background-image: linear-gradient(90deg, #0b221900, #0b2219);
  height: 2rem;
  right: 0;
}

.chatnav {
  z-index: 100;
  width: 100%;
  position: fixed;
  overflow: visible;
}

.chatnav_inner {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 100rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  display: flex;
  overflow: visible;
}

.chatnav_logo {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  padding: 6px 6px 6px 0;
  text-decoration: none;
  display: flex;
}

.chatnav_logo:hover {
  opacity: .7;
}

.chatnav_logo-mark {
  flex-shrink: 0;
  width: 18.634px;
  height: 24px;
}

.chatnav_logo-text {
  color: #fff;
  letter-spacing: .07em;
  margin: 0;
  font-family: Geistmono, Verdana, sans-serif;
  font-size: .75rem;
  font-weight: 500;
  line-height: 1.32;
}

.chatnav_links {
  grid-column-gap: .375rem;
  grid-row-gap: .375rem;
  align-items: center;
  display: flex;
  overflow: visible;
}

.chatnav_link {
  color: #fff;
  text-transform: uppercase;
  border-radius: 100px;
  justify-content: flex-start;
  align-items: center;
  padding: 4px 8px;
  font-family: Geistmono, Verdana, sans-serif;
  font-size: .75rem;
  line-height: 1.32;
  text-decoration: none;
  transition: background-color .2s, color .2s;
  display: flex;
}

.chatnav_link:hover {
  color: #fff;
  background-color: #ffffff14;
}

.chatnav_link.footer {
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 80%;
  padding: .2rem;
  font-size: .8rem;
  transition: background-color .2s, color .2s;
}

.chatnav_link.footer:hover {
  color: #fff;
  background-color: #ffffff14;
}

.chatnav_add {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  color: #fff;
  text-transform: uppercase;
  cursor: pointer;
  border: 1px solid #fff;
  border-radius: 100px;
  align-items: center;
  padding: 4px 4px 4px 8px;
  font-family: Geistmono, Verdana, sans-serif;
  font-size: .75rem;
  line-height: 1.32;
  text-decoration: none;
  transition: background-color .2s, border-color .2s;
  display: flex;
  position: relative;
  overflow: visible;
}

.chatnav_add:hover {
  border-color: var(--brand--lime);
  background-color: #ffffff14;
}

.chatnav_add-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}

.chatnav_github {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: var(--brand--green-black);
  text-transform: uppercase;
  background-color: #fff;
  border-radius: 100px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  padding: 6px 10px;
  font-family: Geistmono, Verdana, sans-serif;
  font-size: .75rem;
  line-height: 1.32;
  text-decoration: none;
  display: flex;
}

.chatnav_github-icon {
  flex-shrink: 0;
  width: 14px;
  height: 14px;
}

.chatnav_dropdown {
  z-index: 50;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--white-alpha--20);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--white-alpha--20);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--white-alpha--20);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--white-alpha--20);
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  background-color: #f1f1ec33;
  border-radius: 6px;
  width: 231px;
  padding: 4px;
  transition: opacity .25s, transform .25s, visibility .25s;
  display: block;
  position: absolute;
  top: calc(100% + 14px);
  left: 50%;
  transform: translateX(-50%)translateY(-8px);
  box-shadow: 0 8px 20px #00000017;
}

.chatnav_dropdown.is-hidden {
  display: none;
}

.chatnav_dropdown.is-open {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
  transform: translateX(-50%)translateY(0);
}

.chatnav_dropdown-inner {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border: .5px solid var(--brand--warm-border);
  background-color: var(--brand--off-white);
  border-radius: 4px;
  flex-direction: column;
  width: 100%;
  padding: 5px;
  display: flex;
  box-shadow: 0 1.951px 1.951px #735b020d, 0 .624px .624px #73530226, 0 24.193px 14.438px #e7b71a0d, 0 10.536px 10.536px #e7b01a17, 0 2.731px 5.853px #e7b01a1a;
}

.chatnav_dropdown-group {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.chatnav_dropdown-heading {
  width: 100%;
  height: 26px;
  color: var(--brand--ink);
  letter-spacing: .04em;
  border-radius: 7px;
  align-items: center;
  margin: 0;
  padding: 6px 10px;
  font-family: Geistmono, Verdana, sans-serif;
  font-size: 10px;
  line-height: 1.2;
  display: flex;
}

.chatnav_dropdown-item {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  width: 100%;
  color: var(--brand--ink);
  letter-spacing: -.01em;
  border-radius: 7px;
  align-items: center;
  padding: 6px 10px;
  font-family: Inter;
  font-size: 12px;
  line-height: 1.2;
  text-decoration: none;
  display: flex;
}

.chatnav_dropdown-item:hover {
  background-color: #00000008;
}

.chatnav_dropdown-item.is-active {
  background-color: #00000008;
  height: 26px;
}

.chatnav_dropdown-icon {
  flex-shrink: 0;
  width: 14px;
  height: 14px;
}

.chatnav_dropdown-divider {
  background-color: var(--brand--warm-border);
  width: 100%;
  height: 1px;
}

.chathero_pillrow {
  grid-column-gap: .875rem;
  grid-row-gap: .875rem;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.chathero_checkpill {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border-radius: 100px;
  align-items: center;
  padding: .25rem .625rem;
  display: flex;
}

.chathero_checkpill-icon {
  color: #ffffffe6;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 14px;
  height: 14px;
  display: flex;
}

.chathero_checkpill-text {
  color: var(--white-alpha--60);
  text-transform: uppercase;
  font-family: Geistmono, Verdana, sans-serif;
  font-size: .75rem;
  line-height: 1.32;
}

.chathero_subtext-bold, .chathero_subtext-bold-1 {
  color: #fff;
  font-family: Uncut Sans, Georgia, sans-serif;
  font-weight: 600;
}

.chathero_checkpill-icon-1 {
  width: 14px;
  height: 14px;
  color: var(--white-alpha--60);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.chathero_checkpill-text-1 {
  color: var(--white-alpha--60);
  text-transform: uppercase;
  font-family: Geistmono, Verdana, sans-serif;
  font-size: .75rem;
  line-height: 1.32;
}

.chatnav_actions {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-shrink: 0;
  align-items: center;
  display: flex;
}

.chatnav_iconbtn {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--brand--cream);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--brand--cream);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--brand--cream);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--brand--cream);
  color: var(--brand--cream);
  text-transform: uppercase;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  padding: 6px 10px;
  font-family: Geistmono, Verdana, sans-serif;
  font-size: .75rem;
  line-height: 1.32;
  text-decoration: none;
  transition: background-color .2s, border-color .2s, color .2s;
  display: flex;
}

.chatnav_iconbtn:hover {
  color: #fff;
  background-color: #ffffff0f;
  border-color: #fff;
}

.chatnav_iconbtn-icon {
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 14px;
  height: 14px;
  display: flex;
}

.chatnav_start {
  color: var(--brand--green-black);
  text-transform: uppercase;
  background-color: #e4eac8;
  border-radius: 100px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  padding: 6px 10px;
  font-family: Geistmono, Verdana, sans-serif;
  font-size: .75rem;
  line-height: 1.32;
  text-decoration: none;
  transition: background-color .2s, transform .15s, box-shadow .2s;
  display: flex;
}

.chatnav_start:hover {
  background-color: #f0f5d4;
  box-shadow: 0 0 20px #d2f33840;
}

.chatnav_dropdown-1 {
  z-index: 100003;
  visibility: visible;
  border: 1px solid var(--white-alpha--20);
  opacity: 1;
  pointer-events: auto;
  background-color: #f1f1ec33;
  border-radius: 16px;
  width: 231px;
  padding: 4px;
  display: block;
  position: absolute;
  top: calc(100% + 12px);
  right: 0;
  overflow: visible;
}

.chatnav_dropdown-card {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border: 1px solid var(--brand--warm-border);
  background-color: var(--brand--off-white);
  border-radius: 12px;
  flex-direction: column;
  width: 100%;
  padding: 4px;
  display: flex;
  box-shadow: 0 1.951px 1.951px #735b020d, 0 .624px .624px #73530226, 0 24.193px 14.438px #e7b71a0d, 0 10.536px 10.536px #e7b01a17, 0 2.731px 5.853px #e7b01a1a;
}

.chatnav_dropdown-section {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.chatnav_dropdown-label {
  width: 100%;
  height: 26px;
  color: var(--brand--ink);
  letter-spacing: .04em;
  border-radius: 7px;
  align-items: center;
  margin: 0;
  padding: 6px 10px;
  font-family: Geistmono, Verdana, sans-serif;
  font-size: 10px;
  line-height: 1.2;
  display: flex;
}

.chatnav_dropdown-row {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-radius: 8px;
  align-items: center;
  width: 100%;
  padding: 6px 10px;
  text-decoration: none;
  display: flex;
}

.chatnav_dropdown-row:hover {
  background-color: #0000000d;
}

.chatnav_dropdown-row.is-active {
  background-color: #00000008;
}

.chatnav_dropdown-row-icon {
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 14px;
  height: 14px;
  display: flex;
}

.chatnav_dropdown-row-name {
  color: var(--brand--ink);
  letter-spacing: -.01em;
  flex: 1 0 auto;
  font-family: Uncut Sans, Georgia, sans-serif;
  font-size: 12px;
  line-height: 1.2;
}

.chatnav_dropdown-divider-1 {
  background-color: #dfdfd9;
  width: 100%;
  height: 1px;
}

.is-open-parent.is-open {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
  transform: translateY(0);
}

.section_demo-quickstart {
  width: 100%;
}

.demo_inner {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 5.6875rem;
  width: 100%;
  height: 100%;
  display: flex;
}

.demo_left {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-direction: column;
  flex: none;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  width: 50%;
  min-width: 0;
  height: auto;
  display: flex;
}

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

.demo_label._2 {
  justify-content: center;
  align-items: center;
}

.demo_label-dot {
  background-color: var(--brand--lime);
  border-radius: 100rem;
  flex-shrink: 0;
  width: .5rem;
  height: .5rem;
}

.demo_label-text {
  color: var(--brand--lime);
  text-transform: uppercase;
  font-family: Geistmono, Verdana, sans-serif;
  font-size: .75rem;
  line-height: 1.32;
}

.demo_heading {
  color: #fff;
  letter-spacing: -.03em;
  margin: 0;
  font-family: Uncut Sans, Georgia, sans-serif;
  font-size: 2.5rem;
  font-weight: 400;
  line-height: .96;
}

.demo_subtext {
  color: #ffffff80;
  margin: 0;
  font-family: Uncut Sans, Georgia, sans-serif;
  font-size: 1.125rem;
  line-height: 1.28;
}

.demo_terminal {
  background-color: #0b2219;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  max-width: 100%;
  display: flex;
}

.demo_terminal-bar {
  background-color: #06130e;
  justify-content: space-between;
  align-items: center;
  padding: .875rem 1.25rem;
  display: flex;
}

.demo_terminal-dots {
  grid-column-gap: .4rem;
  grid-row-gap: .4rem;
  align-items: center;
  display: flex;
}

.demo_terminal-dot {
  border-radius: 100rem;
  flex-shrink: 0;
  width: .75rem;
  height: .75rem;
}

.demo_terminal-dot.is-red {
  background-color: #ff324d;
}

.demo_terminal-dot.is-yellow {
  background-color: #fdc700;
}

.demo_terminal-dot.is-green {
  background-color: #5cb85c;
}

.demo_terminal-tabs {
  grid-column-gap: .3125rem;
  grid-row-gap: .3125rem;
  align-items: flex-end;
  display: flex;
}

.demo_terminal-tab {
  color: #ffffff80;
  border-radius: .625rem;
  justify-content: center;
  align-items: center;
  padding: .0625rem .4375rem .3125rem;
  font-family: Geistmono, Verdana, sans-serif;
  font-size: 1.125rem;
  line-height: 1.32;
  display: flex;
}

.demo_terminal-tab.is-active {
  color: var(--brand--lime);
  background-color: #445218e6;
  border-radius: .5rem;
  padding: .3125rem .75rem;
  font-size: .875rem;
}

.demo_terminal-tab.is-bordered {
  color: #ffffff73;
  border: none;
  border-radius: .5rem;
  padding: .3125rem .75rem;
  font-size: .875rem;
}

.demo_terminal-name {
  color: #ffffff80;
  font-family: Geistmono, Verdana, sans-serif;
  font-size: 1rem;
  line-height: 1.32;
}

.demo_terminal-body {
  grid-column-gap: 0;
  grid-row-gap: 0;
  flex-direction: column;
  flex: auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.demo_terminal-row {
  border-bottom: 1px solid #ffffff0f;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: .875rem 1.25rem;
  display: flex;
}

.demo_terminal-line {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  align-items: center;
  padding: 0;
  display: flex;
}

.demo_terminal-prompt {
  color: var(--brand--lime);
  font-family: Geistmono, monospace;
  font-size: 1.1875rem;
  line-height: 1.32;
}

.demo_terminal-cmd {
  color: #ffffffd9;
  font-family: Geistmono, Verdana, sans-serif;
  font-size: .9rem;
  font-weight: 300;
  line-height: 1.32;
}

.demo_terminal-copy {
  color: #fff6;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 1.2rem;
  height: 1.2rem;
  display: flex;
}

.demo_terminal-divider {
  background-color: #ffffff1a;
  width: calc(100% - 2.5rem);
  height: .0375rem;
  margin: 0 1.25rem;
}

.demo_terminal-output {
  grid-column-gap: 0;
  grid-row-gap: 0;
  flex-direction: column;
  gap: .875rem;
  padding: 1.25rem 1.25rem 1.5rem;
  display: flex;
}

.demo_terminal-output-line {
  color: #ffffff80;
  align-items: center;
  gap: .625rem;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Uncut Sans, Georgia, sans-serif;
  font-size: 1.1875rem;
  line-height: 1.32;
  display: flex;
}

.demo_cards {
  grid-column-gap: 1.125rem;
  grid-row-gap: 1.125rem;
  flex-direction: column;
  flex: 1 1 0;
  width: auto;
  display: flex;
}

.demo_card {
  grid-column-gap: 1.375rem;
  grid-row-gap: 1.375rem;
  background-color: var(--brand--green-deep);
  flex-direction: column;
  padding: 1.125rem;
  display: flex;
  position: relative;
}

.demo_card-num {
  color: #fff;
  margin: 0;
  font-family: Uncut Sans, Georgia, sans-serif;
  font-size: 1.25rem;
  line-height: 1.2;
}

.demo_card-body {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-direction: column;
  padding: .5rem;
  display: flex;
}

.demo_card-title {
  color: #fff;
  margin: 0;
  font-family: Uncut Sans, Georgia, sans-serif;
  font-size: 1.25rem;
  line-height: 1.2;
}

.section_demo-features {
  width: 100%;
}

.demo-features_inner {
  grid-column-gap: 4.5rem;
  grid-row-gap: 4.5rem;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.demo-features_header {
  grid-column-gap: .8125rem;
  grid-row-gap: .8125rem;
  flex-direction: column;
  display: flex;
}

.demo-features_grid {
  grid-column-gap: 1.145rem;
  grid-row-gap: 1.145rem;
  grid-template-rows: auto;
  grid-template-columns: repeat(4, 1fr);
  width: 100%;
  display: grid;
}

.demo-features_card {
  grid-column-gap: 1.375rem;
  grid-row-gap: 1.375rem;
  background-color: var(--brand--green-deep);
  flex-direction: column;
  padding: 1.125rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.demo-features_card-pattern {
  opacity: .04;
  pointer-events: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.demo-features_card-pattern-line {
  background-color: #e6e2e0;
  width: .0625rem;
  position: absolute;
  top: 0;
  bottom: 0;
}

.demo-features_card-pattern-line.inline-div-0 {
  left: 16.66%;
}

.demo-features_card-pattern-line.inline-div-1 {
  left: 33.33%;
}

.demo-features_card-pattern-line.inline-div-2 {
  left: 50%;
}

.demo-features_card-pattern-line.inline-div-3 {
  left: 66.66%;
}

.demo-features_card-pattern-line.inline-div-4 {
  left: 83.33%;
}

.demo-features_card-pattern-line.inline-div-5 {
  left: 16.66%;
}

.demo-features_card-pattern-line.inline-div-6 {
  left: 33.33%;
}

.demo-features_card-pattern-line.inline-div-7 {
  left: 50%;
}

.demo-features_card-pattern-line.inline-div-8 {
  left: 66.66%;
}

.demo-features_card-pattern-line.inline-div-9 {
  left: 83.33%;
}

.demo-features_card-pattern-line.inline-div-10 {
  left: 16.66%;
}

.demo-features_card-pattern-line.inline-div-11 {
  left: 33.33%;
}

.demo-features_card-pattern-line.inline-div-12 {
  left: 50%;
}

.demo-features_card-pattern-line.inline-div-13 {
  left: 66.66%;
}

.demo-features_card-pattern-line.inline-div-14 {
  left: 83.33%;
}

.demo-features_card-pattern-line.inline-div-15 {
  left: 16.66%;
}

.demo-features_card-pattern-line.inline-div-16 {
  left: 33.33%;
}

.demo-features_card-pattern-line.inline-div-17 {
  left: 50%;
}

.demo-features_card-pattern-line.inline-div-18 {
  left: 66.66%;
}

.demo-features_card-pattern-line.inline-div-19 {
  left: 83.33%;
}

.demo-features_card-pattern-line.inline-div-20 {
  left: 16.66%;
}

.demo-features_card-pattern-line.inline-div-21 {
  left: 33.33%;
}

.demo-features_card-pattern-line.inline-div-22 {
  left: 50%;
}

.demo-features_card-pattern-line.inline-div-23 {
  left: 66.66%;
}

.demo-features_card-pattern-line.inline-div-24 {
  left: 83.33%;
}

.demo-features_card-pattern-line.inline-div-25 {
  left: 16.66%;
}

.demo-features_card-pattern-line.inline-div-26 {
  left: 33.33%;
}

.demo-features_card-pattern-line.inline-div-27 {
  left: 50%;
}

.demo-features_card-pattern-line.inline-div-28 {
  left: 66.66%;
}

.demo-features_card-pattern-line.inline-div-29 {
  left: 83.33%;
}

.demo-features_card-pattern-line.inline-div-30 {
  left: 16.66%;
}

.demo-features_card-pattern-line.inline-div-31 {
  left: 33.33%;
}

.demo-features_card-pattern-line.inline-div-32 {
  left: 50%;
}

.demo-features_card-pattern-line.inline-div-33 {
  left: 66.66%;
}

.demo-features_card-pattern-line.inline-div-34 {
  left: 83.33%;
}

.demo-features_card-pattern-line.inline-div-35 {
  left: 16.66%;
}

.demo-features_card-pattern-line.inline-div-36 {
  left: 33.33%;
}

.demo-features_card-pattern-line.inline-div-37 {
  left: 50%;
}

.demo-features_card-pattern-line.inline-div-38 {
  left: 66.66%;
}

.demo-features_card-pattern-line.inline-div-39 {
  left: 83.33%;
}

.demo-features_card-icon {
  color: #fff;
  justify-content: flex-start;
  align-items: center;
  width: 2rem;
  height: 2rem;
  display: flex;
}

.demo-features_card-badge {
  background-color: var(--white-alpha--10);
  align-items: center;
  width: fit-content;
  padding: .125rem .375rem;
  display: flex;
}

.demo-features_card-badge.is-coming {
  background-color: #d2f3381f;
}

.demo-features_card-badge-text {
  color: #ffffffb3;
  text-transform: uppercase;
  font-family: Uncut Sans, Georgia, sans-serif;
  font-size: .875rem;
  line-height: 1.5;
}

.demo-features_coming-text {
  color: var(--brand--lime);
}

.demo-features_card-body {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  padding: .5rem;
  display: flex;
}

.demo-features_card-title {
  color: #fff;
  margin: 0;
  font-family: Inter;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.2;
}

.demo-features_card-text {
  color: #ffffff80;
  margin: 0;
  font-family: Inter;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

.demo_terminal-output-icon {
  width: .875rem;
  height: .875rem;
  color: var(--brand--lime);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.demo_terminal-output-text {
  color: #ffffff80;
  letter-spacing: -.01em;
  font-family: Uncut Sans, Georgia, sans-serif;
  font-size: 1rem;
  line-height: 1.32;
}

.demo_terminal-output-1 {
  grid-column-gap: 1.3rem;
  grid-row-gap: 1.3rem;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: .75rem 1.25rem;
  display: flex;
}

.demo-feat_inner {
  grid-column-gap: 4.5rem;
  grid-row-gap: 4.5rem;
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
}

.demo-feat_header {
  grid-column-gap: .8125rem;
  grid-row-gap: .8125rem;
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.demo-feat_rows {
  grid-column-gap: 1.125rem;
  grid-row-gap: 1.125rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  width: 100%;
  max-width: 100%;
  display: grid;
}

.demo-feat_row {
  grid-column-gap: 1.125rem;
  grid-row-gap: 1.125rem;
  width: 100%;
  display: contents;
}

.demo-feat_card {
  grid-column-gap: 1.375rem;
  grid-row-gap: 1.375rem;
  background-color: var(--brand--green-deep);
  flex-direction: column;
  flex: 1 1 0;
  justify-content: space-between;
  align-items: flex-start;
  min-width: 0;
  padding: 1rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.demo-feat_card-header {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.demo-feat_card-icon {
  color: #fff;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  display: flex;
}

.demo-feat_card-badge {
  background-color: var(--white-alpha--10);
  flex-shrink: 0;
  align-items: center;
  padding: .125rem .375rem;
  display: none;
}

.demo-feat_card-badge.is-coming {
  background-color: #d2f3381f;
}

.demo-feat_card-badge-text {
  color: #ffffffb3;
  text-transform: uppercase;
  white-space: nowrap;
  font-family: Uncut Sans, Georgia, sans-serif;
  font-size: .875rem;
  line-height: 1.5;
}

.demo-feat_coming-text {
  color: var(--brand--lime);
}

.demo-feat_card-body {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-direction: column;
  padding: 0;
  display: flex;
}

.demo-feat_card-title {
  color: #fff;
  margin: 0;
  font-family: Uncut Sans, Georgia, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.2;
}

.demo-feat_card-desc {
  color: #ffffff80;
  margin: 0;
  font-family: Uncut Sans, Georgia, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

.demo-feat_card-pattern {
  opacity: .04;
  pointer-events: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.demo-feat_card-pattern-line {
  background-color: #e6e2e0;
  width: .0625rem;
  position: absolute;
  top: 0;
  bottom: 0;
}

.demo-feat_card-pattern-line.inline-div-0 {
  left: 16.66%;
}

.demo-feat_card-pattern-line.inline-div-1 {
  left: 33.33%;
}

.demo-feat_card-pattern-line.inline-div-2 {
  left: 50%;
}

.demo-feat_card-pattern-line.inline-div-3 {
  left: 66.66%;
}

.demo-feat_card-pattern-line.inline-div-4 {
  left: 83.33%;
}

.demo-feat_card-pattern-line.inline-div-5 {
  left: 16.66%;
}

.demo-feat_card-pattern-line.inline-div-6 {
  left: 33.33%;
}

.demo-feat_card-pattern-line.inline-div-7 {
  left: 50%;
}

.demo-feat_card-pattern-line.inline-div-8 {
  left: 66.66%;
}

.demo-feat_card-pattern-line.inline-div-9 {
  left: 83.33%;
}

.demo-feat_card-pattern-line.inline-div-10 {
  left: 16.66%;
}

.demo-feat_card-pattern-line.inline-div-11 {
  left: 33.33%;
}

.demo-feat_card-pattern-line.inline-div-12 {
  left: 50%;
}

.demo-feat_card-pattern-line.inline-div-13 {
  left: 66.66%;
}

.demo-feat_card-pattern-line.inline-div-14 {
  left: 83.33%;
}

.demo-feat_card-pattern-line.inline-div-15 {
  left: 16.66%;
}

.demo-feat_card-pattern-line.inline-div-16 {
  left: 33.33%;
}

.demo-feat_card-pattern-line.inline-div-17 {
  left: 50%;
}

.demo-feat_card-pattern-line.inline-div-18 {
  left: 66.66%;
}

.demo-feat_card-pattern-line.inline-div-19 {
  left: 83.33%;
}

.demo-feat_card-pattern-line.inline-div-20 {
  left: 16.66%;
}

.demo-feat_card-pattern-line.inline-div-21 {
  left: 33.33%;
}

.demo-feat_card-pattern-line.inline-div-22 {
  left: 50%;
}

.demo-feat_card-pattern-line.inline-div-23 {
  left: 66.66%;
}

.demo-feat_card-pattern-line.inline-div-24 {
  left: 83.33%;
}

.demo-feat_card-pattern-line.inline-div-25 {
  left: 16.66%;
}

.demo-feat_card-pattern-line.inline-div-26 {
  left: 33.33%;
}

.demo-feat_card-pattern-line.inline-div-27 {
  left: 50%;
}

.demo-feat_card-pattern-line.inline-div-28 {
  left: 66.66%;
}

.demo-feat_card-pattern-line.inline-div-29 {
  left: 83.33%;
}

.demo-feat_card-pattern-line.inline-div-30 {
  left: 16.66%;
}

.demo-feat_card-pattern-line.inline-div-31 {
  left: 33.33%;
}

.demo-feat_card-pattern-line.inline-div-32 {
  left: 50%;
}

.demo-feat_card-pattern-line.inline-div-33 {
  left: 66.66%;
}

.demo-feat_card-pattern-line.inline-div-34 {
  left: 83.33%;
}

.demo-feat_card-pattern-line.inline-div-35 {
  left: 16.66%;
}

.demo-feat_card-pattern-line.inline-div-36 {
  left: 33.33%;
}

.demo-feat_card-pattern-line.inline-div-37 {
  left: 50%;
}

.demo-feat_card-pattern-line.inline-div-38 {
  left: 66.66%;
}

.demo-feat_card-pattern-line.inline-div-39 {
  left: 83.33%;
}

.top-quick-start {
  grid-column-gap: .875rem;
  grid-row-gap: .875rem;
  flex-flow: column;
  display: flex;
}

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

.svg {
  width: 1.4rem;
}

.demo_card-text {
  color: #ffffff80;
  margin: 0;
  font-family: Uncut Sans, Georgia, sans-serif;
  font-size: 1rem;
  line-height: 1.28;
}

.section_demo-compare {
  width: 100%;
}

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

.demo-compare_left {
  grid-column-gap: 1.875rem;
  grid-row-gap: 1.875rem;
  flex-direction: column;
  flex: none;
  width: 37.4375rem;
  max-width: 50%;
  display: flex;
}

.demo-compare_content {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-direction: column;
  display: flex;
}

.demo-compare_heading-wrap {
  grid-column-gap: .8125rem;
  grid-row-gap: .8125rem;
  flex-direction: column;
  display: flex;
}

.demo-compare_subtext {
  color: #ffffff80;
  max-width: 28.1875rem;
  margin: 0;
  font-family: Uncut Sans, Georgia, sans-serif;
  font-size: 1.125rem;
  line-height: 1.28;
}

.demo-compare_stats {
  grid-column-gap: 2.4375rem;
  grid-row-gap: 2.4375rem;
  align-items: flex-start;
  display: flex;
}

.demo-compare_stat {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-direction: column;
  display: flex;
}

.demo-compare_stat-value {
  color: #fff;
  letter-spacing: -.02em;
  margin: 0;
  font-family: Uncut Sans, Georgia, sans-serif;
  font-size: 2.25rem;
  line-height: 1.22;
}

.demo-compare_stat-label {
  color: #ffffff80;
  margin: 0;
  font-family: Uncut Sans, Georgia, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.55;
}

.demo-compare_chart {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: #06130e;
  border: .0625rem solid #ffffff1a;
  flex-direction: column;
  flex: 1 1 0;
  min-width: 0;
  padding: 1.25rem;
  display: flex;
}

.demo-compare_bar-group {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-direction: column;
  display: flex;
}

.demo-compare_bar-header {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.demo-compare_bar-name {
  color: #ffffff80;
  font-family: Inter;
  font-size: 1rem;
  line-height: 1.2;
}

.demo-compare_bar-name.is-highlight {
  color: #eaffc7;
}

.demo-compare_bar-time {
  color: #fff;
  font-family: Inter;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.2;
}

.demo-compare_bar-time.is-highlight {
  color: #eaffc7;
}

.demo-compare_bar-track {
  background-color: #fff3;
  border-radius: 0;
  width: 100%;
  height: .375rem;
  position: relative;
  overflow: hidden;
}

.demo-compare_bar-fill {
  border-radius: 0;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.demo-compare_bar-fill.is-chatpack {
  background-color: #eaffc7;
  width: 11.6%;
}

.demo-compare_bar-fill.is-hosted {
  background-color: #ffffff4d;
  width: 42.5%;
}

.demo-compare_bar-fill.is-diy {
  background-color: #ffffff4d;
  width: 100%;
}

.demo-compare_footnote {
  color: #ffffff80;
  margin: 0;
  font-family: Inter;
  font-size: 1rem;
  line-height: 1.2;
}

.section_demo-roadmap {
  width: 100%;
}

.demo-roadmap_inner {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.demo-roadmap_header {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  text-align: center;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.demo-roadmap_grid {
  grid-column-gap: 0;
  grid-row-gap: 0;
  width: 100%;
  max-width: 75.125rem;
  margin: 0 auto;
  display: flex;
  position: relative;
}

.demo-roadmap_col {
  grid-row-gap: 0;
  grid-column-gap: 0;
  flex-direction: column;
  flex: 1 1 0;
  min-width: 0;
  display: flex;
}

.demo-roadmap_col-head {
  background-color: var(--brand--green-deep);
  border: .0625rem solid #ffffff1a;
  flex-direction: column;
  justify-content: center;
  min-height: 4.375rem;
  padding: 1rem;
  display: flex;
}

.demo-roadmap_col-head-text {
  color: #fff;
  margin: 0;
  font-family: Uncut Sans, Georgia, sans-serif;
  font-size: 1.125rem;
  line-height: 1.22;
}

.demo-roadmap_col-head-text.is-now {
  color: #a2f0f0;
}

.demo-roadmap_item {
  background-color: #ffffff08;
  border: .0625rem solid #ffffff1a;
  flex-direction: column;
  justify-content: center;
  min-height: 4.375rem;
  padding: 1rem;
  display: flex;
}

.demo-roadmap_item-text {
  color: #ffffffb3;
  margin: 0;
  font-family: Uncut Sans, Georgia, sans-serif;
  font-size: 1.125rem;
  line-height: 1.22;
}

.demo-roadmap_item-text.is-alt {
  font-family: Inter;
  font-size: 1rem;
}

.section_demo-cta {
  width: 100%;
  margin-top: 8rem;
  margin-bottom: 2rem;
}

.demo-cta_inner {
  grid-column-gap: 3.25rem;
  grid-row-gap: 3.25rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.demo-cta_header {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 60%;
  display: flex;
}

.demo-cta_label {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  align-items: center;
  display: flex;
}

.demo-cta_label-icon {
  width: .75rem;
  height: .75rem;
  color: var(--brand--lime);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.demo-cta_label-text {
  color: var(--brand--lime);
  text-transform: uppercase;
  font-family: Geistmono, Verdana, sans-serif;
  font-size: .75rem;
  line-height: 1.32;
}

.demo-cta_chart {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: #06130e;
  border: .0625rem solid #ffffff1a;
  flex-direction: column;
  width: 59.25rem;
  max-width: 100%;
  padding: 1.25rem;
  display: flex;
}

.demo-cta_bar-group {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-direction: column;
  display: flex;
}

.demo-cta_bar-header {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.demo-cta_bar-header._2 {
  justify-content: space-between;
  align-items: center;
}

.demo-cta_bar-name {
  font-family: Inter;
  font-size: 1rem;
  line-height: 1.2;
}

.demo-cta_bar-name.is-cp {
  color: var(--brand--lime);
  font-family: Uncut Sans, Georgia, sans-serif;
}

.demo-cta_bar-name.is-other {
  color: #ffffff80;
  font-family: Uncut Sans, Georgia, sans-serif;
}

.demo-cta_bar-time {
  font-family: Inter;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.2;
}

.demo-cta_bar-time.is-cp {
  color: #eaffc7;
  font-family: Uncut Sans, Georgia, sans-serif;
  font-size: 1.2rem;
}

.demo-cta_bar-time.is-other {
  color: #fff;
  font-family: Uncut Sans, Georgia, sans-serif;
  font-size: 1.2rem;
}

.demo-cta_bar-track {
  background-color: #fff3;
  width: 100%;
  height: 1.375rem;
  position: relative;
  overflow: visible;
}

.demo-cta_bar-fill {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.demo-cta_bar-fill.is-cp {
  background-color: var(--brand--lime);
  width: 8.5%;
}

.demo-cta_bar-fill.is-hosted {
  background-color: #747b78;
  width: 55%;
}

.demo-cta_bar-fill.is-diy {
  background-color: #747b78;
  width: 75.5%;
}

.demo-cta_bar-slower {
  color: #ffffffe6;
  white-space: nowrap;
  padding-left: .5rem;
  font-family: Inter;
  font-size: .875rem;
  line-height: 1.2;
  position: absolute;
  top: 50%;
  right: auto;
  transform: translateY(-50%);
}

.demo-cta_bar-slower.is-at-hosted {
  font-family: Uncut Sans, Georgia, sans-serif;
  left: 55%;
}

.demo-cta_bar-slower.is-at-hosted._3 {
  padding-left: 0;
  position: static;
}

.demo-cta_bar-slower.is-at-diy {
  font-family: Uncut Sans, Georgia, sans-serif;
  left: 75.5%;
}

.demo-cta_footnote {
  color: #ffffff80;
  text-align: center;
  margin: 0;
  font-family: Uncut Sans, Georgia, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.2;
}

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

.demo-cta_snippet-text {
  color: #ffffff80;
  margin: 0;
  font-family: Uncut Sans, Georgia, sans-serif;
  font-size: 1rem;
  line-height: 1.2;
}

.demo-cta_snippet-code {
  grid-row-gap: 0;
  grid-column-gap: 0;
  background-color: #0a2018;
  border-radius: .625rem;
  align-items: center;
  padding: 1rem;
  display: flex;
}

.demo-cta_snippet-mono {
  color: #fff;
  white-space: nowrap;
  font-family: Roboto Mono;
  font-size: .875rem;
  line-height: 1.4;
}

.demo-cta_snippet-copy {
  color: #fcfcf9;
  cursor: pointer;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  margin-left: .5rem;
  display: flex;
}

.demo-cta_footnote-row {
  grid-column-gap: .375rem;
  grid-row-gap: .375rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.demo-cta_methodology-link {
  color: #fff;
  text-underline-offset: .125rem;
  font-family: Inter;
  font-size: 1rem;
  line-height: 1.2;
  text-decoration: underline;
}

.demo-cta_syntax {
  white-space: nowrap;
  font-family: Roboto Mono;
  font-size: .875rem;
  line-height: 1.4;
}

.demo-cta_syntax-keyword {
  color: var(--brand--lime);
  font-family: Geistmono, Verdana, sans-serif;
}

.demo-cta_syntax-plain {
  color: #ffffffe6;
  padding-left: .6rem;
  padding-right: .6rem;
  font-family: Geistmono, Verdana, sans-serif;
}

.demo-cta_syntax-string {
  color: var(--brand--gold);
  padding-left: .5rem;
  font-family: Geistmono, Verdana, sans-serif;
}

.section_demo-onecommand {
  width: 100%;
}

.demo-onecommand_inner {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.demo-onecommand_header {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-direction: column;
  max-width: 37.4375rem;
  display: flex;
}

.demo-onecommand_subtext {
  color: #ffffff80;
  margin: 0;
  font-family: Uncut Sans, Georgia, sans-serif;
  font-size: 1.125rem;
  line-height: 1.28;
}

.demo-onecommand_panel {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #06130e;
  border: .0625rem solid #ffffff26;
  justify-content: space-between;
  align-items: center;
  width: 40.125rem;
  max-width: 100%;
  padding: .9375rem .75rem;
  display: flex;
  position: relative;
}

.demo-onecommand_connector {
  background-color: #fff6;
  border-radius: 100rem;
  width: .3125rem;
  height: .3125rem;
  position: absolute;
}

.demo-onecommand_connector.is-tl {
  top: -.1875rem;
  left: -.1875rem;
}

.demo-onecommand_connector.is-tr {
  top: -.1875rem;
  right: -.1875rem;
}

.demo-onecommand_connector.is-bl {
  bottom: -.1875rem;
  left: -.1875rem;
}

.demo-onecommand_connector.is-br {
  bottom: -.1875rem;
  right: -.1875rem;
}

.demo-onecommand_github-icon {
  color: #ffffff80;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
}

.demo-onecommand_cmd {
  text-align: left;
  flex: 0;
  min-width: 0;
}

.demo-onecommand_cmd-text {
  color: #ffffffd9;
  text-align: left;
  min-width: 100%;
  margin: 0;
  font-family: Geistmono, Verdana, sans-serif;
  font-size: .9rem;
  line-height: 1.25;
}

.demo-onecommand_copy {
  color: #ffffff80;
  cursor: pointer;
  background-color: #3898ec00;
  border-style: none;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  padding: 0;
  display: flex;
}

.demo-onecommand_copy:hover {
  color: #fff;
}

.demo-onecommand_copy.is-copied {
  color: var(--brand--lime);
}

.section_demo-snippet {
  width: 100%;
}

.demo-snippet_inner {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.demo-snippet_left {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: flex-start;
  width: 37.4375rem;
  max-width: 50%;
  display: flex;
}

.demo-snippet_subtext {
  color: #ffffff80;
  max-width: 31.4375rem;
  margin: 0;
  font-family: Uncut Sans, Georgia, sans-serif;
  font-size: 1.125rem;
  line-height: 1.28;
}

.demo-snippet_code {
  border: .0625rem solid #f3f3ee26;
  flex-direction: column;
  flex: none;
  width: 37.4375rem;
  min-width: 0;
  max-width: 50%;
  display: flex;
  overflow: hidden;
}

.demo-snippet_code-bar {
  background-color: #06130e;
  justify-content: space-between;
  align-items: center;
  padding: .625rem 1rem;
  display: flex;
}

.demo-snippet_code-bar-lang {
  color: #ffffff80;
  letter-spacing: .06em;
  text-transform: uppercase;
  font-family: Uncut Sans, Georgia, sans-serif;
  font-size: .875rem;
  line-height: 1.4;
}

.demo-snippet_code-copy {
  color: #ffffff80;
  cursor: pointer;
  background-color: #3898ec00;
  border-style: none;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  padding: 0;
  display: flex;
}

.demo-snippet_code-copy:hover {
  color: #fff;
}

.demo-snippet_code-body {
  background-color: #0b2219;
  flex-direction: column;
  align-items: stretch;
  padding: 1rem;
  display: flex;
  overflow-x: auto;
}

.demo-snippet_code-pre {
  width: 100%;
  color: var(--syntax--plain);
  white-space: normal;
  word-break: normal;
  overflow-wrap: break-word;
  margin: 0;
  font-family: Geistmono, monospace;
  font-size: .8125rem;
  line-height: 1.5;
}

.demo-snippet_syn-keyword {
  color: var(--syntax--keyword);
}

.demo-snippet_syn-property {
  color: var(--syntax--property);
}

.demo-snippet_syn-string {
  color: var(--syntax--string);
}

.demo-snippet_syn-function {
  color: var(--syntax--function);
}

.demo-snippet_syn-comment {
  color: #c7c7c780;
}

.footer {
  grid-column-gap: 1.3rem;
  grid-row-gap: 1.3rem;
  flex-direction: column;
  width: 100%;
  padding: 0;
  display: flex;
}

.footer._2 {
  padding: 0;
}

.footer_grid {
  border-top: .0625rem solid #ffffff1a;
  border-bottom: .0625rem solid #ffffff1a;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.footer_brand {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  background-color: #0003;
  border-left: .0625rem solid #ffffff1a;
  border-right: .0625rem solid #ffffff1a;
  flex-flow: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 2.5rem 1.25rem 1.25rem;
  display: flex;
}

.footer_brand-row {
  align-items: center;
  display: flex;
}

.footer_brand-logo {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  align-items: center;
  padding: .5rem;
  text-decoration: none;
  display: flex;
}

.footer_brand-logo.w--current {
  padding: 0;
}

.footer_brand-mark {
  color: #fff;
  flex-shrink: 0;
  width: 1.5625rem;
  height: 2.0625rem;
}

.footer_brand-cyberlock {
  color: #fff;
  font-family: Geistmono, Verdana, sans-serif;
  font-size: 1rem;
  line-height: 1.32;
}

.footer_brand-chatpack {
  color: #fff;
  letter-spacing: .07em;
  font-family: Geistmono, Verdana, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.32;
}

.footer_brand-copy {
  color: #ffffff80;
  max-width: 23rem;
  margin: 0;
  font-family: Uncut Sans, Georgia, sans-serif;
  font-size: 1rem;
  line-height: 1.28;
}

.footer_cols {
  flex: 1 1 0;
  display: flex;
}

.footer_col {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  border-right: .0625rem solid #ffffff1a;
  flex-direction: column;
  flex: 1 1 0;
  justify-content: center;
  align-items: center;
  padding: 2.5rem 2.5rem 5rem;
  display: flex;
}

.footer_col.is-last {
  display: none;
}

.footer_col-heading {
  color: #ffffff80;
  margin: 0;
  font-family: Uncut Sans, Georgia, sans-serif;
  font-size: .75rem;
  line-height: 1.32;
}

.footer_col-items {
  flex-direction: column;
  display: flex;
}

.footer_col-link {
  color: #fff;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  padding: .25rem 0;
  font-family: Uncut Sans, Georgia, sans-serif;
  font-size: .75rem;
  line-height: 1.32;
  text-decoration: none;
  display: flex;
}

.footer_col-link:hover {
  color: var(--brand--lime);
}

.footer_legal {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: space-between;
  align-items: center;
  padding: 0 1.25rem;
  display: flex;
}

.footer_legal-link {
  color: #ffffff80;
  padding: .25rem 0;
  font-family: Geistmono, Verdana, sans-serif;
  font-size: .75rem;
  line-height: 1.32;
  text-decoration: none;
}

.footer_legal-link:hover {
  color: #fff;
}

.footer_legal-copy {
  color: #ffffff80;
  font-family: Geistmono, Verdana, sans-serif;
  font-size: .75rem;
  line-height: 1.32;
}

.logo-chat {
  color: var(--_theme---background--alternate);
}

.svg-2 {
  height: 3rem;
  color: var(--_theme---background--alternate);
}

.svg-3 {
  background-color: #fff0;
}

.git-svg {
  width: 1.5rem;
}

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

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

.div-block-2 {
  grid-column-gap: 8rem;
  grid-row-gap: 8rem;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.body {
  background-image: radial-gradient(circle at 85% 25%, #2aad79, #165741 30%, #103225 55%, #0b2219);
}

.prompt_preview {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #ffffff08;
  border: .0625rem solid #ffffff1f;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
  padding: 1.25rem;
  display: none;
}

.prompt_preview.is-visible {
  display: flex;
}

.prompt_preview-title {
  color: #fff;
  margin: 0;
  font-family: Uncut Sans, Georgia, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.4;
}

.prompt_preview-summary {
  color: #ffffff80;
  margin: 0;
  font-family: Uncut Sans, Georgia, sans-serif;
  font-size: .875rem;
  line-height: 1.5;
}

.prompt_preview-divider {
  background-color: #ffffff1a;
  width: 100%;
  height: .0625rem;
}

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

.prompt_preview-btn {
  grid-column-gap: .375rem;
  grid-row-gap: .375rem;
  color: #ffffff73;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  background-color: #0000;
  border-style: none;
  align-items: center;
  padding: 0;
  font-family: Geistmono, Verdana, sans-serif;
  font-size: .75rem;
  line-height: 1.32;
  transition: color .15s;
  display: flex;
}

.prompt_preview-btn:hover {
  color: #fffc;
}

.prompt_modal {
  z-index: 200000;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0;
}

.prompt_modal.is-open {
  display: flex;
}

.prompt_modal-backdrop {
  -webkit-backdrop-filter: blur(.5rem);
  backdrop-filter: blur(.5rem);
  background-color: #05120dbf;
  position: absolute;
  inset: 0;
}

.prompt_modal-panel {
  background-image: linear-gradient(#0c261cfb, #04120dfb);
  border: .0625rem solid #e8ffd62e;
  border-radius: .75rem;
  flex-direction: column;
  width: 38rem;
  max-width: calc(100vw - 2rem);
  max-height: calc(100vh - 4rem);
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 34px 90px #0000008c, inset 0 1px #ffffff0f;
}

.prompt_modal-header {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: space-between;
  align-items: flex-start;
  padding: 1.5rem 1.5rem 0;
  display: flex;
}

.prompt_modal-title {
  color: #fff;
  flex: 1 1 0;
  margin: 0;
  font-family: Uncut Sans, Georgia, sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.4;
}

.prompt_modal-close {
  color: #fff9;
  cursor: pointer;
  background-color: #ffffff0f;
  border: .0625rem solid #ffffff1f;
  border-radius: .375rem;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  padding: 0;
  transition: background-color .15s, color .15s;
  display: flex;
}

.prompt_modal-close:hover {
  color: #fff;
  background-color: #ffffff1f;
}

.prompt_modal-body {
  flex: auto;
  padding: 1.25rem 1.5rem 1.5rem;
  overflow-y: auto;
}

.prompt_modal-text {
  color: #ffffffbf;
  white-space: pre-wrap;
  margin: 0;
  font-family: Geistmono, Verdana, sans-serif;
  font-size: .875rem;
  line-height: 1.65;
}

.prompt_modal-footer {
  justify-content: flex-end;
  align-items: center;
  padding: 0 1.5rem 1.25rem;
  display: flex;
}

.prompt_modal-copy {
  grid-column-gap: .375rem;
  grid-row-gap: .375rem;
  color: #edf3cf;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  background-color: #edf3cf1a;
  border: .0625rem solid #e8ffd638;
  border-radius: .5rem;
  align-items: center;
  padding: .5rem 1rem;
  font-family: Geistmono, Verdana, sans-serif;
  font-size: .8125rem;
  line-height: 1.32;
  transition: background-color .15s;
  display: flex;
}

.prompt_modal-copy:hover {
  background-color: #edf3cf2e;
}

.svg-4 {
  color: #000;
  -webkit-text-stroke-color: black;
}

.svg-5 {
  color: #000;
}

.prompt_modal-copy-icon, .prompt_preview-icon {
  width: .875rem;
  height: .875rem;
  color: inherit;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.section_blog-hero {
  padding-top: 10rem;
  padding-bottom: 3rem;
}

.blog_hero {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-direction: column;
  align-items: flex-start;
  max-width: 42rem;
  display: flex;
}

.blog_hero-label {
  color: #d2f338;
  letter-spacing: .04em;
  text-transform: uppercase;
  font-family: Geistmono, Verdana, sans-serif;
  font-size: .75rem;
  line-height: 1.32;
}

.blog_hero-heading {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Uncut Sans, Georgia, sans-serif;
  font-size: 3.5rem;
  font-weight: 400;
  line-height: 1.05;
}

.blog_hero-sub {
  color: #ffffffb8;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Uncut Sans, Georgia, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.5;
}

.section_blog-list {
  padding-top: 1rem;
  padding-bottom: 6rem;
}

.blog_chips {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 2.5rem;
  display: flex;
}

.blog_chip {
  color: #fff;
  background-color: #0000;
  border: 1px solid #d2f338;
  border-radius: 0;
  align-items: center;
  padding: .625rem 1rem;
  font-family: Uncut Sans, Georgia, sans-serif;
  font-size: .9375rem;
  line-height: 1.2;
  text-decoration: none;
  transition-property: background-color, border-color, color;
  transition-duration: .18s, 0s, 0s;
  transition-timing-function: ease, ease, ease;
  display: inline-flex;
}

.blog_chip:hover {
  color: #d2f338;
  border-color: #d2f338;
}

.blog_chip.blog_chip-all {
  color: #0b2219;
  background-color: #d2f338;
  border: 1px solid #d2f338;
  font-weight: 600;
}

.blog_chip-all {
  color: #0b2219;
  background-color: #d2f338;
  border-color: #d2f338;
  font-weight: 600;
}

.blog_grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  display: block;
}

.blog_card {
  grid-column-gap: 5.5rem;
  grid-row-gap: 5.5rem;
  background-color: #071711;
  border-style: none;
  border-width: 0;
  border-radius: 0;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  min-height: 20rem;
  padding: 1.5rem;
  text-decoration: none;
  transition-property: background-color;
  transition-duration: .18s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.blog_card:hover {
  background-color: #0b2219;
}

.blog_card-top {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  display: flex;
}

.blog_card-meta {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #ffffff8c;
  text-transform: uppercase;
  flex-wrap: wrap;
  align-items: center;
  font-family: Geistmono, Verdana, sans-serif;
  font-size: .75rem;
  line-height: 1.3;
  display: flex;
}

.blog_card-title {
  color: #fff;
  letter-spacing: -.045em;
  max-width: 24rem;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Uncut Sans, Georgia, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.04;
}

.blog_card-summary {
  color: #ffffff80;
  letter-spacing: -.01em;
  max-width: 26rem;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Uncut Sans, Georgia, sans-serif;
  font-size: 1.125rem;
  line-height: 1.28;
}

.blog_card-badge {
  color: #0b2219;
  background-color: #d2f338;
  border-radius: .25rem;
  align-self: flex-start;
  margin-top: 1.5rem;
  padding: .4rem .75rem;
  font-family: Geistmono, Verdana, sans-serif;
  font-size: .75rem;
  font-weight: 500;
  line-height: 1.2;
  display: inline-flex;
}

.blog_chips-list {
  display: contents;
}

.section_blog-post {
  background-color: #0000;
  padding-top: 8rem;
  padding-bottom: 5rem;
}

.blog_post {
  grid-column-gap: 3rem;
  grid-row-gap: 2.5rem;
  grid-template-columns: minmax(0, 1fr) 18rem;
  align-items: start;
  display: grid;
}

.blog_post-main {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.blog_post-title {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Uncut Sans, Georgia, sans-serif;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.1;
}

.blog_post-summary {
  color: #ffffffb8;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Uncut Sans, Georgia, sans-serif;
  font-size: 1.25rem;
  line-height: 1.5;
}

.blog_post-body {
  color: #ffffffd6;
  font-family: Uncut Sans, Georgia, sans-serif;
  font-size: 1.0625rem;
  line-height: 1.7;
}

.blog_post-aside {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  background-color: #0b2219b8;
  border: 1px solid #d2f33838;
  flex-direction: column;
  padding: 1.25rem;
  display: flex;
}

.blog_post-aside-label {
  color: #d2f338;
  letter-spacing: .04em;
  text-transform: uppercase;
  font-family: Geistmono, Verdana, sans-serif;
  font-size: .75rem;
}

.blog_post-cta {
  color: #0b2219;
  background-color: #d2f338;
  justify-content: center;
  align-items: center;
  padding: .85rem 1.1rem;
  font-family: Uncut Sans, Georgia, sans-serif;
  font-size: .9375rem;
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
}

.collection-list {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.blog_card-info {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  align-items: center;
  display: flex;
}

.blog_card-info-block {
  grid-column-gap: .125rem;
  grid-row-gap: .125rem;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.blog_card-info-label {
  color: #ffffff80;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geistmono, Verdana, sans-serif;
  font-size: .75rem;
  line-height: 1.32;
}

.blog_card-info-value {
  color: #fff;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geistmono, Verdana, sans-serif;
  font-size: .75rem;
  line-height: 1.32;
}

.blog_card-divider {
  background-color: #ffffff12;
  width: 1px;
  height: 2.125rem;
}

.blog_card-bottom {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.blog_card-text {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  min-width: 0;
  display: flex;
}

.blog_card-label-row {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  align-items: center;
  display: flex;
}

.blog_card-label {
  color: #d2f338;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geistmono, Verdana, sans-serif;
  font-size: .75rem;
  line-height: 1.32;
}

.blog_card-eye {
  background-color: #ffffff12;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  padding: .5rem;
  display: flex;
}

.blog_card-corner {
  pointer-events: none;
  width: 7px;
  height: 7px;
  position: absolute;
}

.blog_card-corner.blog_card-corner-tl {
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  top: 0;
  left: 0;
}

.blog_card-corner.blog_card-corner-tr {
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  top: 0;
  right: 0;
}

.blog_card-corner.blog_card-corner-bl {
  border-bottom: 1px solid #fff;
  border-left: 1px solid #fff;
  bottom: 0;
  left: 0;
}

.blog_card-corner.blog_card-corner-br {
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  bottom: 0;
  right: 0;
}

.blog_card-inner {
  display: contents;
}

.blog_card-icon {
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 12px;
  height: 12px;
  display: flex;
}

.blog_card-cats {
  white-space: nowrap;
  clip: rect(0, 0, 0, 0);
  border-style: none;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.blog_detail {
  grid-column-gap: 2.5rem;
  grid-row-gap: 3rem;
  grid-template-columns: 15rem minmax(0, 1fr);
  align-items: start;
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.blog_detail-aside {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-direction: column;
  padding-top: 1.5rem;
  padding-right: 1.5rem;
  display: flex;
  position: sticky;
  top: 6rem;
}

.blog_detail-main {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  max-width: 650px;
  display: flex;
}

.blog_detail-back {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #e4eac8;
  align-items: center;
  margin-bottom: .5rem;
  font-family: Uncut Sans, Georgia, sans-serif;
  font-size: .875rem;
  line-height: 1.5;
  text-decoration: none;
  display: inline-flex;
}

.blog_detail-meta-group {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.blog_detail-label {
  color: #989e7b;
  letter-spacing: .5px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geistmono, Verdana, sans-serif;
  font-size: .7375rem;
  line-height: 1.5;
}

.blog_detail-value {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Uncut Sans, Georgia, sans-serif;
  font-size: .875rem;
  line-height: 1.5;
}

.blog_detail-author {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  align-items: center;
  width: 100%;
  display: flex;
}

.blog_detail-avatar {
  object-fit: cover;
  background-color: #ffffff1a;
  border-radius: 1rem;
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
}

.blog_detail-meta-row {
  grid-column-gap: 1.5rem;
  grid-row-gap: .5rem;
  color: #fff;
  flex-wrap: wrap;
  align-items: center;
  font-family: Uncut Sans, Georgia, sans-serif;
  font-size: .875rem;
  line-height: 1.5;
  display: flex;
}

.blog_detail-header {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-direction: column;
  width: 100%;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  display: flex;
}

.blog_detail-title {
  color: #fff;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Uncut Sans, Georgia, sans-serif;
  font-size: 3.1rem;
  font-weight: 500;
  line-height: 1.08;
}

.blog_detail-lede {
  opacity: .92;
  color: #fff;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Uncut Sans, Georgia, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
}

.blog_detail-hero {
  object-fit: cover;
  background-color: #103225cc;
  border-radius: .75rem;
  width: 100%;
  height: 25rem;
  overflow: hidden;
}

.blog_detail-article {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-direction: column;
  width: 100%;
  max-width: 650px;
  padding-bottom: 1.5rem;
  display: flex;
}

.blog_detail-quote {
  color: #fff;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Uncut Sans, Georgia, sans-serif;
  font-size: 1.25rem;
  font-style: italic;
  line-height: 1.7;
}

.blog_detail-quote-attr {
  color: #fff;
  margin-top: .75rem;
  margin-bottom: 3rem;
  font-family: Uncut Sans, Georgia, sans-serif;
  font-size: 1rem;
  line-height: 1.7;
}

.blog_detail-highlights {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  color: #fff;
  background-color: #ffffff0d;
  border: 1px solid #ffffff1a;
  border-radius: .5rem;
  flex-direction: column;
  width: 100%;
  padding: 1.5rem;
  display: flex;
}

.blog_detail-highlights-title {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Uncut Sans, Georgia, sans-serif;
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.4;
}

.blog_detail-highlights-body {
  color: #fff;
  letter-spacing: -.02em;
  font-family: Uncut Sans, Georgia, sans-serif;
  font-size: 1.125rem;
  line-height: 1.7;
}

.blog_detail-body {
  color: #fff;
  width: 100%;
  max-width: 650px;
  font-family: Uncut Sans, Georgia, sans-serif;
  font-size: 1.1rem;
  line-height: 1.7;
}

.blog_detail-embed {
  display: none;
}

.section_author-hero {
  padding-top: 4rem;
  padding-bottom: 2rem;
}

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

.author_avatar {
  object-fit: cover;
  border-radius: 999px;
  width: 5rem;
  height: 5rem;
}

.author_name {
  color: #f4f7f5;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 1.1;
}

.author_role {
  color: #d2f338;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-family: Geist Mono, monospace;
  font-size: .875rem;
}

.author_short-bio {
  color: #a8b5af;
  font-size: 1.125rem;
  line-height: 1.6;
}

.author_socials {
  grid-column-gap: 1rem;
  align-items: center;
  margin-top: .5rem;
  display: flex;
}

.author_social-link {
  color: #a8b5af;
  letter-spacing: .06em;
  text-transform: uppercase;
  font-family: Geist Mono, monospace;
  font-size: .8125rem;
  text-decoration: none;
}

.section_author-bio {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.author_bio-body {
  color: #c8d4cc;
  max-width: 42rem;
  font-family: Uncut Sans, Georgia, sans-serif;
  font-size: 1rem;
  line-height: 1.7;
}

.section_author-posts {
  padding-top: 2rem;
  padding-bottom: 6rem;
}

.author_posts-label {
  color: #d2f338;
  letter-spacing: .1em;
  text-transform: uppercase;
  margin-bottom: 2rem;
  font-family: Geist Mono, monospace;
  font-size: .75rem;
}

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

.blog_breadcrumb {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  letter-spacing: .04em;
  text-transform: uppercase;
  align-items: center;
  padding-top: 1.5rem;
  padding-bottom: 0;
  font-family: Geistmono, Verdana, sans-serif;
  font-size: .75rem;
  line-height: 1.4;
  display: flex;
}

.blog_breadcrumb-link {
  color: #e4eac8;
  text-decoration: none;
}

.blog_breadcrumb-sep {
  color: #e4eac873;
}

.blog_breadcrumb-current {
  color: #e4eac8;
}

.blog_breadcrumb-current._2 {
  color: #d2f338;
}

.collection-list-3 {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  display: flex;
}

.text-span {
  background-color: #fff3;
  border-radius: 100px;
  margin-left: .2rem;
  padding: .2rem .4rem;
  font-size: .8rem;
}

.text-block {
  color: #ffffff80;
  text-align: right;
  font-family: Uncut Sans, Georgia, sans-serif;
  font-size: .875rem;
  font-weight: 400;
}

.div-block-3 {
  text-align: right;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.author_posts-title {
  color: #fff;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 2rem;
  font-family: Uncut Sans, Georgia, sans-serif;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.05;
}

.author_post-card {
  border-top: 1px solid #ffffff26;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  text-decoration: none;
  display: block;
}

.author_posts-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 0rem;
  grid-template-columns: 1fr 1fr;
  display: grid;
}

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

.footer_col-2 {
  flex-direction: column;
  gap: 1.25rem;
  width: 10rem;
  display: flex;
}

.footer_col-heading-2 {
  color: #ffffff5c;
  text-align: center;
  letter-spacing: .2em;
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.2;
}

.footer_col-list {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: .875rem;
  margin-top: -3px;
  display: flex;
}

.footer_link {
  color: #fff;
  cursor: pointer;
  font-family: Uncut Sans, Georgia, sans-serif;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.5;
  text-decoration: none;
}

.footer_link:hover {
  color: #a9654e;
}

.footer_link:active {
  opacity: .85;
  color: #8a4f3b;
}

@media screen and (max-width: 991px) {
  body {
    --_typography---body--body-font-size: 1rem;
    --_typography---body--body-line-height: var(--font-height--xlarge);
    --_typography---body--body-font-weight: var(--font-weight--normal);
    --_typography---body--body-letter-spacing: var(--letter-spacing--default);
    --_typography---h1--h1-font-size: 4rem;
    --_typography---h1--h1-line-height: var(--font-height--small);
    --_typography---h1--h1-font-weight: var(--font-weight--bold);
    --_typography---h1--h1-letter-spacing: var(--letter-spacing--default);
    --_typography---h2--h2-font-size: 3rem;
    --_typography---h2--h2-line-height: var(--font-height--medium);
    --_typography---h2--h2-font-weight: var(--font-weight--bold);
    --_typography---h2--h2-letter-spacing: var(--letter-spacing--default);
    --_typography---h3--h3-font-size: 2rem;
    --_typography---h3--h3-line-height: var(--font-height--medium);
    --_typography---h3--h3-font-weight: var(--font-weight--bold);
    --_typography---h3--h3-letter-spacing: var(--letter-spacing--default);
    --_typography---h4--h4-font-size: 1.5rem;
    --_typography---h4--h4-line-height: var(--font-height--large);
    --_typography---h4--h4-font-weight: var(--font-weight--bold);
    --_typography---h4--h4-letter-spacing: var(--letter-spacing--default);
    --_typography---h5--h5-font-size: 1.25rem;
    --_typography---h5--h5-line-height: var(--font-height--xlarge);
    --_typography---h5--h5-font-weight: var(--font-weight--bold);
    --_typography---h5--h5-letter-spacing: var(--letter-spacing--default);
    --_typography---h6--h6-font-size: 1rem;
    --_typography---h6--h6-line-height: var(--font-height--xlarge);
    --_typography---h6--h6-font-weight: var(--font-weight--bold);
    --_typography---h6--h6-letter-spacing: var(--letter-spacing--default);
    --_typography---font-size--medium: 1.25rem;
    --_typography---font-size--tiny: .75rem;
    --_typography---font-size--regular: 1rem;
    --_typography---font-size--small: .875rem;
    --_typography---font-size--large: 1.5rem;
    --_layout---spacing--none: 0rem;
    --_layout---spacing--small: 1.5rem;
    --_layout---spacing--xxtiny: .25rem;
    --_layout---spacing--xxsmall: 1rem;
    --_layout---spacing--medium: 1.5rem;
    --_layout---spacing--xtiny: .5rem;
    --_layout---spacing--global-padding: 2.5rem;
    --_layout---spacing--xlarge: 3rem;
    --_layout---spacing--xsmall: 1.25rem;
    --_layout---spacing--xhuge: 6rem;
    --_layout---spacing--xxhuge: 8rem;
    --_layout---spacing--huge: 5rem;
    --_layout---spacing--large: 2.5rem;
    --_layout---spacing--xxlarge: 4rem;
    --_layout---spacing--tiny: .75rem;
    --_layout---section-padding--small: 3rem;
    --_layout---section-padding--large: 6rem;
    --_layout---section-padding--medium: 4rem;
  }

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

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

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

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

  .fs-styleguide_section {
    grid-column-gap: var(--_layout---spacing--large);
    grid-template-columns: 1fr;
  }

  .section_hero {
    padding-top: 3rem;
  }

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

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

  .chathero_title {
    font-size: 2.5rem;
  }

  .chathero_topline {
    grid-template-columns: 1fr;
    gap: .5rem;
  }

  .chathero_topline-left, .chathero_topline-right {
    grid-column: auto;
  }

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

  .chathero_visual {
    min-height: 26rem;
  }

  .demo_inner {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-direction: column;
  }

  .demo_left {
    width: 100%;
  }

  .demo_label {
    justify-content: center;
    align-items: center;
  }

  .demo_heading {
    font-size: 2rem;
  }

  .demo_cards {
    width: 100%;
  }

  .demo-features_grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .demo-feat_rows {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .demo-feat_row {
    flex-wrap: wrap;
  }

  .demo-feat_card {
    min-width: 0;
  }

  .demo-compare_inner {
    flex-direction: column;
  }

  .demo-compare_left {
    text-align: center;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 100%;
  }

  .demo-compare_content {
    justify-content: center;
    align-items: center;
  }

  .demo-compare_chart {
    width: 100%;
  }

  .demo-compare_bar-header {
    justify-content: space-between;
    align-items: center;
  }

  .demo-roadmap_header {
    text-align: center;
    justify-content: center;
    align-items: center;
  }

  .demo-roadmap_grid {
    flex-direction: column;
  }

  .demo-cta_chart {
    width: 100%;
  }

  .demo-snippet_inner {
    flex-direction: column;
  }

  .demo-snippet_left {
    width: 100%;
    max-width: 100%;
  }

  .demo-snippet_code {
    width: 100%;
  }

  .footer_grid {
    flex-direction: column;
  }

  .footer_brand {
    border-bottom: .0625rem solid #ffffff1a;
    border-right: none;
    width: 100%;
  }

  .blog_hero-heading {
    font-size: 2.5rem;
  }

  .blog_grid, .blog_post {
    grid-template-columns: 1fr;
  }

  .blog_post-title {
    font-size: 2.25rem;
  }

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

  .blog_detail-aside {
    padding-right: 0;
    position: static;
  }

  .section_author-hero {
    margin-top: 0;
  }
}

@media screen and (max-width: 767px) {
  body {
    --_typography---body--body-font-size: 1rem;
    --_typography---body--body-line-height: var(--font-height--xlarge);
    --_typography---body--body-font-weight: var(--font-weight--normal);
    --_typography---body--body-letter-spacing: var(--letter-spacing--default);
    --_typography---h1--h1-font-size: 2.5rem;
    --_typography---h1--h1-line-height: var(--font-height--small);
    --_typography---h1--h1-font-weight: var(--font-weight--bold);
    --_typography---h1--h1-letter-spacing: var(--letter-spacing--default);
    --_typography---h2--h2-font-size: 2rem;
    --_typography---h2--h2-line-height: var(--font-height--medium);
    --_typography---h2--h2-font-weight: var(--font-weight--bold);
    --_typography---h2--h2-letter-spacing: var(--letter-spacing--default);
    --_typography---h3--h3-font-size: 1.5rem;
    --_typography---h3--h3-line-height: var(--font-height--medium);
    --_typography---h3--h3-font-weight: var(--font-weight--bold);
    --_typography---h3--h3-letter-spacing: var(--letter-spacing--default);
    --_typography---h4--h4-font-size: 1.25rem;
    --_typography---h4--h4-line-height: var(--font-height--large);
    --_typography---h4--h4-font-weight: var(--font-weight--bold);
    --_typography---h4--h4-letter-spacing: var(--letter-spacing--default);
    --_typography---h5--h5-font-size: 1rem;
    --_typography---h5--h5-line-height: var(--font-height--xlarge);
    --_typography---h5--h5-font-weight: var(--font-weight--bold);
    --_typography---h5--h5-letter-spacing: var(--letter-spacing--default);
    --_typography---h6--h6-font-size: .875rem;
    --_typography---h6--h6-line-height: var(--font-height--xlarge);
    --_typography---h6--h6-font-weight: var(--font-weight--bold);
    --_typography---h6--h6-letter-spacing: var(--letter-spacing--default);
    --_typography---font-size--medium: 1.25rem;
    --_typography---font-size--tiny: .75rem;
    --_typography---font-size--regular: 1rem;
    --_typography---font-size--small: .875rem;
    --_typography---font-size--large: 1.25rem;
    --_layout---spacing--none: 0rem;
    --_layout---spacing--small: 1.5rem;
    --_layout---spacing--xxtiny: .25rem;
    --_layout---spacing--xxsmall: 1rem;
    --_layout---spacing--medium: 1.25rem;
    --_layout---spacing--xtiny: .5rem;
    --_layout---spacing--global-padding: 1.25rem;
    --_layout---spacing--xlarge: 2rem;
    --_layout---spacing--xsmall: 1.25rem;
    --_layout---spacing--xhuge: 5rem;
    --_layout---spacing--xxhuge: 6rem;
    --_layout---spacing--huge: 4rem;
    --_layout---spacing--large: 1.5rem;
    --_layout---spacing--xxlarge: 3rem;
    --_layout---spacing--tiny: .75rem;
    --_layout---section-padding--small: 3rem;
    --_layout---section-padding--large: 5rem;
    --_layout---section-padding--medium: 3rem;
  }

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

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

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

  .chathero_panel {
    padding-top: 1rem;
    padding-bottom: 2rem;
  }

  .chathero_body {
    gap: 2.25rem;
  }

  .chathero_console-tabs {
    gap: 1rem;
    overflow-x: auto;
  }

  .chathero_actions {
    width: 100%;
  }

  .chathero_visual {
    aspect-ratio: 4 / 3;
    min-height: 0;
  }

  .chatclients_strip {
    flex-direction: column;
    align-items: flex-start;
    gap: 2rem;
    padding-right: 1.5rem;
  }

  .demo_heading {
    font-size: 1.75rem;
    line-height: 1.2;
  }

  .demo_terminal-cmd {
    font-size: .9rem;
  }

  .demo_card {
    padding: 1rem;
  }

  .demo-features_grid {
    grid-template-columns: 1fr;
  }

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

  .demo-feat_rows {
    grid-template-columns: 1fr;
  }

  .demo-feat_card {
    min-width: 0;
  }

  .top-quick-start {
    text-align: center;
  }

  .demo-compare_content {
    width: 100%;
  }

  .demo-compare_subtext {
    max-width: none;
  }

  .demo-compare_stats {
    flex-wrap: wrap;
    gap: 1.5rem;
  }

  .demo-compare_stat-value {
    font-size: 1.95rem;
  }

  .demo-compare_bar-name.is-highlight {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  }

  .demo-compare_bar-time {
    font-size: 1.1rem;
  }

  .demo-compare_bar-time.is-highlight {
    font-size: 1.15rem;
  }

  .demo-compare_footnote {
    font-family: Uncut Sans, Georgia, sans-serif;
    font-weight: 400;
  }

  .demo-roadmap_item-text {
    color: #fff9;
  }

  .demo-cta_bar-slower {
    margin-top: .25rem;
    position: relative;
    right: auto;
    transform: none;
  }

  .demo-snippet_code-pre {
    font-size: .75rem;
  }

  .footer_cols {
    flex-direction: column;
  }

  .footer_col {
    border-bottom: .0625rem solid #ffffff1a;
    border-right: none;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .footer_legal {
    flex-wrap: wrap;
  }

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

  .blog_detail-title {
    font-size: 2.25rem;
  }

  .blog_detail-hero {
    height: 16rem;
  }

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

  .footer_col-2 {
    width: 40%;
  }
}

@media screen and (max-width: 479px) {
  .fs-styleguide_row {
    flex-wrap: wrap;
  }

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

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

  .page-wrapper {
    background-image: none;
    overflow: hidden;
  }

  .page-wrapper.blog {
    padding-top: 3rem;
  }

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

  .chathero_panel {
    padding: 1rem;
  }

  .chathero_title {
    font-size: 2.2rem;
  }

  .chathero_subtext {
    font-size: 1rem;
  }

  .chathero_pills {
    gap: .5rem;
  }

  .chathero_actions {
    flex-direction: column;
    align-items: stretch;
  }

  .chatnav_logo {
    padding-left: 0;
  }

  .demo_heading {
    text-align: center;
  }

  .demo_subtext {
    text-align: center;
    font-family: Uncut Sans, Georgia, sans-serif;
    font-size: 1rem;
    font-weight: 400;
  }

  .demo_terminal-bar {
    grid-column-gap: .9rem;
    grid-row-gap: .9rem;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .demo_terminal-tabs {
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }

  .demo_terminal-tab.is-active, .demo_terminal-tab.is-bordered {
    width: 100%;
  }

  .demo_terminal-copy {
    width: 1.1rem;
    height: 1.1rem;
  }

  .demo_card {
    grid-column-gap: 1.2rem;
    grid-row-gap: 1.2rem;
  }

  .demo_card-num, .demo_card-title {
    font-size: 1.2rem;
  }

  .demo_terminal-output-text {
    font-size: .9rem;
  }

  .demo_terminal-output-1 {
    padding-top: 1.3rem;
    padding-bottom: 1.3rem;
  }

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

  .demo-feat_card-icon {
    width: 1.5rem;
    height: 1.5rem;
  }

  .demo-feat_card-badge-text {
    font-size: .75rem;
  }

  .demo-feat_card-title {
    font-size: 1.1rem;
  }

  .demo-compare_subtext {
    font-size: 1rem;
  }

  .demo-compare_stats {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .demo-compare_stat-value {
    font-size: 1.7rem;
  }

  .demo-compare_chart {
    padding: 1.1rem;
  }

  .demo-compare_bar-name {
    font-size: .9rem;
  }

  .demo-compare_bar-time, .demo-compare_bar-time.is-highlight {
    font-size: 1rem;
  }

  .demo-roadmap_header {
    text-align: center;
    justify-content: center;
    align-items: center;
  }

  .demo-roadmap_col-head-text, .demo-roadmap_col-head-text.is-now, .demo-roadmap_item-text {
    font-size: 1rem;
  }

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

  .demo-cta_header {
    max-width: 100%;
  }

  .demo-cta_bar-header {
    justify-content: space-between;
    align-items: center;
  }

  .demo-cta_bar-name.is-cp, .demo-cta_bar-name.is-other {
    font-size: .9rem;
  }

  .demo-cta_bar-time.is-cp, .demo-cta_bar-time.is-other {
    font-size: 1rem;
  }

  .demo-cta_footnote {
    font-size: .8rem;
  }

  .demo-cta_snippet-row {
    justify-content: center;
    align-items: center;
  }

  .demo-onecommand_subtext {
    font-size: 1rem;
  }

  .demo-snippet_code {
    max-width: none;
  }

  .footer {
    border-top-style: none;
  }

  .footer_grid {
    border-bottom-style: none;
  }

  .footer_brand {
    grid-column-gap: 1.7rem;
    grid-row-gap: 1.7rem;
    text-align: left;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding: .9rem 1.25rem 1.1rem;
  }

  .footer_brand-copy {
    text-align: center;
    font-size: .95rem;
    font-weight: 400;
  }

  .footer_cols {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .footer_col {
    text-align: left;
    border-left: .0625px solid #ffffff1a;
    border-right-color: #ffffff1a;
    justify-content: center;
    align-items: center;
    padding: 1.5rem;
  }

  .footer_col-link {
    font-size: .8rem;
  }

  .svg-2 {
    height: 2.5rem;
  }

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

  .blog_card {
    min-height: 17rem;
  }

  .blog_card-title {
    font-size: 1.5rem;
  }

  .section_blog-post {
    padding-top: 6rem;
  }

  .blog_detail {
    grid-row-gap: 2rem;
  }

  .blog_detail-main, .blog_detail-article {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .blog_detail-highlights-body {
    font-size: 1rem;
  }

  .blog_detail-body {
    font-size: 1rem;
    font-weight: 400;
  }

  .section_author-hero {
    margin-top: 0;
  }

  .collection-list-2 {
    grid-template-columns: 1fr;
  }

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

  .div-block-4 {
    grid-column-gap: .7rem;
    grid-row-gap: .7rem;
    justify-content: space-between;
    align-items: center;
  }

  .footer_col-2 {
    width: 100%;
  }
}

#w-node-b224ec27-30fa-be84-48bf-7ed471542af3-7a9046f4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627ca17-7a9046f4, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ca1c-7a9046f4, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ca21-7a9046f4, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ca26-7a9046f4, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ca2c-7a9046f4, #w-node-_29944916-bdf8-3284-18c2-71731bf9625f-7a9046f4, #w-node-d82c25a1-9c5a-acbd-8867-8cb42abc0a9a-7a9046f4, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ca32-7a9046f4, #w-node-_241ad9f0-9b0a-7ce4-483b-a5640df30d14-7a9046f4, #w-node-_35c3e7b1-0b3d-bbd5-89b2-4cbc7446310f-7a9046f4, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ca38-7a9046f4, #w-node-f2be40fb-7434-5b85-cebf-33a0b4af9c1c-7a9046f4, #w-node-b55e2c9e-c779-7c2c-a303-b3885bc9b2f4-7a9046f4 {
  justify-self: start;
}

#w-node-_5d224905-8a1e-1460-7532-d38cb7ec37c1-7a9046f4, #w-node-fd4eed53-5a50-0911-0f18-8ce147363cf9-7a9046f4, #w-node-_40538c8c-870b-b365-34c4-2a06f0f8567d-7a9046f4, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cb45-7a9046f4, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cb5e-7a9046f4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cb61-7a9046f4 {
  justify-self: start;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cb63-7a9046f4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cb66-7a9046f4 {
  justify-self: start;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cbb8-7a9046f4, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cbc2-7a9046f4, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cbc3-7a9046f4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cc59-7a9046f4, #w-node-_1828742b-7742-c498-2120-ee3a4be8abb0-7a9046f4, #w-node-_1bac4e7f-357c-f250-5849-0ab04753ba13-7a9046f4, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc5e-7a9046f4, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc63-7a9046f4, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc68-7a9046f4, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc6d-7a9046f4, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc72-7a9046f4, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc77-7a9046f4, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc7c-7a9046f4, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc81-7a9046f4, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc86-7a9046f4 {
  justify-self: start;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cc8a-7a9046f4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cc8b-7a9046f4 {
  justify-self: start;
}

#w-node-_8fedd921-20e0-c24b-ae56-d16468dbc68a-7a9046f4 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-fceec446-245b-7a29-2150-13cdae4f9022-7a9046f4, #w-node-cadea74a-8988-5729-2b60-df95249db80d-7a9046f4, #w-node-_895449fe-6bbc-8f58-34af-515fe4bd44f4-7a9046f4, #w-node-_4ff91df3-8554-24ac-9158-fffdeb156bad-7a9046f4, #w-node-cafeccb1-c14e-01f0-dd2e-3317b2c15655-7a9046f4, #w-node-_6713667d-00ce-791f-7438-256c38a5c6ab-7a9046f4, #w-node-a82fc142-3d18-7c9d-b48e-221b7aba3abb-7a9046f4 {
  justify-self: start;
}

#w-node-_8c205f11-4dc8-692f-06ea-47bf3f3e00a6-7a9046f4 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_8c205f11-4dc8-692f-06ea-47bf3f3e00a8-7a9046f4, #w-node-_8c205f11-4dc8-692f-06ea-47bf3f3e00c1-7a9046f4, #w-node-_8c205f11-4dc8-692f-06ea-47bf3f3e00da-7a9046f4, #w-node-_8c205f11-4dc8-692f-06ea-47bf3f3e00f3-7a9046f4, #w-node-_8c205f11-4dc8-692f-06ea-47bf3f3e010c-7a9046f4, #w-node-_8c205f11-4dc8-692f-06ea-47bf3f3e0125-7a9046f4, #w-node-_8c205f11-4dc8-692f-06ea-47bf3f3e013e-7a9046f4 {
  justify-self: start;
}

#w-node-defa8ba2-e600-45f1-da44-1774da557f7e-7a9046f4 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-defa8ba2-e600-45f1-da44-1774da557f80-7a9046f4, #w-node-_30684373-af34-3818-02a4-e58b3ffef3e5-7a9046f4, #w-node-ceb447da-b621-f4da-4b7f-dc0a85a0b3bb-7a9046f4, #w-node-_1b5dd725-2264-7f60-edab-d7a2ffb4b463-7a9046f4, #w-node-_30684373-af34-3818-02a4-e58b3ffef3ea-7a9046f4, #w-node-_30684373-af34-3818-02a4-e58b3ffef3ef-7a9046f4, #w-node-_30684373-af34-3818-02a4-e58b3ffef3f4-7a9046f4, #w-node-_30684373-af34-3818-02a4-e58b3ffef3f9-7a9046f4, #w-node-_30684373-af34-3818-02a4-e58b3ffef3fe-7a9046f4, #w-node-_30684373-af34-3818-02a4-e58b3ffef403-7a9046f4, #w-node-_30684373-af34-3818-02a4-e58b3ffef408-7a9046f4, #w-node-_30684373-af34-3818-02a4-e58b3ffef40d-7a9046f4, #w-node-_30684373-af34-3818-02a4-e58b3ffef412-7a9046f4 {
  justify-self: start;
}

#w-node-_30684373-af34-3818-02a4-e58b3ffef416-7a9046f4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_30684373-af34-3818-02a4-e58b3ffef417-7a9046f4 {
  justify-self: start;
}

#w-node-_30684373-af34-3818-02a4-e58b3ffef41a-7a9046f4, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cd6b-7a9046f4, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cd98-7a9046f4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cdc7-7a9046f4 {
  justify-self: start;
}


@font-face {
  font-family: 'Geistmono';
  src: url('../fonts/geistmono-medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Geistmono';
  src: url('../fonts/geistmono-regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Geistmono';
  src: url('../fonts/geistmono-light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Uncut Sans';
  src: url('../fonts/uncut-sans-regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Uncut Sans';
  src: url('../fonts/uncut-sans-medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Uncut Sans';
  src: url('../fonts/uncut-sans-semibold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}