/* lx-framework-colours: the colours of webflow.css, read from roles (written by refactor.mjs) */
body { background-color: var(--role-page); }
body { color: var(--tone-jet-80-page); }
.w-button { background-color: var(--tone-inverse-10-figma-blue-77-figma-purple); }
.w-button { color: var(--role-page); }
.w-webflow-badge { color: var(--tone-ink-95-figma-blue-33-surface) !important; }
.w-webflow-badge { background-color: var(--role-page) !important; }
blockquote { border-left: 5px solid var(--tone-on-band-84-band-ink-soft); }
.w-form-done { background-color: var(--tone-on-band-76-night-700); }
.w-form-fail { background-color: var(--tone-page-75-night-error); }
.w-input,
.w-select { color: var(--tone-jet-80-page); }
.w-input,
.w-select { background-color: var(--role-page); }
.w-input,
.w-select { border: 1px solid var(--tone-on-band-80-2-night-300); }
.w-input::placeholder,
.w-select::placeholder { color: var(--tone-on-band-60-3-ink); }
.w-input:focus,
.w-select:focus { border-color: var(--tone-inverse-10-figma-blue-77-figma-purple); }
.w-input[disabled]:not(.w-input-disabled),
.w-select[disabled]:not(.w-input-disabled),
.w-input[readonly],
.w-select[readonly],
fieldset[disabled]:not(.w-input-disabled) .w-input,
fieldset[disabled]:not(.w-input-disabled) .w-select { background-color: var(--tone-on-band-80-line); }
.w-select { background-color: var(--tone-on-band-51-surface); }
.w-file-upload-default,
.w-file-upload-uploading,
.w-file-upload-success { color: var(--tone-jet-80-page); }
.w-file-upload-uploading-btn { border: 1px solid var(--tone-on-band-80-2-night-300); }
.w-file-upload-uploading-btn { background-color: var(--tone-page-64-on-band); }
.w-file-upload-file { border: 1px solid var(--tone-on-band-80-2-night-300); }
.w-file-upload-file { background-color: var(--tone-page-64-on-band); }
.w-file-upload-label { border: 1px solid var(--tone-on-band-80-2-night-300); }
.w-file-upload-label { background-color: var(--tone-page-64-on-band); }
.w-widget-twitter-count-shim { background: var(--role-page); }
.w-widget-twitter-count-shim { border: var(--tone-ink-49-accent-soft-91-figma-blue) solid 1px; }
.w-widget-twitter-count-shim .w-widget-twitter-count-inner { color: var(--tone-on-band-60-3-ink); }
.w-widget-twitter-count-shim:not(.w--vertical):before { border-color: transparent; }
.w-widget-twitter-count-shim:not(.w--vertical):before { border-right-color: var(--tone-ink-42-figma-blue-16-ink-soft); }
.w-widget-twitter-count-shim:not(.w--vertical):after { border-color: transparent; }
.w-widget-twitter-count-shim:not(.w--vertical):after { border-right-color: var(--role-page); }
.w-widget-twitter-count-shim.w--vertical:before { border-color: transparent; }
.w-widget-twitter-count-shim.w--vertical:before { border-top-color: var(--tone-ink-42-figma-blue-16-ink-soft); }
.w-widget-twitter-count-shim.w--vertical:after { border-color: transparent; }
.w-widget-twitter-count-shim.w--vertical:after { border-top-color: var(--role-page); }
.w-background-video { color: var(--role-page); }
.w-slider { background: var(--tone-on-band-76-night-700); }
.w-slider { -webkit-tap-highlight-color: transparent; }
.w-slider-nav { -webkit-tap-highlight-color: transparent; }
.w-slider-nav-invert { color: var(--role-page); }
.w-slider-nav-invert > div { background-color: var(--tone-jet-86-5-page-40); }
.w-slider-nav-invert > div.w-active { background-color: var(--tone-jet-86-5-page); }
.w-slider-dot { background-color: var(--tone-page-40); }
.w-slider-dot.w-active { background-color: var(--role-page); }
.w-slider-arrow-left,
.w-slider-arrow-right { color: var(--role-page); }
.w-slider-arrow-left,
.w-slider-arrow-right { -webkit-tap-highlight-color: transparent; }
.w-dropdown-btn,
.w-dropdown-toggle,
.w-dropdown-link { color: var(--tone-jet-86-5-page); }
.w-dropdown-list { background: var(--tone-on-band-76-night-700); }
.w-dropdown-link { color: var(--tone-jet-86-5-page); }
.w-lightbox-backdrop { color: var(--role-page); }
.w-lightbox-backdrop { background: var(--tone-jet-90); }
.w-lightbox-caption { background: var(--tone-jet-40); }
.w-lightbox-thumbnail { background: var(--tone-jet-86-5-page); }
.w-lightbox-spinner { border: 5px solid var(--tone-jet-40); }
.w-lightbox-spinner:after { border-bottom-color: var(--role-page); }
.w-nav { background: var(--tone-on-band-76-night-700); }
.w-nav-brand { color: var(--tone-jet-80-page); }
.w-nav-link { color: var(--tone-jet-86-5-page); }
[data-nav-menu-open] { background: var(--tone-on-band-79-ink-2); }
.w-nav-button { -webkit-tap-highlight-color: transparent; }
.w-nav-button.w--open { background-color: var(--tone-on-band-79-ink-2); }
.w-nav-button.w--open { color: var(--role-page); }
.w-tab-link { color: var(--tone-jet-86-5-page); }
.w-tab-link { background-color: var(--tone-on-band-76-night-700); }
.w-tab-link.w--current { background-color: var(--tone-on-band-79-ink-2); }
.w-dyn-empty { background-color: var(--tone-on-band-76-night-700); }
/* end lx-framework-colours */
.w-checkbox {
  margin-bottom: var(--spacing-5);
  padding-left: var(--spacing-20);
  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: var(--spacing-4) 0 0 calc(var(--spacing-20) * -1);
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid var(--tone-on-band-80-2-night-300);
  border-radius: var(--radius-2);
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: var(--role-accent);
  background-image: url('/_t/lattis/images/custom-checkbox-checkmark.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: var(--role-accent);
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: var(--shadow-1);
}

.w-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
  outline-offset: 2px;
  border-radius: 50%; /* lx-fixed: circle */
  outline: 2px solid var(--focus-ring);
}

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

.w-pagination-previous, .w-pagination-next {
  color: var(--tone-jet-80-page);
  background-color: var(--tone-page-64-on-band);
  border: 1px solid var(--tone-on-band-80-2-night-300);
  border-radius: var(--radius-2);
  margin-left: var(--spacing-10);
  margin-right: var(--spacing-10);
  padding: var(--spacing-9) var(--spacing-20);
  font-size: calc(var(--size-14) * var(--scale-body));
  display: block;
}

.w-pagination-previous-icon {
  margin-right: var(--spacing-4);
}

.w-pagination-next-icon {
  margin-left: var(--spacing-4);
}

body {
  background-color: var(--role-page);
  font-family: var(--font-body);
  color: var(--role-ink);
  font-size: var(--font-size--body-medium);
  line-height: var(--line-height--body-medium);
  font-weight: var(--fonts-weights--normal);
}

h1 {
  font-family: var(--font-heading);
  font-size: var(--font-size--h1);
  line-height: var(--line-height--h1);
  font-weight: var(--fonts-weights--normal);
  letter-spacing: var(--letter-spacing--tight-1);
  margin-top: 0;
  margin-bottom: 0;
}

h2 {
  font-family: var(--font-heading);
  font-size: var(--font-size--h2);
  line-height: var(--line-height--h2);
  font-weight: var(--fonts-weights--normal);
  letter-spacing: var(--letter-spacing--tight-0-5);
  margin-top: 0;
  margin-bottom: 0;
}

h3 {
  font-family: var(--font-body);
  font-size: var(--font-size--h3);
  line-height: var(--line-height--h3);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--tight-2);
  margin-top: 0;
  margin-bottom: 0;
}

h4 {
  font-family: var(--font-body);
  font-size: var(--font-size--h4);
  line-height: var(--line-height--h4);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--tight-1-5);
  margin-top: 0;
  margin-bottom: 0;
}

h5 {
  font-family: var(--font-body);
  font-size: var(--font-size--h5);
  line-height: var(--line-height--h5);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--tight-1);
  margin-top: 0;
  margin-bottom: 0;
}

h6 {
  font-family: var(--font-body);
  font-size: var(--font-size--h6);
  line-height: var(--line-height--h6);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--none);
  margin-top: 0;
  margin-bottom: 0;
}

p {
  font-family: var(--font-body);
  font-size: inherit;
  line-height: inherit;
  margin-bottom: 0;
}

a {
  color: var(--role-ink);
  font-weight: var(--fonts-weights--medium);
  text-decoration: none;
}

ul, ol {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: var(--spacing-1-5rem);
}

img {
  border-radius: var(--radius--default);
  width: 100%;
  max-width: 100%;
  height: 100%;
  display: inline-block;
}

label {
  font-weight: var(--fonts-weights--normal);
  margin-bottom: var(--spacing-5);
  display: block;
}

strong {
  font-weight: var(--fonts-weights--semi-bold);
}

pre {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--compact);
  background-color: var(--role-surface);
  font-family: var(--font-label);
  color: var(--role-ink);
  font-size: var(--font-size--fixed-13);
  line-height: var(--line-height--ratio-1-75);
  white-space: pre;
  margin-top: 0;
  margin-bottom: var(--spacing-20);
  padding: var(--spacing-16) var(--spacing-20);
  overflow-x: auto;
}

blockquote {
  border-left: 5px solid var(--role-accent);
  font-size: var(--font-size--body-large);
  line-height: var(--line-height--body-large);
  margin-bottom: 0;
  padding: 0 var(--spacing-1-25rem);
}

.text-size-tiny {
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--body-tiny);
}

.text-size-medium {
  font-size: var(--font-size--body-medium);
  line-height: var(--line-height--body-medium);
}

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

.padding-global.cst-item-hero_cover-pad {
  height: 100%;
  position: relative;
}

.text-size-large {
  font-size: var(--font-size--body-large);
  line-height: var(--line-height--body-large);
}

.text-size-large.h3-hero_lead {
  color: var(--role-ink-soft);
  margin-top: 0;
  margin-bottom: 0;
}

.text-style-badge {
  z-index: 5;
  grid-column-gap: var(--spacing-6);
  grid-row-gap: var(--spacing-6);
  font-family: var(--font-label);
  color: var(--role-ink-muted);
  font-size: var(--font-size--badge);
  line-height: var(--line-height--badge);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--wide-8);
  text-transform: uppercase;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.text-style-badge.is-badge {
  grid-column-gap: var(--spacing-10);
  grid-row-gap: var(--spacing-10);
  border-radius: var(--radius--default);
  background-color: var(--role-surface-2);
  flex-flow: row;
  padding: var(--spacing-10) var(--spacing-20);
  display: inline-flex;
}

.text-style-badge.nav_eyebrow {
  color: var(--role-ink-soft);
  font-size: var(--font-size--fixed-10);
  line-height: var(--line-height--ratio-1-2);
  letter-spacing: var(--letter-spacing--wide-6);
  justify-content: flex-start;
}

.text-style-badge.nav_featured-tag {
  color: var(--role-accent);
  font-size: var(--font-size--fixed-10);
  line-height: var(--line-height--ratio-1-2);
  letter-spacing: var(--letter-spacing--wide-4);
  justify-content: flex-start;
}

.text-style-badge.car-eyebrow {
  color: var(--role-accent);
  letter-spacing: var(--letter-spacing--wide-2);
}

.container-default {
  width: 100%;
  max-width: var(--content-width--container);
  margin-left: auto;
  margin-right: auto;
}

.main-wrapper {
  padding-top: calc(var(--spacing-78) * var(--section-spacing));
}

.main-wrapper.auth-main {
  padding-top: 0;
}

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

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

.form_message-error {
  border: 1px solid var(--role-error);
  border-radius: var(--radius--compact);
  background-color: var(--role-page);
  color: var(--role-error);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  font-weight: var(--fonts-weights--medium);
  margin-top: var(--spacing-16);
  padding: var(--spacing-14) var(--spacing-16);
}

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

.text-rich-text h1, .text-rich-text h2, .text-rich-text h3 {
  margin-top: var(--spacing-1-5rem);
  margin-bottom: var(--spacing-1rem);
}

.text-rich-text h5, .text-rich-text h6 {
  margin-top: var(--spacing-1-25rem);
  margin-bottom: var(--spacing-1rem);
}

.text-rich-text p {
  margin-bottom: var(--spacing-1rem);
}

.text-rich-text ul, .text-rich-text ol {
  margin-bottom: var(--spacing-1-5rem);
}

.text-rich-text blockquote {
  border-left-width: 2px;
  margin-top: var(--spacing-2rem);
  margin-bottom: var(--spacing-2rem);
}

.text-rich-text.rel-body {
  width: 100%;
  color: var(--role-ink-muted);
  font-size: var(--font-size--fixed-18);
  line-height: var(--line-height--ratio-1-6);
}

.heading-style-h1 {
  font-family: var(--font-heading);
  font-size: var(--font-size--h1);
  line-height: var(--line-height--h1);
  font-weight: var(--fonts-weights--normal);
  letter-spacing: var(--letter-spacing--tight-3-5);
}

.heading-style-h1.inf-hero_title {
  max-width: 1000px;
  font-size: var(--font-size--fixed-72);
  line-height: var(--line-height--ratio-1);
  text-align: center;
  letter-spacing: var(--letter-spacing--tight-3-5);
  margin-top: 0;
  margin-bottom: 0;
}

.heading-style-h1.agt-hero_heading {
  max-width: 780px;
  color: var(--role-ink);
  font-size: var(--font-size--fixed-72);
  line-height: var(--line-height--ratio-1);
  margin-top: 0;
  margin-bottom: 0;
}

.heading-style-h1.intg-hero_title {
  max-width: 1000px;
  font-size: var(--font-size--fixed-72);
  line-height: var(--line-height--ratio-1);
  margin-top: 0;
  margin-bottom: 0;
}

.heading-style-h1.ctm-card_title {
  font-size: var(--font-size--fixed-72);
  line-height: var(--line-height--ratio-1);
  letter-spacing: var(--letter-spacing--tight-3-5);
  margin-top: 0;
  margin-bottom: 0;
}

.heading-style-h1.err-404_title {
  max-width: 620px;
  font-size: var(--font-size--fixed-72);
  line-height: var(--line-height--ratio-1);
  letter-spacing: var(--letter-spacing--tight-3-5);
  margin-top: 0;
  margin-bottom: 0;
}

.heading-style-h1.auth-title {
  font-size: var(--font-size--fixed-72);
  line-height: var(--line-height--ratio-1);
  margin-top: 0;
  margin-bottom: 0;
}

.heading-style-h1.err-401_title {
  font-size: var(--font-size--fixed-72);
  line-height: var(--line-height--ratio-1);
  letter-spacing: var(--letter-spacing--tight-3-5);
  margin-top: var(--spacing-20);
  margin-bottom: var(--spacing-20);
}

.button {
  z-index: 2;
  grid-column-gap: var(--spacing-4);
  grid-row-gap: var(--spacing-4);
  border: 1px solid var(--role-ink);
  border-radius: var(--radius--button);
  background-color: var(--role-ink);
  font-family: var(--font-body);
  color: var(--role-page);
  font-size: var(--font-size--body-medium);
  line-height: var(--line-height--percent-150);
  font-weight: var(--fonts-weights--medium);
  text-align: center;
  letter-spacing: var(--letter-spacing--none);
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  padding: var(--spacing-12) var(--spacing-20);
  text-decoration: none;
  transition: border-color var(--motion-fast), color var(--motion-fast), background-color var(--motion-fast);
  display: flex;
  position: relative;
}

.button:hover {
  grid-column-gap: var(--spacing-4);
  grid-row-gap: var(--spacing-4);
  border-color: var(--role-ink-2);
  background-color: var(--role-ink-2);
  opacity: 1;
}

.button:focus-visible, .button[data-wf-focus-visible] {
  outline-color: var(--role-accent);
  outline-offset: 2px;
  outline-width: 2px;
  outline-style: solid;
}

.button.is-secondary {
  border: 1px solid var(--role-line);
  background-color: var(--role-page);
  box-shadow: var(--button-glow, none);
  color: var(--role-ink);
}

.button.is-secondary:hover {
  border-color: var(--role-line-dark);
  background-color: var(--role-surface);
  opacity: 1;
  color: var(--role-ink);
}

.button.is-small {
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--button-small);
  padding: var(--spacing-8) var(--spacing-14);
}

.button.is-alternative {
  border: 1px solid var(--_theme---static--white-60);
  box-shadow: var(--button-glow, none);
  color: var(--_theme---static--white-100);
  background-color: transparent;
}

.button.is-alternative:hover {
  border-color: var(--_theme---static--white-90);
  background-color: var(--_theme---static--white-10);
  color: var(--_theme---static--white-100);
}

.button.is-alternative.is-footer {
  border-color: var(--role-ink);
  background-color: var(--role-ink);
  color: var(--role-page);
  font-size: var(--font-size--fixed-13);
  line-height: var(--line-height--ratio-1-2);
  border-radius: var(--radius-7);
  flex-grow: 0;
  flex-shrink: 0;
  padding: var(--spacing-9) var(--spacing-14);
}

.button.is-alternative.is-footer:hover {
  border-color: var(--role-ink-2);
  background-color: var(--role-ink-2);
  color: var(--role-page);
}

.button.p401-hero_button {
  text-align: center;
  width: 100%;
}

.button.pcl-submit {
  font-size: var(--font-size--body-small);
  flex: none;
  padding: var(--spacing-8) var(--spacing-14);
}

.button.ctm-submit {
  width: auto;
  margin-top: 0;
}

.button.demo-submit, .button.sup-form_submit {
  width: auto;
}

.button.cts-form_submit {
  flex: none;
}

.button.err-401_submit {
  width: auto;
}

.button.auth-submit {
  width: auto;
  margin-top: 0;
}

.button.sg-submit {
  align-self: flex-start;
}

.footer {
  border-top: 1px solid var(--role-line);
  background-color: var(--role-page);
  color: var(--role-ink);
  border-radius: 0;
  flex-direction: column;
  justify-content: center;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding: calc(var(--spacing-88) * var(--section-spacing)) var(--spacing-40) 0;
  position: relative;
  overflow: hidden;
}

.text-size-small {
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--body-small);
}

.legacy-body-class {
  background-color: var(--role-page);
  font-size: var(--font-size--body-medium);
  line-height: var(--line-height--body-medium);
}

.legacy-body-class.is-style {
  background-color: var(--role-page);
}

.footer_container {
  grid-row-gap: 0px;
  flex-direction: column;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.footer_top {
  grid-column-gap: var(--spacing-24);
  grid-row-gap: var(--spacing-48);
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: var(--spacing-72);
  display: flex;
}

.footer_statement {
  grid-row-gap: var(--spacing-20);
  flex-direction: column;
  flex: 0 0 400px;
  max-width: 400px;
  display: flex;
}

.footer_form-block {
  width: 100%;
  max-width: 340px;
  margin-bottom: 0;
}

.footer_form {
  grid-column-gap: var(--spacing-8);
  border: 1px solid var(--role-line);
  border-radius: var(--radius--field);
  background-color: var(--role-surface);
  align-items: center;
  height: 48px;
  padding: 0 var(--spacing-6) 0 0;
  display: flex;
}

.footer_form:focus-within, .footer_form[data-wf-focus-within] {
  border-color: var(--role-line-dark);
}

.footer_input {
  min-width: 0;
  height: 46px;
  color: var(--role-ink);
  font-size: var(--font-size--input);
  line-height: var(--line-height--ratio-1-4);
  background-color: transparent;
  border-style: none;
  flex: 1;
  margin-bottom: 0;
  padding-left: var(--spacing-16);
  padding-right: var(--spacing-8);
}

.footer_input:focus {
  border-style: none;
  outline-style: none;
}

.footer_input::placeholder {
  color: var(--role-ink-soft);
}

.footer_columns {
  grid-column-gap: var(--spacing-24);
  grid-row-gap: var(--spacing-40);
  flex: 1;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  display: grid;
}

.footer_column {
  grid-row-gap: var(--spacing-4);
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.footer_column-title {
  font-family: var(--font-label);
  color: var(--role-ink-soft);
  font-size: var(--font-size--fixed-11);
  line-height: var(--line-height--ratio-1-3);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--wide-6);
  text-transform: uppercase;
  margin-bottom: var(--spacing-12);
}

.footer_link {
  color: var(--role-ink-2);
  font-size: var(--font-size--fixed-15);
  line-height: var(--line-height--ratio-1-4);
  padding-top: var(--spacing-3);
  padding-bottom: var(--spacing-3);
  text-decoration: none;
  transition: color var(--motion-fast);
  display: inline-block;
}

.footer_link:hover {
  color: var(--role-ink);
}

.footer_wordmark {
  height: .59em;
  font-size: calc(var(--size-wordmark-fluid) * var(--scale-headings));
  line-height: var(--line-height--ratio-0-8);
  padding-bottom: 0;
  display: block;
  overflow: hidden;
}

.footer_bottom {
  grid-column-gap: var(--spacing-24);
  grid-row-gap: var(--spacing-12);
  border-top: 1px solid var(--role-line);
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding-top: var(--spacing-24);
  padding-bottom: var(--spacing-24);
  display: flex;
  position: relative;
}

.footer_legal {
  font-family: var(--font-label);
  color: var(--role-ink-soft);
  font-size: var(--font-size--fixed-11);
  line-height: var(--line-height--ratio-1-4);
}

.footer_bottom-links {
  grid-column-gap: var(--spacing-8);
  grid-row-gap: var(--spacing-4);
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.footer_bottom-link {
  font-family: var(--font-label);
  color: var(--role-ink-soft);
  font-size: var(--font-size--fixed-11);
  line-height: var(--line-height--ratio-1-4);
  padding-top: var(--spacing-2);
  padding-bottom: var(--spacing-2);
  text-decoration: none;
  transition-property: color;
  transition-duration: var(--motion-fast);
  display: inline-block;
}

.footer_bottom-link:hover {
  color: var(--role-ink);
}

.eyebrow {
  grid-column-gap: var(--spacing-10);
  grid-row-gap: var(--spacing-10);
  font-family: var(--font-label);
  color: var(--role-accent);
  font-size: var(--font-size--badge);
  line-height: var(--line-height--badge);
  font-weight: var(--fonts-weights--semi-bold);
  letter-spacing: var(--letter-spacing--wide-6);
  text-transform: uppercase;
  align-items: center;
  display: flex;
}

.eyebrow_dot {
  background-color: currentColor;
  border-radius: 50%; /* lx-fixed: circle */
  flex: none;
  width: 8px;
  height: 8px;
}

.eyebrow_text {
  margin-bottom: 0;
}

.field-label {
  color: var(--role-ink);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  font-weight: var(--fonts-weights--medium);
  margin-top: 0;
  margin-bottom: 0;
}

.field-label:first-child {
  margin-top: 0;
}

.field-input {
  border: 1px solid var(--role-line-strong);
  border-radius: var(--radius--field);
  background-color: var(--role-page);
  outline-offset: 0px;
  width: 100%;
  height: auto;
  min-height: 48px;
  font-family: var(--font-body);
  color: var(--role-ink);
  font-size: var(--font-size--input);
  line-height: var(--line-height--ratio-1-55);
  outline: 0 solid transparent;
  margin-bottom: 0;
  padding: var(--spacing-12) var(--spacing-14);
  transition-property: border-color, outline-color, background-color;
  transition-duration: var(--motion-fast);
}

.field-input:focus {
  border-color: var(--role-accent);
  background-color: var(--role-page);
  outline-color: var(--role-accent-soft);
  outline-width: 3px;
}

.field-input::placeholder {
  color: var(--role-ink-soft);
}

.field-input.p401-hero_input {
  width: 100%;
  margin-bottom: var(--spacing-20);
}

.field-input.is-select {
  cursor: pointer;
  appearance: none;
  background-image: url('/_t/lattis/images/ui-select-chevron-12.svg');
  background-repeat: no-repeat;
  background-size: 12px;
  min-height: 48px;
  padding-right: var(--spacing-42);
}

.field-input.is-textarea {
  resize: vertical;
  height: 112px;
  min-height: 112px;
}

.page-hero {
  grid-column-gap: var(--spacing-48);
  grid-row-gap: var(--spacing-24);
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.page-hero_title {
  grid-row-gap: var(--spacing-20);
  flex-direction: column;
  align-items: flex-start;
  max-width: 820px;
  display: flex;
}

.page-hero_heading {
  font-family: var(--font-heading);
  color: var(--role-ink);
  font-size: var(--font-size--fixed-88);
  line-height: var(--line-height--ratio-1);
  font-weight: var(--fonts-weights--normal);
  letter-spacing: var(--letter-spacing--tight-2);
  margin-top: 0;
  margin-bottom: 0;
}

.page-hero_aside {
  max-width: 420px;
  color: var(--role-ink-muted);
  font-size: var(--font-size--fixed-18);
  line-height: var(--line-height--ratio-1-5);
  margin-bottom: 0;
}

.section_page-hero {
  padding-top: var(--spacing-160);
  padding-bottom: var(--spacing-96);
}

.section_page-hero.is-soft {
  background-color: var(--role-surface);
}

.section_page {
  padding-top: calc(var(--spacing-112) * var(--section-spacing));
  padding-bottom: calc(var(--spacing-112) * var(--section-spacing));
}

.timeline_text {
  color: var(--role-ink-muted);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-5);
  margin-bottom: 0;
}

.press-list {
  border-top: 1px solid var(--role-line);
  flex-direction: column;
  display: flex;
}

.press-row {
  grid-column-gap: var(--spacing-32);
  border-bottom: 1px solid var(--role-line);
  color: var(--role-ink);
  grid-template-columns: 200px 1fr auto 20px;
  align-items: center;
  padding-top: var(--spacing-20);
  padding-bottom: var(--spacing-20);
  text-decoration: none;
  display: grid;
}

.press-row.is-plain {
  grid-template-columns: 120px 1fr;
  align-items: start;
  padding-top: var(--spacing-24);
  padding-bottom: var(--spacing-24);
}

.press-row_source {
  color: var(--role-ink-muted);
  font-size: var(--font-size--fixed-11);
  font-weight: var(--fonts-weights--semi-bold);
  letter-spacing: var(--letter-spacing--wide-8);
  text-transform: uppercase;
  margin-bottom: 0;
}

.press-row_title {
  font-size: var(--font-size--fixed-17);
  line-height: var(--line-height--ratio-1-4);
  font-weight: var(--fonts-weights--medium);
  margin-bottom: 0;
}

.press-row_body {
  grid-row-gap: var(--spacing-4);
  flex-direction: column;
  display: flex;
}

.heading-style-h2 {
  font-family: var(--font-heading);
  font-size: var(--font-size--h2);
  line-height: var(--line-height--h2);
  font-weight: var(--fonts-weights--normal);
  letter-spacing: var(--letter-spacing--tight-3);
}

.heading-style-h2.h3-hero_heading {
  margin-top: 0;
  margin-bottom: 0;
}

.heading-style-h2.intg-sdk_title {
  font-size: var(--font-size--fixed-40);
  line-height: var(--line-height--ratio-1-12);
  margin-top: 0;
  margin-bottom: 0;
}

.heading-style-h3 {
  font-family: var(--font-body);
  font-size: var(--font-size--h3);
  line-height: var(--line-height--h3);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--tight-2);
}

.text-color-secondary-2 {
  color: var(--role-ink-muted);
}

.heading-style-h4 {
  font-family: var(--font-body);
  font-size: var(--font-size--h4);
  line-height: var(--line-height--h4);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--tight-1-5);
}

.heading-style-h4.is-faq {
  color: inherit;
  font-size: var(--font-size--body-medium);
  line-height: var(--line-height--ratio-1-55);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--none);
  margin-top: 0;
  margin-bottom: 0;
  transition: color var(--motion-fast);
}

.heading-style-h5 {
  font-family: var(--font-body);
  font-size: var(--font-size--h5);
  line-height: var(--line-height--h5);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--tight-1);
}

.heading-style-h5.overview-statement_heading {
  margin-left: auto;
  margin-right: auto;
}

.heading-style-h6 {
  font-family: var(--font-body);
  font-size: var(--font-size--h6);
  line-height: var(--line-height--h6);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--none);
}

.heading-style-display {
  font-family: var(--font-heading);
  font-size: var(--font-size--display);
  line-height: var(--line-height--display);
  font-weight: var(--fonts-weights--normal);
  letter-spacing: var(--letter-spacing--tight-4);
}

.heading-style-number {
  font-family: var(--font-heading);
  font-size: var(--font-size--number);
  line-height: var(--line-height--ratio-1);
  font-weight: var(--fonts-weights--normal);
  letter-spacing: var(--letter-spacing--tight-3);
}

.footer_form-label {
  font-family: var(--font-label);
  color: var(--role-ink-soft);
  font-size: var(--font-size--fixed-11);
  line-height: var(--line-height--ratio-1-3);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--wide-6);
  text-transform: uppercase;
  margin-top: var(--spacing-4);
  margin-bottom: calc(var(--spacing-8) * -1);
}

.p401-hero {
  background-color: var(--role-surface);
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  padding: var(--spacing-24);
  display: flex;
  position: relative;
}

.p401-hero_card {
  grid-column-gap: var(--spacing-28);
  grid-row-gap: var(--spacing-28);
  border-radius: var(--radius--default);
  background-color: var(--role-surface);
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 480px;
  padding: var(--spacing-48);
  display: flex;
  position: relative;
}

.p401-hero_form {
  grid-row-gap: var(--spacing-8);
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.overview-hero {
  border-top: 1px solid var(--role-line);
  padding-top: var(--spacing-112);
  padding-bottom: var(--spacing-72);
}

.overview-hero_inner {
  grid-column-gap: var(--spacing-28);
  grid-row-gap: var(--spacing-28);
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.overview-hero_sub {
  text-align: center;
  max-width: 900px;
  margin: 0;
}

.overview-hero_buttons {
  justify-content: center;
}

.overview-previews {
  padding-bottom: var(--spacing-140);
}

.overview-previews_grid {
  grid-column-gap: var(--spacing-24);
  grid-row-gap: var(--spacing-24);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  display: grid;
}

.overview-previews_frame {
  border-radius: var(--radius--default);
  background-color: var(--role-surface);
  height: 720px;
  padding: var(--spacing-36) var(--spacing-39) 0;
  display: block;
  overflow: hidden;
}

.overview-previews_image {
  border-radius: var(--radius--default) var(--radius--default) 0 0;
  object-fit: cover;
  object-position: top;
  width: 100%;
  height: 100%;
  display: block;
}

.overview-statement {
  padding-bottom: var(--spacing-96);
}

.overview-statement_inner {
  grid-column-gap: var(--spacing-64);
  grid-row-gap: var(--spacing-64);
  flex-direction: column;
  display: flex;
}

.overview-statement_columns {
  grid-column-gap: var(--spacing-24);
  grid-row-gap: var(--spacing-24);
  grid-template-rows: auto;
  grid-template-columns: repeat(3, 1fr);
  display: grid;
}

.overview-statement_column {
  grid-column-gap: var(--spacing-16);
  grid-row-gap: var(--spacing-16);
  flex-direction: column;
  display: flex;
}

.overview-statement_heading {
  margin: 0;
}

.overview-statement_text {
  font-size: var(--font-size--body-medium);
  line-height: var(--line-height--ratio-1-55);
  margin: 0;
}

.overview-statement_btn {
  padding: var(--spacing-8) 0;
}

.overview-statement_preview {
  border-radius: var(--radius--default);
  background-color: var(--role-surface);
  height: auto;
  margin-top: auto;
  padding: var(--spacing-20) var(--spacing-20) 0;
  display: block;
  overflow: hidden;
}

.overview-statement_preview.overview-statement_vars {
  flex: 1;
  height: auto;
}

.overview-statement_image {
  border-radius: var(--radius--small) var(--radius--small) 0 0;
  object-fit: cover;
  object-position: top;
  width: 100%;
  height: auto;
  display: block;
}

.overview-statement_vars {
  grid-column-gap: var(--spacing-16);
  grid-row-gap: var(--spacing-16);
  flex-direction: column;
  padding: var(--spacing-20);
  display: flex;
}

.overview-statement_vars-head {
  grid-column-gap: var(--spacing-12);
  grid-row-gap: var(--spacing-12);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.overview-statement_vars-title {
  font-weight: var(--fonts-weights--medium);
}

.overview-statement_modes {
  grid-column-gap: var(--spacing-4);
  grid-row-gap: var(--spacing-4);
  border-radius: var(--radius--button);
  background-color: var(--role-surface-2);
  padding: var(--spacing-3);
  display: flex;
}

.overview-statement_mode {
  border-radius: var(--radius--button);
  color: var(--role-ink);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-55);
  padding: var(--spacing-4) var(--spacing-10);
}

.overview-statement_mode.is-active {
  background-color: var(--role-ink);
  color: var(--role-page);
}

.overview-statement_table {
  border-radius: var(--radius--small);
  background-color: var(--role-page);
  flex-direction: column;
  flex: 1;
  padding: var(--spacing-8) var(--spacing-12) var(--spacing-12);
  display: flex;
  overflow: hidden;
}

.overview-statement_row {
  grid-column-gap: var(--spacing-8);
  grid-row-gap: var(--spacing-8);
  color: var(--role-ink);
  font-size: var(--font-size--mono-small);
  line-height: var(--line-height--ratio-1-55);
  grid-template-rows: auto;
  grid-template-columns: 1.6fr 1fr 1fr;
  padding: var(--spacing-5) 0;
  display: grid;
}

.overview-statement_row.is-head {
  border-bottom: 1px solid var(--role-surface-2);
  margin-bottom: var(--spacing-4);
  padding: var(--spacing-8) 0 var(--spacing-10);
}

.overview-statement_group {
  color: var(--role-ink-muted);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-55);
  padding: var(--spacing-8) 0 var(--spacing-2);
}

.overview-statement_cell {
  grid-column-gap: var(--spacing-8);
  grid-row-gap: var(--spacing-8);
  white-space: nowrap;
  align-items: center;
  display: flex;
}

.overview-statement_cell.is-name {
  color: var(--role-ink);
}

.overview-statement_swatch {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--bar);
  flex-shrink: 0;
  width: 10px;
  height: 10px;
}

.overview-statement_swatch.is-primary {
  background-color: var(--role-accent);
}

.overview-statement_swatch.is-deep {
  background-color: var(--role-accent-deep);
}

.overview-statement_swatch.is-soft {
  background-color: var(--role-accent-soft);
}

.overview-statement_swatch.is-black {
  background-color: var(--role-ink);
}

.overview-statement_swatch.is-n50 {
  background-color: var(--role-surface);
}

.overview-statement_swatch.is-n100 {
  background-color: var(--role-surface-2);
}

.overview-statement_swatch.is-n300 {
  background-color: var(--role-line-strong);
}

.overview-statement_swatch.is-n700 {
  background-color: var(--role-ink-muted);
}

.overview-figma {
  padding-bottom: var(--spacing-140);
}

.overview-figma_bar {
  grid-column-gap: var(--spacing-24);
  grid-row-gap: var(--spacing-24);
  border-radius: var(--radius--default);
  background-color: var(--role-surface);
  align-items: center;
  padding: var(--spacing-24);
  display: flex;
}

.overview-figma_icon {
  border-radius: var(--radius--small);
  background-color: var(--role-page);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 88px;
  height: 88px;
  display: flex;
}

.overview-figma_logo {
  grid-template-rows: auto;
  grid-template-columns: 10px 10px;
  grid-auto-rows: 10px;
  width: 20px;
  height: 30px;
  display: grid;
}

.overview-figma_dot {
  width: 10px;
  height: 10px;
}

.overview-figma_dot.is-1 {
  border-radius: var(--radius--mark) 0 0 var(--radius--mark);
  background-color: var(--color-figma-orange);
}

.overview-figma_dot.is-2 {
  border-radius: 0 var(--radius--mark) var(--radius--mark) 0;
  background-color: var(--color-figma-coral);
}

.overview-figma_dot.is-3 {
  border-radius: var(--radius--mark) 0 0 var(--radius--mark);
  background-color: var(--color-figma-purple);
}

.overview-figma_dot.is-4 {
  border-radius: var(--radius--mark);
  background-color: var(--color-figma-blue);
}

.overview-figma_dot.is-5 {
  border-radius: var(--radius--mark) 0 var(--radius--mark) var(--radius--mark);
  background-color: var(--color-figma-green);
}

.overview-figma_text {
  grid-column-gap: var(--spacing-4);
  grid-row-gap: var(--spacing-4);
  flex-direction: column;
  flex: 1;
  display: flex;
}

.overview-figma_title {
  margin: 0;
}

.overview-figma_desc {
  font-size: var(--font-size--body-medium);
  line-height: var(--line-height--ratio-1-55);
  margin: 0;
}

.overview-figma_buttons {
  flex-shrink: 0;
}

.overview-pages {
  padding-bottom: var(--spacing-140);
}

.overview-pages_inner {
  grid-column-gap: var(--spacing-56);
  grid-row-gap: var(--spacing-56);
  flex-direction: column;
  display: flex;
}

.overview-pages_head {
  grid-column-gap: var(--spacing-40);
  grid-row-gap: var(--spacing-40);
  grid-template-rows: auto;
  grid-template-columns: 700px 1fr;
  align-items: end;
  display: grid;
}

.overview-pages_head-title {
  grid-column-gap: var(--spacing-20);
  grid-row-gap: var(--spacing-20);
  flex-direction: column;
  display: flex;
}

.overview-pages_intro {
  max-width: 420px;
  font-size: var(--font-size--body-medium);
  line-height: var(--line-height--ratio-1-55);
  justify-self: end;
  margin: 0;
}

.overview-pages_group {
  grid-column-gap: var(--spacing-40);
  grid-row-gap: var(--spacing-40);
  border-top: 1px solid var(--role-line);
  grid-template-rows: auto;
  grid-template-columns: 300px 1fr;
  padding-top: var(--spacing-32);
  display: grid;
}

.overview-pages_label {
  grid-column-gap: var(--spacing-8);
  grid-row-gap: var(--spacing-8);
  flex-direction: column;
  display: flex;
}

.overview-pages_group-title {
  margin: 0;
}

.overview-pages_grid {
  grid-column-gap: var(--spacing-16);
  grid-row-gap: var(--spacing-32);
  grid-template-rows: auto;
  grid-template-columns: repeat(3, 1fr);
  display: grid;
}

.overview-pages_card {
  grid-column-gap: var(--spacing-14);
  grid-row-gap: var(--spacing-14);
  color: var(--role-ink);
  flex-direction: column;
  text-decoration: none;
  transition: color var(--motion-fast);
  display: flex;
}

.overview-pages_card:hover {
  color: var(--role-accent);
}

.overview-pages_preview {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--default);
  background-color: var(--role-surface);
  height: 220px;
  overflow: hidden;
}

.overview-pages_image {
  object-fit: cover;
  object-position: top;
  width: 100%;
  height: 100%;
  display: block;
}

.overview-pages_meta {
  grid-column-gap: var(--spacing-12);
  grid-row-gap: var(--spacing-12);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.overview-pages_name {
  font-size: var(--font-size--body-medium);
  line-height: var(--line-height--ratio-1-55);
  font-weight: var(--fonts-weights--medium);
  transition: color var(--motion-fast);
}

.overview-pages_tag {
  color: var(--role-ink-muted);
  font-size: var(--font-size--tag-label);
  line-height: var(--line-height--ratio-1-55);
}

.overview-built {
  padding-bottom: var(--spacing-140);
}

.overview-built_wrap {
  padding: 0 var(--spacing-24);
}

.overview-built_inner {
  grid-column-gap: var(--spacing-64);
  grid-row-gap: var(--spacing-64);
  background-color: var(--role-surface);
  border-radius: var(--radius-28);
  flex-direction: column;
  padding: var(--spacing-112) var(--spacing-72);
  display: flex;
}

.overview-built_head {
  grid-column-gap: var(--spacing-20);
  grid-row-gap: var(--spacing-20);
  flex-direction: column;
  max-width: 760px;
  display: flex;
}

.overview-built_grid {
  grid-column-gap: var(--spacing-24);
  grid-row-gap: var(--spacing-48);
  grid-template-rows: auto;
  grid-template-columns: repeat(3, 1fr);
  display: grid;
}

.overview-built_feature {
  grid-column-gap: var(--spacing-16);
  grid-row-gap: var(--spacing-16);
  border-top: 1px solid var(--role-line);
  flex-direction: column;
  padding-top: var(--spacing-28);
  display: flex;
}

.overview-built_frame {
  border-radius: var(--radius--small);
  background-color: var(--role-page);
  justify-content: center;
  align-items: center;
  height: 220px;
  margin-bottom: var(--spacing-8);
  padding: var(--spacing-24);
  display: flex;
  overflow: hidden;
}

.overview-built_frame.is-deep {
  background-color: var(--role-surface-2);
  align-items: flex-start;
  padding: 0;
}

.overview-built_plan {
  object-fit: cover;
  object-position: top;
  border-radius: 0;
  width: 100%;
  height: 100%;
  display: block;
}

.overview-built_heading {
  margin: 0;
}

.overview-built_text {
  font-size: var(--font-size--body-medium);
  line-height: var(--line-height--ratio-1-55);
  margin: 0;
}

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

.overview-built_trow {
  grid-column-gap: var(--spacing-12);
  grid-row-gap: var(--spacing-12);
  border-bottom: 1px solid var(--role-surface-2);
  font-size: var(--font-size--body-compact);
  line-height: var(--line-height--ratio-1-55);
  grid-template-rows: auto;
  grid-template-columns: 48px 1fr 64px 84px;
  align-items: center;
  padding: var(--spacing-12) 0;
  display: grid;
}

.overview-built_trow.is-last {
  border-bottom-style: none;
}

.overview-built_tcell {
  color: var(--role-ink);
}

.overview-built_status {
  grid-column-gap: var(--spacing-6);
  grid-row-gap: var(--spacing-6);
  align-items: center;
  display: flex;
}

.overview-built_status-text {
  color: var(--role-ink-muted);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-55);
}

.overview-built_dot {
  border-radius: var(--radius--button);
  background-color: var(--role-accent);
  flex-shrink: 0;
  width: 6px;
  height: 6px;
}

.overview-built_mdot {
  border-radius: var(--radius--button);
  background-color: var(--role-accent);
  width: 10px;
  height: 10px;
}

.overview-built_mdot.is-muted {
  background-color: var(--role-line-strong);
}

.overview-built_form {
  grid-column-gap: var(--spacing-10);
  grid-row-gap: var(--spacing-10);
  flex-direction: column;
  width: 100%;
  max-width: 300px;
  display: flex;
}

.overview-built_field {
  grid-column-gap: var(--spacing-4);
  grid-row-gap: var(--spacing-4);
  flex-direction: column;
  display: flex;
}

.overview-built_box {
  border-radius: var(--radius--field);
  background-color: var(--role-surface);
  height: 38px;
  color: var(--role-ink);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  align-items: center;
  padding-left: var(--spacing-12);
  display: flex;
}

.overview-built_fake-button {
  border-radius: var(--radius--button);
  background-color: var(--role-accent);
  color: var(--role-page);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  font-weight: var(--fonts-weights--medium);
  align-self: flex-start;
  padding: var(--spacing-10) var(--spacing-20);
  display: inline-flex;
}

.overview-built_schedule {
  grid-column-gap: var(--spacing-12);
  grid-row-gap: var(--spacing-12);
  flex-direction: column;
  width: 100%;
  display: flex;
}

.overview-built_label {
  color: var(--role-ink);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  font-weight: var(--fonts-weights--medium);
}

.overview-built_bars {
  grid-column-gap: var(--spacing-4);
  grid-row-gap: var(--spacing-4);
  width: 100%;
  display: flex;
}

.overview-built_bar {
  border-radius: var(--radius--tag);
  height: 14px;
}

.overview-built_bar.is-primary {
  background-color: var(--role-accent);
  width: 18px;
}

.overview-built_bar.is-sand {
  background-color: var(--role-accent-muted);
  width: 33px;
}

.overview-built_bar.is-soft {
  background-color: var(--role-accent-soft);
  width: 33px;
}

.overview-built_bar.is-black {
  background-color: var(--role-ink);
  flex: 1;
}

.overview-built_caption {
  color: var(--role-ink-muted);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-55);
}

.overview-built_progress {
  grid-column-gap: var(--spacing-10);
  grid-row-gap: var(--spacing-10);
  flex-direction: column;
  width: 100%;
  display: flex;
}

.overview-built_percent {
  color: var(--role-ink);
  font-size: var(--font-size--fixed-26);
  line-height: var(--line-height--ratio-1-1);
}

.overview-built_track {
  border-radius: var(--radius--bar);
  background-color: var(--role-surface-2);
  width: 100%;
  height: 6px;
  overflow: hidden;
}

.overview-built_fill {
  border-radius: var(--radius--bar);
  background-color: var(--role-accent);
  width: 93%;
  height: 100%;
}

.overview-built_milestones {
  grid-column-gap: var(--spacing-8);
  grid-row-gap: var(--spacing-8);
  justify-content: space-between;
  display: flex;
}

.overview-built_milestone {
  grid-column-gap: var(--spacing-6);
  grid-row-gap: var(--spacing-6);
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.overview-built_contact {
  grid-column-gap: var(--spacing-14);
  grid-row-gap: var(--spacing-14);
  border-radius: var(--radius--small);
  background-color: var(--role-surface);
  align-items: center;
  width: 100%;
  max-width: 320px;
  padding: var(--spacing-16);
  display: flex;
}

.overview-built_avatar {
  border-radius: var(--radius--button);
  object-fit: cover;
  flex-shrink: 0;
  width: 56px;
  height: 56px;
}

.overview-built_contact-text {
  grid-column-gap: var(--spacing-2);
  grid-row-gap: var(--spacing-2);
  flex-direction: column;
  display: flex;
}

.overview-built_contact-name {
  color: var(--role-ink);
  font-size: var(--font-size--body-medium);
  line-height: var(--line-height--ratio-1-55);
  font-weight: var(--fonts-weights--medium);
}

.overview-start {
  padding-bottom: var(--spacing-24);
}

.overview-start_wrap {
  padding: 0 var(--spacing-24);
}

.overview-start_grid {
  grid-column-gap: var(--spacing-12);
  grid-row-gap: var(--spacing-12);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: stretch;
  display: grid;
}

.overview-start_welcome {
  grid-column-gap: var(--spacing-28);
  grid-row-gap: var(--spacing-28);
  border-radius: var(--radius--default);
  background-color: var(--role-surface);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: var(--spacing-80) var(--spacing-56);
  display: flex;
}

.overview-start_welcome.theme-dark {
  border: 1px solid var(--role-line);
}

.overview-start_sub {
  max-width: 560px;
  color: var(--role-ink-muted);
  margin: 0;
}

.overview-start_buttons {
  flex-wrap: wrap;
}

.overview-start_right {
  grid-column-gap: var(--spacing-12);
  grid-row-gap: var(--spacing-12);
  flex-direction: column;
  display: flex;
}

.overview-start_image {
  border-radius: var(--radius--default);
  object-fit: cover;
  width: 100%;
  height: 560px;
  display: block;
}

.overview-start_customize {
  grid-column-gap: var(--spacing-16);
  grid-row-gap: var(--spacing-16);
  border-radius: var(--radius--default);
  background-color: var(--role-surface);
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  padding: var(--spacing-40);
  display: flex;
}

.overview-start_customize-text {
  color: var(--role-ink-muted);
  margin: 0;
}

.overview-start_btn {
  padding-top: var(--spacing-8);
}

.instructions-links {
  flex-wrap: wrap;
  margin-top: var(--spacing-24);
}

.faq-item {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-top: 1px solid var(--role-line);
  flex-direction: column;
  width: 100%;
  padding-top: var(--spacing-22);
  padding-bottom: var(--spacing-22);
  display: flex;
  position: relative;
}

.faq-item_question {
  grid-column-gap: var(--spacing-24);
  grid-row-gap: var(--spacing-24);
  color: var(--role-ink);
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.faq-item_question:hover {
  color: var(--role-accent);
}

.faq-item_answer {
  display: none;
  overflow: hidden;
}

.faq-item_answer:where(.w-variant-db19700f-73d1-fc0c-5215-ed03fd1423b1) {
  display: block;
}

.faq-item_text {
  max-width: 600px;
  color: var(--role-ink-muted);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  margin-top: 0;
  margin-bottom: 0;
  padding-top: var(--spacing-10);
  padding-bottom: 0;
  padding-right: 0;
}

.form_block {
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
}

.form_success {
  border: 1px solid var(--role-accent);
  border-radius: var(--radius--compact);
  background-color: var(--role-accent-soft);
  color: var(--role-accent);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  font-weight: var(--fonts-weights--medium);
  text-align: left;
  padding: var(--spacing-14) var(--spacing-16);
}

.form_consent {
  grid-column-gap: 0px;
  grid-row-gap: var(--spacing-10);
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  cursor: pointer;
  align-items: flex-start;
  column-gap: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.form_consent.auth-consent {
  margin-bottom: var(--spacing-20);
}

.form_consent.sg-consent {
  margin-bottom: var(--spacing-24);
}

.form_checkbox {
  border-radius: var(--radius--tag);
  cursor: pointer;
  width: 16px;
  height: 16px;
  accent-color: unset; /* the original read an undefined variable here (--accent--primary), which the browser drops: unset is the same result */
  flex-shrink: 0;
  margin: var(--spacing-3) var(--spacing-10) 0 0;
}

.form_consent-label {
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  font-weight: var(--fonts-weights--normal);
  margin-bottom: 0;
}

.theme-dark {
  background-color: var(--role-page);
  color: var(--role-ink);
  --_theme---base--white: var(--role-page);
  --_theme---base--black: var(--role-ink);
  --_theme---neutral--200: var(--role-line);
  --_theme---neutral--50: var(--role-surface);
  --_theme---accent--primary: var(--role-accent);
  --_theme---neutral--600: var(--role-ink-soft);
  --_theme---neutral--700: var(--role-ink-muted);
  --_theme---neutral--100: var(--role-surface-2);
  --_theme---feedback--error: var(--role-error);
  --_theme---neutral--800: var(--role-ink-2);
  --_theme---neutral--400: var(--role-line-dark);
  --_theme---static--white-60: var(--tone-static-white-60);
  --_theme---static--white-100: var(--role-on-photo);
  --_theme---static--white-90: var(--tone-static-white-90);
  --_theme---static--white-10: var(--tone-static-white-10);
  --_theme---neutral--300: var(--role-line-strong);
  --_theme---accent--soft: var(--role-accent-soft);
  --_theme---accent--deep: var(--role-accent-deep);
  --_theme---brand--figma-orange: var(--color-figma-orange);
  --_theme---brand--figma-coral: var(--color-figma-coral);
  --_theme---brand--figma-purple: var(--color-figma-purple);
  --_theme---brand--figma-blue: var(--color-figma-blue);
  --_theme---brand--figma-green: var(--color-figma-green);
  --_theme---accent--muted: var(--role-accent-muted);
  --_theme---neutral--500: var(--role-ink-faint);
  --_theme---static--white-8: var(--tone-static-white-8);
  --_theme---static--white-16: var(--tone-static-white-16);
  --_theme---static--white-28: var(--tone-static-white-28);
  --_theme---static--white-7: var(--tone-static-white-7);
  --_theme---static--white-55: var(--tone-static-white-55);
  --_theme---static--white-96: var(--tone-static-white-96);
  --_theme---surface--inverse: var(--role-inverse);
  --_theme---effect--light-only: 0;
  --_theme---effect--glow: 1;
  --_theme---neutral--900: var(--tone-night-panel-59-band-surface);
  --_theme---static--white-24: var(--tone-static-white-24);
  --_theme---static--ink-56: var(--tone-static-ink-56);
  --_theme---static--white-50: var(--tone-static-white-50);
  --_theme---static--ink-80: var(--tone-static-ink-80);
  --_theme---static--white-48: var(--tone-static-white-48);
}

.theme-light {
  background-color: var(--role-page);
  color: var(--role-ink);
  --_theme---base--white: var(--role-page);
  --_theme---base--black: var(--role-ink);
  --_theme---neutral--200: var(--role-line);
  --_theme---neutral--50: var(--role-surface);
  --_theme---accent--primary: var(--role-accent);
  --_theme---neutral--600: var(--role-ink-soft);
  --_theme---neutral--700: var(--role-ink-muted);
  --_theme---neutral--100: var(--role-surface-2);
  --_theme---feedback--error: var(--role-error);
  --_theme---neutral--800: var(--role-ink-2);
  --_theme---neutral--400: var(--role-line-dark);
  --_theme---static--white-60: var(--tone-static-white-60);
  --_theme---static--white-100: var(--role-on-photo);
  --_theme---static--white-90: var(--tone-static-white-90);
  --_theme---static--white-10: var(--tone-static-white-10);
  --_theme---neutral--300: var(--role-line-strong);
  --_theme---accent--soft: var(--role-accent-soft);
  --_theme---accent--deep: var(--role-accent-deep);
  --_theme---brand--figma-orange: var(--color-figma-orange);
  --_theme---brand--figma-coral: var(--color-figma-coral);
  --_theme---brand--figma-purple: var(--color-figma-purple);
  --_theme---brand--figma-blue: var(--color-figma-blue);
  --_theme---brand--figma-green: var(--color-figma-green);
  --_theme---accent--muted: var(--role-accent-muted);
  --_theme---neutral--500: var(--role-ink-faint);
  --_theme---static--white-8: var(--tone-static-white-8);
  --_theme---static--white-16: var(--tone-static-white-16);
  --_theme---static--white-28: var(--tone-static-white-28);
  --_theme---static--white-7: var(--tone-static-white-7);
  --_theme---static--white-55: var(--tone-static-white-55);
  --_theme---static--white-96: var(--tone-static-white-96);
  --_theme---surface--inverse: var(--role-inverse);
  --_theme---effect--light-only: 1;
  --_theme---effect--glow: 0;
  --_theme---neutral--900: var(--tone-night-panel-59-band-surface);
  --_theme---static--white-24: var(--tone-static-white-24);
  --_theme---static--ink-56: var(--tone-static-ink-56);
  --_theme---static--white-50: var(--tone-static-white-50);
  --_theme---static--ink-80: var(--tone-static-ink-80);
  --_theme---static--white-48: var(--tone-static-white-48);
}

.faq-item_toggle {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--button);
  background-color: var(--role-page);
  width: 28px;
  height: 28px;
  color: var(--role-ink);
  flex: none;
  place-items: center;
  transition: background-color var(--motion-fast), color var(--motion-fast);
  display: grid;
}

.faq-item_toggle:where(.w-variant-db19700f-73d1-fc0c-5215-ed03fd1423b1) {
  transform: rotate(45deg);
}

.faq-item_bar {
  border-radius: var(--radius--hairline);
  background-color: currentColor;
  grid-area: 1 / 1 / 2 / 2;
  width: 10px;
  height: 1.5px;
  transition: transform var(--motion-base);
}

.faq-item_bar.is-vertical {
  transform: rotate(90deg);
}

.footer_tagline {
  max-width: 300px;
  color: var(--role-ink-muted);
  font-size: var(--font-size--body-medium);
  line-height: var(--line-height--ratio-1-5);
  margin-top: 0;
  margin-bottom: 0;
}

.footer_logo {
  color: var(--role-ink);
  align-items: center;
  text-decoration: none;
  transition: opacity var(--motion-fast);
  display: inline-flex;
}

.footer_logo:hover {
  opacity: .7;
}

.nav_logo {
  color: var(--role-ink);
  align-items: center;
  display: flex;
}

.footer_sep {
  font-family: var(--font-label);
  color: var(--role-line-dark);
  font-size: var(--font-size--fixed-11);
  line-height: var(--line-height--ratio-1-4);
}

.footer_wordmark-text {
  color: var(--role-surface-2);
  font-size: var(--font-size--parent);
  line-height: var(--line-height--ratio-0-8);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--tight-6);
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: none;
  margin-top: calc(var(--spacing-0-07em) * -1);
  margin-left: calc(var(--spacing-0-05em) * -1);
}

.footer_form-message {
  color: var(--role-ink-2);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-5);
}

.nav_toggle-inner {
  align-items: center;
  column-gap: var(--spacing-6);
  display: flex;
}

.nav_chevron {
  width: 10px;
  height: 6px;
  color: var(--role-ink-2);
  display: flex;
}

.nav_toggle-plus {
  color: var(--role-ink-soft);
  display: none;
}

.footer_form-success {
  border-radius: var(--radius--field);
  background-color: var(--role-accent-soft);
  text-align: left;
  margin-top: var(--spacing-8);
  padding: var(--spacing-12) var(--spacing-16);
}

.footer_form-error {
  border: 1px solid var(--role-error);
  border-radius: var(--radius--field);
  background-color: var(--role-page);
  margin-top: var(--spacing-8);
  padding: var(--spacing-12) var(--spacing-16);
}

.nav_bar {
  z-index: 900;
  pointer-events: none;
  background-color: transparent;
  justify-content: center;
  padding-top: var(--spacing-16);
  padding-left: var(--spacing-16);
  padding-right: var(--spacing-16);
  display: flex;
  position: fixed;
  inset: 0 0 auto;
}

.nav_capsule {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--button);
  background-color: var(--role-page);
  pointer-events: auto;
  align-items: center;
  max-width: 100%;
  padding: var(--spacing-8) var(--spacing-8) var(--spacing-8) var(--spacing-20);
  display: flex;
  position: relative;
  box-shadow: var(--shadow-2);
}

.nav_container {
  align-items: center;
  width: auto;
  max-width: none;
  display: flex;
}

.nav_wrapper {
  align-items: center;
  column-gap: var(--spacing-32);
  display: flex;
}

.nav_brand {
  flex: none;
  align-items: center;
  padding-left: 0;
  transition: opacity var(--motion-fast);
  display: flex;
}

.nav_brand:hover {
  opacity: .7;
}

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

.nav_menu {
  pointer-events: auto;
  align-items: center;
  display: flex;
  position: static;
}

.nav_link {
  color: var(--role-ink-2);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  font-weight: var(--fonts-weights--medium);
  justify-content: space-between;
  align-items: center;
  padding: 0;
  text-decoration: none;
  transition: color var(--motion-fast);
  display: flex;
}

.nav_link:hover, .nav_link.w--current {
  color: var(--role-ink);
}

.nav_dropdown {
  position: static;
}

.nav_dropdown-toggle {
  color: var(--role-ink-2);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  font-weight: var(--fonts-weights--medium);
  align-items: center;
  padding: 0;
  display: flex;
}

.nav_dropdown-toggle:focus-visible, .nav_dropdown-toggle[data-wf-focus-visible] {
  outline-color: var(--role-accent);
  outline-offset: 2px;
  outline-width: 2px;
  outline-style: solid;
}

.nav_dropdown-list {
  background-color: transparent;
  width: 1192px;
  max-width: calc(100vw - 32px);
  margin-top: calc(var(--spacing-18) * -1);
  padding-top: var(--spacing-34);
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}

.nav_buttons {
  align-items: center;
  column-gap: var(--spacing-32);
  display: flex;
}

.nav_menu-button {
  border-radius: var(--radius--button);
  background-color: var(--role-ink);
  width: 40px;
  height: 40px;
  padding: var(--spacing-16) var(--spacing-12) 0;
}

.nav_menu-button:focus-visible, .nav_menu-button[data-wf-focus-visible] {
  outline-color: var(--role-accent);
  outline-offset: 2px;
  outline-width: 2px;
  outline-style: solid;
}

.nav_sheet {
  align-items: center;
  column-gap: var(--spacing-26);
  display: flex;
}

.nav_theme-desktop {
  align-items: center;
  display: flex;
}

.nav_theme-switch {
  border-radius: var(--radius--button);
  background-color: var(--role-surface-2);
  cursor: pointer;
  flex: none;
  align-items: flex-start;
  column-gap: var(--spacing-2);
  padding: var(--spacing-3);
  transition: background-color var(--motion-fast);
  display: flex;
  position: relative;
}

.nav_theme-switch:hover {
  background-color: var(--role-line);
}

.nav_theme-knob {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--button);
  background-color: var(--role-page);
  width: 28px;
  height: 28px;
  transition: transform var(--motion-fast) var(--ease-1);
  position: absolute;
  top: 3px;
  left: 3px;
  box-shadow: var(--shadow-3);
}

.nav_theme-knob.is-theme-dark {
  transform: translateX(30px);
}

.nav_theme-option {
  z-index: 1;
  width: 28px;
  height: 28px;
  color: var(--role-ink-faint);
  justify-content: center;
  align-items: center;
  transition: color var(--motion-fast);
  display: flex;
  position: relative;
}

.nav_theme-option.is-active {
  color: var(--role-ink);
}

.nav_cta {
  align-items: center;
  column-gap: var(--spacing-6);
  display: flex;
}

.nav_signin {
  display: flex;
}

.nav_menu-lines {
  flex-direction: column;
  align-items: center;
  row-gap: var(--spacing-5);
  display: flex;
}

.nav_menu-line {
  background-color: var(--role-page);
  width: 16px;
  height: 1.5px;
}

.nav_row-arrow {
  color: var(--role-ink-soft);
  display: none;
}

.nav_panel-products {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--large);
  background-color: var(--role-page);
  align-items: flex-start;
  column-gap: var(--spacing-32);
  width: 100%;
  padding: var(--spacing-32);
  display: flex;
  box-shadow: var(--shadow-4);
}

.nav_products-list {
  flex-direction: column;
  flex: 0 420px;
  row-gap: var(--spacing-6);
  min-width: 0;
  display: flex;
}

.nav_eyebrow {
  color: var(--role-ink-soft);
  font-size: var(--font-size--fixed-10);
  line-height: var(--line-height--ratio-1-2);
  letter-spacing: var(--letter-spacing--wide-6);
  justify-content: flex-start;
}

.nav_product {
  border-radius: var(--radius--compact);
  color: var(--role-ink);
  align-items: flex-start;
  column-gap: var(--spacing-14);
  padding: var(--spacing-12);
  text-decoration: none;
  transition: background-color var(--motion-fast);
  display: flex;
}

.nav_product:hover {
  background-color: var(--role-surface);
}

.nav_product-icon {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--field);
  background-color: var(--role-page);
  color: var(--role-ink);
  flex: none;
  padding: var(--spacing-8);
  display: flex;
}

.nav_product-text {
  min-width: 0;
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  flex-direction: column;
  row-gap: var(--spacing-2);
  display: flex;
}

.nav_product-title {
  color: var(--role-ink);
  font-weight: var(--fonts-weights--medium);
}

.nav_product-desc {
  color: var(--role-ink-soft);
}

.nav_platform {
  flex-direction: column;
  flex: 0 220px;
  row-gap: var(--spacing-14);
  min-width: 0;
  display: flex;
}

.nav_panel-link {
  color: var(--role-ink-2);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  font-weight: var(--fonts-weights--medium);
  text-decoration: none;
  transition: color var(--motion-fast);
}

.nav_panel-link:hover {
  color: var(--role-accent);
}

.nav_featured {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--small);
  background-color: var(--role-surface);
  min-width: 0;
  color: var(--role-ink);
  flex-direction: column;
  flex: 380px;
  text-decoration: none;
  transition: border-color var(--motion-fast);
  display: flex;
  overflow: hidden;
}

.nav_featured:hover {
  border-color: var(--role-line-dark);
}

.nav_featured-image {
  object-fit: cover;
  width: 100%;
  height: 170px;
  display: block;
}

.nav_featured-body {
  flex-direction: column;
  row-gap: var(--spacing-6);
  padding: var(--spacing-16) var(--spacing-18) var(--spacing-20);
  display: flex;
}

.nav_featured-tag {
  color: var(--role-accent);
  font-size: var(--font-size--fixed-10);
  line-height: var(--line-height--ratio-1-2);
  letter-spacing: var(--letter-spacing--wide-4);
  justify-content: flex-start;
}

.nav_featured-title {
  color: var(--role-ink);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  font-weight: var(--fonts-weights--medium);
}

.nav_featured-more {
  color: var(--role-ink-muted);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
}

.nav_panel-pages {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--large);
  background-color: var(--role-page);
  align-items: flex-start;
  column-gap: var(--spacing-36);
  width: 100%;
  padding: var(--spacing-32);
  display: flex;
  box-shadow: var(--shadow-4);
}

.nav_multi {
  flex-direction: column;
  flex: 0 330px;
  row-gap: var(--spacing-22);
  min-width: 0;
  display: flex;
}

.nav_multi-row {
  align-items: flex-start;
  column-gap: var(--spacing-14);
  display: flex;
}

.nav_multi-icon {
  border-radius: var(--radius--field);
  background-color: var(--role-surface-2);
  width: 40px;
  height: 40px;
  color: var(--role-ink-2);
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.nav_multi-text {
  flex-direction: column;
  row-gap: var(--spacing-4);
  min-width: 0;
  display: flex;
}

.nav_multi-title {
  color: var(--role-ink);
  font-size: var(--font-size--body-medium);
  line-height: var(--line-height--ratio-1-35);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--tight-0-24-px);
}

.nav_multi-links {
  flex-wrap: wrap;
  align-items: center;
  gap: var(--spacing-2) var(--spacing-10);
  display: flex;
}

.nav_multi-link {
  color: var(--role-ink-2);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  white-space: nowrap;
  text-decoration: none;
  transition: color var(--motion-fast);
}

.nav_multi-link:hover {
  color: var(--role-accent);
}

.nav_dot {
  background-color: var(--role-ink-2);
  border-radius: 50%; /* lx-fixed: circle */
  flex: none;
  width: 4px;
  height: 4px;
}

.nav_pages-col {
  flex-direction: column;
  flex: 0 140px;
  row-gap: var(--spacing-12);
  min-width: 0;
  display: flex;
}

.nav_pages-pair {
  align-items: center;
  column-gap: var(--spacing-6);
  display: flex;
}

.nav_pages-sep {
  color: var(--role-ink-2);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
}

.nav_buy {
  border-radius: var(--radius--medium);
  flex-direction: column;
  flex: 0 232px;
  justify-content: space-between;
  align-self: stretch;
  row-gap: var(--spacing-24);
  min-width: 0;
  padding: var(--spacing-18);
  display: flex;
}

.nav_buy-top {
  flex-direction: column;
  row-gap: var(--spacing-10);
  display: flex;
}

.nav_buy-mark {
  color: var(--role-ink);
  display: flex;
}

.nav_buy-title {
  color: var(--role-ink);
  font-size: var(--font-size--body-medium);
  line-height: var(--line-height--ratio-1-35);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--tight-0-24-px);
}

.nav_buy-text {
  color: var(--role-ink);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
}

.nav_buy-button {
  display: flex;
}

.nav_mobile-featured {
  padding-top: var(--spacing-16);
  display: none;
}

.nav_mfeat {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--medium);
  background-color: var(--role-surface);
  color: var(--role-ink);
  align-items: center;
  column-gap: var(--spacing-12);
  padding: var(--spacing-12);
  text-decoration: none;
  transition: border-color var(--motion-fast);
  display: flex;
}

.nav_mfeat:hover {
  border-color: var(--role-line-dark);
}

.nav_mfeat-image {
  border-radius: var(--radius--field);
  object-fit: cover;
  flex: none;
  width: 56px;
  height: 56px;
}

.nav_mfeat-text {
  flex-direction: column;
  row-gap: var(--spacing-3);
  min-width: 0;
  display: flex;
}

.nav_mobile-actions {
  display: none;
}

.nav_theme-row {
  justify-content: space-between;
  align-items: center;
  padding-bottom: var(--spacing-6);
  display: flex;
}

.nav_theme-label {
  color: var(--role-ink);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-3);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--tight-0-21-px);
}

.nav_mobile-buttons {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  row-gap: var(--spacing-10);
  display: grid;
}

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

.section-rails {
  z-index: -1;
  border-right: 1px solid var(--role-line);
  border-left: 1px solid var(--role-line);
  pointer-events: none;
  width: calc(100% - 120px);
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0;
}

.h1-top {
  z-index: 0;
  border-top: 1px solid var(--role-line);
  background-color: var(--role-page);
  padding-top: calc(var(--spacing-72) * var(--section-spacing));
  padding-bottom: calc(var(--spacing-80) * var(--section-spacing));
  position: relative;
  overflow: hidden;
}

.h1-top_head {
  text-align: center;
  flex-direction: column;
  align-items: center;
  row-gap: var(--spacing-24);
  display: flex;
}

.h1-top_heading {
  max-width: 720px;
  color: var(--role-ink);
}

.h1-top_accent {
  color: var(--role-accent);
  display: block;
}

.h1-top_sub {
  max-width: 560px;
  color: var(--role-ink-soft);
}

.h1-top_ctas {
  justify-content: center;
  gap: var(--spacing-12);
}

.h1-top_panels {
  grid-template-rows: auto;
  grid-template-columns: 376fr 416fr 376fr;
  align-items: end;
  column-gap: var(--spacing-16);
  max-width: 1200px;
  margin-top: var(--spacing-60);
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.h1-top_side {
  border-radius: var(--radius--default);
  background-color: var(--role-surface-2);
  height: 460px;
  position: relative;
  overflow: hidden;
}

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

.h1-top_eval {
  border-radius: var(--radius--medium);
  background-color: var(--role-page);
  flex-direction: column;
  row-gap: var(--spacing-6);
  padding: var(--spacing-14) var(--spacing-16);
  display: flex;
  position: absolute;
  bottom: 16px;
  left: 16px;
  box-shadow: var(--shadow-5);
}

.h1-top_card-label {
  font-family: var(--font-label);
  color: var(--role-ink-soft);
  font-size: var(--font-size--fixed-10);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--wide-0-2-px);
}

.h1-top_eval-row {
  align-items: center;
  column-gap: var(--spacing-10);
  display: flex;
}

.h1-top_eval-score {
  color: var(--role-ink);
  font-size: var(--font-size--fixed-32);
  line-height: var(--line-height--ratio-1-1);
  letter-spacing: var(--letter-spacing--tight-0-64-px);
}

.h1-top_eval-delta {
  font-family: var(--font-label);
  color: var(--role-accent);
  font-size: var(--font-size--fixed-11);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--wide-0-22-px);
}

.h1-top_orb-panel {
  border-radius: var(--radius--default);
  background-color: var(--role-surface-2);
  height: 540px;
  position: relative;
  overflow: hidden;
}

.h1-hero_orb {
  aspect-ratio: 1;
  width: 120%;
  position: absolute;
  top: -10px;
  left: -10%;
}

.h1-hero_orb-cool {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.h1-hero_orb-warm {
  opacity: .5;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.h1-hero_orb-clip {
  border-radius: 50%; /* lx-fixed: circle */
  width: 62%;
  height: 62%;
  position: absolute;
  top: 19%;
  left: 19%;
  overflow: hidden;
}

.h1-hero_orb-highlight {
  width: 161.3%;
  max-width: none;
  height: 161.3%;
  position: absolute;
  top: -30.65%;
  left: -30.65%;
}

.h1-top_agent {
  border-radius: var(--radius--button);
  background-color: var(--role-page);
  white-space: nowrap;
  align-items: center;
  column-gap: var(--spacing-10);
  padding: var(--spacing-10) var(--spacing-16) var(--spacing-10) var(--spacing-12);
  display: flex;
  position: absolute;
  bottom: 28px;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: var(--shadow-6);
}

.h1-top_wave {
  color: var(--role-accent);
}

.h1-top_agent-text {
  color: var(--role-ink);
  font-size: var(--font-size--tag-label);
  line-height: var(--line-height--ratio-1-55);
  font-weight: var(--fonts-weights--medium);
}

.h1-top_mono {
  font-family: var(--font-label);
  color: var(--role-ink-soft);
  font-size: var(--font-size--fixed-11);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--wide-0-22-px);
  white-space: nowrap;
}

.h1-top_routing {
  border-radius: var(--radius--small);
  background-color: var(--role-page);
  flex-direction: column;
  row-gap: var(--spacing-10);
  padding: var(--spacing-16);
  display: flex;
  position: absolute;
  top: 166px;
  left: 40px;
  right: 40px;
  box-shadow: var(--shadow-7);
}

.h1-top_routing-head {
  align-items: center;
  column-gap: var(--spacing-8);
  display: flex;
}

.h1-top_routing-title {
  color: var(--role-ink);
  font-size: var(--font-size--body-medium);
  line-height: var(--line-height--ratio-1-35);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--tight-0-24-px);
  flex: 1 1 0;
}

.h1-top_routing-tag {
  font-family: var(--font-label);
  color: var(--role-accent);
  font-size: var(--font-size--fixed-10);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--wide-0-2-px);
}

.h1-top_rule {
  border-radius: var(--radius--field);
  background-color: var(--role-surface);
  align-items: center;
  column-gap: var(--spacing-10);
  padding: var(--spacing-10) var(--spacing-12) var(--spacing-10) var(--spacing-10);
  display: flex;
}

.h1-top_check {
  border-radius: var(--radius--tag);
  background-color: var(--role-accent);
  width: 16px;
  height: 16px;
  color: var(--role-page);
  font-size: var(--font-size--fixed-11);
  line-height: var(--line-height--ratio-1);
  flex: 0 0 16px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.h1-top_check-off {
  border: 1px solid var(--role-line-strong);
  border-radius: var(--radius--tag);
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
}

.h1-top_rule-name {
  color: var(--role-ink-2);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  font-weight: var(--fonts-weights--medium);
  flex: 1 1 0;
}

.h1-logos {
  z-index: 0;
  border-top: 1px solid var(--role-line);
  border-bottom: 1px solid var(--role-line);
  background-color: var(--role-page);
  position: relative;
}

.h1-logos_row {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.h1-logos_label {
  flex-direction: column;
  flex: 0 0 220px;
  justify-content: center;
  padding: var(--spacing-34) var(--spacing-24);
  display: flex;
}

.h1-logos_label-text {
  max-width: 180px;
  color: var(--role-ink-soft);
}

.logo-cell {
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--role-line);
  flex: 1 1 0;
  justify-content: center;
  align-items: center;
  min-width: 0;
  min-height: 112px;
  padding: var(--spacing-34) var(--spacing-12);
  display: flex;
}

.logo-cell_text {
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-medium);
  line-height: var(--line-height--ratio-1-55);
  font-weight: var(--fonts-weights--medium);
  white-space: nowrap;
}

.h1-statement {
  z-index: 0;
  border-bottom: 1px solid var(--role-line);
  background-color: var(--role-page);
  position: relative;
}

.h1-statement_layout {
  column-gap: var(--spacing-64);
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding: var(--spacing-40) var(--spacing-24);
  display: flex;
}

.h1-statement_label {
  flex: 0 0 300px;
}

.h1-statement_eyebrow {
  font-family: var(--font-label);
  color: var(--role-accent);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  font-weight: var(--fonts-weights--medium);
}

.h1-statement_text {
  min-width: 0;
  color: var(--role-ink-soft);
  font-size: var(--font-size--fixed-34);
  line-height: var(--line-height--ratio-1-12);
  font-weight: var(--fonts-weights--normal);
  letter-spacing: var(--letter-spacing--tight-0-85-px);
  flex: 1;
  margin-top: 0;
  margin-bottom: 0;
}

.h1-statement_strong {
  color: var(--role-ink);
}

.h1-platform {
  z-index: 0;
  border-bottom: 1px solid var(--role-line);
  background-color: var(--role-page);
  padding-top: calc(var(--spacing-112) * var(--section-spacing));
  padding-bottom: calc(var(--spacing-112) * var(--section-spacing));
  position: relative;
}

.heading-style-section {
  color: var(--role-ink);
  font-size: var(--font-size--fixed-40);
  line-height: var(--line-height--ratio-1-12);
  font-weight: var(--fonts-weights--normal);
  letter-spacing: var(--letter-spacing--tight-1-px);
  margin-top: 0;
  margin-bottom: 0;
}

.heading-accent {
  color: var(--role-accent);
  display: block;
}

.h1-platform_head {
  justify-content: space-between;
  align-items: flex-end;
  column-gap: var(--spacing-40);
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--spacing-24);
  padding-right: var(--spacing-24);
  display: flex;
}

.h1-platform_intro {
  max-width: 420px;
  color: var(--role-ink-2);
}

.h1-platform_frame {
  max-width: 1200px;
  margin-top: var(--spacing-48);
  margin-left: auto;
  margin-right: auto;
}

.h1-platform_preview {
  aspect-ratio: 1200 / 520;
  border: 1px solid var(--role-line);
  border-top-left-radius: var(--radius--default);
  border-top-right-radius: var(--radius--default);
  background-color: var(--role-surface);
  position: relative;
  overflow: hidden;
}

.h1-platform_console {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--medium);
  width: 67.5%;
  position: absolute;
  top: 7.5%;
  left: 2.4%;
  overflow: hidden;
  box-shadow: var(--shadow-8);
}

.h1-platform_agent {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--medium);
  width: 25.8%;
  position: absolute;
  top: 15.2%;
  left: 71.6%;
  overflow: hidden;
  box-shadow: var(--shadow-8);
}

.h1-platform_shot {
  width: 100%;
  display: block;
}

.h1-platform_products {
  border-style: none solid solid;
  border-width: 1px;
  border-color: var(--role-line);
  border-bottom-left-radius: var(--radius--default);
  border-bottom-right-radius: var(--radius--default);
  background-color: var(--role-page);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
  overflow: hidden;
}

.h1-platform_product {
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--role-line);
  color: var(--role-ink);
  align-items: flex-start;
  column-gap: var(--spacing-14);
  padding: var(--spacing-24);
  text-decoration: none;
  transition: background-color var(--motion-fast);
  display: flex;
}

.h1-platform_product:first-child {
  border-left-style: none;
}

.h1-platform_product:hover {
  background-color: var(--role-surface);
}

.icon-tile {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--field);
  background-color: var(--role-surface);
  flex: 0 0 40px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: relative;
}

.icon-tile_icon {
  width: 20px;
  height: 20px;
}

.h1-platform_product-text {
  flex-direction: column;
  row-gap: var(--spacing-4);
  display: flex;
}

.h1-platform_product-title {
  color: var(--role-ink);
  font-size: var(--font-size--body-medium);
  line-height: var(--line-height--ratio-1-55);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--none);
  margin-top: 0;
  margin-bottom: 0;
}

.h1-platform_product-desc {
  max-width: 270px;
  color: var(--role-ink-soft);
}

.h1-inference {
  z-index: 0;
  border-bottom: 1px solid var(--role-line);
  background-color: var(--role-page);
  padding-top: calc(var(--spacing-104) * var(--section-spacing));
  padding-bottom: calc(var(--spacing-104) * var(--section-spacing));
  position: relative;
}

.h1-product_split {
  align-items: flex-start;
  column-gap: var(--spacing-56);
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.h1-product_copy {
  flex-direction: column;
  flex: 0 0 430px;
  align-items: flex-start;
  row-gap: var(--spacing-28);
  padding-left: var(--spacing-24);
  display: flex;
}

.h1-product_kicker {
  color: var(--role-ink-soft);
}

.h1-product_lead {
  max-width: 400px;
  color: var(--role-ink-2);
}

.h1-product_features {
  border-bottom: 1px solid var(--role-line);
  width: 100%;
}

.feature-row {
  border-top: 1px solid var(--role-line);
  align-items: flex-start;
  column-gap: var(--spacing-14);
  padding-top: var(--spacing-16);
  padding-bottom: var(--spacing-16);
  display: flex;
}

.feature-row_tile {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--field);
  background-color: var(--role-page);
  flex: 0 0 40px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}

.feature-row_icon {
  width: 20px;
  height: 20px;
}

.feature-row_text {
  flex-direction: column;
  row-gap: var(--spacing-4);
  display: flex;
}

.feature-row_title {
  color: var(--role-ink);
  font-size: var(--font-size--body-medium);
  line-height: var(--line-height--ratio-1-55);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--none);
  margin-top: 0;
  margin-bottom: 0;
}

.feature-row_desc {
  max-width: 330px;
  color: var(--role-ink);
}

.h1-product_customer {
  color: var(--role-ink);
  align-items: center;
  column-gap: var(--spacing-16);
  text-decoration: none;
  transition: color var(--motion-fast);
  display: flex;
}

.h1-product_customer:hover {
  color: var(--role-accent);
}

.h1-product_logo {
  border-radius: var(--radius--field);
  object-fit: cover;
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
}

.h1-product_customer-text {
  flex-direction: column;
  row-gap: var(--spacing-2);
  display: flex;
}

.h1-product_customer-name {
  color: inherit;
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  font-weight: var(--fonts-weights--medium);
  transition: color var(--motion-fast);
}

.h1-product_customer-desc {
  max-width: 320px;
  color: var(--role-ink-muted);
}

.h1-product_visuals {
  flex-direction: column;
  flex: 1 1 0;
  row-gap: var(--spacing-16);
  min-width: 0;
  display: flex;
}

.h1-product_image-card {
  border-radius: var(--radius--large);
  height: 420px;
  position: relative;
  overflow: hidden;
}

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

.h1-product_tile {
  border-radius: var(--radius--compact);
  width: 320px;
  position: absolute;
  top: 46px;
  left: 27.6%;
  overflow: hidden;
  box-shadow: var(--shadow-9);
}

.h1-product_tile-image {
  width: 100%;
  display: block;
}

.h1-product_fade {
  background-image: linear-gradient(in srgb, transparent 0%, var(--tone-page-a191) 60%, var(--tone-page-a235) 100%);
  height: 200px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.h1-product_caption {
  flex-direction: column;
  row-gap: var(--spacing-4);
  max-width: 420px;
  display: flex;
  position: absolute;
  bottom: 28px;
  left: 28px;
}

.h1-product_caption-label {
  color: var(--role-ink-soft);
}

.h1-product_caption-text {
  color: var(--role-ink);
}

.lottie-card {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--large);
  background-color: var(--role-surface);
  height: 320px;
  position: relative;
  overflow: hidden;
}

.lottie-card_lottie {
  width: calc(100% - 360px);
  max-width: 320px;
  height: 240px;
  display: grid;
  position: absolute;
  top: 39px;
  right: 48px;
}

.lottie-card_caption {
  flex-direction: column;
  row-gap: var(--spacing-4);
  max-width: 274px;
  display: flex;
  position: absolute;
  bottom: 28px;
  left: 27px;
}

.lottie-card_label {
  color: var(--role-ink-soft);
}

.lottie-card_text {
  color: var(--role-ink);
}

.h1-agents {
  z-index: 0;
  border-bottom: 1px solid var(--role-line);
  background-color: var(--role-page);
  padding-top: calc(var(--spacing-104) * var(--section-spacing));
  padding-bottom: calc(var(--spacing-104) * var(--section-spacing));
  position: relative;
}

.h1-developers {
  background-color: var(--role-page);
  color: var(--role-ink);
  padding-top: calc(var(--spacing-104) * var(--section-spacing));
  position: relative;
  overflow: hidden;
}

.h1-dev_head {
  justify-content: space-between;
  align-items: flex-end;
  column-gap: var(--spacing-40);
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 var(--spacing-24) var(--spacing-56);
  display: flex;
}

.h1-dev_band {
  border-top: 1px solid var(--role-line);
  border-bottom: 1px solid var(--role-line);
}

.h1-dev_layout {
  align-items: flex-start;
  column-gap: var(--spacing-40);
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding: var(--spacing-40) 0 var(--spacing-40) var(--spacing-24);
  display: flex;
}

.h1-dev_code-card {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--small);
  background-color: var(--role-surface-2);
  flex: 1 1 0;
  min-width: 0;
  overflow: hidden;
}

.h1-dev_tabbar {
  border-bottom: 1px solid var(--role-line);
  justify-content: space-between;
  align-items: center;
  padding: var(--spacing-12) var(--spacing-18);
  display: flex;
}

.h1-dev_tabs {
  column-gap: var(--spacing-4);
  display: flex;
}

.h1-dev_tab {
  border-radius: var(--radius--x-small);
  font-family: var(--font-label);
  color: var(--role-ink-muted);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--fixed-16);
  padding: var(--spacing-5) var(--spacing-10);
}

.h1-dev_tab-active {
  border-radius: var(--radius--x-small);
  background-color: var(--role-line-strong);
  font-family: var(--font-label);
  color: var(--role-ink);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--fixed-16);
  padding: var(--spacing-5) var(--spacing-10);
}

.h1-dev_file {
  font-family: var(--font-label);
  color: var(--role-ink-soft);
  font-size: var(--font-size--fixed-11);
}

.h1-dev_code {
  padding: var(--spacing-20) var(--spacing-22);
  overflow-x: auto;
}

.h1-dev_line {
  column-gap: var(--spacing-18);
  display: flex;
}

.h1-dev_ln {
  font-family: var(--font-label);
  color: var(--role-ink-soft);
  font-size: var(--font-size--fixed-13);
  line-height: var(--line-height--fixed-24);
  text-align: right;
  flex: 0 0 18px;
}

.h1-dev_src {
  font-family: var(--font-label);
  color: var(--role-ink);
  font-size: var(--font-size--fixed-13);
  line-height: var(--line-height--fixed-24);
  white-space: pre;
}

.h1-dev_kw {
  color: var(--role-accent);
}

.h1-dev_str {
  color: var(--role-accent-deep);
}

.h1-dev_side {
  flex-direction: column;
  flex: 0 0 420px;
  row-gap: var(--spacing-20);
  display: flex;
}

.h1-dev_apis {
  border-bottom: 1px solid var(--role-line);
}

.h1-dev_api {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--role-line);
  color: var(--role-ink);
  align-items: center;
  column-gap: var(--spacing-14);
  padding: var(--spacing-16) var(--spacing-12);
  text-decoration: none;
  transition: background-color var(--motion-fast), color var(--motion-fast);
  display: flex;
}

.h1-dev_api:hover {
  background-color: var(--role-surface-2);
  color: var(--role-accent);
}

.h1-dev_api-text {
  flex-direction: column;
  flex: 1 1 0;
  row-gap: var(--spacing-3);
  display: flex;
}

.h1-dev_api-title {
  color: inherit;
  font-size: var(--font-size--body-medium);
  line-height: var(--line-height--ratio-1-55);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--none);
  margin-top: 0;
  margin-bottom: 0;
  transition: color var(--motion-fast);
}

.h1-dev_api-desc {
  max-width: 300px;
  color: var(--role-ink-soft);
}

.h1-dev_api-arrow {
  color: inherit;
  font-size: var(--font-size--body-medium);
  font-weight: var(--fonts-weights--medium);
  padding-right: var(--spacing-42);
}

.h1-dev_integrations {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--small);
  background-color: var(--role-page);
  flex-direction: column;
  row-gap: var(--spacing-12);
  padding: var(--spacing-20);
  display: flex;
}

.h1-dev_integrations-title {
  color: var(--role-ink);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  font-weight: var(--fonts-weights--medium);
}

.h1-dev_chips {
  grid-column-gap: var(--spacing-8);
  grid-row-gap: var(--spacing-8);
  flex-wrap: wrap;
  display: flex;
}

.chip {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--button);
  background-color: var(--role-surface);
  color: var(--role-ink-2);
  align-items: center;
  column-gap: var(--spacing-8);
  padding: var(--spacing-8) var(--spacing-12);
  text-decoration: none;
  transition: border-color var(--motion-fast), background-color var(--motion-fast);
  display: flex;
}

.chip:hover {
  border-color: var(--role-line-dark);
}

.chip_dot {
  background-color: var(--role-accent);
  flex: 0 0 6px;
  width: 6px;
  height: 6px;
}

.chip_label {
  color: var(--role-ink-2);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  font-weight: var(--fonts-weights--medium);
}

.h1-dev_stats-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.h1-dev_stat {
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--role-line);
  flex-direction: column;
  row-gap: var(--spacing-6);
  padding: var(--spacing-40) var(--spacing-24);
  display: flex;
}

.h1-dev_stat:last-child {
  border-right-style: none;
}

.h1-dev_stat-number {
  color: var(--role-ink);
  font-size: var(--font-size--fixed-64);
  line-height: var(--line-height--ratio-1);
  letter-spacing: var(--letter-spacing--tight-2-px);
}

.h1-dev_stat-label {
  color: var(--role-ink-soft);
}

.h1-dev_src-indent {
  font-family: var(--font-label);
  color: var(--role-ink);
  font-size: var(--font-size--fixed-13);
  line-height: var(--line-height--fixed-24);
  white-space: pre;
  padding-left: 2ch;
}

.h1-customers {
  z-index: 0;
  border-bottom: 1px solid var(--role-line);
  background-color: var(--role-page);
  padding-top: calc(var(--spacing-104) * var(--section-spacing));
  padding-bottom: calc(var(--spacing-104) * var(--section-spacing));
  position: relative;
}

.h1-section-head {
  justify-content: space-between;
  align-items: flex-end;
  column-gap: var(--spacing-40);
  max-width: 1200px;
  margin-bottom: var(--spacing-48);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--spacing-24);
  padding-right: var(--spacing-24);
  display: flex;
}

.h1-customers_stories {
  align-items: stretch;
  column-gap: var(--spacing-16);
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.h1-customers_featured {
  border-radius: var(--radius--large);
  min-width: 0;
  height: 520px;
  color: var(--role-ink);
  flex: 1 1 0;
  text-decoration: none;
  display: block;
  position: relative;
  overflow: hidden;
}

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

.h1-customers_quote {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--small);
  background-color: var(--role-page);
  flex-direction: column;
  row-gap: var(--spacing-20);
  max-width: 620px;
  padding: var(--spacing-28);
  display: flex;
  position: absolute;
  bottom: 24px;
  left: 24px;
}

.h1-customers_quote-meta {
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  column-gap: var(--spacing-8);
  display: flex;
}

.h1-customers_quote-company {
  color: var(--role-ink);
  font-weight: var(--fonts-weights--medium);
}

.h1-customers_quote-product {
  color: var(--role-ink-soft);
}

.h1-customers_quote-text {
  color: var(--role-ink);
  font-size: var(--font-size--fixed-22);
  line-height: var(--line-height--ratio-1-25);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--tight-0-33-px);
  margin-bottom: 0;
}

.h1-customers_metrics {
  flex-wrap: wrap;
  gap: var(--spacing-12) var(--spacing-40);
  display: flex;
}

.h1-customers_metric {
  flex-direction: column;
  row-gap: var(--spacing-2);
  display: flex;
}

.h1-customers_metric-value {
  color: var(--role-accent);
  font-size: var(--font-size--fixed-22);
  line-height: var(--line-height--ratio-1-25);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--tight-0-33-px);
}

.h1-customers_metric-label {
  color: var(--role-ink-soft);
}

.h1-customers_author {
  color: var(--role-ink-muted);
}

.h1-customers_more {
  flex-direction: column;
  flex: 0 0 380px;
  row-gap: var(--spacing-16);
  display: flex;
}

.story-card {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--large);
  background-color: var(--role-surface);
  min-height: 252px;
  color: var(--role-ink);
  flex-direction: column;
  flex: 1 1 0;
  justify-content: space-between;
  row-gap: var(--spacing-28);
  padding: var(--spacing-24);
  text-decoration: none;
  transition: border-color var(--motion-fast);
  display: flex;
}

.story-card:hover {
  border-color: var(--role-line-strong);
}

.story-card_top {
  justify-content: space-between;
  align-items: center;
  column-gap: var(--spacing-12);
  display: flex;
}

.story-card_company {
  color: var(--role-ink);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  font-weight: var(--fonts-weights--medium);
}

.story-card_product {
  font-family: var(--font-label);
  color: var(--role-ink-soft);
  font-size: var(--font-size--fixed-10);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--wide-0-4-px);
}

.story-card_body {
  flex-direction: column;
  row-gap: var(--spacing-4);
  margin-top: auto;
  display: flex;
}

.story-card_metric {
  color: var(--role-ink);
  font-size: var(--font-size--fixed-64);
  line-height: var(--line-height--ratio-1);
  letter-spacing: var(--letter-spacing--tight-1-92-px);
}

.story-card_desc {
  max-width: 300px;
  color: var(--role-ink-muted);
}

.story-card_link {
  color: var(--role-ink);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  font-weight: var(--fonts-weights--medium);
}

.h1-security {
  z-index: 0;
  border-bottom: 1px solid var(--role-line);
  background-color: var(--role-page);
  padding-top: calc(var(--spacing-104) * var(--section-spacing));
  padding-bottom: calc(var(--spacing-104) * var(--section-spacing));
  position: relative;
}

.h1-security_layout {
  align-items: flex-start;
  column-gap: var(--spacing-56);
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.h1-security_copy {
  flex-direction: column;
  flex: 0 0 400px;
  align-items: flex-start;
  row-gap: var(--spacing-24);
  padding-left: var(--spacing-24);
  display: flex;
}

.h1-security_text {
  max-width: 360px;
  color: var(--role-ink-2);
}

.h1-security_badges {
  grid-column-gap: var(--spacing-8);
  grid-row-gap: var(--spacing-8);
  flex-wrap: wrap;
  display: flex;
}

.h1-security_badge {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--button);
  background-color: var(--role-surface);
  align-items: center;
  column-gap: var(--spacing-8);
  padding: var(--spacing-6) var(--spacing-12);
  display: flex;
}

.h1-security_badge-dot {
  background-color: var(--role-accent);
  flex: 0 0 6px;
  width: 6px;
  height: 6px;
}

.h1-security_badge-text {
  font-family: var(--font-label);
  color: var(--role-ink-2);
  font-size: var(--font-size--fixed-10);
  line-height: var(--line-height--ratio-1-3);
  font-weight: var(--fonts-weights--medium);
}

.h1-security_panel {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--large);
  background-color: var(--role-surface);
  flex: 1 1 0;
  min-width: 0;
  overflow: hidden;
}

.h1-security_grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  margin-top: calc(var(--spacing-1) * -1);
  display: grid;
}

.security-cell {
  border-top: 1px solid var(--role-line);
  align-items: flex-start;
  column-gap: var(--spacing-16);
  padding: var(--spacing-28);
  display: flex;
}

.security-cell_text {
  flex-direction: column;
  row-gap: var(--spacing-4);
  display: flex;
}

.security-cell_title {
  color: var(--role-ink);
  font-size: var(--font-size--body-medium);
  line-height: var(--line-height--ratio-1-55);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--none);
  margin-top: 0;
  margin-bottom: 0;
}

.security-cell_desc {
  max-width: 250px;
  color: var(--role-ink-soft);
}

.h1-pricing {
  z-index: 0;
  border-bottom: 1px solid var(--role-line);
  background-color: var(--role-page);
  padding-top: calc(var(--spacing-104) * var(--section-spacing));
  padding-bottom: calc(var(--spacing-104) * var(--section-spacing));
  position: relative;
}

.h1-pricing_plans {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: var(--spacing-16);
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.h1-pricing_plan {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--large);
  background-color: var(--role-surface);
  flex-direction: column;
  row-gap: var(--spacing-24);
  padding: var(--spacing-28);
  display: flex;
}

.h1-pricing_plan-featured {
  border: 1px solid var(--role-ink);
  border-radius: var(--radius--large);
  background-color: var(--role-page);
  flex-direction: column;
  row-gap: var(--spacing-24);
  padding: var(--spacing-28);
  display: flex;
}

.h1-pricing_top {
  justify-content: space-between;
  align-items: center;
  column-gap: var(--spacing-12);
  min-height: 27px;
  display: flex;
}

.h1-pricing_name {
  color: var(--role-ink);
  font-size: var(--font-size--body-medium);
  line-height: var(--line-height--ratio-1-55);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--none);
  margin-top: 0;
  margin-bottom: 0;
}

.h1-pricing_badge {
  border-radius: var(--radius--button);
  background-color: var(--role-accent-soft);
  color: var(--role-accent-deep);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-55);
  font-weight: var(--fonts-weights--medium);
  padding: var(--spacing-4) var(--spacing-10);
}

.h1-pricing_price-row {
  align-items: flex-end;
  column-gap: var(--spacing-8);
  display: flex;
}

.h1-pricing_price {
  color: var(--role-ink);
  font-size: var(--font-size--fixed-64);
  line-height: var(--line-height--ratio-1);
  letter-spacing: var(--letter-spacing--tight-1-92-px);
}

.h1-pricing_per {
  color: var(--role-ink-soft);
}

.h1-pricing_desc {
  color: var(--role-ink-muted);
  margin-bottom: 0;
}

.h1-pricing_list {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--role-line);
  flex-direction: column;
  row-gap: var(--spacing-10);
  margin-top: 0;
  margin-bottom: 0;
  padding: var(--spacing-20) 0 0;
  list-style-type: none;
  display: flex;
}

.h1-pricing_item {
  color: var(--role-ink-2);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  padding-left: var(--spacing-16);
  position: relative;
}

.h1-pricing_item:before {
  background-color: var(--role-accent);
  content: "";
  width: 6px;
  height: 6px;
  position: absolute;
  top: 8px;
  left: 0;
}

.h1-pricing_cta {
  flex-direction: column;
  align-items: stretch;
  margin-top: auto;
  display: flex;
}

.h1-pricing_note {
  max-width: 1200px;
  color: var(--role-ink-soft);
  margin: var(--spacing-48) auto 0;
  padding-left: var(--spacing-24);
}

.h1-changelog {
  z-index: 0;
  border-bottom: 1px solid var(--role-line);
  background-color: var(--role-page);
  padding-top: calc(var(--spacing-104) * var(--section-spacing));
  padding-bottom: calc(var(--spacing-104) * var(--section-spacing));
  position: relative;
}

.h1-changelog_body {
  align-items: flex-start;
  column-gap: var(--spacing-56);
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--spacing-24);
  padding-right: var(--spacing-24);
  display: flex;
}

.h1-changelog_releases {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--role-line);
  flex-direction: column;
  flex: 1 1 0;
  min-width: 0;
  display: flex;
}

.release-row {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--role-line);
  color: var(--role-ink);
  align-items: center;
  column-gap: var(--spacing-24);
  padding: var(--spacing-20) var(--spacing-12);
  text-decoration: none;
  transition: background-color var(--motion-fast), color var(--motion-fast);
  display: flex;
}

.release-row:hover {
  background-color: var(--role-surface);
  color: var(--role-accent);
}

.release-row_date {
  font-family: var(--font-label);
  color: var(--role-ink-soft);
  font-size: var(--font-size--fixed-11);
  font-weight: var(--fonts-weights--medium);
  flex: 0 0 70px;
}

.release-row_main {
  flex-direction: column;
  flex: 1 1 0;
  row-gap: var(--spacing-4);
  display: flex;
}

.release-row_tag {
  font-family: var(--font-label);
  color: var(--role-accent);
  font-size: var(--font-size--fixed-10);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--wide-0-2-px);
}

.release-row_title {
  color: inherit;
  font-size: var(--font-size--body-medium);
  line-height: var(--line-height--ratio-1-55);
  font-weight: var(--fonts-weights--medium);
  transition: color var(--motion-fast);
}

.release-row_arrow {
  color: inherit;
  font-size: var(--font-size--body-medium);
  font-weight: var(--fonts-weights--medium);
}

.h1-changelog_articles {
  flex: 0 0 544px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  column-gap: var(--spacing-24);
  display: grid;
}

.h1-changelog_article {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--small);
  background-color: var(--role-page);
  color: var(--role-ink);
  flex-direction: column;
  text-decoration: none;
  transition: border-color var(--motion-fast);
  display: block;
  overflow: hidden;
}

.h1-changelog_article:hover {
  border-color: var(--role-line-strong);
}

.h1-changelog_cover {
  aspect-ratio: 258 / 236;
  object-fit: cover;
  border-radius: 0;
  width: 100%;
  height: auto;
  display: block;
}

.h1-changelog_article-body {
  flex-direction: column;
  row-gap: var(--spacing-6);
  padding: var(--spacing-14) var(--spacing-16) var(--spacing-18);
  display: flex;
}

.h1-changelog_meta {
  font-family: var(--font-label);
  color: var(--role-ink-soft);
  font-size: var(--font-size--fixed-10);
  font-weight: var(--fonts-weights--medium);
}

.h1-changelog_article-title {
  color: var(--role-ink);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--none);
  margin-top: 0;
  margin-bottom: 0;
}

.h1-questions {
  z-index: 0;
  border-bottom: 1px solid var(--role-line);
  background-color: var(--role-page);
  padding-top: calc(var(--spacing-104) * var(--section-spacing));
  padding-bottom: calc(var(--spacing-104) * var(--section-spacing));
  position: relative;
}

.h1-questions_layout {
  align-items: flex-start;
  column-gap: var(--spacing-80);
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--spacing-24);
  display: flex;
}

.h1-questions_intro {
  flex-direction: column;
  flex: 0 0 340px;
  align-items: flex-start;
  row-gap: var(--spacing-24);
  display: flex;
}

.h1-questions_text {
  max-width: 300px;
  color: var(--role-ink-muted);
}

.h1-questions_list {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--role-line);
  flex: 1 1 0;
  min-width: 0;
}

.cta-panel {
  background-color: var(--role-accent-soft);
  padding-top: calc(var(--spacing-140) * var(--section-spacing));
  padding-bottom: calc(var(--spacing-140) * var(--section-spacing));
  position: relative;
  overflow: hidden;
}

.cta-panel_image {
  object-fit: cover;
  border-radius: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.cta-panel_content {
  z-index: 1;
  text-align: center;
  flex-direction: column;
  align-items: center;
  row-gap: var(--spacing-28);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.cta-panel_heading {
  max-width: 480px;
  color: var(--role-ink);
}

.cta-panel_text {
  color: var(--role-ink);
  margin-bottom: 0;
}

.cta-panel_buttons {
  justify-content: center;
  gap: var(--spacing-10);
}

.h3-top {
  border-top: 1px solid var(--role-line);
  background-color: var(--role-page);
  isolation: isolate;
  padding-top: calc(var(--spacing-80) * var(--section-spacing));
  position: relative;
}

.h3-inner {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--spacing-24);
  padding-right: var(--spacing-24);
}

.h3-inner.h3-hero_head {
  grid-column-gap: var(--spacing-48);
  grid-row-gap: var(--spacing-48);
  justify-content: space-between;
  align-items: flex-end;
  padding-bottom: var(--spacing-64);
  display: flex;
}

.h3-inner.h3-hero_stage-inner {
  position: relative;
}

.h3-hero_head {
  grid-column-gap: var(--spacing-48);
  grid-row-gap: var(--spacing-48);
  justify-content: space-between;
  align-items: flex-end;
  padding-bottom: var(--spacing-64);
  display: flex;
}

.h3-hero_intro {
  grid-column-gap: var(--spacing-24);
  grid-row-gap: var(--spacing-24);
  flex-direction: column;
  align-items: flex-start;
  max-width: 860px;
  display: flex;
}

.h3-hero_pill {
  grid-column-gap: var(--spacing-10);
  grid-row-gap: var(--spacing-10);
  border: 1px solid var(--role-line);
  border-radius: var(--radius--button);
  color: var(--role-ink);
  align-items: center;
  padding: var(--spacing-4) var(--spacing-12) var(--spacing-4) var(--spacing-4);
  text-decoration: none;
  transition: border-color var(--motion-fast);
  display: flex;
}

.h3-hero_pill:hover {
  border-color: var(--role-line-dark);
}

.h3-hero_pill-tag {
  border-radius: var(--radius--large);
  background-color: var(--role-accent);
  font-family: var(--font-label);
  color: var(--role-page);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  font-weight: var(--fonts-weights--medium);
  padding: var(--spacing-5) var(--spacing-10);
}

.h3-hero_pill-text {
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
}

.h3-hero_heading {
  margin-top: 0;
  margin-bottom: 0;
}

.h3-hero_side {
  grid-column-gap: var(--spacing-24);
  grid-row-gap: var(--spacing-24);
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  width: 320px;
  display: flex;
}

.h3-hero_lead {
  color: var(--role-ink-soft);
  margin-top: 0;
  margin-bottom: 0;
}

.h3-hero_stage {
  padding-top: var(--spacing-70);
  padding-bottom: var(--spacing-70);
  position: relative;
  overflow: hidden;
}

.h3-hero_bg {
  z-index: -1;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.h3-hero_stage-inner {
  position: relative;
}

.h3-hero_live {
  z-index: 2;
  grid-column-gap: var(--spacing-8);
  grid-row-gap: var(--spacing-8);
  border-radius: var(--radius--large);
  background-color: var(--role-page);
  align-items: center;
  padding: var(--spacing-6) var(--spacing-12);
  display: flex;
  position: absolute;
  top: -30px;
  left: 24px;
}

.h3-hero_live-dot {
  background-color: var(--role-accent);
  width: 8px;
  height: 8px;
}

.h3-hero_live-text {
  font-family: var(--font-label);
  color: var(--role-ink);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  font-weight: var(--fonts-weights--medium);
}

.h3-hero_console {
  z-index: 2;
  border-radius: var(--radius--medium);
  width: 70.3%;
  margin-left: 4.4%;
  position: relative;
  overflow: hidden;
  box-shadow: var(--shadow-8);
}

.h3-hero_console:hover {
  z-index: 5;
}

.h3-hero_agent {
  z-index: 3;
  border-radius: var(--radius--medium);
  width: 26.9%;
  position: absolute;
  top: 70px;
  left: 69.8%;
  overflow: hidden;
  box-shadow: var(--shadow-8);
}

.h3-hero_agent:hover {
  z-index: 5;
}

.h3-hero_window-img {
  width: 100%;
  height: auto;
  display: block;
}

.h2-top {
  z-index: 0;
  background-color: var(--role-page);
  flex-direction: column;
  justify-content: flex-end;
  min-height: 900px;
  margin-top: calc(var(--spacing-78) * -1);
  display: flex;
  position: relative;
  overflow: hidden;
}

.h2-top_media {
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.h2-top_overlay {
  z-index: -1;
  background-image: linear-gradient(in srgb, var(--tone-overlay-80) 0%, transparent 50%), linear-gradient(32deg in srgb, var(--tone-overlay-a217) 8%, var(--tone-overlay-a89) 54%, var(--tone-overlay-a26) 92%);
  position: absolute;
  inset: 0;
}

.h2-top_rails {
  z-index: -1;
  border-right: 1px solid var(--_theme---static--white-8);
  border-left: 1px solid var(--_theme---static--white-8);
  pointer-events: none;
  width: calc(100% - 120px);
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0;
}

.h2-top_inner {
  justify-content: space-between;
  align-items: flex-end;
  column-gap: var(--spacing-40);
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 var(--spacing-24) var(--spacing-96);
  display: flex;
}

.h2-top_head {
  flex-direction: column;
  align-items: flex-start;
  row-gap: var(--spacing-28);
  display: flex;
}

.h2-top_title {
  color: var(--role-ink);
  font-size: var(--font-size--h2);
  line-height: var(--line-height--ratio-1-04);
  font-weight: var(--fonts-weights--normal);
  letter-spacing: var(--letter-spacing--tight-3);
  margin-top: 0;
  margin-bottom: 0;
}

.h2-top_ctas {
  flex-wrap: wrap;
  align-items: center;
  gap: var(--spacing-12) var(--spacing-20);
  display: flex;
}

.h2-top_link {
  color: var(--role-ink);
  font-size: var(--font-size--body-medium);
  line-height: var(--line-height--ratio-1-55);
  text-decoration: none;
  transition: color var(--motion-fast);
}

.h2-top_link:hover {
  color: var(--role-accent);
}

.h2-top_chat {
  flex-direction: column;
  flex: none;
  align-items: flex-end;
  row-gap: var(--spacing-10);
  width: 340px;
  display: flex;
}

.h2-chat_customer {
  border-radius: var(--radius--default) var(--radius--default) 0;
  background-color: var(--_theme---static--white-16);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  flex-direction: column;
  row-gap: var(--spacing-4);
  max-width: 280px;
  padding: var(--spacing-16) var(--spacing-20);
  display: flex;
}

.h2-chat_agent {
  border: 1px solid var(--_theme---static--white-28);
  border-radius: var(--radius--default) var(--radius--default) var(--radius--default) 0;
  background-color: var(--_theme---static--white-7);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  flex-direction: column;
  row-gap: var(--spacing-4);
  width: 340px;
  max-width: 100%;
  padding: var(--spacing-16) var(--spacing-20);
  display: flex;
}

.h2-chat_resolved {
  border: 1px solid var(--_theme---static--white-28);
  border-radius: var(--radius--default) var(--radius--default) var(--radius--default) 0;
  background-color: var(--_theme---static--white-7);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  padding: var(--spacing-14) var(--spacing-20);
}

.h2-chat_row {
  align-items: center;
  column-gap: var(--spacing-8);
  display: flex;
}

.h2-chat_orb {
  border-radius: var(--radius--button);
  object-fit: cover;
  width: 18px;
  height: 18px;
}

.h2-chat_label {
  color: var(--_theme---static--white-55);
  font-size: var(--font-size--body-compact);
  line-height: var(--line-height--ratio-1-55);
  font-weight: var(--fonts-weights--medium);
  margin-top: 0;
  margin-bottom: 0;
}

.h2-chat_text {
  color: var(--_theme---static--white-96);
  font-size: var(--font-size--body-compact);
  line-height: var(--line-height--ratio-1-55);
  font-weight: var(--fonts-weights--medium);
  margin-top: 0;
  margin-bottom: 0;
}

.h2-logos {
  z-index: 0;
  background-color: var(--role-page);
  padding-top: calc(var(--spacing-56) * var(--section-spacing));
  position: relative;
}

.h2-logos_panel {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--large);
  background-color: var(--role-surface);
  justify-content: space-between;
  align-items: center;
  column-gap: var(--spacing-32);
  max-width: 1152px;
  margin-left: auto;
  margin-right: auto;
  padding: var(--spacing-28) var(--spacing-40);
  display: flex;
}

.h2-logos_label {
  width: 180px;
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  flex: none;
  margin-top: 0;
  margin-bottom: 0;
}

.h2-logos_name {
  color: var(--role-ink-soft);
  font-size: var(--font-size--lead);
  line-height: var(--line-height--ratio-1-3);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--tight-1-5);
  white-space: nowrap;
}

.h3-logos {
  background-color: var(--role-page);
  isolation: isolate;
  padding-top: calc(var(--spacing-88) * var(--section-spacing));
  padding-bottom: calc(var(--spacing-88) * var(--section-spacing));
  position: relative;
}

.h3-logos_row {
  grid-column-gap: var(--spacing-64);
  grid-row-gap: var(--spacing-64);
  align-items: center;
  display: flex;
}

.h3-logos_label {
  grid-column-gap: var(--spacing-12);
  grid-row-gap: var(--spacing-12);
  flex-direction: column;
  flex-shrink: 0;
  width: 280px;
  display: flex;
}

.h3-label {
  font-family: var(--font-label);
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  font-weight: var(--fonts-weights--normal);
  letter-spacing: var(--letter-spacing--wide-2);
  text-transform: uppercase;
}

.h3-logos_text {
  color: var(--role-ink);
  font-size: var(--font-size--body-medium);
  line-height: var(--line-height--ratio-1-55);
  margin-top: 0;
  margin-bottom: 0;
}

.h3-logos_grid {
  border-top: 1px solid var(--role-line);
  border-right: 1px solid var(--role-line);
  flex-grow: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}

.h3-logos_cell {
  border-bottom: 1px solid var(--role-line);
  display: flex;
}

.h3-principles {
  background-color: var(--role-inverse);
  padding-top: calc(var(--spacing-112) * var(--section-spacing));
  padding-bottom: calc(var(--spacing-112) * var(--section-spacing));
  position: relative;
}

.h3-principles_head {
  grid-column-gap: var(--spacing-40);
  grid-row-gap: var(--spacing-40);
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: var(--spacing-56);
  display: flex;
}

.h3-principles_lead {
  width: 400px;
  max-width: 100%;
  color: var(--role-ink-2);
  font-size: var(--font-size--fixed-18);
  line-height: var(--line-height--ratio-1-55);
  margin-top: 0;
  margin-bottom: 0;
}

.h3-principles_list {
  flex-direction: column;
  display: flex;
}

.h3-principles_row {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--role-line-strong);
  grid-template-rows: auto;
  grid-template-columns: 80px 420px 1fr 36px;
  align-items: center;
  gap: var(--spacing-8) var(--spacing-40);
  padding-top: var(--spacing-36);
  padding-bottom: var(--spacing-36);
  display: grid;
}

.h3-principles_num {
  font-family: var(--font-label);
  color: var(--role-accent);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-3);
  font-weight: var(--fonts-weights--medium);
}

.h3-principles_title {
  color: var(--role-ink);
  font-size: var(--font-size--fixed-34);
  line-height: var(--line-height--ratio-1-2);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--tight-2);
  margin-top: 0;
  margin-bottom: 0;
}

.h3-principles_text {
  max-width: 496px;
  color: var(--role-ink-muted);
  font-size: var(--font-size--fixed-18);
  line-height: var(--line-height--ratio-1-55);
  margin-top: 0;
  margin-bottom: 0;
}

.h3-principles_tile {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--field);
  background-color: var(--role-surface);
  width: 36px;
  height: 36px;
  color: var(--role-ink);
  justify-content: center;
  align-items: center;
  display: flex;
}

.h2-features {
  z-index: 0;
  border-bottom: 1px solid var(--role-line);
  background-color: var(--role-page);
  padding-top: calc(var(--spacing-104) * var(--section-spacing));
  padding-bottom: calc(var(--spacing-104) * var(--section-spacing));
  position: relative;
}

.h2-head {
  justify-content: space-between;
  align-items: flex-end;
  column-gap: var(--spacing-40);
  max-width: 1200px;
  margin: 0 auto var(--spacing-48);
  padding-left: var(--spacing-24);
  padding-right: var(--spacing-24);
  display: flex;
}

.h2-head_text {
  max-width: 400px;
  color: var(--role-ink-2);
  font-size: var(--font-size--lead);
  line-height: var(--line-height--ratio-1-55);
  margin-top: 0;
  margin-bottom: 0;
}

.h2-features_body {
  max-width: 1152px;
  margin-left: auto;
  margin-right: auto;
}

.h2-quick {
  z-index: 0;
  border-bottom: 1px solid var(--role-line);
  background-color: var(--role-page);
  padding-top: calc(var(--spacing-104) * var(--section-spacing));
  padding-bottom: calc(var(--spacing-104) * var(--section-spacing));
  position: relative;
}

.h2-head_cta {
  flex: none;
  align-items: center;
  display: flex;
}

.h2-quick_steps {
  grid-column-gap: var(--spacing-1);
  grid-row-gap: var(--spacing-1);
  border: 1px solid var(--role-line);
  border-radius: var(--radius--large);
  background-color: var(--role-line);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  max-width: 1152px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  overflow: hidden;
}

.h2-quick_step {
  background-color: var(--role-page);
  flex-direction: column;
  align-items: flex-start;
  row-gap: var(--spacing-20);
  padding: var(--spacing-28);
  display: flex;
}

.h2-quick_num {
  border-radius: var(--radius--x-small);
  background-color: var(--role-ink);
  font-family: var(--font-label);
  color: var(--role-page);
  font-size: var(--font-size--fixed-11);
  line-height: var(--line-height--ratio-1-2);
  font-weight: var(--fonts-weights--medium);
  padding: var(--spacing-4) var(--spacing-8);
}

.h2-quick_text {
  flex-direction: column;
  row-gap: var(--spacing-6);
  display: flex;
}

.h2-quick_title {
  color: var(--role-ink);
  font-size: var(--font-size--body-medium);
  line-height: var(--line-height--ratio-1-55);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--none);
  margin-top: 0;
  margin-bottom: 0;
}

.h2-quick_desc {
  max-width: 230px;
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  margin-top: 0;
  margin-bottom: 0;
}

.h2-quick_snippet {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--control);
  background-color: var(--role-surface);
  font-family: var(--font-label);
  color: var(--role-ink-2);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-3);
  white-space: nowrap;
  padding: var(--spacing-8) var(--spacing-10);
}

.h2-integ {
  z-index: 0;
  border-bottom: 1px solid var(--role-line);
  background-color: var(--role-page);
  padding-top: calc(var(--spacing-104) * var(--section-spacing));
  padding-bottom: calc(var(--spacing-104) * var(--section-spacing));
  position: relative;
}

.h2-integ_grid {
  grid-column-gap: var(--spacing-1);
  grid-row-gap: var(--spacing-1);
  border: 1px solid var(--role-line);
  border-radius: var(--radius--large);
  background-color: var(--role-line);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  max-width: 1152px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  overflow: hidden;
}

.h2-integ_cell {
  background-color: var(--role-surface);
  color: var(--role-ink);
  flex-direction: column;
  align-items: flex-start;
  row-gap: var(--spacing-16);
  padding: var(--spacing-24);
  text-decoration: none;
  transition: background-color var(--motion-base) ease-out;
  display: flex;
}

.h2-integ_cell:hover {
  background-color: var(--role-page);
}

.h2-integ_more {
  background-color: var(--role-surface);
  flex-direction: column;
  align-items: flex-start;
  row-gap: var(--spacing-12);
  padding: var(--spacing-24);
  display: flex;
}

.h2-integ_top {
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.h2-integ_cat {
  font-family: var(--font-label);
  color: var(--role-ink-soft);
  font-size: var(--font-size--fixed-10);
  line-height: var(--line-height--ratio-1-3);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--wide-4);
}

.h2-integ_name {
  color: var(--role-ink);
  font-size: var(--font-size--body-medium);
  line-height: var(--line-height--ratio-1-55);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--none);
  margin-top: 0;
  margin-bottom: 0;
}

.h2-integ_snippet {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--x-small);
  background-color: var(--role-page);
  font-family: var(--font-label);
  color: var(--role-ink-2);
  font-size: var(--font-size--fixed-11);
  line-height: var(--line-height--ratio-1-3);
  white-space: nowrap;
  padding: var(--spacing-6) var(--spacing-8);
}

.h2-integ_desc {
  max-width: 220px;
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  margin-top: 0;
  margin-bottom: var(--spacing-4);
}

.h2-integ_cta {
  display: flex;
}

.bench-section {
  z-index: 0;
  background-color: var(--role-surface-2);
  padding-top: calc(var(--spacing-120) * var(--section-spacing));
  padding-bottom: calc(var(--spacing-120) * var(--section-spacing));
  position: relative;
  overflow: hidden;
}

.bench-bg {
  z-index: -1;
  object-fit: cover;
  border-radius: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.bench-card {
  border-radius: var(--radius--default);
  background-color: var(--role-page);
  flex-direction: column;
  row-gap: var(--spacing-40);
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding: var(--spacing-48) var(--spacing-24) var(--spacing-32);
  display: flex;
}

.bench-head {
  justify-content: space-between;
  align-items: flex-end;
  column-gap: var(--spacing-40);
  padding-left: var(--spacing-24);
  padding-right: var(--spacing-24);
  display: flex;
}

.bench-note {
  max-width: 380px;
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-medium);
  line-height: var(--line-height--ratio-1-55);
  margin-top: 0;
  margin-bottom: 0;
}

.bench-table {
  padding-left: var(--spacing-24);
  padding-right: var(--spacing-24);
}

.bench-row-head {
  border-bottom: 1px solid var(--role-ink);
  grid-template-rows: auto;
  grid-template-columns: 3.4fr 3fr 3fr 1.8fr;
  padding-top: var(--spacing-12);
  padding-bottom: var(--spacing-12);
  display: grid;
}

.bench-th {
  font-family: var(--font-label);
  color: var(--role-ink-soft);
  font-size: var(--font-size--fixed-10);
  line-height: var(--line-height--ratio-1-3);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--wide-4);
}

.bench-row {
  border-bottom: 1px solid var(--role-line);
  grid-template-rows: auto;
  grid-template-columns: 3.4fr 3fr 3fr 1.8fr;
  align-items: center;
  padding-top: var(--spacing-22);
  padding-bottom: var(--spacing-22);
  display: grid;
}

.bench-name {
  color: var(--role-ink);
  font-size: var(--font-size--body-medium);
  line-height: var(--line-height--ratio-1-55);
  font-weight: var(--fonts-weights--medium);
}

.bench-cell {
  flex-direction: column;
  row-gap: var(--spacing-8);
  padding-right: var(--spacing-40);
  display: flex;
}

.bench-value {
  font-family: var(--font-label);
  color: var(--role-ink);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-3);
  font-weight: var(--fonts-weights--medium);
}

.bench-value-muted {
  font-family: var(--font-label);
  color: var(--role-ink-muted);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-3);
  font-weight: var(--fonts-weights--medium);
}

.bench-bar {
  border-radius: var(--radius--hairline);
  background-color: var(--role-accent);
  width: 50%;
  height: 6px;
}

.bench-bar:where(.w-variant-0ec764ea-2d64-324f-d11e-43e675c80dfc) {
  width: 17%;
}

.bench-bar:where(.w-variant-e04e59df-88f7-30cd-f2f3-bda12c52eb8b) {
  width: 25%;
}

.bench-bar:where(.w-variant-e46e2436-2d1a-81b6-5610-fd0f8baee270) {
  width: 33%;
}

.bench-bar:where(.w-variant-0d7c7fcd-c536-1505-ec3f-0fb1fdc32688) {
  width: 47%;
}

.bench-bar:where(.w-variant-a2f70ed2-bfe3-05f2-b2dc-294ec7665d5b) {
  width: 65%;
}

.bench-bar-base {
  border-radius: var(--radius--hairline);
  background-color: var(--role-line-strong);
  width: 80%;
  height: 6px;
}

.bench-diff {
  font-family: var(--font-label);
  color: var(--role-accent);
  font-size: var(--font-size--fixed-13);
  line-height: var(--line-height--ratio-1-3);
  font-weight: var(--fonts-weights--medium);
}

.h2-security {
  z-index: 0;
  background-color: var(--role-page);
  padding-top: calc(var(--spacing-120) * var(--section-spacing));
  padding-bottom: calc(var(--spacing-120) * var(--section-spacing));
  position: relative;
}

.h2-security_inner {
  flex-direction: column;
  row-gap: var(--spacing-64);
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--spacing-24);
  padding-right: var(--spacing-24);
  display: flex;
}

.h2-security_head {
  justify-content: space-between;
  align-items: flex-start;
  column-gap: var(--spacing-40);
  display: flex;
}

.h2-security_aside {
  flex-direction: column;
  align-items: flex-start;
  row-gap: var(--spacing-24);
  max-width: 420px;
  display: flex;
}

.h2-security_text {
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-medium);
  line-height: var(--line-height--ratio-1-55);
  margin-top: 0;
  margin-bottom: 0;
}

.h2-security_cta {
  display: flex;
}

.h2-security_grid {
  grid-column-gap: var(--spacing-1);
  grid-row-gap: var(--spacing-1);
  border-top: 1px solid var(--role-line);
  border-bottom: 1px solid var(--role-line);
  background-color: var(--role-line);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  display: grid;
}

.h2-security_cell {
  background-color: var(--role-page);
  flex-direction: column;
  align-items: flex-start;
  row-gap: var(--spacing-16);
  padding: var(--spacing-36) var(--spacing-28) var(--spacing-40);
  display: flex;
}

.h2-security_title {
  color: var(--role-ink);
  font-size: var(--font-size--card-title);
  line-height: var(--line-height--ratio-1-3);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--none);
  margin-top: 0;
  margin-bottom: 0;
}

.h2-security_desc {
  max-width: 238px;
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-compact);
  line-height: var(--line-height--ratio-1-55);
  margin-top: 0;
  margin-bottom: 0;
}

.h2-security_badges {
  flex-wrap: wrap;
  gap: var(--spacing-16) var(--spacing-40);
  display: flex;
}

.h2-security_badge {
  align-items: center;
  column-gap: var(--spacing-10);
  display: flex;
}

.h2-security_dot {
  background-color: var(--role-accent);
  flex: none;
  width: 6px;
  height: 6px;
}

.h2-security_badge-text {
  font-family: var(--font-label);
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-3);
}

.h3-products {
  background-color: var(--role-page);
  isolation: isolate;
  padding-top: calc(var(--spacing-112) * var(--section-spacing));
  padding-bottom: calc(var(--spacing-112) * var(--section-spacing));
  position: relative;
}

.h3-head {
  grid-column-gap: var(--spacing-40);
  grid-row-gap: var(--spacing-40);
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: var(--spacing-56);
  display: flex;
}

.h3-head_lead {
  width: 400px;
  max-width: 100%;
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-medium);
  line-height: var(--line-height--ratio-1-55);
  margin-top: 0;
  margin-bottom: 0;
}

.h3-eyebrow {
  font-family: var(--font-label);
  color: var(--role-accent);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--wide-2);
  text-transform: uppercase;
}

.h3-products_grid {
  grid-column-gap: var(--spacing-16);
  grid-row-gap: var(--spacing-16);
  grid-template-rows: auto;
  grid-template-columns: 520fr 300fr 300fr;
  display: grid;
}

.h3-products_feature {
  border-radius: var(--radius--default);
  align-items: flex-end;
  min-height: 560px;
  padding: var(--spacing-28);
  display: flex;
  position: relative;
  overflow: hidden;
}

.h3-products_feature-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.h3-products_feature-card {
  grid-column-gap: var(--spacing-12);
  grid-row-gap: var(--spacing-12);
  border-radius: var(--radius--large);
  background-color: var(--role-page);
  flex-direction: column;
  align-items: flex-start;
  width: 420px;
  max-width: 100%;
  padding: var(--spacing-28);
  display: flex;
  position: relative;
}

.h3-products_feature-title {
  color: var(--role-ink);
  font-size: var(--font-size--feature-title);
  line-height: var(--line-height--ratio-1-2);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--tight-2);
  margin-top: 0;
  margin-bottom: 0;
}

.h3-products_text {
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  margin-top: 0;
  margin-bottom: var(--spacing-4);
}

.h3-products_card {
  grid-column-gap: var(--spacing-14);
  grid-row-gap: var(--spacing-14);
  border: 1px solid var(--role-line);
  border-radius: var(--radius--default);
  background-color: var(--role-surface);
  flex-direction: column;
  justify-content: space-between;
  min-height: 560px;
  padding: var(--spacing-28) var(--spacing-24);
  display: flex;
}

.h3-products_lottie {
  aspect-ratio: 4 / 3;
  width: 100%;
  position: relative;
}

.h3-products_lottie-img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  display: block;
}

.h3-products_lottie-img.is-lottie-light {
  opacity: var(--_theme---effect--light-only);
  transition: opacity var(--motion-fast);
}

.h3-products_body {
  grid-column-gap: var(--spacing-10);
  grid-row-gap: var(--spacing-10);
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.h3-products_title {
  color: var(--role-ink);
  font-size: var(--font-size--fixed-22);
  line-height: var(--line-height--ratio-1-25);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--tight-1-5);
  margin-top: 0;
  margin-bottom: 0;
}

.h2-story {
  z-index: 0;
  border-bottom: 1px solid var(--role-line);
  background-color: var(--role-page);
  padding-top: calc(var(--spacing-104) * var(--section-spacing));
  padding-bottom: calc(var(--spacing-104) * var(--section-spacing));
  position: relative;
}

.h2-story_layout {
  align-items: center;
  column-gap: var(--spacing-56);
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--spacing-24);
  display: flex;
}

.h2-story_copy {
  flex-direction: column;
  flex: 1 1 0;
  align-items: flex-start;
  row-gap: var(--spacing-32);
  min-width: 0;
  display: flex;
}

.h2-story_company {
  align-items: center;
  column-gap: var(--spacing-10);
  display: flex;
}

.h2-story_name {
  color: var(--role-ink);
  font-size: var(--font-size--body-medium);
  line-height: var(--line-height--ratio-1-55);
  font-weight: var(--fonts-weights--medium);
}

.h2-story_tag {
  font-family: var(--font-label);
  color: var(--role-ink-soft);
  font-size: var(--font-size--fixed-10);
  line-height: var(--line-height--ratio-1-3);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--wide-4);
}

.h2-story_quote {
  max-width: 540px;
  color: var(--role-ink);
  font-size: var(--font-size--fixed-26);
  line-height: var(--line-height--ratio-1-3);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--tight-1);
  border-left-style: solid;
  border-left-color: transparent;
  margin: 0;
  padding: 0;
}

.h2-story_author {
  color: var(--role-ink-muted);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  margin-top: calc(var(--spacing-16) * -1);
  margin-bottom: 0;
}

.h2-story_metrics {
  border-top: 1px solid var(--role-line);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  align-self: stretch;
  display: grid;
}

.h2-story_metric {
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--role-line);
  flex-direction: column;
  row-gap: var(--spacing-4);
  padding: var(--spacing-20) var(--spacing-20) 0;
  display: flex;
}

.h2-story_metric:first-child {
  border-left-width: 0;
  padding-left: 0;
}

.h2-story_value {
  color: var(--role-accent);
  font-size: var(--font-size--fixed-22);
  line-height: var(--line-height--ratio-1-3);
  font-weight: var(--fonts-weights--medium);
}

.h2-story_label {
  color: var(--role-ink-soft);
  font-size: var(--font-size--tag-label);
  line-height: var(--line-height--ratio-1-55);
}

.h2-story_cta {
  display: flex;
}

.h2-story_visual {
  flex: 1 1 0;
  min-width: 0;
}

.h3-developers {
  background-color: var(--role-surface);
  padding-top: calc(var(--spacing-104) * var(--section-spacing));
  padding-bottom: calc(var(--spacing-104) * var(--section-spacing));
  position: relative;
}

.h3-developers_split {
  grid-template-rows: auto;
  grid-template-columns: 440px 1fr;
  align-items: start;
  gap: var(--spacing-48) var(--spacing-80);
  display: grid;
}

.h3-developers_copy {
  grid-column-gap: var(--spacing-24);
  grid-row-gap: var(--spacing-24);
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.h3-developers_lead {
  max-width: 420px;
  color: var(--role-ink-soft);
  font-size: var(--font-size--fixed-18);
  line-height: var(--line-height--ratio-1-55);
  margin-top: 0;
  margin-bottom: 0;
}

.h3-developers_stats {
  flex-direction: column;
  width: 100%;
  padding-top: var(--spacing-24);
  display: flex;
}

.h3-developers_stat {
  grid-column-gap: var(--spacing-16);
  grid-row-gap: var(--spacing-16);
  border-top: 1px solid var(--role-line);
  justify-content: space-between;
  align-items: flex-end;
  padding-top: var(--spacing-20);
  padding-bottom: var(--spacing-20);
  display: flex;
}

.h3-developers_stat-value {
  color: var(--role-ink);
  font-size: var(--font-size--fixed-48);
  line-height: var(--line-height--ratio-1);
  font-weight: var(--fonts-weights--normal);
  letter-spacing: var(--letter-spacing--tight-3);
}

.h3-developers_stat-label {
  color: var(--role-ink-soft);
  font-size: var(--font-size--stat-label);
  line-height: var(--line-height--ratio-1-55);
}

.h3-developers_code {
  grid-column-gap: var(--spacing-16);
  grid-row-gap: var(--spacing-16);
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.h3-code {
  border: 1px solid var(--role-line-strong);
  border-radius: var(--radius--small);
  background-color: var(--role-surface-2);
  position: relative;
  overflow: hidden;
  box-shadow: var(--shadow-5);
}

.h3-code_body {
  flex-direction: column;
  padding: var(--spacing-20) var(--spacing-22);
  display: flex;
  overflow-x: auto;
}

.h3-code_line {
  grid-column-gap: var(--spacing-18);
  grid-row-gap: var(--spacing-18);
  font-family: var(--font-label);
  color: var(--role-ink);
  font-size: var(--font-size--fixed-13);
  line-height: var(--line-height--fixed-24);
  white-space: pre;
  display: flex;
}

.h3-code_num {
  width: 18px;
  color: var(--role-ink-soft);
  flex-shrink: 0;
}

.h3-code_text {
  white-space: pre;
}

.h3-code_kw {
  color: var(--role-accent);
}

.h3-code_str {
  color: var(--role-accent-deep);
}

.h3-run {
  grid-column-gap: var(--spacing-10);
  grid-row-gap: var(--spacing-10);
  border: 1px solid var(--role-line-strong);
  border-radius: var(--radius--small);
  background-color: var(--role-surface-2);
  flex-direction: column;
  padding: var(--spacing-18) var(--spacing-20) var(--spacing-20);
  display: flex;
}

.h3-run_head {
  grid-column-gap: var(--spacing-16);
  grid-row-gap: var(--spacing-16);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.h3-run_cmd {
  font-family: var(--font-label);
  color: var(--role-ink);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-3);
  font-weight: var(--fonts-weights--medium);
}

.h3-run_status {
  grid-column-gap: var(--spacing-6);
  grid-row-gap: var(--spacing-6);
  font-family: var(--font-label);
  color: var(--role-accent);
  font-size: var(--font-size--fixed-11);
  line-height: var(--line-height--ratio-1-3);
  align-items: center;
  display: flex;
}

.h3-run_dot {
  background-color: var(--role-accent);
  border-radius: 50%; /* lx-fixed: circle */
  width: 6px;
  height: 6px;
}

.h3-run_step {
  grid-column-gap: var(--spacing-16);
  grid-row-gap: var(--spacing-16);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.h3-run_name {
  grid-column-gap: var(--spacing-10);
  grid-row-gap: var(--spacing-10);
  font-family: var(--font-label);
  color: var(--role-ink-2);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-3);
  align-items: center;
  display: flex;
}

.h3-run_square {
  border-radius: var(--radius--hairline);
  background-color: var(--role-ink);
  width: 7px;
  height: 7px;
}

.h3-run_square-accent {
  border-radius: var(--radius--hairline);
  background-color: var(--role-accent);
  width: 7px;
  height: 7px;
}

.h3-run_time {
  font-family: var(--font-label);
  color: var(--role-ink-soft);
  font-size: var(--font-size--fixed-11);
  line-height: var(--line-height--ratio-1-3);
}

.h3-run_foot {
  border-top: 1px solid var(--role-line-strong);
  font-family: var(--font-label);
  color: var(--role-ink-soft);
  font-size: var(--font-size--fixed-11);
  line-height: var(--line-height--ratio-1-3);
  padding-top: var(--spacing-10);
}

.h2-pricing {
  z-index: 0;
  border-bottom: 1px solid var(--role-line);
  background-color: var(--role-page);
  padding-top: calc(var(--spacing-104) * var(--section-spacing));
  padding-bottom: calc(var(--spacing-104) * var(--section-spacing));
  position: relative;
}

.h2-head_note {
  max-width: 420px;
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-medium);
  line-height: var(--line-height--ratio-1-55);
  margin-top: 0;
  margin-bottom: 0;
}

.h2-pricing_body {
  align-items: flex-start;
  column-gap: var(--spacing-32);
  max-width: 1152px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.h2-rate {
  flex: 1 1 0;
  min-width: 0;
}

.h2-rate_head {
  border-bottom: 1px solid var(--role-line-strong);
  grid-template-rows: auto;
  grid-template-columns: 1.1fr 1.9fr 1.4fr 1fr;
  padding-bottom: var(--spacing-14);
  display: grid;
}

.h2-rate_th, .h2-rate_th-unit {
  font-family: var(--font-label);
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
}

.h2-rate_th-price {
  font-family: var(--font-label);
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  text-align: right;
}

.h2-rate_row {
  border-bottom: 1px solid var(--role-line);
  grid-template-rows: auto;
  grid-template-columns: 1.1fr 1.9fr 1.4fr 1fr;
  align-items: center;
  padding-top: var(--spacing-22);
  padding-bottom: var(--spacing-22);
  display: grid;
}

.h2-rate_tag {
  border-radius: var(--radius--x-small);
  background-color: var(--role-surface-2);
  font-family: var(--font-label);
  color: var(--role-accent-deep);
  font-size: var(--font-size--micro-label);
  line-height: var(--line-height--ratio-1-4);
  font-weight: var(--fonts-weights--medium);
  justify-self: start;
  padding: var(--spacing-4) var(--spacing-8);
}

.h2-rate_item {
  color: var(--role-ink);
  font-size: var(--font-size--body-medium);
  line-height: var(--line-height--ratio-1-55);
  font-weight: var(--fonts-weights--medium);
}

.h2-rate_unit {
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
}

.h2-rate_price {
  color: var(--role-ink);
  font-size: var(--font-size--fixed-18);
  line-height: var(--line-height--ratio-1-3);
  font-weight: var(--fonts-weights--medium);
  text-align: right;
}

.h2-rate_note {
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  margin-top: 0;
  margin-bottom: 0;
  padding-top: var(--spacing-20);
}

.h2-plans {
  border-radius: var(--radius--small);
  background-color: var(--role-surface-2);
  flex-direction: column;
  flex: none;
  width: 384px;
  padding: var(--spacing-28);
  display: flex;
}

.h2-plan {
  flex-direction: column;
  row-gap: var(--spacing-6);
  padding-bottom: var(--spacing-20);
  display: flex;
}

.h2-plan-ruled {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--role-line-strong);
  flex-direction: column;
  row-gap: var(--spacing-6);
  padding-top: var(--spacing-20);
  padding-bottom: var(--spacing-20);
  display: flex;
}

.h2-plan_tier {
  font-family: var(--font-label);
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
}

.h2-plan_price {
  color: var(--role-ink);
  font-size: var(--font-size--fixed-26);
  line-height: var(--line-height--ratio-1-2);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--tight-1);
}

.h2-plan_desc {
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  margin-top: 0;
  margin-bottom: 0;
}

.h2-plans_buttons {
  flex-wrap: wrap;
  gap: var(--spacing-8);
  padding-top: var(--spacing-8);
  display: flex;
}

.h2-changelog {
  z-index: 0;
  border-bottom: 1px solid var(--role-line);
  background-color: var(--role-page);
  padding-top: calc(var(--spacing-104) * var(--section-spacing));
  padding-bottom: calc(var(--spacing-104) * var(--section-spacing));
  position: relative;
}

.h2-release_grid {
  grid-column-gap: var(--spacing-16);
  grid-row-gap: var(--spacing-16);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  max-width: 1152px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.h2-release {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--small);
  background-color: var(--role-page);
  color: var(--role-ink);
  flex-direction: column;
  justify-content: space-between;
  row-gap: var(--spacing-56);
  padding: var(--spacing-28);
  text-decoration: none;
  transition: background-color var(--motion-base) ease-out, border-color var(--motion-fast);
  display: flex;
}

.h2-release:hover {
  border-color: var(--role-line-strong);
  background-color: var(--role-surface);
}

.h2-release-latest {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--small);
  background-color: var(--role-surface);
  color: var(--role-ink);
  flex-direction: column;
  justify-content: space-between;
  row-gap: var(--spacing-56);
  padding: var(--spacing-28);
  text-decoration: none;
  transition: border-color var(--motion-fast);
  display: flex;
}

.h2-release-latest:hover {
  border-color: var(--role-line-strong);
}

.h2-release_top {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.h2-release_version {
  color: var(--role-ink);
  font-size: var(--font-size--fixed-48);
  line-height: var(--line-height--ratio-1);
  font-weight: var(--fonts-weights--normal);
  letter-spacing: var(--letter-spacing--tight-3);
}

.h2-release_badge {
  border-radius: var(--radius--large);
  background-color: var(--role-accent);
  font-family: var(--font-label);
  color: var(--role-page);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  font-weight: var(--fonts-weights--medium);
  padding: var(--spacing-4) var(--spacing-8);
}

.h2-release_body {
  flex-direction: column;
  row-gap: var(--spacing-8);
  display: flex;
}

.h2-release_meta {
  font-family: var(--font-label);
  color: var(--role-accent);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
}

.h2-release_title {
  color: var(--role-ink);
  font-size: var(--font-size--fixed-18);
  line-height: var(--line-height--ratio-1-3);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--none);
  margin-top: 0;
  margin-bottom: 0;
}

.h2-release_desc {
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  margin-top: 0;
  margin-bottom: 0;
}

.h2-release_link {
  color: var(--role-ink);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  font-weight: var(--fonts-weights--medium);
  padding-top: var(--spacing-12);
}

.h2-questions {
  z-index: 0;
  background-color: var(--role-page);
  padding-top: calc(var(--spacing-104) * var(--section-spacing));
  padding-bottom: calc(var(--spacing-104) * var(--section-spacing));
  position: relative;
}

.h2-questions_inner {
  flex-direction: column;
  align-items: center;
  row-gap: var(--spacing-40);
  max-width: 756px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.h2-questions_head {
  text-align: center;
  flex-direction: column;
  align-items: center;
  row-gap: var(--spacing-24);
  display: flex;
}

.h2-questions_text {
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-medium);
  line-height: var(--line-height--ratio-1-55);
  margin-top: 0;
  margin-bottom: 0;
}

.h2-questions_list {
  border-bottom: 1px solid var(--role-line);
  width: 100%;
}

.h3-code_indent {
  white-space: pre;
  padding-left: 2ch;
}

.h3-customers {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--role-line);
  background-color: var(--role-page);
  isolation: isolate;
  padding-top: calc(var(--spacing-104) * var(--section-spacing));
  padding-bottom: calc(var(--spacing-104) * var(--section-spacing));
  position: relative;
}

.h3-customers_layout {
  grid-column-gap: var(--spacing-48);
  grid-row-gap: var(--spacing-48);
  flex-direction: column;
  display: flex;
}

.h3-customers_quote {
  max-width: 1000px;
  color: var(--role-ink);
  font-size: var(--font-size--fixed-40);
  line-height: var(--line-height--ratio-1-12);
  font-weight: var(--fonts-weights--normal);
  letter-spacing: var(--letter-spacing--tight-2-5);
  border-left-style: none;
  margin: 0;
  padding: 0;
}

.h3-customers_attribution {
  grid-column-gap: var(--spacing-32);
  grid-row-gap: var(--spacing-32);
  border-bottom: 1px solid var(--role-line);
  justify-content: space-between;
  align-items: center;
  padding-bottom: var(--spacing-40);
  display: flex;
}

.h3-customers_person {
  grid-column-gap: var(--spacing-14);
  grid-row-gap: var(--spacing-14);
  align-items: center;
  display: flex;
}

.h3-customers_portrait {
  object-fit: cover;
  border-radius: 50%; /* lx-fixed: circle */
  width: 48px;
  height: 48px;
}

.h3-customers_person-text {
  grid-column-gap: var(--spacing-2);
  grid-row-gap: var(--spacing-2);
  flex-direction: column;
  display: flex;
}

.h3-customers_name {
  color: var(--role-ink);
  font-size: var(--font-size--body-medium);
  line-height: var(--line-height--ratio-1-4);
  font-weight: var(--fonts-weights--medium);
}

.h3-customers_role {
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
}

.h3-customers_metrics {
  grid-column-gap: var(--spacing-56);
  grid-row-gap: var(--spacing-56);
  display: flex;
}

.h3-customers_metric {
  grid-column-gap: var(--spacing-2);
  grid-row-gap: var(--spacing-2);
  flex-direction: column;
  display: flex;
}

.h3-customers_metric-value {
  color: var(--role-ink);
  font-size: var(--font-size--feature-title);
  line-height: var(--line-height--ratio-1-2);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--tight-2);
}

.h3-customers_metric-label {
  color: var(--role-ink-soft);
  font-size: var(--font-size--stat-label);
  line-height: var(--line-height--ratio-1-55);
}

.h3-customers_stories {
  grid-column-gap: var(--spacing-16);
  grid-row-gap: var(--spacing-16);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}

.h3-customers_story {
  flex-direction: column;
  display: flex;
}

.h3-security {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--role-line);
  background-color: var(--role-page);
  isolation: isolate;
  padding-top: calc(var(--spacing-104) * var(--section-spacing));
  padding-bottom: calc(var(--spacing-104) * var(--section-spacing));
  position: relative;
}

.h3-security_layout {
  grid-column-gap: var(--spacing-40);
  grid-row-gap: var(--spacing-40);
  flex-direction: column;
  align-items: center;
  display: flex;
}

.h3-security_head {
  grid-column-gap: var(--spacing-16);
  grid-row-gap: var(--spacing-16);
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 720px;
  display: flex;
}

.h3-security_lead {
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-medium);
  line-height: var(--line-height--ratio-1-55);
  margin-top: 0;
  margin-bottom: 0;
}

.h3-security_grid {
  border-right: 1px solid var(--role-line);
  border-bottom: 1px solid var(--role-line);
  border-left: 1px solid var(--role-line);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
  display: grid;
}

.h3-security_cell {
  flex-direction: column;
  display: flex;
}

.h3-security_chips {
  grid-column-gap: var(--spacing-8);
  grid-row-gap: var(--spacing-8);
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.h2-tabs {
  align-items: stretch;
  column-gap: var(--spacing-16);
  display: flex;
}

.h2-tabs_menu {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--large);
  background-color: var(--role-surface);
  flex-direction: column;
  flex: 0 0 380px;
  row-gap: var(--spacing-6);
  padding: var(--spacing-8);
  display: flex;
}

.h2-tabs_link {
  border-radius: var(--radius--small);
  color: var(--role-ink);
  text-align: left;
  background-color: transparent;
  border: 1px solid transparent;
  align-items: flex-start;
  column-gap: var(--spacing-14);
  padding: var(--spacing-16);
  transition: background-color var(--motion-fast) ease-out, border-color var(--motion-fast) ease-out;
  display: flex;
}

.h2-tabs_link:hover {
  border-color: var(--role-line);
}

.h2-tabs_link:focus-visible, .h2-tabs_link[data-wf-focus-visible] {
  outline-color: var(--role-accent);
  outline-offset: 2px;
  outline-width: 2px;
  outline-style: solid;
}

.h2-tabs_link.w--current {
  border-color: var(--role-line);
  background-color: var(--role-page);
}

.h2-tabs_content {
  border-radius: var(--radius--large);
  flex: 1;
  min-width: 0;
  overflow: hidden;
}

.h2-tabs_pane {
  height: 100%;
}

.h3-pricing {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--role-line);
  background-color: var(--role-page);
  isolation: isolate;
  padding-top: calc(var(--spacing-104) * var(--section-spacing));
  padding-bottom: calc(var(--spacing-104) * var(--section-spacing));
  position: relative;
}

.h3-pricing_scroll {
  width: 100%;
}

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

.h3-pricing_plans {
  border-bottom: 1px solid var(--role-line-strong);
  grid-template-rows: auto;
  grid-template-columns: 300fr 284fr 284fr 284fr;
  display: grid;
}

.h3-pricing_compare {
  align-items: flex-end;
  padding: var(--spacing-24) var(--spacing-24) var(--spacing-24) 0;
  display: flex;
}

.h3-pricing_plan {
  grid-column-gap: var(--spacing-6);
  grid-row-gap: var(--spacing-6);
  flex-direction: column;
  align-items: flex-start;
  padding: var(--spacing-24);
  display: flex;
}

.h3-pricing_plan-featured {
  grid-column-gap: var(--spacing-6);
  grid-row-gap: var(--spacing-6);
  border-radius: var(--radius--small);
  background-color: var(--role-surface-2);
  flex-direction: column;
  align-items: flex-start;
  padding: var(--spacing-24);
  display: flex;
}

.h3-pricing_tier {
  grid-column-gap: var(--spacing-8);
  grid-row-gap: var(--spacing-8);
  align-items: center;
  display: flex;
}

.h3-pricing_badge {
  border-radius: var(--radius--large);
  background-color: var(--role-accent);
  font-family: var(--font-label);
  color: var(--role-page);
  font-size: var(--font-size--fixed-10);
  line-height: var(--line-height--ratio-1-4);
  font-weight: var(--fonts-weights--medium);
  padding: var(--spacing-3) var(--spacing-7);
}

.h3-pricing_price {
  color: var(--role-ink);
  font-size: var(--font-size--fixed-26);
  line-height: var(--line-height--ratio-1-2);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--tight-2);
  margin-top: 0;
  margin-bottom: 0;
}

.h3-pricing_for {
  color: var(--role-ink-soft);
  font-size: var(--font-size--tag-label);
  line-height: var(--line-height--ratio-1-55);
  margin-top: 0;
  margin-bottom: var(--spacing-10);
}

.h3-pricing_row {
  border-bottom: 1px solid var(--role-line);
  grid-template-rows: auto;
  grid-template-columns: 300fr 284fr 284fr 284fr;
  align-items: center;
  display: grid;
}

.h3-pricing_cell-label {
  color: var(--role-ink);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  font-weight: var(--fonts-weights--medium);
  padding: var(--spacing-18) var(--spacing-24) var(--spacing-18) 0;
}

.h3-pricing_cell, .h3-pricing_cell-muted {
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-compact);
  line-height: var(--line-height--ratio-1-55);
  padding: var(--spacing-18) var(--spacing-24);
}

.h3-pricing_check {
  color: var(--role-accent);
  font-weight: var(--fonts-weights--medium);
}

.h2-tabs_text {
  flex-direction: column;
  row-gap: var(--spacing-4);
  display: flex;
}

.h2-tabs_title {
  color: var(--role-ink);
  font-size: var(--font-size--body-medium);
  line-height: var(--line-height--ratio-1-55);
  font-weight: var(--fonts-weights--medium);
}

.h2-tabs_desc {
  max-width: 220px;
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-compact);
  line-height: var(--line-height--ratio-1-55);
}

.h3-research {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--role-line);
  background-color: var(--role-page);
  isolation: isolate;
  padding-top: calc(var(--spacing-112) * var(--section-spacing));
  padding-bottom: calc(var(--spacing-112) * var(--section-spacing));
  position: relative;
}

.h3-research_grid {
  grid-column-gap: var(--spacing-24);
  grid-row-gap: var(--spacing-24);
  grid-template-rows: auto;
  grid-template-columns: 608fr 520fr;
  display: grid;
}

.h3-research_side {
  grid-column-gap: var(--spacing-24);
  grid-row-gap: var(--spacing-24);
  flex-direction: column;
  display: flex;
}

.h3-research_card {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--large);
  background-color: var(--role-surface);
  color: var(--role-ink);
  flex-direction: column;
  flex-grow: 1;
  text-decoration: none;
  transition: border-color var(--motion-fast);
  display: flex;
  overflow: hidden;
}

.h3-research_card:hover {
  border-color: var(--role-line-strong);
}

.h3-research_cover {
  flex-grow: 1;
  min-height: 320px;
  overflow: hidden;
}

.h3-research_cover-sm {
  height: 150px;
  overflow: hidden;
}

.h3-research_img {
  object-fit: cover;
  border-radius: 0;
  width: 100%;
  height: 100%;
  display: block;
}

.h3-research_body {
  grid-column-gap: var(--spacing-10);
  grid-row-gap: var(--spacing-10);
  flex-direction: column;
  padding: var(--spacing-20) var(--spacing-22) var(--spacing-24);
  display: flex;
}

.h3-research_meta {
  font-family: var(--font-label);
  color: var(--role-ink-soft);
  font-size: var(--font-size--fixed-10);
  line-height: var(--line-height--ratio-1-3);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--wide-2);
}

.h3-research_title-lg {
  color: var(--role-ink);
  font-size: var(--font-size--h4);
  line-height: var(--line-height--ratio-1-25);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--tight-1-5);
  margin-top: 0;
  margin-bottom: 0;
}

.h3-research_title {
  color: var(--role-ink);
  font-size: var(--font-size--body-medium);
  line-height: var(--line-height--ratio-1-55);
  font-weight: var(--fonts-weights--medium);
  margin-top: 0;
  margin-bottom: 0;
}

.h3-research_author {
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
}

.h2-stage {
  border-radius: var(--radius--large);
  background-color: var(--role-surface-2);
  height: 100%;
  min-height: 560px;
  position: relative;
  overflow: hidden;
}

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

.h2-stage_window {
  object-fit: contain;
  object-position: 50% 0%;
  width: 408px;
  max-width: 84%;
  height: auto;
  max-height: calc(100% - 152px);
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: 16px;
  left: 0;
  right: 0;
}

.h2-stage_caption {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--medium);
  background-color: var(--role-page);
  flex-direction: column;
  row-gap: var(--spacing-4);
  max-width: 500px;
  margin-right: var(--spacing-24);
  padding: var(--spacing-14) var(--spacing-18);
  display: flex;
  position: absolute;
  bottom: 24px;
  left: 24px;
}

.h2-stage_label {
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
}

.h2-stage_text {
  color: var(--role-ink);
  font-size: var(--font-size--body-medium);
  line-height: var(--line-height--ratio-1-55);
}

.h3-team {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--role-line);
  background-color: var(--role-page);
  isolation: isolate;
  padding-top: calc(var(--spacing-112) * var(--section-spacing));
  padding-bottom: calc(var(--spacing-112) * var(--section-spacing));
  position: relative;
}

.h3-team_grid {
  grid-column-gap: var(--spacing-16);
  grid-row-gap: var(--spacing-16);
  grid-template-rows: auto;
  grid-template-columns: repeat(6, 1fr);
  margin-bottom: var(--spacing-48);
  display: grid;
}

.h3-team_card {
  grid-column-gap: var(--spacing-14);
  grid-row-gap: var(--spacing-14);
  flex-direction: column;
  display: flex;
}

.h3-team_portrait {
  aspect-ratio: 178 / 220;
  border-radius: var(--radius--small);
  object-fit: cover;
  width: 100%;
}

.h3-team_info {
  grid-column-gap: var(--spacing-2);
  grid-row-gap: var(--spacing-2);
  flex-direction: column;
  display: flex;
}

.h3-team_name {
  color: var(--role-ink);
  font-size: var(--font-size--body-medium);
  line-height: var(--line-height--ratio-1-55);
  font-weight: var(--fonts-weights--medium);
}

.h3-team_role {
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
}

.h3-team_investors {
  border-top: 1px solid var(--role-line);
  border-bottom: 1px solid var(--role-line);
  grid-template-rows: auto;
  grid-template-columns: 240fr 266fr 266fr 266fr 162fr;
  display: grid;
}

.h3-team_backed {
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  align-items: center;
  padding: var(--spacing-28) var(--spacing-24) var(--spacing-28) 0;
  display: flex;
}

.h3-team_investor {
  border-left: 1px solid var(--role-line);
  color: var(--role-ink-muted);
  font-size: var(--font-size--fixed-18);
  line-height: var(--line-height--ratio-1-3);
  font-weight: var(--fonts-weights--medium);
  text-align: center;
  justify-content: center;
  align-items: center;
  padding: var(--spacing-28) var(--spacing-16);
  display: flex;
}

.h3-team_round {
  border-left: 1px solid var(--role-line);
  font-family: var(--font-label);
  color: var(--role-accent);
  font-size: var(--font-size--fixed-11);
  line-height: var(--line-height--ratio-1-3);
  font-weight: var(--fonts-weights--medium);
  text-align: center;
  justify-content: center;
  align-items: center;
  padding: var(--spacing-28) var(--spacing-16);
  display: flex;
}

.h3-faq {
  background-color: var(--role-page);
  isolation: isolate;
  padding-top: calc(var(--spacing-104) * var(--section-spacing));
  padding-bottom: calc(var(--spacing-104) * var(--section-spacing));
  position: relative;
}

.h3-faq_grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: start;
  column-gap: var(--spacing-48);
  display: grid;
}

.h3-faq_item {
  grid-template-rows: auto;
  grid-template-columns: 56px 1fr;
  align-items: start;
  display: grid;
}

.h3-faq_num {
  border-top: 1px solid var(--role-line);
  font-family: var(--font-label);
  color: var(--role-accent);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  font-weight: var(--fonts-weights--medium);
  padding-top: var(--spacing-27);
  padding-bottom: var(--spacing-22);
}

.h3-faq_slot {
  min-width: 0;
}

.inf-hero {
  z-index: 0;
  border-top: 1px solid var(--role-line);
  padding-top: calc(var(--spacing-88) * var(--section-spacing));
  padding-bottom: calc(var(--spacing-104) * var(--section-spacing));
  position: relative;
}

.inf-hero_head {
  text-align: center;
  flex-direction: column;
  align-items: center;
  row-gap: var(--spacing-24);
  padding-bottom: var(--spacing-64);
  display: flex;
}

.inf-eyebrow {
  font-family: var(--font-label);
  color: var(--role-accent);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  font-weight: var(--fonts-weights--medium);
  text-transform: uppercase;
}

.inf-hero_lead {
  max-width: 620px;
  color: var(--role-ink-soft);
  font-size: var(--font-size--lead);
  line-height: var(--line-height--ratio-1-55);
  margin-top: 0;
  margin-bottom: 0;
}

.inf-wide {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.inf-router {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--default);
  background-color: var(--role-page);
  align-items: center;
  column-gap: var(--spacing-40);
  padding: var(--spacing-40);
  display: flex;
  overflow: hidden;
}

.inf-router_visual {
  flex-direction: column;
  flex: 1 1 0;
  row-gap: var(--spacing-20);
  min-width: 0;
  display: flex;
}

.inf-router_label {
  font-family: var(--font-label);
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
}

.inf-router_lottie {
  width: 100%;
  max-width: 608px;
}

.inf-route-card {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--small);
  background-color: var(--role-surface-2);
  flex-direction: column;
  flex: 0 0 420px;
  padding: var(--spacing-24);
  display: flex;
}

.inf-route-card_head {
  font-family: var(--font-label);
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  justify-content: space-between;
  padding-bottom: var(--spacing-16);
  display: flex;
}

.inf-route-card_row {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--role-line);
  flex-direction: column;
  row-gap: var(--spacing-8);
  padding-top: var(--spacing-14);
  padding-bottom: var(--spacing-14);
  display: flex;
}

.inf-route-card_line {
  justify-content: space-between;
  align-items: flex-start;
  column-gap: var(--spacing-12);
  display: flex;
}

.inf-route-card_model {
  color: var(--role-ink);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  font-weight: var(--fonts-weights--medium);
}

.inf-route-card_meta {
  font-family: var(--font-label);
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
}

.inf-route-card_track {
  border-radius: var(--radius--xx-small);
  background-color: var(--role-line);
  width: 100%;
  height: 4px;
  overflow: hidden;
}

.inf-route-card_fill-62 {
  border-radius: var(--radius--xx-small);
  background-color: var(--role-accent);
  width: 62%;
  height: 4px;
}

.inf-route-card_fill-26 {
  border-radius: var(--radius--xx-small);
  background-color: var(--role-accent);
  width: 26%;
  height: 4px;
}

.inf-route-card_fill-10 {
  border-radius: var(--radius--xx-small);
  background-color: var(--role-accent);
  width: 10%;
  height: 4px;
}

.inf-route-card_fill-2 {
  border-radius: var(--radius--xx-small);
  background-color: var(--role-accent);
  width: 2%;
  height: 4px;
}

.inf-route-card_foot {
  border-top: 1px solid var(--role-line);
  font-family: var(--font-label);
  color: var(--role-accent);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  justify-content: space-between;
  padding-top: var(--spacing-16);
  display: flex;
}

.inf-features {
  z-index: 0;
  padding-top: calc(var(--spacing-104) * var(--section-spacing));
  padding-bottom: calc(var(--spacing-104) * var(--section-spacing));
  position: relative;
}

.inf-head {
  justify-content: space-between;
  align-items: flex-end;
  column-gap: var(--spacing-40);
  margin-bottom: var(--spacing-56);
  display: flex;
}

.inf-head_note {
  max-width: 400px;
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-medium);
  line-height: var(--line-height--ratio-1-55);
  margin-top: 0;
  margin-bottom: 0;
}

.inf-features_grid {
  grid-column-gap: var(--spacing-16);
  grid-row-gap: var(--spacing-16);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  display: grid;
}

.inf-feature {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--large);
  background-color: var(--role-surface);
  flex-direction: column;
  align-items: flex-start;
  row-gap: var(--spacing-16);
  padding: var(--spacing-32);
  display: flex;
}

.inf-feature_icon {
  display: flex;
}

.inf-feature_title {
  color: var(--role-ink);
  font-size: var(--font-size--fixed-18);
  line-height: var(--line-height--ratio-1-3);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--tight-1-5);
  margin-top: 0;
  margin-bottom: 0;
}

.inf-feature_text {
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  margin-top: 0;
  margin-bottom: 0;
}

.inf-config {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--field);
  background-color: var(--role-page);
  font-family: var(--font-label);
  color: var(--role-ink);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  white-space: nowrap;
  padding: var(--spacing-10) var(--spacing-14);
}

.inf-stats {
  z-index: 0;
  padding-bottom: calc(var(--spacing-104) * var(--section-spacing));
  position: relative;
}

.inf-stats_row {
  border-top: 1px solid var(--role-line);
  border-bottom: 1px solid var(--role-line);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}

.inf-stats_first {
  flex-direction: column;
  row-gap: var(--spacing-6);
  padding: var(--spacing-32) var(--spacing-24) var(--spacing-32) 0;
  display: flex;
}

.inf-stats_item {
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--role-line);
  flex-direction: column;
  row-gap: var(--spacing-6);
  padding: var(--spacing-32) var(--spacing-24) var(--spacing-32) var(--spacing-32);
  display: flex;
}

.inf-stats_value {
  color: var(--role-ink);
  font-size: var(--font-size--fixed-64);
  line-height: var(--line-height--ratio-1);
  letter-spacing: var(--letter-spacing--tight-3);
  white-space: nowrap;
}

.inf-stats_label {
  color: var(--role-ink-soft);
  font-size: var(--font-size--stat-label);
  line-height: var(--line-height--ratio-1-55);
}

.inf-code {
  z-index: 0;
  padding-top: calc(var(--spacing-104) * var(--section-spacing));
  padding-bottom: calc(var(--spacing-104) * var(--section-spacing));
  position: relative;
}

.inf-code_split {
  align-items: center;
  column-gap: var(--spacing-80);
  display: flex;
}

.inf-code_copy {
  flex-direction: column;
  flex: 0 0 540px;
  align-items: flex-start;
  row-gap: var(--spacing-24);
  display: flex;
}

.inf-code_lead {
  max-width: 440px;
  color: var(--role-ink-soft);
  font-size: var(--font-size--lead);
  line-height: var(--line-height--ratio-1-55);
  margin-top: 0;
  margin-bottom: 0;
}

.inf-code_list {
  flex-direction: column;
  row-gap: var(--spacing-24);
  display: flex;
}

.inf-code_item {
  align-items: center;
  column-gap: var(--spacing-12);
  display: flex;
}

.inf-code_dot {
  background-color: var(--role-accent);
  flex: 0 0 8px;
  width: 8px;
  height: 8px;
}

.inf-code_point {
  color: var(--role-ink);
  font-size: var(--font-size--body-medium);
  line-height: var(--line-height--ratio-1-55);
}

.inf-codecard {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--small);
  background-color: var(--role-page);
  flex: 1 1 0;
  min-width: 0;
  overflow: hidden;
}

.inf-codecard_bar {
  border-bottom: 1px solid var(--role-line);
  font-family: var(--font-label);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  justify-content: space-between;
  padding: var(--spacing-14) var(--spacing-20);
  display: flex;
}

.inf-codecard_tabs {
  column-gap: var(--spacing-16);
  display: flex;
}

.inf-codecard_tab-on {
  color: var(--role-ink);
}

.inf-codecard_tab {
  color: var(--role-ink-soft);
}

.inf-codecard_body {
  font-family: var(--font-label);
  color: var(--role-ink);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-75);
  padding: var(--spacing-24);
  overflow-x: auto;
}

.inf-code_line {
  white-space: pre;
}

.inf-code_indent {
  white-space: pre;
  padding-left: 4ch;
}

.inf-code_gap {
  height: 1.75em;
}

.inf-code_str {
  color: var(--role-accent);
}

.inf-story {
  z-index: 0;
  padding-top: calc(var(--spacing-104) * var(--section-spacing));
  padding-bottom: calc(var(--spacing-104) * var(--section-spacing));
  position: relative;
}

.inf-story_split {
  align-items: flex-start;
  column-gap: var(--spacing-80);
  display: flex;
}

.inf-story_metrics {
  flex-direction: column;
  flex: 0 0 360px;
  display: flex;
}

.inf-story_metric {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--role-line);
  flex-direction: column;
  row-gap: var(--spacing-4);
  padding-top: var(--spacing-20);
  padding-bottom: var(--spacing-20);
  display: flex;
}

.inf-story_value {
  color: var(--role-ink);
  font-size: var(--font-size--fixed-48);
  line-height: var(--line-height--ratio-1);
  letter-spacing: var(--letter-spacing--tight-3);
  white-space: nowrap;
}

.inf-story_label {
  color: var(--role-ink-soft);
  font-size: var(--font-size--stat-label);
  line-height: var(--line-height--ratio-1-55);
}

.inf-story_quote-wrap {
  flex-direction: column;
  flex: 1 1 0;
  align-items: flex-start;
  row-gap: var(--spacing-28);
  min-width: 0;
  display: flex;
}

.inf-story_quote {
  max-width: 640px;
  color: var(--role-ink);
  font-size: var(--font-size--statement);
  line-height: var(--line-height--ratio-1-12);
  letter-spacing: var(--letter-spacing--tight-2-5);
  margin-top: 0;
  margin-bottom: 0;
}

.inf-story_person {
  flex-direction: column;
  row-gap: var(--spacing-2);
  display: flex;
}

.inf-story_name {
  color: var(--role-ink);
  font-size: var(--font-size--body-medium);
  line-height: var(--line-height--ratio-1-35);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--tight-1-5);
}

.inf-story_role {
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
}

.inf-story_cta {
  display: flex;
}

.inf-faq {
  z-index: 0;
  border-top: 1px solid var(--role-line);
  padding-top: calc(var(--spacing-104) * var(--section-spacing));
  padding-bottom: calc(var(--spacing-104) * var(--section-spacing));
  position: relative;
}

.inf-faq_split {
  align-items: flex-start;
  column-gap: var(--spacing-80);
  display: flex;
}

.inf-faq_intro {
  flex-direction: column;
  flex: 0 0 340px;
  align-items: flex-start;
  row-gap: var(--spacing-20);
  display: flex;
}

.inf-faq_note {
  max-width: 300px;
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  margin-top: 0;
  margin-bottom: 0;
}

.inf-faq_cta {
  display: flex;
}

.inf-faq_list {
  flex-direction: column;
  flex: 1 1 0;
  min-width: 0;
  display: flex;
}

.evl-hero {
  border-top: 1px solid var(--role-line);
  background-color: var(--role-page);
  isolation: isolate;
  padding-top: calc(var(--spacing-98) * var(--section-spacing));
  padding-bottom: calc(var(--spacing-104) * var(--section-spacing));
  position: relative;
}

.evl-container {
  width: 100%;
  max-width: 1152px;
  margin-left: auto;
  margin-right: auto;
}

.evl-eyebrow {
  color: var(--role-accent);
  margin-bottom: var(--spacing-28);
}

.evl-hero_title {
  max-width: 900px;
  font-size: var(--font-size--fixed-72);
  line-height: var(--line-height--ratio-1);
  letter-spacing: var(--letter-spacing--tight-3-5);
  margin-top: 0;
  margin-bottom: var(--spacing-28);
}

.evl-hero_sub {
  grid-column-gap: var(--spacing-40);
  grid-row-gap: var(--spacing-40);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.evl-hero_lead {
  max-width: 520px;
  color: var(--role-ink-soft);
  font-size: var(--font-size--fixed-18);
  line-height: var(--line-height--ratio-1-55);
  margin-top: 0;
  margin-bottom: 0;
}

.evl-bento {
  grid-column-gap: var(--spacing-16);
  grid-row-gap: var(--spacing-16);
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 360fr) minmax(0, 468fr) minmax(0, 340fr);
  max-width: 1200px;
  margin-top: var(--spacing-56);
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.evl-score {
  grid-column-gap: var(--spacing-16);
  grid-row-gap: var(--spacing-16);
  border: 1px solid var(--role-line);
  border-radius: var(--radius--default);
  background-color: var(--role-page);
  flex-direction: column;
  justify-content: space-between;
  min-height: 445px;
  padding: var(--spacing-32);
  display: flex;
}

.evl-mono {
  font-family: var(--font-label);
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
}

.evl-mono_strong {
  font-family: var(--font-label);
  color: var(--role-ink);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
}

.evl-mono_accent {
  font-family: var(--font-label);
  color: var(--role-accent);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
}

.evl-score_row {
  grid-column-gap: var(--spacing-14);
  grid-row-gap: var(--spacing-14);
  align-items: center;
  display: flex;
}

.evl-score_value {
  color: var(--role-ink);
  font-size: var(--font-size--fixed-112);
  line-height: var(--line-height--ratio-1);
  letter-spacing: var(--letter-spacing--tight-4);
}

.evl-pill {
  border-radius: var(--radius--large);
  background-color: var(--role-accent);
  font-family: var(--font-label);
  color: var(--role-page);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  font-weight: var(--fonts-weights--medium);
  padding: var(--spacing-5) var(--spacing-10);
}

.evl-score_list {
  grid-column-gap: var(--spacing-8);
  grid-row-gap: var(--spacing-8);
  flex-direction: column;
  display: flex;
}

.evl-score_item {
  border-top: 1px solid var(--role-line);
  justify-content: space-between;
  align-items: center;
  padding-top: var(--spacing-8);
  padding-bottom: var(--spacing-8);
  display: flex;
}

.evl-chart {
  grid-column-gap: var(--spacing-12);
  grid-row-gap: var(--spacing-12);
  border: 1px solid var(--role-line);
  border-radius: var(--radius--default);
  background-color: var(--role-surface);
  flex-direction: column;
  align-items: center;
  padding: var(--spacing-28);
  display: flex;
}

.evl-chart_top {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.evl-card_title {
  color: var(--role-ink);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  font-weight: var(--fonts-weights--medium);
}

.evl-chart_lottie {
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.evl-checks {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--default);
  background-color: var(--role-page);
  flex-direction: column;
  padding: var(--spacing-28) var(--spacing-24);
  display: flex;
}

.evl-checks_list {
  flex-direction: column;
  padding-top: var(--spacing-16);
  padding-bottom: var(--spacing-16);
  display: flex;
}

.evl-checks_item {
  border-top: 1px solid var(--role-line);
  justify-content: space-between;
  align-items: center;
  padding-top: var(--spacing-12);
  padding-bottom: var(--spacing-12);
  display: flex;
}

.evl-checks_name {
  grid-column-gap: var(--spacing-8);
  grid-row-gap: var(--spacing-8);
  align-items: center;
  display: flex;
}

.evl-checks_action {
  display: flex;
}

.agt-hero {
  z-index: 0;
  border-top: 1px solid var(--role-line);
  background-color: var(--role-page);
  position: relative;
}

.agt-hero_head {
  justify-content: space-between;
  align-items: flex-end;
  column-gap: var(--spacing-48);
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding: var(--spacing-88) var(--spacing-24) var(--spacing-64);
  display: flex;
}

.agt-hero_title {
  flex-direction: column;
  align-items: flex-start;
  row-gap: var(--spacing-24);
  min-width: 0;
  display: flex;
}

.agt-eyebrow {
  font-family: var(--font-label);
  color: var(--role-accent);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--wide-2);
  text-transform: uppercase;
}

.agt-hero_side {
  flex-direction: column;
  flex: 0 0 340px;
  align-items: flex-start;
  row-gap: var(--spacing-24);
  width: 340px;
  display: flex;
}

.agt-hero_lead {
  color: var(--role-ink-soft);
  font-size: var(--font-size--lead);
  line-height: var(--line-height--ratio-1-55);
  margin-top: 0;
  margin-bottom: 0;
}

.agt-hero_stage {
  height: 660px;
  position: relative;
  overflow: hidden;
}

.agt-hero_bg {
  object-fit: cover;
  border-radius: 0;
  width: 100%;
  max-width: none;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.agt-hero_cards {
  max-width: 1080px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.agt-hero_run {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--medium);
  background-color: var(--role-page);
  width: 33.333%;
  position: absolute;
  top: 147px;
  left: 33.333%;
  overflow: hidden;
  box-shadow: var(--shadow-8);
}

.agt-hero_sandbox {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--small);
  background-color: var(--role-page);
  width: 27.778%;
  position: absolute;
  top: 130px;
  left: 0%;
  overflow: hidden;
  box-shadow: var(--shadow-10);
}

.agt-hero_approval {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--small);
  background-color: var(--role-page);
  width: 27.778%;
  position: absolute;
  top: 330px;
  left: 72.222%;
  overflow: hidden;
  box-shadow: var(--shadow-10);
}

.agt-shot {
  width: 100%;
  height: auto;
  display: block;
}

.evl-steps {
  background-color: var(--role-page);
  isolation: isolate;
  padding-top: calc(var(--spacing-104) * var(--section-spacing));
  padding-bottom: calc(var(--spacing-104) * var(--section-spacing));
  position: relative;
}

.evl-head {
  grid-column-gap: var(--spacing-40);
  grid-row-gap: var(--spacing-40);
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: var(--spacing-56);
  display: flex;
}

.evl-head_title {
  max-width: 600px;
  margin-top: 0;
  margin-bottom: 0;
}

.evl-head_lead {
  max-width: 400px;
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-medium);
  line-height: var(--line-height--ratio-1-55);
  margin-top: 0;
  margin-bottom: 0;
}

.evl-steps_grid {
  grid-column-gap: var(--spacing-1);
  grid-row-gap: var(--spacing-1);
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--role-line);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--role-line);
  background-color: var(--role-line);
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 269fr) minmax(0, 294fr) minmax(0, 294fr) minmax(0, 294fr);
  display: grid;
}

.evl-step {
  grid-column-gap: var(--spacing-14);
  grid-row-gap: var(--spacing-14);
  background-color: var(--role-page);
  flex-direction: column;
  padding: var(--spacing-32) var(--spacing-24) var(--spacing-36);
  display: flex;
}

.evl-step.is-evl-first {
  padding-left: 0;
}

.evl-step_top {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.evl-step_num {
  font-family: var(--font-label);
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
}

.evl-step_title {
  color: var(--role-ink);
  font-size: var(--font-size--card-title);
  line-height: var(--line-height--ratio-1-3);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--tight-1);
  margin-top: 0;
  margin-bottom: 0;
}

.evl-step_text {
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  margin-top: 0;
  margin-bottom: 0;
}

.inf-inner {
  max-width: 1152px;
  margin-left: auto;
  margin-right: auto;
}

.evl-gate {
  background-color: var(--role-page);
  color: var(--role-ink);
  padding-top: calc(var(--spacing-120) * var(--section-spacing));
  padding-bottom: calc(var(--spacing-120) * var(--section-spacing));
  position: relative;
}

.evl-gate_split {
  grid-column-gap: var(--spacing-80);
  grid-row-gap: var(--spacing-80);
  align-items: center;
  display: flex;
}

.evl-gate_copy {
  grid-column-gap: var(--spacing-24);
  grid-row-gap: var(--spacing-24);
  flex-direction: column;
  flex: none;
  align-items: flex-start;
  width: 460px;
  display: flex;
}

.evl-gate_eyebrow {
  color: var(--role-accent);
}

.evl-gate_lead {
  max-width: 440px;
  color: var(--role-ink-soft);
  font-size: var(--font-size--fixed-18);
  line-height: var(--line-height--ratio-1-55);
  margin-top: 0;
  margin-bottom: 0;
}

.evl-gate_action {
  display: flex;
}

.evl-gate_cards {
  grid-column-gap: var(--spacing-16);
  grid-row-gap: var(--spacing-16);
  flex-direction: column;
  flex: 1;
  min-width: 0;
  display: flex;
}

.evl-code {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--small);
  background-color: var(--role-surface-2);
  overflow: hidden;
}

.evl-code_bar {
  border-bottom: 1px solid var(--role-line);
  justify-content: space-between;
  align-items: center;
  padding: var(--spacing-14) var(--spacing-20);
  display: flex;
}

.evl-code_body {
  padding: var(--spacing-22) var(--spacing-24);
  overflow-x: auto;
}

.evl-code_line {
  font-family: var(--font-label);
  color: var(--role-ink);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-75);
  white-space: pre;
}

.evl-code_line.evl-code_indent-1 {
  padding-left: 2ch;
}

.evl-code_line.evl-code_indent-2 {
  padding-left: 4ch;
}

.evl-code_indent-1 {
  padding-left: 2ch;
}

.evl-code_indent-2 {
  padding-left: 4ch;
}

.evl-code_accent {
  color: var(--role-accent);
}

.evl-fail {
  grid-column-gap: var(--spacing-10);
  grid-row-gap: var(--spacing-10);
  border: 1px solid var(--role-accent);
  border-radius: var(--radius--small);
  background-color: var(--role-surface-2);
  flex-direction: column;
  padding: var(--spacing-20) var(--spacing-24);
  display: flex;
}

.evl-fail_top {
  grid-column-gap: var(--spacing-16);
  grid-row-gap: var(--spacing-16);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.evl-fail_name {
  grid-column-gap: var(--spacing-14);
  grid-row-gap: var(--spacing-14);
  font-family: var(--font-label);
  color: var(--role-ink);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  font-weight: var(--fonts-weights--medium);
  align-items: center;
  display: flex;
}

.evl-fail_x {
  color: var(--role-ink);
}

.evl-fail_status {
  font-family: var(--font-label);
  color: var(--role-accent);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--wide-4);
}

.evl-fail_text {
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  margin-top: 0;
  margin-bottom: 0;
}

.agt-walls {
  z-index: 0;
  background-color: var(--role-page);
  color: var(--role-ink);
  padding-top: calc(var(--spacing-120) * var(--section-spacing));
  padding-bottom: calc(var(--spacing-120) * var(--section-spacing));
  position: relative;
}

.agt-inner {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--spacing-24);
  padding-right: var(--spacing-24);
}

.agt-head {
  justify-content: space-between;
  align-items: flex-end;
  column-gap: var(--spacing-40);
  margin-bottom: var(--spacing-56);
  display: flex;
}

.agt-head_text {
  max-width: 400px;
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-medium);
  line-height: var(--line-height--ratio-1-55);
  margin-top: 0;
  margin-bottom: 0;
}

.agt-walls_diagram {
  align-items: center;
  display: flex;
}

.agt-walls_node {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--small);
  background-color: var(--role-surface-2);
  flex-direction: column;
  flex: 0 0 200px;
  align-items: flex-start;
  row-gap: var(--spacing-10);
  padding: var(--spacing-24);
  display: flex;
}

.agt-walls_num {
  font-family: var(--font-label);
  color: var(--role-accent);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  font-weight: var(--fonts-weights--medium);
}

.agt-walls_title {
  color: var(--role-ink);
  font-size: var(--font-size--fixed-18);
  line-height: var(--line-height--ratio-1-3);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--tight-1-5);
  margin-top: 0;
  margin-bottom: 0;
}

.agt-walls_meta {
  font-family: var(--font-label);
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  white-space: nowrap;
}

.agt-walls_link {
  flex: none;
  align-items: center;
  padding-left: var(--spacing-8);
  padding-right: var(--spacing-8);
  display: flex;
}

.agt-walls_line {
  background-color: var(--role-line-strong);
  width: 24px;
  height: 1px;
}

.agt-walls_arrow {
  font-family: var(--font-label);
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
}

.agt-walls_sandbox {
  border: 1px solid var(--role-accent);
  border-radius: var(--radius--small);
  background-color: var(--role-surface-2);
  flex-direction: column;
  flex: 1 1 0;
  align-items: center;
  row-gap: var(--spacing-16);
  min-width: 0;
  padding: var(--spacing-24);
  display: flex;
}

.agt-walls_sandbox-top {
  justify-content: space-between;
  align-self: stretch;
  display: flex;
}

.agt-walls_id {
  font-family: var(--font-label);
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
}

.agt-walls_lottie {
  width: 100%;
  max-width: 352px;
  color: var(--role-ink);
}

.agt-walls_sandbox-title {
  opacity: 0;
  width: 1px;
  height: 1px;
  margin-top: 0;
  margin-bottom: 0;
  position: absolute;
  overflow: hidden;
}

.agt-walls_parts {
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--spacing-6) var(--spacing-16);
  display: flex;
}

.agt-walls_part {
  font-family: var(--font-label);
  color: var(--role-ink);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  white-space: nowrap;
}

.evl-compare {
  background-color: var(--role-page);
  isolation: isolate;
  padding-top: calc(var(--spacing-104) * var(--section-spacing));
  padding-bottom: calc(var(--spacing-104) * var(--section-spacing));
  position: relative;
}

.evl-table_scroll {
  width: 100%;
}

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

.evl-table_head {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--role-line-strong);
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 320fr) minmax(0, 277fr) minmax(0, 277fr) minmax(0, 277fr);
  align-items: center;
  padding-bottom: var(--spacing-14);
  display: grid;
}

.evl-table_row {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--role-line);
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 320fr) minmax(0, 277fr) minmax(0, 277fr) minmax(0, 277fr);
  align-items: center;
  padding-top: var(--spacing-18);
  padding-bottom: var(--spacing-18);
  display: grid;
}

.evl-table_th-first {
  font-family: var(--font-label);
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  letter-spacing: var(--letter-spacing--wide-4);
  text-transform: uppercase;
}

.evl-table_th {
  font-family: var(--font-label);
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  letter-spacing: var(--letter-spacing--wide-4);
  text-transform: uppercase;
  padding-left: var(--spacing-24);
  padding-right: var(--spacing-24);
}

.evl-table_th-accent {
  font-family: var(--font-label);
  color: var(--role-accent);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--wide-4);
  text-transform: uppercase;
  padding-left: var(--spacing-24);
  padding-right: var(--spacing-24);
}

.evl-table_cap {
  color: var(--role-ink);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  font-weight: var(--fonts-weights--medium);
}

.evl-table_yes {
  color: var(--role-accent);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  font-weight: var(--fonts-weights--medium);
  padding-left: var(--spacing-24);
  padding-right: var(--spacing-24);
}

.evl-table_no, .evl-table_cell {
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  padding-left: var(--spacing-24);
  padding-right: var(--spacing-24);
}

.agt-rows {
  z-index: 0;
  background-color: var(--role-page);
  padding-top: calc(var(--spacing-104) * var(--section-spacing));
  padding-bottom: calc(var(--spacing-104) * var(--section-spacing));
  position: relative;
}

.agt-rows_list {
  flex-direction: column;
  row-gap: var(--spacing-112);
  display: flex;
}

.agt-row {
  align-items: stretch;
  column-gap: var(--spacing-24);
  display: flex;
}

.agt-row_copy {
  flex-direction: column;
  flex: 0 0 440px;
  justify-content: center;
  align-items: flex-start;
  row-gap: var(--spacing-16);
  padding-top: var(--spacing-40);
  padding-bottom: var(--spacing-40);
  display: flex;
}

.agt-row_copy-alt {
  flex-direction: column;
  flex: 0 0 480px;
  justify-content: center;
  align-items: flex-start;
  row-gap: var(--spacing-16);
  padding-top: var(--spacing-40);
  padding-bottom: var(--spacing-40);
  padding-left: var(--spacing-40);
  display: flex;
}

.agt-row_title {
  color: var(--role-ink);
  font-size: var(--font-size--feature-title);
  line-height: var(--line-height--ratio-1-2);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--tight-1-5);
  margin-top: 0;
  margin-bottom: 0;
}

.agt-row_text {
  max-width: 420px;
  color: var(--role-ink-soft);
  font-size: var(--font-size--fixed-18);
  line-height: var(--line-height--ratio-1-55);
  margin-top: 0;
  margin-bottom: 0;
}

.agt-row_meta {
  font-family: var(--font-label);
  color: var(--role-accent);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
}

.agt-row_visual {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--large);
  background-color: var(--role-surface);
  flex: 1;
  justify-content: center;
  align-items: center;
  min-width: 0;
  height: 400px;
  min-height: 400px;
  padding: var(--spacing-56) var(--spacing-40);
  display: flex;
}

.agt-row_card {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--small);
  background-color: var(--role-page);
  width: 420px;
  max-width: 100%;
  overflow: hidden;
  box-shadow: var(--shadow-10);
}

.evl-story {
  isolation: isolate;
  padding-top: calc(var(--spacing-120) * var(--section-spacing));
  padding-bottom: calc(var(--spacing-120) * var(--section-spacing));
  position: relative;
  overflow: hidden;
}

.evl-story_media {
  z-index: -1;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.evl-story_img {
  object-fit: cover;
  border-radius: 0;
  width: 100%;
  height: 100%;
}

.evl-story_card {
  grid-column-gap: var(--spacing-28);
  grid-row-gap: var(--spacing-28);
  border-radius: var(--radius--default);
  background-color: var(--role-page);
  flex-direction: column;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  padding: var(--spacing-48);
  display: flex;
}

.evl-story_eyebrow {
  color: var(--role-accent);
}

.evl-story_quote {
  max-width: 700px;
  color: var(--role-ink);
  font-size: var(--font-size--fixed-40);
  line-height: var(--line-height--ratio-1-12);
  letter-spacing: var(--letter-spacing--tight-2-5);
  margin-top: 0;
  margin-bottom: 0;
}

.evl-story_foot {
  grid-column-gap: var(--spacing-32);
  grid-row-gap: var(--spacing-32);
  border-top: 1px solid var(--role-line);
  justify-content: space-between;
  align-items: flex-end;
  padding-top: var(--spacing-24);
  display: flex;
}

.evl-story_person {
  grid-column-gap: var(--spacing-2);
  grid-row-gap: var(--spacing-2);
  flex-direction: column;
  display: flex;
}

.evl-story_name {
  color: var(--role-ink);
  font-size: var(--font-size--body-medium);
  line-height: var(--line-height--ratio-1-35);
  font-weight: var(--fonts-weights--medium);
}

.evl-story_role {
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
}

.evl-story_metrics {
  grid-column-gap: var(--spacing-40);
  grid-row-gap: var(--spacing-40);
  display: flex;
}

.evl-story_metric {
  grid-column-gap: var(--spacing-2);
  grid-row-gap: var(--spacing-2);
  flex-direction: column;
  display: flex;
}

.evl-story_value {
  color: var(--role-ink);
  font-size: var(--font-size--fixed-26);
  line-height: var(--line-height--ratio-1-2);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--tight-2);
}

.evl-story_label {
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
}

.evl-faq {
  background-color: var(--role-page);
  isolation: isolate;
  padding-top: calc(var(--spacing-104) * var(--section-spacing));
  padding-bottom: calc(var(--spacing-104) * var(--section-spacing));
  position: relative;
}

.evl-faq_inner {
  grid-column-gap: var(--spacing-40);
  grid-row-gap: var(--spacing-40);
  flex-direction: column;
  align-items: center;
  display: flex;
}

.evl-faq_title {
  text-align: center;
  max-width: 700px;
  margin-top: 0;
  margin-bottom: 0;
}

.evl-faq_list {
  flex-direction: column;
  width: 100%;
  max-width: 756px;
  display: flex;
}

.closing-split {
  min-height: 560px;
  display: flex;
}

.closing-media {
  flex: none;
  width: 43.33%;
  position: relative;
  overflow: hidden;
}

.closing-img {
  object-fit: cover;
  border-radius: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.closing-panel {
  grid-column-gap: var(--spacing-28);
  grid-row-gap: var(--spacing-28);
  background-color: var(--role-page);
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  padding: var(--spacing-96);
  display: flex;
}

.closing-eyebrow {
  color: var(--role-accent);
}

.closing-title {
  max-width: 560px;
  font-size: var(--font-size--fixed-48);
  line-height: var(--line-height--ratio-1-12);
  letter-spacing: var(--letter-spacing--tight-3);
  margin-top: 0;
  margin-bottom: 0;
}

.closing-lead {
  color: var(--role-ink-soft);
  font-size: var(--font-size--fixed-18);
  line-height: var(--line-height--ratio-1-55);
  margin-top: 0;
  margin-bottom: 0;
}

.agt-story {
  z-index: 0;
  background-color: var(--role-page);
  padding-top: var(--spacing-24);
  padding-bottom: calc(var(--spacing-104) * var(--section-spacing));
  position: relative;
}

.agt-story_panel {
  border-radius: var(--radius--default);
  background-color: var(--role-surface-2);
  align-items: flex-start;
  column-gap: var(--spacing-80);
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding: var(--spacing-64);
  display: flex;
}

.agt-story_copy {
  flex-direction: column;
  flex: 1 1 0;
  align-items: flex-start;
  row-gap: var(--spacing-28);
  min-width: 0;
  display: flex;
}

.agt-story_quote {
  max-width: 620px;
  color: var(--role-ink);
  font-size: var(--font-size--fixed-40);
  line-height: var(--line-height--ratio-1-12);
  font-weight: var(--fonts-weights--normal);
  letter-spacing: var(--letter-spacing--tight-2-5);
  margin-top: 0;
  margin-bottom: 0;
}

.agt-story_person {
  flex-direction: column;
  row-gap: var(--spacing-2);
  display: flex;
}

.agt-story_name {
  color: var(--role-ink);
  font-size: var(--font-size--body-medium);
  line-height: var(--line-height--ratio-1-35);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--tight-1-5);
}

.agt-story_role {
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
}

.agt-story_metrics {
  flex-direction: column;
  flex: 0 0 300px;
  display: flex;
}

.agt-story_metric {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--role-line-strong);
  flex-direction: column;
  row-gap: var(--spacing-4);
  padding-top: var(--spacing-18);
  padding-bottom: var(--spacing-18);
  display: flex;
}

.agt-story_value {
  color: var(--role-ink);
  font-size: var(--font-size--fixed-26);
  line-height: var(--line-height--ratio-1-2);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--tight-1-5);
}

.agt-story_label {
  color: var(--role-ink-soft);
  font-size: var(--font-size--tag-label);
  line-height: var(--line-height--ratio-1-55);
}

.agt-faq {
  z-index: 0;
  background-color: var(--role-page);
  padding-top: calc(var(--spacing-104) * var(--section-spacing));
  padding-bottom: calc(var(--spacing-104) * var(--section-spacing));
  position: relative;
}

.agt-faq_cta {
  flex: none;
  display: flex;
}

.agt-faq_grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  gap: var(--spacing-24) var(--spacing-48);
  display: grid;
}

.agt-faq_item {
  flex-direction: column;
  row-gap: var(--spacing-10);
  min-width: 0;
  display: flex;
}

.agt-faq_label {
  font-family: var(--font-label);
  color: var(--role-accent);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  font-weight: var(--fonts-weights--medium);
}

.cta-terminal {
  z-index: 0;
  background-color: var(--role-page);
  padding-top: var(--spacing-24);
  padding-bottom: calc(var(--spacing-120) * var(--section-spacing));
  position: relative;
}

.cta-terminal-panel {
  border-radius: var(--radius--default);
  background-color: var(--role-surface-2);
  align-items: center;
  column-gap: var(--spacing-64);
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding: var(--spacing-72);
  display: flex;
}

.cta-terminal-copy {
  flex-direction: column;
  flex: 1 1 0;
  align-items: flex-start;
  row-gap: var(--spacing-24);
  min-width: 0;
  display: flex;
}

.cta-terminal-text {
  max-width: 440px;
  color: var(--role-ink-soft);
  font-size: var(--font-size--lead);
  line-height: var(--line-height--ratio-1-55);
  margin-top: 0;
  margin-bottom: 0;
}

.cta-terminal-buttons {
  flex-wrap: wrap;
  gap: var(--spacing-10);
  display: flex;
}

.cta-terminal-window {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--small);
  background-color: var(--role-page);
  flex-direction: column;
  flex: none;
  row-gap: var(--spacing-14);
  width: 500px;
  max-width: 100%;
  padding: var(--spacing-24) var(--spacing-28);
  display: flex;
  overflow-x: auto;
}

.cta-terminal-head {
  justify-content: space-between;
  display: flex;
}

.cta-terminal-meta {
  font-family: var(--font-label);
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
}

.cta-terminal-line {
  font-family: var(--font-label);
  color: var(--role-ink);
  font-size: var(--font-size--stat-label);
  line-height: var(--line-height--ratio-1-6);
  white-space: pre;
}

.cta-terminal-muted {
  font-family: var(--font-label);
  color: var(--role-ink-soft);
  font-size: var(--font-size--stat-label);
  line-height: var(--line-height--ratio-1-6);
  white-space: pre;
  padding-left: var(--spacing-16);
}

.cta-terminal-ok {
  font-family: var(--font-label);
  color: var(--role-accent);
  font-size: var(--font-size--stat-label);
  line-height: var(--line-height--ratio-1-6);
  white-space: pre;
}

.h3-code_menu {
  grid-column-gap: var(--spacing-4);
  grid-row-gap: var(--spacing-4);
  border-bottom: 1px solid var(--role-line-strong);
  align-items: center;
  padding: var(--spacing-12) var(--spacing-18);
  display: flex;
}

.h3-code_tab-link {
  border-radius: var(--radius--x-small);
  font-family: var(--font-label);
  color: var(--role-ink-muted);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-3);
  background-color: transparent;
  padding: var(--spacing-5) var(--spacing-10);
  transition: color var(--motion-fast);
}

.h3-code_tab-link:hover {
  color: var(--role-ink);
}

.h3-code_tab-link:focus-visible, .h3-code_tab-link[data-wf-focus-visible] {
  outline-color: var(--role-accent);
  outline-offset: 2px;
  outline-width: 2px;
  outline-style: solid;
}

.h3-code_tab-link.w--current {
  background-color: var(--role-line-strong);
  color: var(--role-ink);
}

.h3-code_file-abs {
  z-index: 1;
  font-family: var(--font-label);
  color: var(--role-ink-soft);
  font-size: var(--font-size--fixed-11);
  line-height: var(--line-height--ratio-1-3);
  position: absolute;
  top: 18px;
  right: 18px;
}

.h2-top_bgvideo {
  background-color: transparent;
  width: 100%;
  height: 100%;
}

.icon-tile_icon-dark {
  width: 20px;
  height: 20px;
  opacity: var(--_theme---effect--glow);
  filter: invert() hue-rotate(180deg);
  pointer-events: none;
  position: absolute;
}

.lottie-fill {
  width: 100%;
  height: 100%;
}

.lottie-fill.is-lottie-light {
  opacity: var(--_theme---effect--light-only);
  transition: opacity var(--motion-fast);
}

.prc-hero {
  border-top: 1px solid var(--role-line);
  padding-top: calc(var(--spacing-88) * var(--section-spacing));
  padding-bottom: calc(var(--spacing-112) * var(--section-spacing));
  position: relative;
}

.prc-inner {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--spacing-24);
  padding-right: var(--spacing-24);
}

.prc-hero_head {
  text-align: center;
  flex-direction: column;
  align-items: center;
  row-gap: var(--spacing-24);
  margin-bottom: var(--spacing-24);
  display: flex;
}

.prc-eyebrow {
  font-family: var(--font-label);
  color: var(--role-accent);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  font-weight: var(--fonts-weights--medium);
  text-transform: uppercase;
}

.prc-hero_title {
  max-width: 1000px;
  color: var(--role-ink);
  font-size: var(--font-size--fixed-72);
  line-height: var(--line-height--ratio-1);
  text-align: center;
  letter-spacing: var(--letter-spacing--tight-3-5);
  margin-top: 0;
  margin-bottom: 0;
}

.prc-hero_lead {
  max-width: 620px;
  color: var(--role-ink-soft);
  font-size: var(--font-size--lead);
  line-height: var(--line-height--ratio-1-55);
  margin-top: 0;
  margin-bottom: 0;
}

.prc-tabs {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.prc-toggle {
  border-radius: var(--radius--button);
  background-color: var(--role-surface-2);
  align-self: center;
  column-gap: var(--spacing-4);
  margin-bottom: var(--spacing-56);
  padding: var(--spacing-4);
  display: flex;
}

.prc-toggle_link {
  border-radius: var(--radius--button);
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  font-weight: var(--fonts-weights--medium);
  background-color: transparent;
  align-items: center;
  column-gap: var(--spacing-8);
  padding: var(--spacing-8) var(--spacing-16);
  transition-property: background-color, color;
  transition-duration: var(--motion-fast);
  display: flex;
}

.prc-toggle_link:hover {
  color: var(--role-ink);
}

.prc-toggle_link:focus-visible, .prc-toggle_link[data-wf-focus-visible] {
  outline-color: var(--role-accent);
  outline-offset: 2px;
  outline-width: 2px;
  outline-style: solid;
}

.prc-toggle_link.w--current {
  background-color: var(--role-page);
  color: var(--role-ink);
  box-shadow: var(--shadow-3);
}

.prc-tabs_content {
  overflow: visible;
}

.intg-hero {
  border-top: 1px solid var(--role-line);
  padding-top: calc(var(--spacing-96) * var(--section-spacing));
  padding-bottom: calc(var(--spacing-104) * var(--section-spacing));
}

.intg-hero_head {
  text-align: center;
  flex-direction: column;
  align-items: center;
  row-gap: var(--spacing-24);
  padding-bottom: var(--spacing-56);
  display: flex;
}

.intg-hero_eyebrow {
  font-family: var(--font-label);
  color: var(--role-accent);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--wide-4);
  text-transform: uppercase;
}

.intg-hero_lead {
  max-width: 620px;
  color: var(--role-ink-soft);
  font-size: var(--font-size--lead);
  line-height: var(--line-height--ratio-1-55);
  margin-top: 0;
  margin-bottom: 0;
}

.intg-hub {
  aspect-ratio: 1200 / 540;
  border: 1px solid var(--role-line);
  border-radius: var(--radius--default);
  background-color: var(--role-page);
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
}

.intg-hub_lines {
  width: 100%;
  height: 100%;
  color: var(--role-ink-faint);
  position: absolute;
  top: 0;
  left: 0;
}

.intg-hub_lines-mobile {
  width: 100%;
  height: 100%;
  color: var(--role-ink-faint);
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}

.intg-hub_core {
  position: absolute;
  top: 49.81%;
  left: 49.92%;
  transform: translate(-50%, -50%);
}

.intg-core {
  grid-column-gap: var(--spacing-4);
  grid-row-gap: var(--spacing-4);
  border: 1px solid var(--role-accent);
  border-radius: var(--radius--default);
  background-color: var(--role-surface-2);
  grid-template-rows: 20px 20px;
  grid-template-columns: 20px 20px;
  place-content: center;
  width: 112px;
  height: 112px;
  display: grid;
}

.intg-core_sq {
  border-radius: var(--radius--bar);
  background-color: var(--role-ink);
}

.intg-core_sq-accent {
  border-radius: var(--radius--bar);
  background-color: var(--role-accent);
}

.intg-node {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--medium);
  background-color: var(--role-surface-2);
  flex-direction: column;
  align-items: center;
  row-gap: var(--spacing-8);
  padding: var(--spacing-12) var(--spacing-14);
  display: flex;
}

.intg-node_label {
  font-family: var(--font-label);
  color: var(--role-ink);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  white-space: nowrap;
}

.intg-hub_note {
  font-family: var(--font-label);
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  letter-spacing: var(--letter-spacing--wide-4);
  text-transform: uppercase;
  position: absolute;
  bottom: 24px;
  left: 31px;
}

.intg-pos-postgres {
  position: absolute;
  top: 14.63%;
  left: 49.92%;
  transform: translate(-50%, -50%);
}

.intg-pos-snowflake {
  position: absolute;
  top: 27.87%;
  left: 77.28%;
  transform: translate(-50%, -50%);
}

.intg-pos-datadog {
  position: absolute;
  top: 57.65%;
  left: 84.04%;
  transform: translate(-50%, -50%);
}

.intg-pos-grafana {
  position: absolute;
  top: 81.52%;
  left: 65.1%;
  transform: translate(-50%, -50%);
}

.intg-pos-github {
  position: absolute;
  top: 81.52%;
  left: 34.73%;
  transform: translate(-50%, -50%);
}

.intg-pos-auth0 {
  position: absolute;
  top: 57.65%;
  left: 15.79%;
  transform: translate(-50%, -50%);
}

.intg-pos-slack {
  position: absolute;
  top: 27.87%;
  left: 22.55%;
  transform: translate(-50%, -50%);
}

.prc-toggle_label {
  white-space: nowrap;
}

.prc-toggle_save {
  font-family: var(--font-label);
  color: var(--role-accent-deep);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  font-weight: var(--fonts-weights--medium);
  text-transform: uppercase;
  white-space: nowrap;
}

.prc-plans {
  grid-column-gap: var(--spacing-16);
  grid-row-gap: var(--spacing-16);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}

.prc-plan {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--default);
  background-color: var(--role-surface);
  color: var(--role-ink);
  flex-direction: column;
  align-items: flex-start;
  row-gap: var(--spacing-24);
  padding: var(--spacing-36) var(--spacing-32);
  display: flex;
}

.prc-plan_featured {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--default);
  background-color: var(--role-page);
  color: var(--role-ink);
  flex-direction: column;
  align-items: flex-start;
  row-gap: var(--spacing-24);
  padding: var(--spacing-36) var(--spacing-32);
  display: flex;
}

.prc-plan_top {
  justify-content: space-between;
  align-items: center;
  column-gap: var(--spacing-12);
  width: 100%;
  min-height: 25px;
  display: flex;
}

.prc-plan_name {
  font-family: var(--font-label);
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  font-weight: var(--fonts-weights--medium);
  text-transform: uppercase;
}

.prc-plan_name-accent {
  font-family: var(--font-label);
  color: var(--role-accent);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  font-weight: var(--fonts-weights--medium);
  text-transform: uppercase;
}

.prc-plan_tag {
  border-radius: var(--radius--large);
  background-color: var(--role-accent);
  font-family: var(--font-label);
  color: var(--role-page);
  font-size: var(--font-size--fixed-10);
  line-height: var(--line-height--ratio-1-4);
  font-weight: var(--fonts-weights--medium);
  text-transform: uppercase;
  white-space: nowrap;
  padding: var(--spacing-4) var(--spacing-10);
}

.prc-plan_price {
  align-items: flex-end;
  column-gap: var(--spacing-8);
  display: flex;
}

.prc-plan_amount {
  color: var(--role-ink);
  font-size: var(--font-size--fixed-56);
  line-height: var(--line-height--ratio-1);
  letter-spacing: var(--letter-spacing--tight-3);
  white-space: nowrap;
}

.prc-plan_unit {
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
}

.prc-plan_text {
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  margin-top: 0;
  margin-bottom: 0;
}

.prc-plan_cta {
  display: flex;
}

.prc-plan_list {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--role-line);
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: var(--spacing-8);
  padding-left: 0;
  list-style-type: none;
}

.prc-plan_item {
  color: var(--role-ink);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  align-items: center;
  column-gap: var(--spacing-12);
  padding-top: var(--spacing-10);
  padding-bottom: var(--spacing-10);
  display: flex;
}

.prc-plan_check {
  font-family: var(--font-label);
  color: var(--role-accent);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  flex: none;
}

.intg-catalogue {
  padding-top: calc(var(--spacing-104) * var(--section-spacing));
  padding-bottom: calc(var(--spacing-104) * var(--section-spacing));
}

.intg-catalogue_inner {
  flex-direction: column;
  row-gap: var(--spacing-32);
  max-width: 1152px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.intg-sr {
  white-space: nowrap;
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  margin-top: 0;
  margin-bottom: 0;
  position: absolute;
  overflow: hidden;
}

.intg-grid {
  grid-column-gap: var(--spacing-16);
  grid-row-gap: var(--spacing-16);
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  display: grid;
}

.intg-card {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--large);
  background-color: var(--role-page);
  height: 100%;
  color: var(--role-ink);
  flex-direction: column;
  align-items: flex-start;
  row-gap: var(--spacing-14);
  padding: var(--spacing-28);
  text-decoration: none;
  transition: border-color var(--motion-fast);
  display: flex;
}

.intg-card:hover {
  border-color: var(--role-line-strong);
}

.intg-card_top {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.intg-card_badges {
  column-gap: var(--spacing-8);
  display: flex;
}

.intg-card_official {
  font-family: var(--font-label);
  color: var(--role-accent);
  font-size: var(--font-size--micro-label);
  line-height: var(--line-height--ratio-1-4);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--wide-4);
  text-transform: uppercase;
}

.intg-card_community {
  font-family: var(--font-label);
  color: var(--role-ink-soft);
  font-size: var(--font-size--micro-label);
  line-height: var(--line-height--ratio-1-4);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--wide-4);
  text-transform: uppercase;
}

.intg-card_head {
  flex-direction: column;
  row-gap: var(--spacing-4);
  display: flex;
}

.intg-card_title {
  color: var(--role-ink);
  font-size: var(--font-size--lead);
  line-height: var(--line-height--ratio-1-3);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--tight-1-5);
  margin-top: 0;
  margin-bottom: 0;
}

.intg-card_category {
  font-family: var(--font-label);
  color: var(--role-ink-soft);
  font-size: var(--font-size--micro-label);
  line-height: var(--line-height--ratio-1-4);
  letter-spacing: var(--letter-spacing--wide-4);
  text-transform: uppercase;
}

.intg-card_text {
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  margin-top: 0;
  margin-bottom: 0;
}

.intg-card_cmd {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--control);
  background-color: var(--role-surface);
  max-width: 100%;
  padding: var(--spacing-8) var(--spacing-12);
}

.intg-card_cmd-text {
  font-family: var(--font-label);
  color: var(--role-ink);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
}

.intg-build {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--large);
  background-color: var(--role-surface);
  flex-direction: column;
  align-items: flex-start;
  row-gap: var(--spacing-14);
  padding: var(--spacing-28);
  display: flex;
}

.intg-build_cta {
  margin-top: auto;
  display: flex;
}

.intg-missing {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--large);
  background-color: var(--role-page);
  flex-direction: column;
  align-items: flex-start;
  row-gap: var(--spacing-14);
  padding: var(--spacing-28);
  display: flex;
}

.intg-missing_text {
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  margin-top: 0;
  margin-bottom: 0;
}

.intg-missing_cta {
  display: flex;
}

.intg-item-hero {
  border-top: 1px solid var(--role-line);
  padding-top: calc(var(--spacing-82) * var(--section-spacing));
  padding-bottom: calc(var(--spacing-104) * var(--section-spacing));
}

.intg-item-hero_grid {
  grid-column-gap: var(--spacing-64);
  grid-row-gap: var(--spacing-64);
  align-items: center;
  display: flex;
}

.intg-item-hero_copy {
  grid-column-gap: var(--spacing-24);
  grid-row-gap: var(--spacing-24);
  flex-direction: column;
  flex: 1 1 0;
  align-items: flex-start;
  min-width: 0;
  display: flex;
}

.intg-item-hero_crumbs {
  grid-column-gap: var(--spacing-10);
  grid-row-gap: var(--spacing-10);
  font-family: var(--font-label);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  text-transform: uppercase;
  align-items: center;
  display: flex;
}

.intg-item-hero_crumb-link {
  color: var(--role-ink-soft);
  text-decoration: none;
  transition: color var(--motion-fast);
}

.intg-item-hero_crumb-link:hover {
  color: var(--role-ink);
}

.intg-item-hero_crumb-sep {
  color: var(--role-line-dark);
}

.intg-item-hero_crumb-current {
  color: var(--role-accent);
  font-weight: var(--fonts-weights--medium);
}

.intg-item-hero_title-row {
  grid-column-gap: var(--spacing-24);
  grid-row-gap: var(--spacing-24);
  align-items: center;
  display: flex;
}

.intg-item-hero_tile {
  border: 2px solid var(--role-line);
  border-radius: var(--radius--field);
  background-color: var(--role-surface);
  flex: 0 0 72px;
  justify-content: center;
  align-items: center;
  width: 72px;
  height: 72px;
  display: flex;
  position: relative;
}

.intg-item-hero_icon {
  border-radius: 0;
  width: 36px;
  height: 36px;
}

.intg-item-hero_icon-dark {
  width: 36px;
  height: 36px;
  opacity: var(--_theme---effect--glow);
  filter: invert() hue-rotate(180deg);
  pointer-events: none;
  border-radius: 0;
  position: absolute;
}

.intg-item-hero_heading {
  color: var(--role-ink);
  font-size: var(--font-size--fixed-72);
  line-height: var(--line-height--ratio-1);
  font-weight: var(--fonts-weights--normal);
  letter-spacing: var(--letter-spacing--tight-3-5);
  margin-top: 0;
  margin-bottom: 0;
}

.intg-item-hero_lead {
  max-width: 520px;
  color: var(--role-ink-soft);
  font-size: var(--font-size--card-title);
  line-height: var(--line-height--ratio-1-55);
  margin-bottom: 0;
}

.intg-item-hero_pills {
  grid-column-gap: var(--spacing-8);
  grid-row-gap: var(--spacing-8);
  flex-wrap: wrap;
  display: flex;
}

.intg-item-pill {
  border-radius: var(--radius--large);
  background-color: var(--role-surface-2);
  font-family: var(--font-label);
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  font-weight: var(--fonts-weights--medium);
  text-transform: uppercase;
  padding: var(--spacing-5) var(--spacing-10);
}

.intg-item-pill-accent {
  border-radius: var(--radius--large);
  background-color: var(--role-surface-2);
  font-family: var(--font-label);
  color: var(--role-accent-deep);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  font-weight: var(--fonts-weights--medium);
  text-transform: uppercase;
  padding: var(--spacing-5) var(--spacing-10);
}

.intg-item-install {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--large);
  background-color: var(--role-page);
  width: 540px;
  font-family: var(--font-label);
  flex: 0 0 540px;
  overflow: hidden;
}

.intg-item-install_head {
  border-bottom: 1px solid var(--role-line);
  justify-content: space-between;
  padding: var(--spacing-16) var(--spacing-24);
  display: flex;
}

.intg-item-install_label {
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  text-transform: uppercase;
}

.intg-item-install_body {
  grid-column-gap: var(--spacing-20);
  grid-row-gap: var(--spacing-20);
  flex-direction: column;
  padding: var(--spacing-24) var(--spacing-24) var(--spacing-28);
  display: flex;
}

.intg-item-install_cmd {
  grid-column-gap: var(--spacing-10);
  grid-row-gap: var(--spacing-10);
  color: var(--role-ink);
  font-size: var(--font-size--body-compact);
  line-height: var(--line-height--ratio-1-75);
  display: flex;
}

.intg-item-install_prompt {
  color: var(--role-ink);
  flex: none;
}

.intg-item-install_command {
  overflow-wrap: anywhere;
  flex: 1 1 0;
  min-width: 0;
}

.intg-item-install_output {
  grid-column-gap: var(--spacing-8);
  grid-row-gap: var(--spacing-8);
  border-top: 1px solid var(--role-line);
  font-size: var(--font-size--fixed-13);
  line-height: var(--line-height--ratio-1-4);
  flex-direction: column;
  padding-top: var(--spacing-16);
  display: flex;
}

.intg-item-install_line {
  color: var(--role-ink-soft);
  white-space: pre-wrap;
}

.intg-item-install_status {
  color: var(--role-accent);
  white-space: pre-wrap;
}

.intg-cms, .intg-cms_list {
  display: contents;
}

.intg-cms_item {
  flex-direction: column;
  display: flex;
}

.intg-cms_empty {
  color: var(--role-ink-soft);
  grid-column: span 3 / span 3;
  padding-top: var(--spacing-24);
  padding-bottom: var(--spacing-24);
}

.prc-usage {
  padding-top: calc(var(--spacing-112) * var(--section-spacing));
  padding-bottom: calc(var(--spacing-112) * var(--section-spacing));
  position: relative;
}

.prc-head {
  justify-content: space-between;
  align-items: flex-end;
  column-gap: var(--spacing-40);
  margin-bottom: var(--spacing-56);
  display: flex;
}

.prc-head_text {
  max-width: 400px;
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-medium);
  line-height: var(--line-height--ratio-1-55);
  margin-top: 0;
  margin-bottom: 0;
}

.prc-rates {
  width: 100%;
}

.prc-rates_header {
  border-bottom: 1px solid var(--role-line-strong);
  grid-template-rows: auto;
  grid-template-columns: 360px 300px 1fr;
  padding-bottom: var(--spacing-14);
  display: grid;
}

.prc-rates_th {
  font-family: var(--font-label);
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  text-transform: uppercase;
}

.prc-rates_row {
  border-bottom: 1px solid var(--role-line);
  grid-template-rows: auto;
  grid-template-columns: 360px 300px 1fr;
  align-items: center;
  padding-top: var(--spacing-20);
  padding-bottom: var(--spacing-20);
  display: grid;
}

.prc-rates_name {
  color: var(--role-ink);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  font-weight: var(--fonts-weights--medium);
}

.prc-rates_rate {
  color: var(--role-ink);
  font-size: var(--font-size--lead);
  line-height: var(--line-height--ratio-1-3);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--tight-1-5);
}

.prc-rates_example {
  font-family: var(--font-label);
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
}

.prc-compare {
  padding-top: calc(var(--spacing-112) * var(--section-spacing));
  padding-bottom: calc(var(--spacing-112) * var(--section-spacing));
  position: relative;
}

.prc-table_scroll, .prc-table {
  width: 100%;
}

.prc-table_header {
  border-bottom: 1px solid var(--role-line-strong);
  grid-template-rows: auto;
  grid-template-columns: 360px 1fr 1fr 1fr;
  padding-bottom: var(--spacing-14);
  display: grid;
}

.prc-table_corner {
  min-height: 1px;
}

.prc-table_th {
  font-family: var(--font-label);
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  text-transform: uppercase;
  padding-right: var(--spacing-16);
}

.prc-table_th-accent {
  font-family: var(--font-label);
  color: var(--role-accent);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  font-weight: var(--fonts-weights--medium);
  text-transform: uppercase;
  padding-right: var(--spacing-16);
}

.prc-table_group {
  border-bottom: 1px solid var(--role-line-strong);
  padding-top: var(--spacing-32);
  padding-bottom: var(--spacing-12);
}

.prc-table_group-title {
  color: var(--role-ink);
  font-size: var(--font-size--fixed-18);
  line-height: var(--line-height--ratio-1-3);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--tight-1-5);
  margin-top: 0;
  margin-bottom: 0;
}

.prc-table_row {
  border-bottom: 1px solid var(--role-line);
  grid-template-rows: auto;
  grid-template-columns: 360px 1fr 1fr 1fr;
  align-items: center;
  padding-top: var(--spacing-16);
  padding-bottom: var(--spacing-16);
  display: grid;
}

.prc-table_feature {
  color: var(--role-ink);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
}

.prc-table_cell {
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  padding-right: var(--spacing-16);
}

.prc-table_check {
  color: var(--role-accent);
  font-weight: var(--fonts-weights--medium);
}

.prc-table_none {
  color: var(--role-ink-soft);
}

.prc-startup {
  padding-top: calc(var(--spacing-120) * var(--section-spacing));
  padding-bottom: calc(var(--spacing-120) * var(--section-spacing));
  position: relative;
  overflow: hidden;
}

.prc-startup_media {
  z-index: 0;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.prc-startup_img {
  object-fit: cover;
  border-radius: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.prc-startup_wrap {
  z-index: 1;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.prc-startup_card {
  border-radius: var(--radius--default);
  background-color: var(--role-page);
  align-items: center;
  column-gap: var(--spacing-56);
  padding: var(--spacing-48);
  display: flex;
}

.prc-startup_copy {
  flex-direction: column;
  flex: auto;
  align-items: flex-start;
  row-gap: var(--spacing-16);
  min-width: 0;
  display: flex;
}

.prc-startup_text {
  max-width: 480px;
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-medium);
  line-height: var(--line-height--ratio-1-55);
  margin-top: 0;
  margin-bottom: 0;
}

.prc-startup_side {
  flex-direction: column;
  flex: 0 0 260px;
  align-items: flex-start;
  row-gap: var(--spacing-12);
  display: flex;
}

.prc-startup_stat {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--role-line);
  flex-direction: column;
  row-gap: var(--spacing-2);
  width: 100%;
  padding-bottom: var(--spacing-12);
  display: flex;
}

.prc-startup_value {
  color: var(--role-ink);
  font-size: var(--font-size--feature-title);
  line-height: var(--line-height--ratio-1-2);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--tight-1-5);
}

.prc-startup_label {
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
}

.prc-startup_cta {
  display: flex;
}

.prc-faq {
  padding-top: calc(var(--spacing-112) * var(--section-spacing));
  padding-bottom: calc(var(--spacing-112) * var(--section-spacing));
  position: relative;
}

.prc-faq_cta {
  display: flex;
}

.prc-faq_grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  gap: var(--spacing-24) var(--spacing-48);
  display: grid;
}

.prc-faq_item {
  flex-direction: column;
  row-gap: var(--spacing-10);
  min-width: 0;
  display: flex;
}

.prc-faq_label {
  font-family: var(--font-label);
  color: var(--role-accent);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  font-weight: var(--fonts-weights--medium);
}

.intg-item-dash {
  padding-top: calc(var(--spacing-104) * var(--section-spacing));
  padding-bottom: calc(var(--spacing-104) * var(--section-spacing));
  position: relative;
  overflow: hidden;
}

.intg-item-dash_media {
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.intg-item-dash_img {
  object-fit: cover;
  border-radius: 0;
  width: 100%;
  max-width: none;
  height: 100%;
}

.intg-item-dash_card {
  grid-column-gap: var(--spacing-8);
  grid-row-gap: var(--spacing-8);
  border-radius: var(--radius--default);
  background-color: var(--role-page);
  flex-direction: column;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  padding: var(--spacing-32);
  display: flex;
  position: relative;
}

.intg-item-dash_head {
  grid-column-gap: var(--spacing-16);
  grid-row-gap: var(--spacing-16);
  justify-content: space-between;
  align-items: center;
  padding-bottom: var(--spacing-16);
  display: flex;
}

.intg-item-dash_title {
  color: var(--role-ink);
  font-size: var(--font-size--body-medium);
  line-height: var(--line-height--ratio-1-35);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--tight-1-5);
}

.intg-item-dash_meta {
  grid-column-gap: var(--spacing-4);
  grid-row-gap: var(--spacing-4);
  display: flex;
}

.intg-item-dash_meta-text {
  font-family: var(--font-label);
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  text-transform: uppercase;
  white-space: nowrap;
}

.intg-item-dash_row {
  grid-column-gap: var(--spacing-32);
  grid-row-gap: var(--spacing-32);
  border-top: 1px solid var(--role-line);
  align-items: center;
  padding-top: var(--spacing-18);
  padding-bottom: var(--spacing-18);
  display: flex;
}

.intg-item-dash_name {
  grid-column-gap: var(--spacing-2);
  grid-row-gap: var(--spacing-2);
  flex-direction: column;
  flex: 0 0 280px;
  min-width: 0;
  display: flex;
}

.intg-item-dash_key {
  font-family: var(--font-label);
  color: var(--role-ink);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
}

.intg-item-dash_label {
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
}

.intg-item-dash_spark {
  height: 40px;
  color: var(--role-accent);
  flex: 0 0 360px;
}

.intg-item-dash_value {
  min-width: 0;
  color: var(--role-ink);
  font-size: var(--font-size--card-title);
  line-height: var(--line-height--ratio-1-3);
  font-weight: var(--fonts-weights--medium);
  text-align: right;
  letter-spacing: var(--letter-spacing--tight-1-5);
  white-space: nowrap;
  flex: 1 1 0;
}

.intg-item-details {
  padding-top: calc(var(--spacing-104) * var(--section-spacing));
  padding-bottom: calc(var(--spacing-104) * var(--section-spacing));
}

.intg-item-details_split {
  grid-column-gap: var(--spacing-96);
  grid-row-gap: var(--spacing-96);
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.intg-item-details_article {
  grid-column-gap: var(--spacing-36);
  grid-row-gap: var(--spacing-36);
  flex-direction: column;
  flex: 0 720px;
  min-width: 0;
  display: flex;
}

.intg-item-details_body {
  width: 100%;
}

.intg-item-setup {
  grid-column-gap: var(--spacing-20);
  grid-row-gap: var(--spacing-20);
  flex-direction: column;
  display: flex;
}

.intg-item-setup_title {
  color: var(--role-ink);
  font-size: var(--font-size--fixed-22);
  line-height: var(--line-height--ratio-1-25);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--tight-1-5);
  margin-top: 0;
  margin-bottom: 0;
}

.intg-item-steps {
  flex-direction: column;
  display: flex;
}

.intg-item-step {
  grid-column-gap: var(--spacing-20);
  grid-row-gap: var(--spacing-20);
  border-top: 1px solid var(--role-line);
  align-items: flex-start;
  padding-top: var(--spacing-16);
  padding-bottom: var(--spacing-32);
  display: flex;
}

.intg-item-step_num {
  border-radius: var(--radius--x-small);
  background-color: var(--role-ink);
  font-family: var(--font-label);
  color: var(--role-page);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  font-weight: var(--fonts-weights--medium);
  flex: none;
  padding: var(--spacing-3) var(--spacing-8);
}

.intg-item-step_body {
  grid-column-gap: var(--spacing-4);
  grid-row-gap: var(--spacing-4);
  flex-direction: column;
  flex: 1 1 0;
  min-width: 0;
  display: flex;
}

.intg-item-step_title {
  color: var(--role-ink);
  font-size: var(--font-size--body-medium);
  line-height: var(--line-height--ratio-1-35);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--tight-1-5);
  margin-top: 0;
  margin-bottom: 0;
}

.intg-item-step_text {
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  margin-bottom: 0;
}

.intg-item-facts {
  flex: 0 0 300px;
  position: sticky;
  top: 112px;
}

.intg-item-facts_list {
  flex-direction: column;
  display: flex;
}

.intg-item-fact {
  grid-column-gap: var(--spacing-4);
  grid-row-gap: var(--spacing-4);
  border-top: 1px solid var(--role-line);
  flex-direction: column;
  padding-top: var(--spacing-14);
  padding-bottom: var(--spacing-14);
  display: flex;
}

.intg-item-fact_label {
  font-family: var(--font-label);
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  text-transform: uppercase;
}

.intg-item-fact_value {
  color: var(--role-ink);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  font-weight: var(--fonts-weights--medium);
}

.intg-item-fact_inline {
  flex-wrap: wrap;
  column-gap: var(--spacing-6);
  display: flex;
}

.intg-item-fact_link {
  color: var(--role-ink);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  font-weight: var(--fonts-weights--medium);
  text-decoration: none;
}

.intg-item-fact_link:hover {
  color: var(--role-accent);
}

.intg-item-facts_cta {
  padding-top: var(--spacing-20);
  display: flex;
}

.intg-sdk {
  padding-top: calc(var(--spacing-120) * var(--section-spacing));
  padding-bottom: calc(var(--spacing-120) * var(--section-spacing));
  position: relative;
  overflow: hidden;
}

.intg-sdk_media {
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.intg-sdk_img {
  object-fit: cover;
  border-radius: 0;
  width: 100%;
  height: 100%;
}

.intg-sdk_card {
  border-radius: var(--radius--default);
  background-color: var(--role-page);
  align-items: center;
  gap: var(--spacing-32) var(--spacing-56);
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding: var(--spacing-48);
  display: flex;
  position: relative;
}

.intg-sdk_copy {
  flex-direction: column;
  flex: 1 1 0;
  align-items: flex-start;
  row-gap: var(--spacing-20);
  min-width: 0;
  display: flex;
}

.intg-sdk_eyebrow {
  font-family: var(--font-label);
  color: var(--role-accent);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--wide-4);
  text-transform: uppercase;
}

.intg-sdk_text {
  max-width: 440px;
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-medium);
  line-height: var(--line-height--ratio-1-55);
  margin-top: 0;
  margin-bottom: 0;
}

.intg-sdk_cta {
  display: flex;
}

.intg-code {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--small);
  background-color: var(--role-page);
  flex: 0 0 560px;
  max-width: 100%;
  padding: var(--spacing-24);
  overflow-x: auto;
}

.intg-code_line {
  font-family: var(--font-label);
  color: var(--role-ink);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-75);
  white-space: pre;
}

.intg-code_line-indent {
  font-family: var(--font-label);
  color: var(--role-ink);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-75);
  white-space: pre;
  padding-left: 4ch;
}

.intg-code_gap {
  height: 24px;
}

.intg-code_accent {
  color: var(--role-accent);
}

.intg-code_muted {
  color: var(--role-ink-soft);
}

.intg-item-details_title {
  color: var(--role-ink);
  font-size: var(--font-size--fixed-22);
  line-height: var(--line-height--ratio-1-25);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--tight-1-5);
  margin-top: 0;
  margin-bottom: var(--spacing-20);
}

.intg-item-spec {
  margin-top: var(--spacing-36);
}

.intg-item-spec_table {
  flex-direction: column;
  display: flex;
}

.intg-item-spec_row {
  grid-column-gap: var(--spacing-16);
  grid-row-gap: var(--spacing-16);
  border-bottom: 1px solid var(--role-line);
  align-items: center;
  padding-top: var(--spacing-14);
  padding-bottom: var(--spacing-14);
  display: flex;
}

.intg-item-spec_name {
  min-width: 0;
  font-family: var(--font-label);
  color: var(--role-ink);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  overflow-wrap: anywhere;
  flex: 0 0 230px;
}

.intg-item-spec_type {
  font-family: var(--font-label);
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  flex: 0 0 110px;
}

.intg-item-spec_text {
  min-width: 0;
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  flex: 1 1 0;
}

.intg-item-rich {
  color: var(--role-ink-soft);
  font-size: var(--font-size--fixed-18);
  line-height: var(--line-height--ratio-1-55);
  font-weight: var(--fonts-weights--normal);
}

.intg-item-related {
  border-bottom: 1px solid var(--role-line);
  padding-bottom: calc(var(--spacing-104) * var(--section-spacing));
}

.intg-item-related_head {
  grid-column-gap: var(--spacing-24);
  grid-row-gap: var(--spacing-24);
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: var(--spacing-32);
  display: flex;
}

.intg-item-related_title {
  color: var(--role-ink);
  font-size: var(--font-size--fixed-40);
  line-height: var(--line-height--ratio-1-12);
  font-weight: var(--fonts-weights--normal);
  letter-spacing: var(--letter-spacing--tight-2-5);
  margin-top: 0;
  margin-bottom: 0;
}

.intg-item-related_action {
  flex: none;
  display: flex;
}

.intg-item-related_list-wrap {
  width: 100%;
}

.intg-item-card {
  grid-column-gap: var(--spacing-16);
  grid-row-gap: var(--spacing-16);
  border: 1px solid var(--role-line);
  border-radius: var(--radius--large);
  background-color: var(--role-page);
  height: 100%;
  color: var(--role-ink);
  align-items: flex-start;
  padding: var(--spacing-24);
  text-decoration: none;
  transition: border-color var(--motion-fast);
  display: flex;
}

.intg-item-card:hover {
  border-color: var(--role-line-strong);
}

.intg-item-card_tile {
  flex: none;
  display: flex;
}

.intg-item-card_body {
  grid-column-gap: var(--spacing-4);
  grid-row-gap: var(--spacing-4);
  flex-direction: column;
  flex: 1 1 0;
  min-width: 0;
  display: flex;
}

.intg-item-card_name {
  color: var(--role-ink);
  font-size: var(--font-size--body-medium);
  line-height: var(--line-height--ratio-1-35);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--tight-1-5);
  margin-top: 0;
  margin-bottom: 0;
}

.intg-item-card_cat {
  font-family: var(--font-label);
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  text-transform: uppercase;
}

.intg-item-card_text {
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  margin-bottom: 0;
}

.intg-item-related_list {
  grid-column-gap: var(--spacing-16);
  grid-row-gap: var(--spacing-16);
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}

.intg-item-related_item {
  flex-direction: column;
  display: flex;
}

.docs-hero {
  padding-top: calc(var(--spacing-72) * var(--section-spacing));
  padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  position: relative;
  overflow: hidden;
}

.docs-hero.theme-light {
  position: relative;
}

.docs-hero_bg {
  z-index: 0;
  object-fit: cover;
  border-radius: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

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

.docs-hero_inner {
  grid-row-gap: var(--spacing-20);
  flex-direction: column;
  align-items: flex-start;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.docs-crumb {
  grid-column-gap: var(--spacing-10);
  font-family: var(--font-label);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  text-transform: uppercase;
  align-items: center;
  display: flex;
}

.docs-crumb_link {
  color: var(--role-ink-2);
  text-decoration: none;
  transition: color var(--motion-fast);
}

.docs-crumb_link:hover {
  color: var(--role-ink);
}

.docs-crumb_sep {
  color: var(--role-ink-2);
}

.docs-crumb_current {
  color: var(--role-accent-deep);
  font-weight: var(--fonts-weights--medium);
}

.docs-hero_title {
  color: var(--role-ink);
  font-size: var(--font-size--hero);
  line-height: var(--line-height--ratio-1);
  font-weight: var(--fonts-weights--normal);
  letter-spacing: var(--letter-spacing--tight-3-5);
  margin-top: 0;
  margin-bottom: 0;
}

.docs-hero_lead {
  color: var(--role-ink-2);
  font-size: var(--font-size--lead);
  line-height: var(--line-height--ratio-1-55);
  margin-bottom: 0;
}

.docs-hero_row {
  grid-column-gap: var(--spacing-12);
  grid-row-gap: var(--spacing-12);
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.docs-hero_pills {
  grid-column-gap: var(--spacing-12);
  display: flex;
}

.docs-pill {
  border-radius: var(--radius--large);
  background-color: var(--role-page);
  font-family: var(--font-label);
  color: var(--role-ink);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  font-weight: var(--fonts-weights--medium);
  text-transform: uppercase;
  padding: var(--spacing-4) var(--spacing-9);
}

.sec-hero {
  border-top: 1px solid var(--role-line);
  padding-top: calc(var(--spacing-88) * var(--section-spacing));
  padding-bottom: calc(var(--spacing-104) * var(--section-spacing));
  position: relative;
}

.sec-container {
  width: 100%;
  max-width: 1152px;
  margin-left: auto;
  margin-right: auto;
}

.sec-hero_layout {
  grid-template-rows: auto;
  grid-template-columns: 1fr 460px;
  align-items: center;
  gap: var(--spacing-48) var(--spacing-64);
  display: grid;
}

.sec-hero_copy {
  flex-direction: column;
  align-items: flex-start;
  row-gap: var(--spacing-24);
  display: flex;
}

.sec-eyebrow {
  font-family: var(--font-label);
  color: var(--role-accent);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  font-weight: var(--fonts-weights--medium);
}

.sec-hero_title {
  max-width: 680px;
  font-size: var(--font-size--fixed-72);
  line-height: var(--line-height--ratio-1);
  letter-spacing: var(--letter-spacing--tight-3-5);
  margin-top: 0;
  margin-bottom: 0;
}

.sec-hero_lead {
  max-width: 520px;
  color: var(--role-ink-soft);
  font-size: var(--font-size--lead);
  line-height: var(--line-height--ratio-1-55);
  margin-top: 0;
  margin-bottom: 0;
}

.sec-badges {
  flex-wrap: wrap;
  gap: var(--spacing-8);
  display: flex;
}

.sec-badge {
  border-radius: var(--radius--large);
  background-color: var(--role-surface-2);
  font-family: var(--font-label);
  color: var(--role-ink);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  font-weight: var(--fonts-weights--medium);
  white-space: nowrap;
  padding: var(--spacing-5) var(--spacing-10);
}

.sec-status {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--default);
  background-color: var(--role-page);
  width: 100%;
  overflow: hidden;
}

.sec-status_head {
  border-bottom: 1px solid var(--role-line);
  justify-content: space-between;
  align-items: center;
  column-gap: var(--spacing-16);
  padding: var(--spacing-20) var(--spacing-24);
  display: flex;
}

.sec-status_brand {
  align-items: center;
  column-gap: var(--spacing-12);
  display: flex;
}

.sec-status_name {
  color: var(--role-ink);
  font-size: var(--font-size--body-medium);
  line-height: var(--line-height--ratio-1-35);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--tight-1-5);
}

.sec-mono {
  font-family: var(--font-label);
  color: var(--role-ink-soft);
  font-size: var(--font-size--mono-small);
  line-height: var(--line-height--ratio-1-4);
  text-align: right;
}

.sec-status_list {
  flex-direction: column;
  padding: var(--spacing-8) var(--spacing-24) var(--spacing-16);
  display: flex;
}

.sec-status_row {
  border-bottom: 1px solid var(--role-line);
  justify-content: space-between;
  align-items: center;
  column-gap: var(--spacing-16);
  padding-top: var(--spacing-14);
  padding-bottom: var(--spacing-14);
  display: flex;
}

.sec-status_label {
  align-items: center;
  column-gap: var(--spacing-10);
  display: flex;
}

.sec-status_dot {
  background-color: var(--role-accent);
  flex: none;
  width: 8px;
  height: 8px;
}

.sec-status_item {
  color: var(--role-ink);
  font-size: var(--font-size--body-compact);
  line-height: var(--line-height--ratio-1-55);
  font-weight: var(--fonts-weights--medium);
  white-space: nowrap;
}

.sec-controls {
  border-top: 1px solid var(--role-line);
  padding-top: calc(var(--spacing-104) * var(--section-spacing));
  padding-bottom: calc(var(--spacing-104) * var(--section-spacing));
  position: relative;
}

.sec-head {
  justify-content: space-between;
  align-items: flex-end;
  gap: var(--spacing-16) var(--spacing-48);
  margin-bottom: var(--spacing-56);
  display: flex;
}

.sec-head_title {
  max-width: 560px;
  margin-top: 0;
  margin-bottom: 0;
}

.sec-head_lead {
  max-width: 400px;
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-medium);
  line-height: var(--line-height--ratio-1-55);
  margin-top: 0;
  margin-bottom: 0;
}

.sec-grid {
  grid-template-rows: auto;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--spacing-16);
  display: grid;
}

.sec-control {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--large);
  background-color: var(--role-surface);
  flex-direction: column;
  align-items: flex-start;
  row-gap: var(--spacing-14);
  padding: var(--spacing-28);
  display: flex;
}

.sec-control_title {
  color: var(--role-ink);
  font-size: var(--font-size--lead);
  line-height: var(--line-height--ratio-1-3);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--tight-1-5);
  margin-top: 0;
  margin-bottom: 0;
}

.sec-control_text {
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-compact);
  line-height: var(--line-height--ratio-1-55);
  margin-top: 0;
  margin-bottom: 0;
}

.sec-flow {
  padding-top: 0;
  padding-bottom: calc(var(--spacing-104) * var(--section-spacing));
  position: relative;
}

.sec-flow_title {
  font-size: var(--font-size--fixed-22);
  line-height: var(--line-height--ratio-1-25);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--tight-1-5);
  margin-top: 0;
  margin-bottom: var(--spacing-32);
}

.sec-flow_row {
  align-items: center;
  display: flex;
}

.sec-step {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--medium);
  background-color: var(--role-page);
  flex-direction: column;
  flex: 1 1 0;
  row-gap: var(--spacing-6);
  min-width: 0;
  padding: var(--spacing-18);
  display: flex;
}

.sec-step_region {
  border-color: var(--role-accent);
  background-color: var(--role-surface-2);
}

.sec-step_label {
  font-family: var(--font-label);
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  font-weight: var(--fonts-weights--medium);
  white-space: nowrap;
}

.sec-step_label-accent {
  color: var(--role-accent-deep);
}

.sec-step_text {
  color: var(--role-ink);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
}

.sec-arrow {
  font-family: var(--font-label);
  color: var(--role-line-dark);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  flex: none;
  padding-left: var(--spacing-8);
  padding-right: var(--spacing-8);
}

.sec-packet {
  padding-top: calc(var(--spacing-120) * var(--section-spacing));
  padding-bottom: calc(var(--spacing-120) * var(--section-spacing));
  position: relative;
  overflow: hidden;
}

.sec-packet_media {
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.sec-packet_img {
  object-fit: cover;
  border-radius: 0;
  width: 100%;
  max-width: none;
  height: 100%;
}

.sec-packet_inner {
  z-index: 1;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.sec-packet_card {
  border-radius: var(--radius--default);
  background-color: var(--role-page);
  grid-template-rows: auto;
  grid-template-columns: 1fr 420px;
  align-items: start;
  gap: var(--spacing-40) var(--spacing-56);
  padding: var(--spacing-48);
  display: grid;
}

.sec-packet_copy {
  flex-direction: column;
  align-items: flex-start;
  row-gap: var(--spacing-16);
  display: flex;
}

.sec-packet_title {
  max-width: 480px;
  margin-top: 0;
  margin-bottom: 0;
}

.sec-packet_text {
  max-width: 440px;
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-medium);
  line-height: var(--line-height--ratio-1-55);
  margin-top: 0;
  margin-bottom: 0;
}

.sec-packet_form {
  flex-direction: column;
  align-items: flex-start;
  row-gap: var(--spacing-16);
  display: flex;
}

.sec-field {
  flex-direction: column;
  row-gap: var(--spacing-6);
  width: 100%;
  display: flex;
}

.sec-packet_submit {
  margin-top: 0;
}

.pcl-hero {
  border-top: 1px solid var(--role-line);
  padding-top: calc(var(--spacing-88) * var(--section-spacing));
  padding-bottom: calc(var(--spacing-104) * var(--section-spacing));
}

.pcl-hero_head {
  justify-content: space-between;
  align-items: flex-end;
  gap: var(--spacing-32) var(--spacing-48);
  max-width: 1152px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: var(--spacing-56);
  display: flex;
}

.pcl-hero_intro {
  flex-direction: column;
  align-items: flex-start;
  row-gap: var(--spacing-24);
  max-width: 760px;
  display: flex;
}

.pcl-eyebrow {
  color: var(--role-accent);
}

.pcl-hero_title {
  font-size: var(--font-size--fixed-72);
  line-height: var(--line-height--ratio-1);
  letter-spacing: var(--letter-spacing--tight-3-5);
  margin-top: 0;
  margin-bottom: 0;
}

.pcl-hero_side {
  flex-direction: column;
  flex: none;
  row-gap: var(--spacing-16);
  width: 380px;
  display: flex;
}

.pcl-hero_lead {
  color: var(--role-ink-soft);
  margin-top: 0;
  margin-bottom: 0;
}

.pcl-hero_form {
  width: 100%;
}

.pcl-hero_feeds {
  font-family: var(--font-label);
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  letter-spacing: var(--letter-spacing--wide-2);
  text-transform: uppercase;
}

.pcl-latest {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--default);
  background-color: var(--role-page);
  max-width: 1200px;
  color: var(--role-ink);
  align-items: center;
  gap: var(--spacing-32) var(--spacing-48);
  margin-left: auto;
  margin-right: auto;
  padding: var(--spacing-48);
  display: flex;
}

.pcl-latest_main {
  flex: 1 1 0;
  min-width: 0;
}

.pcl-run {
  border: 1px solid var(--role-line-strong);
  border-radius: var(--radius--small);
  background-color: var(--role-surface-2);
  width: 440px;
  font-family: var(--font-label);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-35);
  flex-direction: column;
  flex: none;
  row-gap: var(--spacing-10);
  padding: var(--spacing-18) var(--spacing-20) var(--spacing-20);
  display: flex;
  box-shadow: var(--shadow-11);
}

.pcl-run_head {
  color: var(--role-ink);
  font-weight: var(--fonts-weights--medium);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.pcl-run_cmd {
  white-space: nowrap;
}

.pcl-run_status {
  align-items: center;
  column-gap: var(--spacing-6);
  display: flex;
}

.pcl-run_dot {
  border-radius: var(--radius--button);
  background-color: var(--role-accent);
  width: 6px;
  height: 6px;
}

.pcl-run_status-text {
  color: var(--role-accent);
  font-size: var(--font-size--fixed-11);
}

.pcl-run_step {
  justify-content: space-between;
  align-items: center;
  column-gap: var(--spacing-16);
  display: flex;
}

.pcl-run_name {
  color: var(--role-ink-2);
  align-items: center;
  column-gap: var(--spacing-10);
  display: flex;
}

.pcl-run_square {
  border-radius: var(--radius--hairline);
  background-color: var(--role-ink);
  width: 7px;
  height: 7px;
}

.pcl-run_square-accent {
  border-radius: var(--radius--hairline);
  background-color: var(--role-accent);
  width: 7px;
  height: 7px;
}

.pcl-run_label {
  white-space: nowrap;
}

.pcl-run_time {
  color: var(--role-ink-soft);
  font-size: var(--font-size--fixed-11);
  white-space: nowrap;
}

.pcl-run_time-accent {
  color: var(--role-accent);
  font-size: var(--font-size--fixed-11);
  white-space: nowrap;
}

.pcl-run_foot {
  border-top: 1px solid var(--role-line-strong);
  color: var(--role-ink-soft);
  font-size: var(--font-size--fixed-11);
  padding-top: var(--spacing-10);
}

.docs-main {
  padding-top: calc(var(--spacing-56) * var(--section-spacing));
  padding-bottom: calc(var(--spacing-104) * var(--section-spacing));
}

.docs-shell {
  grid-column-gap: var(--spacing-56);
  align-items: flex-start;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.docs-side {
  grid-row-gap: var(--spacing-24);
  flex-direction: column;
  flex: none;
  width: 240px;
  display: flex;
  position: sticky;
  top: 112px;
}

.docs-side_group {
  grid-row-gap: var(--spacing-2);
  flex-direction: column;
  display: flex;
}

.docs-side_label {
  font-family: var(--font-label);
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  text-transform: uppercase;
  margin-bottom: var(--spacing-6);
}

.docs-side_link {
  border-radius: var(--radius--control);
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  white-space: nowrap;
  padding: var(--spacing-7) var(--spacing-10);
  text-decoration: none;
  transition: background-color var(--motion-0-15s), color var(--motion-0-15s);
  display: flex;
}

.docs-side_link:hover {
  background-color: var(--role-surface);
  color: var(--role-ink);
}

.docs-side_current {
  grid-column-gap: var(--spacing-8);
  border-radius: var(--radius--control);
  background-color: var(--role-surface-2);
  color: var(--role-ink);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  font-weight: var(--fonts-weights--medium);
  white-space: nowrap;
  align-items: center;
  padding: var(--spacing-7) var(--spacing-10);
  text-decoration: none;
  display: flex;
}

.docs-side_dot {
  background-color: var(--role-accent);
  flex: none;
  width: 6px;
  height: 6px;
}

.docs-article {
  grid-row-gap: var(--spacing-24);
  flex-direction: column;
  flex: 1 1 0;
  align-items: flex-start;
  min-width: 0;
  display: flex;
}

.docs-step_head {
  grid-column-gap: var(--spacing-12);
  border-top: 1px solid var(--role-line);
  align-items: center;
  width: 100%;
  padding-top: var(--spacing-24);
  display: flex;
}

.docs-step_num {
  border-radius: var(--radius--x-small);
  background-color: var(--role-ink);
  font-family: var(--font-label);
  color: var(--role-page);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  font-weight: var(--fonts-weights--medium);
  padding: var(--spacing-3) var(--spacing-8);
}

.docs-step_title {
  color: var(--role-ink);
  font-size: var(--font-size--h4);
  line-height: var(--line-height--ratio-1-25);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--tight-1-5);
  margin-top: 0;
  margin-bottom: 0;
}

.docs-step_text {
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-medium);
  line-height: var(--line-height--ratio-1-55);
  margin-bottom: 0;
}

.docs-key {
  grid-column-gap: var(--spacing-10);
  border: 1px solid var(--role-line);
  border-radius: var(--radius--field);
  background-color: var(--role-surface);
  max-width: 100%;
  font-family: var(--font-label);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  align-items: center;
  padding: var(--spacing-10) var(--spacing-14);
  display: flex;
  overflow: hidden;
}

.docs-key_name {
  color: var(--role-ink-soft);
}

.docs-key_value {
  color: var(--role-ink);
  white-space: nowrap;
}

.docs-code {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--medium);
  background-color: var(--role-page);
  width: 100%;
  overflow: hidden;
}

.docs-code-tabs {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--medium);
  background-color: var(--role-page);
  width: 100%;
  position: relative;
  overflow: hidden;
}

.docs-code_bar {
  border-bottom: 1px solid var(--role-line);
  font-family: var(--font-label);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  justify-content: space-between;
  align-items: center;
  padding: var(--spacing-12) var(--spacing-18);
  display: flex;
}

.docs-code_lang {
  color: var(--role-ink);
}

.docs-code_file {
  color: var(--role-ink-soft);
}

.docs-code_body {
  flex-direction: column;
  padding: var(--spacing-18) var(--spacing-20);
  display: flex;
  overflow-x: auto;
}

.docs-code_line {
  font-family: var(--font-label);
  color: var(--role-ink);
  font-size: var(--font-size--fixed-13);
  line-height: var(--line-height--ratio-1-75);
  white-space: pre;
}

.docs-code_comment {
  font-family: var(--font-label);
  color: var(--role-ink-soft);
  font-size: var(--font-size--fixed-13);
  line-height: var(--line-height--ratio-1-75);
  white-space: pre;
}

.docs-note {
  grid-column-gap: var(--spacing-12);
  border-left: 3px solid var(--role-accent);
  border-radius: var(--radius--field);
  background-color: var(--role-surface);
  align-items: flex-start;
  width: 100%;
  padding: var(--spacing-16) var(--spacing-20);
  display: flex;
}

.docs-note_label {
  font-family: var(--font-label);
  color: var(--role-accent);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  font-weight: var(--fonts-weights--medium);
  text-transform: uppercase;
  padding-top: var(--spacing-2);
}

.docs-note_text {
  color: var(--role-ink);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  flex: 1 1 0;
  margin-bottom: 0;
}

.docs-run {
  grid-row-gap: var(--spacing-10);
  border: 1px solid var(--role-line-strong);
  border-radius: var(--radius--small);
  background-color: var(--role-surface-2);
  width: 100%;
  font-family: var(--font-label);
  flex-direction: column;
  padding: var(--spacing-18) var(--spacing-20) var(--spacing-20);
  display: flex;
}

.docs-run_head {
  grid-column-gap: var(--spacing-12);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.docs-run_cmd {
  color: var(--role-ink);
  font-size: var(--font-size--body-tiny);
  font-weight: var(--fonts-weights--medium);
}

.docs-run_live {
  grid-column-gap: var(--spacing-6);
  color: var(--role-accent);
  font-size: var(--font-size--fixed-11);
  align-items: center;
  display: flex;
}

.docs-run_dot {
  background-color: var(--role-accent);
  border-radius: 50%; /* lx-fixed: circle */
  width: 6px;
  height: 6px;
}

.docs-run_row {
  grid-column-gap: var(--spacing-12);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.docs-run_name {
  grid-column-gap: var(--spacing-10);
  color: var(--role-ink-2);
  font-size: var(--font-size--body-tiny);
  align-items: center;
  display: flex;
}

.docs-run_sq {
  border-radius: var(--radius--hairline);
  background-color: var(--role-ink);
  flex: none;
  width: 7px;
  height: 7px;
}

.docs-run_sq-accent {
  border-radius: var(--radius--hairline);
  background-color: var(--role-accent);
  flex: none;
  width: 7px;
  height: 7px;
}

.docs-run_time {
  color: var(--role-ink-soft);
  font-size: var(--font-size--fixed-11);
  white-space: nowrap;
}

.docs-run_time-accent {
  color: var(--role-accent);
  font-size: var(--font-size--fixed-11);
  white-space: nowrap;
}

.docs-run_foot {
  border-top: 1px solid var(--role-line-strong);
  color: var(--role-ink-soft);
  font-size: var(--font-size--fixed-11);
  padding-top: var(--spacing-10);
}

.docs-pager {
  grid-column-gap: var(--spacing-16);
  width: 100%;
  padding-top: var(--spacing-32);
  display: flex;
}

.docs-pager_card {
  grid-row-gap: var(--spacing-4);
  border: 1px solid var(--role-line);
  border-radius: var(--radius--medium);
  flex-direction: column;
  flex: 1 1 0;
  align-items: flex-start;
  padding: var(--spacing-18) var(--spacing-20);
  text-decoration: none;
  transition: border-color var(--motion-0-15s);
  display: flex;
}

.docs-pager_card:hover {
  border-color: var(--role-line-dark);
}

.docs-pager_card-next {
  grid-row-gap: var(--spacing-4);
  border: 1px solid var(--role-line);
  border-radius: var(--radius--medium);
  text-align: right;
  flex-direction: column;
  flex: 1 1 0;
  align-items: flex-end;
  padding: var(--spacing-18) var(--spacing-20);
  text-decoration: none;
  transition: border-color var(--motion-0-15s);
  display: flex;
}

.docs-pager_card-next:hover {
  border-color: var(--role-line-dark);
}

.docs-pager_label {
  font-family: var(--font-label);
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  text-transform: uppercase;
}

.docs-pager_title {
  color: var(--role-ink);
  font-size: var(--font-size--body-medium);
  line-height: var(--line-height--ratio-1-35);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--tight-1-5);
}

.docs-rail {
  grid-row-gap: var(--spacing-10);
  flex-direction: column;
  flex: none;
  align-items: flex-start;
  width: 200px;
  display: flex;
  position: sticky;
  top: 112px;
}

.docs-rail_label {
  font-family: var(--font-label);
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  text-transform: uppercase;
}

.docs-rail_link {
  border-left: 2px solid var(--role-line);
  width: 100%;
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  padding-top: var(--spacing-2);
  padding-bottom: var(--spacing-2);
  padding-left: var(--spacing-10);
  text-decoration: none;
  transition: color var(--motion-0-15s);
  display: block;
}

.docs-rail_link:hover {
  color: var(--role-ink);
}

.docs-rail_link.w--current {
  border-left-color: var(--role-accent);
  color: var(--role-ink);
}

.pcl-latest_content {
  flex-direction: column;
  align-items: flex-start;
  row-gap: var(--spacing-20);
  display: flex;
}

.pcl-latest_top {
  align-items: center;
  column-gap: var(--spacing-16);
  display: flex;
}

.pcl-latest_version {
  color: var(--role-ink);
  font-size: var(--font-size--fixed-80);
  line-height: var(--line-height--ratio-1);
  letter-spacing: var(--letter-spacing--tight-3);
}

.pcl-latest_pill {
  border-radius: var(--radius--large);
  background-color: var(--role-accent);
  font-family: var(--font-label);
  color: var(--role-page);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  font-weight: var(--fonts-weights--medium);
  text-transform: uppercase;
  padding: var(--spacing-4) var(--spacing-9);
}

.pcl-latest_meta {
  font-family: var(--font-label);
  color: var(--role-accent);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  letter-spacing: var(--letter-spacing--wide-2);
  text-transform: uppercase;
  flex-wrap: wrap;
  column-gap: var(--spacing-8);
  display: flex;
}

.pcl-latest_date {
  white-space: nowrap;
}

.pcl-latest_sep {
  opacity: .7;
}

.pcl-latest_type, .pcl-latest_product {
  white-space: nowrap;
}

.pcl-latest_title {
  color: var(--role-ink);
  margin-top: 0;
  margin-bottom: 0;
}

.pcl-latest_text {
  max-width: 520px;
  color: var(--role-ink-soft);
  margin-top: 0;
  margin-bottom: 0;
}

.pcl-latest_cta {
  padding-top: var(--spacing-4);
  display: flex;
}

.docs-tabs {
  position: static;
}

.docs-tabs_menu {
  grid-column-gap: var(--spacing-14);
  border-bottom: 1px solid var(--role-line);
  padding: var(--spacing-12) var(--spacing-120) var(--spacing-12) var(--spacing-18);
  display: flex;
}

.docs-tabs_link {
  font-family: var(--font-label);
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  background-color: transparent;
  padding: 0;
  transition: color var(--motion-0-15s);
}

.docs-tabs_link:hover {
  color: var(--role-ink);
}

.docs-tabs_link:focus-visible, .docs-tabs_link[data-wf-focus-visible] {
  outline-color: var(--role-accent);
  outline-offset: 2px;
  outline-width: 2px;
  outline-style: solid;
}

.docs-tabs_link.w--current {
  color: var(--role-ink);
  background-color: transparent;
}

.docs-tabs_content {
  display: block;
  position: static;
}

.docs-tabs_pane {
  position: static;
}

.docs-code_file-abs {
  font-family: var(--font-label);
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  position: absolute;
  top: 12px;
  right: 18px;
}

.docs-code_gap {
  flex: none;
  height: 22px;
}

.docs-code_indent {
  font-family: var(--font-label);
  color: var(--role-ink);
  font-size: var(--font-size--fixed-13);
  line-height: var(--line-height--ratio-1-75);
  white-space: pre;
  padding-left: 4ch;
}

.docs-code_str {
  color: var(--role-accent);
}

.sec-faq {
  padding-top: calc(var(--spacing-104) * var(--section-spacing));
  padding-bottom: calc(var(--spacing-104) * var(--section-spacing));
  position: relative;
}

.sec-faq_layout {
  align-items: flex-start;
  gap: var(--spacing-32) var(--spacing-80);
  display: flex;
}

.sec-faq_aside {
  flex-direction: column;
  flex: 0 0 340px;
  align-items: flex-start;
  row-gap: var(--spacing-20);
  display: flex;
}

.sec-faq_title {
  margin-top: 0;
  margin-bottom: 0;
}

.sec-faq_text {
  max-width: 300px;
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  margin-top: 0;
  margin-bottom: 0;
}

.sec-faq_list {
  flex-direction: column;
  flex: 1 1 0;
  min-width: 0;
  display: flex;
}

.docs-code_indent-2 {
  font-family: var(--font-label);
  color: var(--role-ink);
  font-size: var(--font-size--fixed-13);
  line-height: var(--line-height--ratio-1-75);
  white-space: pre;
  padding-left: 2ch;
}

.pcl-form-block {
  width: 100%;
  margin-bottom: 0;
}

.pcl-form {
  align-items: center;
  gap: var(--spacing-8);
  display: flex;
}

.pcl-input {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--button);
  background-color: var(--role-surface);
  min-width: 0;
  height: 46px;
  color: var(--role-ink);
  font-size: var(--font-size--input);
  line-height: var(--line-height--ratio-1-55);
  flex: 1;
  margin-bottom: 0;
  padding: var(--spacing-11) var(--spacing-16);
}

.pcl-input::placeholder {
  color: var(--role-ink-soft);
}

.pcl-releases {
  padding-top: calc(var(--spacing-104) * var(--section-spacing));
  padding-bottom: calc(var(--spacing-104) * var(--section-spacing));
}

.pcl-releases_inner {
  flex-direction: column;
  row-gap: var(--spacing-40);
  max-width: 1152px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.pcl-releases_head {
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-20) var(--spacing-24);
  display: flex;
}

.pcl-releases_title {
  margin-top: 0;
  margin-bottom: 0;
}

.pcl-timeline {
  flex-direction: column;
  display: flex;
}

.pcl-releases_more {
  padding-top: var(--spacing-8);
  padding-left: var(--spacing-256);
  display: flex;
}

.pcl-entry {
  align-items: stretch;
  display: flex;
}

.pcl-entry_meta {
  flex-direction: column;
  flex: none;
  row-gap: var(--spacing-4);
  width: 200px;
  display: flex;
}

.pcl-entry_date {
  color: var(--role-ink);
  font-size: var(--font-size--body-medium);
  line-height: var(--line-height--ratio-1-35);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--tight-1-5);
}

.pcl-entry_version {
  font-family: var(--font-label);
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
}

.pcl-entry_rail {
  flex-direction: column;
  flex: none;
  align-items: center;
  width: 56px;
  padding-top: var(--spacing-6);
  display: flex;
}

.pcl-entry_marker {
  border-radius: var(--radius--xx-small);
  background-color: var(--role-ink);
  flex: none;
  width: 10px;
  height: 10px;
}

.pcl-entry_line {
  background-color: var(--role-line);
  flex: auto;
  width: 1px;
  margin-top: var(--spacing-6);
}

.pcl-entry_body {
  flex-direction: column;
  flex: 1 1 0;
  align-items: flex-start;
  min-width: 0;
  padding-bottom: var(--spacing-64);
  display: flex;
}

.pcl-entry_tags {
  font-family: var(--font-label);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  text-transform: uppercase;
  align-items: center;
  column-gap: var(--spacing-8);
  display: flex;
}

.pcl-entry_type {
  border-radius: var(--radius--large);
  background-color: var(--role-surface-2);
  color: var(--role-accent-deep);
  font-weight: var(--fonts-weights--medium);
  padding: var(--spacing-4) var(--spacing-9);
}

.pcl-entry_product {
  color: var(--role-ink-soft);
  letter-spacing: var(--letter-spacing--wide-2);
}

.pcl-entry_link {
  color: var(--role-ink);
  margin-top: var(--spacing-14);
  text-decoration: none;
}

.pcl-entry_link:hover {
  color: var(--role-accent);
}

.pcl-entry_title {
  color: inherit;
  font-size: var(--font-size--fixed-22);
  line-height: var(--line-height--ratio-1-25);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--tight-1-5);
  margin-top: 0;
  margin-bottom: 0;
}

.pcl-entry_summary {
  max-width: 680px;
  color: var(--role-ink-soft);
  margin-top: var(--spacing-14);
  margin-bottom: 0;
}

.pcl-entry_snippet {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--compact);
  background-color: var(--role-surface);
  width: 100%;
  max-width: 560px;
  font-family: var(--font-label);
  color: var(--role-ink);
  font-size: var(--font-size--fixed-13);
  line-height: var(--line-height--ratio-1-7);
  white-space: pre-wrap;
  margin-top: var(--spacing-14);
  padding: var(--spacing-16) var(--spacing-20);
}

.pcl-entry_pills {
  flex-wrap: wrap;
  column-gap: var(--spacing-8);
  display: flex;
}

.pcl-entry_pill {
  border-radius: var(--radius--large);
  background-color: var(--role-surface-2);
  font-family: var(--font-label);
  color: var(--role-ink);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  font-weight: var(--fonts-weights--medium);
  margin-top: var(--spacing-14);
  padding: var(--spacing-4) var(--spacing-9);
}

.pcl-entry_image {
  border-radius: var(--radius--small);
  object-fit: cover;
  width: 100%;
  max-width: 680px;
  height: 300px;
  margin-top: var(--spacing-14);
}

.pcl-log {
  padding-top: calc(var(--spacing-120) * var(--section-spacing));
  padding-bottom: calc(var(--spacing-120) * var(--section-spacing));
  display: block;
  position: relative;
  overflow: hidden;
}

.pcl-log_bg {
  object-fit: cover;
  border-radius: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.pcl-log_card {
  border-radius: var(--radius--default);
  background-color: var(--role-page);
  flex-direction: column;
  align-items: flex-start;
  row-gap: var(--spacing-20);
  width: 100%;
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
  padding: var(--spacing-48);
  display: flex;
  position: relative;
}

.pcl-log_title {
  max-width: 600px;
  margin-top: 0;
  margin-bottom: 0;
}

.pcl-log_form {
  width: 100%;
  max-width: 520px;
}

.rel-hero {
  border-top: 1px solid var(--role-line);
  padding-top: calc(var(--spacing-72) * var(--section-spacing));
  padding-bottom: calc(var(--spacing-96) * var(--section-spacing));
}

.rel-hero_grid {
  justify-content: space-between;
  align-items: flex-end;
  gap: var(--spacing-40) var(--spacing-64);
  max-width: 1152px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.rel-hero_main {
  flex-direction: column;
  flex: 1 1 0;
  align-items: flex-start;
  row-gap: var(--spacing-20);
  min-width: 0;
  max-width: 760px;
  display: flex;
}

.rel-crumb {
  font-family: var(--font-label);
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  letter-spacing: var(--letter-spacing--wide-2);
  text-transform: uppercase;
  align-items: center;
  column-gap: var(--spacing-8);
  display: flex;
}

.rel-crumb_link {
  color: var(--role-ink-soft);
  text-decoration: none;
}

.rel-crumb_link:hover {
  color: var(--role-accent);
}

.rel-crumb_sep {
  color: var(--role-line-dark);
}

.rel-crumb_current {
  color: var(--role-ink);
}

.rel-hero_top {
  flex-wrap: wrap;
  align-items: center;
  gap: var(--spacing-8) var(--spacing-12);
  padding-top: var(--spacing-12);
  display: flex;
}

.rel-hero_version {
  color: var(--role-ink);
  font-size: var(--font-size--fixed-80);
  line-height: var(--line-height--ratio-1);
  letter-spacing: var(--letter-spacing--tight-3);
  margin-right: var(--spacing-4);
}

.rel-hero_type {
  border-radius: var(--radius--large);
  background-color: var(--role-accent);
  font-family: var(--font-label);
  color: var(--role-page);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  font-weight: var(--fonts-weights--medium);
  text-transform: uppercase;
  padding: var(--spacing-4) var(--spacing-9);
}

.rel-hero_product {
  font-family: var(--font-label);
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  letter-spacing: var(--letter-spacing--wide-2);
  text-transform: uppercase;
}

.rel-hero_title {
  font-size: var(--font-size--fixed-72);
  line-height: var(--line-height--ratio-1);
  letter-spacing: var(--letter-spacing--tight-3-5);
  margin-top: 0;
  margin-bottom: 0;
}

.rel-hero_lead {
  max-width: 640px;
  color: var(--role-ink-soft);
  margin-top: 0;
  margin-bottom: 0;
}

.rel-hero_buttons {
  padding-top: var(--spacing-8);
}

.rel-card {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--large);
  background-color: var(--role-page);
  width: 400px;
  font-family: var(--font-label);
  color: var(--role-ink);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  flex-direction: column;
  flex: none;
  padding: var(--spacing-20);
  display: flex;
  box-shadow: var(--shadow-12);
}

.rel-card_head {
  border-bottom: 1px solid var(--role-line-strong);
  letter-spacing: var(--letter-spacing--wide-4);
  text-transform: uppercase;
  justify-content: space-between;
  align-items: center;
  padding-bottom: var(--spacing-12);
  display: flex;
}

.rel-card_label {
  color: var(--role-ink-soft);
}

.rel-card_status {
  align-items: center;
  column-gap: var(--spacing-6);
  display: flex;
}

.rel-card_dot {
  border-radius: var(--radius--button);
  background-color: var(--role-accent);
  width: 6px;
  height: 6px;
}

.rel-card_status-text {
  color: var(--role-accent);
  text-transform: none;
}

.rel-card_row {
  border-bottom: 1px solid var(--role-line);
  justify-content: space-between;
  align-items: center;
  column-gap: var(--spacing-16);
  padding-top: var(--spacing-12);
  padding-bottom: var(--spacing-12);
  display: flex;
}

.rel-card_key {
  color: var(--role-ink-soft);
}

.rel-card_value {
  color: var(--role-ink-2);
  text-align: right;
}

.rel-card_foot {
  color: var(--role-accent);
  padding-top: var(--spacing-14);
}

.rel-details {
  border-top: 1px solid var(--role-line);
  padding-top: calc(var(--spacing-96) * var(--section-spacing));
  padding-bottom: calc(var(--spacing-104) * var(--section-spacing));
}

.rel-details_grid {
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--spacing-48) var(--spacing-64);
  max-width: 1152px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.rel-article {
  flex-direction: column;
  flex: 1 1 0;
  row-gap: var(--spacing-56);
  min-width: 0;
  max-width: 720px;
  display: flex;
}

.rel-block {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.rel-block_title {
  color: var(--role-ink);
  font-size: var(--font-size--fixed-22);
  line-height: var(--line-height--ratio-1-25);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--tight-1-5);
  margin-top: 0;
  margin-bottom: var(--spacing-20);
}

.rel-changes {
  border-top: 1px solid var(--role-line);
  flex-direction: column;
  width: 100%;
  display: flex;
}

.rel-change {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--role-line);
  gap: var(--spacing-6) var(--spacing-24);
  padding-top: var(--spacing-20);
  padding-bottom: var(--spacing-20);
  display: flex;
}

.rel-change_label {
  width: 160px;
  font-family: var(--font-label);
  color: var(--role-accent);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  letter-spacing: var(--letter-spacing--wide-4);
  text-transform: uppercase;
  flex: none;
  padding-top: var(--spacing-4);
}

.rel-change_text {
  min-width: 0;
  color: var(--role-ink-2);
  font-size: var(--font-size--lead);
  line-height: var(--line-height--ratio-1-55);
  flex: 1 1 0;
  margin-top: 0;
  margin-bottom: 0;
}

.rel-snippet {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--compact);
  background-color: var(--role-surface);
  width: 100%;
  font-family: var(--font-label);
  color: var(--role-ink);
  font-size: var(--font-size--fixed-13);
  line-height: var(--line-height--ratio-1-7);
  white-space: pre-wrap;
  margin-top: var(--spacing-24);
  padding: var(--spacing-16) var(--spacing-20);
}

.rel-pills {
  flex-wrap: wrap;
  column-gap: var(--spacing-8);
  display: flex;
}

.rel-pill {
  border-radius: var(--radius--large);
  background-color: var(--role-surface-2);
  font-family: var(--font-label);
  color: var(--role-ink);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  font-weight: var(--fonts-weights--medium);
  margin-top: var(--spacing-20);
  padding: var(--spacing-4) var(--spacing-9);
}

.rel-image {
  border-radius: var(--radius--small);
  object-fit: cover;
  width: 100%;
  height: 380px;
  margin-top: var(--spacing-24);
}

.rel-aside {
  flex: none;
  width: 340px;
  position: sticky;
  top: 120px;
}

.rel-help {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--large);
  background-color: var(--role-surface);
  flex-direction: column;
  align-items: flex-start;
  row-gap: var(--spacing-12);
  padding: var(--spacing-28);
  display: flex;
}

.rel-help_eyebrow {
  font-family: var(--font-label);
  color: var(--role-accent);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  letter-spacing: var(--letter-spacing--wide-4);
  text-transform: uppercase;
}

.rel-help_title {
  color: var(--role-ink);
  font-size: var(--font-size--fixed-20);
  line-height: var(--line-height--ratio-1-3);
  font-weight: var(--fonts-weights--medium);
  margin-top: 0;
  margin-bottom: 0;
}

.rel-help_text {
  color: var(--role-ink-soft);
  margin-top: 0;
  margin-bottom: 0;
}

.rel-help_buttons {
  padding-top: var(--spacing-8);
}

.rel-more {
  padding-top: 0;
  padding-bottom: calc(var(--spacing-104) * var(--section-spacing));
}

.rel-more_inner {
  flex-direction: column;
  row-gap: var(--spacing-32);
  max-width: 1152px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.rel-more_head {
  justify-content: space-between;
  align-items: flex-end;
  gap: var(--spacing-16) var(--spacing-24);
  display: flex;
}

.rel-more_title {
  margin-top: 0;
  margin-bottom: 0;
}

.rel-more_cta {
  display: flex;
}

.rel-more_list {
  border-top: 1px solid var(--role-line);
  width: 100%;
}

.job-hero {
  border-top: 1px solid var(--role-line);
  padding-top: calc(var(--spacing-72) * var(--section-spacing));
  padding-bottom: calc(var(--spacing-64) * var(--section-spacing));
  position: relative;
}

.job-container {
  width: 100%;
  max-width: 1152px;
  margin-left: auto;
  margin-right: auto;
}

.job-hero_layout {
  grid-column-gap: var(--spacing-32);
  grid-row-gap: var(--spacing-32);
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.job-hero_copy {
  grid-column-gap: var(--spacing-24);
  grid-row-gap: var(--spacing-24);
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.job-crumbs {
  grid-column-gap: var(--spacing-10);
  grid-row-gap: var(--spacing-10);
  font-family: var(--font-label);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  display: flex;
}

.job-crumbs_link {
  color: var(--role-ink-soft);
  text-decoration: none;
}

.job-crumbs_link:hover {
  color: var(--role-ink);
}

.job-crumbs_sep {
  color: var(--role-line-dark);
}

.job-crumbs_current {
  color: var(--role-accent);
  font-weight: var(--fonts-weights--medium);
}

.job-hero_title {
  max-width: 760px;
  color: var(--role-ink);
  font-size: var(--font-size--fixed-72);
  line-height: var(--line-height--ratio-1);
  letter-spacing: var(--letter-spacing--tight-3-5);
  margin-top: 0;
  margin-bottom: 0;
}

.job-pills {
  grid-column-gap: var(--spacing-8);
  grid-row-gap: var(--spacing-8);
  flex-wrap: wrap;
  display: flex;
}

.job-pill {
  border-radius: var(--radius--large);
  background-color: var(--role-surface-2);
  font-family: var(--font-label);
  color: var(--role-ink);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  font-weight: var(--fonts-weights--medium);
  white-space: nowrap;
  padding: var(--spacing-5) var(--spacing-10);
}

.job-hero_actions {
  flex-wrap: nowrap;
  flex: none;
}

.job-band {
  height: 280px;
  position: relative;
  overflow: hidden;
}

.job-band_img {
  object-fit: cover;
  border-radius: 0;
  width: 100%;
  max-width: none;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.car-hero {
  border-top: 1px solid var(--role-line);
  position: relative;
}

.car-container {
  width: 100%;
  max-width: 1152px;
  margin-left: auto;
  margin-right: auto;
}

.car-hero_head {
  grid-column-gap: var(--spacing-48);
  grid-row-gap: var(--spacing-48);
  justify-content: space-between;
  align-items: flex-end;
  padding-top: var(--spacing-96);
  padding-bottom: var(--spacing-64);
  display: flex;
}

.car-hero_intro {
  grid-column-gap: var(--spacing-24);
  grid-row-gap: var(--spacing-24);
  flex-direction: column;
  align-items: flex-start;
  max-width: 760px;
  display: flex;
}

.car-hero_title {
  color: var(--role-ink);
  font-size: var(--font-size--page-title);
  line-height: var(--line-height--ratio-1);
  font-weight: var(--fonts-weights--normal);
  letter-spacing: var(--letter-spacing--tight-2-52-px);
  margin-top: 0;
  margin-bottom: 0;
}

.car-hero_side {
  grid-column-gap: var(--spacing-20);
  grid-row-gap: var(--spacing-20);
  flex-direction: column;
  flex: none;
  align-items: flex-start;
  width: 380px;
  display: flex;
}

.car-hero_lead {
  color: var(--role-ink-soft);
  font-size: var(--font-size--card-title);
  line-height: var(--line-height--ratio-1-55);
  margin-top: 0;
  margin-bottom: 0;
}

.car-band {
  position: relative;
  overflow: hidden;
}

.car-band_bg {
  object-fit: cover;
  border-radius: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.car-band_row {
  grid-column-gap: var(--spacing-16);
  grid-row-gap: var(--spacing-16);
  justify-content: center;
  align-items: center;
  padding-top: var(--spacing-72);
  padding-bottom: var(--spacing-72);
  display: flex;
  position: relative;
}

.car-portrait {
  border-radius: var(--radius--small);
  flex: none;
  width: 170px;
  height: 210px;
  overflow: hidden;
}

.car-portrait-tall {
  border-radius: var(--radius--small);
  flex: none;
  width: 170px;
  height: 240px;
  overflow: hidden;
}

.car-portrait_img {
  border-radius: var(--radius--small);
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.car-quote {
  grid-column-gap: var(--spacing-12);
  grid-row-gap: var(--spacing-12);
  border-radius: var(--radius--small);
  background-color: var(--role-page);
  flex-direction: column;
  flex: none;
  align-items: flex-start;
  width: 260px;
  padding: var(--spacing-24);
  display: flex;
}

.car-quote_text {
  color: var(--role-ink);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  margin-top: 0;
  margin-bottom: 0;
}

.job-body {
  padding-top: calc(var(--spacing-104) * var(--section-spacing));
  padding-bottom: calc(var(--spacing-104) * var(--section-spacing));
  position: relative;
}

.job-body_layout {
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 680px) 340px;
  justify-content: space-between;
  align-items: start;
  gap: var(--spacing-56) var(--spacing-96);
  display: grid;
}

.job-article {
  grid-column-gap: var(--spacing-32);
  grid-row-gap: var(--spacing-32);
  flex-direction: column;
  display: flex;
}

.job-block {
  grid-column-gap: var(--spacing-16);
  grid-row-gap: var(--spacing-16);
  flex-direction: column;
  display: flex;
}

.job-article_title {
  color: var(--role-ink);
  font-size: var(--font-size--fixed-22);
  line-height: var(--line-height--ratio-1-25);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--tight-1-5);
  margin-top: 0;
  margin-bottom: 0;
}

.job-article_lead {
  color: var(--role-ink-soft);
  font-size: var(--font-size--lead);
  line-height: var(--line-height--ratio-1-55);
  margin-top: 0;
  margin-bottom: 0;
}

.job-list {
  grid-column-gap: var(--spacing-8);
  grid-row-gap: var(--spacing-8);
  flex-direction: column;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.job-list_item {
  grid-column-gap: var(--spacing-14);
  grid-row-gap: var(--spacing-14);
  align-items: flex-start;
  padding-top: var(--spacing-4);
  padding-bottom: var(--spacing-4);
  display: flex;
}

.job-list_dot {
  background-color: var(--role-accent);
  flex: none;
  width: 6px;
  height: 6px;
  margin-top: var(--spacing-9);
}

.job-list_text {
  color: var(--role-ink);
  font-size: var(--font-size--body-medium);
  line-height: var(--line-height--ratio-1-55);
}

.job-steps {
  flex-direction: column;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.job-step {
  grid-column-gap: var(--spacing-16);
  grid-row-gap: var(--spacing-16);
  border-top: 1px solid var(--role-line);
  align-items: flex-start;
  padding-top: var(--spacing-14);
  padding-bottom: var(--spacing-14);
  display: flex;
}

.job-step_num {
  border-radius: var(--radius--x-small);
  background-color: var(--role-ink);
  font-family: var(--font-label);
  color: var(--role-page);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  font-weight: var(--fonts-weights--medium);
  flex: none;
  padding: var(--spacing-3) var(--spacing-8);
}

.job-step_body {
  grid-column-gap: var(--spacing-2);
  grid-row-gap: var(--spacing-2);
  flex-direction: column;
  display: flex;
}

.job-step_title {
  color: var(--role-ink);
  font-size: var(--font-size--body-medium);
  line-height: var(--line-height--ratio-1-35);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--tight-1-5);
  margin-top: 0;
  margin-bottom: 0;
}

.job-step_text {
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  margin-top: 0;
  margin-bottom: 0;
}

.job-sidebar {
  grid-column-gap: var(--spacing-16);
  grid-row-gap: var(--spacing-16);
  flex-direction: column;
  display: flex;
  position: sticky;
  top: 112px;
}

.job-apply-card {
  grid-column-gap: var(--spacing-16);
  grid-row-gap: var(--spacing-16);
  border: 1px solid var(--role-line);
  border-radius: var(--radius--large);
  background-color: var(--role-page);
  color: var(--role-ink);
  flex-direction: column;
  align-items: flex-start;
  padding: var(--spacing-28);
  display: flex;
}

.job-apply-card_title {
  color: var(--role-ink);
  font-size: var(--font-size--fixed-18);
  line-height: var(--line-height--ratio-1-3);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--tight-1-5);
}

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

.job-meta_row {
  grid-column-gap: var(--spacing-16);
  grid-row-gap: var(--spacing-16);
  border-top: 1px solid var(--role-line);
  justify-content: space-between;
  align-items: flex-start;
  padding-top: var(--spacing-10);
  padding-bottom: var(--spacing-10);
  display: flex;
}

.job-meta_label {
  font-family: var(--font-label);
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  padding-top: var(--spacing-2);
}

.job-meta_value {
  color: var(--role-ink);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  text-align: right;
}

.job-apply-card_action {
  display: flex;
}

.job-apply-card_note {
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  margin-top: 0;
  margin-bottom: 0;
}

.job-apply-card_link {
  color: var(--role-ink-soft);
  text-decoration: none;
}

.job-apply-card_link:hover {
  color: var(--role-ink);
}

.job-team {
  grid-column-gap: var(--spacing-14);
  grid-row-gap: var(--spacing-14);
  border: 1px solid var(--role-line);
  border-radius: var(--radius--large);
  flex-direction: column;
  padding: var(--spacing-24);
  display: flex;
}

.job-team_label {
  font-family: var(--font-label);
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
}

.job-person {
  grid-column-gap: var(--spacing-12);
  grid-row-gap: var(--spacing-12);
  align-items: center;
  display: flex;
}

.job-person_img {
  object-fit: cover;
  border-radius: var(--radius-22);
  flex: none;
  width: 44px;
  height: 44px;
}

.job-person_info {
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  flex-direction: column;
  display: flex;
}

.job-person_name {
  color: var(--role-ink);
  font-weight: var(--fonts-weights--medium);
}

.job-person_role {
  color: var(--role-ink-soft);
}

.car-values {
  background-color: var(--role-page);
  color: var(--role-ink);
  padding-top: calc(var(--spacing-120) * var(--section-spacing));
  padding-bottom: calc(var(--spacing-120) * var(--section-spacing));
}

.car-values_inner {
  grid-column-gap: var(--spacing-56);
  grid-row-gap: var(--spacing-56);
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 1152px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.car-values_grid {
  grid-column-gap: var(--spacing-16);
  grid-row-gap: var(--spacing-16);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
  display: grid;
}

.car-value {
  grid-column-gap: var(--spacing-14);
  grid-row-gap: var(--spacing-14);
  border: 1px solid var(--role-line);
  border-radius: var(--radius--large);
  background-color: var(--role-surface-2);
  flex-direction: column;
  align-items: flex-start;
  padding: var(--spacing-32);
  display: flex;
}

.car-value_num {
  font-family: var(--font-label);
  color: var(--role-accent);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  font-weight: var(--fonts-weights--medium);
}

.car-value_title {
  color: var(--role-ink);
  font-size: var(--font-size--fixed-22);
  line-height: var(--line-height--ratio-1-25);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--tight-0-33-px);
  margin-top: 0;
  margin-bottom: 0;
}

.car-value_text {
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  margin-top: 0;
  margin-bottom: 0;
}

.job-apply {
  background-color: var(--role-surface);
  padding-top: calc(var(--spacing-104) * var(--section-spacing));
  padding-bottom: calc(var(--spacing-112) * var(--section-spacing));
}

.job-apply_layout {
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 680px);
  align-items: start;
  gap: var(--spacing-40) var(--spacing-96);
  display: grid;
}

.job-apply_copy {
  grid-column-gap: var(--spacing-16);
  grid-row-gap: var(--spacing-16);
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.job-eyebrow {
  font-family: var(--font-label);
  color: var(--role-accent);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  font-weight: var(--fonts-weights--medium);
}

.job-apply_title {
  margin-top: 0;
  margin-bottom: 0;
}

.job-apply_text {
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-medium);
  line-height: var(--line-height--ratio-1-55);
  margin-top: 0;
  margin-bottom: 0;
}

.job-apply_note {
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  margin-top: 0;
  margin-bottom: 0;
}

.job-apply_link {
  color: var(--role-ink);
  transition: color var(--motion-fast);
}

.job-apply_link:hover {
  color: var(--role-accent);
}

.job-apply_card {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--large);
  background-color: var(--role-page);
  padding: var(--spacing-40);
}

.job-apply_form {
  grid-column-gap: var(--spacing-24);
  grid-row-gap: var(--spacing-24);
  flex-direction: column;
  display: flex;
}

.job-apply_grid {
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: var(--spacing-16);
  display: grid;
}

.job-field {
  flex-direction: column;
  row-gap: var(--spacing-6);
  display: flex;
}

.job-field_wide {
  grid-column: span 2 / span 2;
}

.job-apply_bottom {
  grid-column-gap: var(--spacing-16);
  grid-row-gap: var(--spacing-16);
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.job-apply_submit {
  margin-top: 0;
}

.job-apply_privacy {
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  margin-top: 0;
  margin-bottom: 0;
}

.car-roles {
  padding-top: calc(var(--spacing-104) * var(--section-spacing));
  padding-bottom: calc(var(--spacing-104) * var(--section-spacing));
  position: relative;
}

.car-roles_inner {
  grid-column-gap: var(--spacing-32);
  grid-row-gap: var(--spacing-32);
  flex-direction: column;
  width: 100%;
  max-width: 1152px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.car-roles_head {
  grid-column-gap: var(--spacing-24);
  grid-row-gap: var(--spacing-24);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.car-jobs {
  border-top: 1px solid var(--role-line);
  flex-direction: column;
  display: flex;
}

.car-job {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--role-line);
  color: var(--role-ink);
  align-items: center;
  padding-top: var(--spacing-24);
  padding-bottom: var(--spacing-24);
  text-decoration: none;
  transition: background-color var(--motion-fast), color var(--motion-fast);
  display: flex;
}

.car-job:hover {
  background-color: var(--role-surface);
  color: var(--role-accent);
}

.car-job_main {
  grid-column-gap: var(--spacing-4);
  grid-row-gap: var(--spacing-4);
  flex-direction: column;
  flex: 1 1 0;
  align-items: flex-start;
  min-width: 0;
  display: flex;
}

.car-job_title {
  color: inherit;
  font-size: var(--font-size--fixed-22);
  line-height: var(--line-height--ratio-1-25);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--tight-0-33-px);
  margin-top: 0;
  margin-bottom: 0;
  transition: color var(--motion-fast);
}

.car-job_dept {
  font-family: var(--font-label);
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
}

.car-job_meta {
  flex: none;
  align-items: center;
  display: flex;
}

.car-job_loc {
  width: 260px;
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
}

.car-job_type {
  width: 160px;
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
}

.car-job_arrow {
  color: var(--role-ink);
  font-size: var(--font-size--h4);
  line-height: var(--line-height--ratio-1-25);
  font-weight: var(--fonts-weights--medium);
  flex: none;
}

.abt-hero {
  border-top: 1px solid var(--role-line);
  padding-top: calc(var(--spacing-96) * var(--section-spacing));
  padding-bottom: calc(var(--spacing-88) * var(--section-spacing));
  position: relative;
}

.abt-hero_inner {
  grid-row-gap: var(--spacing-24);
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.abt-eyebrow {
  font-family: var(--font-label);
  color: var(--role-accent);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  font-weight: var(--fonts-weights--medium);
  text-transform: uppercase;
}

.abt-hero_title {
  color: var(--role-ink);
  font-size: var(--font-size--hero);
  line-height: var(--line-height--ratio-1);
  font-weight: var(--fonts-weights--normal);
  letter-spacing: var(--letter-spacing--tight-3-5);
  margin-top: 0;
  margin-bottom: 0;
}

.abt-mission {
  padding-top: calc(var(--spacing-120) * var(--section-spacing));
  padding-bottom: calc(var(--spacing-120) * var(--section-spacing));
  position: relative;
  overflow: hidden;
}

.abt-mission_bg {
  object-fit: cover;
  border-radius: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.abt-container {
  width: 100%;
  max-width: 1152px;
  margin-left: auto;
  margin-right: auto;
}

.abt-mission_card {
  grid-row-gap: var(--spacing-20);
  border-radius: var(--radius--default);
  background-color: var(--role-page);
  flex-direction: column;
  max-width: 600px;
  padding: var(--spacing-44);
  display: flex;
  position: relative;
}

.abt-mission_text {
  color: var(--role-ink);
  font-size: var(--font-size--fixed-18);
  line-height: var(--line-height--ratio-1-55);
  margin-top: 0;
  margin-bottom: 0;
}

.abt-numbers {
  padding-top: calc(var(--spacing-104) * var(--section-spacing));
  padding-bottom: calc(var(--spacing-104) * var(--section-spacing));
}

.abt-numbers_layout {
  grid-row-gap: var(--spacing-56);
  flex-direction: column;
  display: flex;
}

.abt-stats {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--role-line);
  overflow: hidden;
}

.abt-stats_grid {
  grid-column-gap: var(--spacing-1);
  grid-row-gap: var(--spacing-1);
  background-color: var(--role-line);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-left: calc(var(--spacing-24) * -1);
  display: grid;
}

.abt-stat {
  grid-row-gap: var(--spacing-6);
  background-color: var(--role-page);
  flex-direction: column;
  min-width: 0;
  padding-top: var(--spacing-28);
  padding-left: var(--spacing-24);
  padding-right: var(--spacing-24);
  display: flex;
}

.abt-stat_value {
  color: var(--role-ink);
  font-size: var(--font-size--fixed-64);
  line-height: var(--line-height--ratio-1);
  letter-spacing: var(--letter-spacing--tight-3);
}

.abt-stat_label {
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-compact);
  line-height: var(--line-height--ratio-1-55);
}

.abt-principles {
  padding-top: calc(var(--spacing-104) * var(--section-spacing));
  padding-bottom: calc(var(--spacing-104) * var(--section-spacing));
  position: relative;
}

.abt-principles_layout {
  grid-row-gap: var(--spacing-56);
  flex-direction: column;
  display: flex;
}

.abt-head {
  grid-column-gap: var(--spacing-32);
  grid-row-gap: var(--spacing-16);
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.abt-head_text {
  max-width: 400px;
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-medium);
  line-height: var(--line-height--ratio-1-55);
  margin-top: 0;
  margin-bottom: 0;
}

.abt-principles_grid {
  grid-column-gap: var(--spacing-16);
  grid-row-gap: var(--spacing-16);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  row-gap: var(--spacing-16);
  display: grid;
}

.abt-principle {
  grid-column-gap: var(--spacing-28);
  border: 1px solid var(--role-line);
  border-radius: var(--radius--large);
  background-color: var(--role-page);
  align-items: flex-start;
  padding: var(--spacing-32);
  display: flex;
}

.abt-principle_num {
  color: var(--role-ink-soft);
  font-size: var(--font-size--statement);
  line-height: var(--line-height--ratio-1);
  letter-spacing: var(--letter-spacing--tight-3);
  flex: none;
}

.abt-principle_body {
  grid-row-gap: var(--spacing-10);
  flex-direction: column;
  flex: auto;
  min-width: 0;
  display: flex;
}

.abt-principle_title {
  color: var(--role-ink);
  font-size: var(--font-size--fixed-22);
  line-height: var(--line-height--ratio-1-25);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--tight-1-5);
  margin-top: 0;
  margin-bottom: 0;
}

.abt-principle_text {
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-compact);
  line-height: var(--line-height--ratio-1-55);
  margin-top: 0;
  margin-bottom: 0;
}

.abt-timeline {
  padding-bottom: calc(var(--spacing-104) * var(--section-spacing));
  position: relative;
}

.abt-timeline_layout {
  grid-row-gap: var(--spacing-32);
  flex-direction: column;
  display: flex;
}

.abt-timeline_title {
  color: var(--role-ink);
  font-size: var(--font-size--fixed-22);
  line-height: var(--line-height--ratio-1-25);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--tight-1-5);
  margin-top: 0;
  margin-bottom: 0;
}

.abt-years {
  border-top: 1px solid var(--role-line-strong);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}

.abt-year {
  grid-row-gap: var(--spacing-12);
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  padding-right: var(--spacing-24);
  display: flex;
}

.abt-year_marker {
  border-radius: var(--radius--xx-small);
  background-color: var(--role-ink);
  width: 10px;
  height: 10px;
}

.abt-year_marker-now {
  border-radius: var(--radius--xx-small);
  background-color: var(--role-accent);
  width: 10px;
  height: 10px;
}

.abt-year_title {
  color: var(--role-ink);
  font-size: var(--font-size--fixed-26);
  line-height: var(--line-height--ratio-1-2);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--tight-1-5);
  margin-top: 0;
  margin-bottom: 0;
}

.abt-year_item {
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  margin-top: 0;
  margin-bottom: 0;
}

.abt-team {
  padding-top: calc(var(--spacing-104) * var(--section-spacing));
  padding-bottom: calc(var(--spacing-104) * var(--section-spacing));
  position: relative;
}

.abt-team_layout {
  grid-row-gap: var(--spacing-48);
  flex-direction: column;
  display: flex;
}

.abt-team_cta {
  flex: none;
  display: flex;
}

.abt-team_grid {
  grid-column-gap: var(--spacing-16);
  grid-row-gap: var(--spacing-48);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}

.abt-member {
  grid-row-gap: var(--spacing-14);
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.abt-member_frame {
  aspect-ratio: 373 / 420;
  border-radius: var(--radius--large);
  background-color: var(--role-surface-2);
  overflow: hidden;
}

.abt-member_portrait {
  object-fit: cover;
  border-radius: 0;
  width: 100%;
  height: 100%;
  display: block;
}

.abt-member_info {
  grid-column-gap: var(--spacing-12);
  grid-row-gap: var(--spacing-4);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.abt-member_name {
  color: var(--role-ink);
  font-size: var(--font-size--body-large);
  line-height: var(--line-height--ratio-1-3);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--tight-1-5);
  white-space: nowrap;
  margin-top: 0;
  margin-bottom: 0;
}

.abt-member_role {
  font-family: var(--font-label);
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  text-align: right;
  text-transform: uppercase;
}

.abt-investors {
  border-top: 1px solid var(--role-line);
  border-bottom: 1px solid var(--role-line);
  align-items: stretch;
  display: flex;
}

.abt-investors_label {
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  flex: 0 0 240px;
  align-items: center;
  display: flex;
}

.abt-investors_cells {
  flex: auto;
  min-width: 0;
  display: flex;
}

.abt-investors_cell {
  flex: 1;
  align-items: center;
  min-width: 0;
  height: 72px;
  display: flex;
  overflow: hidden;
}

.abt-investors_tag {
  border-left: 1px solid var(--role-line);
  font-family: var(--font-label);
  color: var(--role-accent);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  text-transform: uppercase;
  white-space: nowrap;
  flex: none;
  align-items: center;
  padding-left: var(--spacing-24);
  display: flex;
}

.abt-hiring {
  padding-top: var(--spacing-24);
  padding-bottom: calc(var(--spacing-120) * var(--section-spacing));
  position: relative;
}

.abt-hiring_panel {
  grid-column-gap: var(--spacing-40);
  grid-row-gap: var(--spacing-28);
  border-radius: var(--radius--default);
  background-color: var(--role-surface-2);
  justify-content: space-between;
  align-items: center;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding: var(--spacing-64);
  display: flex;
}

.abt-hiring_copy {
  grid-row-gap: var(--spacing-16);
  flex-direction: column;
  max-width: 620px;
  display: flex;
}

.abt-hiring_text {
  color: var(--role-ink-soft);
  font-size: var(--font-size--lead);
  line-height: var(--line-height--ratio-1-55);
  margin-top: 0;
  margin-bottom: 0;
}

.abt-hiring_buttons {
  grid-column-gap: var(--spacing-10);
  grid-row-gap: var(--spacing-10);
  flex-wrap: wrap;
  flex: none;
  display: flex;
}

.car-benefits {
  padding-bottom: calc(var(--spacing-104) * var(--section-spacing));
  position: relative;
}

.car-benefits_inner {
  grid-column-gap: var(--spacing-32);
  grid-row-gap: var(--spacing-32);
  flex-direction: column;
  width: 100%;
  max-width: 1152px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.car-benefits_title {
  color: var(--role-ink);
  font-size: var(--font-size--fixed-22);
  line-height: var(--line-height--ratio-1-25);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--tight-0-33-px);
  margin-top: 0;
  margin-bottom: 0;
}

.car-benefits_grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  gap: var(--spacing-32) var(--spacing-16);
  display: grid;
}

.car-benefit {
  grid-column-gap: var(--spacing-8);
  grid-row-gap: var(--spacing-8);
  border-top: 1px solid var(--role-line);
  flex-direction: column;
  align-items: flex-start;
  padding-top: var(--spacing-24);
  display: flex;
}

.car-benefit_title {
  color: var(--role-ink);
  font-size: var(--font-size--body-medium);
  line-height: var(--line-height--ratio-1-35);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--tight-0-24-px);
  margin-top: 0;
  margin-bottom: 0;
}

.car-benefit_text {
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-compact);
  line-height: var(--line-height--ratio-1-55);
  margin-top: 0;
  margin-bottom: 0;
}

.car-apply {
  padding-bottom: calc(var(--spacing-120) * var(--section-spacing));
  position: relative;
}

.car-apply_wrap {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.car-apply_card {
  grid-column-gap: var(--spacing-40);
  grid-row-gap: var(--spacing-40);
  border-radius: var(--radius--default);
  background-color: var(--role-surface-2);
  justify-content: space-between;
  align-items: center;
  padding: var(--spacing-56) var(--spacing-64);
  display: flex;
}

.car-apply_copy {
  grid-column-gap: var(--spacing-12);
  grid-row-gap: var(--spacing-12);
  flex-direction: column;
  align-items: flex-start;
  max-width: 600px;
  display: flex;
}

.car-apply_text {
  color: var(--role-ink-soft);
  font-size: var(--font-size--lead);
  line-height: var(--line-height--ratio-1-55);
  margin-top: 0;
  margin-bottom: 0;
}

.blg-hero {
  border-top: 1px solid var(--role-line);
  padding-top: calc(var(--spacing-88) * var(--section-spacing));
  padding-bottom: calc(var(--spacing-104) * var(--section-spacing));
}

.blg-container {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.blg-hero_head {
  flex-direction: column;
  align-items: flex-start;
  row-gap: var(--spacing-24);
  max-width: 1152px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: var(--spacing-56);
  display: flex;
}

.blg-eyebrow {
  font-family: var(--font-label);
  color: var(--role-accent-deep);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--wide-2);
  text-transform: uppercase;
}

.blg-hero_title {
  max-width: 860px;
  color: var(--role-ink);
  font-size: var(--font-size--page-title);
  line-height: var(--line-height--ratio-1);
  font-weight: var(--fonts-weights--normal);
  letter-spacing: var(--letter-spacing--tight-3-5);
  margin-top: 0;
  margin-bottom: 0;
}

.blg-hero_accent {
  color: var(--role-accent);
  display: block;
}

.blg-featured {
  width: 100%;
  min-height: 40px;
}

.cst-hero {
  border-top: 1px solid var(--role-line);
  padding-bottom: calc(var(--spacing-104) * var(--section-spacing));
  position: relative;
}

.cst-container {
  width: 100%;
  max-width: 1152px;
  margin-left: auto;
  margin-right: auto;
}

.cst-hero_head {
  justify-content: space-between;
  align-items: flex-end;
  gap: var(--spacing-32) var(--spacing-48);
  padding-top: var(--spacing-88);
  padding-bottom: var(--spacing-56);
  display: flex;
}

.cst-hero_intro {
  flex-direction: column;
  align-items: flex-start;
  row-gap: var(--spacing-24);
  max-width: 760px;
  display: flex;
}

.cst-eyebrow {
  font-family: var(--font-label);
  color: var(--role-accent);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  font-weight: var(--fonts-weights--medium);
  text-transform: uppercase;
}

.cst-hero_title {
  color: var(--role-ink);
  font-size: var(--font-size--hero);
  line-height: var(--line-height--ratio-1);
  font-weight: var(--fonts-weights--normal);
  letter-spacing: var(--letter-spacing--tight-3-5);
  margin-top: 0;
  margin-bottom: 0;
}

.cst-hero_aside {
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  row-gap: var(--spacing-20);
  width: 380px;
  display: flex;
}

.cst-hero_lead {
  color: var(--role-ink-soft);
  font-size: var(--font-size--lead);
  line-height: var(--line-height--ratio-1-55);
  margin-top: 0;
  margin-bottom: 0;
}

.cst-featured {
  padding-left: var(--spacing-60);
  padding-right: var(--spacing-60);
}

.cst-featured_slot {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.cst-feature {
  border-radius: var(--radius--default);
  background-color: var(--role-page);
  align-items: stretch;
  display: flex;
  overflow: hidden;
}

.cst-feature_cover {
  flex: 1;
  min-width: 0;
  min-height: 520px;
  position: relative;
  overflow: hidden;
}

.cst-feature_img {
  object-fit: cover;
  border-radius: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.cst-feature_copy {
  background-color: var(--role-page);
  flex-direction: column;
  flex-shrink: 0;
  justify-content: center;
  align-items: flex-start;
  row-gap: var(--spacing-24);
  width: 560px;
  padding: var(--spacing-48);
  display: flex;
}

.cst-feature_eyebrow {
  flex-wrap: wrap;
  gap: var(--spacing-4) var(--spacing-8);
  display: flex;
}

.cst-feature_tag {
  font-family: var(--font-label);
  color: var(--role-accent);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  font-weight: var(--fonts-weights--medium);
  text-transform: uppercase;
}

.cst-feature_title {
  color: var(--role-ink);
  font-size: var(--font-size--fixed-36);
  line-height: var(--line-height--ratio-1-12);
  font-weight: var(--fonts-weights--normal);
  letter-spacing: var(--letter-spacing--tight-2-5);
  margin-top: 0;
  margin-bottom: 0;
}

.cst-feature_text {
  max-width: 440px;
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-medium);
  line-height: var(--line-height--ratio-1-55);
  margin-top: 0;
  margin-bottom: 0;
}

.cst-feature_metrics-wrap {
  width: 100%;
  overflow: hidden;
}

.cst-feature_metrics {
  margin-left: calc(var(--spacing-21) * -1);
  display: flex;
}

.cst-feature_metric {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--role-line);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--role-line);
  flex-direction: column;
  flex: 1;
  row-gap: var(--spacing-2);
  min-width: 0;
  padding-top: var(--spacing-16);
  padding-left: var(--spacing-20);
  display: flex;
}

.cst-feature_value {
  color: var(--role-ink);
  font-size: var(--font-size--fixed-26);
  line-height: var(--line-height--ratio-1-2);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--tight-1-5);
}

.cst-feature_label {
  color: var(--role-ink-soft);
  font-size: var(--font-size--tag-label);
  line-height: var(--line-height--ratio-1-55);
}

.cst-feature_actions {
  padding-top: 0;
  display: flex;
}

.cst-logos {
  padding-bottom: calc(var(--spacing-88) * var(--section-spacing));
  position: relative;
}

.cst-logos_inner {
  flex-direction: column;
  align-items: center;
  row-gap: var(--spacing-16);
  display: flex;
}

.cst-logos_label {
  font-family: var(--font-label);
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  text-align: center;
  text-transform: uppercase;
}

.cst-logos_row {
  border-top: 1px solid var(--role-line);
  border-right: 1px solid var(--role-line);
  border-bottom: 1px solid var(--role-line);
  width: 100%;
  display: flex;
}

.cst-logo {
  flex: 1;
  align-items: center;
  min-width: 0;
  height: 72px;
  display: flex;
  overflow: hidden;
}

.cst-stories {
  padding-top: calc(var(--spacing-104) * var(--section-spacing));
  padding-bottom: calc(var(--spacing-104) * var(--section-spacing));
  position: relative;
}

.cst-stories_head {
  justify-content: space-between;
  align-items: flex-end;
  column-gap: var(--spacing-32);
  margin-bottom: var(--spacing-48);
  display: flex;
}

.cst-stories_title {
  max-width: 600px;
  color: var(--role-ink);
  font-size: var(--font-size--section-title);
  line-height: var(--line-height--ratio-1-12);
  font-weight: var(--fonts-weights--normal);
  letter-spacing: var(--letter-spacing--tight-2-5);
  margin-top: 0;
  margin-bottom: 0;
}

.cst-stories_count {
  font-family: var(--font-label);
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  text-transform: uppercase;
  white-space: nowrap;
}

.cst-card {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--large);
  background-color: var(--role-page);
  height: 100%;
  color: var(--role-ink);
  flex-direction: column;
  text-decoration: none;
  transition: border-color var(--motion-fast);
  display: flex;
  overflow: hidden;
}

.cst-card:hover {
  border-color: var(--role-line-strong);
}

.cst-card_cover {
  flex-shrink: 0;
  height: 300px;
  position: relative;
  overflow: hidden;
}

.cst-card_img {
  object-fit: cover;
  border-radius: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.cst-card_body {
  flex-direction: column;
  flex-grow: 1;
  align-items: flex-start;
  row-gap: var(--spacing-12);
  padding: var(--spacing-28);
  display: flex;
}

.cst-card_eyebrow {
  flex-wrap: wrap;
  gap: var(--spacing-4) var(--spacing-8);
  display: flex;
}

.cst-card_tag {
  font-family: var(--font-label);
  color: var(--role-accent);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  text-transform: uppercase;
}

.cst-card_company {
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-medium);
  line-height: var(--line-height--ratio-1-35);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--tight-1-5);
}

.cst-card_title {
  color: var(--role-ink);
  font-size: var(--font-size--fixed-22);
  line-height: var(--line-height--ratio-1-25);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--tight-1-5);
  margin-top: 0;
  margin-bottom: 0;
}

.cst-card_metrics {
  flex-wrap: wrap;
  gap: var(--spacing-4) var(--spacing-16);
  padding-top: var(--spacing-8);
  display: flex;
}

.cst-card_metric {
  column-gap: var(--spacing-5);
  display: flex;
}

.cst-card_metric-text {
  font-family: var(--font-label);
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
}

.cst-card_more {
  column-gap: var(--spacing-6);
  margin-top: auto;
  padding-top: var(--spacing-8);
  display: flex;
}

.cst-card_more-text {
  color: var(--role-ink);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  font-weight: var(--fonts-weights--medium);
}

.cst-quote {
  padding-top: calc(var(--spacing-120) * var(--section-spacing));
  padding-bottom: calc(var(--spacing-120) * var(--section-spacing));
  position: relative;
  overflow: hidden;
}

.cst-quote_bg {
  object-fit: cover;
  border-radius: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.cst-quote_card {
  border-radius: var(--radius--default);
  background-color: var(--role-page);
  flex-direction: column;
  align-items: flex-start;
  row-gap: var(--spacing-28);
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  padding: var(--spacing-48);
  display: flex;
  position: relative;
}

.cst-quote_text {
  max-width: 700px;
  color: var(--role-ink);
  font-size: var(--font-size--fixed-40);
  line-height: var(--line-height--ratio-1-12);
  font-weight: var(--fonts-weights--normal);
  letter-spacing: var(--letter-spacing--tight-2-5);
  margin-top: 0;
  margin-bottom: 0;
}

.cst-quote_author {
  flex-direction: column;
  row-gap: var(--spacing-2);
  display: flex;
}

.cst-quote_name {
  color: var(--role-ink);
  font-size: var(--font-size--body-medium);
  line-height: var(--line-height--ratio-1-35);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--tight-1-5);
}

.cst-quote_role {
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
}

.cst-item-hero {
  border-top: 1px solid var(--role-line);
  padding-top: calc(var(--spacing-72) * var(--section-spacing));
}

.cst-item-hero_head {
  grid-column-gap: var(--spacing-24);
  grid-row-gap: var(--spacing-24);
  flex-direction: column;
  align-items: flex-start;
  padding-bottom: var(--spacing-56);
  display: flex;
}

.cst-item-hero_crumb {
  grid-column-gap: var(--spacing-10);
  grid-row-gap: var(--spacing-10);
  font-family: var(--font-label);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  text-transform: uppercase;
  flex-wrap: wrap;
  display: flex;
}

.cst-item-hero_crumb-link {
  color: var(--role-ink-soft);
  text-decoration: none;
  transition: color var(--motion-fast);
}

.cst-item-hero_crumb-link:hover {
  color: var(--role-ink);
}

.cst-item-hero_crumb-sep {
  color: var(--role-line-dark);
}

.cst-item-hero_crumb-current {
  color: var(--role-accent);
  font-weight: var(--fonts-weights--medium);
}

.cst-item-hero_title {
  max-width: 1000px;
  color: var(--role-ink);
  font-size: var(--font-size--hero);
  line-height: var(--line-height--ratio-1);
  font-weight: var(--fonts-weights--normal);
  letter-spacing: var(--letter-spacing--tight-3-5);
  margin-top: 0;
  margin-bottom: 0;
}

.cst-item-hero_title-accent {
  color: var(--role-accent);
  display: block;
}

.cst-item-hero_lead {
  max-width: 640px;
  color: var(--role-ink-soft);
  font-size: var(--font-size--lead);
  line-height: var(--line-height--ratio-1-55);
  margin-top: 0;
  margin-bottom: 0;
}

.cst-item-hero_cover {
  height: 560px;
  position: relative;
  overflow: hidden;
}

.cst-item-hero_cover-img {
  object-fit: cover;
  border-radius: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.cst-item-hero_cover-pad {
  height: 100%;
  position: relative;
}

.cst-item-hero_cover-inner {
  align-items: flex-end;
  max-width: 1320px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: var(--spacing-48);
  display: flex;
}

.cst-item-hero_metrics {
  border-radius: var(--radius--large);
  background-color: var(--role-page);
  align-items: stretch;
  padding: var(--spacing-28) var(--spacing-8);
  display: flex;
}

.cst-item-hero_metric {
  grid-column-gap: var(--spacing-2);
  grid-row-gap: var(--spacing-2);
  flex-direction: column;
  padding-left: var(--spacing-28);
  padding-right: var(--spacing-28);
  display: flex;
}

.cst-item-hero_metric-sep {
  background-color: var(--role-line);
  width: 1px;
}

.cst-item-hero_metric-value {
  color: var(--role-ink);
  font-size: var(--font-size--fixed-26);
  line-height: var(--line-height--ratio-1-2);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--tight-1-5);
}

.cst-item-hero_metric-label {
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-compact);
  line-height: var(--line-height--ratio-1-55);
}

.art-hero {
  border-top: 1px solid var(--role-line);
  padding-top: calc(var(--spacing-72) * var(--section-spacing));
  padding-bottom: calc(var(--spacing-56) * var(--section-spacing));
  position: relative;
}

.art-container {
  grid-column-gap: var(--spacing-24);
  grid-row-gap: var(--spacing-24);
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 1152px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.art-crumb {
  grid-column-gap: var(--spacing-10);
  grid-row-gap: var(--spacing-10);
  font-family: var(--font-label);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  text-transform: uppercase;
  align-items: center;
  display: flex;
}

.art-crumb_link {
  color: var(--role-ink-soft);
  font-weight: var(--fonts-weights--normal);
  transition: color var(--motion-fast);
}

.art-crumb_link:hover {
  color: var(--role-ink);
}

.art-crumb_sep {
  color: var(--role-line-dark);
}

.art-crumb_cat {
  color: var(--role-accent);
  font-weight: var(--fonts-weights--medium);
}

.art-hero_title {
  max-width: 1100px;
  color: var(--role-ink);
  font-size: var(--font-size--hero);
  line-height: var(--line-height--ratio-1);
  font-weight: var(--fonts-weights--normal);
  letter-spacing: var(--letter-spacing--tight-3-5);
  margin-top: 0;
  margin-bottom: 0;
}

.art-hero_lead {
  display: block;
}

.art-hero_accent {
  color: var(--role-accent);
  display: block;
}

.art-meta {
  grid-column-gap: var(--spacing-16);
  grid-row-gap: var(--spacing-16);
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.art-avatar {
  border-radius: var(--radius--large);
  background-color: var(--role-surface-2);
  flex: 0 0 36px;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  display: flex;
}

.art-avatar_text {
  font-family: var(--font-label);
  color: var(--role-ink);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  font-weight: var(--fonts-weights--medium);
  text-transform: uppercase;
}

.art-meta_author {
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  flex-direction: column;
  display: flex;
}

.art-meta_name {
  color: var(--role-ink);
  font-weight: var(--fonts-weights--medium);
}

.art-meta_role {
  color: var(--role-ink-soft);
}

.art-meta_date {
  grid-column-gap: var(--spacing-6);
  grid-row-gap: var(--spacing-6);
  font-family: var(--font-label);
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  text-transform: uppercase;
  align-items: center;
  display: flex;
}

.art-cover {
  height: 560px;
  position: relative;
  overflow: hidden;
}

.art-cover_img {
  object-fit: cover;
  border-radius: 0;
  width: 100%;
  height: 100%;
  display: block;
}

.cst-stories_list {
  grid-template-columns: 1fr 1fr;
  gap: var(--spacing-48) var(--spacing-16);
  display: grid;
}

.cst-stories_item {
  flex-direction: column;
  display: flex;
}

.cst-cms_empty {
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-small);
}

.cst-featured_cms {
  width: 100%;
}

.cst-item-body {
  padding-top: calc(var(--spacing-104) * var(--section-spacing));
  padding-bottom: calc(var(--spacing-104) * var(--section-spacing));
}

.cst-item-body_split {
  grid-template-rows: auto;
  grid-template-columns: 300px minmax(0, 720px);
  align-items: start;
  column-gap: var(--spacing-96);
  display: grid;
}

.cst-item-body_aside {
  flex-direction: column;
  display: flex;
  position: sticky;
  top: 120px;
}

.cst-item-body_facts {
  flex-direction: column;
  display: flex;
}

.cst-item-body_fact {
  grid-column-gap: var(--spacing-4);
  grid-row-gap: var(--spacing-4);
  border-top: 1px solid var(--role-line);
  flex-direction: column;
  padding-top: var(--spacing-14);
  padding-bottom: var(--spacing-14);
  display: flex;
}

.cst-item-body_fact-label {
  font-family: var(--font-label);
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  text-transform: uppercase;
}

.cst-item-body_fact-value {
  color: var(--role-ink);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  font-weight: var(--fonts-weights--medium);
}

.cst-item-body_aside-cta {
  padding-top: var(--spacing-20);
  display: flex;
}

.cst-item-body_article {
  grid-column-gap: var(--spacing-20);
  grid-row-gap: var(--spacing-20);
  flex-direction: column;
  display: flex;
}

.cst-item-body_h2-first {
  color: var(--role-ink);
  font-size: var(--font-size--h4);
  line-height: var(--line-height--ratio-1-25);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--tight-1-5);
  margin-top: 0;
  margin-bottom: 0;
}

.cst-item-body_h2 {
  color: var(--role-ink);
  font-size: var(--font-size--h4);
  line-height: var(--line-height--ratio-1-25);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--tight-1-5);
  margin-top: var(--spacing-20);
  margin-bottom: 0;
}

.cst-item-body_text {
  color: var(--role-ink-soft);
  font-size: var(--font-size--lead);
  line-height: var(--line-height--ratio-1-55);
  margin-top: 0;
  margin-bottom: 0;
}

.cst-item-body_code {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--small);
  background-color: var(--role-surface);
  font-family: var(--font-label);
  color: var(--role-ink);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-75);
  white-space: pre;
  padding: var(--spacing-24);
  overflow-x: auto;
}

.cst-item-body_quote {
  grid-column-gap: var(--spacing-16);
  grid-row-gap: var(--spacing-16);
  border-left: 2px solid var(--role-accent);
  flex-direction: column;
  padding-top: var(--spacing-8);
  padding-bottom: var(--spacing-8);
  padding-left: var(--spacing-28);
  display: flex;
}

.cst-item-body_quote-text {
  color: var(--role-ink);
  font-size: var(--font-size--fixed-32);
  line-height: var(--line-height--ratio-1-12);
  letter-spacing: var(--letter-spacing--tight-2-5);
  margin-top: 0;
  margin-bottom: 0;
}

.cst-item-body_quote-text:before {
  content: "“";
}

.cst-item-body_quote-text:after {
  content: "”";
}

.cst-item-body_quote-by {
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  white-space: pre;
  flex-wrap: wrap;
  display: flex;
}

.art-content {
  padding-top: calc(var(--spacing-104) * var(--section-spacing));
  padding-bottom: calc(var(--spacing-104) * var(--section-spacing));
  position: relative;
}

.art-layout {
  grid-column-gap: var(--spacing-96);
  grid-row-gap: var(--spacing-96);
  align-items: flex-start;
  width: 100%;
  max-width: 1152px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.art-toc {
  grid-column-gap: var(--spacing-10);
  grid-row-gap: var(--spacing-10);
  flex-direction: column;
  flex: 0 0 220px;
  width: 220px;
  display: flex;
  position: sticky;
  top: 112px;
}

.art-toc_label {
  font-family: var(--font-label);
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  text-transform: uppercase;
}

.art-main {
  grid-column-gap: var(--spacing-32);
  grid-row-gap: var(--spacing-32);
  flex-direction: column;
  flex: auto;
  width: 100%;
  min-width: 0;
  max-width: 680px;
  display: flex;
}

.art-author {
  grid-column-gap: var(--spacing-16);
  grid-row-gap: var(--spacing-16);
  border: 1px solid var(--role-line);
  border-radius: var(--radius--small);
  align-items: center;
  padding: var(--spacing-24);
  display: flex;
}

.art-author_text {
  grid-column-gap: var(--spacing-2);
  grid-row-gap: var(--spacing-2);
  flex-direction: column;
  flex: auto;
  min-width: 0;
  display: flex;
}

.art-author_name {
  color: var(--role-ink);
  font-size: var(--font-size--body-medium);
  line-height: var(--line-height--ratio-1-35);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--tight-1-5);
}

.art-author_bio {
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  margin-top: 0;
  margin-bottom: 0;
}

.art-author_share {
  flex: none;
}

.art-related {
  padding-bottom: calc(var(--spacing-104) * var(--section-spacing));
  position: relative;
}

.art-related_inner {
  grid-column-gap: var(--spacing-32);
  grid-row-gap: var(--spacing-32);
  flex-direction: column;
  width: 100%;
  max-width: 1152px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.art-related_title {
  color: var(--role-ink);
  font-size: var(--font-size--section-title);
  line-height: var(--line-height--ratio-1-12);
  font-weight: var(--fonts-weights--normal);
  letter-spacing: var(--letter-spacing--tight-2-5);
  margin-top: 0;
  margin-bottom: 0;
}

.art-related_grid {
  width: 100%;
}

.art-toc_rich {
  border-left: 2px solid var(--role-line);
  width: 100%;
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  padding-left: var(--spacing-10);
}

.art-toc_rich p {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: var(--spacing-4);
  padding-bottom: var(--spacing-4);
}

.art-toc_rich a {
  color: var(--role-ink-soft);
  font-weight: var(--fonts-weights--normal);
  text-decoration: none;
  transition: color var(--motion-fast);
}

.art-toc_rich a:hover {
  color: var(--role-ink);
}

.cst-item-compare {
  background-color: var(--role-page);
  color: var(--role-ink);
  padding-top: calc(var(--spacing-112) * var(--section-spacing));
  padding-bottom: calc(var(--spacing-112) * var(--section-spacing));
}

.cst-item-compare_head {
  grid-column-gap: var(--spacing-24);
  grid-row-gap: var(--spacing-24);
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: var(--spacing-56);
  display: flex;
}

.cst-item-compare_title {
  max-width: 560px;
  color: var(--role-ink);
  font-size: var(--font-size--section-title);
  line-height: var(--line-height--ratio-1-12);
  font-weight: var(--fonts-weights--normal);
  letter-spacing: var(--letter-spacing--tight-2-5);
  margin-top: 0;
  margin-bottom: 0;
}

.cst-item-compare_accent {
  color: var(--role-accent);
  display: block;
}

.cst-item-compare_note {
  font-family: var(--font-label);
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  text-transform: uppercase;
  white-space: nowrap;
}

.cst-item-compare_grid {
  grid-column-gap: var(--spacing-16);
  grid-row-gap: var(--spacing-16);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}

.cst-item-compare_card {
  grid-column-gap: var(--spacing-20);
  grid-row-gap: var(--spacing-20);
  border: 1px solid var(--role-line);
  border-radius: var(--radius--large);
  background-color: var(--role-surface-2);
  flex-direction: column;
  padding: var(--spacing-28);
  display: flex;
}

.cst-item-compare_label {
  font-family: var(--font-label);
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  text-transform: uppercase;
}

.cst-item-compare_row {
  grid-column-gap: var(--spacing-8);
  grid-row-gap: var(--spacing-8);
  flex-direction: column;
  display: flex;
}

.cst-item-compare_row-head {
  grid-column-gap: var(--spacing-12);
  grid-row-gap: var(--spacing-12);
  justify-content: space-between;
  align-items: baseline;
  display: flex;
}

.cst-item-compare_row-name {
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
}

.cst-item-compare_value {
  color: var(--role-ink);
  font-size: var(--font-size--fixed-18);
  line-height: var(--line-height--ratio-1-3);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--tight-1-5);
}

.cst-item-compare_track {
  border-radius: var(--radius--bar);
  background-color: var(--role-line);
  height: 6px;
  display: flex;
  overflow: hidden;
}

.cst-item-compare_fill-before {
  border-radius: var(--radius--bar);
  background-color: var(--role-ink-faint);
  width: 100%;
  height: 6px;
}

.cst-item-compare_bar {
  width: 100%;
  height: 6px;
  color: var(--role-accent);
  display: block;
}

.blg-feat {
  border-radius: var(--radius--default);
  background-color: var(--role-page);
  width: 100%;
  color: var(--role-ink);
  align-items: stretch;
  display: flex;
  overflow: hidden;
}

.blg-feat_cover {
  flex: 1;
  min-height: 480px;
  position: relative;
  overflow: hidden;
}

.blg-feat_img {
  object-fit: cover;
  border-radius: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.blg-feat_body {
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: flex-start;
  row-gap: var(--spacing-20);
  width: 560px;
  padding: var(--spacing-48);
  display: flex;
}

.blg-meta {
  font-family: var(--font-label);
  color: var(--role-accent);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--wide-2);
  text-transform: uppercase;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--spacing-2) var(--spacing-6);
  display: flex;
}

.blg-meta_item {
  white-space: nowrap;
}

.blg-feat_title {
  max-width: 464px;
  color: var(--role-ink);
  font-size: var(--font-size--fixed-40);
  line-height: var(--line-height--ratio-1-12);
  font-weight: var(--fonts-weights--normal);
  letter-spacing: var(--letter-spacing--tight-1-px);
  margin-top: 0;
  margin-bottom: 0;
}

.blg-feat_summary {
  max-width: 440px;
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-medium);
  line-height: var(--line-height--ratio-1-55);
  margin-top: 0;
  margin-bottom: 0;
}

.blg-author {
  align-items: center;
  column-gap: var(--spacing-10);
  display: flex;
}

.blg-author_text {
  flex-direction: column;
  display: flex;
}

.blg-author_name {
  color: var(--role-ink);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  font-weight: var(--fonts-weights--medium);
}

.blg-author_meta {
  font-family: var(--font-label);
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  letter-spacing: var(--letter-spacing--wide-2);
  text-transform: uppercase;
  flex-wrap: wrap;
  column-gap: var(--spacing-6);
  display: flex;
}

.blg-feat_actions {
  display: flex;
}

.blg-author_initials {
  border-radius: var(--radius--button);
  background-color: var(--role-surface-2);
  width: 36px;
  height: 36px;
  font-family: var(--font-label);
  color: var(--role-ink);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  font-weight: var(--fonts-weights--medium);
  text-transform: uppercase;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.cst-item-more {
  padding-top: calc(var(--spacing-104) * var(--section-spacing));
  padding-bottom: calc(var(--spacing-104) * var(--section-spacing));
}

.cst-item-more_head {
  grid-column-gap: var(--spacing-24);
  grid-row-gap: var(--spacing-24);
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: var(--spacing-40);
  display: flex;
}

.cst-item-more_title {
  color: var(--role-ink);
  font-size: var(--font-size--section-title);
  line-height: var(--line-height--ratio-1-12);
  font-weight: var(--fonts-weights--normal);
  letter-spacing: var(--letter-spacing--tight-2-5);
  margin-top: 0;
  margin-bottom: 0;
}

.cst-item-more_action {
  display: flex;
}

.cst-item-more_list-wrap {
  display: block;
}

.cst-item-card {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--large);
  background-color: var(--role-page);
  height: 100%;
  color: var(--role-ink);
  flex-direction: column;
  text-decoration: none;
  transition: border-color var(--motion-fast);
  display: flex;
  overflow: hidden;
}

.cst-item-card:hover {
  border-color: var(--role-line-strong);
}

.cst-item-card_cover {
  height: 200px;
  position: relative;
  overflow: hidden;
}

.cst-item-card_img {
  object-fit: cover;
  border-radius: 0;
  width: 100%;
  height: 100%;
  transition: transform var(--motion-base);
}

.cst-item-card_body {
  grid-column-gap: var(--spacing-10);
  grid-row-gap: var(--spacing-10);
  flex-direction: column;
  padding: var(--spacing-24);
  display: flex;
}

.cst-item-card_meta {
  grid-column-gap: var(--spacing-6);
  grid-row-gap: var(--spacing-6);
  font-family: var(--font-label);
  color: var(--role-accent);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  text-transform: uppercase;
  flex-wrap: wrap;
  display: flex;
}

.cst-item-card_dot {
  color: var(--role-accent);
}

.cst-item-card_title {
  color: var(--role-ink);
  font-size: var(--font-size--body-large);
  line-height: var(--line-height--ratio-1-3);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--tight-1-5);
}

.cst-item-more_list {
  grid-column-gap: var(--spacing-16);
  grid-row-gap: var(--spacing-16);
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}

.cst-item-more_item {
  flex-direction: column;
  display: flex;
}

.blg-articles {
  padding-top: var(--spacing-40);
  padding-bottom: calc(var(--spacing-104) * var(--section-spacing));
}

.blg-articles_inner {
  flex-direction: column;
  row-gap: var(--spacing-48);
  max-width: 1152px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.blg-articles_title {
  color: var(--role-ink);
  font-size: var(--font-size--fixed-40);
  line-height: var(--line-height--ratio-1-12);
  font-weight: var(--fonts-weights--normal);
  letter-spacing: var(--letter-spacing--tight-1-px);
  margin-top: 0;
  margin-bottom: 0;
}

.blg-grid {
  grid-column-gap: var(--spacing-24);
  grid-row-gap: var(--spacing-48);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: stretch;
  display: grid;
}

.blg-news {
  border-radius: var(--radius--small);
  background-color: var(--role-surface-2);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  row-gap: var(--spacing-16);
  padding: var(--spacing-32);
  display: flex;
}

.blg-news_title {
  max-width: 300px;
  color: var(--role-ink);
  font-size: var(--font-size--fixed-22);
  line-height: var(--line-height--ratio-1-25);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--tight-1-5);
  margin-top: 0;
  margin-bottom: 0;
}

.art-card {
  width: 100%;
  height: 100%;
  color: var(--role-ink);
  font-weight: var(--fonts-weights--normal);
  flex-direction: column;
  text-decoration: none;
  display: flex;
}

.art-card_cover {
  border-radius: var(--radius--small);
  height: 200px;
  position: relative;
  overflow: hidden;
}

.art-card_img {
  border-radius: var(--radius--small);
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.art-card_body {
  grid-column-gap: var(--spacing-10);
  grid-row-gap: var(--spacing-10);
  flex-direction: column;
  align-items: flex-start;
  padding-top: var(--spacing-20);
  display: flex;
}

.art-card_cat {
  font-family: var(--font-label);
  color: var(--role-accent);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  text-transform: uppercase;
}

.art-card_title {
  color: var(--role-ink);
  font-size: var(--font-size--fixed-18);
  line-height: var(--line-height--ratio-1-3);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--tight-1-5);
  margin-top: 0;
  margin-bottom: 0;
}

.art-card_text {
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  margin-top: 0;
  margin-bottom: 0;
}

.art-card_author {
  grid-column-gap: var(--spacing-10);
  grid-row-gap: var(--spacing-10);
  align-items: center;
  padding-top: var(--spacing-6);
  display: flex;
}

.art-card_who {
  flex-direction: column;
  display: flex;
}

.art-card_name {
  color: var(--role-ink);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  font-weight: var(--fonts-weights--medium);
}

.art-card_meta {
  grid-column-gap: var(--spacing-6);
  grid-row-gap: var(--spacing-6);
  font-family: var(--font-label);
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  text-transform: uppercase;
  display: flex;
}

.art-related_list {
  grid-column-gap: var(--spacing-24);
  grid-row-gap: var(--spacing-24);
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}

.art-related_item {
  display: flex;
}

.blg-card {
  width: 100%;
  height: 100%;
  color: var(--role-ink);
  flex-direction: column;
  text-decoration: none;
  display: flex;
}

.blg-card_cover {
  border-radius: var(--radius--small);
  background-color: var(--role-surface-2);
  height: 240px;
  position: relative;
  overflow: hidden;
}

.blg-card_img {
  object-fit: cover;
  border-radius: 0;
  width: 100%;
  height: 100%;
}

.blg-card_body {
  flex-direction: column;
  align-items: flex-start;
  row-gap: var(--spacing-10);
  padding-top: var(--spacing-20);
  display: flex;
}

.blg-card_cat {
  font-family: var(--font-label);
  color: var(--role-accent);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  letter-spacing: var(--letter-spacing--wide-2);
  text-transform: uppercase;
}

.blg-card_title {
  color: var(--role-ink);
  font-size: var(--font-size--fixed-18);
  line-height: var(--line-height--ratio-1-3);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--tight-1-5);
  margin-top: 0;
  margin-bottom: 0;
}

.blg-card_summary {
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  margin-top: 0;
  margin-bottom: 0;
}

.blg-card_author {
  align-items: center;
  column-gap: var(--spacing-10);
  padding-top: var(--spacing-6);
  display: flex;
}

.blg-cms, .blg-cms_list {
  display: contents;
}

.blg-cms_item {
  display: flex;
}

.blg-pagination {
  order: 2;
  grid-column: 1 / -1;
  justify-content: center;
  column-gap: var(--spacing-8);
  margin-top: 0;
  display: flex;
}

.blg-page-btn {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--button);
  background-color: var(--role-page);
  color: var(--role-ink);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  font-weight: var(--fonts-weights--medium);
  align-items: center;
  column-gap: var(--spacing-6);
  padding: var(--spacing-8) var(--spacing-14);
  display: flex;
}

.blg-news_form {
  flex-direction: column;
  align-items: flex-start;
  row-gap: var(--spacing-16);
  width: 100%;
  margin-bottom: 0;
  display: flex;
}

.blg-sr {
  white-space: nowrap;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: calc(var(--spacing-1) * -1);
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.blg-news_input {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--button);
  background-color: var(--role-page);
  width: 100%;
  height: 46px;
  color: var(--role-ink);
  font-size: var(--font-size--input);
  line-height: var(--line-height--ratio-1-55);
  margin-bottom: 0;
  padding: var(--spacing-11) var(--spacing-16);
}

.blg-news_input::placeholder {
  color: var(--role-ink-soft);
}

.blg-news_submit {
  border-radius: var(--radius--button);
  background-color: var(--role-ink);
  color: var(--role-page);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  font-weight: var(--fonts-weights--medium);
  padding: var(--spacing-8) var(--spacing-14);
}

.blg-news_fields {
  flex-direction: column;
  align-items: flex-start;
  row-gap: var(--spacing-16);
  width: 100%;
  display: flex;
}

.blg-guest {
  padding-top: calc(var(--spacing-120) * var(--section-spacing));
  padding-bottom: calc(var(--spacing-120) * var(--section-spacing));
  position: relative;
  overflow: hidden;
}

.blg-guest_media {
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.blg-guest_img {
  object-fit: cover;
  border-radius: 0;
  width: 100%;
  height: 100%;
}

.blg-guest_card {
  border-radius: var(--radius--default);
  background-color: var(--role-page);
  align-items: center;
  gap: var(--spacing-24) var(--spacing-48);
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  padding: var(--spacing-44) var(--spacing-48);
  display: flex;
  position: relative;
}

.blg-guest_text {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  row-gap: var(--spacing-12);
  display: flex;
}

.blg-guest_title {
  max-width: 520px;
  color: var(--role-ink);
  font-size: var(--font-size--fixed-40);
  line-height: var(--line-height--ratio-1-12);
  font-weight: var(--fonts-weights--normal);
  letter-spacing: var(--letter-spacing--tight-1-px);
  margin-top: 0;
  margin-bottom: 0;
}

.blg-guest_lead {
  max-width: 500px;
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-medium);
  line-height: var(--line-height--ratio-1-55);
  margin-top: 0;
  margin-bottom: 0;
}

.blg-guest_action {
  flex-shrink: 0;
  display: flex;
}

.art-body_rich {
  width: 100%;
  color: var(--role-ink-soft);
  font-size: var(--font-size--lead);
  line-height: var(--line-height--ratio-1-55);
  font-weight: var(--fonts-weights--normal);
}

.art-body_rich h2 {
  color: var(--role-ink);
  font-size: var(--font-size--feature-title);
  line-height: var(--line-height--ratio-1-2);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--tight-1-5);
  margin-top: var(--spacing-32);
  margin-bottom: var(--spacing-20);
}

.art-body_rich p {
  margin-top: 0;
  margin-bottom: var(--spacing-20);
}

.art-body_rich blockquote {
  border-left: 2px solid var(--role-accent);
  color: var(--role-ink);
  font-size: var(--font-size--fixed-32);
  line-height: var(--line-height--ratio-1-12);
  font-weight: var(--fonts-weights--normal);
  letter-spacing: var(--letter-spacing--tight-2-5);
  margin-top: 0;
  margin-bottom: var(--spacing-20);
  padding: var(--spacing-8) 0 var(--spacing-8) var(--spacing-28);
}

.art-body_rich ul {
  margin-top: 0;
  margin-bottom: var(--spacing-20);
  padding-left: var(--spacing-24);
}

.art-body_rich a {
  color: var(--role-accent);
  font-weight: var(--fonts-weights--medium);
  text-decoration: underline;
  transition: color var(--motion-fast);
}

.art-body_rich a:hover {
  color: var(--role-accent-deep);
}

.ctm-hello {
  padding-top: calc(var(--spacing-104) * var(--section-spacing));
  padding-bottom: calc(var(--spacing-104) * var(--section-spacing));
  position: relative;
  overflow: hidden;
}

.ctm-hello_bg {
  object-fit: cover;
  border-radius: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.ctm-card {
  border-radius: var(--radius--default);
  background-color: var(--role-page);
  flex-direction: column;
  align-items: flex-start;
  row-gap: var(--spacing-20);
  width: 100%;
  max-width: 560px;
  margin-left: auto;
  margin-right: auto;
  padding: var(--spacing-44);
  display: flex;
  position: relative;
  overflow: hidden;
}

.ctm-card.theme-dark {
  background-color: var(--role-page);
}

.ctm-eyebrow {
  font-family: var(--font-label);
  color: var(--role-accent);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  font-weight: var(--fonts-weights--medium);
  text-transform: uppercase;
}

.ctm-form {
  grid-row-gap: 0px;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 0;
  width: 100%;
  display: flex;
}

.ctm-field {
  flex-direction: column;
  row-gap: var(--spacing-6);
  width: 100%;
  margin-bottom: var(--spacing-20);
  display: flex;
}

.ctm-msg {
  text-align: left;
  align-items: flex-start;
  column-gap: var(--spacing-12);
  display: flex;
}

.ctm-msg_icon {
  background-color: var(--role-accent);
  flex: 0 0 8px;
  width: 8px;
  height: 8px;
  margin-top: var(--spacing-7);
}

.ctm-msg_icon-error {
  background-color: var(--role-error);
  flex: 0 0 8px;
  width: 8px;
  height: 8px;
  margin-top: var(--spacing-7);
}

.ctm-msg_text {
  flex-direction: column;
  flex: auto;
  row-gap: var(--spacing-2);
  min-width: 0;
  display: flex;
}

.ctm-msg_title {
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  font-weight: var(--fonts-weights--medium);
}

.ctm-msg_body {
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  font-weight: var(--fonts-weights--normal);
}

.demo-hero {
  background-color: var(--role-page);
  color: var(--role-ink);
  padding-top: calc(var(--spacing-96) * var(--section-spacing));
  padding-bottom: calc(var(--spacing-104) * var(--section-spacing));
}

.demo-container {
  max-width: 1152px;
  margin-left: auto;
  margin-right: auto;
}

.demo-hero_grid {
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) 540px;
  align-items: start;
  gap: var(--spacing-48) var(--spacing-80);
  display: grid;
}

.demo-hero_copy {
  flex-direction: column;
  align-items: flex-start;
  row-gap: var(--spacing-24);
  min-width: 0;
  display: flex;
}

.demo-hero_eyebrow {
  color: var(--role-accent);
}

.demo-hero_title {
  color: var(--role-ink);
  font-size: var(--font-size--fixed-72);
  line-height: var(--line-height--ratio-1);
  letter-spacing: var(--letter-spacing--tight-3-5);
  margin-top: 0;
  margin-bottom: 0;
}

.demo-hero_lead {
  max-width: 520px;
  color: var(--role-ink-soft);
  margin-top: 0;
  margin-bottom: 0;
}

.demo-hero_proof {
  flex-direction: column;
  row-gap: var(--spacing-24);
  width: 100%;
  display: flex;
}

.demo-checks {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: var(--spacing-8);
  padding-left: 0;
  list-style-type: none;
}

.demo-check {
  border-top: 1px solid var(--role-line);
  align-items: center;
  column-gap: var(--spacing-14);
  padding-top: var(--spacing-14);
  padding-bottom: var(--spacing-14);
  display: flex;
}

.demo-check_mark {
  font-family: var(--font-label);
  color: var(--role-accent);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  flex: none;
}

.demo-check_text {
  color: var(--role-ink);
  font-size: var(--font-size--body-medium);
  line-height: var(--line-height--ratio-1-55);
}

.demo-quote {
  border-radius: var(--radius--small);
  background-color: var(--role-surface-2);
  flex-direction: column;
  row-gap: var(--spacing-12);
  padding: var(--spacing-24);
  display: flex;
}

.demo-quote_text {
  color: var(--role-ink);
  font-size: var(--font-size--fixed-18);
  line-height: var(--line-height--ratio-1-3);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--tight-1-5);
  margin-top: 0;
  margin-bottom: 0;
}

.demo-quote_cite {
  font-family: var(--font-label);
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  letter-spacing: var(--letter-spacing--wide-2);
}

.demo-card {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--default);
  background-color: var(--role-page);
  color: var(--role-ink);
  padding: var(--spacing-36);
}

.demo-form {
  flex-direction: column;
  align-items: flex-start;
  row-gap: var(--spacing-16);
  width: 100%;
  display: flex;
}

.demo-field {
  flex-direction: column;
  row-gap: var(--spacing-6);
  width: 100%;
  min-width: 0;
  display: flex;
}

.demo-row {
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  column-gap: var(--spacing-12);
  width: 100%;
  display: grid;
}

.demo-form_note {
  color: var(--role-ink-soft);
}

.demo-msg {
  align-items: flex-start;
  column-gap: var(--spacing-12);
  display: flex;
}

.demo-msg_dot {
  background-color: currentColor;
  flex: none;
  width: 8px;
  height: 8px;
  margin-top: var(--spacing-7);
}

.demo-msg_text {
  flex-direction: column;
  row-gap: var(--spacing-2);
  min-width: 0;
  display: flex;
}

.demo-msg_title {
  font-weight: var(--fonts-weights--medium);
}

.demo-msg_body {
  color: var(--role-ink-soft);
  font-weight: var(--fonts-weights--normal);
}

.demo-logos {
  background-color: var(--role-page);
  padding-top: calc(var(--spacing-72) * var(--section-spacing));
  padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
}

.demo-logos_inner {
  flex-direction: column;
  align-items: center;
  row-gap: var(--spacing-24);
  display: flex;
}

.demo-logos_label {
  color: var(--role-ink-soft);
  text-align: center;
}

.demo-logos_row {
  justify-content: space-between;
  align-items: center;
  column-gap: var(--spacing-32);
  width: 100%;
  display: flex;
}

.demo-logo {
  color: var(--role-ink-soft);
  font-size: var(--font-size--card-title);
  line-height: var(--line-height--ratio-1-3);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--tight-1-5);
  white-space: nowrap;
}

.cts-split {
  background-color: var(--role-page);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  display: grid;
}

.cts-copy {
  justify-content: flex-end;
  padding: var(--spacing-98) var(--spacing-80) var(--spacing-104) var(--spacing-60);
  display: flex;
}

.cts-copy_inner {
  flex-direction: column;
  align-items: flex-start;
  row-gap: var(--spacing-24);
  width: 100%;
  max-width: 496px;
  display: flex;
}

.cts-eyebrow {
  color: var(--role-accent);
  letter-spacing: var(--letter-spacing--wide-2);
}

.cts-title {
  font-size: var(--font-size--fixed-72);
  line-height: var(--line-height--ratio-1);
  letter-spacing: var(--letter-spacing--tight-3-5);
  margin-top: 0;
  margin-bottom: 0;
}

.cts-lead {
  max-width: 460px;
  color: var(--role-ink-soft);
  font-size: var(--font-size--lead);
  line-height: var(--line-height--ratio-1-55);
  margin-top: 0;
  margin-bottom: 0;
}

.cts-next {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--large);
  background-color: var(--role-page);
  flex-direction: column;
  width: 100%;
  padding: var(--spacing-24) var(--spacing-28);
  display: flex;
}

.cts-next_label {
  font-family: var(--font-label);
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
}

.cts-next_list {
  flex-direction: column;
  display: flex;
}

.cts-next_row {
  border-top: 1px solid var(--role-line);
  align-items: center;
  column-gap: var(--spacing-14);
  padding-top: var(--spacing-14);
  padding-bottom: var(--spacing-14);
  display: flex;
}

.cts-next_row.is-first {
  border-top-width: 0;
}

.cts-next_num {
  font-family: var(--font-label);
  color: var(--role-accent);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  font-weight: var(--fonts-weights--medium);
  flex: none;
}

.cts-next_text {
  color: var(--role-ink);
  font-size: var(--font-size--body-medium);
  line-height: var(--line-height--ratio-1-55);
}

.cts-trusted {
  font-family: var(--font-label);
  color: var(--role-ink-soft);
  font-size: var(--font-size--mono-small);
  line-height: var(--line-height--ratio-1-4);
}

.cts-media {
  justify-content: center;
  align-items: center;
  padding: var(--spacing-72) var(--spacing-56);
  display: flex;
  position: relative;
  overflow: hidden;
}

.cts-media_img {
  object-fit: cover;
  border-radius: 0;
  width: 100%;
  max-width: none;
  height: 100%;
  position: absolute;
  inset: 0;
}

.cts-card {
  z-index: 1;
  border: 1px solid var(--role-line);
  border-radius: var(--radius--default);
  background-color: var(--role-page);
  width: 100%;
  max-width: 520px;
  padding: var(--spacing-36);
  position: relative;
}

.cts-form {
  flex-direction: column;
  row-gap: var(--spacing-16);
  display: flex;
}

.cts-field {
  flex-direction: column;
  row-gap: var(--spacing-6);
  min-width: 0;
  display: flex;
}

.cts-form_row {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  column-gap: var(--spacing-12);
  display: grid;
}

.cts-form_actions {
  align-items: center;
  gap: var(--spacing-8) var(--spacing-14);
  display: flex;
}

.cts-form_note {
  font-family: var(--font-label);
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
}

.cts-msg {
  align-items: flex-start;
  column-gap: var(--spacing-12);
  display: flex;
}

.cts-msg_icon {
  background-color: var(--role-accent);
  flex: none;
  width: 8px;
  height: 8px;
  margin-top: var(--spacing-7);
}

.cts-msg_icon-error {
  background-color: var(--role-error);
  flex: none;
  width: 8px;
  height: 8px;
  margin-top: var(--spacing-7);
}

.cts-msg_body {
  flex-direction: column;
  row-gap: var(--spacing-2);
  display: flex;
}

.cts-msg_title {
  color: var(--role-accent);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  font-weight: var(--fonts-weights--medium);
}

.cts-msg_title-error {
  color: var(--role-error);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  font-weight: var(--fonts-weights--medium);
}

.cts-msg_text {
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  font-weight: var(--fonts-weights--normal);
}

.sup-hero {
  border-top: 1px solid var(--role-line);
  padding-top: calc(var(--spacing-88) * var(--section-spacing));
  padding-bottom: calc(var(--spacing-104) * var(--section-spacing));
}

.sup-container {
  width: 100%;
  max-width: 1152px;
  margin-left: auto;
  margin-right: auto;
}

.sup-hero_inner {
  grid-column-gap: var(--spacing-24);
  grid-row-gap: var(--spacing-24);
  text-align: center;
  flex-direction: column;
  align-items: center;
  padding-bottom: var(--spacing-56);
  display: flex;
}

.sup-hero_eyebrow {
  font-family: var(--font-label);
  color: var(--role-accent);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--none);
}

.sup-hero_lead {
  max-width: 560px;
  color: var(--role-ink-soft);
  font-size: var(--font-size--lead);
  line-height: var(--line-height--ratio-1-55);
  margin-top: 0;
  margin-bottom: 0;
}

.sup-channels {
  grid-column-gap: var(--spacing-16);
  grid-row-gap: var(--spacing-16);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}

.sup-card {
  grid-column-gap: var(--spacing-12);
  grid-row-gap: var(--spacing-12);
  border: 1px solid var(--role-line);
  border-radius: var(--radius--large);
  background-color: var(--role-page);
  color: var(--role-ink);
  flex-direction: column;
  align-items: flex-start;
  padding: var(--spacing-28);
  text-decoration: none;
  transition: border-color var(--motion-fast) ease-out;
  display: flex;
}

.sup-card:hover {
  border-color: var(--role-line-strong);
}

.sup-card_top {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.sup-card_icon {
  display: flex;
}

.sup-card_arrow {
  color: var(--role-ink);
  font-size: var(--font-size--fixed-18);
  line-height: var(--line-height--ratio-1-3);
  font-weight: var(--fonts-weights--medium);
}

.sup-card_title {
  color: var(--role-ink);
  font-size: var(--font-size--card-title);
  line-height: var(--line-height--ratio-1-3);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--tight-1-5);
  margin-top: 0;
  margin-bottom: 0;
}

.sup-card_channel {
  font-family: var(--font-label);
  color: var(--role-accent);
  font-size: var(--font-size--mono-small);
  line-height: var(--line-height--ratio-1-4);
}

.sup-card_text {
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-compact);
  line-height: var(--line-height--ratio-1-55);
  margin-top: 0;
  margin-bottom: 0;
}

.sup-status {
  background-color: var(--role-page);
  color: var(--role-ink);
  padding-top: calc(var(--spacing-96) * var(--section-spacing));
  padding-bottom: calc(var(--spacing-96) * var(--section-spacing));
}

.sup-status_head {
  grid-column-gap: var(--spacing-24);
  grid-row-gap: var(--spacing-24);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.sup-status_title-wrap {
  grid-column-gap: var(--spacing-14);
  grid-row-gap: var(--spacing-14);
  align-items: center;
  display: flex;
}

.sup-status_dot {
  border-radius: var(--radius--xx-small);
  background-color: var(--role-accent);
  flex-shrink: 0;
  width: 12px;
  height: 12px;
}

.sup-status_title {
  color: var(--role-ink);
  font-size: var(--font-size--fixed-40);
  line-height: var(--line-height--ratio-1-12);
  font-weight: var(--fonts-weights--normal);
  letter-spacing: var(--letter-spacing--tight-1-px);
  margin-top: 0;
  margin-bottom: 0;
}

.sup-status_meta {
  font-family: var(--font-label);
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  white-space: nowrap;
}

.sup-status_bars {
  grid-column-gap: var(--spacing-4);
  grid-row-gap: var(--spacing-4);
  margin-top: var(--spacing-32);
  display: flex;
}

.sup-status_bar {
  border-radius: var(--radius--xx-small);
  background-color: var(--role-accent);
  flex: 1;
  min-width: 1px;
  height: 36px;
}

.sup-status_bar-degraded {
  border-radius: var(--radius--xx-small);
  background-color: var(--role-ink-faint);
  flex: 1;
  min-width: 1px;
  height: 36px;
}

.sup-status_regions {
  grid-column-gap: var(--spacing-8);
  grid-row-gap: var(--spacing-8);
  flex-wrap: wrap;
  margin-top: var(--spacing-32);
  display: flex;
}

.sup-status_pill {
  grid-column-gap: var(--spacing-8);
  grid-row-gap: var(--spacing-8);
  border-radius: var(--radius--large);
  background-color: var(--role-surface-2);
  align-items: center;
  padding: var(--spacing-6) var(--spacing-12);
  display: flex;
}

.sup-status_pill-dot {
  background-color: var(--role-accent);
  width: 6px;
  height: 6px;
}

.sup-status_pill-text {
  font-family: var(--font-label);
  color: var(--role-ink);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
}

.sup-message {
  padding-top: calc(var(--spacing-104) * var(--section-spacing));
  padding-bottom: calc(var(--spacing-104) * var(--section-spacing));
}

.sup-message_grid {
  grid-column-gap: var(--spacing-96);
  grid-row-gap: var(--spacing-96);
  grid-template-rows: auto;
  grid-template-columns: 1fr 560px;
  align-items: start;
  display: grid;
}

.sup-message_copy {
  grid-column-gap: var(--spacing-16);
  grid-row-gap: var(--spacing-16);
  flex-direction: column;
  max-width: 460px;
  display: flex;
}

.sup-message_text {
  max-width: 420px;
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-medium);
  line-height: var(--line-height--ratio-1-55);
  margin-top: 0;
  margin-bottom: 0;
}

.sup-message_card {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--default);
  background-color: var(--role-page);
  padding: var(--spacing-36);
}

.sup-form {
  grid-column-gap: var(--spacing-16);
  grid-row-gap: var(--spacing-16);
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.sup-field {
  grid-column-gap: var(--spacing-6);
  grid-row-gap: var(--spacing-6);
  flex-direction: column;
  width: 100%;
  display: flex;
}

.sup-msg {
  grid-column-gap: var(--spacing-12);
  grid-row-gap: var(--spacing-12);
  text-align: left;
  align-items: flex-start;
  display: flex;
}

.sup-msg_dot {
  background-color: var(--role-accent);
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  margin-top: var(--spacing-7);
}

.sup-msg_body {
  grid-column-gap: var(--spacing-2);
  grid-row-gap: var(--spacing-2);
  flex-direction: column;
  display: flex;
}

.sup-msg_title {
  color: var(--role-accent);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  font-weight: var(--fonts-weights--medium);
}

.sup-msg_text {
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  font-weight: var(--fonts-weights--normal);
}

.sup-msg_dot-error {
  background-color: var(--role-error);
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  margin-top: var(--spacing-7);
}

.sup-msg_title-error {
  color: var(--role-error);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  font-weight: var(--fonts-weights--medium);
}

.pp-hero {
  border-top: 1px solid var(--role-line);
  padding-top: calc(var(--spacing-98) * var(--section-spacing));
  padding-bottom: calc(var(--spacing-56) * var(--section-spacing));
  position: relative;
}

.pp-container {
  grid-column-gap: var(--spacing-24);
  grid-row-gap: var(--spacing-24);
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 1152px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.pp-eyebrow {
  font-family: var(--font-label);
  color: var(--role-accent);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  font-weight: var(--fonts-weights--medium);
  text-transform: uppercase;
}

.pp-title {
  color: var(--role-ink);
  font-size: var(--font-size--hero);
  line-height: var(--line-height--ratio-1);
  font-weight: var(--fonts-weights--normal);
  letter-spacing: var(--letter-spacing--tight-3-5);
  margin-top: 0;
  margin-bottom: 0;
}

.pp-lead {
  max-width: 560px;
  color: var(--role-ink-soft);
  font-size: var(--font-size--lead);
  line-height: var(--line-height--ratio-1-55);
  margin-top: 0;
  margin-bottom: 0;
}

.pp-policy {
  padding-top: var(--spacing-24);
  padding-bottom: calc(var(--spacing-120) * var(--section-spacing));
  position: relative;
}

.pp-layout {
  grid-column-gap: var(--spacing-96);
  grid-row-gap: var(--spacing-96);
  align-items: flex-start;
  width: 100%;
  max-width: 1152px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.pp-toc {
  grid-column-gap: var(--spacing-12);
  grid-row-gap: var(--spacing-12);
  flex-direction: column;
  flex: 0 0 240px;
  width: 240px;
  display: flex;
  position: sticky;
  top: 112px;
}

.pp-toc_label {
  font-family: var(--font-label);
  color: var(--role-ink-soft);
  font-size: var(--font-size--fixed-11);
  line-height: var(--line-height--ratio-1-3);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--wide-6);
  text-transform: uppercase;
}

.pp-toc_list {
  grid-column-gap: var(--spacing-12);
  grid-row-gap: var(--spacing-12);
  flex-direction: column;
  display: flex;
}

.pp-toc_link {
  grid-column-gap: var(--spacing-8);
  grid-row-gap: var(--spacing-8);
  color: var(--role-ink-2);
  font-size: var(--font-size--body-compact);
  line-height: var(--line-height--ratio-1-55);
  font-weight: var(--fonts-weights--medium);
  text-decoration: none;
  transition: color var(--motion-0-15s);
  display: flex;
}

.pp-toc_link:hover, .pp-toc_link.w--current {
  color: var(--role-accent);
}

.pp-toc_num {
  flex: none;
  min-width: 18px;
}

.pp-toc_text {
  flex: auto;
}

.pp-main {
  flex: auto;
  width: 100%;
  min-width: 0;
  max-width: 720px;
}

.pp-rich {
  width: 100%;
  color: var(--role-ink-2);
  font-size: var(--font-size--lead);
  line-height: var(--line-height--ratio-1-55);
}

.pp-rich h2 {
  color: var(--role-ink);
  font-size: var(--font-size--h4);
  line-height: var(--line-height--ratio-1-25);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--tight-1-5);
  margin-top: var(--spacing-40);
  margin-bottom: var(--spacing-12);
  scroll-margin-top: 112px;
}

.pp-rich p {
  margin-top: 0;
  margin-bottom: var(--spacing-16);
}

.pp-rich h3 {
  color: var(--role-ink);
  font-size: var(--font-size--body-large);
  line-height: var(--line-height--ratio-1-35);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--tight-1);
  margin-top: var(--spacing-24);
  margin-bottom: var(--spacing-8);
}

.pp-rich ul {
  margin-top: 0;
  margin-bottom: var(--spacing-16);
  padding-left: var(--spacing-22);
}

.pp-rich li {
  margin-bottom: var(--spacing-6);
  padding-left: var(--spacing-4);
}

.pp-rich a {
  color: var(--role-accent);
  font-weight: var(--fonts-weights--medium);
  text-decoration: underline;
  transition: color var(--motion-fast);
}

.pp-rich a:hover {
  color: var(--role-accent-deep);
}

.err-404 {
  flex-direction: column;
  justify-content: center;
  min-height: 100vh;
  margin-top: calc(var(--spacing-78) * -1);
  padding-top: calc(var(--spacing-190) * var(--section-spacing));
  padding-bottom: calc(var(--spacing-112) * var(--section-spacing));
  display: flex;
  position: relative;
}

.err-404.theme-dark {
  position: relative;
}

.err-404_layout {
  align-items: center;
  gap: var(--spacing-56) var(--spacing-96);
  width: 100%;
  max-width: 1152px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.err-digits {
  flex: none;
  column-gap: var(--spacing-26);
  display: flex;
}

.err-digit {
  grid-template-rows: auto;
  grid-template-columns: repeat(5, 22px);
  grid-auto-rows: 22px;
  gap: var(--spacing-4);
  display: grid;
}

.err-cell {
  border-radius: var(--radius--xx-small);
  background-color: var(--role-line);
  width: 100%;
  height: 100%;
}

.err-cell-on {
  border-radius: var(--radius--xx-small);
  background-color: var(--role-ink);
  width: 100%;
  height: 100%;
}

.err-cell-accent {
  border-radius: var(--radius--xx-small);
  background-color: var(--role-accent);
  width: 100%;
  height: 100%;
}

.err-404_content {
  flex-direction: column;
  flex: auto;
  align-items: flex-start;
  row-gap: var(--spacing-24);
  min-width: 0;
  display: flex;
}

.err-404_eyebrow {
  font-family: var(--font-label);
  color: var(--role-accent);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  margin-top: 0;
  margin-bottom: 0;
}

.err-404_lead {
  color: var(--role-ink-soft);
  font-size: var(--font-size--lead);
  line-height: var(--line-height--ratio-1-55);
  margin-top: 0;
  margin-bottom: 0;
}

.err-404_buttons {
  flex-wrap: wrap;
  align-items: center;
  gap: var(--spacing-10);
  display: flex;
}

.err-404_links {
  font-family: var(--font-label);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  text-transform: uppercase;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--spacing-8) var(--spacing-16);
  display: flex;
}

.err-404_links-label {
  color: var(--role-ink-soft);
}

.err-404_link {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--role-line-strong);
  color: var(--role-ink-2);
  text-decoration: none;
  transition: color var(--motion-0-15s), border-color var(--motion-0-15s);
}

.err-404_link:hover {
  border-bottom-color: var(--role-accent);
  color: var(--role-accent);
}

.auth-split {
  background-color: var(--role-page);
  align-items: stretch;
  min-height: 100vh;
  display: flex;
}

.auth-split.is-reverse {
  flex-direction: row-reverse;
}

.auth-side {
  flex-direction: column;
  flex: 0 0 50%;
  justify-content: space-between;
  align-items: flex-start;
  row-gap: var(--spacing-48);
  width: 50%;
  padding: var(--spacing-48) 8.33%;
  display: flex;
}

.auth-logo {
  color: var(--role-ink);
  align-items: center;
  column-gap: var(--spacing-10);
  text-decoration: none;
  transition: opacity var(--motion-fast);
  display: flex;
}

.auth-logo:hover {
  opacity: .7;
}

.auth-logo_mark {
  flex-shrink: 0;
  width: 22px;
  height: 22px;
}

.auth-logo_text {
  font-size: var(--font-size--fixed-18);
  line-height: var(--line-height--ratio-1-3);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--tight-0-27-px);
}

.auth-form {
  flex-direction: column;
  align-items: stretch;
  row-gap: var(--spacing-20);
  width: 100%;
  max-width: 480px;
  display: flex;
}

.auth-fields {
  margin-top: 0;
  margin-bottom: 0;
}

.auth-field {
  flex-direction: column;
  row-gap: var(--spacing-6);
  margin-bottom: var(--spacing-20);
  display: flex;
}

.auth-label-row {
  justify-content: space-between;
  align-items: center;
  column-gap: var(--spacing-12);
  display: flex;
}

.auth-forgot {
  color: var(--role-accent);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  text-decoration: none;
  transition: color var(--motion-fast);
}

.auth-forgot:hover {
  color: var(--role-accent-deep);
}

.auth-msg {
  text-align: left;
  align-items: flex-start;
  column-gap: var(--spacing-12);
  display: flex;
}

.auth-msg_icon {
  background-color: var(--role-accent);
  flex: 0 0 8px;
  width: 8px;
  height: 8px;
  margin-top: var(--spacing-7);
}

.auth-msg_icon-error {
  background-color: var(--role-error);
  flex: 0 0 8px;
  width: 8px;
  height: 8px;
  margin-top: var(--spacing-7);
}

.auth-msg_text {
  flex-direction: column;
  flex: auto;
  row-gap: var(--spacing-2);
  min-width: 0;
  display: flex;
}

.auth-msg_title {
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  font-weight: var(--fonts-weights--medium);
}

.auth-msg_body {
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  font-weight: var(--fonts-weights--normal);
}

.auth-switch {
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  margin-top: 0;
  margin-bottom: 0;
}

.auth-switch_link {
  color: var(--role-ink);
  font-weight: var(--fonts-weights--medium);
  text-decoration: none;
  transition: color var(--motion-fast);
}

.auth-switch_link:hover {
  color: var(--role-accent);
}

.auth-legal {
  font-family: var(--font-label);
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
}

.auth-legal_link {
  color: var(--role-ink-soft);
  text-decoration: none;
  transition: color var(--motion-fast);
}

.auth-legal_link:hover {
  color: var(--role-ink);
}

.auth-media {
  flex-direction: column;
  flex: 50%;
  justify-content: flex-end;
  min-width: 0;
  padding: var(--spacing-48);
  display: flex;
  position: relative;
  overflow: hidden;
}

.auth-media_img {
  object-fit: cover;
  border-radius: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.auth-card {
  z-index: 1;
  border-radius: var(--radius--large);
  background-color: var(--role-page);
  width: 100%;
  color: var(--role-ink);
  flex-direction: column;
  row-gap: var(--spacing-14);
  padding: var(--spacing-28);
  display: flex;
  position: relative;
}

.auth-quote {
  max-width: 520px;
  font-size: var(--font-size--fixed-22);
  line-height: var(--line-height--ratio-1-25);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--tight-0-33-px);
  margin-top: 0;
  margin-bottom: 0;
}

.auth-card_meta {
  font-family: var(--font-label);
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
}

.err-401 {
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  padding: var(--spacing-48) var(--spacing-24);
  display: flex;
  position: relative;
  overflow: hidden;
}

.err-401_bg {
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.err-401_image {
  object-fit: cover;
  border-radius: 0;
  width: 100%;
  height: 100%;
  display: block;
}

.err-401_field {
  flex-direction: column;
  row-gap: var(--spacing-6);
  width: 100%;
  margin-bottom: var(--spacing-20);
  display: flex;
}

.err-401_msg {
  align-items: flex-start;
  column-gap: var(--spacing-12);
  display: flex;
}

.err-401_msg-icon {
  background-color: var(--role-error);
  flex: none;
  width: 8px;
  height: 8px;
  margin-top: var(--spacing-7);
}

.err-401_msg-text {
  flex-direction: column;
  flex: auto;
  row-gap: var(--spacing-2);
  min-width: 0;
  display: flex;
}

.err-401_msg-title {
  color: var(--role-error);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  font-weight: var(--fonts-weights--medium);
}

.err-401_msg-body {
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  font-weight: var(--fonts-weights--normal);
}

.err-401_card {
  z-index: 1;
  border-radius: var(--radius--default);
  background-color: var(--role-page);
  width: 100%;
  max-width: 520px;
  margin-bottom: 0;
  padding: var(--spacing-44);
  position: relative;
}

.err-401_card.theme-light {
  position: relative;
}

.err-401_form {
  width: 100%;
  display: block;
}

.err-401_logo {
  width: auto;
  height: 23px;
  margin-bottom: var(--spacing-20);
  display: block;
}

.err-401_text {
  color: var(--role-ink-soft);
  font-size: var(--font-size--lead);
  line-height: var(--line-height--ratio-1-55);
  margin-top: 0;
  margin-bottom: var(--spacing-20);
}

.err-401_tile {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--field);
  background-color: var(--role-surface);
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  display: flex;
}

.err-401_tile-icon {
  width: 18px;
  height: 18px;
  display: block;
}

.auth-card_eyebrow {
  font-family: var(--font-label);
  color: var(--role-accent);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  font-weight: var(--fonts-weights--medium);
}

.auth-perks {
  flex-direction: column;
  display: flex;
}

.auth-perk {
  border-bottom: 1px solid var(--role-line);
  align-items: flex-start;
  column-gap: var(--spacing-12);
  padding-top: var(--spacing-12);
  padding-bottom: var(--spacing-12);
  display: flex;
}

.auth-perk_tick {
  font-family: var(--font-label);
  color: var(--role-accent);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  padding-top: var(--spacing-2);
}

.auth-perk_text {
  font-size: var(--font-size--body-medium);
  line-height: var(--line-height--ratio-1-55);
}

.sg-hero {
  border-top: 1px solid var(--role-line);
  padding-top: var(--spacing-98);
  padding-bottom: var(--spacing-64);
}

.sg-hero_inner {
  flex-direction: column;
  align-items: flex-start;
  row-gap: var(--spacing-20);
  display: flex;
}

.sg-eyebrow {
  font-family: var(--font-label);
  color: var(--role-accent);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--none);
  text-transform: uppercase;
}

.sg-hero_title {
  color: var(--role-ink);
  font-size: var(--font-size--hero);
  line-height: var(--line-height--ratio-1);
  font-weight: var(--fonts-weights--normal);
  letter-spacing: var(--letter-spacing--tight-3-5);
  margin-top: 0;
  margin-bottom: 0;
}

.sg-hero_lead {
  max-width: 620px;
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-large);
  line-height: var(--line-height--ratio-1-55);
  margin-bottom: 0;
}

.lic-hero {
  border-top: 1px solid var(--role-line);
  padding-top: var(--spacing-98);
  padding-bottom: var(--spacing-56);
}

.lic-hero_content {
  max-width: 1152px;
  margin-left: auto;
  margin-right: auto;
}

.lic-hero_eyebrow {
  font-family: var(--font-label);
  color: var(--role-accent);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-3);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--wide-8);
  text-transform: uppercase;
  margin-bottom: var(--spacing-24);
}

.lic-hero_title {
  color: var(--role-ink);
  font-size: var(--font-size--hero);
  line-height: var(--line-height--ratio-1);
  font-weight: var(--fonts-weights--normal);
  letter-spacing: var(--letter-spacing--tight-3);
  margin-top: 0;
  margin-bottom: var(--spacing-24);
}

.lic-hero_lead {
  max-width: 600px;
  color: var(--role-ink-soft);
  font-size: var(--font-size--lead);
  line-height: var(--line-height--ratio-1-55);
  margin-bottom: 0;
}

.lic-cards {
  padding-bottom: var(--spacing-48);
}

.lic-cards_grid {
  grid-column-gap: var(--spacing-24);
  grid-row-gap: var(--spacing-24);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  max-width: 1152px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.lic-card {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--large);
  background-color: var(--role-page);
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.lic-card_visual {
  border-bottom: 1px solid var(--role-line);
  background-color: var(--role-surface);
  justify-content: center;
  align-items: center;
  height: 280px;
  padding: var(--spacing-32);
  display: flex;
}

.lic-card_visual-accent {
  background-color: var(--role-accent);
  justify-content: center;
  align-items: center;
  height: 280px;
  padding: var(--spacing-32);
  display: flex;
}

.lic-card_photos {
  grid-column-gap: var(--spacing-12);
  grid-template-rows: auto;
  grid-template-columns: 1.4fr 1fr 1.4fr;
  width: 100%;
  height: 100%;
  display: grid;
}

.lic-card_photo {
  border-radius: var(--radius--compact);
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.lic-card_fonts {
  grid-column-gap: var(--spacing-56);
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.lic-card_font {
  grid-row-gap: var(--spacing-12);
  flex-direction: column;
  align-items: center;
  display: flex;
}

.lic-card_glyph {
  color: var(--role-ink);
  font-size: var(--font-size--fixed-104);
  line-height: var(--line-height--ratio-1);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--tight-4);
}

.lic-card_glyph-mono {
  font-family: var(--font-label);
  color: var(--role-accent);
  font-size: var(--font-size--fixed-104);
  line-height: var(--line-height--ratio-1);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--tight-4);
}

.lic-card_font-name {
  font-family: var(--font-label);
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-3);
  letter-spacing: var(--letter-spacing--wide-8);
  text-transform: uppercase;
}

.lic-card_icons {
  grid-column-gap: var(--spacing-16);
  grid-row-gap: var(--spacing-16);
  grid-template-rows: auto;
  grid-template-columns: repeat(4, auto);
  justify-content: center;
  display: grid;
}

.lic-card_logo {
  border-radius: 0;
  width: 200px;
  height: auto;
}

.lic-card_text {
  grid-row-gap: var(--spacing-12);
  flex-direction: column;
  flex-grow: 1;
  padding: var(--spacing-32);
  display: flex;
}

.lic-card_title {
  color: var(--role-ink);
  font-size: var(--font-size--fixed-22);
  line-height: var(--line-height--ratio-1-25);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--tight-1-5);
  margin-top: 0;
  margin-bottom: 0;
}

.lic-card_body {
  color: var(--role-ink-muted);
  font-size: var(--font-size--body-medium);
  line-height: var(--line-height--ratio-1-55);
  margin-bottom: 0;
}

.lic-card_links {
  grid-column-gap: var(--spacing-20);
  grid-row-gap: var(--spacing-8);
  flex-wrap: wrap;
  padding-top: var(--spacing-4);
  display: flex;
}

.lic-card_link {
  color: var(--role-accent);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-4);
  font-weight: var(--fonts-weights--medium);
  text-decoration: none;
}

.lic-card_link:hover {
  color: var(--role-accent-deep);
  text-decoration: underline;
}

.lic-terms {
  padding-top: var(--spacing-24);
  padding-bottom: var(--spacing-112);
}

.lic-terms_panel {
  grid-column-gap: var(--spacing-32);
  border: 1px solid var(--role-line);
  border-radius: var(--radius--default);
  background-color: var(--role-page);
  justify-content: space-between;
  align-items: center;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding: var(--spacing-40) var(--spacing-48);
  display: flex;
}

.lic-terms_text {
  grid-row-gap: var(--spacing-8);
  flex-direction: column;
  max-width: 620px;
  display: flex;
}

.lic-terms_title {
  color: var(--role-ink);
  font-size: var(--font-size--h4);
  line-height: var(--line-height--ratio-1-25);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--tight-1-5);
  margin-top: 0;
  margin-bottom: 0;
}

.lic-terms_body {
  color: var(--role-ink-soft);
  font-size: var(--font-size--fixed-15);
  line-height: var(--line-height--ratio-1-5);
  margin-bottom: 0;
}

.lic-terms_action {
  flex-shrink: 0;
}

.sg-fill-base-black {
  background-color: var(--role-ink);
  height: 96px;
}

.sg-fill-base-white {
  background-color: var(--role-page);
  height: 96px;
}

.sg-fill-accent-primary {
  background-color: var(--role-accent);
  height: 96px;
}

.sg-fill-accent-deep {
  background-color: var(--role-accent-deep);
  height: 96px;
}

.sg-fill-accent-soft {
  background-color: var(--role-accent-soft);
  height: 96px;
}

.sg-fill-accent-muted {
  background-color: var(--role-accent-muted);
  height: 96px;
}

.sg-fill-neutral-50 {
  background-color: var(--role-surface);
  height: 96px;
}

.sg-fill-neutral-100 {
  background-color: var(--role-surface-2);
  height: 96px;
}

.sg-fill-neutral-200 {
  background-color: var(--role-line);
  height: 96px;
}

.sg-fill-neutral-300 {
  background-color: var(--role-line-strong);
  height: 96px;
}

.sg-fill-neutral-400 {
  background-color: var(--role-line-dark);
  height: 96px;
}

.sg-fill-neutral-500 {
  background-color: var(--role-ink-faint);
  height: 96px;
}

.sg-fill-neutral-600 {
  background-color: var(--role-ink-soft);
  height: 96px;
}

.sg-fill-neutral-700 {
  background-color: var(--role-ink-muted);
  height: 96px;
}

.sg-fill-neutral-800 {
  background-color: var(--role-ink-2);
  height: 96px;
}

.sg-fill-neutral-900 {
  background-color: var(--tone-night-panel-59-band-surface);
  height: 96px;
}

.sg-fill-surface-inverse {
  background-color: var(--role-inverse);
  height: 96px;
}

.sg-fill-feedback-error {
  background-color: var(--role-error);
  height: 96px;
}

.sg-section {
  border-top: 1px solid var(--role-line);
  padding-top: var(--spacing-56);
  padding-bottom: var(--spacing-56);
}

.sg-container {
  width: 100%;
  max-width: 1152px;
  margin-left: auto;
  margin-right: auto;
}

.sg-label {
  font-family: var(--font-label);
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--none);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: var(--spacing-24);
}

.sg-note {
  max-width: 620px;
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  margin-top: calc(var(--spacing-12) * -1);
  margin-bottom: var(--spacing-24);
}

.sg-colours_grid {
  grid-column-gap: var(--spacing-16);
  grid-row-gap: var(--spacing-16);
  grid-template-rows: auto;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  display: grid;
}

.sg-colour {
  flex-direction: column;
  row-gap: var(--spacing-8);
  min-width: 0;
  display: flex;
}

.sg-swatch {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--compact);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  display: grid;
  overflow: hidden;
}

.sg-colour_name {
  color: var(--role-ink);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  font-weight: var(--fonts-weights--medium);
}

.sg-colour_hex {
  font-family: var(--font-label);
  color: var(--role-ink-soft);
  font-size: var(--font-size--fixed-10);
  line-height: var(--line-height--ratio-1-4);
}

.sg-type_list {
  flex-direction: column;
  display: flex;
}

.sg-type_row {
  grid-column-gap: var(--spacing-32);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--role-line);
  grid-template-rows: auto;
  grid-template-columns: 240px minmax(0, 1fr);
  align-items: center;
  padding-top: var(--spacing-18);
  padding-bottom: var(--spacing-18);
  display: grid;
}

.sg-type_meta {
  flex-direction: column;
  row-gap: var(--spacing-4);
  display: flex;
}

.sg-type_name {
  font-family: var(--font-label);
  color: var(--role-ink);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
}

.sg-type_spec {
  font-family: var(--font-label);
  color: var(--role-ink-soft);
  font-size: var(--font-size--fixed-10);
  line-height: var(--line-height--ratio-1-4);
}

.sg-type_class {
  font-family: var(--font-label);
  color: var(--role-accent);
  font-size: var(--font-size--fixed-10);
  line-height: var(--line-height--ratio-1-4);
}

.sg-type_sample {
  color: var(--role-ink);
  overflow-wrap: break-word;
  min-width: 0;
}

.sg-buttons, .sg-buttons_row {
  flex-wrap: wrap;
  align-items: center;
  gap: var(--spacing-16);
  display: flex;
}

.sg-buttons_dark {
  border-radius: var(--radius--small);
  background-color: var(--role-page);
  flex-wrap: wrap;
  align-items: center;
  gap: var(--spacing-16);
  padding: var(--spacing-12) var(--spacing-16);
  display: flex;
}

.sg-buttons_dark.theme-dark {
  position: relative;
}

.sg-comp {
  flex-direction: column;
  row-gap: var(--spacing-40);
  display: flex;
}

.sg-comp_group {
  flex-direction: column;
  row-gap: var(--spacing-16);
  display: flex;
}

.sg-comp_group.is-scroll {
  overflow-x: auto;
}

.sg-comp_caption {
  font-family: var(--font-label);
  color: var(--role-ink-soft);
  font-size: var(--font-size--fixed-10);
  line-height: var(--line-height--ratio-1-4);
  text-transform: uppercase;
}

.sg-comp_inline {
  flex-wrap: wrap;
  align-items: center;
  gap: var(--spacing-12) var(--spacing-16);
  display: flex;
}

.sg-comp_faq {
  grid-column-gap: var(--spacing-16);
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: start;
  display: grid;
}

.sg-comp_rows {
  grid-column-gap: var(--spacing-16);
  grid-row-gap: var(--spacing-16);
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) minmax(0, 1fr);
  align-items: start;
  display: grid;
}

.sg-comp_cards {
  grid-column-gap: var(--spacing-16);
  grid-row-gap: var(--spacing-16);
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
  align-items: start;
  display: grid;
}

.sg-comp_story {
  min-width: 0;
}

.sg-comp_logos {
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  display: grid;
}

.sg-comp_bench {
  flex-direction: column;
  display: flex;
  overflow-x: visible;
}

.sg-comp_more {
  max-width: 620px;
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  margin-bottom: 0;
}

.tcl-hero {
  border-top: 1px solid var(--role-line);
  padding-top: var(--spacing-98);
  padding-bottom: var(--spacing-56);
}

.tcl-hero_content {
  max-width: 1152px;
  margin-left: auto;
  margin-right: auto;
}

.tcl-hero_eyebrow {
  font-family: var(--font-label);
  color: var(--role-accent);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-3);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--wide-8);
  text-transform: uppercase;
  margin-bottom: var(--spacing-24);
}

.tcl-hero_title {
  color: var(--role-ink);
  font-size: var(--font-size--hero);
  line-height: var(--line-height--ratio-1);
  font-weight: var(--fonts-weights--normal);
  letter-spacing: var(--letter-spacing--tight-3);
  margin-top: 0;
  margin-bottom: var(--spacing-24);
}

.tcl-hero_lead {
  max-width: 560px;
  color: var(--role-ink-soft);
  font-size: var(--font-size--lead);
  line-height: var(--line-height--ratio-1-55);
  margin-bottom: 0;
}

.tcl-log {
  padding-bottom: var(--spacing-112);
}

.tcl-log_list {
  border-top: 1px solid var(--role-line);
  max-width: 1152px;
  margin-left: auto;
  margin-right: auto;
}

.tcl-entry {
  grid-column-gap: var(--spacing-96);
  border-bottom: 1px solid var(--role-line);
  grid-template-rows: auto;
  grid-template-columns: 240px 1fr;
  padding-top: var(--spacing-48);
  padding-bottom: var(--spacing-48);
  display: grid;
}

.tcl-entry_meta {
  grid-row-gap: var(--spacing-12);
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.tcl-entry_version {
  border-radius: var(--radius--x-small);
  background-color: var(--role-accent-soft);
  font-family: var(--font-label);
  color: var(--role-accent-deep);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-3);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--wide-6);
  padding: var(--spacing-6) var(--spacing-10);
}

.tcl-entry_date {
  font-family: var(--font-label);
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-3);
  letter-spacing: var(--letter-spacing--wide-8);
  text-transform: uppercase;
}

.tcl-entry_body {
  max-width: 720px;
}

.tcl-entry_title {
  color: var(--role-ink);
  font-size: var(--font-size--fixed-32);
  line-height: var(--line-height--ratio-1-15);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--tight-2);
  margin-top: 0;
  margin-bottom: var(--spacing-12);
}

.tcl-entry_lead {
  color: var(--role-ink-muted);
  font-size: var(--font-size--lead);
  line-height: var(--line-height--ratio-1-55);
  margin-bottom: var(--spacing-32);
}

.tcl-entry_label {
  font-family: var(--font-label);
  color: var(--role-ink-soft);
  font-size: var(--font-size--fixed-11);
  line-height: var(--line-height--ratio-1-3);
  letter-spacing: var(--letter-spacing--wide-8);
  text-transform: uppercase;
  margin-bottom: var(--spacing-16);
}

.tcl-entry_list {
  grid-column-gap: var(--spacing-32);
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: grid;
}

.tcl-entry_item {
  grid-column-gap: var(--spacing-12);
  border-top: 1px solid var(--role-line);
  align-items: flex-start;
  padding-top: var(--spacing-14);
  padding-bottom: var(--spacing-14);
  display: flex;
}

.tcl-entry_mark {
  border-radius: var(--radius--hairline);
  background-color: var(--role-accent);
  flex: none;
  width: 8px;
  height: 8px;
  margin-top: var(--spacing-8);
}

.tcl-entry_text {
  color: var(--role-ink-2);
  font-size: var(--font-size--fixed-15);
  line-height: var(--line-height--ratio-1-55);
}

.sg-forms {
  grid-column-gap: var(--spacing-32);
  grid-row-gap: var(--spacing-32);
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
  align-items: start;
  display: grid;
}

.sg-forms_card {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--large);
  background-color: var(--role-page);
  padding: var(--spacing-32);
}

.sg-form {
  display: block;
}

.sg-form_row {
  grid-column-gap: var(--spacing-16);
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  display: grid;
}

.sg-field {
  flex-direction: column;
  row-gap: var(--spacing-6);
  margin-bottom: var(--spacing-20);
  display: flex;
}

.sg-consent {
  margin-bottom: var(--spacing-24);
}

.sg-forms_states {
  flex-direction: column;
  row-gap: var(--spacing-12);
  display: flex;
}

.sg-forms_error {
  border: 1px solid var(--role-error);
  border-radius: var(--radius--compact);
  background-color: var(--role-page);
  color: var(--role-error);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  font-weight: var(--fonts-weights--medium);
  padding: var(--spacing-14) var(--spacing-16);
}

.sg-msg {
  align-items: flex-start;
  column-gap: var(--spacing-12);
  display: flex;
}

.sg-msg_icon {
  background-color: var(--role-accent);
  flex: none;
  width: 8px;
  height: 8px;
  margin-top: var(--spacing-7);
}

.sg-msg_icon-error {
  background-color: var(--role-error);
  flex: none;
  width: 8px;
  height: 8px;
  margin-top: var(--spacing-7);
}

.sg-msg_text {
  flex-direction: column;
  row-gap: var(--spacing-2);
  min-width: 0;
  display: flex;
}

.sg-msg_title {
  color: var(--role-ink);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  font-weight: var(--fonts-weights--medium);
}

.sg-msg_body {
  color: var(--role-ink-muted);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  font-weight: var(--fonts-weights--normal);
}

.sg-icons {
  grid-column-gap: var(--spacing-12);
  grid-row-gap: var(--spacing-12);
  grid-template-rows: auto;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  display: grid;
}

.sg-icon {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--compact);
  flex-direction: column;
  align-items: center;
  row-gap: var(--spacing-10);
  min-width: 0;
  padding: var(--spacing-16) var(--spacing-8);
  display: flex;
}

.sg-icon_art {
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  display: flex;
  position: relative;
}

.sg-icon_img {
  width: 36px;
  height: 36px;
}

.sg-icon_img-dark {
  width: 36px;
  height: 36px;
  opacity: var(--_theme---effect--glow);
  filter: invert() hue-rotate(180deg);
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
}

.sg-icon_label {
  max-width: 100%;
  font-family: var(--font-label);
  color: var(--role-ink-soft);
  font-size: var(--font-size--fixed-10);
  line-height: var(--line-height--ratio-1-4);
  text-align: center;
}

.sg-lotties {
  grid-column-gap: var(--spacing-16);
  grid-row-gap: var(--spacing-16);
  grid-template-rows: auto;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  display: grid;
}

.sg-lottie {
  border-radius: var(--radius--small);
  background-color: var(--role-surface-2);
  flex-direction: column;
  align-items: center;
  row-gap: var(--spacing-12);
  min-width: 0;
  padding: var(--spacing-20);
  display: flex;
}

.sg-lottie.theme-light {
  background-color: var(--role-surface-2);
}

.sg-lottie_img {
  border-radius: 0;
  width: 100%;
  max-width: 240px;
  height: auto;
}

.sg-lottie_label {
  font-family: var(--font-label);
  color: var(--role-ink-soft);
  font-size: var(--font-size--fixed-10);
  line-height: var(--line-height--ratio-1-4);
  text-transform: uppercase;
}

.sg-radius {
  flex-wrap: wrap;
  gap: var(--spacing-24);
  display: flex;
}

.sg-radius_item {
  flex-direction: column;
  align-items: center;
  row-gap: var(--spacing-8);
  display: flex;
}

.sg-radius_box-6 {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--x-small);
  background-color: var(--role-surface-2);
  width: 96px;
  height: 96px;
}

.sg-radius_box-10 {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--field);
  background-color: var(--role-surface-2);
  width: 96px;
  height: 96px;
}

.sg-radius_box-16 {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--small);
  background-color: var(--role-surface-2);
  width: 96px;
  height: 96px;
}

.sg-radius_box-20 {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--large);
  background-color: var(--role-surface-2);
  width: 96px;
  height: 96px;
}

.sg-radius_box-24 {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--default);
  background-color: var(--role-surface-2);
  width: 96px;
  height: 96px;
}

.sg-radius_box-pill {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--button);
  background-color: var(--role-surface-2);
  width: 96px;
  height: 96px;
}

.sg-radius_label {
  font-family: var(--font-label);
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-tiny);
  line-height: var(--line-height--ratio-1-4);
  text-transform: uppercase;
}

.sg-radius_var {
  font-family: var(--font-label);
  color: var(--role-accent);
  font-size: var(--font-size--fixed-10);
  line-height: var(--line-height--ratio-1-4);
}

.overview-hero_accent {
  color: var(--role-accent);
  font-style: normal;
  display: block;
}

.err-nav {
  position: relative;
}

.form-msg {
  text-align: left;
  align-items: flex-start;
  column-gap: var(--spacing-12);
  display: flex;
}

.form-msg_icon {
  background-color: var(--role-accent);
  flex: 0 0 8px;
  width: 8px;
  height: 8px;
  margin-top: var(--spacing-7);
}

.form-msg_icon-error {
  background-color: var(--role-error);
  flex: 0 0 8px;
  width: 8px;
  height: 8px;
  margin-top: var(--spacing-7);
}

.form-msg_text {
  flex-direction: column;
  flex: auto;
  row-gap: var(--spacing-2);
  min-width: 0;
  display: flex;
}

.form-msg_title {
  color: var(--role-accent);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  font-weight: var(--fonts-weights--medium);
}

.form-msg_body {
  color: var(--role-ink-soft);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  font-weight: var(--fonts-weights--normal);
}

.form-msg_title-error {
  color: var(--role-error);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--ratio-1-55);
  font-weight: var(--fonts-weights--medium);
}

.pcl-pagination {
  justify-content: center;
  column-gap: var(--spacing-12);
  margin-top: var(--spacing-40);
  display: flex;
}

.lottie-theme-dark {
  width: 100%;
  height: 100%;
  opacity: var(--_theme---effect--glow);
  pointer-events: none;
  transition: opacity var(--motion-fast);
  position: absolute;
  top: 0;
  left: 0;
}

.docs-step {
  flex-direction: column;
  align-items: flex-start;
  row-gap: var(--spacing-24);
  width: 100%;
  scroll-margin-top: 112px;
  display: flex;
}

.nav_theme-button {
  z-index: 2;
  border-radius: var(--radius--button);
  cursor: pointer;
  background-color: transparent;
  border-style: none;
  width: 100%;
  height: 100%;
  padding: 0;
  position: absolute;
  inset: 0;
}

.nav_theme-button:focus-visible, .nav_theme-button[data-wf-focus-visible] {
  outline-color: var(--role-accent);
  outline-offset: 2px;
  outline-width: 2px;
  outline-style: solid;
}

.faq-item_button {
  z-index: 2;
  border-radius: var(--radius--control);
  cursor: pointer;
  background-color: transparent;
  border-style: none;
  width: 100%;
  height: 100%;
  padding: 0;
  position: absolute;
  inset: 0;
}

.faq-item_button:focus-visible, .faq-item_button[data-wf-focus-visible] {
  outline-color: var(--role-accent);
  outline-offset: 4px;
  outline-width: 2px;
  outline-style: solid;
}

.err-401_legal {
  margin-top: var(--spacing-24);
}

.bench-label {
  font-family: var(--font-label);
  color: var(--role-ink-soft);
  font-size: var(--font-size--fixed-10);
  line-height: var(--line-height--ratio-1-3);
  font-weight: var(--fonts-weights--medium);
  letter-spacing: var(--letter-spacing--wide-4);
  text-transform: uppercase;
  display: none;
}

.bench-cell-diff {
  flex-direction: column;
  row-gap: var(--spacing-8);
  display: flex;
}

.pcl-timeline_items, .pcl-timeline_item {
  position: relative;
}

.h2-top_video-btn {
  z-index: 3;
  border: 1px solid var(--_theme---static--white-24);
  border-radius: var(--radius--button);
  background-color: var(--_theme---static--ink-56);
  -webkit-backdrop-filter: var(--button-glow, blur(10px));
  backdrop-filter: var(--button-glow, blur(10px));
  width: auto;
  height: 40px;
  color: var(--role-ink);
  white-space: nowrap;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  padding: 0 var(--spacing-16) 0 var(--spacing-14);
  transition: background-color var(--motion-fast), border-color var(--motion-fast);
  display: flex;
  position: absolute;
  top: 112px;
  bottom: auto;
  right: calc(50% - 576px);
}

.h2-top_video-btn:hover {
  border-color: var(--_theme---static--white-50);
  background-color: var(--_theme---static--ink-80);
}

.h2-top_video-btn:focus-visible, .h2-top_video-btn[data-wf-focus-visible] {
  outline-color: var(--_theme---static--white-100);
  outline-offset: 2px;
  outline-width: 2px;
  outline-style: solid;
}

.h2-top_video-icon {
  vertical-align: middle;
  border-radius: 0;
  width: 16px;
  height: 16px;
  display: inline-block;
}

.h3-console_layers {
  pointer-events: none;
  position: absolute;
  inset: 0;
}

.h3-console_stat-1 {
  border-radius: 0;
  width: 17.099%;
  max-width: none;
  height: auto;
  display: block;
  position: absolute;
  top: 13.214%;
  left: 26.173%;
}

.h3-console_stat-2 {
  border-radius: 0;
  width: 17.099%;
  max-width: none;
  height: auto;
  display: block;
  position: absolute;
  top: 13.214%;
  left: 44.198%;
}

.h3-console_stat-3 {
  border-radius: 0;
  width: 17.099%;
  max-width: none;
  height: auto;
  display: block;
  position: absolute;
  top: 13.214%;
  left: 62.222%;
}

.h3-console_stat-4 {
  border-radius: 0;
  width: 17.099%;
  max-width: none;
  height: auto;
  display: block;
  position: absolute;
  top: 13.214%;
  left: 80.247%;
}

.h3-console_chart {
  border-radius: 0;
  width: 71.173%;
  max-width: none;
  height: auto;
  display: block;
  position: absolute;
  top: 28.929%;
  left: 26.173%;
}

.h3-console_lines {
  width: 66.481%;
  position: absolute;
  top: 39.286%;
  left: 27.901%;
  overflow: hidden;
}

.h3-console_lines-img {
  border-radius: 0;
  width: 100%;
  max-width: none;
  height: auto;
  display: block;
}

.h3-console_row-1 {
  border-radius: 0;
  width: 71.173%;
  max-width: none;
  height: auto;
  display: block;
  position: absolute;
  top: 66.071%;
  left: 26.173%;
}

.h3-console_row-2 {
  border-radius: 0;
  width: 71.173%;
  max-width: none;
  height: auto;
  display: block;
  position: absolute;
  top: 73.214%;
  left: 26.173%;
}

.h3-console_row-3 {
  border-radius: 0;
  width: 71.173%;
  max-width: none;
  height: auto;
  display: block;
  position: absolute;
  top: 80%;
  left: 26.173%;
}

.filter-tab {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--button);
  background-color: var(--role-surface);
  color: var(--role-ink-2);
  flex: none;
  align-items: center;
  column-gap: var(--spacing-8);
  padding: var(--spacing-8) var(--spacing-12);
  text-decoration: none;
  transition-property: border-color, background-color;
  transition-duration: var(--motion-fast);
  display: flex;
}

.filter-tab:hover {
  border-color: var(--role-line-dark);
}

.filter-tab.w--current {
  border-color: var(--role-accent);
  background-color: var(--role-page);
}

.filter-tabs_menu {
  flex-wrap: wrap;
  align-items: center;
  gap: var(--spacing-8);
  margin-bottom: var(--spacing-32);
  display: flex;
}

.filter-tabs {
  flex-direction: column;
  display: flex;
}

.filter-tabs_content {
  overflow: visible;
}

.docs-hero_scrim {
  z-index: 0;
  pointer-events: none;
  background-image: linear-gradient(90deg in srgb, var(--tone-page-a219) 0%, var(--tone-page-a184) 45%, transparent 80%);
  position: absolute;
  inset: 0;
}

.h2-logos_viewport {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, #0000 0%, #000 8% 92%, #0000 100%);
  mask-image: linear-gradient(90deg, #0000 0%, #000 8% 92%, #0000 100%);
}

.h2-logos_track {
  flex-wrap: nowrap;
  width: max-content;
  display: flex;
}

.h2-logos_set {
  flex: none;
  align-items: center;
  column-gap: var(--spacing-64);
  padding-right: var(--spacing-64);
  display: flex;
}

.h2-top_video-label {
  color: var(--role-ink);
  font-size: var(--font-size--body-small);
  line-height: var(--line-height--fixed-16);
  font-weight: var(--fonts-weights--medium);
  white-space: nowrap;
  vertical-align: middle;
  margin-left: var(--spacing-8);
  display: inline-block;
}

.visually-hidden {
  white-space: nowrap;
  clip-path: inset(50%);
  border-width: 0;
  width: 1px;
  height: 1px;
  margin: calc(var(--spacing-1) * -1);
  padding: 0;
  position: absolute;
  overflow: hidden;
}

@media screen and (max-width: 991px) {

  img {
    height: auto;
  }

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

  .heading-style-h1 {
    font-size: var(--font-size--h1);
  }

  .heading-style-h1.inf-hero_title {
    font-size: var(--font-size--fixed-64);
  }

  .heading-style-h1.agt-hero_heading, .heading-style-h1.intg-hero_title {
    font-size: var(--font-size--fixed-60);
  }

  .heading-style-h1.ctm-card_title {
    font-size: var(--font-size--fixed-64);
  }

  .heading-style-h1.err-404_title, .heading-style-h1.auth-title, .heading-style-h1.err-401_title {
    font-size: var(--font-size--fixed-60);
  }

  .button.pcl-submit, .button.ctm-submit, .button.demo-submit, .button.sup-form_submit, .button.cts-form_submit, .button.err-401_submit, .button.auth-submit, .button.sg-submit {
    width: auto;
  }

  .footer {
    padding: calc(var(--spacing-72) * var(--section-spacing)) var(--spacing-24) 0;
  }

  .footer_container {
    grid-row-gap: 0px;
  }

  .footer_top {
    flex-direction: column;
    padding-bottom: var(--spacing-56);
  }

  .footer_statement {
    flex: none;
    width: 100%;
  }

  .footer_columns {
    flex: none;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
  }

  .footer_wordmark {
    padding-bottom: 0;
  }

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

  .page-hero_heading {
    font-size: var(--font-size--fixed-64);
  }

  .section_page-hero {
    padding-top: var(--spacing-140);
    padding-bottom: var(--spacing-72);
  }

  .section_page {
    padding-top: calc(var(--spacing-80) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-80) * var(--section-spacing));
  }

  .overview-hero {
    padding-top: var(--spacing-80);
    padding-bottom: var(--spacing-56);
  }

  .overview-previews {
    padding-bottom: var(--spacing-96);
  }

  .overview-previews_frame {
    height: 520px;
    padding: var(--spacing-24) var(--spacing-24) 0;
  }

  .overview-statement {
    padding-bottom: var(--spacing-80);
  }

  .overview-statement_inner {
    grid-column-gap: var(--spacing-48);
    grid-row-gap: var(--spacing-48);
  }

  .overview-statement_columns {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  .overview-statement_preview {
    height: 480px;
  }

  .overview-figma {
    padding-bottom: var(--spacing-96);
  }

  .overview-figma_bar {
    flex-wrap: wrap;
  }

  .overview-figma_buttons {
    width: 100%;
  }

  .overview-pages {
    padding-bottom: var(--spacing-96);
  }

  .overview-pages_head {
    grid-column-gap: var(--spacing-16);
    grid-row-gap: var(--spacing-16);
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .overview-pages_intro {
    justify-self: start;
  }

  .overview-pages_group {
    grid-column-gap: var(--spacing-24);
    grid-row-gap: var(--spacing-24);
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .overview-pages_grid {
    grid-template-rows: auto;
    grid-template-columns: repeat(2, 1fr);
  }

  .overview-pages_preview {
    height: 200px;
  }

  .overview-built {
    padding-bottom: var(--spacing-96);
  }

  .overview-built_inner {
    grid-column-gap: var(--spacing-48);
    grid-row-gap: var(--spacing-48);
    padding: var(--spacing-80) var(--spacing-40);
  }

  .overview-built_grid {
    grid-template-rows: auto;
    grid-template-columns: repeat(2, 1fr);
  }

  .overview-start_grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .overview-start_welcome {
    padding: var(--spacing-64) var(--spacing-40);
  }

  .overview-start_image {
    height: 420px;
  }

  .nav_toggle-inner {
    justify-content: space-between;
    width: 100%;
  }

  .nav_chevron {
    display: none;
  }

  .nav_toggle-plus {
    display: block;
  }

  .nav_bar {
    padding-top: var(--spacing-12);
    padding-left: var(--spacing-16);
    padding-right: var(--spacing-16);
  }

  .nav_capsule {
    width: 100%;
    padding: var(--spacing-6) var(--spacing-6) var(--spacing-6) var(--spacing-16);
  }

  .nav_container {
    width: 100%;
  }

  .nav_wrapper {
    justify-content: space-between;
    column-gap: var(--spacing-8);
    width: 100%;
  }

  .nav_menu {
    text-align: left;
    background-color: transparent;
    padding: var(--spacing-8) var(--spacing-16) var(--spacing-16);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }

  .nav_link {
    border-bottom: 1px solid var(--role-line);
    width: 100%;
    color: var(--role-ink);
    font-size: var(--font-size--fixed-18);
    line-height: var(--line-height--ratio-1-3);
    letter-spacing: var(--letter-spacing--tight-0-27-px);
    padding-top: var(--spacing-15);
    padding-bottom: var(--spacing-15);
  }

  .nav_dropdown {
    border-bottom: 1px solid var(--role-line);
    width: 100%;
  }

  .nav_dropdown-toggle {
    width: 100%;
    color: var(--role-ink);
    font-size: var(--font-size--fixed-18);
    line-height: var(--line-height--ratio-1-3);
    letter-spacing: var(--letter-spacing--tight-0-27-px);
    padding-top: var(--spacing-15);
    padding-bottom: var(--spacing-15);
  }

  .nav_dropdown-list {
    width: 100%;
    max-width: none;
    margin-top: 0;
    padding-top: 0;
    position: static;
    transform: none;
  }

  .nav_buttons {
    column-gap: var(--spacing-6);
  }

  .nav_menu-button.w--open {
    background-color: var(--role-ink);
  }

  .nav_sheet {
    border: 1px solid var(--role-line);
    border-radius: var(--radius--default);
    background-color: var(--role-page);
    flex-direction: column;
    align-items: stretch;
    column-gap: 0;
    max-height: calc(100svh - 100px);
    padding: var(--spacing-8) var(--spacing-24) var(--spacing-24);
    overflow: auto;
    box-shadow: var(--shadow-13);
  }

  .nav_theme-desktop, .nav_signin {
    display: none;
  }

  .nav_row-arrow {
    display: block;
  }

  .nav_panel-products {
    box-shadow: none;
    background-color: transparent;
    border-width: 0;
    border-radius: 0;
    flex-direction: column;
    align-items: stretch;
    row-gap: var(--spacing-14);
    padding: 0 0 var(--spacing-18);
  }

  .nav_products-list {
    flex: none;
    row-gap: var(--spacing-14);
    width: 100%;
  }

  .nav_product {
    align-items: center;
    column-gap: var(--spacing-12);
    padding: 0;
  }

  .nav_product-icon {
    background-color: var(--role-surface);
  }

  .nav_platform, .nav_featured {
    display: none;
  }

  .nav_panel-pages {
    box-shadow: none;
    background-color: transparent;
    border-width: 0;
    border-radius: 0;
    flex-wrap: wrap;
    gap: var(--spacing-22) var(--spacing-16);
    padding: 0 0 var(--spacing-18);
  }

  .nav_multi {
    flex: 0 0 100%;
    row-gap: var(--spacing-16);
  }

  .nav_pages-col {
    flex: 40%;
  }

  .nav_buy {
    display: none;
  }

  .nav_mobile-featured {
    display: block;
  }

  .nav_mobile-actions {
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: var(--role-line);
    flex-direction: column;
    row-gap: var(--spacing-10);
    margin-top: var(--spacing-16);
    padding-top: var(--spacing-16);
    display: flex;
  }

  .section-rails {
    display: none;
  }

  .h1-top {
    padding-top: calc(var(--spacing-56) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .h1-top_panels {
    margin-top: var(--spacing-48);
  }

  .h1-top_side {
    height: 380px;
  }

  .h1-top_orb-panel {
    height: 440px;
  }

  .h1-top_routing {
    inset: auto 16px 16px;
  }

  .h1-logos_row {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    display: grid;
  }

  .h1-logos_label {
    grid-column-start: span 3;
    padding: var(--spacing-20) 0;
  }

  .h1-logos_label-text {
    max-width: none;
  }

  .logo-cell {
    border-top: 1px solid var(--role-line);
    min-height: 88px;
    padding: var(--spacing-24) var(--spacing-12);
  }

  .h1-statement_layout {
    flex-direction: column;
    row-gap: var(--spacing-20);
    padding: var(--spacing-40) 0;
  }

  .h1-statement_label {
    flex-basis: auto;
  }

  .h1-statement_text {
    font-size: var(--font-size--fixed-28);
  }

  .h1-platform {
    padding-top: calc(var(--spacing-88) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-88) * var(--section-spacing));
  }

  .heading-style-section {
    font-size: var(--font-size--fixed-36);
  }

  .h1-platform_head {
    flex-direction: column;
    align-items: flex-start;
    row-gap: var(--spacing-16);
    padding-left: 0;
    padding-right: 0;
  }

  .h1-inference {
    padding-top: calc(var(--spacing-88) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-88) * var(--section-spacing));
  }

  .h1-product_split {
    flex-direction: column;
    row-gap: var(--spacing-48);
  }

  .h1-product_copy {
    flex-basis: auto;
    width: 100%;
    padding-left: 0;
  }

  .h1-product_visuals {
    flex-direction: row;
    order: -1;
    column-gap: var(--spacing-16);
    width: 100%;
  }

  .h1-product_image-card {
    flex: 1 1 0;
    height: 380px;
  }

  .h1-product_tile {
    width: auto;
    top: 24px;
    left: 16px;
    right: 16px;
  }

  .lottie-card {
    flex: 1 1 0;
    height: 380px;
  }

  .lottie-card_lottie {
    width: 280px;
    max-width: none;
    height: 210px;
    margin-left: calc(var(--spacing-140) * -1);
    top: 32px;
    left: 50%;
    right: auto;
  }

  .h1-agents {
    padding-top: calc(var(--spacing-88) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-88) * var(--section-spacing));
  }

  .h1-developers {
    padding-top: calc(var(--spacing-88) * var(--section-spacing));
  }

  .h1-dev_head {
    flex-direction: column;
    align-items: flex-start;
    row-gap: var(--spacing-20);
    padding: 0 0 var(--spacing-40);
  }

  .h1-dev_layout {
    flex-direction: column;
    row-gap: var(--spacing-24);
    padding: var(--spacing-32) 0;
  }

  .h1-dev_code-card {
    width: 100%;
  }

  .h1-dev_side {
    flex-basis: auto;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    column-gap: var(--spacing-20);
    width: 100%;
    display: grid;
  }

  .h1-dev_stat-number {
    font-size: var(--font-size--fixed-48);
  }

  .h1-customers {
    padding-top: calc(var(--spacing-88) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-88) * var(--section-spacing));
  }

  .h1-section-head {
    margin-bottom: var(--spacing-40);
    padding-left: 0;
    padding-right: 0;
  }

  .h1-customers_stories {
    flex-direction: column;
    row-gap: var(--spacing-16);
  }

  .h1-customers_featured {
    flex-basis: auto;
    width: 100%;
    height: 480px;
  }

  .h1-customers_more {
    flex-direction: row;
    flex-basis: auto;
    column-gap: var(--spacing-16);
  }

  .story-card_metric {
    font-size: var(--font-size--fixed-52);
  }

  .h1-security {
    padding-top: calc(var(--spacing-88) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-88) * var(--section-spacing));
  }

  .h1-security_layout {
    flex-direction: column;
    row-gap: var(--spacing-40);
  }

  .h1-security_copy {
    flex-basis: auto;
    padding-left: 0;
  }

  .h1-security_panel {
    width: 100%;
  }

  .h1-pricing {
    padding-top: calc(var(--spacing-88) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-88) * var(--section-spacing));
  }

  .h1-pricing_plan, .h1-pricing_plan-featured {
    padding: var(--spacing-24);
  }

  .h1-pricing_price {
    font-size: var(--font-size--fixed-48);
  }

  .h1-pricing_note {
    padding-left: 0;
  }

  .h1-changelog {
    padding-top: calc(var(--spacing-88) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-88) * var(--section-spacing));
  }

  .h1-changelog_body {
    flex-direction: column;
    row-gap: var(--spacing-40);
    padding-left: 0;
    padding-right: 0;
  }

  .h1-changelog_releases {
    width: 100%;
  }

  .h1-changelog_articles {
    flex-basis: auto;
    width: 100%;
  }

  .h1-questions {
    padding-top: calc(var(--spacing-88) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-88) * var(--section-spacing));
  }

  .h1-questions_layout {
    flex-direction: column;
    row-gap: var(--spacing-40);
    padding-left: 0;
  }

  .h1-questions_intro {
    flex-basis: auto;
  }

  .h1-questions_list {
    width: 100%;
  }

  .cta-panel {
    padding-top: calc(var(--spacing-112) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-112) * var(--section-spacing));
  }

  .h3-top {
    padding-top: calc(var(--spacing-64) * var(--section-spacing));
  }

  .h3-inner.h3-hero_head, .h3-hero_head {
    grid-column-gap: var(--spacing-28);
    grid-row-gap: var(--spacing-28);
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: var(--spacing-48);
  }

  .h3-hero_side {
    width: 100%;
    max-width: 520px;
  }

  .h3-hero_stage {
    padding-top: var(--spacing-64);
    padding-bottom: var(--spacing-56);
  }

  .h3-hero_console {
    width: 78%;
    margin-left: 0;
  }

  .h3-hero_agent {
    width: 34%;
    top: 48px;
    left: auto;
    right: 24px;
  }

  .h2-top {
    min-height: 780px;
  }

  .h2-top_rails {
    display: none;
  }

  .h2-top_inner {
    flex-direction: column;
    align-items: stretch;
    row-gap: var(--spacing-40);
    padding-bottom: var(--spacing-72);
    padding-left: 0;
    padding-right: 0;
  }

  .h2-top_chat {
    order: -1;
    align-self: flex-end;
    width: 340px;
  }

  .h2-logos {
    padding-top: var(--spacing-40);
  }

  .h2-logos_panel {
    flex-direction: column;
    align-items: stretch;
    gap: var(--spacing-16) var(--spacing-24);
    padding: var(--spacing-24);
    display: flex;
  }

  .h2-logos_label {
    text-align: center;
    width: auto;
  }

  .h3-logos {
    padding-top: calc(var(--spacing-72) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .h3-logos_row {
    grid-column-gap: var(--spacing-32);
    grid-row-gap: var(--spacing-32);
    flex-direction: column;
    align-items: stretch;
  }

  .h3-logos_label {
    width: 100%;
    max-width: 420px;
  }

  .h3-logos_grid {
    border-bottom: 1px solid var(--role-line);
    border-top-style: none;
  }

  .h3-logos_cell {
    border-bottom-style: none;
  }

  .h3-principles {
    padding-top: calc(var(--spacing-88) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-88) * var(--section-spacing));
  }

  .h3-principles_head {
    grid-column-gap: var(--spacing-20);
    grid-row-gap: var(--spacing-20);
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: var(--spacing-40);
  }

  .h3-principles_row {
    grid-template-rows: auto;
    grid-template-columns: 56px 1fr 36px;
    column-gap: var(--spacing-24);
    padding-top: var(--spacing-28);
    padding-bottom: var(--spacing-28);
  }

  .h3-principles_num {
    grid-area: 1 / 1 / 2 / 2;
  }

  .h3-principles_title {
    font-size: var(--font-size--fixed-28);
    grid-area: 1 / 2 / 2 / 3;
  }

  .h3-principles_text {
    font-size: var(--font-size--body-medium);
    grid-area: 2 / 2 / 3 / 3;
  }

  .h3-principles_tile {
    grid-area: 1 / 3 / 2 / 4;
  }

  .h2-features {
    padding-top: calc(var(--spacing-88) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-88) * var(--section-spacing));
  }

  .h2-head {
    margin-bottom: var(--spacing-40);
    padding-left: 0;
    padding-right: 0;
  }

  .h2-quick {
    padding-top: calc(var(--spacing-88) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-88) * var(--section-spacing));
  }

  .h2-quick_steps {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  .h2-integ {
    padding-top: calc(var(--spacing-88) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-88) * var(--section-spacing));
  }

  .h2-integ_grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  .bench-section {
    padding-top: calc(var(--spacing-88) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-88) * var(--section-spacing));
  }

  .bench-card {
    padding: var(--spacing-40) var(--spacing-16) var(--spacing-24);
  }

  .bench-head {
    flex-direction: column;
    align-items: flex-start;
    row-gap: var(--spacing-16);
  }

  .bench-cell {
    padding-right: var(--spacing-24);
  }

  .h2-security {
    padding-top: calc(var(--spacing-88) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-88) * var(--section-spacing));
  }

  .h2-security_inner {
    row-gap: var(--spacing-48);
    padding-left: 0;
    padding-right: 0;
  }

  .h2-security_grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  .h3-products {
    padding-top: calc(var(--spacing-88) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-88) * var(--section-spacing));
  }

  .h3-head {
    grid-column-gap: var(--spacing-20);
    grid-row-gap: var(--spacing-20);
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: var(--spacing-40);
  }

  .h3-products_grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  .h3-products_feature {
    grid-column: 1 / 3;
    min-height: 480px;
  }

  .h3-products_card {
    min-height: 0;
  }

  .h2-story {
    padding-top: calc(var(--spacing-88) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-88) * var(--section-spacing));
  }

  .h2-story_layout {
    flex-direction: column;
    align-items: stretch;
    row-gap: var(--spacing-40);
    padding-left: 0;
  }

  .h2-story_visual {
    order: -1;
  }

  .h3-developers {
    padding-top: calc(var(--spacing-88) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-88) * var(--section-spacing));
  }

  .h3-developers_split {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .h3-developers_copy {
    max-width: 640px;
  }

  .h3-developers_stats {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: var(--spacing-24);
    display: grid;
  }

  .h3-developers_stat {
    grid-column-gap: var(--spacing-6);
    grid-row-gap: var(--spacing-6);
    flex-direction: column;
    align-items: flex-start;
  }

  .h3-developers_stat-value {
    font-size: var(--font-size--fixed-40);
  }

  .h2-pricing {
    padding-top: calc(var(--spacing-88) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-88) * var(--section-spacing));
  }

  .h2-pricing_body {
    flex-direction: column;
    align-items: stretch;
    row-gap: var(--spacing-32);
  }

  .h2-plans {
    width: 100%;
  }

  .h2-changelog {
    padding-top: calc(var(--spacing-88) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-88) * var(--section-spacing));
  }

  .h2-release_grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  .h2-questions, .h3-customers {
    padding-top: var(--spacing-88);
    padding-bottom: var(--spacing-88);
  }

  .h3-customers_quote {
    font-size: var(--font-size--fixed-34);
  }

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

  .h3-customers_metrics {
    grid-column-gap: var(--spacing-40);
    grid-row-gap: var(--spacing-40);
  }

  .h3-security {
    padding-top: calc(var(--spacing-88) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-88) * var(--section-spacing));
  }

  .h3-security_grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  .h2-tabs {
    flex-direction: column;
    row-gap: var(--spacing-16);
  }

  .h2-tabs_menu {
    scroll-snap-type: x mandatory;
    flex-direction: row;
    flex-basis: auto;
    column-gap: var(--spacing-6);
    overflow-x: auto;
  }

  .h2-tabs_link {
    scroll-snap-align: start;
    flex: 0 0 260px;
  }

  .h3-pricing {
    padding-top: calc(var(--spacing-88) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-88) * var(--section-spacing));
  }

  .h3-pricing_plans {
    grid-template-rows: auto;
    grid-template-columns: 200fr 260fr 260fr 260fr;
  }

  .h3-pricing_plan, .h3-pricing_plan-featured {
    padding: var(--spacing-20) var(--spacing-16);
  }

  .h3-pricing_row {
    grid-template-rows: auto;
    grid-template-columns: 200fr 260fr 260fr 260fr;
  }

  .h3-pricing_cell-label {
    padding-right: var(--spacing-16);
  }

  .h3-pricing_cell, .h3-pricing_cell-muted {
    padding: var(--spacing-16);
  }

  .h3-research {
    padding-top: calc(var(--spacing-88) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-88) * var(--section-spacing));
  }

  .h3-research_grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .h3-research_side {
    grid-column-gap: var(--spacing-16);
    grid-row-gap: var(--spacing-16);
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    display: grid;
  }

  .h3-research_cover {
    flex-grow: 0;
    height: 360px;
    min-height: 0;
  }

  .h2-stage {
    min-height: 540px;
  }

  .h3-team {
    padding-top: calc(var(--spacing-88) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-88) * var(--section-spacing));
  }

  .h3-team_grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    row-gap: var(--spacing-28);
  }

  .h3-team_investors {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .h3-team_backed {
    grid-column: 1 / 4;
    padding-top: var(--spacing-20);
    padding-bottom: var(--spacing-12);
  }

  .h3-team_investor {
    font-size: var(--font-size--body-medium);
    padding: var(--spacing-20) var(--spacing-12);
  }

  .h3-team_round {
    border-top: 1px solid var(--role-line);
    border-left-style: none;
    grid-column: 1 / 4;
    padding: var(--spacing-16);
  }

  .h3-faq {
    padding-top: calc(var(--spacing-88) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-88) * var(--section-spacing));
  }

  .h3-faq_grid {
    column-gap: var(--spacing-32);
  }

  .h3-faq_item {
    grid-template-rows: auto;
    grid-template-columns: 44px 1fr;
  }

  .inf-hero {
    padding-top: calc(var(--spacing-64) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-88) * var(--section-spacing));
  }

  .inf-hero_head {
    padding-bottom: var(--spacing-48);
  }

  .inf-router {
    flex-direction: row;
    align-items: center;
    gap: var(--spacing-32) var(--spacing-24);
    padding: var(--spacing-32);
  }

  .inf-router_lottie {
    max-width: 560px;
    margin-left: auto;
    margin-right: auto;
  }

  .inf-route-card {
    flex-basis: 340px;
    padding: var(--spacing-20);
  }

  .inf-features {
    padding-top: calc(var(--spacing-88) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-88) * var(--section-spacing));
  }

  .inf-head {
    flex-direction: column;
    align-items: flex-start;
    row-gap: var(--spacing-16);
    margin-bottom: var(--spacing-40);
  }

  .inf-feature {
    padding: var(--spacing-24);
  }

  .inf-stats {
    padding-bottom: calc(var(--spacing-88) * var(--section-spacing));
  }

  .inf-stats_value {
    font-size: var(--font-size--fixed-52);
  }

  .inf-code {
    padding-top: calc(var(--spacing-88) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-88) * var(--section-spacing));
  }

  .inf-code_split {
    flex-direction: column;
    align-items: stretch;
    row-gap: var(--spacing-40);
  }

  .inf-code_copy, .inf-codecard {
    flex-basis: auto;
  }

  .inf-story {
    padding-top: calc(var(--spacing-88) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-88) * var(--section-spacing));
  }

  .inf-story_split {
    flex-direction: column-reverse;
    align-items: stretch;
    row-gap: var(--spacing-48);
  }

  .inf-story_metrics {
    flex-direction: row;
    flex-basis: auto;
    column-gap: var(--spacing-24);
  }

  .inf-story_metric {
    flex: 1 1 0;
    min-width: 0;
  }

  .inf-faq {
    padding-top: calc(var(--spacing-88) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-88) * var(--section-spacing));
  }

  .inf-faq_split {
    flex-direction: column;
    align-items: stretch;
    row-gap: var(--spacing-40);
  }

  .inf-faq_intro {
    flex-basis: auto;
  }

  .inf-faq_note {
    max-width: 420px;
  }

  .evl-hero {
    padding-top: calc(var(--spacing-72) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-88) * var(--section-spacing));
  }

  .evl-hero_title {
    font-size: var(--font-size--fixed-64);
  }

  .evl-bento {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .evl-score {
    min-height: 400px;
  }

  .evl-chart {
    order: 1;
    grid-column-start: span 2;
  }

  .agt-hero_head {
    flex-direction: column;
    align-items: flex-start;
    row-gap: var(--spacing-28);
    padding: var(--spacing-72) 0 var(--spacing-48);
  }

  .agt-hero_side {
    flex-basis: auto;
    width: 100%;
    max-width: 520px;
  }

  .agt-hero_stage {
    height: 560px;
  }

  .agt-hero_cards {
    max-width: none;
    margin-left: var(--spacing-32);
    margin-right: var(--spacing-32);
  }

  .agt-hero_run {
    top: 110px;
  }

  .agt-hero_sandbox {
    top: 90px;
  }

  .agt-hero_approval {
    top: 260px;
  }

  .evl-steps {
    padding-top: calc(var(--spacing-88) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-88) * var(--section-spacing));
  }

  .evl-steps_grid {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .evl-step.is-evl-third {
    padding-left: 0;
  }

  .evl-gate {
    padding-top: calc(var(--spacing-88) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-88) * var(--section-spacing));
  }

  .evl-gate_split {
    grid-column-gap: var(--spacing-48);
    grid-row-gap: var(--spacing-48);
    flex-direction: column;
    align-items: stretch;
  }

  .evl-gate_copy {
    width: auto;
  }

  .agt-walls {
    padding-top: calc(var(--spacing-88) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-88) * var(--section-spacing));
  }

  .agt-inner {
    padding-left: 0;
    padding-right: 0;
  }

  .agt-head {
    flex-direction: column;
    align-items: flex-start;
    row-gap: var(--spacing-20);
    margin-bottom: var(--spacing-40);
  }

  .agt-walls_node {
    flex-basis: 150px;
    padding: var(--spacing-18);
  }

  .agt-walls_meta {
    white-space: normal;
  }

  .agt-walls_link {
    padding-left: var(--spacing-4);
    padding-right: var(--spacing-4);
  }

  .agt-walls_line {
    width: 10px;
  }

  .evl-compare, .agt-rows {
    padding-top: var(--spacing-88);
    padding-bottom: var(--spacing-88);
  }

  .agt-rows_list {
    row-gap: var(--spacing-88);
  }

  .agt-row_copy {
    flex-basis: 340px;
  }

  .agt-row_copy-alt {
    flex-basis: 340px;
    padding-left: var(--spacing-16);
  }

  .agt-row_text {
    font-size: var(--font-size--body-medium);
  }

  .agt-row_visual {
    height: 380px;
    min-height: 380px;
    padding: var(--spacing-40) var(--spacing-24);
  }

  .evl-story {
    padding-top: calc(var(--spacing-96) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-96) * var(--section-spacing));
  }

  .evl-story_quote {
    font-size: var(--font-size--fixed-34);
  }

  .evl-faq {
    padding-top: calc(var(--spacing-88) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-88) * var(--section-spacing));
  }

  .closing-split {
    min-height: 480px;
  }

  .closing-panel {
    padding: var(--spacing-64) var(--spacing-48);
  }

  .closing-title {
    font-size: var(--font-size--fixed-40);
  }

  .agt-story {
    padding-bottom: calc(var(--spacing-88) * var(--section-spacing));
  }

  .agt-story_panel {
    flex-direction: column;
    row-gap: var(--spacing-40);
    padding: var(--spacing-48);
  }

  .agt-story_quote {
    font-size: var(--font-size--fixed-34);
  }

  .agt-story_metrics {
    flex-basis: auto;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: var(--spacing-24);
    width: 100%;
    display: grid;
  }

  .agt-story_metric {
    border-top: 1px solid var(--role-line-strong);
    border-bottom-style: none;
  }

  .agt-faq {
    padding-top: calc(var(--spacing-88) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-88) * var(--section-spacing));
  }

  .agt-faq_grid {
    column-gap: var(--spacing-32);
  }

  .cta-terminal {
    padding-bottom: calc(var(--spacing-88) * var(--section-spacing));
  }

  .cta-terminal-panel {
    flex-direction: column;
    align-items: stretch;
    row-gap: var(--spacing-40);
    padding: var(--spacing-48);
  }

  .cta-terminal-window {
    width: 100%;
  }

  .prc-hero {
    padding-top: calc(var(--spacing-72) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-88) * var(--section-spacing));
  }

  .prc-inner {
    padding-left: 0;
    padding-right: 0;
  }

  .prc-hero_title {
    font-size: var(--font-size--fixed-64);
  }

  .intg-hero {
    padding-top: calc(var(--spacing-72) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-88) * var(--section-spacing));
  }

  .intg-hero_head {
    padding-bottom: var(--spacing-48);
  }

  .intg-node {
    row-gap: var(--spacing-6);
    padding: var(--spacing-8) var(--spacing-10);
  }

  .intg-node_label {
    font-size: var(--font-size--fixed-11);
  }

  .intg-hub_note {
    font-size: var(--font-size--fixed-10);
    bottom: 12px;
    left: 20px;
  }

  .prc-plans {
    grid-column-gap: var(--spacing-12);
    grid-row-gap: var(--spacing-12);
  }

  .prc-plan, .prc-plan_featured {
    padding: var(--spacing-28) var(--spacing-22);
  }

  .prc-plan_top {
    flex-wrap: wrap;
    row-gap: var(--spacing-8);
  }

  .prc-plan_amount {
    font-size: var(--font-size--fixed-44);
  }

  .intg-catalogue {
    padding-top: calc(var(--spacing-88) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-88) * var(--section-spacing));
  }

  .intg-grid {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .intg-missing {
    grid-column: span 2 / span 2;
  }

  .intg-item-hero {
    padding-top: calc(var(--spacing-66) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-88) * var(--section-spacing));
  }

  .intg-item-hero_grid {
    grid-column-gap: var(--spacing-48);
    grid-row-gap: var(--spacing-48);
    flex-direction: column;
    align-items: stretch;
  }

  .intg-item-hero_heading {
    font-size: var(--font-size--fixed-60);
  }

  .intg-item-install {
    flex-basis: auto;
    width: 100%;
  }

  .prc-usage {
    padding-top: calc(var(--spacing-88) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-88) * var(--section-spacing));
  }

  .prc-rates_header {
    grid-template-rows: auto;
    grid-template-columns: 1.2fr 1.2fr 1fr;
  }

  .prc-rates_row {
    grid-template-rows: auto;
    grid-template-columns: 1.2fr 1.2fr 1fr;
    column-gap: var(--spacing-16);
  }

  .prc-compare {
    padding-top: calc(var(--spacing-88) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-88) * var(--section-spacing));
  }

  .prc-table_header, .prc-table_row {
    grid-template-rows: auto;
    grid-template-columns: 1.4fr 1fr 1fr 1fr;
  }

  .prc-startup {
    padding-top: calc(var(--spacing-88) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-88) * var(--section-spacing));
  }

  .prc-startup_card {
    column-gap: var(--spacing-40);
    padding: var(--spacing-40);
  }

  .prc-startup_side {
    flex-basis: 220px;
  }

  .prc-faq {
    padding-top: calc(var(--spacing-88) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-88) * var(--section-spacing));
  }

  .prc-faq_grid {
    column-gap: var(--spacing-32);
  }

  .intg-item-dash {
    padding-top: calc(var(--spacing-88) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-88) * var(--section-spacing));
  }

  .intg-item-dash_name {
    flex-basis: 240px;
  }

  .intg-item-dash_spark {
    flex: 1 1 0;
    min-width: 0;
  }

  .intg-item-dash_value {
    flex: none;
  }

  .intg-item-details {
    padding-top: calc(var(--spacing-88) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-88) * var(--section-spacing));
  }

  .intg-item-details_split {
    grid-column-gap: var(--spacing-56);
    grid-row-gap: var(--spacing-56);
    flex-direction: column;
  }

  .intg-item-details_article {
    flex-basis: auto;
    width: 100%;
  }

  .intg-item-facts {
    flex-basis: auto;
    order: -1;
    width: 100%;
    position: relative;
    top: 0;
  }

  .intg-item-facts_list {
    grid-column-gap: var(--spacing-24);
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    display: grid;
  }

  .intg-sdk {
    padding-top: calc(var(--spacing-88) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-88) * var(--section-spacing));
  }

  .intg-sdk_card {
    flex-direction: column;
    align-items: stretch;
    padding: var(--spacing-40);
  }

  .intg-sdk_copy, .intg-code {
    flex-basis: auto;
  }

  .intg-item-related {
    padding-bottom: calc(var(--spacing-88) * var(--section-spacing));
  }

  .intg-item-related_title {
    font-size: var(--font-size--fixed-36);
  }

  .docs-hero {
    padding-top: calc(var(--spacing-64) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-64) * var(--section-spacing));
  }

  .sec-hero {
    padding-top: calc(var(--spacing-64) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-88) * var(--section-spacing));
  }

  .sec-hero_layout {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .sec-hero_title {
    font-size: var(--font-size--fixed-60);
  }

  .sec-status {
    max-width: 640px;
  }

  .sec-controls {
    padding-top: calc(var(--spacing-88) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-88) * var(--section-spacing));
  }

  .sec-head {
    margin-bottom: var(--spacing-40);
  }

  .sec-grid {
    grid-template-rows: auto;
    grid-template-columns: repeat(2, 1fr);
    row-gap: var(--spacing-16);
  }

  .sec-flow {
    padding-bottom: calc(var(--spacing-88) * var(--section-spacing));
  }

  .sec-flow_row {
    scroll-snap-type: x mandatory;
    margin-left: calc(var(--spacing-24) * -1);
    margin-right: calc(var(--spacing-24) * -1);
    padding-left: var(--spacing-24);
    padding-right: var(--spacing-24);
    scroll-padding-left: 24px;
    overflow-x: auto;
  }

  .sec-step {
    scroll-snap-align: start;
    flex: 0 0 200px;
  }

  .sec-packet {
    padding-top: calc(var(--spacing-88) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-88) * var(--section-spacing));
  }

  .sec-packet_card {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    padding: var(--spacing-40);
  }

  .pcl-hero {
    padding-top: calc(var(--spacing-64) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-88) * var(--section-spacing));
  }

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

  .pcl-hero_title {
    font-size: var(--font-size--fixed-64);
  }

  .pcl-hero_side {
    width: 100%;
    max-width: 520px;
  }

  .pcl-latest {
    flex-direction: column;
    align-items: stretch;
    padding: var(--spacing-40);
  }

  .pcl-run {
    width: 100%;
  }

  .docs-main {
    padding-top: var(--spacing-40);
    padding-bottom: calc(var(--spacing-88) * var(--section-spacing));
  }

  .docs-shell {
    grid-row-gap: var(--spacing-40);
    flex-direction: column;
    align-items: stretch;
  }

  .docs-side {
    grid-column-gap: var(--spacing-28);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: var(--role-line);
    flex-direction: row;
    width: auto;
    margin-left: calc(var(--spacing-24) * -1);
    margin-right: calc(var(--spacing-24) * -1);
    padding-bottom: var(--spacing-12);
    padding-left: var(--spacing-24);
    padding-right: var(--spacing-24);
    position: relative;
    top: 0;
    overflow-x: auto;
  }

  .docs-side_group {
    grid-column-gap: var(--spacing-2);
    flex-direction: row;
    flex: none;
    align-items: center;
  }

  .docs-side_label {
    white-space: nowrap;
    margin-bottom: 0;
    margin-right: var(--spacing-8);
  }

  .docs-rail {
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: var(--role-line);
    width: 100%;
    padding-top: var(--spacing-32);
    position: relative;
    top: 0;
  }

  .sec-faq {
    padding-top: calc(var(--spacing-88) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-88) * var(--section-spacing));
  }

  .sec-faq_layout {
    column-gap: var(--spacing-48);
  }

  .sec-faq_aside {
    flex-basis: 260px;
  }

  .pcl-releases {
    padding-top: calc(var(--spacing-88) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-88) * var(--section-spacing));
  }

  .pcl-log {
    padding-top: calc(var(--spacing-96) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-96) * var(--section-spacing));
  }

  .rel-hero {
    padding-top: calc(var(--spacing-56) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-88) * var(--section-spacing));
  }

  .rel-hero_grid {
    flex-direction: column;
    align-items: stretch;
  }

  .rel-hero_title {
    font-size: var(--font-size--fixed-60);
  }

  .rel-card {
    width: 100%;
    max-width: 560px;
  }

  .rel-details {
    padding-top: calc(var(--spacing-88) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-88) * var(--section-spacing));
  }

  .rel-details_grid {
    flex-direction: column;
    align-items: stretch;
  }

  .rel-article {
    max-width: none;
  }

  .rel-aside {
    width: 100%;
    position: static;
  }

  .rel-more {
    padding-bottom: calc(var(--spacing-88) * var(--section-spacing));
  }

  .job-hero {
    padding-top: calc(var(--spacing-56) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-48) * var(--section-spacing));
  }

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

  .job-hero_title {
    font-size: var(--font-size--fixed-60);
  }

  .job-band {
    height: 220px;
  }

  .car-hero_head {
    grid-column-gap: var(--spacing-32);
    grid-row-gap: var(--spacing-32);
    flex-direction: column;
    align-items: flex-start;
    padding-top: var(--spacing-72);
    padding-bottom: var(--spacing-56);
  }

  .car-hero_side {
    width: 100%;
    max-width: 520px;
  }

  .car-band_row {
    scroll-snap-type: x mandatory;
    justify-content: flex-start;
    padding: var(--spacing-56) var(--spacing-24);
    scroll-padding-left: 24px;
    overflow-x: auto;
  }

  .car-portrait, .car-portrait-tall {
    scroll-snap-align: start;
  }

  .car-quote {
    scroll-snap-align: start;
    order: -1;
  }

  .job-body {
    padding-top: calc(var(--spacing-88) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-88) * var(--section-spacing));
  }

  .job-body_layout {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .job-sidebar {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
    align-items: start;
    display: grid;
    position: static;
  }

  .car-values {
    padding-top: calc(var(--spacing-88) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-88) * var(--section-spacing));
  }

  .car-values_inner {
    grid-column-gap: var(--spacing-40);
    grid-row-gap: var(--spacing-40);
  }

  .car-value {
    padding: var(--spacing-24);
  }

  .job-apply {
    padding-top: calc(var(--spacing-88) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-88) * var(--section-spacing));
  }

  .job-apply_layout {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .job-apply_submit {
    width: auto;
  }

  .car-roles {
    padding-top: calc(var(--spacing-88) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-88) * var(--section-spacing));
  }

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

  .car-job_loc {
    width: 200px;
  }

  .car-job_type {
    width: 120px;
  }

  .abt-hero {
    padding-top: calc(var(--spacing-80) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .abt-mission {
    padding-top: calc(var(--spacing-96) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-96) * var(--section-spacing));
  }

  .abt-numbers {
    padding-top: calc(var(--spacing-88) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-88) * var(--section-spacing));
  }

  .abt-numbers_layout {
    grid-row-gap: var(--spacing-44);
  }

  .abt-stat_value {
    font-size: var(--font-size--fixed-52);
  }

  .abt-principles {
    padding-top: calc(var(--spacing-88) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-88) * var(--section-spacing));
  }

  .abt-principles_layout {
    grid-row-gap: var(--spacing-44);
  }

  .abt-principles_grid {
    grid-row-gap: var(--spacing-16);
  }

  .abt-principle {
    grid-column-gap: var(--spacing-20);
    padding: var(--spacing-28);
  }

  .abt-principle_title {
    font-size: var(--font-size--fixed-20);
  }

  .abt-timeline {
    padding-bottom: calc(var(--spacing-88) * var(--section-spacing));
  }

  .abt-team {
    padding-top: calc(var(--spacing-88) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-88) * var(--section-spacing));
  }

  .abt-team_layout {
    grid-row-gap: var(--spacing-40);
  }

  .abt-team_grid {
    grid-row-gap: var(--spacing-32);
  }

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

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

  .abt-investors_label {
    flex-basis: 120px;
  }

  .abt-hiring {
    padding-bottom: calc(var(--spacing-88) * var(--section-spacing));
  }

  .abt-hiring_panel {
    flex-direction: column;
    align-items: flex-start;
    padding: var(--spacing-48);
  }

  .car-benefits, .car-apply {
    padding-bottom: var(--spacing-88);
  }

  .car-apply_card {
    padding: var(--spacing-48) var(--spacing-40);
  }

  .blg-hero {
    padding-top: calc(var(--spacing-64) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-88) * var(--section-spacing));
  }

  .cst-hero {
    padding-bottom: calc(var(--spacing-88) * var(--section-spacing));
  }

  .cst-hero_head {
    flex-direction: column;
    align-items: flex-start;
    padding-top: var(--spacing-72);
    padding-bottom: var(--spacing-48);
  }

  .cst-hero_aside {
    width: 100%;
    max-width: 560px;
  }

  .cst-featured {
    padding-left: var(--spacing-24);
    padding-right: var(--spacing-24);
  }

  .cst-feature_cover {
    min-height: 460px;
  }

  .cst-feature_copy {
    row-gap: var(--spacing-20);
    width: 52%;
    padding: var(--spacing-36);
  }

  .cst-feature_title {
    font-size: var(--font-size--fixed-30);
  }

  .cst-feature_value {
    font-size: var(--font-size--fixed-22);
  }

  .cst-logos {
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .cst-logos_row {
    border-top-width: 0;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    display: grid;
  }

  .cst-logo {
    height: 88px;
  }

  .cst-stories {
    padding-top: calc(var(--spacing-88) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-88) * var(--section-spacing));
  }

  .cst-card_cover {
    height: 240px;
  }

  .cst-card_body {
    padding: var(--spacing-24);
  }

  .cst-card_title {
    font-size: var(--font-size--fixed-20);
  }

  .cst-quote {
    padding-top: calc(var(--spacing-96) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-96) * var(--section-spacing));
  }

  .cst-quote_text {
    font-size: var(--font-size--fixed-34);
  }

  .cst-item-hero {
    padding-top: calc(var(--spacing-56) * var(--section-spacing));
  }

  .cst-item-hero_cover {
    height: 480px;
  }

  .cst-item-hero_metrics {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    width: 100%;
    display: grid;
  }

  .cst-item-hero_metric {
    padding-left: var(--spacing-20);
    padding-right: var(--spacing-20);
  }

  .cst-item-hero_metric-sep {
    display: none;
  }

  .cst-item-hero_metric-value {
    font-size: var(--font-size--fixed-22);
  }

  .art-hero {
    padding-top: calc(var(--spacing-56) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-48) * var(--section-spacing));
  }

  .art-cover {
    height: 440px;
  }

  .cst-stories_list {
    row-gap: var(--spacing-16);
  }

  .cst-item-body {
    padding-top: calc(var(--spacing-88) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-88) * var(--section-spacing));
  }

  .cst-item-body_split {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    row-gap: var(--spacing-48);
  }

  .cst-item-body_aside {
    position: static;
  }

  .cst-item-body_facts {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: var(--spacing-24);
    display: grid;
  }

  .cst-item-body_quote-text {
    font-size: var(--font-size--fixed-28);
  }

  .art-content {
    padding-top: calc(var(--spacing-72) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-88) * var(--section-spacing));
  }

  .art-layout {
    grid-column-gap: var(--spacing-40);
    grid-row-gap: var(--spacing-40);
    flex-direction: column;
  }

  .art-toc {
    border-bottom: 1px solid var(--role-line);
    flex: none;
    width: 100%;
    max-width: 680px;
    padding-bottom: var(--spacing-32);
    position: static;
  }

  .art-main {
    max-width: 680px;
  }

  .art-related {
    padding-bottom: calc(var(--spacing-88) * var(--section-spacing));
  }

  .cst-item-compare {
    padding-top: calc(var(--spacing-88) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-88) * var(--section-spacing));
  }

  .cst-item-compare_card {
    padding: var(--spacing-24);
  }

  .blg-feat {
    flex-direction: column;
  }

  .blg-feat_cover {
    flex-basis: auto;
    min-height: 360px;
  }

  .blg-feat_body {
    width: 100%;
    padding: var(--spacing-40);
  }

  .cst-item-more {
    padding-top: calc(var(--spacing-88) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-88) * var(--section-spacing));
  }

  .blg-articles {
    padding-top: var(--spacing-32);
    padding-bottom: calc(var(--spacing-88) * var(--section-spacing));
  }

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

  .blg-guest, .ctm-hello, .demo-hero {
    padding-top: var(--spacing-88);
    padding-bottom: var(--spacing-88);
  }

  .demo-hero_grid {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .demo-hero_title {
    font-size: var(--font-size--fixed-60);
  }

  .demo-hero_proof {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: start;
    column-gap: var(--spacing-32);
    display: grid;
  }

  .demo-card {
    max-width: 640px;
  }

  .demo-logos_row {
    grid-template-rows: auto;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    justify-items: center;
    row-gap: var(--spacing-24);
    display: grid;
  }

  .cts-split {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .cts-copy {
    justify-content: flex-start;
    padding: var(--spacing-72) var(--spacing-24) var(--spacing-64);
  }

  .cts-copy_inner {
    max-width: 640px;
  }

  .cts-title {
    font-size: var(--font-size--fixed-60);
  }

  .cts-media {
    padding: var(--spacing-64) var(--spacing-24);
  }

  .cts-card {
    max-width: 560px;
  }

  .sup-hero {
    padding-top: calc(var(--spacing-72) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-88) * var(--section-spacing));
  }

  .sup-hero_inner {
    padding-bottom: var(--spacing-48);
  }

  .sup-card {
    padding: var(--spacing-24);
  }

  .sup-status {
    padding-top: calc(var(--spacing-80) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-80) * var(--section-spacing));
  }

  .sup-status_title {
    font-size: var(--font-size--fixed-36);
  }

  .sup-status_bars {
    grid-column-gap: var(--spacing-3);
    grid-row-gap: var(--spacing-3);
  }

  .sup-message {
    padding-top: calc(var(--spacing-88) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-88) * var(--section-spacing));
  }

  .sup-message_grid {
    grid-column-gap: var(--spacing-48);
    grid-row-gap: var(--spacing-48);
    grid-template-rows: auto;
    grid-template-columns: 1fr 1.3fr;
  }

  .sup-message_card {
    padding: var(--spacing-28);
  }

  .pp-hero {
    padding-top: calc(var(--spacing-72) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-48) * var(--section-spacing));
  }

  .pp-policy {
    padding-top: var(--spacing-16);
    padding-bottom: calc(var(--spacing-88) * var(--section-spacing));
  }

  .pp-layout {
    grid-column-gap: var(--spacing-40);
    grid-row-gap: var(--spacing-40);
    flex-direction: column;
  }

  .pp-toc {
    border-bottom: 1px solid var(--role-line);
    flex-basis: auto;
    width: 100%;
    padding-bottom: var(--spacing-32);
    position: static;
  }

  .pp-toc_list {
    grid-column-gap: var(--spacing-24);
    grid-row-gap: var(--spacing-10);
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    display: grid;
  }

  .err-404 {
    min-height: auto;
    padding-top: calc(var(--spacing-166) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-88) * var(--section-spacing));
  }

  .err-404_layout {
    flex-direction: column;
    align-items: flex-start;
  }

  .auth-split {
    flex-direction: column;
    min-height: auto;
  }

  .auth-split.is-reverse {
    flex-direction: column;
  }

  .auth-side {
    flex-basis: auto;
    row-gap: var(--spacing-56);
    width: 100%;
    padding: var(--spacing-32) var(--spacing-24) var(--spacing-40);
  }

  .auth-form {
    max-width: 560px;
  }

  .auth-media {
    flex-basis: auto;
    width: 100%;
    min-height: 520px;
    padding: var(--spacing-24);
  }

  .auth-card {
    max-width: 560px;
  }

  .sg-hero, .lic-hero {
    padding-top: var(--spacing-72);
    padding-bottom: var(--spacing-48);
  }

  .lic-cards_grid {
    grid-column-gap: var(--spacing-16);
    grid-row-gap: var(--spacing-16);
  }

  .lic-card_visual {
    height: 220px;
    padding: var(--spacing-24);
  }

  .lic-card_visual-accent {
    height: 220px;
  }

  .lic-card_fonts {
    grid-column-gap: var(--spacing-40);
  }

  .lic-card_glyph, .lic-card_glyph-mono {
    font-size: var(--font-size--fixed-80);
  }

  .lic-card_text {
    padding: var(--spacing-24);
  }

  .lic-card_title {
    font-size: var(--font-size--fixed-20);
  }

  .lic-card_body {
    font-size: var(--font-size--fixed-15);
  }

  .lic-terms {
    padding-bottom: var(--spacing-88);
  }

  .lic-terms_panel {
    padding: var(--spacing-32);
  }

  .sg-section {
    padding-top: var(--spacing-48);
    padding-bottom: var(--spacing-48);
  }

  .sg-colours_grid {
    grid-template-rows: auto;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .sg-type_row {
    grid-column-gap: var(--spacing-24);
    grid-template-rows: auto;
    grid-template-columns: 180px minmax(0, 1fr);
  }

  .sg-comp_rows {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .sg-comp_cards {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .tcl-hero {
    padding-top: var(--spacing-72);
    padding-bottom: var(--spacing-48);
  }

  .tcl-log {
    padding-bottom: var(--spacing-88);
  }

  .tcl-entry {
    grid-column-gap: var(--spacing-48);
    grid-template-rows: auto;
    grid-template-columns: 160px 1fr;
    padding-top: var(--spacing-40);
    padding-bottom: var(--spacing-40);
  }

  .tcl-entry_title {
    font-size: var(--font-size--fixed-28);
  }

  .sg-forms {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .sg-icons {
    grid-template-rows: auto;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .sg-lotties {
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .h2-top_video-btn {
    top: 104px;
    right: 24px;
  }

  .h2-logos_viewport {
    flex: none;
    width: 100%;
  }
}

@media screen and (max-width: 767px) {

  input, input::placeholder {
    font-size: var(--font-size--body-medium);
  }

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

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

  .button-group.instructions-links {
    grid-column-gap: var(--spacing-8);
    grid-row-gap: var(--spacing-8);
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    display: grid;
  }

  .button-group.job-hero_actions {
    flex-direction: row;
    width: 100%;
  }

  .text-rich-text.rel-body {
    font-size: var(--font-size--body-medium);
  }

  .heading-style-h1 {
    font-size: var(--font-size--fixed-40);
  }

  .heading-style-h1.inf-hero_title {
    font-size: var(--font-size--fixed-52);
  }

  .heading-style-h1.agt-hero_heading {
    font-size: var(--font-size--fixed-46);
    line-height: var(--line-height--ratio-1-04);
  }

  .heading-style-h1.intg-hero_title {
    font-size: var(--font-size--fixed-46);
    line-height: var(--line-height--ratio-1-05);
  }

  .heading-style-h1.ctm-card_title {
    font-size: var(--font-size--fixed-52);
  }

  .heading-style-h1.err-404_title, .heading-style-h1.auth-title {
    font-size: var(--font-size--fixed-46);
  }

  .heading-style-h1.err-401_title {
    font-size: var(--font-size--fixed-52);
  }

  .button.pcl-submit, .button.ctm-submit, .button.demo-submit, .button.sup-form_submit, .button.cts-form_submit, .button.err-401_submit {
    width: auto;
  }

  .button.auth-submit {
    width: 100%;
  }

  .button.sg-submit {
    width: auto;
  }

  .footer {
    padding: calc(var(--spacing-64) * var(--section-spacing)) var(--spacing-16) calc(var(--spacing-72) * var(--section-spacing));
  }

  .text-size-small.h1-questions_text {
    max-width: none;
  }

  .footer_container {
    grid-row-gap: 0px;
  }

  .footer_top {
    grid-row-gap: var(--spacing-40);
    padding-bottom: var(--spacing-48);
  }

  .footer_statement {
    grid-row-gap: var(--spacing-20);
  }

  .footer_columns {
    grid-column-gap: var(--spacing-16);
    grid-row-gap: var(--spacing-32);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    display: grid;
  }

  .footer_column {
    grid-row-gap: var(--spacing-2);
  }

  .footer_column-title {
    margin-bottom: var(--spacing-8);
  }

  .footer_link {
    font-size: var(--font-size--fixed-15);
    padding-top: var(--spacing-6);
    padding-bottom: var(--spacing-6);
  }

  .footer_wordmark {
    padding-bottom: 0;
    font-size: calc(var(--size-38vw) * var(--scale-headings));
  }

  .footer_bottom {
    grid-row-gap: var(--spacing-8);
    flex-direction: column;
    align-items: flex-start;
    padding-top: var(--spacing-20);
    padding-bottom: var(--spacing-20);
  }

  .footer_bottom-links {
    grid-column-gap: var(--spacing-8);
  }

  .page-hero_heading {
    font-size: var(--font-size--fixed-44);
  }

  .section_page {
    padding-top: calc(var(--spacing-64) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-64) * var(--section-spacing));
  }

  .press-row {
    grid-row-gap: var(--spacing-6);
    grid-template-columns: 1fr auto;
  }

  .press-row.is-plain {
    grid-template-columns: 1fr;
  }

  .press-row_title, .press-row_body {
    grid-column: 1 / 3;
  }

  .heading-style-h2.intg-sdk_title {
    font-size: var(--font-size--fixed-34);
  }

  .p401-hero {
    padding: var(--spacing-16);
  }

  .p401-hero_card {
    grid-column-gap: var(--spacing-24);
    grid-row-gap: var(--spacing-24);
    padding: var(--spacing-32);
  }

  .overview-hero {
    padding-top: var(--spacing-64);
    padding-bottom: var(--spacing-40);
  }

  .overview-hero_inner {
    grid-column-gap: var(--spacing-20);
    grid-row-gap: var(--spacing-20);
  }

  .overview-previews {
    padding-bottom: var(--spacing-72);
  }

  .overview-previews_grid {
    grid-column-gap: var(--spacing-12);
    grid-row-gap: var(--spacing-12);
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  .overview-previews_frame {
    border-radius: var(--radius--small);
    height: 320px;
    padding: var(--spacing-10) var(--spacing-10) 0;
  }

  .overview-previews_image {
    border-radius: var(--radius--field) var(--radius--field) 0 0;
  }

  .overview-statement {
    padding-bottom: var(--spacing-64);
  }

  .overview-statement_columns {
    grid-column-gap: var(--spacing-16);
    scroll-snap-type: x mandatory;
    grid-template-rows: auto;
    grid-template-columns: none;
    grid-auto-columns: 62%;
    grid-auto-flow: column;
    padding-bottom: var(--spacing-8);
    overflow-x: auto;
  }

  .overview-statement_column {
    scroll-snap-align: start;
  }

  .overview-statement_preview {
    height: 420px;
  }

  .overview-figma {
    padding-bottom: var(--spacing-72);
  }

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

  .overview-pages {
    padding-bottom: var(--spacing-72);
  }

  .overview-pages_inner {
    grid-column-gap: var(--spacing-40);
    grid-row-gap: var(--spacing-40);
  }

  .overview-pages_group {
    grid-row-gap: var(--spacing-16);
    padding-top: var(--spacing-24);
  }

  .overview-pages_grid {
    grid-column-gap: var(--spacing-12);
    grid-row-gap: var(--spacing-20);
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .overview-pages_preview {
    aspect-ratio: 336 / 220;
    height: auto;
  }

  .overview-built {
    padding-bottom: var(--spacing-72);
  }

  .overview-built_wrap {
    padding: 0 var(--spacing-16);
  }

  .overview-built_inner {
    border-radius: var(--radius--large);
    padding: var(--spacing-56) var(--spacing-24);
  }

  .overview-built_grid {
    grid-column-gap: var(--spacing-16);
    grid-row-gap: var(--spacing-32);
    scroll-snap-type: x mandatory;
    grid-template-rows: auto;
    grid-template-columns: none;
    grid-auto-columns: 62%;
    grid-auto-flow: column;
    padding-bottom: var(--spacing-8);
    overflow-x: auto;
  }

  .overview-built_feature {
    scroll-snap-align: start;
  }

  .overview-start_wrap {
    padding: 0 var(--spacing-16);
  }

  .overview-start_welcome {
    grid-column-gap: var(--spacing-20);
    grid-row-gap: var(--spacing-20);
    padding: var(--spacing-48) var(--spacing-24);
  }

  .overview-start_image {
    height: 320px;
  }

  .overview-start_customize {
    padding: var(--spacing-28) var(--spacing-24);
  }

  .h1-top_heading {
    font-size: var(--font-size--fixed-44);
  }

  .h1-top_panels {
    scroll-snap-type: x mandatory;
    align-items: stretch;
    column-gap: var(--spacing-12);
    display: flex;
    overflow-x: auto;
  }

  .h1-top_side {
    scroll-snap-align: start;
    flex: 0 0 80%;
    height: 420px;
  }

  .h1-top_orb-panel {
    scroll-snap-align: start;
    flex: 0 0 80%;
    order: -1;
    height: 420px;
  }

  .h1-hero_orb {
    top: -6%;
  }

  .logo-cell {
    border-right: 1px solid var(--role-line);
  }

  .h1-platform {
    padding-top: calc(var(--spacing-72) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .heading-style-section {
    font-size: var(--font-size--fixed-32);
  }

  .h1-platform_frame {
    margin-top: var(--spacing-32);
  }

  .h1-platform_preview {
    aspect-ratio: 4 / 3;
  }

  .h1-platform_console {
    width: 118%;
    top: 8%;
    left: 4%;
  }

  .h1-platform_agent {
    width: 48%;
    top: 30%;
    left: auto;
    right: 4%;
  }

  .h1-platform_products {
    scroll-snap-type: x mandatory;
    display: flex;
    overflow-x: auto;
  }

  .h1-platform_product {
    scroll-snap-align: start;
    flex: 0 0 80%;
  }

  .h1-inference {
    padding-top: calc(var(--spacing-72) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .h1-product_visuals {
    scroll-snap-type: x mandatory;
    overflow-x: auto;
  }

  .h1-product_image-card {
    scroll-snap-align: start;
    flex: 0 0 85%;
    height: 360px;
  }

  .h1-product_caption {
    bottom: 20px;
    left: 20px;
    right: 20px;
  }

  .lottie-card {
    scroll-snap-align: start;
    flex: 0 0 85%;
    height: 360px;
  }

  .lottie-card_caption {
    bottom: 20px;
    left: 20px;
    right: 20px;
  }

  .h1-agents {
    padding-top: calc(var(--spacing-72) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .h1-developers {
    padding-top: calc(var(--spacing-72) * var(--section-spacing));
  }

  .h1-dev_side {
    display: flex;
  }

  .h1-dev_api-arrow {
    padding-right: 0;
  }

  .h1-dev_stats-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  .h1-dev_stat {
    border-bottom: 1px solid var(--role-line);
    padding: var(--spacing-28) var(--spacing-16);
  }

  .h1-customers {
    padding-top: calc(var(--spacing-72) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .h1-section-head {
    flex-direction: column;
    align-items: flex-start;
    row-gap: var(--spacing-20);
  }

  .h1-customers_featured {
    height: 520px;
  }

  .h1-customers_quote {
    padding: var(--spacing-20);
    bottom: 16px;
    left: 16px;
    right: 16px;
  }

  .h1-customers_quote-text {
    font-size: var(--font-size--fixed-19);
  }

  .h1-customers_more {
    scroll-snap-type: x mandatory;
    overflow-x: auto;
  }

  .story-card {
    scroll-snap-align: start;
    flex: 0 0 80%;
  }

  .h1-security {
    padding-top: calc(var(--spacing-72) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .security-cell {
    padding: var(--spacing-20);
  }

  .h1-pricing {
    padding-top: calc(var(--spacing-72) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .h1-pricing_plans {
    scroll-snap-type: x mandatory;
    column-gap: var(--spacing-12);
    display: flex;
    overflow-x: auto;
  }

  .h1-pricing_plan {
    scroll-snap-align: start;
    flex: 0 0 80%;
  }

  .h1-pricing_plan-featured {
    scroll-snap-align: start;
    flex: 0 0 80%;
    order: -1;
  }

  .h1-changelog {
    padding-top: calc(var(--spacing-72) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .release-row {
    column-gap: var(--spacing-16);
  }

  .release-row_date {
    flex-basis: 56px;
  }

  .h1-changelog_articles {
    column-gap: var(--spacing-12);
  }

  .h1-questions {
    padding-top: calc(var(--spacing-72) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .h1-questions_intro {
    width: 100%;
  }

  .cta-panel {
    padding-top: calc(var(--spacing-88) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-88) * var(--section-spacing));
  }

  .cta-panel_image {
    opacity: .4;
  }

  .cta-panel_content {
    row-gap: var(--spacing-20);
  }

  .cta-panel_heading {
    font-size: var(--font-size--fixed-40);
  }

  .h3-top {
    padding-top: calc(var(--spacing-48) * var(--section-spacing));
  }

  .h3-inner {
    padding-left: 0;
    padding-right: 0;
  }

  .h3-hero_stage {
    padding-top: var(--spacing-56);
    padding-bottom: var(--spacing-120);
  }

  .h3-hero_live {
    top: -40px;
    left: 0;
  }

  .h3-hero_console {
    border-radius: var(--radius--field);
    width: 100%;
  }

  .h3-hero_agent {
    border-radius: var(--radius--field);
    width: 46%;
    top: auto;
    bottom: -88px;
    right: 0;
  }

  .h2-top {
    min-height: 740px;
  }

  .h2-top_inner {
    row-gap: var(--spacing-32);
    padding-bottom: var(--spacing-56);
  }

  .h2-top_chat {
    width: 100%;
    max-width: 340px;
  }

  .h2-logos {
    padding-top: var(--spacing-32);
  }

  .h3-logos {
    padding-top: calc(var(--spacing-56) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-56) * var(--section-spacing));
  }

  .h3-logos_grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  .h3-principles {
    padding-top: calc(var(--spacing-72) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .h3-principles_row {
    grid-template-rows: auto;
    grid-template-columns: 36px 1fr 36px;
    column-gap: var(--spacing-16);
    padding-top: var(--spacing-24);
    padding-bottom: var(--spacing-24);
  }

  .h3-principles_title {
    font-size: var(--font-size--fixed-22);
  }

  .h3-principles_text {
    font-size: var(--font-size--fixed-15);
  }

  .h2-features {
    padding-top: calc(var(--spacing-72) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .h2-head {
    flex-direction: column;
    align-items: flex-start;
    row-gap: var(--spacing-20);
    margin-bottom: var(--spacing-32);
  }

  .h2-quick {
    padding-top: calc(var(--spacing-72) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .h2-quick_steps {
    scroll-snap-type: x mandatory;
    display: flex;
    overflow-x: auto;
  }

  .h2-quick_step {
    scroll-snap-align: start;
    flex: 0 0 72%;
    padding: var(--spacing-24);
  }

  .h2-integ {
    padding-top: calc(var(--spacing-72) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .h2-integ_cell, .h2-integ_more {
    padding: var(--spacing-20);
  }

  .bench-section {
    padding-top: calc(var(--spacing-56) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-56) * var(--section-spacing));
  }

  .bench-card {
    border-radius: var(--radius--large);
    row-gap: var(--spacing-28);
    padding: var(--spacing-32) 0 var(--spacing-16);
  }

  .bench-head {
    padding-left: var(--spacing-20);
    padding-right: var(--spacing-20);
  }

  .bench-table {
    padding-left: var(--spacing-20);
    padding-right: var(--spacing-20);
    overflow-x: visible;
  }

  .bench-row-head {
    display: none;
  }

  .bench-row {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
    align-items: start;
    gap: var(--spacing-12);
    padding-top: var(--spacing-18);
    padding-bottom: var(--spacing-18);
  }

  .bench-name {
    font-size: var(--font-size--body-small);
    grid-column: 1 / -1;
  }

  .bench-cell {
    padding-right: 0;
  }

  .h2-security {
    padding-top: calc(var(--spacing-72) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .h2-security_head {
    flex-direction: column;
    row-gap: var(--spacing-20);
  }

  .h2-security_cell {
    padding: var(--spacing-24) var(--spacing-20) var(--spacing-28);
  }

  .h2-security_badges {
    column-gap: var(--spacing-24);
  }

  .h3-products {
    padding-top: calc(var(--spacing-72) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .h3-products_grid {
    grid-column-gap: var(--spacing-12);
    grid-row-gap: var(--spacing-12);
    scroll-snap-type: x mandatory;
    padding-bottom: var(--spacing-8);
    display: flex;
    overflow-x: auto;
  }

  .h3-products_feature {
    scroll-snap-align: start;
    flex: 0 0 85%;
    min-height: 440px;
    padding: var(--spacing-16);
  }

  .h3-products_feature-card {
    padding: var(--spacing-20);
  }

  .h3-products_card {
    scroll-snap-align: start;
    flex: 0 0 80%;
    padding: var(--spacing-24) var(--spacing-20);
  }

  .h2-story {
    padding-top: calc(var(--spacing-72) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .h2-story_copy {
    row-gap: var(--spacing-24);
  }

  .h2-story_quote {
    font-size: var(--font-size--fixed-22);
  }

  .h2-story_author {
    margin-top: calc(var(--spacing-8) * -1);
  }

  .h2-story_value {
    font-size: var(--font-size--fixed-20);
  }

  .h3-developers {
    padding-top: calc(var(--spacing-72) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .h3-developers_stats {
    column-gap: var(--spacing-12);
    padding-top: var(--spacing-8);
  }

  .h3-developers_stat-value {
    font-size: var(--font-size--fixed-28);
  }

  .h3-code_body {
    padding: var(--spacing-16);
  }

  .h3-code_line {
    grid-column-gap: var(--spacing-12);
    grid-row-gap: var(--spacing-12);
    font-size: var(--font-size--body-tiny);
    line-height: var(--line-height--fixed-22);
  }

  .h3-run_foot {
    font-size: var(--font-size--fixed-10);
  }

  .h2-pricing {
    padding-top: calc(var(--spacing-72) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .h2-rate_head {
    grid-template-rows: auto;
    grid-template-columns: 1.2fr 1.8fr 1fr;
  }

  .h2-rate_th-unit {
    display: none;
  }

  .h2-rate_row {
    grid-template-rows: auto;
    grid-template-columns: 1.2fr 1.8fr 1fr;
    padding-top: var(--spacing-18);
    padding-bottom: var(--spacing-18);
  }

  .h2-rate_unit {
    display: none;
  }

  .h2-plans {
    padding: var(--spacing-24);
  }

  .h2-changelog {
    padding-top: calc(var(--spacing-72) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .h2-release_grid {
    scroll-snap-type: x mandatory;
    display: flex;
    overflow-x: auto;
  }

  .h2-release, .h2-release-latest {
    scroll-snap-align: start;
    flex: 0 0 72%;
    row-gap: var(--spacing-40);
    padding: var(--spacing-24);
  }

  .h2-release_version {
    font-size: var(--font-size--fixed-40);
  }

  .h2-questions {
    padding-top: calc(var(--spacing-72) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .h2-questions_inner {
    row-gap: var(--spacing-32);
  }

  .h3-customers {
    padding-top: calc(var(--spacing-72) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .h3-customers_layout {
    grid-column-gap: var(--spacing-32);
    grid-row-gap: var(--spacing-32);
  }

  .h3-customers_quote {
    font-size: var(--font-size--fixed-26);
    line-height: var(--line-height--ratio-1-2);
  }

  .h3-customers_attribution {
    padding-bottom: var(--spacing-28);
  }

  .h3-customers_metrics {
    grid-column-gap: var(--spacing-12);
    grid-row-gap: var(--spacing-12);
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    width: 100%;
    display: grid;
  }

  .h3-customers_stories {
    grid-column-gap: var(--spacing-12);
    grid-row-gap: var(--spacing-12);
    scroll-snap-type: x mandatory;
    padding-bottom: var(--spacing-8);
    display: flex;
    overflow-x: auto;
  }

  .h3-customers_story {
    scroll-snap-align: start;
    flex: 0 0 80%;
  }

  .h3-security {
    padding-top: calc(var(--spacing-72) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .h3-security_layout {
    grid-column-gap: var(--spacing-32);
    grid-row-gap: var(--spacing-32);
  }

  .h2-tabs_link {
    flex-basis: 230px;
    padding: var(--spacing-14);
  }

  .h3-pricing {
    padding-top: calc(var(--spacing-72) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .h3-pricing_scroll {
    margin-right: 0;
    padding-right: 0;
    overflow-x: visible;
  }

  .h3-pricing_plans {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
    align-items: stretch;
    column-gap: var(--spacing-8);
  }

  .h3-pricing_compare {
    padding-bottom: var(--spacing-20);
    display: none;
  }

  .h3-pricing_plan, .h3-pricing_plan-featured {
    padding: var(--spacing-16) var(--spacing-12);
  }

  .h3-pricing_price {
    font-size: var(--font-size--fixed-22);
  }

  .h3-pricing_row {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
    align-items: start;
    column-gap: var(--spacing-8);
  }

  .h3-pricing_cell-label {
    grid-column: 1 / -1;
    padding-top: var(--spacing-16);
    padding-bottom: var(--spacing-6);
  }

  .h3-pricing_cell, .h3-pricing_cell-muted {
    padding: 0 var(--spacing-12) var(--spacing-16);
  }

  .h3-research {
    padding-top: calc(var(--spacing-72) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .h3-research_grid {
    grid-column-gap: var(--spacing-16);
    grid-row-gap: var(--spacing-16);
  }

  .h3-research_cover {
    height: 240px;
  }

  .h3-research_body {
    padding: var(--spacing-16) var(--spacing-18) var(--spacing-20);
  }

  .h2-stage {
    min-height: 480px;
  }

  .h2-stage_window {
    width: 340px;
  }

  .h2-stage_caption {
    margin-right: var(--spacing-16);
    padding: var(--spacing-12) var(--spacing-14);
    bottom: 16px;
    left: 16px;
  }

  .h2-stage_text {
    font-size: var(--font-size--body-small);
  }

  .h3-team {
    padding-top: calc(var(--spacing-72) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .h3-team_grid {
    grid-column-gap: var(--spacing-12);
    grid-row-gap: var(--spacing-12);
    scroll-snap-type: x mandatory;
    margin-bottom: var(--spacing-32);
    padding-bottom: var(--spacing-8);
    display: flex;
    overflow-x: auto;
  }

  .h3-team_card {
    scroll-snap-align: start;
    flex: 0 0 42%;
  }

  .h3-team_investor {
    font-size: var(--font-size--body-small);
    padding: var(--spacing-16) var(--spacing-8);
  }

  .h3-faq {
    padding-top: calc(var(--spacing-72) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .h3-faq_grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .inf-hero {
    padding-top: calc(var(--spacing-48) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .inf-hero_head {
    row-gap: var(--spacing-20);
    padding-bottom: var(--spacing-40);
  }

  .inf-router {
    border-radius: var(--radius--large);
    flex-direction: column;
    align-items: stretch;
    row-gap: var(--spacing-20);
    padding: var(--spacing-20);
  }

  .inf-route-card {
    flex-basis: auto;
    padding: var(--spacing-20);
  }

  .inf-features {
    padding-top: calc(var(--spacing-72) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .inf-head {
    margin-bottom: var(--spacing-32);
  }

  .inf-features_grid {
    grid-column-gap: var(--spacing-12);
    grid-row-gap: var(--spacing-12);
    scroll-snap-type: x mandatory;
    display: flex;
    overflow-x: auto;
  }

  .inf-feature {
    scroll-snap-align: start;
    flex: 0 0 80%;
  }

  .inf-stats {
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .inf-stats_first {
    padding: var(--spacing-24) var(--spacing-12) var(--spacing-24) 0;
  }

  .inf-stats_item {
    padding: var(--spacing-24) var(--spacing-12) var(--spacing-24) var(--spacing-16);
  }

  .inf-stats_value {
    font-size: var(--font-size--fixed-36);
  }

  .inf-code {
    padding-top: calc(var(--spacing-72) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .inf-code_copy {
    row-gap: var(--spacing-20);
  }

  .inf-code_list {
    row-gap: var(--spacing-14);
  }

  .inf-codecard_body {
    font-size: var(--font-size--body-tiny);
    padding: var(--spacing-20);
  }

  .inf-story {
    padding-top: calc(var(--spacing-72) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .inf-story_split {
    row-gap: var(--spacing-40);
  }

  .inf-story_metrics {
    column-gap: var(--spacing-16);
  }

  .inf-story_value {
    font-size: var(--font-size--fixed-32);
  }

  .inf-story_quote-wrap {
    row-gap: var(--spacing-20);
  }

  .inf-faq {
    padding-top: calc(var(--spacing-72) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .inf-faq_split {
    row-gap: var(--spacing-32);
  }

  .inf-faq_intro {
    row-gap: var(--spacing-16);
  }

  .evl-hero {
    padding-top: calc(var(--spacing-56) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .evl-hero_title {
    font-size: var(--font-size--fixed-52);
  }

  .evl-hero_sub {
    grid-column-gap: var(--spacing-24);
    grid-row-gap: var(--spacing-24);
    flex-direction: column;
    align-items: flex-start;
  }

  .evl-bento {
    scroll-snap-type: x mandatory;
    margin-top: var(--spacing-40);
    padding-bottom: var(--spacing-8);
    display: flex;
    overflow-x: auto;
  }

  .evl-score {
    scroll-snap-align: start;
    flex: 0 0 85%;
    min-height: 420px;
  }

  .evl-score_value {
    font-size: var(--font-size--fixed-88);
  }

  .evl-chart {
    scroll-snap-align: start;
    flex: 0 0 85%;
    order: 0;
  }

  .evl-checks {
    scroll-snap-align: start;
    flex: 0 0 85%;
  }

  .agt-hero_head {
    padding: var(--spacing-56) 0 var(--spacing-40);
  }

  .agt-hero_stage {
    height: auto;
    padding-top: var(--spacing-48);
    padding-bottom: var(--spacing-48);
  }

  .agt-hero_cards {
    scroll-snap-type: x mandatory;
    align-items: flex-start;
    column-gap: var(--spacing-16);
    height: auto;
    margin-left: 0;
    margin-right: 0;
    padding-left: var(--spacing-16);
    padding-right: var(--spacing-16);
    display: flex;
    overflow-x: auto;
  }

  .agt-hero_run {
    scroll-snap-align: start;
    flex: 0 0 360px;
    width: auto;
    position: relative;
    top: auto;
    left: auto;
  }

  .agt-hero_sandbox {
    scroll-snap-align: start;
    flex: 0 0 300px;
    order: 1;
    width: auto;
    position: relative;
    top: auto;
    left: auto;
  }

  .agt-hero_approval {
    scroll-snap-align: start;
    flex: 0 0 300px;
    order: 2;
    width: auto;
    position: relative;
    top: auto;
    left: auto;
  }

  .evl-steps {
    padding-top: calc(var(--spacing-72) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .evl-head {
    grid-column-gap: var(--spacing-16);
    grid-row-gap: var(--spacing-16);
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: var(--spacing-40);
  }

  .evl-head_title {
    font-size: var(--font-size--fixed-32);
  }

  .evl-step {
    padding: var(--spacing-24) var(--spacing-16) var(--spacing-28);
  }

  .evl-gate {
    padding-top: calc(var(--spacing-72) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .evl-code_body {
    padding: var(--spacing-18) var(--spacing-16);
  }

  .evl-code_line {
    font-size: var(--font-size--fixed-13);
  }

  .evl-fail {
    padding: var(--spacing-18) var(--spacing-16);
  }

  .agt-walls {
    padding-top: calc(var(--spacing-72) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .agt-walls_diagram {
    scroll-snap-type: x mandatory;
    margin-right: calc(var(--spacing-16) * -1);
    padding-bottom: var(--spacing-8);
    padding-right: var(--spacing-16);
    overflow-x: auto;
  }

  .agt-walls_node {
    scroll-snap-align: start;
    flex: 0 0 170px;
  }

  .agt-walls_sandbox {
    scroll-snap-align: start;
    flex: 0 0 300px;
  }

  .evl-compare {
    padding-top: calc(var(--spacing-72) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .evl-table_scroll {
    padding-bottom: 0;
    overflow-x: visible;
  }

  .evl-table_head {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
    column-gap: var(--spacing-12);
  }

  .evl-table_row {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
    align-items: start;
    gap: var(--spacing-8) var(--spacing-12);
    padding-top: var(--spacing-16);
    padding-bottom: var(--spacing-16);
  }

  .evl-table_th-first {
    display: none;
  }

  .evl-table_th, .evl-table_th-accent {
    padding-left: 0;
    padding-right: 0;
  }

  .evl-table_cap {
    grid-column: 1 / -1;
  }

  .evl-table_yes, .evl-table_no, .evl-table_cell {
    padding-left: 0;
    padding-right: 0;
  }

  .agt-rows {
    padding-top: calc(var(--spacing-72) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .agt-rows_list {
    scroll-snap-type: x mandatory;
    flex-direction: row;
    gap: 0 var(--spacing-12);
    margin-left: calc(var(--spacing-16) * -1);
    margin-right: calc(var(--spacing-16) * -1);
    padding-bottom: var(--spacing-8);
    padding-left: var(--spacing-16);
    padding-right: var(--spacing-16);
    scroll-padding-left: 16px;
    overflow-x: auto;
  }

  .agt-row {
    scroll-snap-align: start;
    flex-direction: column;
    flex: 0 0 80%;
    justify-content: flex-start;
    row-gap: var(--spacing-24);
    min-width: 0;
  }

  .agt-row_copy {
    flex-basis: auto;
    order: 1;
    padding-top: 0;
    padding-bottom: 0;
  }

  .agt-row_copy-alt {
    flex-basis: auto;
    order: 1;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .agt-row_visual {
    border-radius: var(--radius--small);
    flex: none;
    height: 350px;
    min-height: 350px;
    padding: var(--spacing-32) var(--spacing-20);
  }

  .evl-story {
    padding-top: calc(var(--spacing-72) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .evl-story_card {
    grid-column-gap: var(--spacing-24);
    grid-row-gap: var(--spacing-24);
    padding: var(--spacing-28);
  }

  .evl-story_quote {
    font-size: var(--font-size--fixed-28);
  }

  .evl-story_foot {
    grid-column-gap: var(--spacing-20);
    grid-row-gap: var(--spacing-20);
    flex-direction: column;
    align-items: flex-start;
  }

  .evl-faq {
    padding-top: calc(var(--spacing-72) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .evl-faq_inner {
    grid-column-gap: var(--spacing-32);
    grid-row-gap: var(--spacing-32);
  }

  .evl-faq_title {
    font-size: var(--font-size--fixed-32);
  }

  .closing-split {
    flex-direction: column;
    min-height: 0;
  }

  .closing-media {
    width: 100%;
    height: 240px;
  }

  .closing-panel {
    grid-column-gap: var(--spacing-24);
    grid-row-gap: var(--spacing-24);
    padding: var(--spacing-56) var(--spacing-24) var(--spacing-64);
  }

  .closing-title {
    font-size: var(--font-size--fixed-32);
  }

  .agt-story {
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .agt-story_panel {
    border-radius: var(--radius--large);
    padding: var(--spacing-32) var(--spacing-20);
  }

  .agt-story_quote {
    font-size: var(--font-size--fixed-26);
    line-height: var(--line-height--ratio-1-2);
  }

  .agt-story_metrics {
    column-gap: var(--spacing-16);
  }

  .agt-story_value {
    font-size: var(--font-size--fixed-22);
  }

  .agt-faq {
    padding-top: calc(var(--spacing-72) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .agt-faq_grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    row-gap: var(--spacing-12);
  }

  .cta-terminal {
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .cta-terminal-panel {
    border-radius: var(--radius--large);
    padding: var(--spacing-32) var(--spacing-20);
  }

  .cta-terminal-window {
    padding: var(--spacing-20);
  }

  .cta-terminal-muted {
    padding-left: var(--spacing-8);
  }

  .cta-terminal-ok {
    white-space: pre-wrap;
  }

  .prc-hero {
    padding-top: calc(var(--spacing-56) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .prc-hero_title {
    font-size: var(--font-size--fixed-52);
  }

  .prc-toggle {
    margin-bottom: var(--spacing-40);
  }

  .prc-tabs_content {
    margin-left: calc(var(--spacing-16) * -1);
    margin-right: calc(var(--spacing-16) * -1);
  }

  .intg-hero {
    padding-top: calc(var(--spacing-56) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .intg-hero_head {
    row-gap: var(--spacing-20);
    padding-bottom: var(--spacing-40);
  }

  .intg-hub {
    aspect-ratio: auto;
    border-radius: var(--radius--large);
    height: 480px;
  }

  .intg-hub_lines {
    display: none;
  }

  .intg-hub_lines-mobile {
    display: block;
  }

  .intg-hub_core {
    top: 50%;
    left: 50%;
  }

  .intg-core {
    border-radius: var(--radius-18);
    grid-template-rows: 16px 16px;
    grid-template-columns: 16px 16px;
    width: 84px;
    height: 84px;
  }

  .intg-node {
    border-radius: var(--radius--compact);
    row-gap: var(--spacing-6);
    padding: var(--spacing-8) var(--spacing-10);
  }

  .intg-node_label {
    font-size: var(--font-size--fixed-11);
  }

  .intg-hub_note {
    font-size: var(--font-size--fixed-10);
    bottom: 14px;
    left: 16px;
  }

  .intg-pos-postgres {
    top: 13%;
    left: 50%;
  }

  .intg-pos-snowflake {
    top: 26.93%;
    left: 76.58%;
  }

  .intg-pos-datadog {
    top: 58.23%;
    left: 83.15%;
  }

  .intg-pos-grafana {
    top: 83.34%;
    left: 64.75%;
  }

  .intg-pos-github {
    top: 83.34%;
    left: 35.25%;
  }

  .intg-pos-auth0 {
    top: 58.23%;
    left: 16.85%;
  }

  .intg-pos-slack {
    top: 26.93%;
    left: 23.42%;
  }

  .prc-plans {
    scroll-snap-type: x mandatory;
    padding-bottom: var(--spacing-8);
    padding-left: var(--spacing-16);
    padding-right: var(--spacing-16);
    scroll-padding-left: 16px;
    display: flex;
    overflow-x: auto;
  }

  .prc-plan, .prc-plan_featured {
    scroll-snap-align: start;
    flex: 0 0 80%;
  }

  .intg-catalogue {
    padding-top: calc(var(--spacing-72) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .intg-catalogue_inner {
    row-gap: var(--spacing-24);
  }

  .intg-grid {
    grid-column-gap: var(--spacing-12);
    grid-row-gap: var(--spacing-12);
  }

  .intg-card {
    border-radius: var(--radius--small);
    row-gap: var(--spacing-10);
    padding: var(--spacing-18);
  }

  .intg-card_text {
    font-size: var(--font-size--fixed-13);
  }

  .intg-card_cmd {
    padding: var(--spacing-6) var(--spacing-8);
  }

  .intg-card_cmd-text {
    font-size: var(--font-size--fixed-11);
    overflow-wrap: anywhere;
  }

  .intg-build, .intg-missing {
    border-radius: var(--radius--small);
    row-gap: var(--spacing-10);
    padding: var(--spacing-18);
  }

  .intg-missing_text {
    font-size: var(--font-size--fixed-13);
  }

  .intg-item-hero {
    padding-top: calc(var(--spacing-50) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .intg-item-hero_title-row {
    grid-column-gap: var(--spacing-16);
    grid-row-gap: var(--spacing-16);
  }

  .intg-item-hero_tile {
    flex-basis: 56px;
    width: 56px;
    height: 56px;
  }

  .intg-item-hero_icon, .intg-item-hero_icon-dark {
    width: 28px;
    height: 28px;
  }

  .intg-item-hero_heading {
    font-size: var(--font-size--fixed-46);
  }

  .intg-item-install_head {
    padding: var(--spacing-14) var(--spacing-20);
  }

  .intg-item-install_body {
    padding: var(--spacing-20) var(--spacing-20) var(--spacing-24);
  }

  .prc-usage {
    padding-top: calc(var(--spacing-72) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .prc-head {
    flex-direction: column;
    align-items: flex-start;
    row-gap: var(--spacing-20);
    margin-bottom: var(--spacing-40);
  }

  .prc-rates_header {
    display: none;
  }

  .prc-rates_row {
    grid-template-rows: auto;
    grid-template-columns: 1fr auto;
    align-items: baseline;
    gap: var(--spacing-6) var(--spacing-16);
    padding-top: var(--spacing-16);
    padding-bottom: var(--spacing-16);
  }

  .prc-rates_name {
    color: var(--role-ink-soft);
    font-weight: var(--fonts-weights--normal);
    grid-column-start: span 2;
  }

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

  .prc-compare {
    padding-top: calc(var(--spacing-72) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .prc-table_scroll {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    overflow-x: visible;
  }

  .prc-table_header {
    z-index: 2;
    background-color: var(--role-page);
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
    column-gap: var(--spacing-12);
    padding-top: var(--spacing-14);
    position: sticky;
    top: 66px;
  }

  .prc-table_corner {
    z-index: 1;
    background-color: var(--role-page);
    display: none;
    position: sticky;
    left: 0;
  }

  .prc-table_row {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
    align-items: start;
    gap: var(--spacing-6) var(--spacing-12);
    padding-top: var(--spacing-14);
    padding-bottom: var(--spacing-14);
  }

  .prc-table_feature {
    grid-column: 1 / -1;
    padding-right: 0;
  }

  .prc-startup {
    padding-top: calc(var(--spacing-72) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .prc-startup_card {
    flex-direction: column;
    align-items: stretch;
    row-gap: var(--spacing-28);
    padding: var(--spacing-28) var(--spacing-24);
  }

  .prc-startup_side {
    flex: none;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-16);
    display: grid;
  }

  .prc-startup_cta {
    grid-column-start: span 2;
  }

  .prc-faq {
    padding-top: calc(var(--spacing-72) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .prc-faq_grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    row-gap: var(--spacing-12);
  }

  .intg-item-dash {
    padding-top: calc(var(--spacing-72) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .intg-item-dash_card {
    border-radius: var(--radius--large);
    padding: var(--spacing-24) var(--spacing-20);
  }

  .intg-item-dash_head {
    flex-wrap: wrap;
  }

  .intg-item-dash_row {
    grid-column-gap: var(--spacing-16);
    grid-row-gap: var(--spacing-12);
    grid-template-rows: auto;
    grid-template-columns: 1fr auto;
    padding-top: var(--spacing-16);
    padding-bottom: var(--spacing-16);
    display: grid;
  }

  .intg-item-dash_name {
    flex-basis: auto;
  }

  .intg-item-dash_spark {
    grid-area: 2 / 1 / 3 / 3;
    height: 32px;
  }

  .intg-item-details {
    padding-top: calc(var(--spacing-72) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .intg-item-step {
    grid-column-gap: var(--spacing-16);
    grid-row-gap: var(--spacing-16);
    padding-bottom: var(--spacing-24);
  }

  .intg-item-facts_list {
    grid-column-gap: var(--spacing-16);
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  .intg-sdk {
    padding-top: calc(var(--spacing-72) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .intg-sdk_card {
    border-radius: var(--radius--large);
    padding: var(--spacing-28);
  }

  .intg-code {
    padding: var(--spacing-18);
  }

  .intg-code_line, .intg-code_line-indent {
    font-size: var(--font-size--body-tiny);
  }

  .intg-code_gap {
    height: 21px;
  }

  .intg-item-spec_row {
    grid-column-gap: var(--spacing-12);
    grid-row-gap: var(--spacing-4);
    grid-template-rows: auto;
    grid-template-columns: 1fr auto;
    display: grid;
  }

  .intg-item-spec_name {
    flex-basis: auto;
  }

  .intg-item-spec_type {
    text-align: right;
    flex-basis: auto;
  }

  .intg-item-spec_text {
    grid-column: 1 / 3;
  }

  .intg-item-related {
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .intg-item-related_head {
    margin-bottom: var(--spacing-24);
  }

  .intg-item-related_title {
    font-size: var(--font-size--fixed-30);
  }

  .intg-item-related_list {
    grid-column-gap: var(--spacing-12);
    scroll-snap-type: x mandatory;
    margin-left: calc(var(--spacing-16) * -1);
    margin-right: calc(var(--spacing-16) * -1);
    padding-left: var(--spacing-16);
    padding-right: var(--spacing-16);
    scroll-padding-left: 16px;
    display: flex;
    overflow-x: auto;
  }

  .intg-item-related_item {
    scroll-snap-align: start;
    flex: 0 0 80%;
  }

  .docs-hero {
    padding-top: calc(var(--spacing-56) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-56) * var(--section-spacing));
  }

  .docs-hero_bg {
    object-position: 80% 50%;
  }

  .sec-hero {
    padding-top: calc(var(--spacing-48) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .sec-hero_title {
    font-size: var(--font-size--fixed-46);
  }

  .sec-status_head {
    padding: var(--spacing-16) var(--spacing-20);
  }

  .sec-status_list {
    padding: var(--spacing-4) var(--spacing-20) var(--spacing-12);
  }

  .sec-controls {
    padding-top: calc(var(--spacing-72) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .sec-head {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: var(--spacing-32);
  }

  .sec-grid {
    gap: var(--spacing-12);
  }

  .sec-control {
    border-radius: var(--radius--small);
    row-gap: var(--spacing-12);
    padding: var(--spacing-20);
  }

  .sec-flow {
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .sec-flow_title {
    font-size: var(--font-size--fixed-20);
    margin-bottom: var(--spacing-24);
  }

  .sec-flow_row {
    margin-left: calc(var(--spacing-16) * -1);
    margin-right: calc(var(--spacing-16) * -1);
    padding-left: var(--spacing-16);
    padding-right: var(--spacing-16);
    scroll-padding-left: 16px;
  }

  .sec-step {
    flex-basis: 240px;
  }

  .sec-packet {
    padding-top: calc(var(--spacing-72) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .sec-packet_card {
    border-radius: var(--radius--large);
    row-gap: var(--spacing-28);
    padding: var(--spacing-28);
  }

  .pcl-hero {
    padding-top: calc(var(--spacing-48) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .pcl-hero_head {
    padding-bottom: var(--spacing-40);
  }

  .pcl-hero_title {
    font-size: var(--font-size--fixed-52);
  }

  .pcl-latest {
    border-radius: var(--radius--large);
    padding: var(--spacing-24);
  }

  .pcl-run {
    font-size: var(--font-size--fixed-11);
    padding: var(--spacing-14) var(--spacing-16) var(--spacing-16);
  }

  .pcl-run_cmd {
    white-space: normal;
  }

  .docs-main {
    padding-top: var(--spacing-32);
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .docs-side {
    margin-left: calc(var(--spacing-16) * -1);
    margin-right: calc(var(--spacing-16) * -1);
    padding-left: var(--spacing-16);
    padding-right: var(--spacing-16);
  }

  .docs-code_body, .docs-run {
    padding-left: var(--spacing-16);
    padding-right: var(--spacing-16);
  }

  .docs-pager {
    grid-column-gap: var(--spacing-10);
    padding-top: var(--spacing-16);
  }

  .docs-pager_card, .docs-pager_card-next {
    padding: var(--spacing-14);
  }

  .pcl-latest_content {
    row-gap: var(--spacing-16);
  }

  .pcl-latest_version {
    font-size: var(--font-size--fixed-56);
  }

  .sec-faq {
    padding-top: calc(var(--spacing-72) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .sec-faq_layout {
    flex-direction: column;
  }

  .sec-faq_aside, .sec-faq_list {
    flex-basis: auto;
    width: 100%;
  }

  .pcl-releases {
    padding-top: calc(var(--spacing-72) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .pcl-releases_inner {
    row-gap: var(--spacing-32);
  }

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

  .pcl-releases_more {
    padding-left: var(--spacing-116);
  }

  .pcl-entry {
    border: 1px solid var(--role-line);
    border-radius: var(--radius--small);
    flex-direction: column;
    flex: auto;
    min-width: 0;
    padding: var(--spacing-20);
  }

  .pcl-entry_meta {
    flex-direction: row;
    align-items: baseline;
    column-gap: var(--spacing-8);
    width: auto;
    margin-bottom: var(--spacing-14);
  }

  .pcl-entry_date {
    font-size: var(--font-size--body-small);
  }

  .pcl-entry_rail {
    width: 28px;
    display: none;
  }

  .pcl-entry_body {
    flex-basis: auto;
    padding-bottom: 0;
  }

  .pcl-entry_title {
    font-size: var(--font-size--fixed-20);
  }

  .pcl-entry_snippet {
    font-size: var(--font-size--body-tiny);
    padding: var(--spacing-12) var(--spacing-14);
  }

  .pcl-entry_image {
    border-radius: var(--radius--compact);
    height: 200px;
  }

  .pcl-log {
    padding-top: calc(var(--spacing-72) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .pcl-log_card {
    border-radius: var(--radius--large);
    row-gap: var(--spacing-16);
    padding: var(--spacing-28) var(--spacing-24);
  }

  .pcl-log_title {
    font-size: var(--font-size--fixed-30);
  }

  .rel-hero {
    padding-top: var(--spacing-40);
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .rel-hero_version {
    font-size: var(--font-size--fixed-56);
  }

  .rel-hero_title {
    font-size: var(--font-size--fixed-46);
    line-height: var(--line-height--ratio-1-05);
  }

  .rel-card {
    padding: var(--spacing-16);
  }

  .rel-details {
    padding-top: calc(var(--spacing-64) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .rel-article {
    row-gap: var(--spacing-44);
  }

  .rel-change {
    flex-direction: column;
  }

  .rel-change_label {
    width: auto;
    padding-top: 0;
  }

  .rel-image {
    border-radius: var(--radius--compact);
    height: 220px;
  }

  .rel-help {
    padding: var(--spacing-22);
  }

  .rel-more {
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

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

  .job-hero {
    padding-top: var(--spacing-40);
    padding-bottom: var(--spacing-40);
  }

  .job-hero_copy {
    grid-column-gap: var(--spacing-20);
    grid-row-gap: var(--spacing-20);
  }

  .job-hero_title {
    font-size: var(--font-size--fixed-46);
    line-height: var(--line-height--ratio-1-04);
  }

  .job-hero_actions {
    flex-direction: row;
    width: auto;
  }

  .job-band {
    height: 160px;
  }

  .car-hero_head {
    padding-top: var(--spacing-56);
    padding-bottom: var(--spacing-40);
  }

  .car-band_row {
    grid-column-gap: var(--spacing-12);
    grid-row-gap: var(--spacing-12);
    padding: var(--spacing-40) var(--spacing-16);
    scroll-padding-left: 16px;
  }

  .car-portrait {
    width: 140px;
    height: 176px;
  }

  .car-portrait-tall {
    width: 140px;
    height: 200px;
  }

  .car-quote {
    scroll-snap-align: start;
    width: 240px;
  }

  .job-body {
    padding-top: calc(var(--spacing-64) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .job-steps {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: var(--spacing-12);
    display: grid;
  }

  .job-step {
    grid-column-gap: var(--spacing-10);
    grid-row-gap: var(--spacing-10);
    border: 1px solid var(--role-line);
    border-radius: var(--radius--medium);
    flex-direction: column;
    padding: var(--spacing-16);
  }

  .job-sidebar {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .job-apply-card {
    padding: var(--spacing-24);
  }

  .car-values {
    padding-top: calc(var(--spacing-72) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .car-values_grid {
    grid-column-gap: var(--spacing-12);
    grid-row-gap: var(--spacing-12);
    scroll-snap-type: x mandatory;
    align-self: stretch;
    width: auto;
    margin-left: calc(var(--spacing-16) * -1);
    margin-right: calc(var(--spacing-16) * -1);
    padding-left: var(--spacing-16);
    padding-right: var(--spacing-16);
    scroll-padding-left: 16px;
    display: flex;
    overflow-x: auto;
  }

  .car-value {
    scroll-snap-align: start;
    flex: 0 0 80%;
  }

  .job-apply {
    padding-top: calc(var(--spacing-72) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .job-apply_card {
    padding: var(--spacing-24);
  }

  .job-apply_submit {
    width: auto;
  }

  .car-roles {
    padding-top: calc(var(--spacing-72) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .car-roles_inner {
    grid-column-gap: var(--spacing-24);
    grid-row-gap: var(--spacing-24);
  }

  .car-roles_head {
    grid-column-gap: var(--spacing-20);
    grid-row-gap: var(--spacing-20);
  }

  .car-job {
    flex-wrap: wrap;
    row-gap: var(--spacing-8);
    padding-top: var(--spacing-20);
    padding-bottom: var(--spacing-20);
  }

  .car-job_main {
    flex: 1 1 0;
  }

  .car-job_title {
    font-size: var(--font-size--fixed-19);
  }

  .car-job_meta {
    grid-column-gap: var(--spacing-12);
    grid-row-gap: var(--spacing-12);
    flex: 0 0 100%;
    order: 2;
  }

  .car-job_loc, .car-job_type {
    width: auto;
  }

  .abt-hero {
    padding-top: calc(var(--spacing-56) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-56) * var(--section-spacing));
  }

  .abt-hero_inner {
    grid-row-gap: var(--spacing-18);
  }

  .abt-mission {
    padding-top: calc(var(--spacing-220) * var(--section-spacing));
    padding-bottom: var(--spacing-24);
  }

  .abt-mission_card {
    grid-row-gap: var(--spacing-14);
    border-radius: var(--radius--large);
    padding: var(--spacing-28);
  }

  .abt-mission_text {
    font-size: var(--font-size--fixed-17);
  }

  .abt-numbers {
    padding-top: calc(var(--spacing-72) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .abt-numbers_layout {
    grid-row-gap: var(--spacing-32);
  }

  .abt-stats_grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    margin-left: calc(var(--spacing-16) * -1);
  }

  .abt-stat {
    padding: var(--spacing-24) var(--spacing-16);
  }

  .abt-stat_value {
    font-size: var(--font-size--fixed-48);
  }

  .abt-principles {
    padding-top: calc(var(--spacing-72) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .abt-principles_layout {
    grid-row-gap: var(--spacing-32);
  }

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

  .abt-principles_grid {
    grid-column-gap: var(--spacing-12);
    grid-row-gap: var(--spacing-12);
  }

  .abt-principle {
    grid-row-gap: var(--spacing-16);
    flex-direction: column;
    padding: var(--spacing-24);
  }

  .abt-principle_title {
    font-size: var(--font-size--fixed-18);
  }

  .abt-timeline {
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .abt-timeline_layout {
    grid-row-gap: var(--spacing-24);
  }

  .abt-years {
    scroll-snap-type: x mandatory;
    margin-left: calc(var(--spacing-16) * -1);
    margin-right: calc(var(--spacing-16) * -1);
    padding-left: var(--spacing-16);
    scroll-padding-left: 16px;
    display: flex;
    overflow-x: auto;
  }

  .abt-year {
    grid-row-gap: var(--spacing-10);
    scroll-snap-align: start;
    flex: 0 0 46%;
    padding-right: var(--spacing-16);
  }

  .abt-year_title {
    font-size: var(--font-size--fixed-24);
  }

  .abt-team {
    padding-top: calc(var(--spacing-72) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .abt-team_layout {
    grid-row-gap: var(--spacing-32);
  }

  .abt-team_grid {
    grid-column-gap: var(--spacing-12);
    scroll-snap-type: x mandatory;
    margin-left: calc(var(--spacing-16) * -1);
    margin-right: calc(var(--spacing-16) * -1);
    padding-left: var(--spacing-16);
    padding-right: var(--spacing-16);
    scroll-padding-left: 16px;
    display: flex;
    overflow-x: auto;
  }

  .abt-member {
    grid-row-gap: var(--spacing-12);
    scroll-snap-align: start;
    flex: 0 0 44%;
  }

  .abt-member_frame {
    border-radius: var(--radius--small);
  }

  .abt-investors {
    flex-wrap: wrap;
  }

  .abt-investors_label {
    flex: auto;
    padding-top: var(--spacing-14);
    padding-bottom: var(--spacing-14);
  }

  .abt-investors_cells {
    border-top: 1px solid var(--role-line);
    flex: 0 0 100%;
    order: 2;
  }

  .abt-investors_tag {
    border-left-style: none;
    padding-left: 0;
  }

  .abt-hiring {
    padding-top: var(--spacing-8);
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .abt-hiring_panel {
    border-radius: var(--radius--large);
    padding: var(--spacing-32) var(--spacing-24);
  }

  .car-benefits {
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .car-benefits_grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    row-gap: var(--spacing-24);
  }

  .car-benefit {
    padding-top: var(--spacing-16);
  }

  .car-apply {
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .car-apply_card {
    grid-column-gap: var(--spacing-24);
    grid-row-gap: var(--spacing-24);
    border-radius: var(--radius--large);
    flex-direction: column;
    align-items: flex-start;
    padding: var(--spacing-32) var(--spacing-24);
  }

  .blg-hero {
    padding-top: calc(var(--spacing-48) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .blg-hero_head {
    padding-bottom: var(--spacing-40);
  }

  .cst-hero {
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .cst-hero_head {
    padding-top: var(--spacing-56);
    padding-bottom: var(--spacing-40);
  }

  .cst-featured {
    padding-left: var(--spacing-16);
    padding-right: var(--spacing-16);
  }

  .cst-feature {
    flex-direction: column;
  }

  .cst-feature_cover {
    flex-basis: auto;
    min-height: 280px;
  }

  .cst-feature_copy {
    width: 100%;
    padding: var(--spacing-32);
  }

  .cst-logos {
    padding-bottom: calc(var(--spacing-56) * var(--section-spacing));
  }

  .cst-logos_row {
    border-top-width: 1px;
    border-right-width: 0;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  .cst-logo {
    height: 72px;
  }

  .cst-stories {
    padding-top: calc(var(--spacing-72) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .cst-stories_head {
    margin-bottom: var(--spacing-32);
  }

  .cst-card_cover {
    height: 200px;
  }

  .cst-quote {
    padding-top: calc(var(--spacing-160) * var(--section-spacing));
    padding-bottom: var(--spacing-24);
  }

  .cst-quote_card {
    row-gap: var(--spacing-20);
    padding: var(--spacing-32);
  }

  .cst-quote_text {
    font-size: var(--font-size--fixed-28);
  }

  .cst-item-hero {
    padding-top: var(--spacing-40);
  }

  .cst-item-hero_head {
    grid-column-gap: var(--spacing-20);
    grid-row-gap: var(--spacing-20);
    padding-bottom: var(--spacing-40);
  }

  .cst-item-hero_cover {
    height: 440px;
  }

  .cst-item-hero_cover-inner {
    padding-bottom: var(--spacing-16);
  }

  .cst-item-hero_metrics {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    row-gap: var(--spacing-20);
    width: 100%;
    padding: var(--spacing-20) var(--spacing-4);
    display: grid;
  }

  .cst-item-hero_metric {
    padding-left: var(--spacing-16);
    padding-right: var(--spacing-16);
  }

  .cst-item-hero_metric-sep {
    display: none;
  }

  .art-hero {
    padding-top: var(--spacing-40);
    padding-bottom: var(--spacing-40);
  }

  .art-container {
    grid-column-gap: var(--spacing-20);
    grid-row-gap: var(--spacing-20);
  }

  .art-hero_title {
    line-height: var(--line-height--ratio-1-04);
  }

  .art-cover {
    height: 320px;
  }

  .cst-stories_list {
    scroll-snap-type: x mandatory;
    column-gap: var(--spacing-12);
    margin-left: calc(var(--spacing-16) * -1);
    margin-right: calc(var(--spacing-16) * -1);
    padding-bottom: var(--spacing-4);
    padding-left: var(--spacing-16);
    padding-right: var(--spacing-16);
    scroll-padding-left: 16px;
    display: flex;
    overflow-x: auto;
  }

  .cst-stories_item {
    scroll-snap-align: start;
    flex: 0 0 80%;
  }

  .cst-item-body {
    padding-top: calc(var(--spacing-72) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .cst-item-body_facts {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    column-gap: var(--spacing-16);
  }

  .cst-item-body_code {
    font-size: var(--font-size--fixed-13);
    padding: var(--spacing-18);
  }

  .cst-item-body_quote {
    padding-left: var(--spacing-20);
  }

  .cst-item-body_quote-text {
    font-size: var(--font-size--fixed-24);
  }

  .art-content {
    padding-top: calc(var(--spacing-56) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .art-author {
    flex-wrap: wrap;
    align-items: flex-start;
    padding: var(--spacing-20);
  }

  .art-author_text {
    flex: 1 1 0;
  }

  .art-related {
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .art-related_inner {
    grid-column-gap: var(--spacing-24);
    grid-row-gap: var(--spacing-24);
  }

  .cst-item-compare {
    padding-top: calc(var(--spacing-72) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .cst-item-compare_head {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: var(--spacing-40);
  }

  .cst-item-compare_grid {
    scroll-snap-type: x mandatory;
    margin-left: calc(var(--spacing-16) * -1);
    margin-right: calc(var(--spacing-16) * -1);
    padding-left: var(--spacing-16);
    padding-right: var(--spacing-16);
    scroll-padding-left: 16px;
    display: flex;
    overflow-x: auto;
  }

  .cst-item-compare_card {
    scroll-snap-align: start;
    flex: 0 0 80%;
  }

  .blg-feat_cover {
    min-height: 240px;
  }

  .blg-feat_body {
    row-gap: var(--spacing-16);
    padding: var(--spacing-28);
  }

  .blg-feat_title {
    font-size: var(--font-size--fixed-30);
  }

  .cst-item-more {
    padding-top: calc(var(--spacing-72) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .cst-item-more_head {
    margin-bottom: var(--spacing-28);
  }

  .cst-item-card_cover {
    height: 180px;
  }

  .cst-item-card_body {
    padding: var(--spacing-20);
  }

  .cst-item-more_list {
    scroll-snap-type: x mandatory;
    margin-left: calc(var(--spacing-16) * -1);
    margin-right: calc(var(--spacing-16) * -1);
    padding-left: var(--spacing-16);
    padding-right: var(--spacing-16);
    scroll-padding-left: 16px;
    display: flex;
    overflow-x: auto;
  }

  .cst-item-more_item {
    scroll-snap-align: start;
    flex: 0 0 80%;
  }

  .blg-articles {
    padding-top: var(--spacing-24);
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .blg-articles_inner {
    row-gap: var(--spacing-32);
  }

  .blg-articles_title {
    font-size: var(--font-size--fixed-32);
  }

  .blg-grid {
    flex-direction: column;
    row-gap: var(--spacing-32);
    display: flex;
  }

  .blg-news {
    padding: var(--spacing-24);
  }

  .art-related_list {
    grid-column-gap: var(--spacing-16);
    scroll-snap-type: x mandatory;
    margin-left: calc(var(--spacing-16) * -1);
    margin-right: calc(var(--spacing-16) * -1);
    padding-left: var(--spacing-16);
    padding-right: var(--spacing-16);
    scroll-padding-left: 16px;
    display: flex;
    overflow-x: auto;
  }

  .art-related_item {
    scroll-snap-align: start;
    flex: 0 0 80%;
  }

  .blg-card_cover {
    height: 200px;
  }

  .blg-card_body {
    padding-bottom: var(--spacing-20);
  }

  .blg-cms {
    display: block;
  }

  .blg-cms_list {
    scroll-snap-type: none;
    flex-direction: column;
    gap: var(--spacing-32) 0;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    overflow-x: visible;
  }

  .blg-cms_item {
    flex: none;
    width: 100%;
  }

  .blg-pagination {
    margin-top: var(--spacing-24);
  }

  .blg-guest {
    padding-top: calc(var(--spacing-72) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .blg-guest_card {
    flex-direction: column;
    align-items: flex-start;
    padding: var(--spacing-28);
  }

  .blg-guest_text {
    flex-basis: auto;
  }

  .blg-guest_title {
    font-size: var(--font-size--fixed-30);
  }

  .art-body_rich h2 {
    margin-top: var(--spacing-24);
    margin-bottom: var(--spacing-16);
  }

  .art-body_rich p {
    margin-bottom: var(--spacing-16);
  }

  .art-body_rich blockquote {
    font-size: var(--font-size--fixed-24);
    padding-left: var(--spacing-20);
  }

  .ctm-hello {
    padding-top: calc(var(--spacing-200) * var(--section-spacing));
    padding-bottom: var(--spacing-24);
  }

  .ctm-card {
    border-radius: var(--radius--large);
    row-gap: var(--spacing-16);
    padding: var(--spacing-28);
  }

  .ctm-form {
    grid-row-gap: 0px;
    row-gap: 0;
  }

  .ctm-field {
    margin-bottom: var(--spacing-16);
  }

  .demo-hero {
    padding-top: calc(var(--spacing-72) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .demo-hero_title {
    font-size: var(--font-size--fixed-46);
  }

  .demo-hero_proof {
    display: flex;
  }

  .demo-card {
    border-radius: var(--radius--large);
    padding: var(--spacing-24);
  }

  .demo-logos {
    padding-top: calc(var(--spacing-56) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-56) * var(--section-spacing));
  }

  .cts-copy {
    padding: var(--spacing-56) var(--spacing-16) var(--spacing-48);
  }

  .cts-copy_inner {
    row-gap: var(--spacing-20);
  }

  .cts-title {
    font-size: var(--font-size--fixed-46);
  }

  .cts-next {
    padding: var(--spacing-20);
  }

  .cts-media {
    padding: var(--spacing-40) var(--spacing-16);
  }

  .cts-card {
    border-radius: var(--radius--large);
    padding: var(--spacing-24) var(--spacing-20);
  }

  .sup-hero {
    padding-top: calc(var(--spacing-56) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .sup-hero_inner {
    grid-column-gap: var(--spacing-16);
    grid-row-gap: var(--spacing-16);
    padding-bottom: var(--spacing-40);
  }

  .sup-channels {
    grid-column-gap: var(--spacing-12);
    grid-row-gap: var(--spacing-12);
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  .sup-status {
    padding-top: calc(var(--spacing-64) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-64) * var(--section-spacing));
  }

  .sup-status_head {
    grid-column-gap: var(--spacing-12);
    grid-row-gap: var(--spacing-12);
    flex-direction: column;
    align-items: flex-start;
  }

  .sup-status_title {
    font-size: var(--font-size--fixed-32);
  }

  .sup-status_bars {
    grid-column-gap: var(--spacing-2);
    grid-row-gap: var(--spacing-2);
    margin-top: var(--spacing-24);
  }

  .sup-status_bar, .sup-status_bar-degraded {
    height: 32px;
  }

  .sup-status_regions {
    margin-top: var(--spacing-24);
  }

  .sup-message {
    padding-top: calc(var(--spacing-72) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .sup-message_grid {
    grid-column-gap: var(--spacing-32);
    grid-row-gap: var(--spacing-32);
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .pp-hero {
    padding-top: calc(var(--spacing-48) * var(--section-spacing));
    padding-bottom: var(--spacing-32);
  }

  .pp-container {
    grid-column-gap: var(--spacing-20);
    grid-row-gap: var(--spacing-20);
  }

  .pp-title {
    line-height: var(--line-height--ratio-1-04);
  }

  .pp-policy {
    padding-top: var(--spacing-8);
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .pp-layout {
    grid-column-gap: var(--spacing-32);
    grid-row-gap: var(--spacing-32);
  }

  .pp-toc {
    padding-bottom: var(--spacing-24);
  }

  .pp-rich h2 {
    margin-top: var(--spacing-32);
    scroll-margin-top: 96px;
  }

  .err-404 {
    padding-top: calc(var(--spacing-150) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .err-404_layout {
    row-gap: var(--spacing-40);
  }

  .err-digits {
    column-gap: var(--spacing-22);
  }

  .err-digit {
    grid-template-rows: auto;
    grid-template-columns: repeat(5, 20px);
    grid-auto-rows: 20px;
    gap: var(--spacing-4);
  }

  .err-404_content {
    row-gap: var(--spacing-20);
  }

  .err-404_buttons {
    flex-wrap: nowrap;
    width: 100%;
    max-width: 420px;
  }

  .auth-side {
    row-gap: var(--spacing-40);
    padding: var(--spacing-24) var(--spacing-16) var(--spacing-32);
  }

  .auth-media {
    min-height: 400px;
    padding: var(--spacing-16);
  }

  .auth-card {
    border-radius: var(--radius--small);
    row-gap: var(--spacing-12);
    padding: var(--spacing-22);
  }

  .auth-quote {
    font-size: var(--font-size--fixed-18);
  }

  .err-401 {
    padding: var(--spacing-32) var(--spacing-16);
  }

  .err-401_card {
    border-radius: var(--radius--large);
    padding: var(--spacing-28);
  }

  .auth-perks {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    column-gap: var(--spacing-16);
    display: grid;
  }

  .auth-perk_text {
    font-size: var(--font-size--body-small);
  }

  .sg-hero {
    padding-top: var(--spacing-48);
    padding-bottom: var(--spacing-40);
  }

  .lic-hero {
    padding-top: var(--spacing-48);
    padding-bottom: var(--spacing-32);
  }

  .lic-hero_title {
    margin-bottom: var(--spacing-16);
  }

  .lic-cards_grid {
    scroll-snap-type: x mandatory;
    margin-left: calc(var(--spacing-16) * -1);
    margin-right: calc(var(--spacing-16) * -1);
    padding-bottom: var(--spacing-8);
    padding-left: var(--spacing-16);
    padding-right: var(--spacing-16);
    scroll-padding-left: 16px;
    display: flex;
    overflow-x: auto;
  }

  .lic-card {
    scroll-snap-align: start;
    flex: 0 0 82%;
  }

  .lic-card_visual {
    height: 180px;
    padding: var(--spacing-20);
  }

  .lic-card_visual-accent {
    height: 180px;
  }

  .lic-card_glyph, .lic-card_glyph-mono {
    font-size: var(--font-size--fixed-64);
  }

  .lic-card_logo {
    width: 160px;
  }

  .lic-card_text {
    padding: var(--spacing-20);
  }

  .lic-card_title {
    font-size: var(--font-size--fixed-18);
  }

  .lic-terms {
    padding-top: var(--spacing-16);
    padding-bottom: var(--spacing-72);
  }

  .lic-terms_panel {
    grid-row-gap: var(--spacing-24);
    border-radius: var(--radius--large);
    flex-direction: column;
    align-items: flex-start;
    padding: var(--spacing-28) var(--spacing-24);
  }

  .sg-colours_grid {
    grid-column-gap: var(--spacing-12);
    grid-template-rows: auto;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .sg-type_row {
    grid-row-gap: var(--spacing-10);
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    padding-top: var(--spacing-16);
    padding-bottom: var(--spacing-16);
  }

  .sg-type_meta {
    flex-flow: wrap;
    align-items: baseline;
    column-gap: var(--spacing-10);
  }

  .sg-buttons_row {
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-12);
    width: 100%;
    display: grid;
  }

  .sg-buttons_dark {
    grid-template-columns: 1fr 1fr;
    column-gap: var(--spacing-12);
    width: 100%;
    display: grid;
  }

  .sg-comp_faq, .sg-comp_rows {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .tcl-hero {
    padding-top: var(--spacing-48);
    padding-bottom: var(--spacing-32);
  }

  .tcl-hero_title {
    margin-bottom: var(--spacing-16);
  }

  .tcl-log {
    padding-bottom: var(--spacing-72);
  }

  .tcl-entry {
    grid-row-gap: var(--spacing-20);
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    padding-top: var(--spacing-32);
    padding-bottom: var(--spacing-32);
  }

  .tcl-entry_meta {
    grid-column-gap: var(--spacing-12);
    flex-direction: row;
    align-items: center;
  }

  .tcl-entry_title {
    font-size: var(--font-size--fixed-24);
  }

  .tcl-entry_lead {
    margin-bottom: var(--spacing-24);
  }

  .tcl-entry_list {
    grid-column-gap: var(--spacing-16);
  }

  .tcl-entry_text {
    font-size: var(--font-size--body-small);
  }

  .sg-forms_card {
    border-radius: var(--radius--small);
    padding: var(--spacing-24) var(--spacing-20);
  }

  .sg-icons {
    grid-column-gap: var(--spacing-8);
    grid-row-gap: var(--spacing-8);
    grid-template-rows: auto;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .sg-radius {
    grid-template-rows: auto;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: var(--spacing-12);
    display: grid;
  }

  .bench-label {
    display: block;
  }

  .pcl-timeline_items {
    flex-direction: column;
    row-gap: var(--spacing-12);
    display: flex;
  }

  .pcl-timeline_item {
    width: 100%;
    min-width: 0;
    display: flex;
  }

  .h2-top_video-btn {
    top: 92px;
    right: 16px;
  }

  .filter-tabs_menu {
    flex-wrap: nowrap;
    margin-bottom: var(--spacing-24);
    margin-left: calc(var(--spacing-16) * -1);
    margin-right: calc(var(--spacing-16) * -1);
    padding-left: var(--spacing-16);
    padding-right: var(--spacing-16);
    scroll-padding-left: 16px;
    overflow-x: auto;
  }

  .docs-hero_scrim {
    background-image: linear-gradient(in srgb, var(--tone-page-a209) 0%, var(--tone-page-a189) 100%);
  }

  .h2-logos_set {
    column-gap: var(--spacing-40);
    padding-right: var(--spacing-40);
  }
}

@media screen and (max-width: 479px) {

  h1 {
    font-size: var(--font-size--fixed-44-8);
  }

  input, input::placeholder {
    font-size: var(--font-size--body-medium);
  }

  .text-style-badge {
    flex: none;
  }

  .text-style-badge.is-badge {
    text-align: left;
    justify-content: flex-start;
  }

  .button-group {
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
  }

  .button-group.instructions-links {
    grid-column-gap: var(--spacing-8);
    grid-row-gap: var(--spacing-8);
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    display: grid;
  }

  .button-group.job-hero_actions {
    flex-flow: row;
  }

  .heading-style-h1.inf-hero_title, .heading-style-h1.agt-hero_heading, .heading-style-h1.intg-hero_title {
    font-size: var(--font-size--fixed-40);
  }

  .heading-style-h1.ctm-card_title {
    font-size: var(--font-size--fixed-44);
  }

  .heading-style-h1.err-404_title, .heading-style-h1.auth-title {
    font-size: var(--font-size--fixed-40);
  }

  .heading-style-h1.err-401_title {
    font-size: var(--font-size--fixed-44);
  }

  .button {
    width: 100%;
  }

  .button.is-alternative.is-footer, .button.pcl-submit, .button.ctm-submit, .button.demo-submit, .button.sup-form_submit, .button.cts-form_submit, .button.err-401_submit, .button.sg-submit {
    width: auto;
  }

  .footer_columns {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .heading-style-h2.intg-sdk_title {
    font-size: var(--font-size--fixed-30);
  }

  .p401-hero_card {
    padding: var(--spacing-24);
  }

  .overview-hero_buttons {
    flex-direction: column;
    width: 100%;
  }

  .overview-previews_grid {
    grid-column-gap: var(--spacing-8);
    grid-row-gap: var(--spacing-8);
  }

  .overview-previews_frame {
    border-radius: var(--radius--compact);
    height: 240px;
    padding-top: var(--spacing-8);
    padding-left: var(--spacing-8);
    padding-right: var(--spacing-8);
  }

  .overview-previews_image {
    border-top-left-radius: var(--radius--control);
    border-top-right-radius: var(--radius--control);
  }

  .overview-statement_columns {
    grid-column-gap: var(--spacing-12);
    grid-auto-columns: 86%;
  }

  .overview-statement_preview {
    height: 360px;
  }

  .overview-statement_row {
    grid-template-rows: auto;
    grid-template-columns: 1.6fr 1fr .7fr .7fr;
  }

  .overview-figma_buttons {
    flex-direction: column;
  }

  .overview-pages_card {
    grid-row-gap: var(--spacing-8);
  }

  .overview-pages_preview {
    border-radius: var(--radius--compact);
  }

  .overview-pages_meta {
    grid-row-gap: 0px;
    flex-direction: column;
    align-items: flex-start;
  }

  .overview-pages_name {
    font-size: var(--font-size--body-small);
    line-height: var(--line-height--ratio-1-35);
  }

  .overview-built_grid {
    grid-column-gap: var(--spacing-12);
    grid-auto-columns: 86%;
  }

  .overview-built_frame {
    padding: var(--spacing-16);
  }

  .overview-built_trow {
    grid-column-gap: var(--spacing-8);
    grid-row-gap: var(--spacing-8);
    grid-template-rows: auto;
    grid-template-columns: 40px 1fr 56px 76px;
  }

  .overview-start_buttons {
    flex-direction: column;
    width: 100%;
  }

  .h1-top {
    padding-top: var(--spacing-40);
  }

  .h1-top_heading {
    font-size: var(--font-size--fixed-36);
  }

  .h1-top_side, .h1-top_orb-panel {
    height: 380px;
  }

  .h1-top_agent {
    column-gap: var(--spacing-8);
    padding: var(--spacing-8) var(--spacing-12) var(--spacing-8) var(--spacing-10);
  }

  .h1-logos_row {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  .h1-logos_label {
    grid-column-start: span 2;
  }

  .h1-statement_text {
    font-size: var(--font-size--fixed-24);
    letter-spacing: var(--letter-spacing--tight-0-5-px);
  }

  .heading-style-section {
    font-size: var(--font-size--fixed-28);
  }

  .h1-platform_product {
    padding: var(--spacing-20);
  }

  .lottie-card_lottie {
    width: 240px;
    height: 180px;
    margin-left: calc(var(--spacing-120) * -1);
  }

  .h1-dev_code {
    padding: var(--spacing-16);
  }

  .h1-dev_src {
    font-size: var(--font-size--body-tiny);
  }

  .h1-dev_stat-number {
    font-size: var(--font-size--fixed-36);
    letter-spacing: var(--letter-spacing--tight-1-px);
  }

  .h1-dev_src-indent {
    font-size: var(--font-size--body-tiny);
  }

  .h1-customers_metrics {
    column-gap: var(--spacing-24);
  }

  .story-card_metric {
    font-size: var(--font-size--fixed-44);
  }

  .security-cell {
    flex-direction: column;
    row-gap: var(--spacing-12);
    padding: var(--spacing-16);
  }

  .cta-panel {
    padding-top: calc(var(--spacing-72) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-72) * var(--section-spacing));
  }

  .cta-panel_heading {
    font-size: var(--font-size--fixed-34);
  }

  .h3-hero_stage {
    padding-bottom: var(--spacing-140);
  }

  .h3-hero_agent {
    width: 58%;
    bottom: -112px;
  }

  .h2-top {
    min-height: 700px;
  }

  .h2-top_ctas {
    flex-flow: row;
    width: 100%;
  }

  .h2-top_link {
    flex: none;
  }

  .h2-chat_customer, .h2-chat_agent {
    padding: var(--spacing-12) var(--spacing-16);
  }

  .h2-chat_resolved {
    padding: var(--spacing-10) var(--spacing-16);
  }

  .h2-logos_panel {
    padding: var(--spacing-20) var(--spacing-16);
  }

  .h2-quick_step {
    flex-basis: 84%;
    padding: var(--spacing-20);
  }

  .h2-integ_cell {
    row-gap: var(--spacing-12);
    padding: var(--spacing-16);
  }

  .h2-integ_more {
    padding: var(--spacing-16);
  }

  .h2-integ_cat {
    font-size: var(--font-size--fixed-9);
  }

  .h2-integ_snippet {
    font-size: var(--font-size--fixed-10);
    white-space: normal;
  }

  .h2-security_cell {
    row-gap: var(--spacing-12);
    padding: var(--spacing-20) var(--spacing-14) var(--spacing-24);
  }

  .h2-story_quote {
    font-size: var(--font-size--fixed-20);
  }

  .h2-story_metric {
    padding: var(--spacing-16) var(--spacing-10) 0;
  }

  .h2-story_value {
    font-size: var(--font-size--fixed-17);
  }

  .h2-rate_tag {
    padding: var(--spacing-3) var(--spacing-6);
  }

  .h2-rate_item {
    font-size: var(--font-size--body-small);
  }

  .h2-rate_price {
    font-size: var(--font-size--fixed-15);
  }

  .h2-plan_price {
    font-size: var(--font-size--fixed-22);
  }

  .h2-release, .h2-release-latest {
    flex-basis: 82%;
  }

  .h3-security_grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  .h3-pricing_plans {
    column-gap: var(--spacing-6);
  }

  .h3-pricing_plan, .h3-pricing_plan-featured {
    padding: var(--spacing-14) var(--spacing-8);
  }

  .h3-pricing_price {
    font-size: var(--font-size--fixed-18);
  }

  .h3-pricing_row {
    column-gap: var(--spacing-6);
  }

  .h3-pricing_cell, .h3-pricing_cell-muted {
    padding-left: var(--spacing-8);
    padding-right: var(--spacing-8);
  }

  .h3-research_side {
    grid-column-gap: var(--spacing-12);
    grid-row-gap: var(--spacing-12);
    scroll-snap-type: x mandatory;
    flex-direction: row;
    padding-bottom: var(--spacing-8);
    display: flex;
    overflow-x: auto;
  }

  .h3-research_card {
    scroll-snap-align: start;
    flex: 0 0 80%;
  }

  .h3-research_cover {
    height: 200px;
  }

  .h2-stage {
    min-height: 440px;
  }

  .h3-team_investor {
    border-top: 1px solid var(--role-line);
  }

  .inf-router, .inf-route-card {
    padding: var(--spacing-16);
  }

  .inf-feature {
    flex-basis: 86%;
    padding: var(--spacing-20);
  }

  .inf-stats_first {
    padding: var(--spacing-20) var(--spacing-8) var(--spacing-20) 0;
  }

  .inf-stats_item {
    padding: var(--spacing-20) var(--spacing-8) var(--spacing-20) var(--spacing-12);
  }

  .inf-stats_value {
    font-size: var(--font-size--fixed-28);
  }

  .inf-codecard_bar {
    padding: var(--spacing-12) var(--spacing-16);
  }

  .inf-codecard_body {
    font-size: var(--font-size--fixed-11);
    padding: var(--spacing-16);
  }

  .inf-story_metrics {
    column-gap: var(--spacing-12);
  }

  .inf-story_value {
    font-size: var(--font-size--fixed-26);
  }

  .evl-hero_title {
    font-size: var(--font-size--fixed-44);
  }

  .evl-score {
    padding: var(--spacing-24);
  }

  .evl-score_value {
    font-size: var(--font-size--fixed-72);
  }

  .evl-chart {
    padding: var(--spacing-20);
  }

  .agt-hero_stage {
    padding-top: var(--spacing-32);
    padding-bottom: var(--spacing-32);
  }

  .agt-hero_cards {
    padding-left: var(--spacing-16);
    padding-right: var(--spacing-16);
  }

  .agt-hero_run {
    flex-basis: 300px;
  }

  .agt-hero_sandbox, .agt-hero_approval {
    flex-basis: 260px;
  }

  .evl-head_title {
    font-size: var(--font-size--fixed-28);
  }

  .agt-walls_node {
    flex-basis: 160px;
  }

  .agt-walls_sandbox {
    flex-basis: 270px;
  }

  .agt-row {
    flex-basis: 86%;
  }

  .agt-row_visual {
    height: 240px;
    min-height: 240px;
    padding: var(--spacing-20) var(--spacing-12);
  }

  .evl-story_card {
    padding: var(--spacing-24) var(--spacing-20);
  }

  .evl-story_quote {
    font-size: var(--font-size--fixed-24);
  }

  .evl-story_metrics {
    grid-column-gap: var(--spacing-28);
    grid-row-gap: var(--spacing-28);
  }

  .evl-faq_title {
    font-size: var(--font-size--fixed-28);
  }

  .closing-media {
    height: 200px;
  }

  .closing-panel {
    padding: var(--spacing-48) var(--spacing-16) var(--spacing-56);
  }

  .closing-title {
    font-size: var(--font-size--fixed-28);
  }

  .agt-story_metrics {
    column-gap: var(--spacing-12);
  }

  .agt-story_value {
    font-size: var(--font-size--fixed-19);
  }

  .cta-terminal-buttons {
    align-self: stretch;
  }

  .prc-hero_title {
    font-size: var(--font-size--fixed-40);
    line-height: var(--line-height--ratio-1-04);
  }

  .intg-hub {
    height: 460px;
  }

  .intg-node {
    padding: var(--spacing-6) var(--spacing-8);
  }

  .intg-node_label {
    font-size: var(--font-size--fixed-10);
  }

  .intg-hub_note {
    bottom: 10px;
  }

  .intg-pos-grafana {
    top: 80%;
    left: 71%;
  }

  .intg-pos-github {
    top: 80%;
    left: 30%;
  }

  .prc-plan, .prc-plan_featured {
    flex-basis: 86%;
  }

  .prc-plan_amount {
    font-size: var(--font-size--fixed-40);
  }

  .intg-card, .intg-build, .intg-missing {
    padding: var(--spacing-14);
  }

  .intg-item-hero_heading {
    font-size: var(--font-size--fixed-40);
  }

  .intg-item-install_output {
    font-size: var(--font-size--body-tiny);
  }

  .prc-startup_card {
    padding: var(--spacing-24) var(--spacing-20);
  }

  .intg-item-dash_card {
    padding: var(--spacing-20) var(--spacing-16);
  }

  .intg-item-setup_title {
    font-size: var(--font-size--fixed-20);
  }

  .intg-sdk {
    padding-top: calc(var(--spacing-56) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-56) * var(--section-spacing));
  }

  .intg-sdk_card {
    padding: var(--spacing-20);
  }

  .intg-code {
    padding: var(--spacing-16);
  }

  .intg-code_line {
    font-size: var(--font-size--fixed-11);
  }

  .intg-code_line-indent {
    font-size: var(--font-size--fixed-11);
    padding-left: 2ch;
  }

  .intg-code_gap {
    height: 19px;
  }

  .intg-item-card {
    grid-column-gap: var(--spacing-14);
    grid-row-gap: var(--spacing-14);
    padding: var(--spacing-20);
  }

  .sec-hero_title {
    font-size: var(--font-size--fixed-40);
  }

  .sec-status_row {
    padding-top: var(--spacing-12);
    padding-bottom: var(--spacing-12);
  }

  .sec-control {
    padding: var(--spacing-16);
  }

  .sec-step {
    flex-basis: 220px;
  }

  .sec-packet {
    padding-top: calc(var(--spacing-56) * var(--section-spacing));
    padding-bottom: calc(var(--spacing-56) * var(--section-spacing));
  }

  .sec-packet_card {
    padding: var(--spacing-24);
  }

  .sec-packet_submit {
    width: 100%;
  }

  .pcl-hero_title {
    font-size: var(--font-size--fixed-40);
  }

  .pcl-run_time-accent {
    font-size: var(--font-size--fixed-10);
  }

  .docs-note {
    grid-row-gap: var(--spacing-6);
    flex-direction: column;
  }

  .docs-pager_title {
    font-size: var(--font-size--body-small);
  }

  .pcl-releases_more {
    padding-left: var(--spacing-96);
  }

  .pcl-entry {
    padding: var(--spacing-16);
  }

  .pcl-entry_meta {
    width: auto;
  }

  .pcl-entry_date {
    font-size: var(--font-size--fixed-13);
  }

  .pcl-entry_rail {
    width: 24px;
  }

  .pcl-entry_summary {
    font-size: var(--font-size--body-medium);
  }

  .pcl-entry_image {
    height: 160px;
  }

  .rel-hero_version {
    font-size: var(--font-size--fixed-48);
  }

  .rel-hero_title, .job-hero_title {
    font-size: var(--font-size--fixed-40);
  }

  .car-hero_title {
    letter-spacing: var(--letter-spacing--tight-1-4-px);
  }

  .car-portrait {
    width: 128px;
    height: 160px;
  }

  .car-portrait-tall {
    width: 128px;
    height: 184px;
  }

  .car-quote {
    width: 220px;
    padding: var(--spacing-20);
  }

  .car-value {
    flex-basis: 86%;
  }

  .job-apply_grid {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .job-field_wide {
    grid-column: span 1 / span 1;
  }

  .job-apply_submit {
    width: auto;
  }

  .abt-mission {
    padding-top: calc(var(--spacing-180) * var(--section-spacing));
    padding-bottom: var(--spacing-16);
  }

  .abt-mission_card {
    padding: var(--spacing-24);
  }

  .abt-mission_text {
    font-size: var(--font-size--body-medium);
  }

  .abt-stat {
    padding-top: var(--spacing-20);
    padding-bottom: var(--spacing-20);
  }

  .abt-stat_value {
    font-size: var(--font-size--fixed-40);
  }

  .abt-principles_grid {
    grid-column-gap: var(--spacing-10);
    grid-row-gap: var(--spacing-10);
  }

  .abt-principle {
    grid-row-gap: var(--spacing-12);
    border-radius: var(--radius--small);
    padding: var(--spacing-18);
  }

  .abt-principle_title {
    font-size: var(--font-size--body-medium);
  }

  .abt-year {
    flex: 0 0 80%;
  }

  .abt-member {
    flex: 0 0 76%;
  }

  .abt-investors_cells {
    scroll-snap-type: x mandatory;
    overflow-x: auto;
  }

  .abt-investors_cell {
    scroll-snap-align: start;
    flex: 0 0 62%;
  }

  .abt-hiring_buttons {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
  }

  .car-benefits_grid {
    column-gap: var(--spacing-12);
  }

  .cst-feature_cover {
    min-height: 200px;
  }

  .cst-feature_copy {
    padding: var(--spacing-24);
  }

  .cst-feature_title {
    font-size: var(--font-size--fixed-26);
  }

  .cst-feature_metrics {
    margin-left: calc(var(--spacing-15) * -1);
  }

  .cst-feature_metric {
    padding-left: var(--spacing-14);
  }

  .cst-feature_value {
    font-size: var(--font-size--fixed-20);
  }

  .cst-stories_count {
    display: none;
  }

  .cst-card_cover {
    height: 180px;
  }

  .cst-card_body {
    padding: var(--spacing-20);
  }

  .cst-card_title {
    font-size: var(--font-size--fixed-18);
  }

  .cst-quote {
    padding-top: calc(var(--spacing-140) * var(--section-spacing));
    padding-bottom: var(--spacing-16);
  }

  .cst-quote_card {
    padding: var(--spacing-24);
  }

  .cst-quote_text {
    font-size: var(--font-size--fixed-24);
  }

  .cst-item-hero_cover {
    height: 400px;
  }

  .cst-item-hero_metric-value {
    font-size: var(--font-size--fixed-20);
  }

  .art-hero_title {
    line-height: var(--line-height--ratio-1-05);
  }

  .art-meta {
    grid-column-gap: var(--spacing-12);
    grid-row-gap: var(--spacing-12);
  }

  .art-meta_date {
    flex: 0 0 100%;
  }

  .art-cover {
    height: 240px;
  }

  .cst-stories_item {
    flex-basis: 86%;
  }

  .cst-item-body_code {
    font-size: var(--font-size--body-tiny);
  }

  .cst-item-body_quote-text {
    font-size: var(--font-size--fixed-22);
  }

  .art-author_share {
    flex: none;
    margin-left: var(--spacing-52);
    padding-left: 0;
  }

  .cst-item-compare_grid {
    margin-left: calc(var(--spacing-16) * -1);
    margin-right: calc(var(--spacing-16) * -1);
    padding-left: var(--spacing-16);
    padding-right: var(--spacing-16);
    scroll-padding-left: 16px;
  }

  .cst-item-compare_card {
    flex: 0 0 85%;
  }

  .blg-feat_cover {
    min-height: 200px;
  }

  .blg-feat_body {
    padding: var(--spacing-24);
  }

  .blg-feat_title {
    font-size: var(--font-size--fixed-26);
  }

  .cst-item-more_list {
    margin-left: calc(var(--spacing-16) * -1);
    margin-right: calc(var(--spacing-16) * -1);
    padding-left: var(--spacing-16);
    padding-right: var(--spacing-16);
    scroll-padding-left: 16px;
  }

  .art-related_item {
    flex-basis: 86%;
  }

  .blg-guest_card {
    padding: var(--spacing-24);
  }

  .blg-guest_title {
    font-size: var(--font-size--fixed-26);
  }

  .ctm-hello {
    padding-top: calc(var(--spacing-160) * var(--section-spacing));
    padding-bottom: var(--spacing-16);
  }

  .ctm-card {
    padding: var(--spacing-24);
  }

  .demo-hero_title {
    font-size: var(--font-size--fixed-40);
  }

  .demo-check_text {
    font-size: var(--font-size--fixed-15);
  }

  .demo-card {
    padding: var(--spacing-20);
  }

  .demo-logos_row {
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--spacing-20) var(--spacing-16);
  }

  .cts-title {
    font-size: var(--font-size--fixed-40);
  }

  .cts-next_text {
    font-size: var(--font-size--fixed-15);
  }

  .cts-form_actions {
    flex-wrap: wrap;
  }

  .sup-channels {
    grid-column-gap: var(--spacing-8);
    grid-row-gap: var(--spacing-8);
  }

  .sup-card {
    grid-column-gap: var(--spacing-8);
    grid-row-gap: var(--spacing-8);
    border-radius: var(--radius--small);
    padding: var(--spacing-16);
  }

  .sup-status_title-wrap {
    grid-column-gap: var(--spacing-10);
    grid-row-gap: var(--spacing-10);
  }

  .sup-status_title {
    font-size: var(--font-size--fixed-28);
  }

  .sup-status_bar, .sup-status_bar-degraded {
    border-radius: var(--radius--hairline);
    height: 28px;
  }

  .sup-status_regions {
    grid-column-gap: var(--spacing-6);
    grid-row-gap: var(--spacing-6);
  }

  .sup-status_pill {
    padding: var(--spacing-5) var(--spacing-10);
  }

  .sup-message_card {
    border-radius: var(--radius--large);
    padding: var(--spacing-20);
  }

  .pp-title {
    line-height: var(--line-height--ratio-1-05);
  }

  .pp-toc_list {
    grid-column-gap: var(--spacing-16);
    grid-row-gap: var(--spacing-8);
  }

  .pp-toc_link {
    grid-column-gap: var(--spacing-6);
    grid-row-gap: var(--spacing-6);
  }

  .err-digits {
    column-gap: var(--spacing-14);
  }

  .err-digit {
    grid-template-rows: auto;
    grid-template-columns: repeat(5, 14px);
    grid-auto-rows: 14px;
    gap: var(--spacing-3);
  }

  .auth-label-row {
    flex-wrap: wrap;
  }

  .auth-media {
    min-height: 360px;
  }

  .err-401_card {
    padding: var(--spacing-24);
  }

  .lic-card {
    flex: 0 0 88%;
  }

  .lic-card_visual, .lic-card_visual-accent {
    height: 160px;
  }

  .lic-card_photos {
    grid-column-gap: var(--spacing-8);
  }

  .lic-card_icons {
    grid-column-gap: var(--spacing-12);
    grid-row-gap: var(--spacing-12);
  }

  .sg-colours_grid {
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tcl-entry_list {
    grid-column-gap: var(--spacing-12);
  }

  .tcl-entry_item {
    grid-column-gap: var(--spacing-8);
    padding-top: var(--spacing-12);
    padding-bottom: var(--spacing-12);
  }

  .tcl-entry_mark {
    width: 6px;
    height: 6px;
  }

  .tcl-entry_text {
    font-size: var(--font-size--fixed-13);
  }

  .sg-form_row {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .sg-icons {
    grid-template-rows: auto;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .sg-lotties {
    grid-column-gap: var(--spacing-10);
    grid-row-gap: var(--spacing-10);
  }

  .sg-lottie {
    padding: var(--spacing-14) var(--spacing-12);
  }
}

#w-node-_90194ca1-81d8-1b85-2f41-dfea0faac993-0faac98e {
  justify-self: center;
}