/* Generated by Blokset. Override values in blokset.config.js → tokens. */
:root {
  --blok-surface: #f4f1ea;
  --blok-surface-2: #e8e2d4;
  --blok-ink: #141414;
  --blok-ink-2: #22211f;
  --blok-accent: #ff5b2e;
  --blok-ink-muted: #5c5a55;
  --blok-ink-soft: rgba(20, 20, 20, 0.72);
  --blok-text-inverse: #ffffff;
  --blok-surface-muted: rgba(244, 241, 234, 0.62);
  --blok-line: rgba(20, 20, 20, 0.14);
  --blok-line-inverse: rgba(244, 241, 234, 0.16);
  --blok-overlay: rgba(0, 0, 0, 0.5);
  --blok-overlay-subtle: rgba(0, 0, 0, 0.28);
  --blok-overlay-strong: rgba(0, 0, 0, 0.72);
  --blok-shade-strong: rgba(20, 20, 20, 0.88);
  --blok-shade-mid: rgba(20, 20, 20, 0.35);
  --blok-shade-clear: rgba(20, 20, 20, 0);
  --blok-accent-glow: rgba(255, 91, 46, 0.25);
  --blok-font-display: 'Inter Tight', system-ui, sans-serif;
  --blok-font-serif: 'Newsreader', Georgia, serif;
  --blok-font-mono: ui-monospace, 'SF Mono', Menlo, monospace;
  --blok-font-saas: 'Geist', 'Inter Tight', system-ui, sans-serif;
  --blok-font-saas-mono: 'Geist Mono', ui-monospace, 'SF Mono', Menlo, monospace;
  --blok-saas-canvas: #f4f5f1;
  --blok-saas-white: #ffffff;
  --blok-saas-ink: #0f1115;
  --blok-saas-panel: #ffffff;
  --blok-saas-panel-dark: #1a1d24;
  --blok-saas-blue: #2d4bf0;
  --blok-saas-muted: #5b616b;
  --blok-saas-muted-inverse: #a7adb6;
  --blok-saas-line: rgba(15, 17, 21, 0.12);
  --blok-saas-line-inverse: rgba(244, 245, 241, 0.16);
  --blok-button-bg: #ffffff;
  --blok-button-fg: #141414;
  --blok-radius: 0.5rem;
  --blok-radius-card: 1rem;
}

/* Client-First utilities. Skip this file if your project already defines them. */
.padding-global {
  padding-left: 5%;
  padding-right: 5%;
}
.container-large {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}
.container-medium {
  width: 100%;
  max-width: 64rem;
  margin-left: auto;
  margin-right: auto;
}
.container-small {
  width: 100%;
  max-width: 48rem;
  margin-left: auto;
  margin-right: auto;
}
.padding-section-large {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.padding-section-medium {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

@media (min-width: 768px) {
  .padding-section-large {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
  .padding-section-medium {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}

@media (min-width: 992px) {
  .padding-section-large {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
  .padding-section-medium {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}

/* Button classes from blokset.config.js → classes.button. */
.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  border-top-left-radius: var(--blok-radius);
  border-top-right-radius: var(--blok-radius);
  border-bottom-left-radius: var(--blok-radius);
  border-bottom-right-radius: var(--blok-radius);
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: var(--blok-button-bg);
  border-right-color: var(--blok-button-bg);
  border-bottom-color: var(--blok-button-bg);
  border-left-color: var(--blok-button-bg);
  background-color: var(--blok-button-bg);
  color: var(--blok-button-fg);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
}
.button.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
  border-top-color: var(--blok-ink);
  border-right-color: var(--blok-ink);
  border-bottom-color: var(--blok-ink);
  border-left-color: var(--blok-ink);
}
.button.is-secondary {
  background-color: transparent;
  color: var(--blok-ink);
  border-top-color: var(--blok-ink);
  border-right-color: var(--blok-ink);
  border-bottom-color: var(--blok-ink);
  border-left-color: var(--blok-ink);
}
.button.is-secondary-alt {
  background-color: transparent;
  color: var(--blok-text-inverse);
  border-top-color: var(--blok-text-inverse);
  border-right-color: var(--blok-text-inverse);
  border-bottom-color: var(--blok-text-inverse);
  border-left-color: var(--blok-text-inverse);
}

/* Generated by Blokset from components/hero-05.js. Edit the spec, not this file. */
.section_hero05 {
  position: relative;
  overflow: hidden;
}
.hero05_component {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-height: calc(100svh - 8rem);
  max-height: 60rem;
}
.hero05_content {
  max-width: 28rem;
  text-align: left;
  margin-left: 0;
  margin-right: 0;
}
.hero05_eyebrow {
  margin-bottom: 1.25rem;
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-text-inverse);
}
.hero05_heading {
  margin-top: 0;
  margin-bottom: 1.25rem;
  color: var(--blok-text-inverse);
  font-family: var(--blok-font-display);
  font-size: 3.5rem;
  line-height: 1.1;
  font-weight: 700;
  letter-spacing: -0.02em;
}
.hero05_description {
  margin-top: 0;
  margin-bottom: 0;
  color: var(--blok-text-inverse);
  font-size: 1rem;
  line-height: 1.6;
  opacity: 0.9;
}
.hero05_actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  column-gap: 1rem;
  row-gap: 1rem;
  margin-top: 1.5rem;
}
.hero05_media {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
}
.hero05_image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero05_overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--blok-overlay);
}
.hero05_component.is-center {
  justify-content: center;
}
.hero05_content.is-center {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.hero05_actions.is-center {
  justify-content: center;
}
.hero05_overlay.is-subtle {
  background-color: var(--blok-overlay-subtle);
}
.hero05_overlay.is-strong {
  background-color: var(--blok-overlay-strong);
}
.hero05_component.is-auto {
  min-height: 0px;
  padding-top: 4rem;
  padding-bottom: 4rem;
}

@media (min-width: 768px) {
  .hero05_component {
    min-height: calc(100svh - 12rem);
  }
  .hero05_heading {
    margin-bottom: 1.5rem;
    font-size: 4.5rem;
  }
  .hero05_description {
    font-size: 1.125rem;
  }
  .hero05_actions {
    margin-top: 2rem;
  }
  .hero05_component.is-auto {
    min-height: 0px;
  }
}

@media (min-width: 992px) {
  .hero05_component {
    min-height: calc(100svh - 16rem);
  }
  .hero05_content {
    max-width: 40rem;
  }
  .hero05_heading {
    font-size: 5.25rem;
  }
  .hero05_component.is-auto {
    min-height: 0px;
  }
}

/* Generated by Blokset from components/hero-11.js. Edit the spec, not this file. */
.section_hero11 {
  position: relative;
  overflow: hidden;
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.hero11_component {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  row-gap: 3rem;
  column-gap: 0rem;
}
.hero11_content {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  flex-grow: 1;
  flex-basis: 0%;
  padding-top: 0rem;
}
.hero11_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.5rem;
  color: var(--blok-ink-muted);
}
.hero11_heading {
  margin-top: 0;
  margin-bottom: 1.5rem;
  font-family: var(--blok-font-display);
  font-size: 3.75rem;
  line-height: 0.92;
  font-weight: 600;
  letter-spacing: -0.05em;
}
.hero11_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 30rem;
  font-size: 1.125rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.hero11_actions {
  display: flex;
  flex-wrap: wrap;
  column-gap: 0.75rem;
  row-gap: 0.75rem;
  margin-top: 2rem;
}
.hero11_meta {
  display: flex;
  justify-content: space-between;
  margin-top: 3rem;
  padding-top: 1rem;
  border-top-width: 1px;
  border-top-style: solid;
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
  border-top-color: var(--blok-line);
}
.hero11_media {
  width: 100%;
  flex-shrink: 0;
}
.hero11_image-wrap {
  overflow: hidden;
  aspect-ratio: 4 / 5;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.hero11_image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero11_caption {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-top: 0.875rem;
  color: var(--blok-ink-muted);
}
.section_hero11.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.hero11_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.hero11_description.is-dark {
  color: var(--blok-surface-muted);
}
.hero11_meta.is-dark {
  color: var(--blok-surface-muted);
  border-top-color: var(--blok-line-inverse);
}
.hero11_caption.is-dark {
  color: var(--blok-surface-muted);
}
.section_hero11.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.hero11_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.hero11_description.is-accent {
  color: var(--blok-ink-soft);
}
.hero11_meta.is-accent {
  color: var(--blok-ink-soft);
  border-top-color: var(--blok-line);
}
.hero11_caption.is-accent {
  color: var(--blok-ink-soft);
}
.hero11_component.is-image-left {
  flex-direction: column;
}

@media (min-width: 768px) {
  .hero11_heading {
    font-size: 6rem;
  }
}

@media (min-width: 992px) {
  .hero11_component {
    flex-direction: row;
    align-items: stretch;
    row-gap: 0rem;
    column-gap: 4rem;
  }
  .hero11_content {
    padding-top: 4rem;
  }
  .hero11_heading {
    font-size: 7.5rem;
    margin-bottom: 2rem;
  }
  .hero11_meta {
    margin-top: 4rem;
  }
  .hero11_media {
    width: 42%;
  }
  .hero11_image-wrap {
    aspect-ratio: 3 / 4;
  }
  .hero11_component.is-image-left {
    flex-direction: row-reverse;
  }
}

/* Generated by Blokset from components/hero-14.js. Edit the spec, not this file. */
.section_hero14 {
  position: relative;
  overflow: hidden;
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.hero14_component {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 70svh;
}
.hero14_content {
  position: relative;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  max-width: 72rem;
  pointer-events: none;
}
.hero14_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.75rem;
  color: var(--blok-surface-muted);
}
.hero14_heading {
  margin-top: 0;
  margin-bottom: 1.75rem;
  font-family: var(--blok-font-display);
  font-size: 3.5rem;
  line-height: 0.92;
  font-weight: 600;
  letter-spacing: -0.05em;
  text-wrap: balance;
}
.hero14_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 32rem;
  font-size: 1.125rem;
  line-height: 1.6;
  color: var(--blok-surface-muted);
}
.hero14_actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  column-gap: 0.75rem;
  row-gap: 0.75rem;
  margin-top: 2.25rem;
  pointer-events: auto;
}
.hero14_hint {
  display: none;
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-top: 3rem;
  color: var(--blok-surface-muted);
}
.hero14_trail {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
}
.hero14_trail-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 11rem;
  height: 14rem;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.hero14_trail-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.section_hero14.is-light {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.hero14_eyebrow.is-light {
  color: var(--blok-ink-muted);
}
.hero14_description.is-light {
  color: var(--blok-ink-muted);
}
.hero14_hint.is-light {
  color: var(--blok-ink-muted);
}
.section_hero14.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.hero14_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.hero14_description.is-accent {
  color: var(--blok-ink-soft);
}
.hero14_hint.is-accent {
  color: var(--blok-ink-soft);
}
.hero14_heading.is-large {
  font-size: 3rem;
}

@media (min-width: 768px) {
  .hero14_heading {
    font-size: 6rem;
  }
  .hero14_hint {
    display: block;
  }
  .hero14_heading.is-large {
    font-size: 4.5rem;
  }
}

@media (min-width: 992px) {
  .hero14_component {
    min-height: calc(100svh - 16rem);
  }
  .hero14_heading {
    font-size: 8.5rem;
  }
  .hero14_trail-item {
    width: 15rem;
    height: 19rem;
  }
  .hero14_heading.is-large {
    font-size: 6rem;
  }
}

/* Generated by Blokset from components/hero-18.js. Edit the spec, not this file. */
.section_hero18 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.hero18_component {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 1.5rem;
  max-width: 56rem;
}
.hero18_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.hero18_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  font-size: 3rem;
  line-height: 0.98;
  font-weight: 600;
  letter-spacing: -0.04em;
  color: var(--blok-ink);
}
.hero18_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 32rem;
  font-size: 1.125rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.section_hero18.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.hero18_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.hero18_heading.is-dark {
  color: var(--blok-surface);
}
.hero18_description.is-dark {
  color: var(--blok-surface-muted);
}
.section_hero18.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.hero18_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.hero18_heading.is-accent {
  color: var(--blok-ink);
}
.hero18_description.is-accent {
  color: var(--blok-ink-soft);
}

@media (min-width: 768px) {
  .hero18_heading {
    font-size: 4.5rem;
  }
}

@media (min-width: 992px) {
  .hero18_heading {
    font-size: 6rem;
  }
}

/* Generated by Blokset from components/hero-21.js. Edit the spec, not this file. */
.section_hero21 {
  position: relative;
  overflow: hidden;
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.hero21_media {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
}
.hero21_image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero21_overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.55;
  background-color: var(--blok-ink);
}
.hero21_component {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: calc(100svh - 8rem);
}
.hero21_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-surface);
}
.hero21_heading {
  margin-top: 0;
  margin-bottom: 1.25rem;
  max-width: 16ch;
  font-family: var(--blok-font-display);
  font-size: 3.5rem;
  line-height: 1.05;
  font-weight: 600;
  letter-spacing: -0.045em;
  color: var(--blok-surface);
}
.hero21_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.125rem;
  line-height: 1.55;
  color: var(--blok-surface);
}
.hero21_actions {
  display: flex;
  flex-wrap: wrap;
  column-gap: 0.75rem;
  row-gap: 0.75rem;
  margin-top: 2rem;
}
.section_hero21.is-light {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.hero21_overlay.is-light {
  background-color: var(--blok-surface);
}
.hero21_eyebrow.is-light {
  color: var(--blok-ink);
}
.hero21_heading.is-light {
  color: var(--blok-ink);
}
.hero21_description.is-light {
  color: var(--blok-ink);
}
.section_hero21.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.hero21_overlay.is-accent {
  background-color: var(--blok-accent);
}
.hero21_eyebrow.is-accent {
  color: var(--blok-ink);
}
.hero21_heading.is-accent {
  color: var(--blok-ink);
}
.hero21_description.is-accent {
  color: var(--blok-ink);
}

@media (min-width: 768px) {
  .hero21_component {
    min-height: calc(100svh - 12rem);
  }
  .hero21_heading {
    font-size: 5.5rem;
  }
}

@media (min-width: 992px) {
  .hero21_component {
    min-height: calc(100svh - 16rem);
  }
  .hero21_heading {
    font-size: 7.5rem;
  }
}

/* Generated by Blokset from components/hero-23.js. Edit the spec, not this file. */
.section_hero23 {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 0px;
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.hero23_component {
  position: relative;
  z-index: 3;
  max-width: 34rem;
  margin-left: 0;
  margin-right: 0;
  text-align: left;
}
.hero23_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1rem;
  color: var(--blok-ink-muted);
}
.hero23_heading {
  margin-top: 0;
  margin-bottom: 1rem;
  font-family: var(--blok-font-display);
  font-size: 3rem;
  line-height: 0.98;
  font-weight: 600;
  letter-spacing: -0.04em;
  color: var(--blok-ink);
}
.hero23_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 26rem;
  font-size: 1.0625rem;
  line-height: 1.55;
  color: var(--blok-ink-muted);
}
.hero23_layer-1 {
  position: relative;
  z-index: 0;
  overflow: hidden;
  margin-top: 1.5rem;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  top: auto;
  left: auto;
  width: 100%;
  height: 16rem;
}
.hero23_image-1 {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero23_layer-2 {
  position: relative;
  z-index: 0;
  overflow: hidden;
  margin-top: 1.5rem;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  top: auto;
  left: auto;
  width: 100%;
  height: 16rem;
}
.hero23_image-2 {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero23_layer-3 {
  position: relative;
  z-index: 0;
  overflow: hidden;
  margin-top: 1.5rem;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  top: auto;
  left: auto;
  width: 100%;
  height: 14rem;
}
.hero23_image-3 {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.section_hero23.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.hero23_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.hero23_heading.is-dark {
  color: var(--blok-surface);
}
.hero23_description.is-dark {
  color: var(--blok-surface-muted);
}
.section_hero23.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.hero23_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.hero23_heading.is-accent {
  color: var(--blok-ink);
}
.hero23_description.is-accent {
  color: var(--blok-ink-soft);
}

@media (min-width: 768px) {
  .hero23_heading {
    font-size: 4.25rem;
  }
}

@media (min-width: 992px) {
  .section_hero23 {
    justify-content: center;
    min-height: 100svh;
  }
  .hero23_component {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
  .hero23_heading {
    font-size: 5.5rem;
  }
  .hero23_layer-1 {
    position: absolute;
    margin-top: 0rem;
    top: 16%;
    left: 4%;
    width: 22%;
    height: 62%;
  }
  .hero23_layer-2 {
    position: absolute;
    margin-top: 0rem;
    top: 12%;
    left: 74%;
    width: 22%;
    height: 50%;
  }
  .hero23_layer-3 {
    position: absolute;
    margin-top: 0rem;
    top: 70%;
    left: 40%;
    width: 18%;
    height: 22%;
  }
}

/* Generated by Blokset from components/hero-25.js. Edit the spec, not this file. */
.section_hero25 {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 0px;
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.hero25_component {
  position: relative;
  z-index: 3;
  max-width: 40rem;
  text-align: left;
  margin-left: 0;
  margin-right: 0;
}
.hero25_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1rem;
  color: var(--blok-ink-muted);
}
.hero25_heading {
  margin-top: 0;
  margin-bottom: 1.25rem;
  font-family: var(--blok-font-display);
  font-size: 3rem;
  line-height: 0.98;
  font-weight: 600;
  letter-spacing: -0.04em;
  color: var(--blok-ink);
}
.hero25_subhead {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  max-width: 28rem;
  font-size: 1.25rem;
  line-height: 1.45;
  color: var(--blok-ink-muted);
}
.hero25_frame-1 {
  position: relative;
  z-index: 1;
  overflow: hidden;
  margin-top: 1rem;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  top: auto;
  left: auto;
  width: 100%;
  height: 14rem;
}
.hero25_image-1 {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero25_frame-2 {
  position: relative;
  z-index: 1;
  overflow: hidden;
  margin-top: 1rem;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  top: auto;
  left: auto;
  width: 100%;
  height: 14rem;
}
.hero25_image-2 {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero25_frame-3 {
  position: relative;
  z-index: 1;
  overflow: hidden;
  margin-top: 1rem;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  top: auto;
  left: auto;
  width: 100%;
  height: 12rem;
}
.hero25_image-3 {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.section_hero25.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.hero25_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.hero25_heading.is-dark {
  color: var(--blok-surface);
}
.hero25_subhead.is-dark {
  color: var(--blok-surface-muted);
}
.section_hero25.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.hero25_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.hero25_heading.is-accent {
  color: var(--blok-ink);
}
.hero25_subhead.is-accent {
  color: var(--blok-ink-soft);
}

@media (min-width: 768px) {
  .hero25_heading {
    font-size: 4.5rem;
  }
}

@media (min-width: 992px) {
  .section_hero25 {
    justify-content: center;
    min-height: 100svh;
  }
  .hero25_component {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
  .hero25_heading {
    font-size: 5.75rem;
  }
  .hero25_frame-1 {
    position: absolute;
    margin-top: 0rem;
    top: 12%;
    left: 5%;
    width: 20%;
    height: 34%;
  }
  .hero25_frame-2 {
    position: absolute;
    margin-top: 0rem;
    top: 16%;
    left: 74%;
    width: 20%;
    height: 40%;
  }
  .hero25_frame-3 {
    position: absolute;
    margin-top: 0rem;
    top: 74%;
    left: 42%;
    width: 16%;
    height: 20%;
  }
}

/* Generated by Blokset from components/hero-26.js. Edit the spec, not this file. */
.section_hero26 {
  position: relative;
  overflow: hidden;
  min-height: 0px;
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.hero26_stage {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  width: 100%;
  min-height: 0px;
}
.hero26_half-left {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  z-index: 2;
  display: block;
  overflow: visible;
  width: 100%;
  height: auto;
  padding-top: 3rem;
  padding-right: 1.25rem;
  padding-bottom: 1.25rem;
  padding-left: 1.25rem;
  background-color: var(--blok-surface);
}
.hero26_word-left {
  margin-top: 0;
  margin-bottom: 0;
  width: auto;
  font-family: var(--blok-font-display);
  font-weight: 600;
  line-height: 0.85;
  letter-spacing: -0.05em;
  color: var(--blok-ink);
  position: relative;
  top: auto;
  right: auto;
  left: auto;
  font-size: 3.5rem;
  white-space: normal;
  transform: none;
}
.hero26_half-right {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  z-index: 2;
  display: none;
  overflow: visible;
  width: 100%;
  height: auto;
  padding-top: 0rem;
  padding-right: 0rem;
  padding-bottom: 0rem;
  padding-left: 0rem;
  background-color: var(--blok-surface);
}
.hero26_word-right {
  margin-top: 0;
  margin-bottom: 0;
  width: auto;
  font-family: var(--blok-font-display);
  font-weight: 600;
  line-height: 0.85;
  letter-spacing: -0.05em;
  color: var(--blok-ink);
  position: relative;
  top: auto;
  right: auto;
  left: auto;
  font-size: 3.5rem;
  white-space: normal;
  transform: none;
}
.hero26_media {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  z-index: 1;
  width: 100%;
  height: auto;
  overflow: hidden;
  aspect-ratio: 4 / 5;
}
.hero26_photo {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.section_hero26.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.hero26_half-left.is-dark {
  background-color: var(--blok-ink);
}
.hero26_half-right.is-dark {
  background-color: var(--blok-ink);
}
.hero26_word-left.is-dark {
  color: var(--blok-surface);
}
.hero26_word-right.is-dark {
  color: var(--blok-surface);
}
.section_hero26.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.hero26_half-left.is-accent {
  background-color: var(--blok-accent);
}
.hero26_half-right.is-accent {
  background-color: var(--blok-accent);
}
.hero26_word-left.is-accent {
  color: var(--blok-ink);
}
.hero26_word-right.is-accent {
  color: var(--blok-ink);
}

@media (min-width: 992px) {
  .section_hero26 {
    min-height: 100svh;
  }
  .hero26_stage {
    display: block;
    min-height: 100svh;
  }
  .hero26_half-left {
    position: absolute;
    top: 0;
    right: auto;
    bottom: 0;
    left: 0;
    display: block;
    overflow: hidden;
    width: 50%;
    padding-top: 0rem;
    padding-right: 0rem;
    padding-bottom: 0rem;
    padding-left: 0rem;
  }
  .hero26_word-left {
    position: absolute;
    top: 50%;
    left: 0;
    right: auto;
    font-size: 18vw;
    white-space: nowrap;
    transform: translateY(-50%);
  }
  .hero26_half-right {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    display: block;
    overflow: hidden;
    width: 50%;
    padding-top: 0rem;
    padding-right: 0rem;
    padding-bottom: 0rem;
    padding-left: 0rem;
  }
  .hero26_word-right {
    position: absolute;
    top: 50%;
    left: auto;
    right: 0;
    font-size: 18vw;
    white-space: nowrap;
    transform: translateY(-50%);
  }
  .hero26_media {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    aspect-ratio: auto;
  }
}

/* Generated by Blokset from components/hero-27.js. Edit the spec, not this file. */
.section_hero27 {
  min-height: 0px;
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.hero27_component {
  display: flex;
  flex-direction: column;
  row-gap: 1.75rem;
}
.hero27_heading {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 16ch;
  font-family: var(--blok-font-display);
  font-size: 3rem;
  line-height: 0.95;
  font-weight: 600;
  letter-spacing: -0.04em;
  color: var(--blok-ink);
}
.hero27_stills {
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: visible;
  width: 100%;
  height: auto;
  row-gap: 0.75rem;
}
.hero27_still {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  z-index: 1;
}
.section_hero27.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.hero27_heading.is-dark {
  color: var(--blok-surface);
}
.section_hero27.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.hero27_heading.is-accent {
  color: var(--blok-ink);
}

@media (min-width: 768px) {
  .hero27_heading {
    font-size: 4.25rem;
  }
}

@media (min-width: 992px) {
  .section_hero27 {
    min-height: 100svh;
  }
  .hero27_component {
    row-gap: 2rem;
  }
  .hero27_heading {
    font-size: 5.5rem;
  }
  .hero27_stills {
    display: block;
    overflow: hidden;
    height: 72vh;
    row-gap: 0rem;
  }
  .hero27_still {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    aspect-ratio: auto;
  }
}

/* Generated by Blokset from components/hero-28.js. Edit the spec, not this file. */
.section_hero28 {
  background-color: var(--blok-surface);
}
.hero28_frame {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  min-height: 36rem;
  border-top-left-radius: 1.25rem;
  border-top-right-radius: 1.25rem;
  border-bottom-left-radius: 1.25rem;
  border-bottom-right-radius: 1.25rem;
}
.hero28_media {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
}
.hero28_image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero28_shade {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(to top, var(--blok-shade-strong) 0%, var(--blok-shade-mid) 42%, var(--blok-shade-clear) 72%);
}
.hero28_overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--blok-overlay);
}
.hero28_component {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 2rem;
  width: 100%;
  min-height: 36rem;
  padding-top: 1.25rem;
  padding-right: 1.25rem;
  padding-bottom: 1.25rem;
  padding-left: 1.25rem;
}
.hero28_chip {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-text-inverse);
  display: inline-block;
  align-self: flex-start;
  background-color: var(--blok-shade-mid);
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.hero28_bottom {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  row-gap: 1.5rem;
  column-gap: 1rem;
}
.hero28_copy {
  max-width: 36rem;
}
.hero28_heading {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 12ch;
  color: var(--blok-text-inverse);
  font-family: var(--blok-font-display);
  font-size: 3rem;
  line-height: 0.95;
  font-weight: 600;
  letter-spacing: -0.04em;
}
.hero28_actions {
  display: flex;
  flex-wrap: wrap;
  column-gap: 0.75rem;
  row-gap: 0.75rem;
  margin-top: 1.25rem;
}
.hero28_cards {
  display: flex;
  flex-direction: column;
  row-gap: 0.75rem;
  column-gap: 0.75rem;
}
.hero28_card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 1.25rem;
  width: 100%;
  min-height: 9rem;
  background-color: var(--blok-surface);
  color: var(--blok-ink);
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
  padding-top: 1.15rem;
  padding-right: 1.15rem;
  padding-bottom: 1.15rem;
  padding-left: 1.15rem;
}
.hero28_card-top {
  display: flex;
  align-items: center;
  column-gap: 0.5rem;
}
.hero28_card-glyph {
  font-size: 0.9rem;
  line-height: 1;
}
.hero28_card-label {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.hero28_card-value {
  font-family: var(--blok-font-display);
  font-size: 1.75rem;
  line-height: 1;
  font-weight: 600;
  letter-spacing: -0.03em;
}
.hero28_card-foot {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  column-gap: 0.75rem;
}
.hero28_card-text {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.875rem;
  line-height: 1.4;
  color: var(--blok-ink-muted);
}
.hero28_card-link {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 2.25rem;
  height: 2.25rem;
  color: var(--blok-ink);
  text-decoration: none;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
}
.hero28_overlay.is-subtle {
  background-color: var(--blok-overlay-subtle);
}
.hero28_overlay.is-strong {
  background-color: var(--blok-overlay-strong);
}
.hero28_frame.is-auto {
  min-height: 0px;
}
.hero28_component.is-auto {
  min-height: 0px;
}

@media (min-width: 768px) {
  .hero28_heading {
    font-size: 4.25rem;
  }
  .hero28_cards {
    flex-direction: row;
  }
  .hero28_card {
    width: 13.5rem;
  }
}

@media (min-width: 992px) {
  .hero28_frame {
    min-height: 44rem;
  }
  .hero28_component {
    min-height: 44rem;
    padding-top: 2rem;
    padding-right: 2rem;
    padding-bottom: 2rem;
    padding-left: 2rem;
  }
  .hero28_bottom {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    column-gap: 2rem;
    row-gap: 0rem;
  }
  .hero28_heading {
    font-size: 5.25rem;
  }
  .hero28_frame.is-auto {
    min-height: 0px;
  }
  .hero28_component.is-auto {
    min-height: 0px;
  }
}

/* Generated by Blokset from components/hero-29.js. Edit the spec, not this file. */
.section_hero29 {
  background-color: var(--blok-ink);
}
.hero29_stage {
  position: relative;
  overflow: hidden;
  min-height: 36rem;
}
.hero29_image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero29_shade {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(to top, var(--blok-shade-strong) 0%, var(--blok-shade-clear) 55%);
}
.hero29_overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--blok-overlay);
}
.hero29_component {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 2.5rem;
  min-height: 36rem;
}
.hero29_intro {
  max-width: 46rem;
}
.hero29_heading {
  margin-top: 0;
  margin-bottom: 0;
  color: var(--blok-text-inverse);
  font-family: var(--blok-font-display);
  font-size: 2.75rem;
  line-height: 0.92;
  font-weight: 700;
  letter-spacing: -0.03em;
  text-transform: uppercase;
}
.hero29_note {
  margin-top: 1.25rem;
  margin-bottom: 0;
  max-width: 32rem;
  color: var(--blok-surface-muted);
  font-size: 1.05rem;
  line-height: 1.5;
}
.hero29_foot {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  row-gap: 1.5rem;
  column-gap: 1.5rem;
}
.hero29_award {
  display: flex;
  align-items: center;
  column-gap: 0.9rem;
  max-width: 18rem;
}
.hero29_award-year {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 4.5rem;
  height: 4.5rem;
  color: var(--blok-text-inverse);
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: var(--blok-line-inverse);
  border-right-color: var(--blok-line-inverse);
  border-bottom-color: var(--blok-line-inverse);
  border-left-color: var(--blok-line-inverse);
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
  font-family: var(--blok-font-display);
  font-size: 0.95rem;
  font-weight: 600;
}
.hero29_award-label {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-surface-muted);
  margin-bottom: 0.25rem;
}
.hero29_award-title {
  margin-top: 0;
  margin-bottom: 0;
  color: var(--blok-text-inverse);
  font-family: var(--blok-font-display);
  font-size: 1.15rem;
  line-height: 1.2;
  font-weight: 600;
}
.hero29_slider {
  width: 100%;
  max-width: 28rem;
  background-color: var(--blok-surface);
  color: var(--blok-ink);
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
  padding-top: 1.25rem;
  padding-right: 1.25rem;
  padding-bottom: 1.25rem;
  padding-left: 1.25rem;
}
.hero29_viewport {
  overflow: hidden;
  width: 100%;
}
.hero29_track {
  display: flex;
  width: 100%;
}
.hero29_slide {
  flex-shrink: 0;
  width: 100%;
}
.hero29_slide-title {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-family: var(--blok-font-display);
  font-size: 1.35rem;
  line-height: 1.15;
  font-weight: 600;
  letter-spacing: -0.02em;
}
.hero29_slide-text {
  margin-top: 0;
  margin-bottom: 0;
  color: var(--blok-ink-muted);
  font-size: 0.98rem;
  line-height: 1.5;
}
.hero29_controls {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  column-gap: 0.5rem;
  margin-top: 1rem;
}
.hero29_count {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
  margin-right: auto;
}
.hero29_prev {
  cursor: pointer;
  padding-left: 0.35rem;
  padding-right: 0.35rem;
  font-size: 1.1rem;
}
.hero29_next {
  cursor: pointer;
  padding-left: 0.35rem;
  padding-right: 0.35rem;
  font-size: 1.1rem;
}
.hero29_band {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.hero29_stats {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  column-gap: 0rem;
  row-gap: 1.5rem;
}
.hero29_stat {
  display: flex;
  align-items: center;
  column-gap: 0.9rem;
}
.hero29_stat-mark {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 2.75rem;
  height: 2.75rem;
  background-color: var(--blok-ink-2);
  color: var(--blok-surface);
  border-top-left-radius: 0.7rem;
  border-top-right-radius: 0.7rem;
  border-bottom-left-radius: 0.7rem;
  border-bottom-right-radius: 0.7rem;
  font-size: 0.95rem;
}
.hero29_stat-value {
  font-family: var(--blok-font-display);
  font-size: 1.75rem;
  line-height: 1;
  font-weight: 600;
  letter-spacing: -0.03em;
}
.hero29_stat-label {
  margin-top: 0.25rem;
  margin-bottom: 0;
  color: var(--blok-surface-muted);
  font-size: 0.95rem;
  line-height: 1.3;
  font-weight: 500;
}
.hero29_overlay.is-subtle {
  background-color: var(--blok-overlay-subtle);
}
.hero29_overlay.is-strong {
  background-color: var(--blok-overlay-strong);
}
.hero29_stage.is-auto {
  min-height: 0px;
}
.hero29_component.is-auto {
  min-height: 0px;
}

@media (min-width: 768px) {
  .hero29_heading {
    font-size: 4.25rem;
  }
  .hero29_stats {
    flex-direction: row;
    justify-content: space-between;
    column-gap: 2rem;
    row-gap: 0rem;
  }
}

@media (min-width: 992px) {
  .hero29_stage {
    min-height: 100svh;
  }
  .hero29_component {
    min-height: calc(100svh - 10rem);
  }
  .hero29_heading {
    font-size: 5.5rem;
  }
  .hero29_foot {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    row-gap: 0rem;
  }
  .hero29_stage.is-auto {
    min-height: 0px;
  }
  .hero29_component.is-auto {
    min-height: 0px;
  }
}

/* Generated by Blokset from components/hero-30.js. Edit the spec, not this file. */
.section_hero30 {
  position: relative;
  overflow: hidden;
  background-color: var(--blok-ink);
}
.hero30_image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero30_shade {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(to top, var(--blok-shade-strong) 0%, var(--blok-shade-mid) 46%, var(--blok-shade-clear) 78%);
}
.hero30_overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--blok-overlay);
}
.hero30_component {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 34rem;
}
.hero30_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-surface-muted);
  margin-bottom: 1rem;
}
.hero30_headline {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 0.4rem;
  row-gap: 0.15rem;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 18ch;
  color: var(--blok-text-inverse);
}
.hero30_heading {
  display: inline;
  font-family: var(--blok-font-display);
  font-size: 3.25rem;
  line-height: 0.95;
  font-weight: 600;
  letter-spacing: -0.04em;
}
.hero30_accent {
  display: inline;
  font-family: var(--blok-font-serif);
  font-style: italic;
  font-weight: 500;
  font-size: 3.25rem;
  line-height: 0.95;
  letter-spacing: -0.03em;
}
.hero30_description {
  margin-top: 1.25rem;
  margin-bottom: 0;
  max-width: 28rem;
  color: var(--blok-surface-muted);
  font-size: 1.05rem;
  line-height: 1.55;
}
.hero30_actions {
  display: flex;
  flex-wrap: wrap;
  column-gap: 0.75rem;
  row-gap: 0.75rem;
  margin-top: 1.5rem;
}
.hero30_chips {
  display: flex;
  flex-wrap: wrap;
  column-gap: 0.5rem;
  row-gap: 0.5rem;
  margin-top: 1.25rem;
}
.hero30_chip {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-text-inverse);
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: var(--blok-line-inverse);
  border-right-color: var(--blok-line-inverse);
  border-bottom-color: var(--blok-line-inverse);
  border-left-color: var(--blok-line-inverse);
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
  padding-top: 0.45rem;
  padding-bottom: 0.45rem;
  padding-left: 0.8rem;
  padding-right: 0.8rem;
}
.hero30_overlay.is-subtle {
  background-color: var(--blok-overlay-subtle);
}
.hero30_overlay.is-strong {
  background-color: var(--blok-overlay-strong);
}
.hero30_component.is-auto {
  min-height: 0px;
}

@media (min-width: 768px) {
  .hero30_component {
    min-height: 36rem;
  }
  .hero30_heading {
    font-size: 4.75rem;
  }
  .hero30_accent {
    font-size: 4.75rem;
  }
  .hero30_component.is-auto {
    min-height: 0px;
  }
}

@media (min-width: 992px) {
  .hero30_component {
    min-height: calc(100svh - 10rem);
  }
  .hero30_heading {
    font-size: 6rem;
  }
  .hero30_accent {
    font-size: 6rem;
  }
  .hero30_component.is-auto {
    min-height: 0px;
  }
}

/* Generated by Blokset from components/hero-31.js. Edit the spec, not this file. */
.section_hero31 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.hero31_component {
  display: flex;
  flex-direction: column;
  row-gap: 1.5rem;
  height: auto;
  min-height: 0px;
}
.hero31_heading {
  flex-shrink: 0;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 16ch;
  font-family: var(--blok-font-display);
  font-size: 3rem;
  line-height: 0.95;
  font-weight: 700;
  letter-spacing: -0.045em;
  color: var(--blok-ink);
}
.hero31_stage {
  position: relative;
  flex-grow: 0;
  flex-shrink: 1;
  min-height: 0px;
  width: 100%;
}
.hero31_notch-copy {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  z-index: 1;
  width: 100%;
  max-width: 22rem;
  margin-bottom: 1rem;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  border-bottom-right-radius: 0px;
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.hero31_description {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.5;
  color: var(--blok-ink-muted);
}
.hero31_image {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  z-index: 0;
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  border-top-left-radius: 1.25rem;
  border-top-right-radius: 1.25rem;
  border-bottom-right-radius: 1.25rem;
  border-bottom-left-radius: 1.25rem;
}
.hero31_notch-actions {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  column-gap: 0.6rem;
  margin-top: 1rem;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  border-top-left-radius: 0px;
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.hero31_arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.75rem;
  height: 2.75rem;
  flex-shrink: 0;
  background-color: var(--blok-ink);
  color: var(--blok-surface);
  text-decoration: none;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
}
.section_hero31.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.hero31_heading.is-dark {
  color: var(--blok-surface);
}
.hero31_notch-copy.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.hero31_notch-actions.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.hero31_description.is-dark {
  color: var(--blok-surface-muted);
}
.section_hero31.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.hero31_heading.is-accent {
  color: var(--blok-ink);
}
.hero31_notch-copy.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.hero31_notch-actions.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.hero31_description.is-accent {
  color: var(--blok-ink-soft);
}

@media (min-width: 768px) {
  .hero31_heading {
    font-size: 4.5rem;
  }
}

@media (min-width: 992px) {
  .hero31_component {
    height: calc(100svh - 16rem);
  }
  .hero31_heading {
    font-size: 5.75rem;
  }
  .hero31_stage {
    flex-grow: 1;
  }
  .hero31_notch-copy {
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    margin-bottom: 0rem;
    padding-top: 0;
    padding-right: 1.5rem;
    padding-bottom: 1.25rem;
    padding-left: 0;
    border-bottom-right-radius: 1.5rem;
  }
  .hero31_image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    aspect-ratio: auto;
  }
  .hero31_notch-actions {
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0;
    left: auto;
    justify-content: flex-end;
    margin-top: 0rem;
    padding-top: 1rem;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 1rem;
    border-top-left-radius: 1.5rem;
  }
}

/* Generated by Blokset from components/hero-32.js. Edit the spec, not this file. */
.section_hero32 {
  position: relative;
  overflow: hidden;
  min-height: 0px;
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.hero32_component {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 1.25rem;
  text-align: center;
  padding-top: 0rem;
  padding-bottom: 0rem;
}
.hero32_proof {
  display: inline-flex;
  align-items: center;
  column-gap: 0.7rem;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
  padding-top: 0.35rem;
  padding-bottom: 0.35rem;
  padding-left: 0.4rem;
  padding-right: 0.9rem;
  background-color: var(--blok-surface-2);
  color: var(--blok-ink);
}
.hero32_faces {
  display: flex;
  padding-left: 0.45rem;
}
.hero32_face {
  overflow: hidden;
  flex-shrink: 0;
  width: 1.85rem;
  height: 1.85rem;
  margin-left: -0.45rem;
  border-top-width: 2px;
  border-right-width: 2px;
  border-bottom-width: 2px;
  border-left-width: 2px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: var(--blok-surface);
  border-right-color: var(--blok-surface);
  border-bottom-color: var(--blok-surface);
  border-left-color: var(--blok-surface);
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
}
.hero32_face-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero32_proof-text {
  font-size: 0.9rem;
  line-height: 1.3;
  font-weight: 600;
}
.hero32_heading {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 14ch;
  font-family: var(--blok-font-serif);
  font-size: 3rem;
  line-height: 1.02;
  font-weight: 500;
  letter-spacing: -0.03em;
  color: var(--blok-ink);
}
.hero32_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 34rem;
  font-size: 1.05rem;
  line-height: 1.55;
  color: var(--blok-ink-muted);
}
.hero32_actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  column-gap: 0.75rem;
  row-gap: 0.75rem;
}
.hero32_orbit {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  column-gap: 0.6rem;
  row-gap: 0.6rem;
  padding-top: 0.5rem;
  padding-bottom: 1.5rem;
  padding-left: 5%;
  padding-right: 5%;
}
.hero32_frame-1 {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  z-index: 1;
  overflow: hidden;
  flex-shrink: 0;
  width: 5.5rem;
  height: 5.5rem;
  margin-top: 0rem;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
}
.hero32_image-1 {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero32_frame-2 {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  z-index: 1;
  overflow: hidden;
  flex-shrink: 0;
  width: 5.5rem;
  height: 5.5rem;
  margin-top: 0rem;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
}
.hero32_image-2 {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero32_frame-3 {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  z-index: 1;
  overflow: hidden;
  flex-shrink: 0;
  width: 5.5rem;
  height: 5.5rem;
  margin-top: 0rem;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
}
.hero32_image-3 {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero32_frame-4 {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  z-index: 1;
  overflow: hidden;
  flex-shrink: 0;
  width: 5.5rem;
  height: 5.5rem;
  margin-top: 0rem;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
}
.hero32_image-4 {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero32_badge-fast {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: auto;
  height: auto;
  margin-top: 0rem;
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
  padding-top: 0.45rem;
  padding-bottom: 0.45rem;
  padding-left: 0.7rem;
  padding-right: 0.7rem;
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.hero32_badge-rate {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: auto;
  height: auto;
  margin-top: 0rem;
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
  padding-top: 0.45rem;
  padding-bottom: 0.45rem;
  padding-left: 0.7rem;
  padding-right: 0.7rem;
  background-color: var(--blok-surface-2);
  color: var(--blok-ink);
}
.section_hero32.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.hero32_heading.is-dark {
  color: var(--blok-surface);
}
.hero32_description.is-dark {
  color: var(--blok-surface-muted);
}
.hero32_proof.is-dark {
  background-color: var(--blok-ink-2);
  color: var(--blok-surface);
}
.hero32_badge-fast.is-dark {
  background-color: var(--blok-accent);
  color: var(--blok-surface);
}
.hero32_badge-rate.is-dark {
  background-color: var(--blok-ink-2);
  color: var(--blok-surface);
}
.section_hero32.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.hero32_heading.is-accent {
  color: var(--blok-ink);
}
.hero32_description.is-accent {
  color: var(--blok-ink-soft);
}
.hero32_proof.is-accent {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.hero32_badge-fast.is-accent {
  background-color: var(--blok-ink);
  color: var(--blok-ink);
}
.hero32_badge-rate.is-accent {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}

@media (min-width: 768px) {
  .hero32_heading {
    font-size: 4.25rem;
  }
}

@media (min-width: 992px) {
  .section_hero32 {
    min-height: 100svh;
  }
  .hero32_component {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
  .hero32_heading {
    font-size: 5.25rem;
  }
  .hero32_orbit {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    padding-top: 0rem;
    padding-bottom: 0rem;
    padding-left: 0rem;
    padding-right: 0rem;
  }
  .hero32_frame-1 {
    position: absolute;
    margin-top: 0rem;
    width: 7.5rem;
    height: 7.5rem;
    top: 10%;
    left: 6%;
  }
  .hero32_frame-2 {
    position: absolute;
    margin-top: 0rem;
    width: 7.5rem;
    height: 7.5rem;
    top: 12%;
    left: 82%;
  }
  .hero32_frame-3 {
    position: absolute;
    margin-top: 0rem;
    width: 7.5rem;
    height: 7.5rem;
    top: 68%;
    left: 8%;
  }
  .hero32_frame-4 {
    position: absolute;
    margin-top: 0rem;
    width: 7.5rem;
    height: 7.5rem;
    top: 64%;
    left: 78%;
  }
  .hero32_badge-fast {
    position: absolute;
    margin-top: 0rem;
    top: 42%;
    left: 3%;
  }
  .hero32_badge-rate {
    position: absolute;
    margin-top: 0rem;
    top: 40%;
    left: 74%;
  }
}

/* Generated by Blokset from components/hero-33.js. Edit the spec, not this file. */
.section_hero33 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.hero33_component {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  row-gap: 2rem;
  column-gap: 0rem;
}
.hero33_copy {
  width: 100%;
  max-width: 34rem;
}
.hero33_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  font-size: 2.75rem;
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.04em;
  color: var(--blok-ink);
}
.hero33_description {
  margin-top: 1.25rem;
  margin-bottom: 0;
  max-width: 32rem;
  font-size: 1.05rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.hero33_actions {
  display: flex;
  flex-wrap: wrap;
  column-gap: 0.75rem;
  row-gap: 0.75rem;
  margin-top: 1.5rem;
}
.hero33_partners {
  margin-top: 2.5rem;
}
.hero33_partner-label {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 0.85rem;
  color: var(--blok-ink-muted);
}
.hero33_partner-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 1.25rem;
  row-gap: 0.5rem;
}
.hero33_partner {
  font-family: var(--blok-font-display);
  font-size: 1.15rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: -0.03em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.hero33_media {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-top-left-radius: 1.25rem;
  border-top-right-radius: 1.25rem;
  border-bottom-left-radius: 1.25rem;
  border-bottom-right-radius: 1.25rem;
}
.hero33_image {
  display: block;
  width: 100%;
  height: 22rem;
  object-fit: cover;
}
.hero33_card {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  z-index: 1;
  width: auto;
  max-width: 18rem;
  margin-top: -4rem;
  margin-left: 1rem;
  margin-right: 1rem;
  margin-bottom: 1rem;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
  padding-top: 1rem;
  padding-right: 1rem;
  padding-bottom: 1rem;
  padding-left: 1rem;
  background-color: var(--blok-surface-2);
  color: var(--blok-ink);
}
.hero33_card-title {
  margin-top: 0;
  margin-bottom: 0.85rem;
  font-family: var(--blok-font-display);
  font-size: 1.35rem;
  line-height: 1.1;
  font-weight: 600;
  letter-spacing: -0.03em;
}
.hero33_figures {
  display: flex;
  justify-content: space-between;
  column-gap: 0.75rem;
}
.hero33_figure-value {
  font-family: var(--blok-font-display);
  font-size: 1.15rem;
  line-height: 1;
  font-weight: 600;
}
.hero33_figure-label {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-top: 0.3rem;
  color: var(--blok-ink-muted);
}
.hero33_map {
  display: block;
  width: 100%;
  height: 7rem;
  margin-top: 0.9rem;
  object-fit: cover;
  border-top-left-radius: 0.6rem;
  border-top-right-radius: 0.6rem;
  border-bottom-left-radius: 0.6rem;
  border-bottom-right-radius: 0.6rem;
}
.section_hero33.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.hero33_heading.is-dark {
  color: var(--blok-surface);
}
.hero33_description.is-dark {
  color: var(--blok-surface-muted);
}
.hero33_partner-label.is-dark {
  color: var(--blok-surface-muted);
}
.hero33_card.is-dark {
  background-color: var(--blok-ink-2);
  color: var(--blok-surface);
}
.hero33_figure-label.is-dark {
  color: var(--blok-surface-muted);
}
.hero33_partner.is-dark {
  color: var(--blok-surface-muted);
}
.section_hero33.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.hero33_heading.is-accent {
  color: var(--blok-ink);
}
.hero33_description.is-accent {
  color: var(--blok-ink-soft);
}
.hero33_partner-label.is-accent {
  color: var(--blok-ink-soft);
}
.hero33_card.is-accent {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.hero33_figure-label.is-accent {
  color: var(--blok-ink-soft);
}
.hero33_partner.is-accent {
  color: var(--blok-ink-soft);
}

@media (min-width: 768px) {
  .hero33_heading {
    font-size: 3.5rem;
  }
}

@media (min-width: 992px) {
  .hero33_component {
    flex-direction: row;
    align-items: center;
    column-gap: 3rem;
    row-gap: 0rem;
  }
  .hero33_copy {
    width: 46%;
  }
  .hero33_heading {
    font-size: 4rem;
  }
  .hero33_media {
    width: 54%;
  }
  .hero33_image {
    height: 36rem;
  }
  .hero33_card {
    position: absolute;
    right: 1.25rem;
    bottom: 1.25rem;
    left: auto;
    margin-top: 0rem;
    margin-left: 0rem;
    margin-right: 0rem;
    margin-bottom: 0rem;
  }
}

/* Generated by Blokset from components/hero-34.js. Edit the spec, not this file. */
.section_hero34 {
  position: relative;
  overflow: hidden;
  background-color: var(--blok-ink);
}
.hero34_image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero34_overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--blok-overlay-strong);
}
.hero34_component {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-end;
  row-gap: 2rem;
  column-gap: 0rem;
  min-height: 36rem;
}
.hero34_copy {
  width: 100%;
  max-width: 36rem;
}
.hero34_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-surface-muted);
  margin-bottom: 1rem;
}
.hero34_heading {
  margin-top: 0;
  margin-bottom: 0;
  color: var(--blok-text-inverse);
  font-family: var(--blok-font-display);
  font-size: 3rem;
  line-height: 0.98;
  font-weight: 600;
  letter-spacing: -0.04em;
}
.hero34_description {
  margin-top: 1.25rem;
  margin-bottom: 0;
  max-width: 32rem;
  color: var(--blok-surface-muted);
  font-size: 1.05rem;
  line-height: 1.6;
}
.hero34_actions {
  display: flex;
  flex-wrap: wrap;
  column-gap: 0.75rem;
  row-gap: 0.75rem;
  margin-top: 1.5rem;
}
.hero34_stack {
  display: flex;
  flex-direction: column;
  row-gap: 0.85rem;
  width: 100%;
}
.hero34_media-card {
  display: flex;
  flex-direction: column;
  row-gap: 0.75rem;
  color: var(--blok-ink);
  text-decoration: none;
  background-color: var(--blok-surface);
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
  padding-top: 0.7rem;
  padding-right: 0.7rem;
  padding-bottom: 0.7rem;
  padding-left: 0.7rem;
}
.hero34_thumb {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 8.5rem;
  border-top-left-radius: 0.7rem;
  border-top-right-radius: 0.7rem;
  border-bottom-left-radius: 0.7rem;
  border-bottom-right-radius: 0.7rem;
}
.hero34_thumb-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero34_play {
  position: absolute;
  top: 0.6rem;
  right: 0.6rem;
  bottom: auto;
  left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  background-color: var(--blok-surface);
  color: var(--blok-ink);
  font-size: 0.7rem;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
}
.hero34_card-title {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0.35rem;
  padding-right: 0.35rem;
  font-family: var(--blok-font-display);
  font-size: 1.05rem;
  line-height: 1.25;
  font-weight: 600;
}
.hero34_card-link {
  margin-bottom: 0.25rem;
  padding-left: 0.35rem;
  padding-right: 0.35rem;
  color: var(--blok-accent);
  font-size: 0.9rem;
  line-height: 1.3;
}
.hero34_overlay.is-subtle {
  background-color: var(--blok-overlay-subtle);
}
.hero34_overlay.is-medium {
  background-color: var(--blok-overlay);
}
.hero34_component.is-auto {
  min-height: 0px;
}

@media (min-width: 768px) {
  .hero34_heading {
    font-size: 4.25rem;
  }
}

@media (min-width: 992px) {
  .hero34_component {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    column-gap: 3rem;
    row-gap: 0rem;
    min-height: calc(100svh - 10rem);
  }
  .hero34_copy {
    width: 52%;
  }
  .hero34_heading {
    font-size: 5rem;
  }
  .hero34_stack {
    width: 22rem;
  }
  .hero34_component.is-auto {
    min-height: 0px;
  }
}

/* Generated by Blokset from components/hero-35.js. Edit the spec, not this file. */
.section_hero35 {
  overflow: hidden;
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.hero35_component {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 2rem;
  text-align: center;
}
.hero35_headline {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: baseline;
  column-gap: 0.4rem;
  row-gap: 0.2rem;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 22ch;
  font-family: var(--blok-font-display);
  font-size: 2.25rem;
  line-height: 1.15;
  font-weight: 600;
  letter-spacing: -0.03em;
  color: var(--blok-surface);
}
.hero35_before {
  display: inline;
}
.hero35_word {
  display: inline;
  border-bottom-width: 3px;
  border-bottom-style: solid;
  padding-bottom: 0.15rem;
  color: var(--blok-surface);
  border-bottom-color: var(--blok-accent);
}
.hero35_after {
  display: inline;
}
.hero35_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 36rem;
  font-size: 1rem;
  line-height: 1.55;
  color: var(--blok-surface-muted);
}
.hero35_row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 0.75rem;
  row-gap: 0.75rem;
  width: 100%;
  margin-top: 0.5rem;
}
.hero35_oval {
  overflow: hidden;
  width: 100%;
  aspect-ratio: 3 / 4;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
}
.hero35_photo {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.section_hero35.is-light {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.hero35_headline.is-light {
  color: var(--blok-ink);
}
.hero35_word.is-light {
  color: var(--blok-ink);
  border-bottom-color: var(--blok-accent);
}
.hero35_description.is-light {
  color: var(--blok-ink-muted);
}
.section_hero35.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.hero35_headline.is-accent {
  color: var(--blok-ink);
}
.hero35_word.is-accent {
  color: var(--blok-ink);
  border-bottom-color: var(--blok-ink);
}
.hero35_description.is-accent {
  color: var(--blok-ink-soft);
}

@media (min-width: 768px) {
  .hero35_headline {
    font-size: 3rem;
  }
}

@media (min-width: 992px) {
  .hero35_headline {
    font-size: 3.5rem;
  }
  .hero35_row {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    column-gap: 1.25rem;
    row-gap: 0rem;
  }
}

/* Generated by Blokset from components/hero-36.js. Edit the spec, not this file. */
.section_hero36 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.hero36_stage {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  min-height: 28rem;
  border-bottom-right-radius: 1.75rem;
  border-bottom-left-radius: 1.75rem;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.hero36_image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero36_shade {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(to top, var(--blok-shade-strong) 0%, var(--blok-shade-clear) 55%);
}
.hero36_component {
  position: relative;
  z-index: 1;
  max-width: 40rem;
  padding-bottom: 1.5rem;
}
.hero36_heading {
  margin-top: 0;
  margin-bottom: 0;
  color: var(--blok-text-inverse);
  font-family: var(--blok-font-display);
  font-size: 3rem;
  line-height: 0.98;
  font-weight: 600;
  letter-spacing: -0.04em;
}
.hero36_description {
  margin-top: 1rem;
  margin-bottom: 0;
  max-width: 32rem;
  color: var(--blok-surface-muted);
  font-size: 1.05rem;
  line-height: 1.55;
}
.hero36_actions {
  display: flex;
  margin-top: 1.25rem;
}
.hero36_tab {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  top: auto;
  z-index: 2;
  width: 7rem;
  height: 1.35rem;
  margin-left: auto;
  margin-right: auto;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  background-color: var(--blok-surface);
}
.hero36_line {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  column-gap: 0.45rem;
  row-gap: 0.2rem;
  margin-top: 0;
  margin-bottom: 0;
  text-align: center;
  font-family: var(--blok-font-display);
  font-size: 2rem;
  line-height: 1.15;
  font-weight: 600;
  letter-spacing: -0.03em;
}
.hero36_phrase-1 {
  display: inline;
  color: var(--blok-ink);
}
.hero36_phrase-2 {
  display: inline;
  color: var(--blok-accent);
}
.hero36_phrase-3 {
  display: inline;
  color: var(--blok-ink);
}
.hero36_phrase-4 {
  display: inline;
  color: var(--blok-accent);
}
.section_hero36.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.hero36_tab.is-dark {
  background-color: var(--blok-ink);
}
.hero36_phrase-1.is-dark {
  color: var(--blok-surface);
}
.hero36_phrase-2.is-dark {
  color: var(--blok-accent);
}
.hero36_phrase-3.is-dark {
  color: var(--blok-surface);
}
.hero36_phrase-4.is-dark {
  color: var(--blok-accent);
}
.section_hero36.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.hero36_tab.is-accent {
  background-color: var(--blok-accent);
}
.hero36_phrase-1.is-accent {
  color: var(--blok-ink);
}
.hero36_phrase-2.is-accent {
  color: var(--blok-ink);
}
.hero36_phrase-3.is-accent {
  color: var(--blok-ink);
}
.hero36_phrase-4.is-accent {
  color: var(--blok-ink);
}
.hero36_stage.is-auto {
  min-height: 24rem;
}

@media (min-width: 768px) {
  .hero36_heading {
    font-size: 4.25rem;
  }
  .hero36_line {
    font-size: 2.75rem;
  }
}

@media (min-width: 992px) {
  .hero36_stage {
    min-height: 78vh;
  }
  .hero36_component {
    padding-bottom: 2.5rem;
  }
  .hero36_heading {
    font-size: 5.25rem;
  }
  .hero36_line {
    font-size: 3.5rem;
  }
  .hero36_stage.is-auto {
    min-height: 24rem;
  }
}

/* Generated by Blokset from components/hero-37.js. Edit the spec, not this file. */
.section_hero37 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.hero37_component {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  row-gap: 2rem;
  column-gap: 0rem;
}
.hero37_copy {
  width: 100%;
  max-width: 34rem;
}
.hero37_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  font-size: 2.75rem;
  line-height: 0.98;
  font-weight: 600;
  letter-spacing: -0.04em;
  color: var(--blok-ink);
}
.hero37_description {
  margin-top: 1.25rem;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.05rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.hero37_actions {
  display: flex;
  flex-wrap: wrap;
  column-gap: 0.75rem;
  row-gap: 0.75rem;
  margin-top: 1.5rem;
}
.hero37_cluster {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 0.75rem;
  row-gap: 0.75rem;
  width: 100%;
  min-height: 0px;
}
.hero37_photo-a {
  overflow: hidden;
  width: 100%;
  min-height: 10rem;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.hero37_photo-a-image {
  display: block;
  width: 100%;
  height: 11rem;
  object-fit: cover;
}
.hero37_photo-b {
  overflow: hidden;
  width: 100%;
  min-height: 10rem;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.hero37_photo-b-image {
  display: block;
  width: 100%;
  height: 11rem;
  object-fit: cover;
}
.hero37_photo-c {
  overflow: hidden;
  width: 100%;
  min-height: 10rem;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.hero37_photo-c-image {
  display: block;
  width: 100%;
  height: 11rem;
  object-fit: cover;
}
.hero37_photo-d {
  overflow: hidden;
  width: 100%;
  min-height: 10rem;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.hero37_photo-d-image {
  display: block;
  width: 100%;
  height: 11rem;
  object-fit: cover;
}
.hero37_note {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  z-index: 2;
  width: 100%;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  padding-top: 1rem;
  padding-right: 1rem;
  padding-bottom: 1rem;
  padding-left: 1rem;
  background-color: var(--blok-surface-2);
  color: var(--blok-ink);
}
.hero37_note-title {
  margin-top: 0;
  margin-bottom: 0.3rem;
  font-family: var(--blok-font-display);
  font-size: 1.25rem;
  line-height: 1;
  font-weight: 600;
}
.hero37_note-text {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.95rem;
  line-height: 1.4;
  color: var(--blok-ink-muted);
}
.hero37_place {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  z-index: 2;
  width: 100%;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  padding-top: 1rem;
  padding-right: 1rem;
  padding-bottom: 1rem;
  padding-left: 1rem;
  background-color: var(--blok-surface-2);
  color: var(--blok-ink);
}
.hero37_place-title {
  margin-top: 0;
  margin-bottom: 0.3rem;
  font-family: var(--blok-font-display);
  font-size: 1.25rem;
  line-height: 1;
  font-weight: 600;
}
.hero37_place-text {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.95rem;
  line-height: 1.4;
  color: var(--blok-ink-muted);
}
.section_hero37.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.hero37_heading.is-dark {
  color: var(--blok-surface);
}
.hero37_description.is-dark {
  color: var(--blok-surface-muted);
}
.hero37_note.is-dark {
  background-color: var(--blok-ink-2);
  color: var(--blok-surface);
}
.hero37_note-text.is-dark {
  color: var(--blok-surface-muted);
}
.hero37_place.is-dark {
  background-color: var(--blok-ink-2);
  color: var(--blok-surface);
}
.hero37_place-text.is-dark {
  color: var(--blok-surface-muted);
}
.section_hero37.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.hero37_heading.is-accent {
  color: var(--blok-ink);
}
.hero37_description.is-accent {
  color: var(--blok-ink-soft);
}
.hero37_note.is-accent {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.hero37_note-text.is-accent {
  color: var(--blok-ink-soft);
}
.hero37_place.is-accent {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.hero37_place-text.is-accent {
  color: var(--blok-ink-soft);
}
.hero37_photo-a.is-round {
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
}
.hero37_photo-b.is-round {
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
}
.hero37_photo-c.is-round {
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
}
.hero37_photo-d.is-round {
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
}
.hero37_note.is-round {
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
}
.hero37_place.is-round {
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
}
.hero37_photo-a.is-arch {
  border-top-left-radius: 8rem;
  border-top-right-radius: 8rem;
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}
.hero37_photo-b.is-arch {
  border-top-left-radius: 8rem;
  border-top-right-radius: 8rem;
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}
.hero37_photo-c.is-arch {
  border-top-left-radius: 8rem;
  border-top-right-radius: 8rem;
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}
.hero37_photo-d.is-arch {
  border-top-left-radius: 8rem;
  border-top-right-radius: 8rem;
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}
.hero37_note.is-arch {
  border-top-left-radius: 8rem;
  border-top-right-radius: 8rem;
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}
.hero37_place.is-arch {
  border-top-left-radius: 8rem;
  border-top-right-radius: 8rem;
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}

@media (min-width: 768px) {
  .hero37_heading {
    font-size: 3.5rem;
  }
}

@media (min-width: 992px) {
  .hero37_component {
    flex-direction: row;
    align-items: center;
    column-gap: 3rem;
    row-gap: 0rem;
  }
  .hero37_copy {
    width: 40%;
  }
  .hero37_heading {
    font-size: 4.25rem;
  }
  .hero37_cluster {
    width: 56%;
  }
  .hero37_photo-a-image {
    height: 13rem;
  }
  .hero37_photo-b-image {
    height: 13rem;
  }
  .hero37_photo-c-image {
    height: 13rem;
  }
  .hero37_photo-d-image {
    height: 13rem;
  }
  .hero37_note {
    position: absolute;
    top: 38%;
    right: auto;
    bottom: auto;
    left: 8%;
    width: 42%;
  }
  .hero37_place {
    position: absolute;
    top: auto;
    right: 6%;
    bottom: 10%;
    left: auto;
    width: 44%;
  }
}

/* Generated by Blokset from components/hero-38.js. Edit the spec, not this file. */
.section_hero38 {
  position: relative;
  overflow: hidden;
  min-height: 36rem;
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.hero38_image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero38_shade {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(to top, var(--blok-shade-strong) 0%, var(--blok-shade-mid) 42%, var(--blok-shade-clear) 70%);
}
.hero38_component {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  row-gap: 2rem;
  min-height: 36rem;
  text-align: center;
}
.hero38_line {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 0.15rem;
  margin-top: 0;
  margin-bottom: 0;
}
.hero38_heading {
  color: var(--blok-text-inverse);
  font-family: var(--blok-font-display);
  font-size: 3rem;
  line-height: 0.95;
  font-weight: 600;
  letter-spacing: -0.045em;
}
.hero38_accent {
  color: var(--blok-accent);
  font-family: var(--blok-font-display);
  font-size: 3rem;
  line-height: 0.95;
  font-weight: 600;
  letter-spacing: -0.045em;
}
.hero38_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  color: var(--blok-text-inverse);
  font-size: 1.05rem;
  line-height: 1.5;
}
.hero38_actions {
  display: flex;
}
.hero38_foot {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: space-between;
  row-gap: 1rem;
  column-gap: 0rem;
  width: 100%;
}
.hero38_caption {
  display: flex;
  align-items: center;
  column-gap: 0.85rem;
  text-align: left;
  width: 100%;
  max-width: 24rem;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  padding-top: 0.7rem;
  padding-right: 0.7rem;
  padding-bottom: 0.7rem;
  padding-left: 0.7rem;
  background-color: var(--blok-surface-2);
  color: var(--blok-ink);
}
.hero38_caption-shot {
  overflow: hidden;
  width: 4.5rem;
  height: 4.5rem;
  flex-shrink: 0;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.hero38_caption-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero38_caption-text {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.95rem;
  line-height: 1.4;
  color: var(--blok-ink-muted);
}
.hero38_pills {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  column-gap: 0.5rem;
  row-gap: 0.5rem;
}
.hero38_pill {
  font-family: var(--blok-font-mono);
  font-size: 0.75rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  padding-top: 0.45rem;
  padding-right: 0.8rem;
  padding-bottom: 0.45rem;
  padding-left: 0.8rem;
  background-color: var(--blok-surface-2);
  color: var(--blok-ink);
}
.section_hero38.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.hero38_caption.is-dark {
  background-color: var(--blok-ink-2);
  color: var(--blok-surface);
}
.hero38_caption-text.is-dark {
  color: var(--blok-surface-muted);
}
.hero38_pill.is-dark {
  background-color: var(--blok-ink-2);
  color: var(--blok-surface);
}
.section_hero38.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.hero38_caption.is-accent {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.hero38_caption-text.is-accent {
  color: var(--blok-ink-soft);
}
.hero38_pill.is-accent {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.hero38_caption.is-round {
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
}
.hero38_caption-shot.is-round {
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
}
.hero38_pill.is-round {
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
}
.hero38_caption.is-arch {
  border-top-left-radius: 8rem;
  border-top-right-radius: 8rem;
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}
.hero38_caption-shot.is-arch {
  border-top-left-radius: 8rem;
  border-top-right-radius: 8rem;
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}
.hero38_pill.is-arch {
  border-top-left-radius: 8rem;
  border-top-right-radius: 8rem;
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}

@media (min-width: 768px) {
  .hero38_heading {
    font-size: 4.5rem;
  }
  .hero38_accent {
    font-size: 4.5rem;
  }
}

@media (min-width: 992px) {
  .section_hero38 {
    min-height: 44rem;
  }
  .hero38_component {
    min-height: 44rem;
  }
  .hero38_heading {
    font-size: 5.5rem;
  }
  .hero38_accent {
    font-size: 5.5rem;
  }
  .hero38_foot {
    flex-direction: row;
    align-items: flex-end;
    column-gap: 1.5rem;
    row-gap: 0rem;
  }
}

/* Generated by Blokset from components/hero-39.js. Edit the spec, not this file. */
.section_hero39 {
  position: relative;
  overflow: hidden;
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.hero39_image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero39_shade {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(to top, var(--blok-shade-strong) 0%, var(--blok-overlay) 42%, var(--blok-overlay-subtle) 100%);
}
.hero39_component {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: space-between;
  row-gap: 2rem;
  min-height: 40rem;
}
.hero39_copy {
  width: 100%;
  max-width: 36rem;
}
.hero39_kicker {
  margin-top: 0;
  margin-bottom: 0.75rem;
  font-size: 1.05rem;
  line-height: 1.4;
  color: var(--blok-text-inverse);
}
.hero39_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  font-size: 2.75rem;
  line-height: 0.98;
  font-weight: 600;
  letter-spacing: -0.04em;
  color: var(--blok-text-inverse);
}
.hero39_description {
  margin-top: 1rem;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.05rem;
  line-height: 1.5;
  color: var(--blok-text-inverse);
}
.hero39_bottom {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  row-gap: 1rem;
  column-gap: 0rem;
  width: 100%;
}
.hero39_panel {
  width: 100%;
  max-width: 24rem;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  padding-top: 1.5rem;
  padding-right: 1.5rem;
  padding-bottom: 1.5rem;
  padding-left: 1.5rem;
  background-color: var(--blok-surface-2);
  color: var(--blok-ink);
}
.hero39_choices {
  display: flex;
  column-gap: 0.5rem;
}
.hero39_choice {
  font-family: var(--blok-font-mono);
  font-size: 0.75rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  padding-top: 0.45rem;
  padding-right: 0.8rem;
  padding-bottom: 0.45rem;
  padding-left: 0.8rem;
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.hero39_rows {
  display: flex;
  flex-direction: column;
  row-gap: 0.65rem;
  margin-top: 1.25rem;
}
.hero39_row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  column-gap: 1rem;
}
.hero39_row-label {
  font-family: var(--blok-font-mono);
  font-size: 0.7rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.hero39_row-value {
  font-size: 1rem;
  line-height: 1.3;
}
.hero39_actions {
  display: flex;
  margin-top: 1.25rem;
}
.hero39_listing {
  width: 100%;
  max-width: 22rem;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  padding-top: 0.85rem;
  padding-right: 0.85rem;
  padding-bottom: 0.85rem;
  padding-left: 0.85rem;
  background-color: var(--blok-surface-2);
  color: var(--blok-ink);
}
.hero39_listing-shot {
  overflow: hidden;
  width: 100%;
  height: 10rem;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.hero39_listing-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero39_listing-title {
  margin-top: 0.85rem;
  margin-bottom: 0.25rem;
  font-family: var(--blok-font-display);
  font-size: 1.35rem;
  line-height: 1.1;
  font-weight: 600;
}
.hero39_place {
  margin-top: 0;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
  line-height: 1.4;
  color: var(--blok-ink-muted);
}
.hero39_facts {
  display: flex;
  flex-wrap: wrap;
  column-gap: 0.5rem;
  row-gap: 0.5rem;
}
.hero39_fact {
  font-size: 0.9rem;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  padding-top: 0.35rem;
  padding-right: 0.7rem;
  padding-bottom: 0.35rem;
  padding-left: 0.7rem;
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.section_hero39.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.hero39_panel.is-dark {
  background-color: var(--blok-ink-2);
  color: var(--blok-surface);
}
.hero39_choice.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.hero39_row-label.is-dark {
  color: var(--blok-surface-muted);
}
.hero39_listing.is-dark {
  background-color: var(--blok-ink-2);
  color: var(--blok-surface);
}
.hero39_place.is-dark {
  color: var(--blok-surface-muted);
}
.hero39_fact.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.section_hero39.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.hero39_panel.is-accent {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.hero39_choice.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.hero39_row-label.is-accent {
  color: var(--blok-ink-soft);
}
.hero39_listing.is-accent {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.hero39_place.is-accent {
  color: var(--blok-ink-soft);
}
.hero39_fact.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.hero39_panel.is-round {
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
}
.hero39_listing.is-round {
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
}
.hero39_listing-shot.is-round {
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
}
.hero39_choice.is-round {
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
}
.hero39_panel.is-arch {
  border-top-left-radius: 8rem;
  border-top-right-radius: 8rem;
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}
.hero39_listing.is-arch {
  border-top-left-radius: 8rem;
  border-top-right-radius: 8rem;
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}
.hero39_listing-shot.is-arch {
  border-top-left-radius: 8rem;
  border-top-right-radius: 8rem;
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}
.hero39_choice.is-arch {
  border-top-left-radius: 8rem;
  border-top-right-radius: 8rem;
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}

@media (min-width: 768px) {
  .hero39_heading {
    font-size: 3.75rem;
  }
}

@media (min-width: 992px) {
  .hero39_component {
    min-height: 44rem;
  }
  .hero39_heading {
    font-size: 4.5rem;
  }
  .hero39_bottom {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    column-gap: 1.5rem;
    row-gap: 0rem;
  }
}

/* Generated by Blokset from components/hero-40.js. Edit the spec, not this file. */
.section_hero40 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.hero40_component {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}
.hero40_top {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  row-gap: 1rem;
  column-gap: 0rem;
}
.hero40_stage {
  position: relative;
  overflow: hidden;
  width: 100%;
  min-height: 22rem;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.hero40_image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero40_shade {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(to top, var(--blok-shade-strong) 0%, var(--blok-shade-clear) 55%);
}
.hero40_copy {
  position: absolute;
  top: auto;
  right: 1.25rem;
  bottom: 1.25rem;
  left: 1.25rem;
}
.hero40_heading {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 14ch;
  color: var(--blok-text-inverse);
  font-family: var(--blok-font-display);
  font-size: 2.5rem;
  line-height: 0.98;
  font-weight: 600;
  letter-spacing: -0.04em;
}
.hero40_description {
  margin-top: 0.75rem;
  margin-bottom: 0;
  max-width: 28rem;
  color: var(--blok-text-inverse);
  font-size: 1rem;
  line-height: 1.45;
}
.hero40_card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  min-height: 18rem;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  padding-top: 1.25rem;
  padding-right: 1.25rem;
  padding-bottom: 1.25rem;
  padding-left: 1.25rem;
  background-color: var(--blok-surface-2);
  color: var(--blok-ink);
}
.hero40_card-title {
  margin-top: 0;
  margin-bottom: 1rem;
  font-family: var(--blok-font-display);
  font-size: 1.75rem;
  line-height: 1;
  font-weight: 600;
}
.hero40_rows {
  display: flex;
  flex-direction: column;
  row-gap: 0.75rem;
}
.hero40_row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  column-gap: 1rem;
}
.hero40_row-label {
  font-family: var(--blok-font-mono);
  font-size: 0.7rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.hero40_row-value {
  font-size: 1rem;
  line-height: 1.3;
}
.hero40_actions {
  display: flex;
  margin-top: 1.25rem;
}
.hero40_thumbs {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  column-gap: 1rem;
  row-gap: 1rem;
}
.hero40_thumb {
  position: relative;
  overflow: hidden;
  min-height: 10rem;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.hero40_thumb-image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero40_caption {
  position: absolute;
  right: 0.85rem;
  bottom: 0.85rem;
  left: 0.85rem;
  top: auto;
  color: var(--blok-text-inverse);
  font-family: var(--blok-font-display);
  font-size: 1.25rem;
  line-height: 1;
  font-weight: 600;
}
.section_hero40.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.hero40_card.is-dark {
  background-color: var(--blok-ink-2);
  color: var(--blok-surface);
}
.hero40_row-label.is-dark {
  color: var(--blok-surface-muted);
}
.hero40_thumb.is-dark {
  background-color: var(--blok-ink-2);
  color: var(--blok-surface);
}
.section_hero40.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.hero40_card.is-accent {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.hero40_row-label.is-accent {
  color: var(--blok-ink-soft);
}
.hero40_thumb.is-accent {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.hero40_stage.is-round {
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
}
.hero40_card.is-round {
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
}
.hero40_thumb.is-round {
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
}
.hero40_stage.is-arch {
  border-top-left-radius: 8rem;
  border-top-right-radius: 8rem;
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}
.hero40_card.is-arch {
  border-top-left-radius: 8rem;
  border-top-right-radius: 8rem;
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}
.hero40_thumb.is-arch {
  border-top-left-radius: 8rem;
  border-top-right-radius: 8rem;
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}

@media (min-width: 768px) {
  .hero40_thumbs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 992px) {
  .hero40_top {
    flex-direction: row;
    align-items: stretch;
    column-gap: 1rem;
    row-gap: 0rem;
  }
  .hero40_stage {
    width: 68%;
    min-height: 28rem;
  }
  .hero40_heading {
    font-size: 3.5rem;
  }
  .hero40_card {
    width: 32%;
  }
}

/* Generated by Blokset from components/hero-41.js. Edit the spec, not this file. */
.section_hero41 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.hero41_component {
  display: flex;
  flex-direction: column;
  row-gap: 0rem;
}
.hero41_stage {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  row-gap: 0.75rem;
  width: 100%;
  min-height: 0px;
}
.hero41_label {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  z-index: 1;
  display: inline-block;
  align-self: flex-start;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  padding-top: 0.7rem;
  padding-right: 1rem;
  padding-bottom: 0.7rem;
  padding-left: 1rem;
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.hero41_heading {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  z-index: 1;
  margin-top: 0;
  margin-bottom: 0;
  max-width: none;
  font-family: var(--blok-font-display);
  font-size: 2.25rem;
  line-height: 1;
  font-weight: 600;
  letter-spacing: -0.04em;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  padding-top: 1.15rem;
  padding-right: 1.15rem;
  padding-bottom: 1.15rem;
  padding-left: 1.15rem;
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.hero41_photo {
  overflow: hidden;
  width: 100%;
  min-height: 22rem;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.hero41_image {
  display: block;
  width: 100%;
  height: 22rem;
  object-fit: cover;
}
.hero41_figure {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  z-index: 1;
  width: 100%;
  max-width: none;
  color: var(--blok-surface);
  text-align: center;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  padding-top: 1.15rem;
  padding-right: 1.15rem;
  padding-bottom: 1.15rem;
  padding-left: 1.15rem;
  background-color: var(--blok-ink);
}
.hero41_figure-value {
  font-family: var(--blok-font-display);
  font-size: 2.75rem;
  line-height: 1;
  font-weight: 600;
  color: var(--blok-surface);
}
.hero41_figure-label {
  margin-top: 0.35rem;
  font-size: 0.9rem;
  line-height: 1.3;
  color: var(--blok-surface);
}
.hero41_note {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  z-index: 1;
  width: 100%;
  max-width: none;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  padding-top: 1.15rem;
  padding-right: 1.15rem;
  padding-bottom: 1.15rem;
  padding-left: 1.15rem;
  background-color: var(--blok-surface-2);
  color: var(--blok-ink);
}
.hero41_note-title {
  margin-top: 0;
  margin-bottom: 0.4rem;
  font-family: var(--blok-font-display);
  font-size: 1.2rem;
  line-height: 1.1;
  font-weight: 600;
}
.hero41_note-text {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.95rem;
  line-height: 1.45;
  color: var(--blok-ink-muted);
}
.hero41_note-link {
  display: inline-block;
  margin-top: 0.85rem;
  color: inherit;
  font-size: 0.95rem;
}
.section_hero41.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.hero41_label.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.hero41_heading.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.hero41_figure.is-dark {
  background-color: var(--blok-ink-2);
}
.hero41_note.is-dark {
  background-color: var(--blok-ink-2);
  color: var(--blok-surface);
}
.hero41_note-text.is-dark {
  color: var(--blok-surface-muted);
}
.section_hero41.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.hero41_label.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.hero41_heading.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.hero41_figure.is-accent {
  background-color: var(--blok-ink);
}
.hero41_note.is-accent {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.hero41_note-text.is-accent {
  color: var(--blok-ink-soft);
}
.hero41_photo.is-round {
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
}
.hero41_label.is-round {
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
}
.hero41_heading.is-round {
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
}
.hero41_figure.is-round {
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
}
.hero41_note.is-round {
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
}
.hero41_photo.is-arch {
  border-top-left-radius: 8rem;
  border-top-right-radius: 8rem;
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}
.hero41_label.is-arch {
  border-top-left-radius: 8rem;
  border-top-right-radius: 8rem;
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}
.hero41_heading.is-arch {
  border-top-left-radius: 8rem;
  border-top-right-radius: 8rem;
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}
.hero41_figure.is-arch {
  border-top-left-radius: 8rem;
  border-top-right-radius: 8rem;
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}
.hero41_note.is-arch {
  border-top-left-radius: 8rem;
  border-top-right-radius: 8rem;
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}

@media (min-width: 768px) {
  .hero41_heading {
    font-size: 2.75rem;
  }
}

@media (min-width: 992px) {
  .hero41_stage {
    display: block;
    min-height: 36rem;
  }
  .hero41_label {
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 1.25rem;
  }
  .hero41_heading {
    position: absolute;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    max-width: 14rem;
    font-size: 2.75rem;
    border-top-left-radius: 0px;
    border-top-right-radius: 1.5rem;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
  }
  .hero41_photo {
    min-height: 36rem;
  }
  .hero41_image {
    height: 36rem;
  }
  .hero41_figure {
    position: absolute;
    top: 1.25rem;
    right: 1.25rem;
    bottom: auto;
    left: auto;
    width: 11rem;
    max-width: 11rem;
  }
  .hero41_note {
    position: absolute;
    top: auto;
    right: 1.25rem;
    bottom: 1.25rem;
    left: auto;
    width: 16rem;
    max-width: 16rem;
  }
}

/* Generated by Blokset from components/hero-42.js. Edit the spec, not this file. */
.section_hero42 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.hero42_component {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  row-gap: 2rem;
  column-gap: 0rem;
}
.hero42_copy {
  width: 100%;
  max-width: 40rem;
}
.hero42_kicker {
  margin-top: 0;
  margin-bottom: 1rem;
  max-width: 28rem;
  font-size: 1.05rem;
  line-height: 1.5;
  color: var(--blok-ink-muted);
}
.hero42_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  font-size: 2.75rem;
  line-height: 0.95;
  font-weight: 600;
  letter-spacing: -0.04em;
  color: var(--blok-ink);
}
.hero42_body {
  margin-top: 1.25rem;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.05rem;
  line-height: 1.55;
  color: var(--blok-ink-muted);
}
.hero42_actions {
  display: flex;
  margin-top: 1.5rem;
}
.hero42_photo {
  overflow: hidden;
  width: 100%;
  max-width: 40rem;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.hero42_image {
  display: block;
  width: 100%;
  height: 18rem;
  object-fit: cover;
}
.section_hero42.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.hero42_kicker.is-dark {
  color: var(--blok-surface-muted);
}
.hero42_heading.is-dark {
  color: var(--blok-surface);
}
.hero42_body.is-dark {
  color: var(--blok-surface-muted);
}
.section_hero42.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.hero42_kicker.is-accent {
  color: var(--blok-ink-soft);
}
.hero42_heading.is-accent {
  color: var(--blok-ink);
}
.hero42_body.is-accent {
  color: var(--blok-ink-soft);
}
.hero42_photo.is-round {
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
}
.hero42_photo.is-arch {
  border-top-left-radius: 8rem;
  border-top-right-radius: 8rem;
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}

@media (min-width: 768px) {
  .hero42_heading {
    font-size: 3.75rem;
  }
}

@media (min-width: 992px) {
  .hero42_component {
    flex-direction: row;
    align-items: center;
    column-gap: 3rem;
    row-gap: 0rem;
  }
  .hero42_copy {
    width: 52%;
  }
  .hero42_heading {
    font-size: 4.5rem;
  }
  .hero42_photo {
    width: 42%;
    max-width: 36rem;
  }
  .hero42_image {
    height: 28rem;
  }
}

/* Generated by Blokset from components/hero-43.js. Edit the spec, not this file. */
.section_hero43 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.hero43_component {
  display: flex;
  flex-direction: column;
  row-gap: 1.5rem;
}
.hero43_top {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  row-gap: 1.5rem;
  column-gap: 0rem;
}
.hero43_copy {
  width: 100%;
}
.hero43_heading {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 0.1rem;
  margin-top: 0;
  margin-bottom: 0;
  color: var(--blok-ink);
}
.hero43_before {
  font-family: var(--blok-font-display);
  font-size: 2.75rem;
  line-height: 0.95;
  font-weight: 600;
  letter-spacing: -0.04em;
}
.hero43_word {
  border-bottom-width: 3px;
  border-bottom-style: solid;
  padding-bottom: 0.1rem;
  font-family: var(--blok-font-display);
  font-size: 2.75rem;
  line-height: 0.95;
  font-weight: 600;
  letter-spacing: -0.04em;
  color: var(--blok-ink);
  border-bottom-color: var(--blok-accent);
}
.hero43_after {
  font-family: var(--blok-font-display);
  font-size: 2.75rem;
  line-height: 0.95;
  font-weight: 600;
  letter-spacing: -0.04em;
}
.hero43_description {
  margin-top: 1.25rem;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.05rem;
  line-height: 1.55;
  color: var(--blok-ink-muted);
}
.hero43_actions {
  display: flex;
  margin-top: 1.5rem;
}
.hero43_photo {
  overflow: hidden;
  width: 100%;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.hero43_image {
  display: block;
  width: 100%;
  height: 18rem;
  object-fit: cover;
}
.hero43_thumbs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: 0.75rem;
  width: 100%;
  max-width: 22rem;
}
.hero43_thumb {
  overflow: hidden;
  width: 100%;
  height: 5.5rem;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.hero43_thumb-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.section_hero43.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.hero43_heading.is-dark {
  color: var(--blok-surface);
}
.hero43_word.is-dark {
  color: var(--blok-surface);
  border-bottom-color: var(--blok-accent);
}
.hero43_description.is-dark {
  color: var(--blok-surface-muted);
}
.section_hero43.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.hero43_heading.is-accent {
  color: var(--blok-ink);
}
.hero43_word.is-accent {
  color: var(--blok-ink);
  border-bottom-color: var(--blok-ink);
}
.hero43_description.is-accent {
  color: var(--blok-ink-soft);
}
.hero43_photo.is-round {
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
}
.hero43_thumb.is-round {
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
}
.hero43_photo.is-arch {
  border-top-left-radius: 8rem;
  border-top-right-radius: 8rem;
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}
.hero43_thumb.is-arch {
  border-top-left-radius: 8rem;
  border-top-right-radius: 8rem;
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}

@media (min-width: 992px) {
  .hero43_top {
    flex-direction: row;
    align-items: center;
    column-gap: 2rem;
    row-gap: 0rem;
  }
  .hero43_copy {
    width: 46%;
  }
  .hero43_before {
    font-size: 4rem;
  }
  .hero43_word {
    font-size: 4rem;
  }
  .hero43_after {
    font-size: 4rem;
  }
  .hero43_photo {
    width: 54%;
  }
  .hero43_image {
    height: 26rem;
  }
}

/* Generated by Blokset from components/hero-44.js. Edit the spec, not this file. */
.section_hero44 {
  position: relative;
  overflow: hidden;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.hero44_image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero44_shade {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(to top, var(--blok-shade-strong) 0%, var(--blok-shade-mid) 48%, var(--blok-shade-clear) 72%);
}
.hero44_component {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 3rem;
  min-height: 36rem;
}
.hero44_bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  column-gap: 1rem;
  row-gap: 0.75rem;
}
.hero44_links {
  display: flex;
  flex-wrap: wrap;
  column-gap: 1.25rem;
  row-gap: 0.5rem;
}
.hero44_link {
  color: var(--blok-text-inverse);
  font-size: 0.95rem;
  line-height: 1.3;
  text-decoration: none;
}
.hero44_chip {
  font-family: var(--blok-font-mono);
  font-size: 0.75rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  padding-top: 0.45rem;
  padding-right: 0.85rem;
  padding-bottom: 0.45rem;
  padding-left: 0.85rem;
  background-color: var(--blok-surface-2);
  color: var(--blok-ink);
}
.hero44_bottom {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
}
.hero44_heading {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 14ch;
  color: var(--blok-text-inverse);
  font-family: var(--blok-font-display);
  font-size: 2.75rem;
  line-height: 0.95;
  font-weight: 600;
  letter-spacing: -0.045em;
}
.hero44_aside {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 1rem;
  max-width: 22rem;
}
.hero44_description {
  margin-top: 0;
  margin-bottom: 0;
  color: var(--blok-text-inverse);
  font-size: 1rem;
  line-height: 1.5;
}
.hero44_actions {
  display: flex;
}
.section_hero44.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.hero44_chip.is-dark {
  background-color: var(--blok-ink-2);
  color: var(--blok-surface);
}
.section_hero44.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.hero44_chip.is-accent {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.hero44_chip.is-round {
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
}
.hero44_chip.is-arch {
  border-top-left-radius: 8rem;
  border-top-right-radius: 8rem;
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}

@media (min-width: 768px) {
  .hero44_heading {
    font-size: 4rem;
  }
}

@media (min-width: 992px) {
  .hero44_component {
    min-height: 42rem;
  }
  .hero44_bottom {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    column-gap: 2rem;
    row-gap: 0rem;
  }
  .hero44_heading {
    font-size: 4.75rem;
  }
}

/* Generated by Blokset from components/hero-45.js. Edit the spec, not this file. */
.section_hero45 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.hero45_component {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 1.5rem;
}
.hero45_heading {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 16ch;
  text-align: center;
  font-family: var(--blok-font-display);
  font-size: 2.75rem;
  line-height: 0.95;
  font-weight: 600;
  letter-spacing: -0.045em;
  color: var(--blok-ink);
}
.hero45_stage {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 1rem;
  width: 100%;
  max-width: 44rem;
  margin-left: auto;
  margin-right: auto;
  min-height: 0px;
}
.hero45_portrait {
  position: relative;
  z-index: 1;
  overflow: hidden;
  width: 100%;
  max-width: 22rem;
  margin-left: auto;
  margin-right: auto;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.hero45_image {
  display: block;
  width: 100%;
  height: 22rem;
  object-fit: cover;
}
.hero45_stat {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  z-index: 2;
  width: 100%;
  max-width: 16rem;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  padding-top: 1.25rem;
  padding-right: 1.25rem;
  padding-bottom: 1.25rem;
  padding-left: 1.25rem;
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.hero45_stat-value {
  font-family: var(--blok-font-display);
  font-size: 2.75rem;
  line-height: 1;
  font-weight: 600;
}
.hero45_stat-label {
  margin-top: 0.35rem;
  font-size: 0.95rem;
  line-height: 1.3;
  color: var(--blok-ink);
}
.hero45_figures {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  z-index: 2;
  display: flex;
  column-gap: 1.5rem;
  width: 100%;
  max-width: 16rem;
}
.hero45_figure-value {
  font-family: var(--blok-font-display);
  font-size: 2rem;
  line-height: 1;
  font-weight: 600;
  color: var(--blok-ink);
}
.hero45_figure-label {
  margin-top: 0.3rem;
  font-size: 0.9rem;
  line-height: 1.3;
  color: var(--blok-ink-muted);
}
.hero45_note {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  z-index: 2;
  width: 100%;
  max-width: 18rem;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  padding-top: 1.25rem;
  padding-right: 1.25rem;
  padding-bottom: 1.25rem;
  padding-left: 1.25rem;
  background-color: var(--blok-surface-2);
  color: var(--blok-ink);
}
.hero45_note-title {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-family: var(--blok-font-display);
  font-size: 1.35rem;
  line-height: 1.1;
  font-weight: 600;
}
.hero45_note-text {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.45;
  color: var(--blok-ink-muted);
}
.section_hero45.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.hero45_heading.is-dark {
  color: var(--blok-surface);
}
.hero45_stat.is-dark {
  background-color: var(--blok-accent);
  color: var(--blok-surface);
}
.hero45_stat-label.is-dark {
  color: var(--blok-surface);
}
.hero45_figure.is-dark {
  color: var(--blok-surface);
}
.hero45_figure-label.is-dark {
  color: var(--blok-surface-muted);
}
.hero45_note.is-dark {
  background-color: var(--blok-ink-2);
  color: var(--blok-surface);
}
.hero45_note-text.is-dark {
  color: var(--blok-surface-muted);
}
.section_hero45.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.hero45_heading.is-accent {
  color: var(--blok-ink);
}
.hero45_stat.is-accent {
  background-color: var(--blok-ink);
  color: var(--blok-ink);
}
.hero45_stat-label.is-accent {
  color: var(--blok-ink);
}
.hero45_figure.is-accent {
  color: var(--blok-ink);
}
.hero45_figure-label.is-accent {
  color: var(--blok-ink-soft);
}
.hero45_note.is-accent {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.hero45_note-text.is-accent {
  color: var(--blok-ink-soft);
}
.hero45_portrait.is-round {
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
}
.hero45_stat.is-round {
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
}
.hero45_note.is-round {
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
}
.hero45_portrait.is-arch {
  border-top-left-radius: 8rem;
  border-top-right-radius: 8rem;
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}
.hero45_stat.is-arch {
  border-top-left-radius: 8rem;
  border-top-right-radius: 8rem;
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}
.hero45_note.is-arch {
  border-top-left-radius: 8rem;
  border-top-right-radius: 8rem;
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}

@media (min-width: 768px) {
  .hero45_heading {
    font-size: 4rem;
  }
}

@media (min-width: 992px) {
  .hero45_heading {
    font-size: 5rem;
  }
  .hero45_stage {
    display: block;
    min-height: 34rem;
  }
  .hero45_portrait {
    width: 22rem;
  }
  .hero45_image {
    height: 28rem;
  }
  .hero45_stat {
    position: absolute;
    top: auto;
    right: auto;
    bottom: 6.5rem;
    left: 0;
    z-index: 2;
    width: 15rem;
    max-width: 15rem;
  }
  .hero45_figures {
    position: absolute;
    top: auto;
    right: auto;
    bottom: 0.5rem;
    left: 0;
    z-index: 2;
    width: 15rem;
    max-width: 15rem;
  }
  .hero45_note {
    position: absolute;
    top: 7rem;
    right: 0;
    bottom: auto;
    left: auto;
    z-index: 2;
    width: 16rem;
    max-width: 16rem;
  }
}

/* Generated by Blokset from components/hero-46.js. Edit the spec, not this file. */
.section_hero46 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.hero46_stage {
  position: relative;
  height: auto;
  min-height: 0px;
}
.hero46_notch {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  z-index: 1;
  width: 100%;
  max-width: none;
  margin-bottom: 1rem;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  border-bottom-right-radius: 0px;
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.hero46_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  font-size: 2.75rem;
  line-height: 0.95;
  font-weight: 600;
  letter-spacing: -0.04em;
}
.hero46_image {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  z-index: 0;
  display: block;
  width: 100%;
  height: 18rem;
  object-fit: cover;
  border-top-left-radius: 1.25rem;
  border-top-right-radius: 1.25rem;
  border-bottom-right-radius: 1.25rem;
  border-bottom-left-radius: 1.25rem;
}
.hero46_foot {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  z-index: 1;
  width: 100%;
  max-width: none;
  margin-top: 1rem;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  border-top-left-radius: 0px;
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.hero46_sentence {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.5;
  color: var(--blok-ink-muted);
}
.hero46_actions {
  display: flex;
  margin-top: 1rem;
}
.section_hero46.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.hero46_notch.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.hero46_foot.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.hero46_sentence.is-dark {
  color: var(--blok-surface-muted);
}
.section_hero46.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.hero46_notch.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.hero46_foot.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.hero46_sentence.is-accent {
  color: var(--blok-ink-soft);
}

@media (min-width: 992px) {
  .hero46_stage {
    height: calc(100svh - 16rem);
    min-height: calc(100svh - 16rem);
  }
  .hero46_notch {
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    max-width: 20rem;
    margin-bottom: 0rem;
    padding-top: 0;
    padding-right: 1.5rem;
    padding-bottom: 1.25rem;
    padding-left: 0;
    border-bottom-right-radius: 1.5rem;
  }
  .hero46_heading {
    font-size: 3.5rem;
  }
  .hero46_image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    z-index: 0;
  }
  .hero46_foot {
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0;
    left: auto;
    max-width: 22rem;
    margin-top: 0rem;
    padding-top: 1.15rem;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 1.25rem;
    border-top-left-radius: 1.5rem;
  }
}

/* Generated by Blokset from components/hero-47.js. Edit the spec, not this file. */
.section_hero47 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.hero47_stage {
  position: relative;
  display: flex;
  flex-direction: column;
  row-gap: 1.25rem;
  height: auto;
  min-height: 0px;
}
.hero47_rail {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  max-width: none;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.hero47_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  font-size: 2.75rem;
  line-height: 0.95;
  font-weight: 600;
  letter-spacing: -0.04em;
}
.hero47_sentence {
  margin-top: 1rem;
  margin-bottom: 0;
  max-width: 24rem;
  font-size: 1.05rem;
  line-height: 1.5;
  color: var(--blok-ink-muted);
}
.hero47_actions {
  display: flex;
  margin-top: 1.5rem;
}
.hero47_photo {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  z-index: 0;
  overflow: hidden;
  width: 100%;
  height: auto;
  min-height: 16rem;
  border-top-left-radius: 1.25rem;
  border-top-right-radius: 1.25rem;
  border-bottom-right-radius: 1.25rem;
  border-bottom-left-radius: 1.25rem;
}
.hero47_image {
  display: block;
  width: 100%;
  height: 18rem;
  object-fit: cover;
}
.section_hero47.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.hero47_rail.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.hero47_sentence.is-dark {
  color: var(--blok-surface-muted);
}
.section_hero47.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.hero47_rail.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.hero47_sentence.is-accent {
  color: var(--blok-ink-soft);
}

@media (min-width: 992px) {
  .hero47_stage {
    display: block;
    height: calc(100svh - 16rem);
    min-height: calc(100svh - 16rem);
    row-gap: 0rem;
  }
  .hero47_rail {
    position: absolute;
    top: 0;
    right: auto;
    bottom: 0;
    left: 0;
    width: 38%;
    max-width: 28rem;
    justify-content: center;
    padding-top: 2rem;
    padding-right: 2rem;
    padding-bottom: 2rem;
    padding-left: 0;
    border-top-right-radius: 1.75rem;
    border-bottom-right-radius: 1.75rem;
  }
  .hero47_heading {
    font-size: 3.75rem;
  }
  .hero47_photo {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    min-height: 0px;
    height: 100%;
    z-index: 0;
  }
  .hero47_image {
    height: 100%;
  }
}

/* Generated by Blokset from components/hero-52.js. Edit the spec, not this file. */
.section_hero52 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.hero52_component {
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  row-gap: 2.5rem;
  column-gap: 0rem;
}
.hero52_copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 1.25rem;
}
.hero52_chip {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.hero52_heading {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 0.15rem;
  margin-top: 0;
  margin-bottom: 0;
}
.hero52_line {
  font-family: var(--blok-font-serif);
  font-size: 3rem;
  line-height: 1.02;
  font-weight: 500;
  letter-spacing: -0.03em;
  color: var(--blok-ink);
}
.hero52_word {
  font-family: var(--blok-font-serif);
  font-style: italic;
  font-size: 3rem;
  line-height: 1.02;
  font-weight: 500;
  letter-spacing: -0.03em;
  color: var(--blok-ink);
}
.hero52_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.hero52_actions {
  display: flex;
  flex-wrap: wrap;
  column-gap: 0.6rem;
  row-gap: 0.6rem;
}
.hero52_proof {
  display: flex;
  align-items: center;
  column-gap: 0.85rem;
  margin-top: 0.5rem;
}
.hero52_avatars {
  display: flex;
  align-items: center;
  padding-left: 0.65rem;
}
.hero52_avatar {
  display: block;
  width: 2.25rem;
  height: 2.25rem;
  margin-left: -0.65rem;
  object-fit: cover;
  border-top-width: 2px;
  border-right-width: 2px;
  border-bottom-width: 2px;
  border-left-width: 2px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: var(--blok-surface);
  border-right-color: var(--blok-surface);
  border-bottom-color: var(--blok-surface);
  border-left-color: var(--blok-surface);
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
}
.hero52_trust {
  font-size: 0.875rem;
  line-height: 1.4;
  color: var(--blok-ink-muted);
}
.hero52_stage {
  position: relative;
  width: 100%;
  padding-top: 2.5rem;
  padding-left: 0rem;
}
.hero52_image {
  display: block;
  width: 100%;
  height: 22rem;
  object-fit: cover;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.hero52_card {
  position: relative;
  right: auto;
  bottom: auto;
  display: flex;
  align-items: center;
  column-gap: 0.85rem;
  width: 100%;
  max-width: 22rem;
  margin-top: -2.5rem;
  margin-left: auto;
  text-decoration: none;
  padding-top: 0.7rem;
  padding-right: 0.9rem;
  padding-bottom: 0.7rem;
  padding-left: 0.7rem;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.hero52_card-image {
  display: block;
  width: 4.5rem;
  height: 3.25rem;
  flex-shrink: 0;
  object-fit: cover;
  border-top-left-radius: var(--blok-radius);
  border-top-right-radius: var(--blok-radius);
  border-bottom-left-radius: var(--blok-radius);
  border-bottom-right-radius: var(--blok-radius);
}
.hero52_card-copy {
  display: flex;
  flex-direction: column;
  row-gap: 0.3rem;
}
.hero52_card-title {
  font-size: 0.8125rem;
  line-height: 1.35;
  font-weight: 600;
}
.hero52_card-kicker {
  font-family: var(--blok-font-mono);
  font-size: 0.6875rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.section_hero52.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.hero52_chip.is-dark {
  color: var(--blok-surface-muted);
}
.hero52_heading.is-dark {
  color: var(--blok-surface);
}
.hero52_word.is-dark {
  color: var(--blok-surface);
}
.hero52_description.is-dark {
  color: var(--blok-surface-muted);
}
.hero52_trust.is-dark {
  color: var(--blok-surface-muted);
}
.hero52_avatar.is-dark {
  border-top-color: var(--blok-ink);
  border-right-color: var(--blok-ink);
  border-bottom-color: var(--blok-ink);
  border-left-color: var(--blok-ink);
}
.hero52_card.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.hero52_card-kicker.is-dark {
  color: var(--blok-surface-muted);
}
.section_hero52.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.hero52_chip.is-accent {
  color: var(--blok-ink-soft);
}
.hero52_heading.is-accent {
  color: var(--blok-ink);
}
.hero52_word.is-accent {
  color: var(--blok-ink);
}
.hero52_description.is-accent {
  color: var(--blok-ink-soft);
}
.hero52_trust.is-accent {
  color: var(--blok-ink-soft);
}
.hero52_avatar.is-accent {
  border-top-color: var(--blok-accent);
  border-right-color: var(--blok-accent);
  border-bottom-color: var(--blok-accent);
  border-left-color: var(--blok-accent);
}
.hero52_card.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.hero52_card-kicker.is-accent {
  color: var(--blok-ink-soft);
}

@media (min-width: 768px) {
  .hero52_line {
    font-size: 4.25rem;
  }
  .hero52_word {
    font-size: 4.25rem;
  }
}

@media (min-width: 992px) {
  .hero52_component {
    grid-template-columns: 1fr 1.15fr;
    column-gap: 3rem;
    row-gap: 0rem;
  }
  .hero52_line {
    font-size: 4.75rem;
  }
  .hero52_word {
    font-size: 4.75rem;
  }
  .hero52_stage {
    padding-top: 3.5rem;
    padding-left: 3rem;
  }
  .hero52_image {
    height: 32rem;
  }
  .hero52_card {
    position: absolute;
    right: 0;
    bottom: 1.25rem;
    width: 18rem;
    margin-top: 0rem;
  }
}

/* Generated by Blokset from components/hero-53.js. Edit the spec, not this file. */
.section_hero53 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.hero53_component {
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  row-gap: 2.5rem;
  column-gap: 0rem;
}
.hero53_copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 1.25rem;
}
.hero53_chip {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.hero53_heading {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 18rem;
  font-family: var(--blok-font-display);
  font-size: 2.75rem;
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.04em;
  color: var(--blok-ink);
}
.hero53_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.hero53_action {
  display: inline-flex;
  align-items: center;
  column-gap: 0.4rem;
  text-decoration: none;
  font-weight: 600;
  padding-top: 0.8rem;
  padding-right: 1.15rem;
  padding-bottom: 0.8rem;
  padding-left: 1.15rem;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.hero53_cards {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 0.75rem;
  column-gap: 0rem;
  width: 100%;
  margin-top: 0.5rem;
}
.hero53_card {
  display: flex;
  flex-direction: column;
  row-gap: 0.45rem;
  padding-top: 1.1rem;
  padding-right: 1rem;
  padding-bottom: 1.1rem;
  padding-left: 1rem;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  background-color: var(--blok-surface-2);
  color: var(--blok-ink);
}
.hero53_card-glyph {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0em;
  text-transform: none;
}
.hero53_card-title {
  font-size: 1rem;
  line-height: 1.3;
  font-weight: 600;
}
.hero53_card-note {
  font-size: 0.875rem;
  line-height: 1.45;
  color: var(--blok-ink-muted);
}
.hero53_stage {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 22rem;
  overflow: hidden;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  background-color: var(--blok-accent);
}
.hero53_ring-a {
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
  bottom: 1.25rem;
  left: 1.25rem;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: var(--blok-surface);
  border-right-color: var(--blok-surface);
  border-bottom-color: var(--blok-surface);
  border-left-color: var(--blok-surface);
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
}
.hero53_ring-b {
  position: absolute;
  top: 3.25rem;
  right: 3.25rem;
  bottom: 3.25rem;
  left: 3.25rem;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: var(--blok-surface);
  border-right-color: var(--blok-surface);
  border-bottom-color: var(--blok-surface);
  border-left-color: var(--blok-surface);
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
}
.hero53_ring-c {
  position: absolute;
  top: 5.25rem;
  right: 5.25rem;
  bottom: 5.25rem;
  left: 5.25rem;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: var(--blok-surface);
  border-right-color: var(--blok-surface);
  border-bottom-color: var(--blok-surface);
  border-left-color: var(--blok-surface);
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
}
.hero53_disc {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 1fr 1fr;
  row-gap: 0.45rem;
  column-gap: 0.45rem;
  width: 6.5rem;
  height: 6.5rem;
  padding-top: 1.35rem;
  padding-right: 1.35rem;
  padding-bottom: 1.35rem;
  padding-left: 1.35rem;
  background-color: var(--blok-surface);
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
}
.hero53_square-a {
  width: 100%;
  height: 100%;
  background-color: var(--blok-ink);
  border-top-left-radius: 0.35rem;
  border-top-right-radius: 0.35rem;
  border-bottom-left-radius: 0.35rem;
  border-bottom-right-radius: 0.35rem;
}
.hero53_square-b {
  width: 100%;
  height: 100%;
  background-color: var(--blok-ink);
  border-top-left-radius: 0.35rem;
  border-top-right-radius: 0.35rem;
  border-bottom-left-radius: 0.35rem;
  border-bottom-right-radius: 0.35rem;
}
.hero53_square-c {
  width: 100%;
  height: 100%;
  background-color: var(--blok-ink);
  border-top-left-radius: 0.35rem;
  border-top-right-radius: 0.35rem;
  border-bottom-left-radius: 0.35rem;
  border-bottom-right-radius: 0.35rem;
}
.hero53_square-d {
  width: 100%;
  height: 100%;
  background-color: var(--blok-ink);
  border-top-left-radius: 0.35rem;
  border-top-right-radius: 0.35rem;
  border-bottom-left-radius: 0.35rem;
  border-bottom-right-radius: 0.35rem;
}
.hero53_face-a {
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  bottom: auto;
  left: auto;
  width: 4.5rem;
  height: 4.5rem;
  object-fit: cover;
  z-index: 2;
  border-top-width: 3px;
  border-right-width: 3px;
  border-bottom-width: 3px;
  border-left-width: 3px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: var(--blok-surface);
  border-right-color: var(--blok-surface);
  border-bottom-color: var(--blok-surface);
  border-left-color: var(--blok-surface);
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
}
.hero53_face-b {
  position: absolute;
  top: auto;
  right: auto;
  bottom: 2rem;
  left: 2rem;
  width: 4.5rem;
  height: 4.5rem;
  object-fit: cover;
  z-index: 2;
  border-top-width: 3px;
  border-right-width: 3px;
  border-bottom-width: 3px;
  border-left-width: 3px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: var(--blok-surface);
  border-right-color: var(--blok-surface);
  border-bottom-color: var(--blok-surface);
  border-left-color: var(--blok-surface);
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
}
.hero53_face-c {
  position: absolute;
  top: auto;
  right: 2.5rem;
  bottom: 4.5rem;
  left: auto;
  width: 4.5rem;
  height: 4.5rem;
  object-fit: cover;
  z-index: 2;
  border-top-width: 3px;
  border-right-width: 3px;
  border-bottom-width: 3px;
  border-left-width: 3px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: var(--blok-surface);
  border-right-color: var(--blok-surface);
  border-bottom-color: var(--blok-surface);
  border-left-color: var(--blok-surface);
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
}
.hero53_dot-a {
  position: absolute;
  top: 3rem;
  right: auto;
  bottom: auto;
  left: 38%;
  width: 0.7rem;
  height: 0.7rem;
  z-index: 2;
  background-color: var(--blok-ink);
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
}
.hero53_dot-b {
  position: absolute;
  top: 46%;
  right: 1.25rem;
  bottom: auto;
  left: auto;
  width: 0.7rem;
  height: 0.7rem;
  z-index: 2;
  background-color: var(--blok-ink);
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
}
.section_hero53.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.hero53_chip.is-dark {
  color: var(--blok-surface-muted);
}
.hero53_heading.is-dark {
  color: var(--blok-surface);
}
.hero53_description.is-dark {
  color: var(--blok-surface-muted);
}
.hero53_action.is-dark {
  background-color: var(--blok-accent);
  color: var(--blok-surface);
}
.hero53_card.is-dark {
  background-color: var(--blok-ink-2);
  color: var(--blok-surface);
}
.hero53_card-note.is-dark {
  color: var(--blok-surface-muted);
}
.hero53_stage.is-dark {
  background-color: var(--blok-accent);
}
.hero53_disc.is-dark {
  background-color: var(--blok-ink);
}
.section_hero53.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.hero53_chip.is-accent {
  color: var(--blok-ink-soft);
}
.hero53_heading.is-accent {
  color: var(--blok-ink);
}
.hero53_description.is-accent {
  color: var(--blok-ink-soft);
}
.hero53_action.is-accent {
  background-color: var(--blok-ink);
  color: var(--blok-ink);
}
.hero53_card.is-accent {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.hero53_card-note.is-accent {
  color: var(--blok-ink-soft);
}
.hero53_stage.is-accent {
  background-color: var(--blok-ink);
}
.hero53_disc.is-accent {
  background-color: var(--blok-accent);
}

@media (min-width: 768px) {
  .hero53_cards {
    grid-template-columns: 1fr 1fr;
    column-gap: 0.75rem;
    row-gap: 0rem;
  }
}

@media (min-width: 992px) {
  .hero53_component {
    grid-template-columns: 1fr 1fr;
    column-gap: 3rem;
    row-gap: 0rem;
  }
  .hero53_heading {
    font-size: 3.5rem;
  }
  .hero53_stage {
    height: 34rem;
  }
}

/* Generated by Blokset from components/hero-54.js. Edit the spec, not this file. */
.section_hero54 {
  overflow: hidden;
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.hero54_copy {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 1.25rem;
  text-align: center;
  margin-bottom: 2.5rem;
}
.hero54_chip {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.hero54_heading {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 16rem;
  font-family: var(--blok-font-serif);
  font-size: 3.25rem;
  line-height: 0.95;
  font-weight: 500;
  letter-spacing: -0.03em;
  color: var(--blok-ink);
}
.hero54_action {
  display: inline-flex;
  background-color: var(--blok-accent);
  color: var(--blok-ink);
  text-decoration: none;
  font-weight: 600;
  padding-top: 0.75rem;
  padding-right: 1.2rem;
  padding-bottom: 0.75rem;
  padding-left: 1.2rem;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
}
.hero54_band {
  overflow: hidden;
  width: 100%;
  height: 12rem;
  border-top-left-radius: 12rem;
  border-top-right-radius: 12rem;
  border-bottom-right-radius: 12rem;
  border-bottom-left-radius: 12rem;
}
.hero54_track {
  display: flex;
  width: max-content;
  height: 100%;
}
.hero54_frame {
  width: 16rem;
  height: 100%;
  flex-shrink: 0;
}
.hero54_frame-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.section_hero54.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.hero54_chip.is-dark {
  color: var(--blok-surface-muted);
}
.hero54_heading.is-dark {
  color: var(--blok-surface);
}
.section_hero54.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.hero54_chip.is-accent {
  color: var(--blok-ink-soft);
}
.hero54_heading.is-accent {
  color: var(--blok-ink);
}

@media (min-width: 768px) {
  .hero54_heading {
    max-width: 28rem;
    font-size: 5rem;
  }
}

@media (min-width: 992px) {
  .hero54_copy {
    margin-bottom: 3.5rem;
  }
  .hero54_heading {
    max-width: 36rem;
    font-size: 6.5rem;
  }
  .hero54_band {
    height: 18rem;
  }
  .hero54_frame {
    width: 24rem;
  }
}

/* Generated by Blokset from components/hero-55.js. Edit the spec, not this file. */
.section_hero55 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.hero55_stage {
  position: relative;
  width: 100%;
}
.hero55_card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 1.25rem;
  width: 100%;
  max-width: 100%;
  background-color: var(--blok-ink);
  color: var(--blok-surface);
  padding-top: 2rem;
  padding-right: 1.5rem;
  padding-bottom: 2rem;
  padding-left: 1.5rem;
  border-top-left-radius: 1.5rem;
  border-top-right-radius: 1.5rem;
  border-bottom-right-radius: 1.5rem;
  border-bottom-left-radius: 1.5rem;
}
.hero55_heading {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 0.1rem;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 16rem;
}
.hero55_line {
  font-family: var(--blok-font-display);
  font-size: 2.5rem;
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.04em;
}
.hero55_word {
  font-family: var(--blok-font-display);
  font-size: 2.5rem;
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.04em;
  color: var(--blok-accent);
}
.hero55_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 24rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  opacity: 0.8;
}
.hero55_actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  column-gap: 1.25rem;
  row-gap: 0.75rem;
}
.hero55_talk {
  display: inline-flex;
  background-color: var(--blok-accent);
  color: var(--blok-ink);
  text-decoration: none;
  font-weight: 600;
  padding-top: 0.8rem;
  padding-right: 1.15rem;
  padding-bottom: 0.8rem;
  padding-left: 1.15rem;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.hero55_studies {
  text-decoration: none;
  font-weight: 600;
  color: var(--blok-accent);
}
.hero55_image {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  display: block;
  width: 100%;
  height: 22rem;
  margin-top: 1.25rem;
  object-fit: cover;
  border-top-left-radius: 1.5rem;
  border-top-right-radius: 1.5rem;
  border-bottom-right-radius: 1.5rem;
  border-bottom-left-radius: 1.5rem;
}
.section_hero55.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.hero55_word.is-dark {
  color: var(--blok-accent);
}
.hero55_studies.is-dark {
  color: var(--blok-accent);
}
.section_hero55.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.hero55_word.is-accent {
  color: var(--blok-ink);
}
.hero55_studies.is-accent {
  color: var(--blok-ink);
}

@media (min-width: 992px) {
  .hero55_card {
    max-width: 68%;
    padding-top: 4.5rem;
    padding-right: 4rem;
    padding-bottom: 4.5rem;
    padding-left: 4rem;
  }
  .hero55_line {
    font-size: 3.75rem;
  }
  .hero55_word {
    font-size: 3.75rem;
  }
  .hero55_image {
    position: absolute;
    top: -2rem;
    right: 0;
    bottom: -2rem;
    width: 38%;
    height: auto;
    margin-top: 0rem;
  }
}

/* Generated by Blokset from components/hero-56.js. Edit the spec, not this file. */
.section_hero56 {
  overflow: hidden;
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.hero56_component {
  display: flex;
  flex-direction: column;
  row-gap: 3rem;
}
.hero56_split {
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  row-gap: 2.5rem;
  column-gap: 0rem;
}
.hero56_copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 1.25rem;
}
.hero56_heading {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 16rem;
  font-family: var(--blok-font-display);
  font-size: 3rem;
  line-height: 1;
  font-weight: 600;
  letter-spacing: -0.04em;
  color: var(--blok-ink);
}
.hero56_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 26rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.hero56_actions {
  display: flex;
  flex-wrap: wrap;
  column-gap: 0.6rem;
  row-gap: 0.6rem;
}
.hero56_proof {
  display: flex;
  align-items: center;
  column-gap: 0.85rem;
  margin-top: 0.5rem;
}
.hero56_avatars {
  display: flex;
  align-items: center;
  padding-left: 0.55rem;
}
.hero56_avatar {
  display: block;
  width: 2rem;
  height: 2rem;
  margin-left: -0.55rem;
  object-fit: cover;
  border-top-width: 2px;
  border-right-width: 2px;
  border-bottom-width: 2px;
  border-left-width: 2px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: var(--blok-surface);
  border-right-color: var(--blok-surface);
  border-bottom-color: var(--blok-surface);
  border-left-color: var(--blok-surface);
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
}
.hero56_trust {
  font-size: 0.875rem;
  line-height: 1.4;
  color: var(--blok-ink-muted);
}
.hero56_stage {
  position: relative;
  width: 100%;
}
.hero56_image {
  display: block;
  width: 100%;
  height: 20rem;
  object-fit: cover;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.hero56_pause {
  position: absolute;
  top: 50%;
  left: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.75rem;
  height: 2.75rem;
  margin-top: -1.4rem;
  margin-left: -1.4rem;
  background-color: var(--blok-surface);
  color: var(--blok-ink);
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
}
.hero56_time {
  position: relative;
  right: auto;
  bottom: auto;
  display: flex;
  flex-direction: column;
  row-gap: 0.65rem;
  width: 100%;
  max-width: 18rem;
  margin-top: -3rem;
  margin-left: auto;
  margin-right: 1rem;
  background-color: var(--blok-ink);
  color: var(--blok-surface);
  padding-top: 0.9rem;
  padding-right: 1rem;
  padding-bottom: 0.9rem;
  padding-left: 1rem;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.hero56_time-title {
  font-family: var(--blok-font-mono);
  font-size: 0.6875rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  opacity: 0.7;
}
.hero56_time-value {
  font-size: 0.9375rem;
  line-height: 1.3;
  font-weight: 600;
}
.hero56_meter {
  display: flex;
  width: 100%;
  height: 0.4rem;
  overflow: hidden;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
}
.hero56_seg-explain {
  height: 100%;
  flex-grow: 3;
  flex-basis: 0px;
  background-color: var(--blok-accent);
}
.hero56_seg-debug {
  height: 100%;
  flex-grow: 2;
  flex-basis: 0px;
  background-color: var(--blok-surface);
}
.hero56_seg-review {
  height: 100%;
  flex-grow: 2;
  flex-basis: 0px;
  background-color: var(--blok-surface-2);
}
.hero56_seg-docs {
  height: 100%;
  flex-grow: 1;
  flex-basis: 0px;
  background-color: var(--blok-line);
}
.hero56_legend {
  display: flex;
  flex-wrap: wrap;
  column-gap: 0.65rem;
  row-gap: 0.25rem;
}
.hero56_legend-explain {
  font-size: 0.6875rem;
  line-height: 1.3;
  opacity: 0.75;
}
.hero56_legend-debug {
  font-size: 0.6875rem;
  line-height: 1.3;
  opacity: 0.75;
}
.hero56_legend-review {
  font-size: 0.6875rem;
  line-height: 1.3;
  opacity: 0.75;
}
.hero56_legend-docs {
  font-size: 0.6875rem;
  line-height: 1.3;
  opacity: 0.75;
}
.hero56_time-file {
  font-family: var(--blok-font-mono);
  font-size: 0.75rem;
  line-height: 1.4;
}
.hero56_logos {
  display: flex;
  width: max-content;
  align-items: center;
}
.hero56_logo {
  flex-shrink: 0;
  padding-right: 2.5rem;
  font-family: var(--blok-font-display);
  font-size: 1.25rem;
  line-height: 1;
  font-weight: 600;
  letter-spacing: -0.03em;
  color: var(--blok-ink-muted);
}
.section_hero56.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.hero56_heading.is-dark {
  color: var(--blok-surface);
}
.hero56_description.is-dark {
  color: var(--blok-surface-muted);
}
.hero56_trust.is-dark {
  color: var(--blok-surface-muted);
}
.hero56_logo.is-dark {
  color: var(--blok-surface-muted);
}
.hero56_avatar.is-dark {
  border-top-color: var(--blok-ink);
  border-right-color: var(--blok-ink);
  border-bottom-color: var(--blok-ink);
  border-left-color: var(--blok-ink);
}
.section_hero56.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.hero56_heading.is-accent {
  color: var(--blok-ink);
}
.hero56_description.is-accent {
  color: var(--blok-ink-soft);
}
.hero56_trust.is-accent {
  color: var(--blok-ink-soft);
}
.hero56_logo.is-accent {
  color: var(--blok-ink-soft);
}
.hero56_avatar.is-accent {
  border-top-color: var(--blok-accent);
  border-right-color: var(--blok-accent);
  border-bottom-color: var(--blok-accent);
  border-left-color: var(--blok-accent);
}

@media (min-width: 992px) {
  .hero56_split {
    grid-template-columns: 1fr 1.1fr;
    column-gap: 3rem;
    row-gap: 0rem;
  }
  .hero56_heading {
    font-size: 4.25rem;
  }
  .hero56_image {
    height: 26rem;
  }
  .hero56_time {
    position: absolute;
    right: 1rem;
    bottom: 1rem;
    margin-top: 0rem;
  }
}

/* Generated by Blokset from components/hero-57.js. Edit the spec, not this file. */
.section_hero57 {
  font-family: var(--blok-font-saas);
  color: #0F1115;
  background-color: #F4F5F1;
  padding-top: clamp(56px, 8vw, 104px);
  padding-right: clamp(20px, 4vw, 48px);
  padding-bottom: clamp(56px, 8vw, 104px);
  padding-left: clamp(20px, 4vw, 48px);
}
.hero57_div-53 {
  max-width: 1200px;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  row-gap: 48px;
  column-gap: 48px;
}
.hero57_div-9 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  row-gap: 22px;
  column-gap: 22px;
}
.hero57_a-3 {
  display: flex;
  align-items: center;
  row-gap: 10px;
  column-gap: 10px;
  padding-top: 6px;
  padding-right: 14px;
  padding-bottom: 6px;
  padding-left: 6px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  background-color: #FFFFFF;
  color: #0F1115;
  text-decoration: none;
  font-size: 14px;
}
.hero57_div-1 {
  background-color: #2D4BF0;
  color: #FFFFFF;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  padding-top: 3px;
  padding-right: 9px;
  padding-bottom: 3px;
  padding-left: 9px;
  font-family: var(--blok-font-saas-mono);
  font-size: 11px;
  letter-spacing: 0.06em;
}
.hero57_heading {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  max-width: 860px;
  font-size: clamp(42px, 6.4vw, 84px);
  line-height: 0.98;
  letter-spacing: -0.045em;
  font-weight: 600;
}
.hero57_subheading {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  max-width: 600px;
  font-size: 19px;
  line-height: 1.55;
  color: #4E545D;
}
.hero57_div-8 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  row-gap: 12px;
  column-gap: 12px;
}
.hero57_a-6 {
  display: flex;
  align-items: center;
  height: 48px;
  padding-top: 0;
  padding-right: 22px;
  padding-bottom: 0;
  padding-left: 22px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: #0F1115;
  color: #FFFFFF;
  text-decoration: none;
  font-weight: 500;
}
.hero57_a-7 {
  display: flex;
  align-items: center;
  height: 48px;
  padding-top: 0;
  padding-right: 22px;
  padding-bottom: 0;
  padding-left: 22px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #CFD3CA;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #CFD3CA;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #CFD3CA;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #CFD3CA;
  color: #0F1115;
  text-decoration: none;
  font-weight: 500;
  background-color: #FFFFFF;
}
.hero57_div-52 {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  column-gap: 16px;
}
.hero57_div-13 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  row-gap: 6px;
  column-gap: 6px;
  padding-top: 6px;
  padding-right: 6px;
  padding-bottom: 6px;
  padding-left: 6px;
  background-color: #E9EBE5;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  align-self: center;
}
.hero57_div-10 {
  height: 44px;
  padding-top: 0;
  padding-right: 20px;
  padding-bottom: 0;
  padding-left: 20px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  cursor: pointer;
  font-weight: 500;
  font-size: 15px;
  background-color: #FFFFFF;
  color: #0F1115;
  box-shadow: 0 1px 2px rgba(15,17,21,0.12);
  display: flex;
  align-items: center;
  justify-content: center;
}
.hero57_div-11 {
  height: 44px;
  padding-top: 0;
  padding-right: 20px;
  padding-bottom: 0;
  padding-left: 20px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  cursor: pointer;
  font-weight: 500;
  font-size: 15px;
  background-color: transparent;
  color: #4E545D;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hero57_div-12 {
  height: 44px;
  padding-top: 0;
  padding-right: 20px;
  padding-bottom: 0;
  padding-left: 20px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  cursor: pointer;
  font-weight: 500;
  font-size: 15px;
  background-color: transparent;
  color: #4E545D;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hero57_stack-160 {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.hero57_div-51 {
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
  border-bottom-left-radius: 18px;
  box-shadow: 0 30px 60px -30px rgba(15,17,21,0.25);
  overflow: hidden;
}
.hero57_div-18 {
  display: flex;
  align-items: center;
  row-gap: 8px;
  column-gap: 8px;
  padding-top: 12px;
  padding-right: 16px;
  padding-bottom: 12px;
  padding-left: 16px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ECEEE8;
}
.hero57_div-14 {
  width: 10px;
  height: 10px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #E2E4DE;
}
.hero57_div-15 {
  width: 10px;
  height: 10px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #E2E4DE;
}
.hero57_div-16 {
  width: 10px;
  height: 10px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #E2E4DE;
}
.hero57_div-17 {
  margin-left: 12px;
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  color: #5B616B;
}
.hero57_div-50 {
  display: flex;
  flex-wrap: wrap;
  min-height: 380px;
}
.hero57_div-24 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 200px;
  max-width: 240px;
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #ECEEE8;
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  column-gap: 4px;
  background-color: #FAFBF8;
}
.hero57_div-19 {
  padding-top: 10px;
  padding-right: 12px;
  padding-bottom: 10px;
  padding-left: 12px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  font-size: 14px;
  background-color: #E8ECFE;
  color: #2D4BF0;
  font-weight: 500;
}
.hero57_div-20 {
  padding-top: 10px;
  padding-right: 12px;
  padding-bottom: 10px;
  padding-left: 12px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  font-size: 14px;
  background-color: transparent;
  color: #4E545D;
  font-weight: 500;
}
.hero57_div-21 {
  padding-top: 10px;
  padding-right: 12px;
  padding-bottom: 10px;
  padding-left: 12px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  font-size: 14px;
  background-color: transparent;
  color: #4E545D;
  font-weight: 500;
}
.hero57_div-22 {
  padding-top: 10px;
  padding-right: 12px;
  padding-bottom: 10px;
  padding-left: 12px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  font-size: 14px;
  color: #5B616B;
}
.hero57_div-23 {
  padding-top: 10px;
  padding-right: 12px;
  padding-bottom: 10px;
  padding-left: 12px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  font-size: 14px;
  color: #5B616B;
}
.hero57_div-49 {
  flex-grow: 999;
  flex-shrink: 1;
  flex-basis: 520px;
  min-width: 0;
  padding-top: 24px;
  padding-right: 24px;
  padding-bottom: 24px;
  padding-left: 24px;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  column-gap: 16px;
}
.hero57_div-27 {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  row-gap: 16px;
  column-gap: 16px;
  flex-wrap: wrap;
}
.hero57_div-25 {
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -0.02em;
}
.hero57_div-26 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  color: #5B616B;
}
.hero57_div-48 {
  display: flex;
  flex-direction: column;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #ECEEE8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #ECEEE8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ECEEE8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #ECEEE8;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  overflow: hidden;
}
.hero57_div-32 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  row-gap: 16px;
  column-gap: 16px;
  padding-top: 14px;
  padding-right: 16px;
  padding-bottom: 14px;
  padding-left: 16px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #F0F1EC;
  font-size: 14px;
}
.hero57_div-28 {
  font-family: var(--blok-font-saas-mono);
  color: #5B616B;
  min-width: 64px;
}
.hero57_div-29 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 180px;
  font-weight: 500;
}
.hero57_div-30 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 160px;
  color: #4E545D;
}
.hero57_div-31 {
  padding-top: 4px;
  padding-right: 10px;
  padding-bottom: 4px;
  padding-left: 10px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  font-size: 12px;
  font-weight: 500;
  background-color: #E5F4EA;
  color: #1D6B3A;
}
.hero57_div-37 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  row-gap: 16px;
  column-gap: 16px;
  padding-top: 14px;
  padding-right: 16px;
  padding-bottom: 14px;
  padding-left: 16px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #F0F1EC;
  font-size: 14px;
}
.hero57_div-33 {
  font-family: var(--blok-font-saas-mono);
  color: #5B616B;
  min-width: 64px;
}
.hero57_div-34 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 180px;
  font-weight: 500;
}
.hero57_div-35 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 160px;
  color: #4E545D;
}
.hero57_div-36 {
  padding-top: 4px;
  padding-right: 10px;
  padding-bottom: 4px;
  padding-left: 10px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  font-size: 12px;
  font-weight: 500;
  background-color: #E8ECFE;
  color: #2D4BF0;
}
.hero57_div-42 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  row-gap: 16px;
  column-gap: 16px;
  padding-top: 14px;
  padding-right: 16px;
  padding-bottom: 14px;
  padding-left: 16px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #F0F1EC;
  font-size: 14px;
}
.hero57_div-38 {
  font-family: var(--blok-font-saas-mono);
  color: #5B616B;
  min-width: 64px;
}
.hero57_div-39 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 180px;
  font-weight: 500;
}
.hero57_div-40 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 160px;
  color: #4E545D;
}
.hero57_div-41 {
  padding-top: 4px;
  padding-right: 10px;
  padding-bottom: 4px;
  padding-left: 10px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  font-size: 12px;
  font-weight: 500;
  background-color: #F1F2EE;
  color: #4E545D;
}
.hero57_div-47 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  row-gap: 16px;
  column-gap: 16px;
  padding-top: 14px;
  padding-right: 16px;
  padding-bottom: 14px;
  padding-left: 16px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #F0F1EC;
  font-size: 14px;
}
.hero57_div-43 {
  font-family: var(--blok-font-saas-mono);
  color: #5B616B;
  min-width: 64px;
}
.hero57_div-44 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 180px;
  font-weight: 500;
}
.hero57_div-45 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 160px;
  color: #4E545D;
}
.hero57_div-46 {
  padding-top: 4px;
  padding-right: 10px;
  padding-bottom: 4px;
  padding-left: 10px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  font-size: 12px;
  font-weight: 500;
  background-color: #F1F2EE;
  color: #4E545D;
}
.hero57_div-104 {
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
  border-bottom-left-radius: 18px;
  box-shadow: 0 30px 60px -30px rgba(15,17,21,0.25);
  overflow: hidden;
  display: none;
}
.hero57_div-71 {
  display: flex;
  align-items: center;
  row-gap: 8px;
  column-gap: 8px;
  padding-top: 12px;
  padding-right: 16px;
  padding-bottom: 12px;
  padding-left: 16px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ECEEE8;
}
.hero57_div-67 {
  width: 10px;
  height: 10px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #E2E4DE;
}
.hero57_div-68 {
  width: 10px;
  height: 10px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #E2E4DE;
}
.hero57_div-69 {
  width: 10px;
  height: 10px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #E2E4DE;
}
.hero57_div-70 {
  margin-left: 12px;
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  color: #5B616B;
}
.hero57_div-103 {
  display: flex;
  flex-wrap: wrap;
  min-height: 380px;
}
.hero57_div-77 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 200px;
  max-width: 240px;
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #ECEEE8;
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  column-gap: 4px;
  background-color: #FAFBF8;
}
.hero57_div-72 {
  padding-top: 10px;
  padding-right: 12px;
  padding-bottom: 10px;
  padding-left: 12px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  font-size: 14px;
  background-color: transparent;
  color: #4E545D;
  font-weight: 500;
}
.hero57_div-73 {
  padding-top: 10px;
  padding-right: 12px;
  padding-bottom: 10px;
  padding-left: 12px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  font-size: 14px;
  background-color: #E8ECFE;
  color: #2D4BF0;
  font-weight: 500;
}
.hero57_div-74 {
  padding-top: 10px;
  padding-right: 12px;
  padding-bottom: 10px;
  padding-left: 12px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  font-size: 14px;
  background-color: transparent;
  color: #4E545D;
  font-weight: 500;
}
.hero57_div-75 {
  padding-top: 10px;
  padding-right: 12px;
  padding-bottom: 10px;
  padding-left: 12px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  font-size: 14px;
  color: #5B616B;
}
.hero57_div-76 {
  padding-top: 10px;
  padding-right: 12px;
  padding-bottom: 10px;
  padding-left: 12px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  font-size: 14px;
  color: #5B616B;
}
.hero57_div-102 {
  flex-grow: 999;
  flex-shrink: 1;
  flex-basis: 520px;
  min-width: 0;
  padding-top: 24px;
  padding-right: 24px;
  padding-bottom: 24px;
  padding-left: 24px;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  column-gap: 16px;
}
.hero57_div-80 {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  row-gap: 16px;
  column-gap: 16px;
  flex-wrap: wrap;
}
.hero57_div-78 {
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -0.02em;
}
.hero57_div-79 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  color: #5B616B;
}
.hero57_div-101 {
  display: flex;
  flex-direction: column;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #ECEEE8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #ECEEE8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ECEEE8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #ECEEE8;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  overflow: hidden;
}
.hero57_div-85 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  row-gap: 16px;
  column-gap: 16px;
  padding-top: 14px;
  padding-right: 16px;
  padding-bottom: 14px;
  padding-left: 16px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #F0F1EC;
  font-size: 14px;
}
.hero57_div-81 {
  font-family: var(--blok-font-saas-mono);
  color: #5B616B;
  min-width: 64px;
}
.hero57_div-82 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 180px;
  font-weight: 500;
}
.hero57_div-83 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 160px;
  color: #4E545D;
}
.hero57_div-84 {
  padding-top: 4px;
  padding-right: 10px;
  padding-bottom: 4px;
  padding-left: 10px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  font-size: 12px;
  font-weight: 500;
  background-color: #E5F4EA;
  color: #1D6B3A;
}
.hero57_div-90 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  row-gap: 16px;
  column-gap: 16px;
  padding-top: 14px;
  padding-right: 16px;
  padding-bottom: 14px;
  padding-left: 16px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #F0F1EC;
  font-size: 14px;
}
.hero57_div-86 {
  font-family: var(--blok-font-saas-mono);
  color: #5B616B;
  min-width: 64px;
}
.hero57_div-87 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 180px;
  font-weight: 500;
}
.hero57_div-88 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 160px;
  color: #4E545D;
}
.hero57_div-89 {
  padding-top: 4px;
  padding-right: 10px;
  padding-bottom: 4px;
  padding-left: 10px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  font-size: 12px;
  font-weight: 500;
  background-color: #E8ECFE;
  color: #2D4BF0;
}
.hero57_div-95 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  row-gap: 16px;
  column-gap: 16px;
  padding-top: 14px;
  padding-right: 16px;
  padding-bottom: 14px;
  padding-left: 16px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #F0F1EC;
  font-size: 14px;
}
.hero57_div-91 {
  font-family: var(--blok-font-saas-mono);
  color: #5B616B;
  min-width: 64px;
}
.hero57_div-92 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 180px;
  font-weight: 500;
}
.hero57_div-93 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 160px;
  color: #4E545D;
}
.hero57_div-94 {
  padding-top: 4px;
  padding-right: 10px;
  padding-bottom: 4px;
  padding-left: 10px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  font-size: 12px;
  font-weight: 500;
  background-color: #F1F2EE;
  color: #4E545D;
}
.hero57_div-100 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  row-gap: 16px;
  column-gap: 16px;
  padding-top: 14px;
  padding-right: 16px;
  padding-bottom: 14px;
  padding-left: 16px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #F0F1EC;
  font-size: 14px;
}
.hero57_div-96 {
  font-family: var(--blok-font-saas-mono);
  color: #5B616B;
  min-width: 64px;
}
.hero57_div-97 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 180px;
  font-weight: 500;
}
.hero57_div-98 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 160px;
  color: #4E545D;
}
.hero57_div-99 {
  padding-top: 4px;
  padding-right: 10px;
  padding-bottom: 4px;
  padding-left: 10px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  font-size: 12px;
  font-weight: 500;
  background-color: #F1F2EE;
  color: #4E545D;
}
.hero57_div-157 {
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
  border-bottom-left-radius: 18px;
  box-shadow: 0 30px 60px -30px rgba(15,17,21,0.25);
  overflow: hidden;
  display: none;
}
.hero57_div-124 {
  display: flex;
  align-items: center;
  row-gap: 8px;
  column-gap: 8px;
  padding-top: 12px;
  padding-right: 16px;
  padding-bottom: 12px;
  padding-left: 16px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ECEEE8;
}
.hero57_div-120 {
  width: 10px;
  height: 10px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #E2E4DE;
}
.hero57_div-121 {
  width: 10px;
  height: 10px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #E2E4DE;
}
.hero57_div-122 {
  width: 10px;
  height: 10px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #E2E4DE;
}
.hero57_div-123 {
  margin-left: 12px;
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  color: #5B616B;
}
.hero57_div-156 {
  display: flex;
  flex-wrap: wrap;
  min-height: 380px;
}
.hero57_div-130 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 200px;
  max-width: 240px;
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #ECEEE8;
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  column-gap: 4px;
  background-color: #FAFBF8;
}
.hero57_div-125 {
  padding-top: 10px;
  padding-right: 12px;
  padding-bottom: 10px;
  padding-left: 12px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  font-size: 14px;
  background-color: transparent;
  color: #4E545D;
  font-weight: 500;
}
.hero57_div-126 {
  padding-top: 10px;
  padding-right: 12px;
  padding-bottom: 10px;
  padding-left: 12px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  font-size: 14px;
  background-color: transparent;
  color: #4E545D;
  font-weight: 500;
}
.hero57_div-127 {
  padding-top: 10px;
  padding-right: 12px;
  padding-bottom: 10px;
  padding-left: 12px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  font-size: 14px;
  background-color: #E8ECFE;
  color: #2D4BF0;
  font-weight: 500;
}
.hero57_div-128 {
  padding-top: 10px;
  padding-right: 12px;
  padding-bottom: 10px;
  padding-left: 12px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  font-size: 14px;
  color: #5B616B;
}
.hero57_div-129 {
  padding-top: 10px;
  padding-right: 12px;
  padding-bottom: 10px;
  padding-left: 12px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  font-size: 14px;
  color: #5B616B;
}
.hero57_div-155 {
  flex-grow: 999;
  flex-shrink: 1;
  flex-basis: 520px;
  min-width: 0;
  padding-top: 24px;
  padding-right: 24px;
  padding-bottom: 24px;
  padding-left: 24px;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  column-gap: 16px;
}
.hero57_div-133 {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  row-gap: 16px;
  column-gap: 16px;
  flex-wrap: wrap;
}
.hero57_div-131 {
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -0.02em;
}
.hero57_div-132 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  color: #5B616B;
}
.hero57_div-154 {
  display: flex;
  flex-direction: column;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #ECEEE8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #ECEEE8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ECEEE8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #ECEEE8;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  overflow: hidden;
}
.hero57_div-138 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  row-gap: 16px;
  column-gap: 16px;
  padding-top: 14px;
  padding-right: 16px;
  padding-bottom: 14px;
  padding-left: 16px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #F0F1EC;
  font-size: 14px;
}
.hero57_div-134 {
  font-family: var(--blok-font-saas-mono);
  color: #5B616B;
  min-width: 64px;
}
.hero57_div-135 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 180px;
  font-weight: 500;
}
.hero57_div-136 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 160px;
  color: #4E545D;
}
.hero57_div-137 {
  padding-top: 4px;
  padding-right: 10px;
  padding-bottom: 4px;
  padding-left: 10px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  font-size: 12px;
  font-weight: 500;
  background-color: #E5F4EA;
  color: #1D6B3A;
}
.hero57_div-143 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  row-gap: 16px;
  column-gap: 16px;
  padding-top: 14px;
  padding-right: 16px;
  padding-bottom: 14px;
  padding-left: 16px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #F0F1EC;
  font-size: 14px;
}
.hero57_div-139 {
  font-family: var(--blok-font-saas-mono);
  color: #5B616B;
  min-width: 64px;
}
.hero57_div-140 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 180px;
  font-weight: 500;
}
.hero57_div-141 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 160px;
  color: #4E545D;
}
.hero57_div-142 {
  padding-top: 4px;
  padding-right: 10px;
  padding-bottom: 4px;
  padding-left: 10px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  font-size: 12px;
  font-weight: 500;
  background-color: #E8ECFE;
  color: #2D4BF0;
}
.hero57_div-148 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  row-gap: 16px;
  column-gap: 16px;
  padding-top: 14px;
  padding-right: 16px;
  padding-bottom: 14px;
  padding-left: 16px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #F0F1EC;
  font-size: 14px;
}
.hero57_div-144 {
  font-family: var(--blok-font-saas-mono);
  color: #5B616B;
  min-width: 64px;
}
.hero57_div-145 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 180px;
  font-weight: 500;
}
.hero57_div-146 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 160px;
  color: #4E545D;
}
.hero57_div-147 {
  padding-top: 4px;
  padding-right: 10px;
  padding-bottom: 4px;
  padding-left: 10px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  font-size: 12px;
  font-weight: 500;
  background-color: #F1F2EE;
  color: #4E545D;
}
.hero57_div-153 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  row-gap: 16px;
  column-gap: 16px;
  padding-top: 14px;
  padding-right: 16px;
  padding-bottom: 14px;
  padding-left: 16px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #F0F1EC;
  font-size: 14px;
}
.hero57_div-149 {
  font-family: var(--blok-font-saas-mono);
  color: #5B616B;
  min-width: 64px;
}
.hero57_div-150 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 180px;
  font-weight: 500;
}
.hero57_div-151 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 160px;
  color: #4E545D;
}
.hero57_div-152 {
  padding-top: 4px;
  padding-right: 10px;
  padding-bottom: 4px;
  padding-left: 10px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  font-size: 12px;
  font-weight: 500;
  background-color: #FDEFE4;
  color: #9A4A12;
}
.section_hero57.is-dark {
  background-color: var(--blok-saas-ink);
  color: var(--blok-saas-canvas);
}
.section_hero57.is-accent {
  background-color: var(--blok-saas-blue);
  color: var(--blok-saas-white);
}

/* Generated by Blokset from components/hero-58.js. Edit the spec, not this file. */
.section_hero58 {
  font-family: var(--blok-font-saas);
  color: #0F1115;
  background-color: #FFFFFF;
  padding-top: clamp(56px, 8vw, 104px);
  padding-right: clamp(20px, 4vw, 48px);
  padding-bottom: clamp(56px, 8vw, 104px);
  padding-left: clamp(20px, 4vw, 48px);
}
.hero58_div-57 {
  max-width: 1200px;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  row-gap: clamp(40px, 6vw, 88px);
  column-gap: clamp(40px, 6vw, 88px);
}
.hero58_div-24 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 440px;
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  column-gap: 24px;
}
.hero58_div-1 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5B616B;
}
.hero58_heading {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: clamp(42px, 5.6vw, 76px);
  line-height: 0.98;
  letter-spacing: -0.045em;
  font-weight: 600;
}
.hero58_subheading {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  max-width: 480px;
  font-size: 19px;
  line-height: 1.55;
  color: #4E545D;
}
.hero58_div-20 {
  list-style: none;
  margin-top: 8px;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  column-gap: 4px;
}
.hero58_div-6 {
  display: flex;
  align-items: center;
  row-gap: 14px;
  column-gap: 14px;
  width: 100%;
  min-height: 52px;
  padding-top: 0;
  padding-right: 14px;
  padding-bottom: 0;
  padding-left: 14px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  cursor: pointer;
  text-align: left;
  background-color: #F4F5F1;
  color: #0F1115;
}
.hero58_div-4 {
  font-family: var(--blok-font-saas-mono);
  font-size: 13px;
  width: 26px;
  height: 26px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #2D4BF0;
  color: #FFFFFF;
}
.hero58_div-5 {
  font-size: 17px;
  font-weight: 600;
}
.hero58_div-10 {
  display: flex;
  align-items: center;
  row-gap: 14px;
  column-gap: 14px;
  width: 100%;
  min-height: 52px;
  padding-top: 0;
  padding-right: 14px;
  padding-bottom: 0;
  padding-left: 14px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  cursor: pointer;
  text-align: left;
  background-color: transparent;
  color: #0F1115;
}
.hero58_div-8 {
  font-family: var(--blok-font-saas-mono);
  font-size: 13px;
  width: 26px;
  height: 26px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ECEEE8;
  color: #4E545D;
}
.hero58_div-9 {
  font-size: 17px;
  font-weight: 400;
}
.hero58_div-14 {
  display: flex;
  align-items: center;
  row-gap: 14px;
  column-gap: 14px;
  width: 100%;
  min-height: 52px;
  padding-top: 0;
  padding-right: 14px;
  padding-bottom: 0;
  padding-left: 14px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  cursor: pointer;
  text-align: left;
  background-color: transparent;
  color: #0F1115;
}
.hero58_div-12 {
  font-family: var(--blok-font-saas-mono);
  font-size: 13px;
  width: 26px;
  height: 26px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ECEEE8;
  color: #4E545D;
}
.hero58_div-13 {
  font-size: 17px;
  font-weight: 400;
}
.hero58_div-18 {
  display: flex;
  align-items: center;
  row-gap: 14px;
  column-gap: 14px;
  width: 100%;
  min-height: 52px;
  padding-top: 0;
  padding-right: 14px;
  padding-bottom: 0;
  padding-left: 14px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  cursor: pointer;
  text-align: left;
  background-color: transparent;
  color: #0F1115;
}
.hero58_div-16 {
  font-family: var(--blok-font-saas-mono);
  font-size: 13px;
  width: 26px;
  height: 26px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ECEEE8;
  color: #4E545D;
}
.hero58_div-17 {
  font-size: 17px;
  font-weight: 400;
}
.hero58_div-23 {
  display: flex;
  flex-wrap: wrap;
  row-gap: 12px;
  column-gap: 12px;
  margin-top: 8px;
}
.hero58_a-21 {
  display: flex;
  align-items: center;
  height: 48px;
  padding-top: 0;
  padding-right: 22px;
  padding-bottom: 0;
  padding-left: 22px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: #2D4BF0;
  color: #FFFFFF;
  font-weight: 500;
  text-decoration: none;
}
.hero58_a-22 {
  display: flex;
  align-items: center;
  height: 48px;
  padding-top: 0;
  padding-right: 22px;
  padding-bottom: 0;
  padding-left: 22px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  color: #0F1115;
  font-weight: 500;
  text-decoration: none;
}
.hero58_div-56 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 380px;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 18px;
  column-gap: 18px;
}
.hero58_div-51 {
  width: 320px;
  max-width: 100%;
  height: 580px;
  border-top-left-radius: 44px;
  border-top-right-radius: 44px;
  border-bottom-right-radius: 44px;
  border-bottom-left-radius: 44px;
  padding-top: 12px;
  padding-right: 12px;
  padding-bottom: 12px;
  padding-left: 12px;
  background-color: #0F1115;
  box-shadow: 0 30px 60px -30px rgba(15,17,21,0.5);
}
.hero58_stack-217 {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.hero58_div-50 {
  height: 100%;
  border-top-left-radius: 34px;
  border-top-right-radius: 34px;
  border-bottom-right-radius: 34px;
  border-bottom-left-radius: 34px;
  background-color: #F4F5F1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.hero58_div-27 {
  display: flex;
  justify-content: space-between;
  padding-top: 18px;
  padding-right: 22px;
  padding-bottom: 10px;
  padding-left: 22px;
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  color: #5B616B;
}
.hero58_div-30 {
  padding-top: 6px;
  padding-right: 20px;
  padding-bottom: 16px;
  padding-left: 20px;
  display: flex;
  flex-direction: column;
  row-gap: 6px;
  column-gap: 6px;
}
.hero58_div-28 {
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -0.03em;
}
.hero58_div-29 {
  font-size: 14px;
  color: #5B616B;
}
.hero58_div-47 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  padding-top: 0;
  padding-right: 14px;
  padding-bottom: 0;
  padding-left: 14px;
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  column-gap: 8px;
}
.hero58_div-34 {
  display: flex;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
  padding-top: 14px;
  padding-right: 14px;
  padding-bottom: 14px;
  padding-left: 14px;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 14px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
}
.hero58_div-31 {
  width: 10px;
  height: 10px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #2D4BF0;
}
.hero58_div-32 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  font-size: 15px;
}
.hero58_div-33 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  color: #5B616B;
}
.hero58_div-38 {
  display: flex;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
  padding-top: 14px;
  padding-right: 14px;
  padding-bottom: 14px;
  padding-left: 14px;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 14px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
}
.hero58_div-35 {
  width: 10px;
  height: 10px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #2D4BF0;
}
.hero58_div-36 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  font-size: 15px;
}
.hero58_div-37 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  color: #5B616B;
}
.hero58_div-42 {
  display: flex;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
  padding-top: 14px;
  padding-right: 14px;
  padding-bottom: 14px;
  padding-left: 14px;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 14px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
}
.hero58_div-39 {
  width: 10px;
  height: 10px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #C9CDD4;
}
.hero58_div-40 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  font-size: 15px;
}
.hero58_div-41 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  color: #5B616B;
}
.hero58_div-46 {
  display: flex;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
  padding-top: 14px;
  padding-right: 14px;
  padding-bottom: 14px;
  padding-left: 14px;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 14px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
}
.hero58_div-43 {
  width: 10px;
  height: 10px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #C9CDD4;
}
.hero58_div-44 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  font-size: 15px;
}
.hero58_div-45 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  color: #5B616B;
}
.hero58_div-49 {
  padding-top: 14px;
  padding-right: 14px;
  padding-bottom: 14px;
  padding-left: 14px;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 0.35rem;
}
.hero58_div-48 {
  height: 52px;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 14px;
  background-color: #2D4BF0;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
}
.hero58_div-107 {
  height: 100%;
  border-top-left-radius: 34px;
  border-top-right-radius: 34px;
  border-bottom-right-radius: 34px;
  border-bottom-left-radius: 34px;
  background-color: #F4F5F1;
  overflow: hidden;
  display: none;
  flex-direction: column;
}
.hero58_div-84 {
  display: flex;
  justify-content: space-between;
  padding-top: 18px;
  padding-right: 22px;
  padding-bottom: 10px;
  padding-left: 22px;
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  color: #5B616B;
}
.hero58_div-87 {
  padding-top: 6px;
  padding-right: 20px;
  padding-bottom: 16px;
  padding-left: 20px;
  display: flex;
  flex-direction: column;
  row-gap: 6px;
  column-gap: 6px;
}
.hero58_div-85 {
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -0.03em;
}
.hero58_div-86 {
  font-size: 14px;
  color: #5B616B;
}
.hero58_div-104 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  padding-top: 0;
  padding-right: 14px;
  padding-bottom: 0;
  padding-left: 14px;
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  column-gap: 8px;
}
.hero58_div-91 {
  display: flex;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
  padding-top: 14px;
  padding-right: 14px;
  padding-bottom: 14px;
  padding-left: 14px;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 14px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
}
.hero58_div-88 {
  width: 10px;
  height: 10px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #1D6B3A;
}
.hero58_div-89 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  font-size: 15px;
}
.hero58_div-90 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  color: #5B616B;
}
.hero58_div-95 {
  display: flex;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
  padding-top: 14px;
  padding-right: 14px;
  padding-bottom: 14px;
  padding-left: 14px;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 14px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
}
.hero58_div-92 {
  width: 10px;
  height: 10px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #1D6B3A;
}
.hero58_div-93 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  font-size: 15px;
}
.hero58_div-94 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  color: #5B616B;
}
.hero58_div-99 {
  display: flex;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
  padding-top: 14px;
  padding-right: 14px;
  padding-bottom: 14px;
  padding-left: 14px;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 14px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
}
.hero58_div-96 {
  width: 10px;
  height: 10px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #C9CDD4;
}
.hero58_div-97 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  font-size: 15px;
}
.hero58_div-98 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  color: #5B616B;
}
.hero58_div-103 {
  display: flex;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
  padding-top: 14px;
  padding-right: 14px;
  padding-bottom: 14px;
  padding-left: 14px;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 14px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
}
.hero58_div-100 {
  width: 10px;
  height: 10px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #C9CDD4;
}
.hero58_div-101 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  font-size: 15px;
}
.hero58_div-102 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  color: #5B616B;
}
.hero58_div-106 {
  padding-top: 14px;
  padding-right: 14px;
  padding-bottom: 14px;
  padding-left: 14px;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 0.35rem;
}
.hero58_div-105 {
  height: 52px;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 14px;
  background-color: #2D4BF0;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
}
.hero58_div-160 {
  height: 100%;
  border-top-left-radius: 34px;
  border-top-right-radius: 34px;
  border-bottom-right-radius: 34px;
  border-bottom-left-radius: 34px;
  background-color: #F4F5F1;
  overflow: hidden;
  display: none;
  flex-direction: column;
}
.hero58_div-141 {
  display: flex;
  justify-content: space-between;
  padding-top: 18px;
  padding-right: 22px;
  padding-bottom: 10px;
  padding-left: 22px;
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  color: #5B616B;
}
.hero58_div-144 {
  padding-top: 6px;
  padding-right: 20px;
  padding-bottom: 16px;
  padding-left: 20px;
  display: flex;
  flex-direction: column;
  row-gap: 6px;
  column-gap: 6px;
}
.hero58_div-142 {
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -0.03em;
}
.hero58_div-143 {
  font-size: 14px;
  color: #5B616B;
}
.hero58_div-157 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  padding-top: 0;
  padding-right: 14px;
  padding-bottom: 0;
  padding-left: 14px;
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  column-gap: 8px;
}
.hero58_div-148 {
  display: flex;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
  padding-top: 14px;
  padding-right: 14px;
  padding-bottom: 14px;
  padding-left: 14px;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 14px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
}
.hero58_div-145 {
  width: 10px;
  height: 10px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #2D4BF0;
}
.hero58_div-146 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  font-size: 15px;
}
.hero58_div-147 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  color: #5B616B;
}
.hero58_div-152 {
  display: flex;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
  padding-top: 14px;
  padding-right: 14px;
  padding-bottom: 14px;
  padding-left: 14px;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 14px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
}
.hero58_div-149 {
  width: 10px;
  height: 10px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #2D4BF0;
}
.hero58_div-150 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  font-size: 15px;
}
.hero58_div-151 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  color: #5B616B;
}
.hero58_div-156 {
  display: flex;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
  padding-top: 14px;
  padding-right: 14px;
  padding-bottom: 14px;
  padding-left: 14px;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 14px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
}
.hero58_div-153 {
  width: 10px;
  height: 10px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #9A4A12;
}
.hero58_div-154 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  font-size: 15px;
}
.hero58_div-155 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  color: #5B616B;
}
.hero58_div-159 {
  padding-top: 14px;
  padding-right: 14px;
  padding-bottom: 14px;
  padding-left: 14px;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 0.35rem;
}
.hero58_div-158 {
  height: 52px;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 14px;
  background-color: #2D4BF0;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
}
.hero58_div-209 {
  height: 100%;
  border-top-left-radius: 34px;
  border-top-right-radius: 34px;
  border-bottom-right-radius: 34px;
  border-bottom-left-radius: 34px;
  background-color: #F4F5F1;
  overflow: hidden;
  display: none;
  flex-direction: column;
}
.hero58_div-194 {
  display: flex;
  justify-content: space-between;
  padding-top: 18px;
  padding-right: 22px;
  padding-bottom: 10px;
  padding-left: 22px;
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  color: #5B616B;
}
.hero58_div-197 {
  padding-top: 6px;
  padding-right: 20px;
  padding-bottom: 16px;
  padding-left: 20px;
  display: flex;
  flex-direction: column;
  row-gap: 6px;
  column-gap: 6px;
}
.hero58_div-195 {
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -0.03em;
}
.hero58_div-196 {
  font-size: 14px;
  color: #5B616B;
}
.hero58_div-206 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  padding-top: 0;
  padding-right: 14px;
  padding-bottom: 0;
  padding-left: 14px;
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  column-gap: 8px;
}
.hero58_div-201 {
  display: flex;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
  padding-top: 14px;
  padding-right: 14px;
  padding-bottom: 14px;
  padding-left: 14px;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 14px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
}
.hero58_div-198 {
  width: 10px;
  height: 10px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #1D6B3A;
}
.hero58_div-199 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  font-size: 15px;
}
.hero58_div-200 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  color: #5B616B;
}
.hero58_div-205 {
  display: flex;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
  padding-top: 14px;
  padding-right: 14px;
  padding-bottom: 14px;
  padding-left: 14px;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 14px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
}
.hero58_div-202 {
  width: 10px;
  height: 10px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #2D4BF0;
}
.hero58_div-203 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  font-size: 15px;
}
.hero58_div-204 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  color: #5B616B;
}
.hero58_div-208 {
  padding-top: 14px;
  padding-right: 14px;
  padding-bottom: 14px;
  padding-left: 14px;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 0.35rem;
}
.hero58_div-207 {
  height: 52px;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 14px;
  background-color: #2D4BF0;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
}
.hero58_div-55 {
  display: flex;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
}
.hero58_div-52 {
  width: 44px;
  height: 44px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  background-color: #FFFFFF;
  cursor: pointer;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  flex-shrink: 0;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.hero58_div-53 {
  font-family: var(--blok-font-saas-mono);
  font-size: 13px;
  color: #5B616B;
  min-width: 48px;
  text-align: center;
}
.hero58_div-54 {
  width: 44px;
  height: 44px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: #0F1115;
  color: #FFFFFF;
  cursor: pointer;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  flex-shrink: 0;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.section_hero58.is-dark {
  background-color: var(--blok-saas-ink);
  color: var(--blok-saas-canvas);
}
.section_hero58.is-accent {
  background-color: var(--blok-saas-blue);
  color: var(--blok-saas-white);
}

/* Generated by Blokset from components/hero-59.js. Edit the spec, not this file. */
.section_hero59 {
  font-family: var(--blok-font-saas);
  color: #0F1115;
  background-color: #F4F5F1;
  padding-top: clamp(56px, 8vw, 96px);
  padding-right: clamp(20px, 4vw, 48px);
  padding-bottom: 0;
  padding-left: clamp(20px, 4vw, 48px);
  overflow: hidden;
}
.hero59_div-45 {
  max-width: 1200px;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 22px;
  column-gap: 22px;
  text-align: center;
}
.hero59_div-3 {
  display: flex;
  align-items: center;
  row-gap: 8px;
  column-gap: 8px;
  height: 32px;
  padding-top: 0;
  padding-right: 14px;
  padding-bottom: 0;
  padding-left: 14px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  font-size: 14px;
  color: #4E545D;
}
.hero59_div-1 {
  width: 8px;
  height: 8px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #2D4BF0;
}
.hero59_heading {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  max-width: 860px;
  font-size: clamp(44px, 6vw, 84px);
  line-height: 0.96;
  letter-spacing: -0.05em;
  font-weight: 600;
}
.hero59_subheading {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  max-width: 560px;
  font-size: 19px;
  line-height: 1.55;
  color: #4E545D;
}
.hero59_div-8 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  row-gap: 12px;
  column-gap: 12px;
}
.hero59_a-6 {
  display: flex;
  align-items: center;
  height: 48px;
  padding-top: 0;
  padding-right: 22px;
  padding-bottom: 0;
  padding-left: 22px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: #0F1115;
  color: #FFFFFF;
  font-weight: 500;
  text-decoration: none;
}
.hero59_a-7 {
  display: flex;
  align-items: center;
  height: 48px;
  padding-top: 0;
  padding-right: 22px;
  padding-bottom: 0;
  padding-left: 22px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  color: #0F1115;
  font-weight: 500;
  text-decoration: none;
}
.hero59_stack-178 {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.hero59_div-44 {
  position: relative;
  width: 100%;
  margin-top: 28px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  background-color: #FFFFFF;
  box-shadow: 0 -20px 60px -40px rgba(15,17,21,0.35);
  text-align: left;
}
.hero59_div-13 {
  display: flex;
  align-items: center;
  row-gap: 8px;
  column-gap: 8px;
  height: 44px;
  padding-top: 0;
  padding-right: 16px;
  padding-bottom: 0;
  padding-left: 16px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ECEEE8;
}
.hero59_div-9 {
  width: 10px;
  height: 10px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #DDE0D8;
}
.hero59_div-10 {
  width: 10px;
  height: 10px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #DDE0D8;
}
.hero59_div-11 {
  width: 10px;
  height: 10px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #DDE0D8;
}
.hero59_div-12 {
  margin-left: 12px;
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  color: #5B616B;
}
.hero59_div-34 {
  display: grid;
  grid-template-columns: 200px 1fr;
  min-height: 380px;
}
.hero59_div-18 {
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #ECEEE8;
  padding-top: 16px;
  padding-right: 16px;
  padding-bottom: 16px;
  padding-left: 16px;
  display: flex;
  flex-direction: column;
  row-gap: 6px;
  column-gap: 6px;
  font-size: 14px;
  color: #4E545D;
}
.hero59_div-14 {
  padding-top: 8px;
  padding-right: 10px;
  padding-bottom: 8px;
  padding-left: 10px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  background-color: #E8ECFE;
  color: #2D4BF0;
  font-weight: 500;
}
.hero59_div-15 {
  padding-top: 8px;
  padding-right: 10px;
  padding-bottom: 8px;
  padding-left: 10px;
}
.hero59_div-16 {
  padding-top: 8px;
  padding-right: 10px;
  padding-bottom: 8px;
  padding-left: 10px;
}
.hero59_div-17 {
  padding-top: 8px;
  padding-right: 10px;
  padding-bottom: 8px;
  padding-left: 10px;
}
.hero59_div-33 {
  padding-top: 18px;
  padding-right: 18px;
  padding-bottom: 18px;
  padding-left: 18px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  row-gap: 12px;
  column-gap: 12px;
}
.hero59_div-23 {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  column-gap: 8px;
  padding-top: 12px;
  padding-right: 12px;
  padding-bottom: 12px;
  padding-left: 12px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  background-color: #F4F5F1;
}
.hero59_div-19 {
  font-size: 14px;
  font-weight: 600;
}
.hero59_div-20 {
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
  font-size: 13px;
}
.hero59_div-21 {
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
  font-size: 13px;
}
.hero59_div-22 {
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
  font-size: 13px;
}
.hero59_div-27 {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  column-gap: 8px;
  padding-top: 12px;
  padding-right: 12px;
  padding-bottom: 12px;
  padding-left: 12px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  background-color: #F4F5F1;
}
.hero59_div-24 {
  font-size: 14px;
  font-weight: 600;
}
.hero59_div-25 {
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
  font-size: 13px;
}
.hero59_div-26 {
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
  font-size: 13px;
}
.hero59_div-32 {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  column-gap: 8px;
  padding-top: 12px;
  padding-right: 12px;
  padding-bottom: 12px;
  padding-left: 12px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  background-color: #F4F5F1;
}
.hero59_div-28 {
  font-size: 14px;
  font-weight: 600;
}
.hero59_div-29 {
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
  font-size: 13px;
}
.hero59_div-30 {
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
  font-size: 13px;
}
.hero59_div-31 {
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
  font-size: 13px;
}
.hero59_div-39 {
  position: absolute;
  left: 9%;
  top: 30%;
  z-index: 3;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 0.35rem;
}
.hero59_div-35 {
  width: 36px;
  height: 36px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-top-width: 3px;
  border-top-style: solid;
  border-top-color: #FFFFFF;
  border-right-width: 3px;
  border-right-style: solid;
  border-right-color: #FFFFFF;
  border-bottom-width: 3px;
  border-bottom-style: solid;
  border-bottom-color: #FFFFFF;
  border-left-width: 3px;
  border-left-style: solid;
  border-left-color: #FFFFFF;
  cursor: pointer;
  font-family: var(--blok-font-saas-mono);
  font-size: 14px;
  font-weight: 500;
  background-color: #0F1115;
  color: #FFFFFF;
  box-shadow: 0 0 0 6px rgba(15,17,21,0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  flex-shrink: 0;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.hero59_div-38 {
  position: absolute;
  top: 46px;
  left: -12px;
  width: 260px;
  padding-top: 16px;
  padding-right: 16px;
  padding-bottom: 16px;
  padding-left: 16px;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 14px;
  background-color: #0F1115;
  color: #FFFFFF;
  display: flex;
  flex-direction: column;
  row-gap: 6px;
  column-gap: 6px;
  box-shadow: 0 20px 40px -20px rgba(15,17,21,0.6);
}
.hero59_div-36 {
  font-size: 15px;
  font-weight: 600;
}
.hero59_div-37 {
  font-size: 14px;
  line-height: 1.5;
  color: #B9BEC6;
}
.hero59_div-41 {
  position: absolute;
  left: 44%;
  top: 44%;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 0.35rem;
}
.hero59_div-40 {
  width: 36px;
  height: 36px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-top-width: 3px;
  border-top-style: solid;
  border-top-color: #FFFFFF;
  border-right-width: 3px;
  border-right-style: solid;
  border-right-color: #FFFFFF;
  border-bottom-width: 3px;
  border-bottom-style: solid;
  border-bottom-color: #FFFFFF;
  border-left-width: 3px;
  border-left-style: solid;
  border-left-color: #FFFFFF;
  cursor: pointer;
  font-family: var(--blok-font-saas-mono);
  font-size: 14px;
  font-weight: 500;
  background-color: #2D4BF0;
  color: #FFFFFF;
  box-shadow: 0 0 0 6px rgba(45,75,240,0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  flex-shrink: 0;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.hero59_div-43 {
  position: absolute;
  left: 80%;
  top: 66%;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 0.35rem;
}
.hero59_div-42 {
  width: 36px;
  height: 36px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-top-width: 3px;
  border-top-style: solid;
  border-top-color: #FFFFFF;
  border-right-width: 3px;
  border-right-style: solid;
  border-right-color: #FFFFFF;
  border-bottom-width: 3px;
  border-bottom-style: solid;
  border-bottom-color: #FFFFFF;
  border-left-width: 3px;
  border-left-style: solid;
  border-left-color: #FFFFFF;
  cursor: pointer;
  font-family: var(--blok-font-saas-mono);
  font-size: 14px;
  font-weight: 500;
  background-color: #2D4BF0;
  color: #FFFFFF;
  box-shadow: 0 0 0 6px rgba(45,75,240,0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  flex-shrink: 0;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.hero59_div-89 {
  position: relative;
  width: 100%;
  margin-top: 28px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  background-color: #FFFFFF;
  box-shadow: 0 -20px 60px -40px rgba(15,17,21,0.35);
  text-align: left;
  display: none;
}
.hero59_div-58 {
  display: flex;
  align-items: center;
  row-gap: 8px;
  column-gap: 8px;
  height: 44px;
  padding-top: 0;
  padding-right: 16px;
  padding-bottom: 0;
  padding-left: 16px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ECEEE8;
}
.hero59_div-54 {
  width: 10px;
  height: 10px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #DDE0D8;
}
.hero59_div-55 {
  width: 10px;
  height: 10px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #DDE0D8;
}
.hero59_div-56 {
  width: 10px;
  height: 10px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #DDE0D8;
}
.hero59_div-57 {
  margin-left: 12px;
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  color: #5B616B;
}
.hero59_div-79 {
  display: grid;
  grid-template-columns: 200px 1fr;
  min-height: 380px;
}
.hero59_div-63 {
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #ECEEE8;
  padding-top: 16px;
  padding-right: 16px;
  padding-bottom: 16px;
  padding-left: 16px;
  display: flex;
  flex-direction: column;
  row-gap: 6px;
  column-gap: 6px;
  font-size: 14px;
  color: #4E545D;
}
.hero59_div-59 {
  padding-top: 8px;
  padding-right: 10px;
  padding-bottom: 8px;
  padding-left: 10px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  background-color: #E8ECFE;
  color: #2D4BF0;
  font-weight: 500;
}
.hero59_div-60 {
  padding-top: 8px;
  padding-right: 10px;
  padding-bottom: 8px;
  padding-left: 10px;
}
.hero59_div-61 {
  padding-top: 8px;
  padding-right: 10px;
  padding-bottom: 8px;
  padding-left: 10px;
}
.hero59_div-62 {
  padding-top: 8px;
  padding-right: 10px;
  padding-bottom: 8px;
  padding-left: 10px;
}
.hero59_div-78 {
  padding-top: 18px;
  padding-right: 18px;
  padding-bottom: 18px;
  padding-left: 18px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  row-gap: 12px;
  column-gap: 12px;
}
.hero59_div-68 {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  column-gap: 8px;
  padding-top: 12px;
  padding-right: 12px;
  padding-bottom: 12px;
  padding-left: 12px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  background-color: #F4F5F1;
}
.hero59_div-64 {
  font-size: 14px;
  font-weight: 600;
}
.hero59_div-65 {
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
  font-size: 13px;
}
.hero59_div-66 {
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
  font-size: 13px;
}
.hero59_div-67 {
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
  font-size: 13px;
}
.hero59_div-72 {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  column-gap: 8px;
  padding-top: 12px;
  padding-right: 12px;
  padding-bottom: 12px;
  padding-left: 12px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  background-color: #F4F5F1;
}
.hero59_div-69 {
  font-size: 14px;
  font-weight: 600;
}
.hero59_div-70 {
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
  font-size: 13px;
}
.hero59_div-71 {
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
  font-size: 13px;
}
.hero59_div-77 {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  column-gap: 8px;
  padding-top: 12px;
  padding-right: 12px;
  padding-bottom: 12px;
  padding-left: 12px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  background-color: #F4F5F1;
}
.hero59_div-73 {
  font-size: 14px;
  font-weight: 600;
}
.hero59_div-74 {
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
  font-size: 13px;
}
.hero59_div-75 {
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
  font-size: 13px;
}
.hero59_div-76 {
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
  font-size: 13px;
}
.hero59_div-81 {
  position: absolute;
  left: 9%;
  top: 30%;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 0.35rem;
}
.hero59_div-80 {
  width: 36px;
  height: 36px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-top-width: 3px;
  border-top-style: solid;
  border-top-color: #FFFFFF;
  border-right-width: 3px;
  border-right-style: solid;
  border-right-color: #FFFFFF;
  border-bottom-width: 3px;
  border-bottom-style: solid;
  border-bottom-color: #FFFFFF;
  border-left-width: 3px;
  border-left-style: solid;
  border-left-color: #FFFFFF;
  cursor: pointer;
  font-family: var(--blok-font-saas-mono);
  font-size: 14px;
  font-weight: 500;
  background-color: #2D4BF0;
  color: #FFFFFF;
  box-shadow: 0 0 0 6px rgba(45,75,240,0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  flex-shrink: 0;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.hero59_div-86 {
  position: absolute;
  left: 44%;
  top: 44%;
  z-index: 3;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 0.35rem;
}
.hero59_div-82 {
  width: 36px;
  height: 36px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-top-width: 3px;
  border-top-style: solid;
  border-top-color: #FFFFFF;
  border-right-width: 3px;
  border-right-style: solid;
  border-right-color: #FFFFFF;
  border-bottom-width: 3px;
  border-bottom-style: solid;
  border-bottom-color: #FFFFFF;
  border-left-width: 3px;
  border-left-style: solid;
  border-left-color: #FFFFFF;
  cursor: pointer;
  font-family: var(--blok-font-saas-mono);
  font-size: 14px;
  font-weight: 500;
  background-color: #0F1115;
  color: #FFFFFF;
  box-shadow: 0 0 0 6px rgba(15,17,21,0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  flex-shrink: 0;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.hero59_div-85 {
  position: absolute;
  top: 46px;
  left: -12px;
  width: 260px;
  padding-top: 16px;
  padding-right: 16px;
  padding-bottom: 16px;
  padding-left: 16px;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 14px;
  background-color: #0F1115;
  color: #FFFFFF;
  display: flex;
  flex-direction: column;
  row-gap: 6px;
  column-gap: 6px;
  box-shadow: 0 20px 40px -20px rgba(15,17,21,0.6);
}
.hero59_div-83 {
  font-size: 15px;
  font-weight: 600;
}
.hero59_div-84 {
  font-size: 14px;
  line-height: 1.5;
  color: #B9BEC6;
}
.hero59_div-88 {
  position: absolute;
  left: 80%;
  top: 66%;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 0.35rem;
}
.hero59_div-87 {
  width: 36px;
  height: 36px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-top-width: 3px;
  border-top-style: solid;
  border-top-color: #FFFFFF;
  border-right-width: 3px;
  border-right-style: solid;
  border-right-color: #FFFFFF;
  border-bottom-width: 3px;
  border-bottom-style: solid;
  border-bottom-color: #FFFFFF;
  border-left-width: 3px;
  border-left-style: solid;
  border-left-color: #FFFFFF;
  cursor: pointer;
  font-family: var(--blok-font-saas-mono);
  font-size: 14px;
  font-weight: 500;
  background-color: #2D4BF0;
  color: #FFFFFF;
  box-shadow: 0 0 0 6px rgba(45,75,240,0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  flex-shrink: 0;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.hero59_div-134 {
  position: relative;
  width: 100%;
  margin-top: 28px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  background-color: #FFFFFF;
  box-shadow: 0 -20px 60px -40px rgba(15,17,21,0.35);
  text-align: left;
  display: none;
}
.hero59_div-103 {
  display: flex;
  align-items: center;
  row-gap: 8px;
  column-gap: 8px;
  height: 44px;
  padding-top: 0;
  padding-right: 16px;
  padding-bottom: 0;
  padding-left: 16px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ECEEE8;
}
.hero59_div-99 {
  width: 10px;
  height: 10px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #DDE0D8;
}
.hero59_div-100 {
  width: 10px;
  height: 10px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #DDE0D8;
}
.hero59_div-101 {
  width: 10px;
  height: 10px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #DDE0D8;
}
.hero59_div-102 {
  margin-left: 12px;
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  color: #5B616B;
}
.hero59_div-124 {
  display: grid;
  grid-template-columns: 200px 1fr;
  min-height: 380px;
}
.hero59_div-108 {
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #ECEEE8;
  padding-top: 16px;
  padding-right: 16px;
  padding-bottom: 16px;
  padding-left: 16px;
  display: flex;
  flex-direction: column;
  row-gap: 6px;
  column-gap: 6px;
  font-size: 14px;
  color: #4E545D;
}
.hero59_div-104 {
  padding-top: 8px;
  padding-right: 10px;
  padding-bottom: 8px;
  padding-left: 10px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  background-color: #E8ECFE;
  color: #2D4BF0;
  font-weight: 500;
}
.hero59_div-105 {
  padding-top: 8px;
  padding-right: 10px;
  padding-bottom: 8px;
  padding-left: 10px;
}
.hero59_div-106 {
  padding-top: 8px;
  padding-right: 10px;
  padding-bottom: 8px;
  padding-left: 10px;
}
.hero59_div-107 {
  padding-top: 8px;
  padding-right: 10px;
  padding-bottom: 8px;
  padding-left: 10px;
}
.hero59_div-123 {
  padding-top: 18px;
  padding-right: 18px;
  padding-bottom: 18px;
  padding-left: 18px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  row-gap: 12px;
  column-gap: 12px;
}
.hero59_div-113 {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  column-gap: 8px;
  padding-top: 12px;
  padding-right: 12px;
  padding-bottom: 12px;
  padding-left: 12px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  background-color: #F4F5F1;
}
.hero59_div-109 {
  font-size: 14px;
  font-weight: 600;
}
.hero59_div-110 {
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
  font-size: 13px;
}
.hero59_div-111 {
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
  font-size: 13px;
}
.hero59_div-112 {
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
  font-size: 13px;
}
.hero59_div-117 {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  column-gap: 8px;
  padding-top: 12px;
  padding-right: 12px;
  padding-bottom: 12px;
  padding-left: 12px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  background-color: #F4F5F1;
}
.hero59_div-114 {
  font-size: 14px;
  font-weight: 600;
}
.hero59_div-115 {
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
  font-size: 13px;
}
.hero59_div-116 {
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
  font-size: 13px;
}
.hero59_div-122 {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  column-gap: 8px;
  padding-top: 12px;
  padding-right: 12px;
  padding-bottom: 12px;
  padding-left: 12px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  background-color: #F4F5F1;
}
.hero59_div-118 {
  font-size: 14px;
  font-weight: 600;
}
.hero59_div-119 {
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
  font-size: 13px;
}
.hero59_div-120 {
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
  font-size: 13px;
}
.hero59_div-121 {
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
  font-size: 13px;
}
.hero59_div-126 {
  position: absolute;
  left: 9%;
  top: 30%;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 0.35rem;
}
.hero59_div-125 {
  width: 36px;
  height: 36px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-top-width: 3px;
  border-top-style: solid;
  border-top-color: #FFFFFF;
  border-right-width: 3px;
  border-right-style: solid;
  border-right-color: #FFFFFF;
  border-bottom-width: 3px;
  border-bottom-style: solid;
  border-bottom-color: #FFFFFF;
  border-left-width: 3px;
  border-left-style: solid;
  border-left-color: #FFFFFF;
  cursor: pointer;
  font-family: var(--blok-font-saas-mono);
  font-size: 14px;
  font-weight: 500;
  background-color: #2D4BF0;
  color: #FFFFFF;
  box-shadow: 0 0 0 6px rgba(45,75,240,0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  flex-shrink: 0;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.hero59_div-128 {
  position: absolute;
  left: 44%;
  top: 44%;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 0.35rem;
}
.hero59_div-127 {
  width: 36px;
  height: 36px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-top-width: 3px;
  border-top-style: solid;
  border-top-color: #FFFFFF;
  border-right-width: 3px;
  border-right-style: solid;
  border-right-color: #FFFFFF;
  border-bottom-width: 3px;
  border-bottom-style: solid;
  border-bottom-color: #FFFFFF;
  border-left-width: 3px;
  border-left-style: solid;
  border-left-color: #FFFFFF;
  cursor: pointer;
  font-family: var(--blok-font-saas-mono);
  font-size: 14px;
  font-weight: 500;
  background-color: #2D4BF0;
  color: #FFFFFF;
  box-shadow: 0 0 0 6px rgba(45,75,240,0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  flex-shrink: 0;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.hero59_div-133 {
  position: absolute;
  left: 80%;
  top: 66%;
  z-index: 3;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 0.35rem;
}
.hero59_div-129 {
  width: 36px;
  height: 36px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-top-width: 3px;
  border-top-style: solid;
  border-top-color: #FFFFFF;
  border-right-width: 3px;
  border-right-style: solid;
  border-right-color: #FFFFFF;
  border-bottom-width: 3px;
  border-bottom-style: solid;
  border-bottom-color: #FFFFFF;
  border-left-width: 3px;
  border-left-style: solid;
  border-left-color: #FFFFFF;
  cursor: pointer;
  font-family: var(--blok-font-saas-mono);
  font-size: 14px;
  font-weight: 500;
  background-color: #0F1115;
  color: #FFFFFF;
  box-shadow: 0 0 0 6px rgba(15,17,21,0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  flex-shrink: 0;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.hero59_div-132 {
  position: absolute;
  top: 46px;
  left: -12px;
  width: 260px;
  padding-top: 16px;
  padding-right: 16px;
  padding-bottom: 16px;
  padding-left: 16px;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 14px;
  background-color: #0F1115;
  color: #FFFFFF;
  display: flex;
  flex-direction: column;
  row-gap: 6px;
  column-gap: 6px;
  box-shadow: 0 20px 40px -20px rgba(15,17,21,0.6);
}
.hero59_div-130 {
  font-size: 15px;
  font-weight: 600;
}
.hero59_div-131 {
  font-size: 14px;
  line-height: 1.5;
  color: #B9BEC6;
}
.hero59_div-171 {
  position: absolute;
  left: 9%;
  top: 30%;
  z-index: 2;
  display: none;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 0.35rem;
}
.hero59_div-170 {
  width: 36px;
  height: 36px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-top-width: 3px;
  border-top-style: solid;
  border-top-color: #FFFFFF;
  border-right-width: 3px;
  border-right-style: solid;
  border-right-color: #FFFFFF;
  border-bottom-width: 3px;
  border-bottom-style: solid;
  border-bottom-color: #FFFFFF;
  border-left-width: 3px;
  border-left-style: solid;
  border-left-color: #FFFFFF;
  cursor: pointer;
  font-family: var(--blok-font-saas-mono);
  font-size: 14px;
  font-weight: 500;
  background-color: #2D4BF0;
  color: #FFFFFF;
  box-shadow: 0 0 0 6px rgba(45,75,240,0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  flex-shrink: 0;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.section_hero59.is-dark {
  background-color: var(--blok-saas-ink);
  color: var(--blok-saas-canvas);
}
.section_hero59.is-accent {
  background-color: var(--blok-saas-blue);
  color: var(--blok-saas-white);
}

/* Generated by Blokset from components/hero-60.js. Edit the spec, not this file. */
.section_hero60 {
  font-family: var(--blok-font-saas);
  color: #F4F5F1;
  background-color: #0F1115;
  padding-top: clamp(56px, 8vw, 104px);
  padding-right: clamp(20px, 4vw, 48px);
  padding-bottom: clamp(56px, 8vw, 104px);
  padding-left: clamp(20px, 4vw, 48px);
}
.hero60_div-47 {
  max-width: 1200px;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  row-gap: 56px;
  column-gap: 56px;
}
.hero60_div-7 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 420px;
  display: flex;
  flex-direction: column;
  row-gap: 22px;
  column-gap: 22px;
}
.hero60_div-1 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #A7ADB6;
}
.hero60_heading {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: clamp(40px, 5.6vw, 72px);
  line-height: 1;
  letter-spacing: -0.045em;
  font-weight: 600;
}
.hero60_subheading {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  max-width: 460px;
  font-size: 18px;
  line-height: 1.6;
  color: #B9BEC6;
}
.hero60_div-6 {
  display: flex;
  flex-wrap: wrap;
  row-gap: 12px;
  column-gap: 12px;
}
.hero60_a-4 {
  display: flex;
  align-items: center;
  height: 48px;
  padding-top: 0;
  padding-right: 22px;
  padding-bottom: 0;
  padding-left: 22px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: #F4F5F1;
  color: #0F1115;
  text-decoration: none;
  font-weight: 500;
}
.hero60_a-5 {
  display: flex;
  align-items: center;
  height: 48px;
  padding-top: 0;
  padding-right: 22px;
  padding-bottom: 0;
  padding-left: 22px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #3A3F47;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #3A3F47;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #3A3F47;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #3A3F47;
  color: #F4F5F1;
  text-decoration: none;
  font-weight: 500;
}
.hero60_div-46 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 480px;
  min-width: 0;
  background-color: #181B20;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #2C3037;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #2C3037;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #2C3037;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #2C3037;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  box-shadow: 0 40px 80px -40px rgba(0,0,0,0.8);
  overflow: hidden;
}
.hero60_div-12 {
  display: flex;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
  padding-top: 16px;
  padding-right: 18px;
  padding-bottom: 16px;
  padding-left: 18px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #2C3037;
}
.hero60_icon-8 {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}
.hero60_div-9 {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}
.hero60_div-10 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  min-width: 0;
  height: 32px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  outline: none;
  background-color: transparent;
  color: #F4F5F1;
  font-size: 17px;
}
.hero60_div-11 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  color: #8C929B;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #3A3F47;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #3A3F47;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #3A3F47;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #3A3F47;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  padding-top: 3px;
  padding-right: 7px;
  padding-bottom: 3px;
  padding-left: 7px;
}
.hero60_div-42 {
  padding-top: 8px;
  padding-right: 8px;
  padding-bottom: 8px;
  padding-left: 8px;
  display: flex;
  flex-direction: column;
  row-gap: 2px;
  column-gap: 2px;
  min-height: 320px;
}
.hero60_div-13 {
  padding-top: 10px;
  padding-right: 12px;
  padding-bottom: 6px;
  padding-left: 12px;
  font-family: var(--blok-font-saas-mono);
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #8C929B;
}
.hero60_div-17 {
  display: flex;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
  width: 100%;
  min-height: 44px;
  padding-top: 0;
  padding-right: 12px;
  padding-bottom: 0;
  padding-left: 12px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  cursor: pointer;
  text-align: left;
  color: #F4F5F1;
  font-size: 15px;
  background-color: #262A31;
}
.hero60_div-14 {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
  background-color: #262A31;
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  color: #AFC0FF;
}
.hero60_div-15 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
}
.hero60_div-16 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  color: #8C929B;
}
.hero60_div-21 {
  display: flex;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
  width: 100%;
  min-height: 44px;
  padding-top: 0;
  padding-right: 12px;
  padding-bottom: 0;
  padding-left: 12px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  cursor: pointer;
  text-align: left;
  color: #F4F5F1;
  font-size: 15px;
  background-color: transparent;
}
.hero60_div-18 {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
  background-color: #262A31;
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  color: #AFC0FF;
}
.hero60_div-19 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
}
.hero60_div-20 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  color: #8C929B;
}
.hero60_div-25 {
  display: flex;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
  width: 100%;
  min-height: 44px;
  padding-top: 0;
  padding-right: 12px;
  padding-bottom: 0;
  padding-left: 12px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  cursor: pointer;
  text-align: left;
  color: #F4F5F1;
  font-size: 15px;
  background-color: transparent;
}
.hero60_div-22 {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
  background-color: #262A31;
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  color: #AFC0FF;
}
.hero60_div-23 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
}
.hero60_div-24 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  color: #8C929B;
}
.hero60_div-29 {
  display: flex;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
  width: 100%;
  min-height: 44px;
  padding-top: 0;
  padding-right: 12px;
  padding-bottom: 0;
  padding-left: 12px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  cursor: pointer;
  text-align: left;
  color: #F4F5F1;
  font-size: 15px;
  background-color: transparent;
}
.hero60_div-26 {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
  background-color: #262A31;
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  color: #AFC0FF;
}
.hero60_div-27 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
}
.hero60_div-28 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  color: #8C929B;
}
.hero60_div-33 {
  display: flex;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
  width: 100%;
  min-height: 44px;
  padding-top: 0;
  padding-right: 12px;
  padding-bottom: 0;
  padding-left: 12px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  cursor: pointer;
  text-align: left;
  color: #F4F5F1;
  font-size: 15px;
  background-color: transparent;
}
.hero60_div-30 {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
  background-color: #262A31;
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  color: #AFC0FF;
}
.hero60_div-31 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
}
.hero60_div-32 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  color: #8C929B;
}
.hero60_div-37 {
  display: flex;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
  width: 100%;
  min-height: 44px;
  padding-top: 0;
  padding-right: 12px;
  padding-bottom: 0;
  padding-left: 12px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  cursor: pointer;
  text-align: left;
  color: #F4F5F1;
  font-size: 15px;
  background-color: transparent;
}
.hero60_div-34 {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
  background-color: #262A31;
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  color: #AFC0FF;
}
.hero60_div-35 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
}
.hero60_div-36 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  color: #8C929B;
}
.hero60_div-41 {
  display: flex;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
  width: 100%;
  min-height: 44px;
  padding-top: 0;
  padding-right: 12px;
  padding-bottom: 0;
  padding-left: 12px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  cursor: pointer;
  text-align: left;
  color: #F4F5F1;
  font-size: 15px;
  background-color: transparent;
}
.hero60_div-38 {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
  background-color: #262A31;
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  color: #AFC0FF;
}
.hero60_div-39 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
}
.hero60_div-40 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  color: #8C929B;
}
.hero60_div-45 {
  display: flex;
  justify-content: space-between;
  row-gap: 12px;
  column-gap: 12px;
  padding-top: 12px;
  padding-right: 18px;
  padding-bottom: 12px;
  padding-left: 18px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #2C3037;
  font-size: 13px;
  color: #A7ADB6;
}
.hero60_div-44 {
  font-family: var(--blok-font-saas-mono);
}
.section_hero60.is-light {
  background-color: var(--blok-saas-canvas);
  color: var(--blok-saas-ink);
}
.section_hero60.is-accent {
  background-color: var(--blok-saas-blue);
  color: var(--blok-saas-white);
}

/* Generated by Blokset from components/hero-61.js. Edit the spec, not this file. */
.section_hero61 {
  font-family: var(--blok-font-saas);
  color: #0F1115;
  background-color: #F4F5F1;
  padding-top: clamp(56px, 8vw, 104px);
  padding-right: clamp(20px, 4vw, 48px);
  padding-bottom: clamp(56px, 8vw, 104px);
  padding-left: clamp(20px, 4vw, 48px);
}
.hero61_div-21 {
  max-width: 820px;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 22px;
  column-gap: 22px;
  text-align: center;
}
.hero61_div-1 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5B616B;
}
.hero61_heading {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: clamp(42px, 6vw, 80px);
  line-height: 0.96;
  letter-spacing: -0.05em;
  font-weight: 600;
}
.hero61_subheading {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  max-width: 540px;
  font-size: 18px;
  line-height: 1.55;
  color: #4E545D;
}
.hero61_div-7 {
  width: 100%;
  display: flex;
  row-gap: 8px;
  column-gap: 8px;
  padding-top: 8px;
  padding-right: 8px;
  padding-bottom: 8px;
  padding-left: 8px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  box-shadow: 0 16px 40px -28px rgba(15,17,21,0.4);
}
.hero61_div-4 {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}
.hero61_div-5 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  min-width: 0;
  height: 52px;
  padding-top: 0;
  padding-right: 14px;
  padding-bottom: 0;
  padding-left: 14px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  outline: none;
  background-color: transparent;
  font-size: 18px;
  color: #0F1115;
}
.hero61_div-6 {
  height: 52px;
  padding-top: 0;
  padding-right: 22px;
  padding-bottom: 0;
  padding-left: 22px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  cursor: pointer;
  background-color: #2D4BF0;
  color: #FFFFFF;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hero61_div-12 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  row-gap: 8px;
  column-gap: 8px;
}
.hero61_div-8 {
  height: 40px;
  padding-top: 0;
  padding-right: 14px;
  padding-bottom: 0;
  padding-left: 14px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  cursor: pointer;
  font-size: 15px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #0F1115;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #0F1115;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #0F1115;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #0F1115;
  background-color: #0F1115;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hero61_div-9 {
  height: 40px;
  padding-top: 0;
  padding-right: 14px;
  padding-bottom: 0;
  padding-left: 14px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  cursor: pointer;
  font-size: 15px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  background-color: #FFFFFF;
  color: #0F1115;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hero61_div-10 {
  height: 40px;
  padding-top: 0;
  padding-right: 14px;
  padding-bottom: 0;
  padding-left: 14px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  cursor: pointer;
  font-size: 15px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  background-color: #FFFFFF;
  color: #0F1115;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hero61_div-11 {
  height: 40px;
  padding-top: 0;
  padding-right: 14px;
  padding-bottom: 0;
  padding-left: 14px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  cursor: pointer;
  font-size: 15px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  background-color: #FFFFFF;
  color: #0F1115;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hero61_div-20 {
  width: 100%;
  margin-top: 8px;
  text-align: left;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
  border-bottom-left-radius: 18px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  overflow: hidden;
}
.hero61_div-15 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  row-gap: 12px;
  column-gap: 12px;
  padding-top: 16px;
  padding-right: 20px;
  padding-bottom: 16px;
  padding-left: 20px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ECEEE8;
}
.hero61_div-13 {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.015em;
}
.hero61_div-14 {
  padding-top: 4px;
  padding-right: 10px;
  padding-bottom: 4px;
  padding-left: 10px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  font-size: 12px;
  font-weight: 500;
  background-color: #E8ECFE;
  color: #2D4BF0;
}
.hero61_div-19 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 16px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 40px;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  column-gap: 10px;
  font-size: 16px;
  line-height: 1.5;
  color: #4E545D;
}
.section_hero61.is-dark {
  background-color: var(--blok-saas-ink);
  color: var(--blok-saas-canvas);
}
.section_hero61.is-accent {
  background-color: var(--blok-saas-blue);
  color: var(--blok-saas-white);
}

/* Generated by Blokset from components/hero-62.js. Edit the spec, not this file. */
.section_hero62 {
  font-family: var(--blok-font-saas);
  color: #F4F5F1;
  background-color: #0F1115;
  padding-top: clamp(56px, 8vw, 104px);
  padding-right: clamp(20px, 4vw, 48px);
  padding-bottom: clamp(56px, 8vw, 104px);
  padding-left: clamp(20px, 4vw, 48px);
}
.hero62_div-69 {
  max-width: 1200px;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  row-gap: clamp(40px, 6vw, 80px);
  column-gap: clamp(40px, 6vw, 80px);
}
.hero62_div-7 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 420px;
  display: flex;
  flex-direction: column;
  row-gap: 22px;
  column-gap: 22px;
}
.hero62_div-1 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #A7ADB6;
}
.hero62_heading {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: clamp(42px, 5.6vw, 76px);
  line-height: 0.98;
  letter-spacing: -0.045em;
  font-weight: 600;
}
.hero62_subheading {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  max-width: 460px;
  font-size: 18px;
  line-height: 1.55;
  color: #B9BEC6;
}
.hero62_div-6 {
  display: flex;
  flex-wrap: wrap;
  row-gap: 12px;
  column-gap: 12px;
}
.hero62_a-4 {
  display: flex;
  align-items: center;
  height: 48px;
  padding-top: 0;
  padding-right: 22px;
  padding-bottom: 0;
  padding-left: 22px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: #FFFFFF;
  color: #0F1115;
  font-weight: 500;
  text-decoration: none;
}
.hero62_a-5 {
  display: flex;
  align-items: center;
  height: 48px;
  padding-top: 0;
  padding-right: 22px;
  padding-bottom: 0;
  padding-left: 22px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #3A3F47;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #3A3F47;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #3A3F47;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #3A3F47;
  color: #F4F5F1;
  font-weight: 500;
  text-decoration: none;
}
.hero62_div-68 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 480px;
  min-width: 0;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
  border-bottom-left-radius: 18px;
  background-color: #181B20;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #2C3037;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #2C3037;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #2C3037;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #2C3037;
  overflow: hidden;
}
.hero62_div-11 {
  display: flex;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
  height: 60px;
  padding-top: 0;
  padding-right: 18px;
  padding-bottom: 0;
  padding-left: 18px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #2C3037;
}
.hero62_icon-8 {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}
.hero62_div-9 {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}
.hero62_div-10 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  min-width: 0;
  height: 44px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  outline: none;
  background-color: transparent;
  font-size: 17px;
  color: #F4F5F1;
}
.hero62_div-24 {
  display: flex;
  row-gap: 6px;
  column-gap: 6px;
  padding-top: 10px;
  padding-right: 12px;
  padding-bottom: 10px;
  padding-left: 12px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #2C3037;
  overflow-x: auto;
}
.hero62_div-14 {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  row-gap: 8px;
  column-gap: 8px;
  height: 36px;
  padding-top: 0;
  padding-right: 12px;
  padding-bottom: 0;
  padding-left: 12px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  cursor: pointer;
  font-size: 14px;
  background-color: #2D4BF0;
  color: #FFFFFF;
}
.hero62_div-12 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  color: #DCE2FF;
}
.hero62_div-17 {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  row-gap: 8px;
  column-gap: 8px;
  height: 36px;
  padding-top: 0;
  padding-right: 12px;
  padding-bottom: 0;
  padding-left: 12px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  cursor: pointer;
  font-size: 14px;
  background-color: transparent;
  color: #B9BEC6;
}
.hero62_div-15 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  color: #7D838C;
}
.hero62_div-20 {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  row-gap: 8px;
  column-gap: 8px;
  height: 36px;
  padding-top: 0;
  padding-right: 12px;
  padding-bottom: 0;
  padding-left: 12px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  cursor: pointer;
  font-size: 14px;
  background-color: transparent;
  color: #B9BEC6;
}
.hero62_div-18 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  color: #7D838C;
}
.hero62_div-23 {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  row-gap: 8px;
  column-gap: 8px;
  height: 36px;
  padding-top: 0;
  padding-right: 12px;
  padding-bottom: 0;
  padding-left: 12px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  cursor: pointer;
  font-size: 14px;
  background-color: transparent;
  color: #B9BEC6;
}
.hero62_div-21 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  color: #7D838C;
}
.hero62_div-67 {
  min-height: 330px;
  padding-top: 8px;
  padding-right: 8px;
  padding-bottom: 8px;
  padding-left: 8px;
}
.hero62_div-38 {
  padding-top: 8px;
  padding-right: 0;
  padding-bottom: 8px;
  padding-left: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 0.35rem;
}
.hero62_div-25 {
  padding-top: 6px;
  padding-right: 10px;
  padding-bottom: 6px;
  padding-left: 10px;
  font-family: var(--blok-font-saas-mono);
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #8C929B;
}
.hero62_a-31 {
  display: flex;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
  min-height: 52px;
  padding-top: 0;
  padding-right: 10px;
  padding-bottom: 0;
  padding-left: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  color: #F4F5F1;
  text-decoration: none;
}
.hero62_div-26 {
  width: 32px;
  height: 32px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 600;
  background-color: #262A31;
  color: #AFC0FF;
}
.hero62_div-29 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  display: flex;
  flex-direction: column;
  row-gap: 2px;
  column-gap: 2px;
}
.hero62_div-27 {
  font-size: 15px;
}
.hero62_div-28 {
  font-size: 13px;
  color: #A7ADB6;
}
.hero62_div-30 {
  padding-top: 3px;
  padding-right: 8px;
  padding-bottom: 3px;
  padding-left: 8px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  font-size: 12px;
  background-color: #262A31;
  color: #B9BEC6;
}
.hero62_a-37 {
  display: flex;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
  min-height: 52px;
  padding-top: 0;
  padding-right: 10px;
  padding-bottom: 0;
  padding-left: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  color: #F4F5F1;
  text-decoration: none;
}
.hero62_div-32 {
  width: 32px;
  height: 32px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 600;
  background-color: #262A31;
  color: #AFC0FF;
}
.hero62_div-35 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  display: flex;
  flex-direction: column;
  row-gap: 2px;
  column-gap: 2px;
}
.hero62_div-33 {
  font-size: 15px;
}
.hero62_div-34 {
  font-size: 13px;
  color: #A7ADB6;
}
.hero62_div-36 {
  padding-top: 3px;
  padding-right: 8px;
  padding-bottom: 3px;
  padding-left: 8px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  font-size: 12px;
  background-color: #1E3A2A;
  color: #8FD3A8;
}
.hero62_div-52 {
  padding-top: 8px;
  padding-right: 0;
  padding-bottom: 8px;
  padding-left: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 0.35rem;
}
.hero62_div-39 {
  padding-top: 6px;
  padding-right: 10px;
  padding-bottom: 6px;
  padding-left: 10px;
  font-family: var(--blok-font-saas-mono);
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #8C929B;
}
.hero62_a-45 {
  display: flex;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
  min-height: 52px;
  padding-top: 0;
  padding-right: 10px;
  padding-bottom: 0;
  padding-left: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  color: #F4F5F1;
  text-decoration: none;
}
.hero62_div-40 {
  width: 32px;
  height: 32px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 600;
  background-color: #262A31;
  color: #AFC0FF;
}
.hero62_div-43 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  display: flex;
  flex-direction: column;
  row-gap: 2px;
  column-gap: 2px;
}
.hero62_div-41 {
  font-size: 15px;
}
.hero62_div-42 {
  font-size: 13px;
  color: #A7ADB6;
}
.hero62_div-44 {
  padding-top: 3px;
  padding-right: 8px;
  padding-bottom: 3px;
  padding-left: 8px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  font-size: 12px;
  background-color: #1E3A2A;
  color: #8FD3A8;
}
.hero62_a-51 {
  display: flex;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
  min-height: 52px;
  padding-top: 0;
  padding-right: 10px;
  padding-bottom: 0;
  padding-left: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  color: #F4F5F1;
  text-decoration: none;
}
.hero62_div-46 {
  width: 32px;
  height: 32px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 600;
  background-color: #262A31;
  color: #AFC0FF;
}
.hero62_div-49 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  display: flex;
  flex-direction: column;
  row-gap: 2px;
  column-gap: 2px;
}
.hero62_div-47 {
  font-size: 15px;
}
.hero62_div-48 {
  font-size: 13px;
  color: #A7ADB6;
}
.hero62_div-50 {
  padding-top: 3px;
  padding-right: 8px;
  padding-bottom: 3px;
  padding-left: 8px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  font-size: 12px;
  background-color: #1E3A2A;
  color: #8FD3A8;
}
.hero62_div-66 {
  padding-top: 8px;
  padding-right: 0;
  padding-bottom: 8px;
  padding-left: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 0.35rem;
}
.hero62_div-53 {
  padding-top: 6px;
  padding-right: 10px;
  padding-bottom: 6px;
  padding-left: 10px;
  font-family: var(--blok-font-saas-mono);
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #8C929B;
}
.hero62_a-59 {
  display: flex;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
  min-height: 52px;
  padding-top: 0;
  padding-right: 10px;
  padding-bottom: 0;
  padding-left: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  color: #F4F5F1;
  text-decoration: none;
}
.hero62_div-54 {
  width: 32px;
  height: 32px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 600;
  background-color: #262A31;
  color: #AFC0FF;
}
.hero62_div-57 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  display: flex;
  flex-direction: column;
  row-gap: 2px;
  column-gap: 2px;
}
.hero62_div-55 {
  font-size: 15px;
}
.hero62_div-56 {
  font-size: 13px;
  color: #A7ADB6;
}
.hero62_div-58 {
  padding-top: 3px;
  padding-right: 8px;
  padding-bottom: 3px;
  padding-left: 8px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  font-size: 12px;
  background-color: #3A2A1E;
  color: #F2B48A;
}
.hero62_a-65 {
  display: flex;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
  min-height: 52px;
  padding-top: 0;
  padding-right: 10px;
  padding-bottom: 0;
  padding-left: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  color: #F4F5F1;
  text-decoration: none;
}
.hero62_div-60 {
  width: 32px;
  height: 32px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 600;
  background-color: #262A31;
  color: #AFC0FF;
}
.hero62_div-63 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  display: flex;
  flex-direction: column;
  row-gap: 2px;
  column-gap: 2px;
}
.hero62_div-61 {
  font-size: 15px;
}
.hero62_div-62 {
  font-size: 13px;
  color: #A7ADB6;
}
.hero62_div-64 {
  padding-top: 3px;
  padding-right: 8px;
  padding-bottom: 3px;
  padding-left: 8px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  font-size: 12px;
  background-color: #1E3A2A;
  color: #8FD3A8;
}
.section_hero62.is-light {
  background-color: var(--blok-saas-canvas);
  color: var(--blok-saas-ink);
}
.section_hero62.is-accent {
  background-color: var(--blok-saas-blue);
  color: var(--blok-saas-white);
}

/* Generated by Blokset from components/hero-63.js. Edit the spec, not this file. */
.section_hero63 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.hero63_component {
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  row-gap: 2.5rem;
  column-gap: 0rem;
}
.hero63_copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 1.25rem;
}
.hero63_chip {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.hero63_heading {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 18ch;
  font-family: var(--blok-font-serif);
  font-size: 3rem;
  line-height: 1.05;
  font-weight: 500;
  letter-spacing: -0.03em;
  text-wrap: balance;
  color: var(--blok-ink);
}
.hero63_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.hero63_actions {
  display: flex;
  flex-wrap: wrap;
  column-gap: 0.6rem;
  row-gap: 0.6rem;
}
.hero63_proof {
  display: flex;
  align-items: center;
  column-gap: 0.85rem;
  margin-top: 0.5rem;
}
.hero63_avatars {
  display: flex;
  align-items: center;
  padding-left: 0.65rem;
}
.hero63_avatar {
  display: block;
  width: 2.25rem;
  height: 2.25rem;
  margin-left: -0.65rem;
  object-fit: cover;
  border-top-width: 2px;
  border-right-width: 2px;
  border-bottom-width: 2px;
  border-left-width: 2px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: var(--blok-surface);
  border-right-color: var(--blok-surface);
  border-bottom-color: var(--blok-surface);
  border-left-color: var(--blok-surface);
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
}
.hero63_trust {
  font-size: 0.875rem;
  line-height: 1.4;
  color: var(--blok-ink-muted);
}
.hero63_stage {
  position: relative;
  width: 100%;
  padding-top: 0rem;
  padding-left: 0rem;
}
.hero63_media {
  position: relative;
  overflow: hidden;
  height: 22rem;
  border-top-left-radius: 2rem;
  border-top-right-radius: 2rem;
  border-bottom-left-radius: 2rem;
  border-bottom-right-radius: 2rem;
}
.hero63_image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero63_notch-a {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 28%;
  height: 32%;
  z-index: 2;
  border-bottom-right-radius: 2.25rem;
  background-color: var(--blok-surface);
}
.hero63_notch-b {
  display: none;
  position: absolute;
  top: 28%;
  left: 0;
  width: 14%;
  height: 22%;
  z-index: 2;
  border-top-right-radius: 1.75rem;
  border-bottom-right-radius: 1.75rem;
  background-color: var(--blok-surface);
}
.hero63_card {
  position: relative;
  right: auto;
  bottom: auto;
  z-index: 3;
  display: flex;
  align-items: center;
  column-gap: 0.85rem;
  width: 100%;
  max-width: 22rem;
  margin-top: -2rem;
  margin-left: auto;
  text-decoration: none;
  padding-top: 0.7rem;
  padding-right: 0.9rem;
  padding-bottom: 0.7rem;
  padding-left: 0.7rem;
  border-top-left-radius: 1.25rem;
  border-top-right-radius: 1.25rem;
  border-bottom-left-radius: 1.25rem;
  border-bottom-right-radius: 1.25rem;
  background-color: var(--blok-surface-2);
  color: var(--blok-ink);
}
.hero63_card-image {
  display: block;
  width: 4.5rem;
  height: 3.25rem;
  flex-shrink: 0;
  object-fit: cover;
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}
.hero63_card-copy {
  display: flex;
  flex-direction: column;
  row-gap: 0.3rem;
}
.hero63_card-title {
  font-size: 0.8125rem;
  line-height: 1.35;
  font-weight: 600;
}
.hero63_card-kicker {
  font-family: var(--blok-font-mono);
  font-size: 0.6875rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.section_hero63.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.hero63_chip.is-dark {
  color: var(--blok-surface-muted);
}
.hero63_heading.is-dark {
  color: var(--blok-surface);
}
.hero63_description.is-dark {
  color: var(--blok-surface-muted);
}
.hero63_trust.is-dark {
  color: var(--blok-surface-muted);
}
.hero63_avatar.is-dark {
  border-top-color: var(--blok-ink);
  border-right-color: var(--blok-ink);
  border-bottom-color: var(--blok-ink);
  border-left-color: var(--blok-ink);
}
.hero63_notch-a.is-dark {
  background-color: var(--blok-ink);
}
.hero63_notch-b.is-dark {
  background-color: var(--blok-ink);
}
.hero63_card.is-dark {
  background-color: var(--blok-ink-2);
  color: var(--blok-surface);
}
.hero63_card-kicker.is-dark {
  color: var(--blok-surface-muted);
}
.section_hero63.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.hero63_chip.is-accent {
  color: var(--blok-ink-soft);
}
.hero63_heading.is-accent {
  color: var(--blok-ink);
}
.hero63_description.is-accent {
  color: var(--blok-ink-soft);
}
.hero63_trust.is-accent {
  color: var(--blok-ink-soft);
}
.hero63_avatar.is-accent {
  border-top-color: var(--blok-accent);
  border-right-color: var(--blok-accent);
  border-bottom-color: var(--blok-accent);
  border-left-color: var(--blok-accent);
}
.hero63_notch-a.is-accent {
  background-color: var(--blok-accent);
}
.hero63_notch-b.is-accent {
  background-color: var(--blok-accent);
}
.hero63_card.is-accent {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.hero63_card-kicker.is-accent {
  color: var(--blok-ink-soft);
}

@media (min-width: 768px) {
  .hero63_heading {
    font-size: 4rem;
  }
}

@media (min-width: 992px) {
  .hero63_component {
    grid-template-columns: 1fr 1.15fr;
    column-gap: 3rem;
    row-gap: 0rem;
  }
  .hero63_heading {
    font-size: 4.5rem;
  }
  .hero63_stage {
    padding-top: 2.5rem;
    padding-left: 2.5rem;
  }
  .hero63_media {
    height: 34rem;
    border-top-left-radius: 2.75rem;
    border-top-right-radius: 2.75rem;
    border-bottom-right-radius: 2.75rem;
    border-bottom-left-radius: 2.75rem;
  }
  .hero63_notch-a {
    display: block;
  }
  .hero63_notch-b {
    display: block;
  }
  .hero63_card {
    position: absolute;
    right: 0;
    bottom: 1.25rem;
    width: 19rem;
    margin-top: 0rem;
  }
}

/* Generated by Blokset from components/hero-64.js. Edit the spec, not this file. */
.section_hero64 {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.hero64_component {
  display: flex;
  flex-direction: column;
  row-gap: 0rem;
}
.hero64_stage {
  position: relative;
  overflow: hidden;
  min-height: 28rem;
  border-top-left-radius: 1.75rem;
  border-top-right-radius: 1.75rem;
  border-bottom-left-radius: 1.75rem;
  border-bottom-right-radius: 1.75rem;
  background-color: var(--blok-ink-2);
}
.hero64_image {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 28rem;
  object-fit: cover;
}
.hero64_scrim {
  position: absolute;
  top: 40%;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  opacity: 0.72;
  background-color: var(--blok-ink);
}
.hero64_chrome {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  column-gap: 1rem;
  row-gap: 0.75rem;
  padding-top: 1.5rem;
  padding-right: 1.5rem;
  padding-bottom: 1.5rem;
  padding-left: 1.5rem;
}
.hero64_wordmark {
  font-family: var(--blok-font-display);
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--blok-surface);
}
.hero64_heading {
  position: absolute;
  right: 1.25rem;
  bottom: 1.5rem;
  left: 1.25rem;
  z-index: 2;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 16ch;
  font-family: var(--blok-font-display);
  font-size: 2.5rem;
  line-height: 1.02;
  font-weight: 700;
  letter-spacing: -0.04em;
  text-wrap: balance;
  color: var(--blok-surface);
}
.section_hero64.is-light {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.hero64_stage.is-light {
  background-color: var(--blok-surface-2);
}
.hero64_wordmark.is-light {
  color: var(--blok-ink);
}
.hero64_heading.is-light {
  color: var(--blok-ink);
}
.hero64_scrim.is-light {
  background-color: var(--blok-surface);
}

@media (min-width: 768px) {
  .hero64_heading {
    font-size: 3.5rem;
  }
}

@media (min-width: 992px) {
  .hero64_stage {
    min-height: 40rem;
    border-top-left-radius: 2.75rem;
    border-top-right-radius: 2.75rem;
    border-bottom-right-radius: 2.75rem;
    border-bottom-left-radius: 2.75rem;
  }
  .hero64_image {
    min-height: 40rem;
  }
  .hero64_chrome {
    padding-top: 2.25rem;
    padding-right: 2.5rem;
    padding-bottom: 2.25rem;
    padding-left: 2.5rem;
  }
  .hero64_heading {
    right: 2.5rem;
    bottom: 2.5rem;
    left: 2.5rem;
    font-size: 4.75rem;
    max-width: 14ch;
  }
}

/* Generated by Blokset from components/hero-65.js. Edit the spec, not this file. */
.section_hero65 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.hero65_component {
  position: relative;
}
.hero65_frame {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: 1fr;
  align-items: end;
  row-gap: 2rem;
  column-gap: 0rem;
  padding-top: 1.75rem;
  padding-right: 1.75rem;
  padding-bottom: 1.75rem;
  padding-left: 1.75rem;
  min-height: 24rem;
  border-top-left-radius: 2rem;
  border-top-right-radius: 2rem;
  border-bottom-left-radius: 2rem;
  border-bottom-right-radius: 2rem;
  background-color: var(--blok-surface-2);
  color: var(--blok-ink);
}
.hero65_cutout-left {
  display: none;
  position: absolute;
  top: 50%;
  left: 0;
  width: 4.5rem;
  height: 9rem;
  margin-top: -4.5rem;
  margin-left: -2.25rem;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  background-color: var(--blok-surface);
  z-index: 3;
}
.hero65_cutout-right {
  display: none;
  position: absolute;
  top: 50%;
  right: 0;
  width: 4.5rem;
  height: 9rem;
  margin-top: -4.5rem;
  margin-right: -2.25rem;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  background-color: var(--blok-surface);
  z-index: 3;
}
.hero65_copy {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 3rem;
  min-height: 100%;
  padding-left: 0rem;
  padding-right: 0rem;
}
.hero65_top {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  column-gap: 1.5rem;
  row-gap: 0.75rem;
}
.hero65_wordmark {
  font-family: var(--blok-font-display);
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--blok-ink);
}
.hero65_tagline {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 22rem;
  font-size: 0.8125rem;
  line-height: 1.5;
  color: var(--blok-ink-muted);
}
.hero65_lead {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 1rem;
}
.hero65_badge {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding-top: 0.4rem;
  padding-right: 0.85rem;
  padding-bottom: 0.4rem;
  padding-left: 0.85rem;
  background-color: #c8f542;
  color: var(--blok-ink);
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
}
.hero65_heading {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 12ch;
  font-family: var(--blok-font-display);
  font-size: 2.75rem;
  line-height: 1.02;
  font-weight: 700;
  letter-spacing: -0.03em;
  text-wrap: balance;
  color: var(--blok-ink);
}
.hero65_media {
  position: relative;
  z-index: 2;
  width: 100%;
  overflow: hidden;
  aspect-ratio: 4 / 5;
  height: auto;
  min-height: 0rem;
  border-top-left-radius: 1.5rem;
  border-top-right-radius: 1.5rem;
  border-bottom-left-radius: 1.5rem;
  border-bottom-right-radius: 1.5rem;
}
.hero65_image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}
.section_hero65.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.hero65_frame.is-dark {
  background-color: var(--blok-ink-2);
  color: var(--blok-surface);
}
.hero65_cutout-left.is-dark {
  background-color: var(--blok-ink);
}
.hero65_cutout-right.is-dark {
  background-color: var(--blok-ink);
}
.hero65_heading.is-dark {
  color: var(--blok-surface);
}
.hero65_tagline.is-dark {
  color: var(--blok-surface-muted);
}
.hero65_wordmark.is-dark {
  color: var(--blok-surface);
}
.section_hero65.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.hero65_frame.is-accent {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.hero65_cutout-left.is-accent {
  background-color: var(--blok-accent);
}
.hero65_cutout-right.is-accent {
  background-color: var(--blok-accent);
}
.hero65_heading.is-accent {
  color: var(--blok-ink);
}
.hero65_tagline.is-accent {
  color: var(--blok-ink-soft);
}
.hero65_wordmark.is-accent {
  color: var(--blok-ink);
}

@media (min-width: 768px) {
  .hero65_heading {
    font-size: 3.75rem;
  }
}

@media (min-width: 992px) {
  .hero65_frame {
    grid-template-columns: 1.1fr 0.9fr;
    column-gap: 2.5rem;
    row-gap: 0rem;
    padding-top: 2.5rem;
    padding-right: 3.5rem;
    padding-bottom: 2.5rem;
    padding-left: 3.5rem;
    min-height: 32rem;
    border-top-left-radius: 2.5rem;
    border-top-right-radius: 2.5rem;
    border-bottom-right-radius: 2.5rem;
    border-bottom-left-radius: 2.5rem;
  }
  .hero65_cutout-left {
    display: block;
  }
  .hero65_cutout-right {
    display: block;
  }
  .hero65_copy {
    padding-left: 1.25rem;
    padding-right: 0.5rem;
  }
  .hero65_heading {
    font-size: 4.5rem;
  }
  .hero65_media {
    aspect-ratio: auto;
    height: 100%;
    min-height: 28rem;
  }
}

/* Generated by Blokset from components/logos-02.js. Edit the spec, not this file. */
.section_logos2 {
  overflow: hidden;
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.logos2_label {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 2rem;
  color: var(--blok-ink-muted);
}
.logos2_rows {
  position: relative;
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
}
.logos2_row-1 {
  position: relative;
  overflow: hidden;
}
.logos2_track-1 {
  display: flex;
  width: max-content;
}
.logos2_cell-1 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 10rem;
  height: 4.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.logos2_logo-1 {
  display: block;
  max-width: 100%;
  max-height: 2.25rem;
  width: auto;
  height: auto;
  object-fit: contain;
  filter: grayscale(1);
  opacity: 0.8;
}
.logos2_row-2 {
  position: relative;
  overflow: hidden;
}
.logos2_track-2 {
  display: flex;
  width: max-content;
}
.logos2_cell-2 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 10rem;
  height: 4.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.logos2_logo-2 {
  display: block;
  max-width: 100%;
  max-height: 2.25rem;
  width: auto;
  height: auto;
  object-fit: contain;
  filter: grayscale(1);
  opacity: 0.8;
}
.logos2_fade-left {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 4rem;
  pointer-events: none;
  background-image: linear-gradient(to right, var(--blok-surface), transparent);
}
.logos2_fade-right {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  width: 4rem;
  pointer-events: none;
  background-image: linear-gradient(to left, var(--blok-surface), transparent);
}
.section_logos2.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.logos2_label.is-dark {
  color: var(--blok-surface-muted);
}
.logos2_fade-left.is-dark {
  background-image: linear-gradient(to right, #141414, transparent);
}
.logos2_fade-right.is-dark {
  background-image: linear-gradient(to left, #141414, transparent);
}
.logos2_logo-1.is-dark {
  filter: grayscale(1) invert(1);
}
.logos2_logo-2.is-dark {
  filter: grayscale(1) invert(1);
}
.section_logos2.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.logos2_label.is-accent {
  color: var(--blok-ink-soft);
}
.logos2_fade-left.is-accent {
  background-image: linear-gradient(to right, #ff5b2e, transparent);
}
.logos2_fade-right.is-accent {
  background-image: linear-gradient(to left, #ff5b2e, transparent);
}
.logos2_logo-1.is-accent {
  opacity: 1;
}
.logos2_logo-2.is-accent {
  opacity: 1;
}

@media (min-width: 992px) {
  .logos2_label {
    margin-bottom: 2.75rem;
  }
  .logos2_cell-1 {
    width: 14rem;
    height: 6rem;
  }
  .logos2_cell-2 {
    width: 14rem;
    height: 6rem;
  }
  .logos2_fade-left {
    width: 10rem;
  }
  .logos2_fade-right {
    width: 10rem;
  }
}

/* Generated by Blokset from components/logos-03.js. Edit the spec, not this file. */
.section_logos3 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.logos3_component {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 1.75rem;
}
.logos3_label {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-align: center;
  color: var(--blok-ink-muted);
}
.logos3_grid {
  display: grid;
  width: 100%;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 0.75rem;
  grid-row-gap: 0.75rem;
}
.logos3_cell {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 5.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-left-radius: var(--blok-radius);
  border-top-right-radius: var(--blok-radius);
  border-bottom-left-radius: var(--blok-radius);
  border-bottom-right-radius: var(--blok-radius);
  background-color: var(--blok-surface-2);
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
}
.logos3_logo {
  display: block;
  max-width: 100%;
  max-height: 2rem;
  width: auto;
  height: auto;
  object-fit: contain;
}
.section_logos3.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.logos3_label.is-dark {
  color: var(--blok-surface-muted);
}
.logos3_cell.is-dark {
  background-color: var(--blok-ink-2);
  border-top-color: var(--blok-line-inverse);
  border-right-color: var(--blok-line-inverse);
  border-bottom-color: var(--blok-line-inverse);
  border-left-color: var(--blok-line-inverse);
}
.logos3_logo.is-dark {
  filter: grayscale(1) invert(1);
}
.section_logos3.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.logos3_label.is-accent {
  color: var(--blok-ink-soft);
}
.logos3_cell.is-accent {
  background-color: var(--blok-surface);
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
}

@media (min-width: 768px) {
  .logos3_grid {
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }
}

@media (min-width: 992px) {
  .logos3_component {
    row-gap: 2.25rem;
  }
  .logos3_grid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }
  .logos3_cell {
    height: 6.5rem;
  }
}

/* Generated by Blokset from components/logos-05.js. Edit the spec, not this file. */
.section_logos5 {
  overflow: hidden;
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.logos5_heading {
  margin-top: 0;
  margin-bottom: 2rem;
  font-family: var(--blok-font-display);
  font-size: 2.5rem;
  line-height: 1;
  font-weight: 600;
  letter-spacing: -0.04em;
  color: var(--blok-surface);
}
.logos5_marquee {
  overflow: hidden;
}
.logos5_track {
  display: flex;
  width: max-content;
  align-items: center;
}
.logos5_item {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  column-gap: 1.5rem;
  padding-right: 1.5rem;
}
.logos5_word {
  font-family: var(--blok-font-display);
  font-size: 4rem;
  line-height: 1;
  font-weight: 500;
  letter-spacing: -0.05em;
  white-space: nowrap;
  color: var(--blok-surface);
}
.logos5_star {
  font-size: 2rem;
  line-height: 1;
  color: var(--blok-accent);
}
.section_logos5.is-light {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.logos5_heading.is-light {
  color: var(--blok-ink);
}
.logos5_word.is-light {
  color: var(--blok-ink);
}
.logos5_star.is-light {
  color: var(--blok-accent);
}
.section_logos5.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.logos5_heading.is-accent {
  color: var(--blok-ink);
}
.logos5_word.is-accent {
  color: var(--blok-ink);
}
.logos5_star.is-accent {
  color: var(--blok-ink);
}

@media (min-width: 768px) {
  .logos5_heading {
    font-size: 3.5rem;
  }
  .logos5_word {
    font-size: 7rem;
  }
  .logos5_star {
    font-size: 3.5rem;
  }
}

@media (min-width: 992px) {
  .logos5_heading {
    margin-bottom: 3rem;
    font-size: 4.5rem;
  }
  .logos5_item {
    column-gap: 2.5rem;
    padding-right: 2.5rem;
  }
  .logos5_word {
    font-size: 10rem;
  }
  .logos5_star {
    font-size: 5rem;
  }
}

/* Generated by Blokset from components/features-03.js. Edit the spec, not this file. */
.section_features3 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.features3_component {
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
}
.features3_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: left;
}
.features3_header-title {
  max-width: 40rem;
}
.features3_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.features3_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-ink);
}
.features3_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.features3_grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
}
.features3_card {
  display: flex;
  flex-direction: column;
  row-gap: 0.75rem;
  padding-top: 1.25rem;
  padding-right: 1.25rem;
  padding-bottom: 1.25rem;
  padding-left: 1.25rem;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  background-color: var(--blok-surface-2);
}
.features3_mark {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-accent);
}
.features3_card-title {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  font-size: 1.5rem;
  line-height: 1.15;
  font-weight: 600;
  letter-spacing: -0.03em;
}
.features3_card-text {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.55;
  color: var(--blok-ink-muted);
}
.section_features3.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.features3_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.features3_heading.is-dark {
  color: var(--blok-surface);
}
.features3_description.is-dark {
  color: var(--blok-surface-muted);
}
.features3_card.is-dark {
  background-color: var(--blok-ink-2);
}
.features3_mark.is-dark {
  color: var(--blok-accent);
}
.features3_card-text.is-dark {
  color: var(--blok-surface-muted);
}
.section_features3.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.features3_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.features3_heading.is-accent {
  color: var(--blok-ink);
}
.features3_description.is-accent {
  color: var(--blok-ink-soft);
}
.features3_card.is-accent {
  background-color: var(--blok-surface);
}
.features3_mark.is-accent {
  color: var(--blok-ink);
}
.features3_card-text.is-accent {
  color: var(--blok-ink-soft);
}
.features3_grid.is-two {
  grid-template-columns: 1fr;
}

@media (min-width: 768px) {
  .features3_heading {
    font-size: 3rem;
  }
  .features3_grid {
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
  }
}

@media (min-width: 992px) {
  .features3_component {
    row-gap: 3.5rem;
  }
  .features3_header {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    column-gap: 4rem;
  }
  .features3_heading {
    font-size: 3.5rem;
  }
  .features3_grid {
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
  }
  .features3_card {
    padding-top: 1.5rem;
    padding-right: 1.5rem;
    padding-bottom: 1.5rem;
    padding-left: 1.5rem;
  }
  .features3_grid.is-two {
    grid-template-columns: 1fr 1fr;
  }
}

/* Generated by Blokset from components/features-07.js. Edit the spec, not this file. */
.section_features7 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.features7_component {
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
}
.features7_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: left;
}
.features7_header-title {
  max-width: 40rem;
}
.features7_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.features7_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-ink);
}
.features7_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.features7_layout {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  row-gap: 2rem;
  column-gap: 0rem;
}
.features7_media {
  width: 100%;
  overflow: hidden;
  aspect-ratio: 4 / 3;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.features7_image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.features7_list {
  width: 100%;
  flex-grow: 1;
}
.features7_item {
  display: flex;
  align-items: flex-start;
  column-gap: 0.85rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: var(--blok-line);
}
.features7_mark {
  flex-shrink: 0;
  font-size: 1rem;
  line-height: 1.55;
  color: var(--blok-accent);
}
.features7_item-text {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.0625rem;
  line-height: 1.55;
}
.section_features7.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.features7_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.features7_heading.is-dark {
  color: var(--blok-surface);
}
.features7_description.is-dark {
  color: var(--blok-surface-muted);
}
.features7_item.is-dark {
  border-top-color: var(--blok-line-inverse);
}
.features7_mark.is-dark {
  color: var(--blok-accent);
}
.section_features7.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.features7_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.features7_heading.is-accent {
  color: var(--blok-ink);
}
.features7_description.is-accent {
  color: var(--blok-ink-soft);
}
.features7_item.is-accent {
  border-top-color: var(--blok-line);
}
.features7_mark.is-accent {
  color: var(--blok-ink);
}
.features7_layout.is-right {
  flex-direction: column;
}

@media (min-width: 768px) {
  .features7_heading {
    font-size: 3rem;
  }
}

@media (min-width: 992px) {
  .features7_heading {
    font-size: 3.5rem;
  }
  .features7_layout {
    flex-direction: row;
    align-items: center;
    row-gap: 0rem;
    column-gap: 4rem;
  }
  .features7_media {
    width: 48%;
    aspect-ratio: 4 / 5;
  }
  .features7_list {
    width: 52%;
  }
  .features7_layout.is-right {
    flex-direction: row-reverse;
  }
}

/* Generated by Blokset from components/features-09.js. Edit the spec, not this file. */
.section_features9 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.features9_component {
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
}
.features9_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: left;
}
.features9_header-title {
  max-width: 40rem;
}
.features9_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.features9_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-ink);
}
.features9_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.features9_grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.75rem;
}
.features9_card-media {
  overflow: hidden;
  aspect-ratio: 4 / 3;
  margin-bottom: 1rem;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.features9_card-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.features9_card-title {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-family: var(--blok-font-display);
  font-size: 1.75rem;
  line-height: 1.1;
  font-weight: 600;
  letter-spacing: -0.03em;
}
.features9_card-text {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.0625rem;
  line-height: 1.55;
  color: var(--blok-ink-muted);
}
.section_features9.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.features9_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.features9_heading.is-dark {
  color: var(--blok-surface);
}
.features9_description.is-dark {
  color: var(--blok-surface-muted);
}
.features9_card-text.is-dark {
  color: var(--blok-surface-muted);
}
.section_features9.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.features9_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.features9_heading.is-accent {
  color: var(--blok-ink);
}
.features9_description.is-accent {
  color: var(--blok-ink-soft);
}
.features9_card-text.is-accent {
  color: var(--blok-ink-soft);
}
.features9_grid.is-two {
  grid-template-columns: 1fr;
}

@media (min-width: 768px) {
  .features9_heading {
    font-size: 3rem;
  }
}

@media (min-width: 992px) {
  .features9_component {
    row-gap: 3.5rem;
  }
  .features9_header {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    column-gap: 4rem;
  }
  .features9_heading {
    font-size: 3.5rem;
  }
  .features9_grid {
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 1.5rem;
    grid-row-gap: 2rem;
  }
  .features9_grid.is-two {
    grid-template-columns: 1fr 1fr;
  }
}

/* Generated by Blokset from components/features-12.js. Edit the spec, not this file. */
.section_features12 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.features12_component {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  row-gap: 3rem;
  column-gap: 0rem;
}
.features12_intro {
  position: static;
  top: auto;
  width: 100%;
  flex-shrink: 0;
}
.features12_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
  margin-bottom: 1.25rem;
}
.features12_heading {
  margin-top: 0;
  margin-bottom: 1.25rem;
  font-family: var(--blok-font-display);
  font-size: 2.5rem;
  line-height: 1.05;
  font-weight: 600;
  letter-spacing: -0.025em;
  color: var(--blok-ink);
}
.features12_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.features12_actions {
  display: flex;
  flex-wrap: wrap;
  column-gap: 0.75rem;
  row-gap: 0.75rem;
  margin-top: 2rem;
}
.features12_media {
  margin-top: 2rem;
  width: 100%;
  aspect-ratio: 4 / 5;
  overflow: hidden;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.features12_image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.features12_list {
  flex-grow: 1;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: var(--blok-line);
}
.features12_item {
  display: flex;
  column-gap: 1.5rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: var(--blok-line);
}
.features12_number {
  min-width: 2.5rem;
  padding-top: 0.4rem;
  font-family: var(--blok-font-mono);
  font-size: 0.875rem;
  line-height: 1.4;
  letter-spacing: 0.04em;
  color: var(--blok-ink-muted);
}
.features12_item-content {
  flex-grow: 1;
  max-width: 34rem;
}
.features12_item-title {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-family: var(--blok-font-display);
  font-size: 1.5rem;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: var(--blok-ink);
}
.features12_item-text {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.section_features12.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.features12_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.features12_heading.is-dark {
  color: var(--blok-surface);
}
.features12_description.is-dark {
  color: var(--blok-surface-muted);
}
.features12_list.is-dark {
  border-bottom-color: var(--blok-line-inverse);
}
.features12_item.is-dark {
  border-top-color: var(--blok-line-inverse);
}
.features12_number.is-dark {
  color: var(--blok-surface-muted);
}
.features12_item-title.is-dark {
  color: var(--blok-surface);
}
.features12_item-text.is-dark {
  color: var(--blok-surface-muted);
}
.section_features12.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.features12_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.features12_heading.is-accent {
  color: var(--blok-ink);
}
.features12_description.is-accent {
  color: var(--blok-ink-soft);
}
.features12_list.is-accent {
  border-bottom-color: var(--blok-line);
}
.features12_item.is-accent {
  border-top-color: var(--blok-line);
}
.features12_number.is-accent {
  color: var(--blok-ink-soft);
}
.features12_item-title.is-accent {
  color: var(--blok-ink);
}
.features12_item-text.is-accent {
  color: var(--blok-ink-soft);
}

@media (min-width: 768px) {
  .features12_heading {
    font-size: 3.25rem;
  }
  .features12_item {
    column-gap: 3rem;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  .features12_item-title {
    font-size: 1.75rem;
  }
}

@media (min-width: 992px) {
  .features12_component {
    flex-direction: row;
    align-items: flex-start;
    row-gap: 0rem;
    column-gap: 5rem;
  }
  .features12_intro {
    position: sticky;
    top: 6rem;
    width: 38%;
  }
  .features12_heading {
    font-size: 3.75rem;
  }
}

/* Generated by Blokset from components/features-15.js. Edit the spec, not this file. */
.section_features15 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.features15_component {
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
}
.features15_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: left;
}
.features15_header-title {
  max-width: 40rem;
}
.features15_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.features15_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-ink);
}
.features15_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.features15_grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-column-gap: 2rem;
  grid-row-gap: 0rem;
}
.features15_item {
  display: flex;
  flex-direction: column;
  row-gap: 0.35rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: var(--blok-line);
}
.features15_label {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.features15_value {
  font-family: var(--blok-font-display);
  font-size: 1.35rem;
  line-height: 1.25;
  font-weight: 600;
  letter-spacing: -0.02em;
}
.section_features15.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.features15_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.features15_heading.is-dark {
  color: var(--blok-surface);
}
.features15_description.is-dark {
  color: var(--blok-surface-muted);
}
.features15_label.is-dark {
  color: var(--blok-surface-muted);
}
.features15_item.is-dark {
  border-top-color: var(--blok-line-inverse);
}
.section_features15.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.features15_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.features15_heading.is-accent {
  color: var(--blok-ink);
}
.features15_description.is-accent {
  color: var(--blok-ink-soft);
}
.features15_label.is-accent {
  color: var(--blok-ink-soft);
}
.features15_item.is-accent {
  border-top-color: var(--blok-line);
}
.features15_grid.is-one {
  grid-template-columns: 1fr;
}

@media (min-width: 768px) {
  .features15_heading {
    font-size: 3rem;
  }
  .features15_grid {
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 3rem;
    grid-row-gap: 0rem;
  }
  .features15_grid.is-one {
    grid-template-columns: 1fr;
  }
}

@media (min-width: 992px) {
  .features15_component {
    row-gap: 3.5rem;
  }
  .features15_header {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    column-gap: 4rem;
  }
  .features15_heading {
    font-size: 3.5rem;
  }
  .features15_value {
    font-size: 1.5rem;
  }
}

/* Generated by Blokset from components/features-18.js. Edit the spec, not this file. */
.section_features18 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.features18_component {
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
}
.features18_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: left;
}
.features18_header-title {
  max-width: 40rem;
}
.features18_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.features18_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-ink);
}
.features18_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.features18_table {
  overflow: auto;
}
.features18_sheet {
  min-width: 40rem;
}
.features18_cols {
  display: grid;
  grid-template-columns: 1.3fr 1fr 1fr 1fr;
  grid-column-gap: 1rem;
  padding-bottom: 0.75rem;
}
.features18_col-blank {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.features18_col-a {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding-top: 0.85rem;
  padding-bottom: 0.85rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.features18_col-b {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding-top: 0.85rem;
  padding-bottom: 0.85rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  background-color: var(--blok-surface-2);
}
.features18_col-c {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding-top: 0.85rem;
  padding-bottom: 0.85rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.features18_row {
  display: grid;
  grid-template-columns: 1.3fr 1fr 1fr 1fr;
  grid-column-gap: 1rem;
  align-items: center;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: var(--blok-line);
}
.features18_cell-label {
  font-weight: 600;
  padding-top: 0.9rem;
  padding-bottom: 0.9rem;
}
.features18_cell-a {
  padding-top: 0.9rem;
  padding-bottom: 0.9rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.features18_cell-b {
  padding-top: 0.9rem;
  padding-bottom: 0.9rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  background-color: var(--blok-surface-2);
}
.features18_cell-c {
  padding-top: 0.9rem;
  padding-bottom: 0.9rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.section_features18.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.features18_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.features18_heading.is-dark {
  color: var(--blok-surface);
}
.features18_description.is-dark {
  color: var(--blok-surface-muted);
}
.features18_col-blank.is-dark {
  color: var(--blok-surface-muted);
}
.features18_row.is-dark {
  border-top-color: var(--blok-line-inverse);
}
.features18_cell-b.is-dark {
  background-color: var(--blok-ink-2);
}
.section_features18.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.features18_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.features18_heading.is-accent {
  color: var(--blok-ink);
}
.features18_description.is-accent {
  color: var(--blok-ink-soft);
}
.features18_col-blank.is-accent {
  color: var(--blok-ink-soft);
}
.features18_row.is-accent {
  border-top-color: var(--blok-line);
}
.features18_cell-b.is-accent {
  background-color: var(--blok-surface);
}

@media (min-width: 768px) {
  .features18_heading {
    font-size: 3rem;
  }
}

@media (min-width: 992px) {
  .features18_component {
    row-gap: 3.5rem;
  }
  .features18_header {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    column-gap: 4rem;
  }
  .features18_heading {
    font-size: 3.5rem;
  }
}

/* Generated by Blokset from components/features-20.js. Edit the spec, not this file. */
.section_features20 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.features20_component {
  display: flex;
  flex-direction: column;
  row-gap: 3rem;
}
.features20_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
}
.features20_heading {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 40rem;
  font-family: var(--blok-font-display);
  font-size: 2.5rem;
  line-height: 1.05;
  font-weight: 600;
  letter-spacing: -0.025em;
}
.features20_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 24rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.features20_grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-auto-rows: auto;
  column-gap: 1rem;
  row-gap: 1rem;
}
.features20_card-feature {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 26rem;
  grid-column-start: span 1;
  grid-column-end: span 1;
  grid-row-start: span 1;
  grid-row-end: span 1;
  color: var(--blok-surface);
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  padding-top: 1.5rem;
  padding-right: 1.5rem;
  padding-bottom: 1.5rem;
  padding-left: 1.5rem;
}
.features20_feature-media {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
}
.features20_feature-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.features20_feature-shade {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(to top, var(--blok-shade-strong) 0%, var(--blok-shade-mid) 45%, var(--blok-shade-clear) 70%);
}
.features20_feature-body {
  position: relative;
  z-index: 1;
  max-width: 30rem;
}
.features20_feature-label {
  font-family: var(--blok-font-mono);
  font-size: 0.75rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-surface-muted);
  margin-bottom: 0.75rem;
}
.features20_feature-title {
  margin-top: 0;
  margin-bottom: 0.75rem;
  font-family: var(--blok-font-display);
  font-size: 1.875rem;
  line-height: 1.1;
  font-weight: 600;
  letter-spacing: -0.02em;
}
.features20_feature-text {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.55;
  color: var(--blok-surface-muted);
}
.features20_card-stat {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 2rem;
  min-height: 16rem;
  background-color: var(--blok-accent);
  color: var(--blok-ink);
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  padding-top: 1.5rem;
  padding-right: 1.5rem;
  padding-bottom: 1.5rem;
  padding-left: 1.5rem;
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
}
.features20_stat-label {
  font-family: var(--blok-font-mono);
  font-size: 0.75rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-ink);
}
.features20_stat-value {
  font-family: var(--blok-font-display);
  font-size: 5rem;
  line-height: 0.9;
  font-weight: 500;
  letter-spacing: -0.05em;
  margin-bottom: 0.75rem;
}
.features20_stat-text {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 18rem;
  font-size: 0.9375rem;
  line-height: 1.5;
}
.features20_card-note {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 2rem;
  min-height: 16rem;
  background-color: var(--blok-ink);
  color: var(--blok-surface);
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  padding-top: 1.5rem;
  padding-right: 1.5rem;
  padding-bottom: 1.5rem;
  padding-left: 1.5rem;
}
.features20_note-label {
  font-family: var(--blok-font-mono);
  font-size: 0.75rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-surface-muted);
}
.features20_note-text {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  font-size: 1.375rem;
  line-height: 1.3;
  font-weight: 500;
  letter-spacing: -0.01em;
}
.features20_note-link {
  color: var(--blok-surface);
  font-family: var(--blok-font-mono);
  font-size: 0.875rem;
  text-decoration: underline;
  text-underline-offset: 0.3em;
}
.features20_card-tags {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 2rem;
  grid-column-start: span 1;
  grid-column-end: span 1;
  background-color: var(--blok-surface-2);
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  padding-top: 1.5rem;
  padding-right: 1.5rem;
  padding-bottom: 1.5rem;
  padding-left: 1.5rem;
}
.features20_tags-title {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  font-size: 1.5rem;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: -0.015em;
}
.features20_tags {
  display: flex;
  flex-wrap: wrap;
  column-gap: 0.5rem;
  row-gap: 0.5rem;
}
.features20_tag {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.2;
}
.section_features20.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.features20_description.is-dark {
  color: var(--blok-surface-muted);
}
.features20_card-note.is-dark {
  background-color: var(--blok-ink-2);
}
.features20_card-tags.is-dark {
  background-color: var(--blok-ink-2);
}
.features20_card-stat.is-dark {
  border-top-color: var(--blok-line-inverse);
  border-right-color: var(--blok-line-inverse);
  border-bottom-color: var(--blok-line-inverse);
  border-left-color: var(--blok-line-inverse);
}
.features20_tag.is-dark {
  border-top-color: var(--blok-line-inverse);
  border-right-color: var(--blok-line-inverse);
  border-bottom-color: var(--blok-line-inverse);
  border-left-color: var(--blok-line-inverse);
}
.features20_card-stat.is-ink-card {
  background-color: var(--blok-ink-2);
  color: var(--blok-surface);
}
.features20_stat-label.is-ink-card {
  color: var(--blok-surface-muted);
}
.features20_card-stat.is-outline-card {
  background-color: transparent;
  color: inherit;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
}
.features20_stat-label.is-outline-card {
  color: inherit;
}

@media (min-width: 768px) {
  .features20_heading {
    font-size: 3.25rem;
  }
  .features20_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .features20_card-feature {
    grid-column-start: span 2;
    grid-column-end: span 2;
  }
  .features20_card-tags {
    grid-column-start: span 2;
    grid-column-end: span 2;
  }
}

@media (min-width: 992px) {
  .features20_header {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
  }
  .features20_heading {
    font-size: 3.75rem;
  }
  .features20_grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .features20_card-feature {
    grid-row-start: span 2;
    grid-row-end: span 2;
    padding-top: 2rem;
    padding-right: 2rem;
    padding-bottom: 2rem;
    padding-left: 2rem;
  }
  .features20_feature-title {
    font-size: 2.5rem;
  }
  .features20_card-stat {
    padding-top: 2rem;
    padding-right: 2rem;
    padding-bottom: 2rem;
    padding-left: 2rem;
  }
  .features20_stat-value {
    font-size: 6rem;
  }
  .features20_card-note {
    padding-top: 2rem;
    padding-right: 2rem;
    padding-bottom: 2rem;
    padding-left: 2rem;
  }
  .features20_card-tags {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    grid-column-start: span 3;
    grid-column-end: span 3;
    padding-top: 2rem;
    padding-right: 2rem;
    padding-bottom: 2rem;
    padding-left: 2rem;
  }
}

/* Generated by Blokset from components/features-23.js. Edit the spec, not this file. */
.section_features23 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.features23_component {
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
}
.features23_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: left;
}
.features23_header-title {
  max-width: 40rem;
}
.features23_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.features23_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-ink);
}
.features23_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.features23_pair {
  display: grid;
  grid-template-columns: 1fr;
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.5rem;
}
.features23_media-a {
  overflow: hidden;
  aspect-ratio: 4 / 5;
  margin-bottom: 1rem;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.features23_image-a {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.features23_caption-a {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.0625rem;
  line-height: 1.55;
  color: var(--blok-ink-muted);
}
.features23_media-b {
  overflow: hidden;
  aspect-ratio: 4 / 5;
  margin-bottom: 1rem;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.features23_image-b {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.features23_caption-b {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.0625rem;
  line-height: 1.55;
  color: var(--blok-ink-muted);
}
.section_features23.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.features23_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.features23_heading.is-dark {
  color: var(--blok-surface);
}
.features23_description.is-dark {
  color: var(--blok-surface-muted);
}
.features23_caption-a.is-dark {
  color: var(--blok-surface-muted);
}
.features23_caption-b.is-dark {
  color: var(--blok-surface-muted);
}
.section_features23.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.features23_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.features23_heading.is-accent {
  color: var(--blok-ink);
}
.features23_description.is-accent {
  color: var(--blok-ink-soft);
}
.features23_caption-a.is-accent {
  color: var(--blok-ink-soft);
}
.features23_caption-b.is-accent {
  color: var(--blok-ink-soft);
}

@media (min-width: 768px) {
  .features23_heading {
    font-size: 3rem;
  }
}

@media (min-width: 992px) {
  .features23_component {
    row-gap: 3.5rem;
  }
  .features23_header {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    column-gap: 4rem;
  }
  .features23_heading {
    font-size: 3.5rem;
  }
  .features23_pair {
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }
}

/* Generated by Blokset from components/features-25.js. Edit the spec, not this file. */
.section_features25 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.features25_component {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  row-gap: 2.5rem;
}
.features25_header {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: center;
}
.features25_header-title {
  max-width: 48rem;
}
.features25_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.features25_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-ink);
}
.features25_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.features25_grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-column-gap: 1.5rem;
  grid-row-gap: 0rem;
}
.features25_item {
  padding-top: 1.25rem;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: var(--blok-line);
}
.features25_item-title {
  margin-top: 0;
  margin-bottom: 0.6rem;
  font-family: var(--blok-font-display);
  font-size: 1.35rem;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: -0.02em;
}
.features25_item-text {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.55;
  color: var(--blok-ink-muted);
}
.section_features25.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.features25_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.features25_heading.is-dark {
  color: var(--blok-surface);
}
.features25_description.is-dark {
  color: var(--blok-surface-muted);
}
.features25_item-text.is-dark {
  color: var(--blok-surface-muted);
}
.features25_item.is-dark {
  border-top-color: var(--blok-line-inverse);
}
.section_features25.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.features25_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.features25_heading.is-accent {
  color: var(--blok-ink);
}
.features25_description.is-accent {
  color: var(--blok-ink-soft);
}
.features25_item-text.is-accent {
  color: var(--blok-ink-soft);
}
.features25_item.is-accent {
  border-top-color: var(--blok-line);
}
.features25_grid.is-two {
  grid-template-columns: 1fr;
}

@media (min-width: 768px) {
  .features25_heading {
    font-size: 3rem;
  }
  .features25_grid {
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 2rem;
    grid-row-gap: 0rem;
  }
}

@media (min-width: 992px) {
  .features25_component {
    row-gap: 3.5rem;
  }
  .features25_heading {
    font-size: 3.5rem;
  }
  .features25_grid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-column-gap: 2rem;
    grid-row-gap: 0rem;
  }
  .features25_grid.is-two {
    grid-template-columns: 1fr 1fr;
  }
}

/* Generated by Blokset from components/features-31.js. Edit the spec, not this file. */
.section_features31 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.features31_component {
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
}
.features31_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: left;
}
.features31_header-title {
  max-width: 40rem;
}
.features31_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.features31_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-ink);
}
.features31_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.features31_layout {
  display: grid;
  grid-template-columns: 1fr;
  grid-column-gap: 0rem;
  grid-row-gap: 2rem;
  align-items: start;
}
.features31_figure {
  position: relative;
  top: 0;
  overflow: hidden;
  aspect-ratio: 4 / 5;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.features31_figure-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.features31_row {
  display: flex;
  flex-direction: column;
  justify-content: center;
  row-gap: 0.75rem;
  min-height: 16rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.features31_row-title {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  font-size: 2rem;
  line-height: 1.1;
  font-weight: 600;
  letter-spacing: -0.03em;
}
.features31_row-text {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.section_features31.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.features31_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.features31_heading.is-dark {
  color: var(--blok-surface);
}
.features31_description.is-dark {
  color: var(--blok-surface-muted);
}
.features31_row-text.is-dark {
  color: var(--blok-surface-muted);
}
.section_features31.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.features31_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.features31_heading.is-accent {
  color: var(--blok-ink);
}
.features31_description.is-accent {
  color: var(--blok-ink-soft);
}
.features31_row-text.is-accent {
  color: var(--blok-ink-soft);
}

@media (min-width: 768px) {
  .features31_heading {
    font-size: 3rem;
  }
}

@media (min-width: 992px) {
  .features31_heading {
    font-size: 3.5rem;
  }
  .features31_layout {
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 4rem;
    grid-row-gap: 0rem;
    align-items: start;
  }
  .features31_figure {
    position: sticky;
    top: 6rem;
    aspect-ratio: 4 / 5;
  }
  .features31_row {
    min-height: 70vh;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .features31_row-title {
    font-size: 2.75rem;
  }
}

/* Generated by Blokset from components/features-35.js. Edit the spec, not this file. */
.section_features35 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.features35_component {
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
}
.features35_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: left;
}
.features35_header-title {
  max-width: 40rem;
}
.features35_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.features35_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-ink);
}
.features35_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.features35_grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
}
.features35_card {
  padding-top: 1.25rem;
  padding-right: 1.25rem;
  padding-bottom: 1.25rem;
  padding-left: 1.25rem;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  background-color: var(--blok-surface-2);
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
}
.features35_trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 1rem;
  cursor: pointer;
}
.features35_card-title {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  font-size: 1.75rem;
  line-height: 1.1;
  font-weight: 600;
  letter-spacing: -0.03em;
}
.features35_icon {
  flex-shrink: 0;
  font-size: 1.75rem;
  line-height: 1;
  font-weight: 300;
  color: var(--blok-accent);
}
.features35_panel {
  overflow: hidden;
}
.features35_card-text {
  margin-top: 1rem;
  margin-bottom: 0;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.section_features35.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.features35_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.features35_heading.is-dark {
  color: var(--blok-surface);
}
.features35_description.is-dark {
  color: var(--blok-surface-muted);
}
.features35_card.is-dark {
  background-color: var(--blok-ink-2);
  border-top-color: var(--blok-line-inverse);
  border-right-color: var(--blok-line-inverse);
  border-bottom-color: var(--blok-line-inverse);
  border-left-color: var(--blok-line-inverse);
}
.features35_card-text.is-dark {
  color: var(--blok-surface-muted);
}
.features35_icon.is-dark {
  color: var(--blok-accent);
}
.section_features35.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.features35_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.features35_heading.is-accent {
  color: var(--blok-ink);
}
.features35_description.is-accent {
  color: var(--blok-ink-soft);
}
.features35_card.is-accent {
  background-color: var(--blok-surface);
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
}
.features35_card-text.is-accent {
  color: var(--blok-ink-soft);
}
.features35_icon.is-accent {
  color: var(--blok-ink);
}
.features35_grid.is-four {
  grid-template-columns: 1fr;
}

@media (min-width: 768px) {
  .features35_heading {
    font-size: 3rem;
  }
}

@media (min-width: 992px) {
  .features35_component {
    row-gap: 3.5rem;
  }
  .features35_header {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    column-gap: 4rem;
  }
  .features35_heading {
    font-size: 3.5rem;
  }
  .features35_grid {
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
  }
  .features35_card {
    padding-top: 1.5rem;
    padding-right: 1.5rem;
    padding-bottom: 1.5rem;
    padding-left: 1.5rem;
  }
  .features35_grid.is-four {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

/* Generated by Blokset from components/features-37.js. Edit the spec, not this file. */
.section_features37 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.features37_component {
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
}
.features37_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: left;
}
.features37_header-title {
  max-width: 40rem;
}
.features37_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.features37_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-ink);
}
.features37_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.features37_layout {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  row-gap: 2rem;
  column-gap: 0rem;
}
.features37_figure {
  width: 100%;
  overflow: hidden;
  aspect-ratio: 4 / 5;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.features37_figure-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.features37_rows {
  width: 100%;
  flex-grow: 1;
}
.features37_row {
  cursor: pointer;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: var(--blok-line);
}
.features37_row-title {
  margin-top: 0;
  margin-bottom: 0.4rem;
  font-family: var(--blok-font-display);
  font-size: 1.75rem;
  line-height: 1.1;
  font-weight: 600;
  letter-spacing: -0.03em;
}
.features37_row-text {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.0625rem;
  line-height: 1.55;
  color: var(--blok-ink-muted);
}
.section_features37.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.features37_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.features37_heading.is-dark {
  color: var(--blok-surface);
}
.features37_description.is-dark {
  color: var(--blok-surface-muted);
}
.features37_row.is-dark {
  border-top-color: var(--blok-line-inverse);
}
.features37_row-text.is-dark {
  color: var(--blok-surface-muted);
}
.section_features37.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.features37_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.features37_heading.is-accent {
  color: var(--blok-ink);
}
.features37_description.is-accent {
  color: var(--blok-ink-soft);
}
.features37_row.is-accent {
  border-top-color: var(--blok-line);
}
.features37_row-text.is-accent {
  color: var(--blok-ink-soft);
}
.features37_layout.is-right {
  flex-direction: column;
}

@media (min-width: 768px) {
  .features37_heading {
    font-size: 3rem;
  }
}

@media (min-width: 992px) {
  .features37_heading {
    font-size: 3.5rem;
  }
  .features37_layout {
    flex-direction: row;
    align-items: center;
    row-gap: 0rem;
    column-gap: 4rem;
  }
  .features37_figure {
    width: 46%;
    aspect-ratio: 4 / 5;
  }
  .features37_rows {
    width: 54%;
  }
  .features37_row-title {
    font-size: 2.25rem;
  }
  .features37_layout.is-right {
    flex-direction: row-reverse;
  }
}

/* Generated by Blokset from components/features-40.js. Edit the spec, not this file. */
.section_features40 {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 0px;
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.features40_media {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  z-index: 0;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.features40_image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.features40_caption {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  z-index: 2;
  max-width: 28rem;
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  padding-right: 1.5rem;
  padding-bottom: 1.5rem;
  padding-left: 1.5rem;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  background-color: var(--blok-surface-2);
  color: var(--blok-ink);
}
.features40_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 0.75rem;
  color: var(--blok-ink-muted);
}
.features40_heading {
  margin-top: 0;
  margin-bottom: 0.75rem;
  font-family: var(--blok-font-display);
  font-size: 2rem;
  line-height: 1.1;
  font-weight: 600;
  letter-spacing: -0.03em;
  color: var(--blok-ink);
}
.features40_description {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.0625rem;
  line-height: 1.55;
  color: var(--blok-ink-muted);
}
.section_features40.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.features40_caption.is-dark {
  background-color: var(--blok-ink-2);
  color: var(--blok-surface);
}
.features40_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.features40_heading.is-dark {
  color: var(--blok-surface);
}
.features40_description.is-dark {
  color: var(--blok-surface-muted);
}
.section_features40.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.features40_caption.is-accent {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.features40_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.features40_heading.is-accent {
  color: var(--blok-ink);
}
.features40_description.is-accent {
  color: var(--blok-ink-soft);
}

@media (min-width: 992px) {
  .section_features40 {
    min-height: 100svh;
  }
  .features40_media {
    position: absolute;
    top: 12%;
    right: 12%;
    bottom: 12%;
    left: 12%;
    width: auto;
    height: auto;
    aspect-ratio: auto;
  }
  .features40_caption {
    position: absolute;
    right: 8%;
    bottom: 8%;
    left: auto;
    margin-top: 0rem;
  }
  .features40_heading {
    font-size: 2.5rem;
  }
}

/* Generated by Blokset from components/features-41.js. Edit the spec, not this file. */
.section_features41 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.features41_component {
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
}
.features41_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: left;
}
.features41_header-title {
  max-width: 40rem;
}
.features41_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.features41_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-ink);
}
.features41_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.features41_layout {
  display: grid;
  grid-template-columns: 1fr;
  align-items: start;
  grid-column-gap: 0rem;
  grid-row-gap: 2rem;
}
.features41_figure {
  position: relative;
  top: 0;
  overflow: hidden;
  aspect-ratio: 4 / 5;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.features41_figure-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.features41_notes {
  display: flex;
  flex-direction: column;
}
.features41_note {
  display: flex;
  flex-direction: column;
  justify-content: center;
  row-gap: 0.6rem;
  min-height: 0rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: var(--blok-line);
}
.features41_index {
  font-family: var(--blok-font-mono);
  font-size: 0.75rem;
  letter-spacing: 0.08em;
  color: var(--blok-accent);
}
.features41_note-title {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  font-size: 1.75rem;
  line-height: 1.1;
  font-weight: 600;
  letter-spacing: -0.03em;
}
.features41_note-text {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.section_features41.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.features41_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.features41_heading.is-dark {
  color: var(--blok-surface);
}
.features41_description.is-dark {
  color: var(--blok-surface-muted);
}
.features41_note-text.is-dark {
  color: var(--blok-surface-muted);
}
.features41_index.is-dark {
  color: var(--blok-accent);
}
.section_features41.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.features41_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.features41_heading.is-accent {
  color: var(--blok-ink);
}
.features41_description.is-accent {
  color: var(--blok-ink-soft);
}
.features41_note-text.is-accent {
  color: var(--blok-ink-soft);
}
.features41_index.is-accent {
  color: var(--blok-ink);
}

@media (min-width: 768px) {
  .features41_heading {
    font-size: 3rem;
  }
}

@media (min-width: 992px) {
  .features41_heading {
    font-size: 3.5rem;
  }
  .features41_layout {
    grid-template-columns: 0.9fr 1.1fr;
    grid-column-gap: 4rem;
    grid-row-gap: 0rem;
  }
  .features41_figure {
    position: sticky;
    top: 6rem;
  }
  .features41_note {
    min-height: 18rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .features41_note-title {
    font-size: 2.25rem;
  }
}

/* Generated by Blokset from components/features-42.js. Edit the spec, not this file. */
.section_features42 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.features42_layout {
  display: grid;
  grid-template-columns: 1fr;
  align-items: start;
  grid-column-gap: 0rem;
  grid-row-gap: 2rem;
}
.features42_photos {
  display: flex;
  flex-direction: column;
  row-gap: 1.5rem;
}
.features42_photo {
  display: flex;
  flex-direction: column;
  row-gap: 0.75rem;
}
.features42_photo-image {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.features42_caption {
  font-size: 1rem;
  line-height: 1.45;
  color: var(--blok-ink);
}
.features42_copy {
  position: relative;
  top: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 1.25rem;
}
.features42_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.features42_name {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  font-size: 2.75rem;
  line-height: 0.95;
  font-weight: 600;
  letter-spacing: -0.04em;
  color: var(--blok-ink);
}
.features42_summary {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 26rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.features42_actions {
  display: flex;
}
.section_features42.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.features42_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.features42_name.is-dark {
  color: var(--blok-surface);
}
.features42_summary.is-dark {
  color: var(--blok-surface-muted);
}
.features42_caption.is-dark {
  color: var(--blok-surface);
}
.section_features42.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.features42_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.features42_name.is-accent {
  color: var(--blok-ink);
}
.features42_summary.is-accent {
  color: var(--blok-ink-soft);
}
.features42_caption.is-accent {
  color: var(--blok-ink);
}

@media (min-width: 992px) {
  .features42_layout {
    grid-template-columns: 1.15fr 0.85fr;
    grid-column-gap: 4rem;
    grid-row-gap: 0rem;
  }
  .features42_photos {
    row-gap: 2.5rem;
  }
  .features42_copy {
    position: sticky;
    top: 6rem;
  }
  .features42_name {
    font-size: 4rem;
  }
}

/* Generated by Blokset from components/features-44.js. Edit the spec, not this file. */
.section_features44 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.features44_component {
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
}
.features44_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: left;
}
.features44_header-title {
  max-width: 40rem;
}
.features44_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.features44_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-ink);
}
.features44_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.features44_layout {
  display: grid;
  grid-template-columns: 1fr;
  align-items: start;
  grid-column-gap: 0rem;
  grid-row-gap: 2rem;
}
.features44_figure {
  position: relative;
  top: 0;
  overflow: hidden;
  aspect-ratio: 4 / 5;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 2;
}
.features44_figure-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.features44_points {
  display: flex;
  flex-direction: column;
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 2;
  grid-row-end: 3;
}
.features44_point {
  display: flex;
  flex-direction: column;
  justify-content: center;
  row-gap: 0.55rem;
  min-height: 0rem;
  padding-top: 1.35rem;
  padding-bottom: 1.35rem;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: var(--blok-line);
}
.features44_point-title {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  font-size: 1.65rem;
  line-height: 1.15;
  font-weight: 600;
  letter-spacing: -0.03em;
}
.features44_point-text {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 32rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.section_features44.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.features44_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.features44_heading.is-dark {
  color: var(--blok-surface);
}
.features44_description.is-dark {
  color: var(--blok-surface-muted);
}
.features44_point-text.is-dark {
  color: var(--blok-surface-muted);
}
.section_features44.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.features44_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.features44_heading.is-accent {
  color: var(--blok-ink);
}
.features44_description.is-accent {
  color: var(--blok-ink-soft);
}
.features44_point-text.is-accent {
  color: var(--blok-ink-soft);
}

@media (min-width: 768px) {
  .features44_heading {
    font-size: 3rem;
  }
}

@media (min-width: 992px) {
  .features44_heading {
    font-size: 3.5rem;
  }
  .features44_layout {
    grid-template-columns: 1.1fr 0.9fr;
    grid-column-gap: 4rem;
    grid-row-gap: 0rem;
  }
  .features44_figure {
    position: sticky;
    top: 6rem;
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 2;
  }
  .features44_points {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 2;
  }
  .features44_point {
    min-height: 16rem;
  }
  .features44_point-title {
    font-size: 2rem;
  }
}

/* Generated by Blokset from components/features-45.js. Edit the spec, not this file. */
.section_features45 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.features45_component {
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
}
.features45_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: left;
}
.features45_header-title {
  max-width: 40rem;
}
.features45_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.features45_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-ink);
}
.features45_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.features45_columns {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  height: auto;
  row-gap: 0.75rem;
  column-gap: 0rem;
}
.features45_column {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  overflow: hidden;
  min-width: 0px;
  height: auto;
  flex-grow: 0;
  flex-basis: auto;
  cursor: pointer;
  padding-top: 0.75rem;
  padding-right: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 0.75rem;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  background-color: var(--blok-surface);
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
}
.features45_label {
  position: relative;
  z-index: 2;
  align-self: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  white-space: nowrap;
  padding-top: 0.45rem;
  padding-right: 0.75rem;
  padding-bottom: 0.45rem;
  padding-left: 0.75rem;
  font-family: var(--blok-font-display);
  font-size: 1.5rem;
  line-height: 1;
  font-weight: 600;
  letter-spacing: -0.03em;
  color: var(--blok-ink);
  background-color: var(--blok-surface);
}
.features45_media {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  z-index: 1;
  overflow: hidden;
  width: 100%;
  height: auto;
  opacity: 1;
}
.features45_photo {
  display: block;
  width: 100%;
  height: 14rem;
  object-fit: cover;
}
.section_features45.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.features45_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.features45_heading.is-dark {
  color: var(--blok-surface);
}
.features45_description.is-dark {
  color: var(--blok-surface-muted);
}
.features45_column.is-dark {
  background-color: var(--blok-ink);
  border-top-color: var(--blok-line-inverse);
  border-right-color: var(--blok-line-inverse);
  border-bottom-color: var(--blok-line-inverse);
  border-left-color: var(--blok-line-inverse);
}
.features45_label.is-dark {
  color: var(--blok-surface);
  background-color: var(--blok-ink);
}
.section_features45.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.features45_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.features45_heading.is-accent {
  color: var(--blok-ink);
}
.features45_description.is-accent {
  color: var(--blok-ink-soft);
}
.features45_column.is-accent {
  background-color: var(--blok-accent);
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
}
.features45_label.is-accent {
  color: var(--blok-ink);
  background-color: var(--blok-accent);
}

@media (min-width: 768px) {
  .features45_heading {
    font-size: 3rem;
  }
}

@media (min-width: 992px) {
  .features45_heading {
    font-size: 3.5rem;
  }
  .features45_columns {
    flex-direction: row;
    height: 36rem;
    row-gap: 0rem;
    column-gap: 0.75rem;
  }
  .features45_column {
    height: 100%;
    flex-grow: 1;
    flex-basis: 0px;
  }
  .features45_label {
    font-size: 1.75rem;
  }
  .features45_media {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
  }
  .features45_photo {
    height: 100%;
  }
}

/* Generated by Blokset from components/features-46.js. Edit the spec, not this file. */
.section_features46 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.features46_component {
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
}
.features46_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: left;
}
.features46_header-title {
  max-width: 40rem;
}
.features46_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.features46_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-ink);
}
.features46_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.features46_deck {
  position: relative;
  height: 34rem;
  width: 100%;
}
.features46_card {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  max-width: 26rem;
  height: 28rem;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  overflow: hidden;
  cursor: pointer;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  background-color: var(--blok-surface-2);
  color: var(--blok-ink);
}
.features46_photo {
  display: block;
  width: 100%;
  height: 16rem;
  object-fit: cover;
}
.features46_body {
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
  padding-top: 1.25rem;
  padding-right: 1.25rem;
  padding-bottom: 1.25rem;
  padding-left: 1.25rem;
}
.features46_index {
  font-family: var(--blok-font-mono);
  font-size: 0.75rem;
  letter-spacing: 0.08em;
  color: var(--blok-ink-muted);
}
.features46_title {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  font-size: 1.75rem;
  line-height: 1.1;
  font-weight: 600;
  letter-spacing: -0.03em;
}
.features46_note {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.5;
  color: var(--blok-ink-muted);
}
.section_features46.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.features46_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.features46_heading.is-dark {
  color: var(--blok-surface);
}
.features46_description.is-dark {
  color: var(--blok-surface-muted);
}
.features46_card.is-dark {
  background-color: var(--blok-ink-2);
  color: var(--blok-surface);
}
.features46_index.is-dark {
  color: var(--blok-surface-muted);
}
.features46_note.is-dark {
  color: var(--blok-surface-muted);
}
.section_features46.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.features46_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.features46_heading.is-accent {
  color: var(--blok-ink);
}
.features46_description.is-accent {
  color: var(--blok-ink-soft);
}
.features46_card.is-accent {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.features46_index.is-accent {
  color: var(--blok-ink-soft);
}
.features46_note.is-accent {
  color: var(--blok-ink-soft);
}

@media (min-width: 768px) {
  .features46_heading {
    font-size: 3rem;
  }
}

@media (min-width: 992px) {
  .features46_heading {
    font-size: 3.5rem;
  }
}

/* Generated by Blokset from components/features-47.js. Edit the spec, not this file. */
.section_features47 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.features47_component {
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
}
.features47_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: left;
}
.features47_header-title {
  max-width: 40rem;
}
.features47_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.features47_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-ink);
}
.features47_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.features47_stage {
  position: relative;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 16 / 10;
  cursor: grab;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.features47_base {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.features47_reveal {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
  clip-path: circle(88px at 50% 46%);
}
.section_features47.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.features47_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.features47_heading.is-dark {
  color: var(--blok-surface);
}
.features47_description.is-dark {
  color: var(--blok-surface-muted);
}
.section_features47.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.features47_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.features47_heading.is-accent {
  color: var(--blok-ink);
}
.features47_description.is-accent {
  color: var(--blok-ink-soft);
}

@media (min-width: 768px) {
  .features47_heading {
    font-size: 3rem;
  }
}

@media (min-width: 992px) {
  .features47_heading {
    font-size: 3.5rem;
  }
}

/* Generated by Blokset from components/features-48.js. Edit the spec, not this file. */
.section_features48 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.features48_component {
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
}
.features48_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: left;
}
.features48_header-title {
  max-width: 40rem;
}
.features48_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.features48_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-ink);
}
.features48_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.features48_list {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: var(--blok-line);
}
.features48_item {
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: var(--blok-line);
}
.features48_trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 1.5rem;
  padding-top: 1.35rem;
  padding-bottom: 1.35rem;
  cursor: pointer;
}
.features48_title {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  font-size: 1.75rem;
  line-height: 1.15;
  font-weight: 600;
  letter-spacing: -0.03em;
}
.features48_icon {
  flex-shrink: 0;
  font-size: 2rem;
  line-height: 1;
  font-weight: 300;
  color: var(--blok-ink-muted);
}
.features48_photo {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 7;
  object-fit: cover;
  margin-bottom: 1.5rem;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.section_features48.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.features48_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.features48_heading.is-dark {
  color: var(--blok-surface);
}
.features48_description.is-dark {
  color: var(--blok-surface-muted);
}
.features48_list.is-dark {
  border-bottom-color: var(--blok-line-inverse);
}
.features48_item.is-dark {
  border-top-color: var(--blok-line-inverse);
}
.features48_icon.is-dark {
  color: var(--blok-surface-muted);
}
.section_features48.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.features48_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.features48_heading.is-accent {
  color: var(--blok-ink);
}
.features48_description.is-accent {
  color: var(--blok-ink-soft);
}
.features48_list.is-accent {
  border-bottom-color: var(--blok-line);
}
.features48_item.is-accent {
  border-top-color: var(--blok-line);
}
.features48_icon.is-accent {
  color: var(--blok-ink-soft);
}

@media (min-width: 768px) {
  .features48_heading {
    font-size: 3rem;
  }
}

@media (min-width: 992px) {
  .features48_heading {
    font-size: 3.5rem;
  }
  .features48_title {
    font-size: 2.5rem;
  }
}

/* Generated by Blokset from components/features-49.js. Edit the spec, not this file. */
.section_features49 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.features49_component {
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
}
.features49_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: left;
}
.features49_header-title {
  max-width: 40rem;
}
.features49_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.features49_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-ink);
}
.features49_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.features49_layout {
  display: grid;
  grid-template-columns: 1fr;
  align-items: start;
  grid-column-gap: 0rem;
  grid-row-gap: 1.5rem;
}
.features49_frame {
  position: relative;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 4 / 3;
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 2;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.features49_still {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.features49_steps {
  display: flex;
  flex-direction: column;
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 2;
  grid-row-end: 3;
}
.features49_step {
  display: flex;
  flex-direction: column;
  row-gap: 0.35rem;
  padding-top: 1.1rem;
  padding-bottom: 1.1rem;
  border-top-width: 1px;
  border-top-style: solid;
  cursor: pointer;
  border-top-color: var(--blok-line);
}
.features49_step-index {
  font-family: var(--blok-font-mono);
  font-size: 0.75rem;
  letter-spacing: 0.08em;
  color: var(--blok-ink-muted);
}
.features49_step-title {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  font-size: 1.75rem;
  line-height: 1.1;
  font-weight: 600;
  letter-spacing: -0.03em;
}
.features49_step-text {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 36rem;
  font-size: 1rem;
  line-height: 1.5;
  color: var(--blok-ink-muted);
}
.section_features49.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.features49_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.features49_heading.is-dark {
  color: var(--blok-surface);
}
.features49_description.is-dark {
  color: var(--blok-surface-muted);
}
.features49_step-index.is-dark {
  color: var(--blok-surface-muted);
}
.features49_step-text.is-dark {
  color: var(--blok-surface-muted);
}
.features49_step.is-dark {
  border-top-color: var(--blok-line-inverse);
}
.section_features49.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.features49_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.features49_heading.is-accent {
  color: var(--blok-ink);
}
.features49_description.is-accent {
  color: var(--blok-ink-soft);
}
.features49_step-index.is-accent {
  color: var(--blok-ink-soft);
}
.features49_step-text.is-accent {
  color: var(--blok-ink-soft);
}
.features49_step.is-accent {
  border-top-color: var(--blok-line);
}

@media (min-width: 768px) {
  .features49_heading {
    font-size: 3rem;
  }
}

@media (min-width: 992px) {
  .features49_heading {
    font-size: 3.5rem;
  }
  .features49_layout {
    grid-template-columns: 0.9fr 1.1fr;
    grid-column-gap: 4rem;
    grid-row-gap: 0rem;
  }
  .features49_frame {
    grid-column-start: 2;
    grid-column-end: 3;
  }
  .features49_steps {
    grid-row-start: 1;
    grid-row-end: 2;
  }
  .features49_step-title {
    font-size: 2.25rem;
  }
}

/* Generated by Blokset from components/features-50.js. Edit the spec, not this file. */
.section_features50 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.features50_component {
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
}
.features50_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: left;
}
.features50_header-title {
  max-width: 40rem;
}
.features50_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.features50_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-ink);
}
.features50_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.features50_list {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: var(--blok-line);
}
.features50_item {
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: var(--blok-line);
}
.features50_trigger {
  display: flex;
  align-items: center;
  column-gap: 1.25rem;
  padding-top: 0.85rem;
  padding-bottom: 0.85rem;
  cursor: pointer;
}
.features50_number {
  flex-shrink: 0;
  font-family: var(--blok-font-display);
  font-size: 2.75rem;
  line-height: 0.9;
  font-weight: 600;
  letter-spacing: -0.05em;
  color: var(--blok-ink);
}
.features50_title {
  flex-grow: 1;
  min-width: 0px;
  overflow: hidden;
  margin-top: 0;
  margin-bottom: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-family: var(--blok-font-display);
  font-size: 1.35rem;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: -0.03em;
}
.features50_icon {
  flex-shrink: 0;
  font-size: 1.75rem;
  line-height: 1;
  font-weight: 300;
  color: var(--blok-ink-muted);
}
.features50_panel {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  padding-bottom: 1.5rem;
}
.features50_note {
  flex-grow: 1;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 36rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.features50_photo {
  display: block;
  width: 100%;
  height: 12rem;
  object-fit: cover;
  flex-shrink: 0;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.section_features50.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.features50_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.features50_heading.is-dark {
  color: var(--blok-surface);
}
.features50_description.is-dark {
  color: var(--blok-surface-muted);
}
.features50_list.is-dark {
  border-bottom-color: var(--blok-line-inverse);
}
.features50_item.is-dark {
  border-top-color: var(--blok-line-inverse);
}
.features50_number.is-dark {
  color: var(--blok-surface);
}
.features50_note.is-dark {
  color: var(--blok-surface-muted);
}
.features50_icon.is-dark {
  color: var(--blok-surface-muted);
}
.section_features50.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.features50_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.features50_heading.is-accent {
  color: var(--blok-ink);
}
.features50_description.is-accent {
  color: var(--blok-ink-soft);
}
.features50_list.is-accent {
  border-bottom-color: var(--blok-line);
}
.features50_item.is-accent {
  border-top-color: var(--blok-line);
}
.features50_number.is-accent {
  color: var(--blok-ink);
}
.features50_note.is-accent {
  color: var(--blok-ink-soft);
}
.features50_icon.is-accent {
  color: var(--blok-ink-soft);
}

@media (min-width: 768px) {
  .features50_heading {
    font-size: 3rem;
  }
}

@media (min-width: 992px) {
  .features50_heading {
    font-size: 3.5rem;
  }
  .features50_trigger {
    column-gap: 2rem;
  }
  .features50_number {
    font-size: 4.75rem;
  }
  .features50_title {
    font-size: 2rem;
  }
  .features50_panel {
    flex-direction: row;
    align-items: center;
    column-gap: 2.5rem;
    row-gap: 0rem;
  }
  .features50_photo {
    width: 16rem;
    height: 11rem;
  }
}

/* Generated by Blokset from components/features-51.js. Edit the spec, not this file. */
.section_features51 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.features51_component {
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
}
.features51_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: left;
}
.features51_header-title {
  max-width: 40rem;
}
.features51_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.features51_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-ink);
}
.features51_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.features51_cards {
  display: grid;
  grid-template-columns: 1fr;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  perspective: 1200px;
}
.features51_card {
  position: relative;
  height: 26rem;
  cursor: pointer;
  transform-style: preserve-3d;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.features51_front {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  backface-visibility: hidden;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.features51_photo {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.features51_back {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--blok-surface-2);
  color: var(--blok-ink);
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  row-gap: 0.75rem;
  overflow: hidden;
  transform: rotateY(180deg);
  backface-visibility: hidden;
  padding-top: 1.5rem;
  padding-right: 1.5rem;
  padding-bottom: 1.5rem;
  padding-left: 1.5rem;
}
.features51_title {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  font-size: 1.75rem;
  line-height: 1.1;
  font-weight: 600;
  letter-spacing: -0.03em;
}
.features51_note {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.0625rem;
  line-height: 1.55;
  color: var(--blok-ink-muted);
}
.section_features51.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.features51_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.features51_heading.is-dark {
  color: var(--blok-surface);
}
.features51_description.is-dark {
  color: var(--blok-surface-muted);
}
.features51_back.is-dark {
  background-color: var(--blok-ink-2);
  color: var(--blok-surface);
}
.features51_note.is-dark {
  color: var(--blok-surface-muted);
}
.section_features51.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.features51_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.features51_heading.is-accent {
  color: var(--blok-ink);
}
.features51_description.is-accent {
  color: var(--blok-ink-soft);
}
.features51_back.is-accent {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.features51_note.is-accent {
  color: var(--blok-ink-soft);
}

@media (min-width: 768px) {
  .features51_heading {
    font-size: 3rem;
  }
  .features51_cards {
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 992px) {
  .features51_heading {
    font-size: 3.5rem;
  }
  .features51_cards {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

/* Generated by Blokset from components/features-52.js. Edit the spec, not this file. */
.section_features52 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.features52_component {
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
}
.features52_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: left;
}
.features52_header-title {
  max-width: 40rem;
}
.features52_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.features52_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-ink);
}
.features52_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.features52_passage {
  display: flex;
  flex-direction: column;
  row-gap: 0.2rem;
  max-width: 48rem;
}
.features52_line {
  font-family: var(--blok-font-display);
  font-size: 1.75rem;
  line-height: 1.25;
  font-weight: 600;
  letter-spacing: -0.03em;
  color: var(--blok-ink);
}
.section_features52.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.features52_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.features52_heading.is-dark {
  color: var(--blok-surface);
}
.features52_description.is-dark {
  color: var(--blok-surface-muted);
}
.features52_line.is-dark {
  color: var(--blok-surface);
}
.section_features52.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.features52_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.features52_heading.is-accent {
  color: var(--blok-ink);
}
.features52_description.is-accent {
  color: var(--blok-ink-soft);
}
.features52_line.is-accent {
  color: var(--blok-ink);
}

@media (min-width: 768px) {
  .features52_heading {
    font-size: 3rem;
  }
  .features52_line {
    font-size: 2.05rem;
  }
}

@media (min-width: 992px) {
  .features52_heading {
    font-size: 3.5rem;
  }
  .features52_line {
    font-size: 2.35rem;
  }
}

/* Generated by Blokset from components/features-61.js. Edit the spec, not this file. */
.section_features61 {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.features61_component {
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
}
.features61_heading {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 18rem;
  font-family: var(--blok-font-display);
  font-size: 2.75rem;
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.04em;
  color: var(--blok-surface);
}
.features61_split {
  display: grid;
  grid-template-columns: 1fr;
  align-items: start;
  row-gap: 2rem;
  column-gap: 0rem;
}
.features61_figure {
  position: relative;
  width: 100%;
}
.features61_image {
  display: block;
  width: 100%;
  height: 18rem;
  object-fit: cover;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.features61_caption {
  position: absolute;
  left: 1rem;
  bottom: 1rem;
  background-color: var(--blok-overlay-strong);
  color: var(--blok-surface);
  font-family: var(--blok-font-mono);
  font-size: 0.6875rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding-top: 0.4rem;
  padding-right: 0.7rem;
  padding-bottom: 0.4rem;
  padding-left: 0.7rem;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
}
.features61_copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 1.25rem;
}
.features61_kicker-row {
  display: flex;
  align-items: center;
  column-gap: 0.5rem;
  width: 100%;
  padding-bottom: 0.85rem;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: var(--blok-line-inverse);
}
.features61_dot {
  width: 0.45rem;
  height: 0.45rem;
  flex-shrink: 0;
  background-color: var(--blok-accent);
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
}
.features61_kicker {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-surface-muted);
}
.features61_body {
  display: flex;
  flex-direction: column;
  row-gap: 0.9rem;
  color: var(--blok-surface-muted);
}
.features61_lead {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.6;
}
.features61_support {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.6;
}
.features61_action {
  display: inline-flex;
  text-decoration: none;
  font-weight: 600;
  padding-top: 0.8rem;
  padding-right: 1.15rem;
  padding-bottom: 0.8rem;
  padding-left: 1.15rem;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  background-color: var(--blok-accent);
  color: var(--blok-surface);
}
.features61_stats {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 1.25rem;
  column-gap: 0rem;
  width: 100%;
  margin-top: 0.5rem;
}
.features61_stat {
  display: flex;
  flex-direction: column;
  row-gap: 0.35rem;
  padding-left: 1rem;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: var(--blok-line-inverse);
}
.features61_value {
  font-family: var(--blok-font-display);
  font-size: 2.5rem;
  line-height: 1;
  font-weight: 600;
  letter-spacing: -0.04em;
}
.features61_label {
  font-size: 0.875rem;
  line-height: 1.45;
  color: var(--blok-surface-muted);
}
.section_features61.is-light {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.features61_heading.is-light {
  color: var(--blok-ink);
}
.features61_kicker.is-light {
  color: var(--blok-ink-muted);
}
.features61_dot.is-light {
  background-color: var(--blok-accent);
}
.features61_body.is-light {
  color: var(--blok-ink-muted);
}
.features61_kicker-row.is-light {
  border-bottom-color: var(--blok-line);
}
.features61_stat.is-light {
  border-left-color: var(--blok-line);
}
.features61_label.is-light {
  color: var(--blok-ink-muted);
}
.features61_action.is-light {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.section_features61.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.features61_heading.is-accent {
  color: var(--blok-ink);
}
.features61_kicker.is-accent {
  color: var(--blok-ink-soft);
}
.features61_dot.is-accent {
  background-color: var(--blok-ink);
}
.features61_body.is-accent {
  color: var(--blok-ink-soft);
}
.features61_kicker-row.is-accent {
  border-bottom-color: var(--blok-line);
}
.features61_stat.is-accent {
  border-left-color: var(--blok-line);
}
.features61_label.is-accent {
  color: var(--blok-ink-soft);
}
.features61_action.is-accent {
  background-color: var(--blok-ink);
  color: var(--blok-ink);
}

@media (min-width: 768px) {
  .features61_stats {
    grid-template-columns: 1fr 1fr;
    column-gap: 1.5rem;
    row-gap: 1.5rem;
  }
}

@media (min-width: 992px) {
  .features61_heading {
    max-width: 28rem;
    font-size: 4rem;
  }
  .features61_split {
    grid-template-columns: 1.1fr 0.9fr;
    column-gap: 3rem;
    row-gap: 0rem;
  }
  .features61_image {
    height: 28rem;
  }
}

/* Generated by Blokset from components/features-62.js. Edit the spec, not this file. */
.section_features62 {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.features62_component {
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  row-gap: 2.5rem;
  column-gap: 0rem;
}
.features62_stage {
  position: relative;
  width: 100%;
  height: 22rem;
}
.features62_image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.features62_tag-a {
  position: absolute;
  top: 12%;
  right: 8%;
  bottom: auto;
  left: auto;
  z-index: 2;
  font-size: 0.75rem;
  line-height: 1;
  font-weight: 600;
  white-space: nowrap;
  padding-top: 0.45rem;
  padding-right: 0.7rem;
  padding-bottom: 0.45rem;
  padding-left: 0.7rem;
  background-color: var(--blok-surface);
  color: var(--blok-ink);
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
}
.features62_tag-b {
  position: absolute;
  top: 28%;
  right: auto;
  bottom: auto;
  left: 4%;
  z-index: 2;
  font-size: 0.75rem;
  line-height: 1;
  font-weight: 600;
  white-space: nowrap;
  padding-top: 0.45rem;
  padding-right: 0.7rem;
  padding-bottom: 0.45rem;
  padding-left: 0.7rem;
  background-color: var(--blok-surface);
  color: var(--blok-ink);
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
}
.features62_tag-c {
  position: absolute;
  top: 42%;
  right: auto;
  bottom: auto;
  left: 10%;
  z-index: 2;
  font-size: 0.75rem;
  line-height: 1;
  font-weight: 600;
  white-space: nowrap;
  padding-top: 0.45rem;
  padding-right: 0.7rem;
  padding-bottom: 0.45rem;
  padding-left: 0.7rem;
  background-color: var(--blok-surface);
  color: var(--blok-ink);
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
}
.features62_tag-d {
  position: absolute;
  top: 54%;
  right: auto;
  bottom: auto;
  left: 6%;
  z-index: 2;
  font-size: 0.75rem;
  line-height: 1;
  font-weight: 600;
  white-space: nowrap;
  padding-top: 0.45rem;
  padding-right: 0.7rem;
  padding-bottom: 0.45rem;
  padding-left: 0.7rem;
  background-color: var(--blok-surface);
  color: var(--blok-ink);
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
}
.features62_tag-e {
  position: absolute;
  top: 68%;
  right: auto;
  bottom: auto;
  left: 8%;
  z-index: 2;
  font-size: 0.75rem;
  line-height: 1;
  font-weight: 600;
  white-space: nowrap;
  padding-top: 0.45rem;
  padding-right: 0.7rem;
  padding-bottom: 0.45rem;
  padding-left: 0.7rem;
  background-color: var(--blok-surface);
  color: var(--blok-ink);
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
}
.features62_tag-f {
  position: absolute;
  top: 82%;
  right: auto;
  bottom: auto;
  left: 18%;
  z-index: 2;
  font-size: 0.75rem;
  line-height: 1;
  font-weight: 600;
  white-space: nowrap;
  padding-top: 0.45rem;
  padding-right: 0.7rem;
  padding-bottom: 0.45rem;
  padding-left: 0.7rem;
  background-color: var(--blok-surface);
  color: var(--blok-ink);
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
}
.features62_copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 1.15rem;
}
.features62_chip {
  font-family: var(--blok-font-mono);
  font-size: 0.6875rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding-top: 0.35rem;
  padding-right: 0.65rem;
  padding-bottom: 0.35rem;
  padding-left: 0.65rem;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  color: var(--blok-surface);
  background-color: var(--blok-ink-2);
}
.features62_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  font-size: 2.5rem;
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.04em;
  color: var(--blok-surface);
}
.features62_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 32rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-surface-muted);
}
.features62_action {
  display: inline-flex;
  text-decoration: none;
  font-weight: 600;
  padding-top: 0.8rem;
  padding-right: 1.15rem;
  padding-bottom: 0.8rem;
  padding-left: 1.15rem;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  background-color: var(--blok-accent);
  color: var(--blok-surface);
}
.features62_cards {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 0.75rem;
  column-gap: 0rem;
  width: 100%;
  margin-top: 0.5rem;
}
.features62_card {
  display: flex;
  flex-direction: column;
  row-gap: 0.45rem;
  padding-top: 1.1rem;
  padding-right: 1rem;
  padding-bottom: 1.1rem;
  padding-left: 1rem;
  border-top-left-radius: var(--blok-radius);
  border-top-right-radius: var(--blok-radius);
  border-bottom-left-radius: var(--blok-radius);
  border-bottom-right-radius: var(--blok-radius);
  background-color: var(--blok-ink-2);
  color: var(--blok-surface);
}
.features62_card-glyph {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0em;
  text-transform: none;
}
.features62_card-title {
  font-size: 1rem;
  line-height: 1.3;
  font-weight: 600;
}
.features62_card-note {
  font-size: 0.875rem;
  line-height: 1.45;
  color: var(--blok-surface-muted);
}
.section_features62.is-light {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.features62_chip.is-light {
  color: var(--blok-ink);
  background-color: var(--blok-surface-2);
}
.features62_heading.is-light {
  color: var(--blok-ink);
}
.features62_description.is-light {
  color: var(--blok-ink-muted);
}
.features62_action.is-light {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.features62_card.is-light {
  background-color: var(--blok-surface-2);
  color: var(--blok-ink);
}
.features62_card-note.is-light {
  color: var(--blok-ink-muted);
}
.section_features62.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.features62_chip.is-accent {
  color: var(--blok-ink);
  background-color: var(--blok-surface);
}
.features62_heading.is-accent {
  color: var(--blok-ink);
}
.features62_description.is-accent {
  color: var(--blok-ink-soft);
}
.features62_action.is-accent {
  background-color: var(--blok-ink);
  color: var(--blok-ink);
}
.features62_card.is-accent {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.features62_card-note.is-accent {
  color: var(--blok-ink-soft);
}

@media (min-width: 768px) {
  .features62_cards {
    grid-template-columns: 1fr 1fr;
    column-gap: 0.75rem;
    row-gap: 0rem;
  }
}

@media (min-width: 992px) {
  .features62_component {
    grid-template-columns: 1.05fr 0.95fr;
    column-gap: 3rem;
    row-gap: 0rem;
  }
  .features62_stage {
    height: 36rem;
  }
  .features62_heading {
    font-size: 3.25rem;
  }
}

/* Generated by Blokset from components/features-63.js. Edit the spec, not this file. */
.section_features63 {
  font-family: var(--blok-font-saas);
  color: #0F1115;
  background-color: #FFFFFF;
  padding-top: clamp(56px, 8vw, 104px);
  padding-right: clamp(20px, 4vw, 48px);
  padding-bottom: clamp(56px, 8vw, 104px);
  padding-left: clamp(20px, 4vw, 48px);
}
.features63_div-45 {
  max-width: 1200px;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  row-gap: 44px;
  column-gap: 44px;
}
.features63_div-3 {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  column-gap: 16px;
  max-width: 640px;
}
.features63_div-1 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5B616B;
}
.features63_heading {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: clamp(34px, 4.4vw, 56px);
  line-height: 1.02;
  letter-spacing: -0.04em;
  font-weight: 600;
}
.features63_stack-181 {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.features63_div-44 {
  display: flex;
  flex-wrap: wrap;
  row-gap: 40px;
  column-gap: 40px;
  align-items: stretch;
}
.features63_div-28 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 360px;
  display: flex;
  flex-direction: column;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
}
.features63_div-12 {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
}
.features63_div-7 {
  display: flex;
  align-items: center;
  row-gap: 16px;
  column-gap: 16px;
  width: 100%;
  min-height: 64px;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: transparent;
  cursor: pointer;
  text-align: left;
  color: #0F1115;
}
.features63_div-4 {
  font-family: var(--blok-font-saas-mono);
  font-size: 13px;
  color: #2D4BF0;
}
.features63_div-5 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  font-size: 21px;
  font-weight: 600;
  letter-spacing: -0.02em;
}
.features63_div-6 {
  font-size: 20px;
  color: #5B616B;
}
.features63_div-11 {
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 22px;
  padding-left: 38px;
  display: flex;
  flex-direction: column;
  row-gap: 14px;
  column-gap: 14px;
}
.features63_subheading {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 16px;
  line-height: 1.6;
  color: #4E545D;
}
.features63_div-10 {
  height: 3px;
  background-color: #EEF0EA;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  overflow: hidden;
}
.features63_div-9 {
  height: 3px;
  width: 25%;
  background-color: #2D4BF0;
}
.features63_div-17 {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
}
.features63_div-16 {
  display: flex;
  align-items: center;
  row-gap: 16px;
  column-gap: 16px;
  width: 100%;
  min-height: 64px;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: transparent;
  cursor: pointer;
  text-align: left;
  color: #4E545D;
}
.features63_div-13 {
  font-family: var(--blok-font-saas-mono);
  font-size: 13px;
  color: #5B616B;
}
.features63_div-14 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  font-size: 21px;
  font-weight: 600;
  letter-spacing: -0.02em;
}
.features63_div-15 {
  font-size: 20px;
  color: #5B616B;
}
.features63_div-22 {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
}
.features63_div-21 {
  display: flex;
  align-items: center;
  row-gap: 16px;
  column-gap: 16px;
  width: 100%;
  min-height: 64px;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: transparent;
  cursor: pointer;
  text-align: left;
  color: #4E545D;
}
.features63_div-18 {
  font-family: var(--blok-font-saas-mono);
  font-size: 13px;
  color: #5B616B;
}
.features63_div-19 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  font-size: 21px;
  font-weight: 600;
  letter-spacing: -0.02em;
}
.features63_div-20 {
  font-size: 20px;
  color: #5B616B;
}
.features63_div-27 {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
}
.features63_div-26 {
  display: flex;
  align-items: center;
  row-gap: 16px;
  column-gap: 16px;
  width: 100%;
  min-height: 64px;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: transparent;
  cursor: pointer;
  text-align: left;
  color: #4E545D;
}
.features63_div-23 {
  font-family: var(--blok-font-saas-mono);
  font-size: 13px;
  color: #5B616B;
}
.features63_div-24 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  font-size: 21px;
  font-weight: 600;
  letter-spacing: -0.02em;
}
.features63_div-25 {
  font-size: 20px;
  color: #5B616B;
}
.features63_div-43 {
  flex-grow: 1.2;
  flex-shrink: 1;
  flex-basis: 440px;
  min-width: 0;
  min-height: 420px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  background-color: #F4F5F1;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
  padding-top: clamp(20px, 3vw, 36px);
  padding-right: clamp(20px, 3vw, 36px);
  padding-bottom: clamp(20px, 3vw, 36px);
  padding-left: clamp(20px, 3vw, 36px);
  display: flex;
  align-items: center;
  justify-content: center;
}
.features63_div-42 {
  width: 100%;
  max-width: 440px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  box-shadow: 0 24px 48px -24px rgba(15,17,21,0.22);
  padding-top: 22px;
  padding-right: 22px;
  padding-bottom: 22px;
  padding-left: 22px;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  column-gap: 16px;
}
.features63_div-31 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
}
.features63_div-29 {
  font-weight: 600;
}
.features63_div-30 {
  padding-top: 4px;
  padding-right: 10px;
  padding-bottom: 4px;
  padding-left: 10px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  font-size: 12px;
  font-weight: 500;
  background-color: #E8ECFE;
  color: #2D4BF0;
}
.features63_div-34 {
  display: flex;
  justify-content: space-between;
  row-gap: 16px;
  column-gap: 16px;
  padding-top: 12px;
  padding-right: 14px;
  padding-bottom: 12px;
  padding-left: 14px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: #FAFBF8;
  font-size: 14px;
}
.features63_div-32 {
  color: #4E545D;
}
.features63_div-33 {
  font-weight: 500;
}
.features63_div-37 {
  display: flex;
  justify-content: space-between;
  row-gap: 16px;
  column-gap: 16px;
  padding-top: 12px;
  padding-right: 14px;
  padding-bottom: 12px;
  padding-left: 14px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: #FAFBF8;
  font-size: 14px;
}
.features63_div-35 {
  color: #4E545D;
}
.features63_div-36 {
  font-weight: 500;
}
.features63_div-40 {
  display: flex;
  justify-content: space-between;
  row-gap: 16px;
  column-gap: 16px;
  padding-top: 12px;
  padding-right: 14px;
  padding-bottom: 12px;
  padding-left: 14px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: #FAFBF8;
  font-size: 14px;
}
.features63_div-38 {
  color: #4E545D;
}
.features63_div-39 {
  font-weight: 500;
}
.features63_div-41 {
  height: 44px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: #0F1115;
  color: #FFFFFF;
  font-weight: 500;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.features63_div-89 {
  display: none;
  flex-wrap: wrap;
  row-gap: 40px;
  column-gap: 40px;
  align-items: stretch;
}
.features63_div-73 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 360px;
  display: flex;
  flex-direction: column;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
}
.features63_div-53 {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
}
.features63_div-52 {
  display: flex;
  align-items: center;
  row-gap: 16px;
  column-gap: 16px;
  width: 100%;
  min-height: 64px;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: transparent;
  cursor: pointer;
  text-align: left;
  color: #4E545D;
}
.features63_div-49 {
  font-family: var(--blok-font-saas-mono);
  font-size: 13px;
  color: #5B616B;
}
.features63_div-50 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  font-size: 21px;
  font-weight: 600;
  letter-spacing: -0.02em;
}
.features63_div-51 {
  font-size: 20px;
  color: #5B616B;
}
.features63_div-62 {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
}
.features63_div-57 {
  display: flex;
  align-items: center;
  row-gap: 16px;
  column-gap: 16px;
  width: 100%;
  min-height: 64px;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: transparent;
  cursor: pointer;
  text-align: left;
  color: #0F1115;
}
.features63_div-54 {
  font-family: var(--blok-font-saas-mono);
  font-size: 13px;
  color: #2D4BF0;
}
.features63_div-55 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  font-size: 21px;
  font-weight: 600;
  letter-spacing: -0.02em;
}
.features63_div-56 {
  font-size: 20px;
  color: #5B616B;
}
.features63_div-61 {
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 22px;
  padding-left: 38px;
  display: flex;
  flex-direction: column;
  row-gap: 14px;
  column-gap: 14px;
}
.features63_p-58 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 16px;
  line-height: 1.6;
  color: #4E545D;
}
.features63_div-60 {
  height: 3px;
  background-color: #EEF0EA;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  overflow: hidden;
}
.features63_div-59 {
  height: 3px;
  width: 50%;
  background-color: #2D4BF0;
}
.features63_div-67 {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
}
.features63_div-66 {
  display: flex;
  align-items: center;
  row-gap: 16px;
  column-gap: 16px;
  width: 100%;
  min-height: 64px;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: transparent;
  cursor: pointer;
  text-align: left;
  color: #4E545D;
}
.features63_div-63 {
  font-family: var(--blok-font-saas-mono);
  font-size: 13px;
  color: #5B616B;
}
.features63_div-64 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  font-size: 21px;
  font-weight: 600;
  letter-spacing: -0.02em;
}
.features63_div-65 {
  font-size: 20px;
  color: #5B616B;
}
.features63_div-72 {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
}
.features63_div-71 {
  display: flex;
  align-items: center;
  row-gap: 16px;
  column-gap: 16px;
  width: 100%;
  min-height: 64px;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: transparent;
  cursor: pointer;
  text-align: left;
  color: #4E545D;
}
.features63_div-68 {
  font-family: var(--blok-font-saas-mono);
  font-size: 13px;
  color: #5B616B;
}
.features63_div-69 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  font-size: 21px;
  font-weight: 600;
  letter-spacing: -0.02em;
}
.features63_div-70 {
  font-size: 20px;
  color: #5B616B;
}
.features63_div-88 {
  flex-grow: 1.2;
  flex-shrink: 1;
  flex-basis: 440px;
  min-width: 0;
  min-height: 420px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  background-color: #F4F5F1;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
  padding-top: clamp(20px, 3vw, 36px);
  padding-right: clamp(20px, 3vw, 36px);
  padding-bottom: clamp(20px, 3vw, 36px);
  padding-left: clamp(20px, 3vw, 36px);
  display: flex;
  align-items: center;
  justify-content: center;
}
.features63_div-87 {
  width: 100%;
  max-width: 440px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  box-shadow: 0 24px 48px -24px rgba(15,17,21,0.22);
  padding-top: 22px;
  padding-right: 22px;
  padding-bottom: 22px;
  padding-left: 22px;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  column-gap: 16px;
}
.features63_div-76 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
}
.features63_div-74 {
  font-weight: 600;
}
.features63_div-75 {
  padding-top: 4px;
  padding-right: 10px;
  padding-bottom: 4px;
  padding-left: 10px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  font-size: 12px;
  font-weight: 500;
  background-color: #E8ECFE;
  color: #2D4BF0;
}
.features63_div-79 {
  display: flex;
  justify-content: space-between;
  row-gap: 16px;
  column-gap: 16px;
  padding-top: 12px;
  padding-right: 14px;
  padding-bottom: 12px;
  padding-left: 14px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: #FAFBF8;
  font-size: 14px;
}
.features63_div-77 {
  color: #4E545D;
}
.features63_div-78 {
  font-weight: 500;
}
.features63_div-82 {
  display: flex;
  justify-content: space-between;
  row-gap: 16px;
  column-gap: 16px;
  padding-top: 12px;
  padding-right: 14px;
  padding-bottom: 12px;
  padding-left: 14px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: #FAFBF8;
  font-size: 14px;
}
.features63_div-80 {
  color: #4E545D;
}
.features63_div-81 {
  font-weight: 500;
}
.features63_div-85 {
  display: flex;
  justify-content: space-between;
  row-gap: 16px;
  column-gap: 16px;
  padding-top: 12px;
  padding-right: 14px;
  padding-bottom: 12px;
  padding-left: 14px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: #FAFBF8;
  font-size: 14px;
}
.features63_div-83 {
  color: #4E545D;
}
.features63_div-84 {
  font-weight: 500;
}
.features63_div-86 {
  height: 44px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: #0F1115;
  color: #FFFFFF;
  font-weight: 500;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.features63_div-134 {
  display: none;
  flex-wrap: wrap;
  row-gap: 40px;
  column-gap: 40px;
  align-items: stretch;
}
.features63_div-118 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 360px;
  display: flex;
  flex-direction: column;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
}
.features63_div-98 {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
}
.features63_div-97 {
  display: flex;
  align-items: center;
  row-gap: 16px;
  column-gap: 16px;
  width: 100%;
  min-height: 64px;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: transparent;
  cursor: pointer;
  text-align: left;
  color: #4E545D;
}
.features63_div-94 {
  font-family: var(--blok-font-saas-mono);
  font-size: 13px;
  color: #5B616B;
}
.features63_div-95 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  font-size: 21px;
  font-weight: 600;
  letter-spacing: -0.02em;
}
.features63_div-96 {
  font-size: 20px;
  color: #5B616B;
}
.features63_div-103 {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
}
.features63_div-102 {
  display: flex;
  align-items: center;
  row-gap: 16px;
  column-gap: 16px;
  width: 100%;
  min-height: 64px;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: transparent;
  cursor: pointer;
  text-align: left;
  color: #4E545D;
}
.features63_div-99 {
  font-family: var(--blok-font-saas-mono);
  font-size: 13px;
  color: #5B616B;
}
.features63_div-100 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  font-size: 21px;
  font-weight: 600;
  letter-spacing: -0.02em;
}
.features63_div-101 {
  font-size: 20px;
  color: #5B616B;
}
.features63_div-112 {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
}
.features63_div-107 {
  display: flex;
  align-items: center;
  row-gap: 16px;
  column-gap: 16px;
  width: 100%;
  min-height: 64px;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: transparent;
  cursor: pointer;
  text-align: left;
  color: #0F1115;
}
.features63_div-104 {
  font-family: var(--blok-font-saas-mono);
  font-size: 13px;
  color: #2D4BF0;
}
.features63_div-105 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  font-size: 21px;
  font-weight: 600;
  letter-spacing: -0.02em;
}
.features63_div-106 {
  font-size: 20px;
  color: #5B616B;
}
.features63_div-111 {
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 22px;
  padding-left: 38px;
  display: flex;
  flex-direction: column;
  row-gap: 14px;
  column-gap: 14px;
}
.features63_p-108 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 16px;
  line-height: 1.6;
  color: #4E545D;
}
.features63_div-110 {
  height: 3px;
  background-color: #EEF0EA;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  overflow: hidden;
}
.features63_div-109 {
  height: 3px;
  width: 75%;
  background-color: #2D4BF0;
}
.features63_div-117 {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
}
.features63_div-116 {
  display: flex;
  align-items: center;
  row-gap: 16px;
  column-gap: 16px;
  width: 100%;
  min-height: 64px;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: transparent;
  cursor: pointer;
  text-align: left;
  color: #4E545D;
}
.features63_div-113 {
  font-family: var(--blok-font-saas-mono);
  font-size: 13px;
  color: #5B616B;
}
.features63_div-114 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  font-size: 21px;
  font-weight: 600;
  letter-spacing: -0.02em;
}
.features63_div-115 {
  font-size: 20px;
  color: #5B616B;
}
.features63_div-133 {
  flex-grow: 1.2;
  flex-shrink: 1;
  flex-basis: 440px;
  min-width: 0;
  min-height: 420px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  background-color: #F4F5F1;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
  padding-top: clamp(20px, 3vw, 36px);
  padding-right: clamp(20px, 3vw, 36px);
  padding-bottom: clamp(20px, 3vw, 36px);
  padding-left: clamp(20px, 3vw, 36px);
  display: flex;
  align-items: center;
  justify-content: center;
}
.features63_div-132 {
  width: 100%;
  max-width: 440px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  box-shadow: 0 24px 48px -24px rgba(15,17,21,0.22);
  padding-top: 22px;
  padding-right: 22px;
  padding-bottom: 22px;
  padding-left: 22px;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  column-gap: 16px;
}
.features63_div-121 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
}
.features63_div-119 {
  font-weight: 600;
}
.features63_div-120 {
  padding-top: 4px;
  padding-right: 10px;
  padding-bottom: 4px;
  padding-left: 10px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  font-size: 12px;
  font-weight: 500;
  background-color: #E8ECFE;
  color: #2D4BF0;
}
.features63_div-124 {
  display: flex;
  justify-content: space-between;
  row-gap: 16px;
  column-gap: 16px;
  padding-top: 12px;
  padding-right: 14px;
  padding-bottom: 12px;
  padding-left: 14px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: #FAFBF8;
  font-size: 14px;
}
.features63_div-122 {
  color: #4E545D;
}
.features63_div-123 {
  font-weight: 500;
}
.features63_div-127 {
  display: flex;
  justify-content: space-between;
  row-gap: 16px;
  column-gap: 16px;
  padding-top: 12px;
  padding-right: 14px;
  padding-bottom: 12px;
  padding-left: 14px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: #FAFBF8;
  font-size: 14px;
}
.features63_div-125 {
  color: #4E545D;
}
.features63_div-126 {
  font-weight: 500;
}
.features63_div-130 {
  display: flex;
  justify-content: space-between;
  row-gap: 16px;
  column-gap: 16px;
  padding-top: 12px;
  padding-right: 14px;
  padding-bottom: 12px;
  padding-left: 14px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: #FAFBF8;
  font-size: 14px;
}
.features63_div-128 {
  color: #4E545D;
}
.features63_div-129 {
  font-weight: 500;
}
.features63_div-131 {
  height: 44px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: #0F1115;
  color: #FFFFFF;
  font-weight: 500;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.features63_div-179 {
  display: none;
  flex-wrap: wrap;
  row-gap: 40px;
  column-gap: 40px;
  align-items: stretch;
}
.features63_div-163 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 360px;
  display: flex;
  flex-direction: column;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
}
.features63_div-143 {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
}
.features63_div-142 {
  display: flex;
  align-items: center;
  row-gap: 16px;
  column-gap: 16px;
  width: 100%;
  min-height: 64px;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: transparent;
  cursor: pointer;
  text-align: left;
  color: #4E545D;
}
.features63_div-139 {
  font-family: var(--blok-font-saas-mono);
  font-size: 13px;
  color: #5B616B;
}
.features63_div-140 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  font-size: 21px;
  font-weight: 600;
  letter-spacing: -0.02em;
}
.features63_div-141 {
  font-size: 20px;
  color: #5B616B;
}
.features63_div-148 {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
}
.features63_div-147 {
  display: flex;
  align-items: center;
  row-gap: 16px;
  column-gap: 16px;
  width: 100%;
  min-height: 64px;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: transparent;
  cursor: pointer;
  text-align: left;
  color: #4E545D;
}
.features63_div-144 {
  font-family: var(--blok-font-saas-mono);
  font-size: 13px;
  color: #5B616B;
}
.features63_div-145 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  font-size: 21px;
  font-weight: 600;
  letter-spacing: -0.02em;
}
.features63_div-146 {
  font-size: 20px;
  color: #5B616B;
}
.features63_div-153 {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
}
.features63_div-152 {
  display: flex;
  align-items: center;
  row-gap: 16px;
  column-gap: 16px;
  width: 100%;
  min-height: 64px;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: transparent;
  cursor: pointer;
  text-align: left;
  color: #4E545D;
}
.features63_div-149 {
  font-family: var(--blok-font-saas-mono);
  font-size: 13px;
  color: #5B616B;
}
.features63_div-150 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  font-size: 21px;
  font-weight: 600;
  letter-spacing: -0.02em;
}
.features63_div-151 {
  font-size: 20px;
  color: #5B616B;
}
.features63_div-162 {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
}
.features63_div-157 {
  display: flex;
  align-items: center;
  row-gap: 16px;
  column-gap: 16px;
  width: 100%;
  min-height: 64px;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: transparent;
  cursor: pointer;
  text-align: left;
  color: #0F1115;
}
.features63_div-154 {
  font-family: var(--blok-font-saas-mono);
  font-size: 13px;
  color: #2D4BF0;
}
.features63_div-155 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  font-size: 21px;
  font-weight: 600;
  letter-spacing: -0.02em;
}
.features63_div-156 {
  font-size: 20px;
  color: #5B616B;
}
.features63_div-161 {
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 22px;
  padding-left: 38px;
  display: flex;
  flex-direction: column;
  row-gap: 14px;
  column-gap: 14px;
}
.features63_p-158 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 16px;
  line-height: 1.6;
  color: #4E545D;
}
.features63_div-160 {
  height: 3px;
  background-color: #EEF0EA;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  overflow: hidden;
}
.features63_div-159 {
  height: 3px;
  width: 100%;
  background-color: #2D4BF0;
}
.features63_div-178 {
  flex-grow: 1.2;
  flex-shrink: 1;
  flex-basis: 440px;
  min-width: 0;
  min-height: 420px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  background-color: #F4F5F1;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
  padding-top: clamp(20px, 3vw, 36px);
  padding-right: clamp(20px, 3vw, 36px);
  padding-bottom: clamp(20px, 3vw, 36px);
  padding-left: clamp(20px, 3vw, 36px);
  display: flex;
  align-items: center;
  justify-content: center;
}
.features63_div-177 {
  width: 100%;
  max-width: 440px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  box-shadow: 0 24px 48px -24px rgba(15,17,21,0.22);
  padding-top: 22px;
  padding-right: 22px;
  padding-bottom: 22px;
  padding-left: 22px;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  column-gap: 16px;
}
.features63_div-166 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
}
.features63_div-164 {
  font-weight: 600;
}
.features63_div-165 {
  padding-top: 4px;
  padding-right: 10px;
  padding-bottom: 4px;
  padding-left: 10px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  font-size: 12px;
  font-weight: 500;
  background-color: #E8ECFE;
  color: #2D4BF0;
}
.features63_div-169 {
  display: flex;
  justify-content: space-between;
  row-gap: 16px;
  column-gap: 16px;
  padding-top: 12px;
  padding-right: 14px;
  padding-bottom: 12px;
  padding-left: 14px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: #FAFBF8;
  font-size: 14px;
}
.features63_div-167 {
  color: #4E545D;
}
.features63_div-168 {
  font-weight: 500;
}
.features63_div-172 {
  display: flex;
  justify-content: space-between;
  row-gap: 16px;
  column-gap: 16px;
  padding-top: 12px;
  padding-right: 14px;
  padding-bottom: 12px;
  padding-left: 14px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: #FAFBF8;
  font-size: 14px;
}
.features63_div-170 {
  color: #4E545D;
}
.features63_div-171 {
  font-weight: 500;
}
.features63_div-175 {
  display: flex;
  justify-content: space-between;
  row-gap: 16px;
  column-gap: 16px;
  padding-top: 12px;
  padding-right: 14px;
  padding-bottom: 12px;
  padding-left: 14px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: #FAFBF8;
  font-size: 14px;
}
.features63_div-173 {
  color: #4E545D;
}
.features63_div-174 {
  font-weight: 500;
}
.features63_div-176 {
  height: 44px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: #0F1115;
  color: #FFFFFF;
  font-weight: 500;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.section_features63.is-dark {
  background-color: var(--blok-saas-ink);
  color: var(--blok-saas-canvas);
}
.section_features63.is-accent {
  background-color: var(--blok-saas-blue);
  color: var(--blok-saas-white);
}

/* Generated by Blokset from components/features-64.js. Edit the spec, not this file. */
.section_features64 {
  font-family: var(--blok-font-saas);
  color: #0F1115;
  background-color: #F4F5F1;
  padding-top: clamp(56px, 8vw, 96px);
  padding-right: clamp(20px, 4vw, 48px);
  padding-bottom: clamp(56px, 8vw, 96px);
  padding-left: clamp(20px, 4vw, 48px);
}
.features64_div-38 {
  max-width: 1200px;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 32px;
  column-gap: 32px;
}
.features64_div-3 {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 14px;
  column-gap: 14px;
  text-align: center;
}
.features64_div-1 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5B616B;
}
.features64_heading {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  max-width: 720px;
  font-size: clamp(34px, 4.4vw, 56px);
  line-height: 1.02;
  letter-spacing: -0.04em;
  font-weight: 600;
}
.features64_div-8 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  row-gap: 4px;
  column-gap: 4px;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
}
.features64_div-4 {
  height: 44px;
  padding-top: 0;
  padding-right: 20px;
  padding-bottom: 0;
  padding-left: 20px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  cursor: pointer;
  font-size: 15px;
  font-weight: 500;
  background-color: #0F1115;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
}
.features64_div-5 {
  height: 44px;
  padding-top: 0;
  padding-right: 20px;
  padding-bottom: 0;
  padding-left: 20px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  cursor: pointer;
  font-size: 15px;
  font-weight: 500;
  background-color: transparent;
  color: #4E545D;
  display: flex;
  align-items: center;
  justify-content: center;
}
.features64_div-6 {
  height: 44px;
  padding-top: 0;
  padding-right: 20px;
  padding-bottom: 0;
  padding-left: 20px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  cursor: pointer;
  font-size: 15px;
  font-weight: 500;
  background-color: transparent;
  color: #4E545D;
  display: flex;
  align-items: center;
  justify-content: center;
}
.features64_div-7 {
  height: 44px;
  padding-top: 0;
  padding-right: 20px;
  padding-bottom: 0;
  padding-left: 20px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  cursor: pointer;
  font-size: 15px;
  font-weight: 500;
  background-color: transparent;
  color: #4E545D;
  display: flex;
  align-items: center;
  justify-content: center;
}
.features64_stack-153 {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.features64_div-37 {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  row-gap: 20px;
  column-gap: 20px;
  align-items: stretch;
}
.features64_div-22 {
  flex-grow: 999;
  flex-shrink: 1;
  flex-basis: 560px;
  min-width: 0;
  min-height: 380px;
  border-top-left-radius: 22px;
  border-top-right-radius: 22px;
  border-bottom-right-radius: 22px;
  border-bottom-left-radius: 22px;
  padding-top: clamp(20px, 3vw, 32px);
  padding-right: clamp(20px, 3vw, 32px);
  padding-bottom: clamp(20px, 3vw, 32px);
  padding-left: clamp(20px, 3vw, 32px);
  background-color: #E8ECFE;
  display: flex;
  align-items: flex-end;
}
.features64_div-21 {
  width: 100%;
  padding-top: 18px;
  padding-right: 18px;
  padding-bottom: 18px;
  padding-left: 18px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  background-color: #FFFFFF;
  box-shadow: 0 20px 40px -28px rgba(15,17,21,0.45);
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  column-gap: 10px;
}
.features64_div-11 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.features64_div-9 {
  font-size: 15px;
  font-weight: 600;
}
.features64_div-10 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  color: #5B616B;
}
.features64_div-14 {
  display: flex;
  align-items: center;
  row-gap: 10px;
  column-gap: 10px;
  padding-top: 10px;
  padding-right: 12px;
  padding-bottom: 10px;
  padding-left: 12px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: #F4F5F1;
  font-size: 14px;
}
.features64_div-12 {
  width: 8px;
  height: 8px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #2D4BF0;
}
.features64_div-17 {
  display: flex;
  align-items: center;
  row-gap: 10px;
  column-gap: 10px;
  padding-top: 10px;
  padding-right: 12px;
  padding-bottom: 10px;
  padding-left: 12px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: #F4F5F1;
  font-size: 14px;
}
.features64_div-15 {
  width: 8px;
  height: 8px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #2D4BF0;
}
.features64_div-20 {
  display: flex;
  align-items: center;
  row-gap: 10px;
  column-gap: 10px;
  padding-top: 10px;
  padding-right: 12px;
  padding-bottom: 10px;
  padding-left: 12px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: #F4F5F1;
  font-size: 14px;
}
.features64_div-18 {
  width: 8px;
  height: 8px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #2D4BF0;
}
.features64_div-36 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 320px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  row-gap: 18px;
  column-gap: 18px;
  padding-top: 8px;
  padding-right: clamp(0px, 2vw, 16px);
  padding-bottom: 8px;
  padding-left: clamp(0px, 2vw, 16px);
}
.features64_h3-23 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 28px;
  line-height: 1.1;
  letter-spacing: -0.03em;
  font-weight: 600;
}
.features64_subheading {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 17px;
  line-height: 1.6;
  color: #4E545D;
}
.features64_div-34 {
  list-style: none;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  column-gap: 10px;
}
.features64_div-27 {
  display: flex;
  row-gap: 10px;
  column-gap: 10px;
  font-size: 16px;
}
.features64_div-25 {
  color: #2D4BF0;
}
.features64_div-30 {
  display: flex;
  row-gap: 10px;
  column-gap: 10px;
  font-size: 16px;
}
.features64_div-28 {
  color: #2D4BF0;
}
.features64_div-33 {
  display: flex;
  row-gap: 10px;
  column-gap: 10px;
  font-size: 16px;
}
.features64_div-31 {
  color: #2D4BF0;
}
.features64_a-35 {
  font-weight: 500;
  text-decoration: none;
  color: #2D4BF0;
}
.features64_div-75 {
  width: 100%;
  display: none;
  flex-wrap: wrap;
  row-gap: 20px;
  column-gap: 20px;
  align-items: stretch;
}
.features64_div-60 {
  flex-grow: 999;
  flex-shrink: 1;
  flex-basis: 560px;
  min-width: 0;
  min-height: 380px;
  border-top-left-radius: 22px;
  border-top-right-radius: 22px;
  border-bottom-right-radius: 22px;
  border-bottom-left-radius: 22px;
  padding-top: clamp(20px, 3vw, 32px);
  padding-right: clamp(20px, 3vw, 32px);
  padding-bottom: clamp(20px, 3vw, 32px);
  padding-left: clamp(20px, 3vw, 32px);
  background-color: #FDEFE4;
  display: flex;
  align-items: flex-end;
}
.features64_div-59 {
  width: 100%;
  padding-top: 18px;
  padding-right: 18px;
  padding-bottom: 18px;
  padding-left: 18px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  background-color: #FFFFFF;
  box-shadow: 0 20px 40px -28px rgba(15,17,21,0.45);
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  column-gap: 10px;
}
.features64_div-49 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.features64_div-47 {
  font-size: 15px;
  font-weight: 600;
}
.features64_div-48 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  color: #5B616B;
}
.features64_div-52 {
  display: flex;
  align-items: center;
  row-gap: 10px;
  column-gap: 10px;
  padding-top: 10px;
  padding-right: 12px;
  padding-bottom: 10px;
  padding-left: 12px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: #F4F5F1;
  font-size: 14px;
}
.features64_div-50 {
  width: 8px;
  height: 8px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #9A4A12;
}
.features64_div-55 {
  display: flex;
  align-items: center;
  row-gap: 10px;
  column-gap: 10px;
  padding-top: 10px;
  padding-right: 12px;
  padding-bottom: 10px;
  padding-left: 12px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: #F4F5F1;
  font-size: 14px;
}
.features64_div-53 {
  width: 8px;
  height: 8px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #9A4A12;
}
.features64_div-58 {
  display: flex;
  align-items: center;
  row-gap: 10px;
  column-gap: 10px;
  padding-top: 10px;
  padding-right: 12px;
  padding-bottom: 10px;
  padding-left: 12px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: #F4F5F1;
  font-size: 14px;
}
.features64_div-56 {
  width: 8px;
  height: 8px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #9A4A12;
}
.features64_div-74 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 320px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  row-gap: 18px;
  column-gap: 18px;
  padding-top: 8px;
  padding-right: clamp(0px, 2vw, 16px);
  padding-bottom: 8px;
  padding-left: clamp(0px, 2vw, 16px);
}
.features64_h3-61 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 28px;
  line-height: 1.1;
  letter-spacing: -0.03em;
  font-weight: 600;
}
.features64_p-62 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 17px;
  line-height: 1.6;
  color: #4E545D;
}
.features64_div-72 {
  list-style: none;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  column-gap: 10px;
}
.features64_div-65 {
  display: flex;
  row-gap: 10px;
  column-gap: 10px;
  font-size: 16px;
}
.features64_div-63 {
  color: #2D4BF0;
}
.features64_div-68 {
  display: flex;
  row-gap: 10px;
  column-gap: 10px;
  font-size: 16px;
}
.features64_div-66 {
  color: #2D4BF0;
}
.features64_div-71 {
  display: flex;
  row-gap: 10px;
  column-gap: 10px;
  font-size: 16px;
}
.features64_div-69 {
  color: #2D4BF0;
}
.features64_a-73 {
  font-weight: 500;
  text-decoration: none;
  color: #2D4BF0;
}
.features64_div-113 {
  width: 100%;
  display: none;
  flex-wrap: wrap;
  row-gap: 20px;
  column-gap: 20px;
  align-items: stretch;
}
.features64_div-98 {
  flex-grow: 999;
  flex-shrink: 1;
  flex-basis: 560px;
  min-width: 0;
  min-height: 380px;
  border-top-left-radius: 22px;
  border-top-right-radius: 22px;
  border-bottom-right-radius: 22px;
  border-bottom-left-radius: 22px;
  padding-top: clamp(20px, 3vw, 32px);
  padding-right: clamp(20px, 3vw, 32px);
  padding-bottom: clamp(20px, 3vw, 32px);
  padding-left: clamp(20px, 3vw, 32px);
  background-color: #E5F4EA;
  display: flex;
  align-items: flex-end;
}
.features64_div-97 {
  width: 100%;
  padding-top: 18px;
  padding-right: 18px;
  padding-bottom: 18px;
  padding-left: 18px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  background-color: #FFFFFF;
  box-shadow: 0 20px 40px -28px rgba(15,17,21,0.45);
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  column-gap: 10px;
}
.features64_div-87 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.features64_div-85 {
  font-size: 15px;
  font-weight: 600;
}
.features64_div-86 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  color: #5B616B;
}
.features64_div-90 {
  display: flex;
  align-items: center;
  row-gap: 10px;
  column-gap: 10px;
  padding-top: 10px;
  padding-right: 12px;
  padding-bottom: 10px;
  padding-left: 12px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: #F4F5F1;
  font-size: 14px;
}
.features64_div-88 {
  width: 8px;
  height: 8px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #1D6B3A;
}
.features64_div-93 {
  display: flex;
  align-items: center;
  row-gap: 10px;
  column-gap: 10px;
  padding-top: 10px;
  padding-right: 12px;
  padding-bottom: 10px;
  padding-left: 12px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: #F4F5F1;
  font-size: 14px;
}
.features64_div-91 {
  width: 8px;
  height: 8px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #1D6B3A;
}
.features64_div-96 {
  display: flex;
  align-items: center;
  row-gap: 10px;
  column-gap: 10px;
  padding-top: 10px;
  padding-right: 12px;
  padding-bottom: 10px;
  padding-left: 12px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: #F4F5F1;
  font-size: 14px;
}
.features64_div-94 {
  width: 8px;
  height: 8px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #1D6B3A;
}
.features64_div-112 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 320px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  row-gap: 18px;
  column-gap: 18px;
  padding-top: 8px;
  padding-right: clamp(0px, 2vw, 16px);
  padding-bottom: 8px;
  padding-left: clamp(0px, 2vw, 16px);
}
.features64_h3-99 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 28px;
  line-height: 1.1;
  letter-spacing: -0.03em;
  font-weight: 600;
}
.features64_p-100 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 17px;
  line-height: 1.6;
  color: #4E545D;
}
.features64_div-110 {
  list-style: none;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  column-gap: 10px;
}
.features64_div-103 {
  display: flex;
  row-gap: 10px;
  column-gap: 10px;
  font-size: 16px;
}
.features64_div-101 {
  color: #2D4BF0;
}
.features64_div-106 {
  display: flex;
  row-gap: 10px;
  column-gap: 10px;
  font-size: 16px;
}
.features64_div-104 {
  color: #2D4BF0;
}
.features64_div-109 {
  display: flex;
  row-gap: 10px;
  column-gap: 10px;
  font-size: 16px;
}
.features64_div-107 {
  color: #2D4BF0;
}
.features64_a-111 {
  font-weight: 500;
  text-decoration: none;
  color: #2D4BF0;
}
.features64_div-151 {
  width: 100%;
  display: none;
  flex-wrap: wrap;
  row-gap: 20px;
  column-gap: 20px;
  align-items: stretch;
}
.features64_div-136 {
  flex-grow: 999;
  flex-shrink: 1;
  flex-basis: 560px;
  min-width: 0;
  min-height: 380px;
  border-top-left-radius: 22px;
  border-top-right-radius: 22px;
  border-bottom-right-radius: 22px;
  border-bottom-left-radius: 22px;
  padding-top: clamp(20px, 3vw, 32px);
  padding-right: clamp(20px, 3vw, 32px);
  padding-bottom: clamp(20px, 3vw, 32px);
  padding-left: clamp(20px, 3vw, 32px);
  background-color: #F1E9FB;
  display: flex;
  align-items: flex-end;
}
.features64_div-135 {
  width: 100%;
  padding-top: 18px;
  padding-right: 18px;
  padding-bottom: 18px;
  padding-left: 18px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  background-color: #FFFFFF;
  box-shadow: 0 20px 40px -28px rgba(15,17,21,0.45);
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  column-gap: 10px;
}
.features64_div-125 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.features64_div-123 {
  font-size: 15px;
  font-weight: 600;
}
.features64_div-124 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  color: #5B616B;
}
.features64_div-128 {
  display: flex;
  align-items: center;
  row-gap: 10px;
  column-gap: 10px;
  padding-top: 10px;
  padding-right: 12px;
  padding-bottom: 10px;
  padding-left: 12px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: #F4F5F1;
  font-size: 14px;
}
.features64_div-126 {
  width: 8px;
  height: 8px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #6B32A8;
}
.features64_div-131 {
  display: flex;
  align-items: center;
  row-gap: 10px;
  column-gap: 10px;
  padding-top: 10px;
  padding-right: 12px;
  padding-bottom: 10px;
  padding-left: 12px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: #F4F5F1;
  font-size: 14px;
}
.features64_div-129 {
  width: 8px;
  height: 8px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #6B32A8;
}
.features64_div-134 {
  display: flex;
  align-items: center;
  row-gap: 10px;
  column-gap: 10px;
  padding-top: 10px;
  padding-right: 12px;
  padding-bottom: 10px;
  padding-left: 12px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: #F4F5F1;
  font-size: 14px;
}
.features64_div-132 {
  width: 8px;
  height: 8px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #6B32A8;
}
.features64_div-150 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 320px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  row-gap: 18px;
  column-gap: 18px;
  padding-top: 8px;
  padding-right: clamp(0px, 2vw, 16px);
  padding-bottom: 8px;
  padding-left: clamp(0px, 2vw, 16px);
}
.features64_h3-137 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 28px;
  line-height: 1.1;
  letter-spacing: -0.03em;
  font-weight: 600;
}
.features64_p-138 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 17px;
  line-height: 1.6;
  color: #4E545D;
}
.features64_div-148 {
  list-style: none;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  column-gap: 10px;
}
.features64_div-141 {
  display: flex;
  row-gap: 10px;
  column-gap: 10px;
  font-size: 16px;
}
.features64_div-139 {
  color: #2D4BF0;
}
.features64_div-144 {
  display: flex;
  row-gap: 10px;
  column-gap: 10px;
  font-size: 16px;
}
.features64_div-142 {
  color: #2D4BF0;
}
.features64_div-147 {
  display: flex;
  row-gap: 10px;
  column-gap: 10px;
  font-size: 16px;
}
.features64_div-145 {
  color: #2D4BF0;
}
.features64_a-149 {
  font-weight: 500;
  text-decoration: none;
  color: #2D4BF0;
}
.section_features64.is-dark {
  background-color: var(--blok-saas-ink);
  color: var(--blok-saas-canvas);
}
.section_features64.is-accent {
  background-color: var(--blok-saas-blue);
  color: var(--blok-saas-white);
}

/* Generated by Blokset from components/features-65.js. Edit the spec, not this file. */
.section_features65 {
  font-family: var(--blok-font-saas);
  color: #0F1115;
  background-color: #FFFFFF;
  padding-top: clamp(56px, 8vw, 96px);
  padding-right: 0;
  padding-bottom: clamp(56px, 8vw, 96px);
  padding-left: 0;
  overflow: hidden;
}
.features65_div-60 {
  max-width: 1200px;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  padding-top: 0;
  padding-right: clamp(20px, 4vw, 48px);
  padding-bottom: 0;
  padding-left: clamp(20px, 4vw, 48px);
  display: flex;
  flex-direction: column;
  row-gap: 32px;
  column-gap: 32px;
}
.features65_div-8 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  row-gap: 20px;
  column-gap: 20px;
}
.features65_div-3 {
  display: flex;
  flex-direction: column;
  row-gap: 14px;
  column-gap: 14px;
  max-width: 620px;
}
.features65_div-1 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5B616B;
}
.features65_heading {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: clamp(34px, 4.4vw, 56px);
  line-height: 1.02;
  letter-spacing: -0.04em;
  font-weight: 600;
}
.features65_div-7 {
  display: flex;
  align-items: center;
  row-gap: 10px;
  column-gap: 10px;
}
.features65_div-4 {
  font-family: var(--blok-font-saas-mono);
  font-size: 13px;
  color: #5B616B;
}
.features65_div-5 {
  width: 48px;
  height: 48px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  background-color: #FFFFFF;
  cursor: pointer;
  font-size: 18px;
  opacity: 0.4;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  flex-shrink: 0;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.features65_div-6 {
  width: 48px;
  height: 48px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: #0F1115;
  color: #FFFFFF;
  cursor: pointer;
  font-size: 18px;
  opacity: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  flex-shrink: 0;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.features65_div-52 {
  overflow: visible;
}
.features65_div-51 {
  display: flex;
  row-gap: 20px;
  column-gap: 20px;
  transition: transform 360ms cubic-bezier(.2,.7,.2,1);
}
.features65_div-15 {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 360px;
  min-height: 420px;
  border-top-left-radius: 22px;
  border-top-right-radius: 22px;
  border-bottom-right-radius: 22px;
  border-bottom-left-radius: 22px;
  padding-top: 26px;
  padding-right: 26px;
  padding-bottom: 26px;
  padding-left: 26px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 20px;
  column-gap: 20px;
  background-color: #0F1115;
  color: #FFFFFF;
  opacity: 1;
  transition: opacity 300ms ease;
}
.features65_div-11 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.features65_div-9 {
  font-family: var(--blok-font-saas-mono);
  font-size: 13px;
  opacity: 0.7;
}
.features65_div-10 {
  width: 44px;
  height: 44px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  background-color: #262A31;
}
.features65_div-14 {
  display: flex;
  flex-direction: column;
  row-gap: 12px;
  column-gap: 12px;
}
.features65_h3-12 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 28px;
  line-height: 1.08;
  letter-spacing: -0.03em;
  font-weight: 600;
}
.features65_subheading {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 16px;
  line-height: 1.55;
  opacity: 0.8;
}
.features65_div-22 {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 360px;
  min-height: 420px;
  border-top-left-radius: 22px;
  border-top-right-radius: 22px;
  border-bottom-right-radius: 22px;
  border-bottom-left-radius: 22px;
  padding-top: 26px;
  padding-right: 26px;
  padding-bottom: 26px;
  padding-left: 26px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 20px;
  column-gap: 20px;
  background-color: #E8ECFE;
  color: #0F1115;
  opacity: 1;
  transition: opacity 300ms ease;
}
.features65_div-18 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.features65_div-16 {
  font-family: var(--blok-font-saas-mono);
  font-size: 13px;
  opacity: 0.7;
}
.features65_div-17 {
  width: 44px;
  height: 44px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  background-color: #FFFFFF;
}
.features65_div-21 {
  display: flex;
  flex-direction: column;
  row-gap: 12px;
  column-gap: 12px;
}
.features65_h3-19 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 28px;
  line-height: 1.08;
  letter-spacing: -0.03em;
  font-weight: 600;
}
.features65_p-20 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 16px;
  line-height: 1.55;
  opacity: 0.8;
}
.features65_div-29 {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 360px;
  min-height: 420px;
  border-top-left-radius: 22px;
  border-top-right-radius: 22px;
  border-bottom-right-radius: 22px;
  border-bottom-left-radius: 22px;
  padding-top: 26px;
  padding-right: 26px;
  padding-bottom: 26px;
  padding-left: 26px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 20px;
  column-gap: 20px;
  background-color: #F4F5F1;
  color: #0F1115;
  opacity: 1;
  transition: opacity 300ms ease;
}
.features65_div-25 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.features65_div-23 {
  font-family: var(--blok-font-saas-mono);
  font-size: 13px;
  opacity: 0.7;
}
.features65_div-24 {
  width: 44px;
  height: 44px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  background-color: #FFFFFF;
}
.features65_div-28 {
  display: flex;
  flex-direction: column;
  row-gap: 12px;
  column-gap: 12px;
}
.features65_h3-26 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 28px;
  line-height: 1.08;
  letter-spacing: -0.03em;
  font-weight: 600;
}
.features65_p-27 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 16px;
  line-height: 1.55;
  opacity: 0.8;
}
.features65_div-36 {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 360px;
  min-height: 420px;
  border-top-left-radius: 22px;
  border-top-right-radius: 22px;
  border-bottom-right-radius: 22px;
  border-bottom-left-radius: 22px;
  padding-top: 26px;
  padding-right: 26px;
  padding-bottom: 26px;
  padding-left: 26px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 20px;
  column-gap: 20px;
  background-color: #2D4BF0;
  color: #FFFFFF;
  opacity: 1;
  transition: opacity 300ms ease;
}
.features65_div-32 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.features65_div-30 {
  font-family: var(--blok-font-saas-mono);
  font-size: 13px;
  opacity: 0.7;
}
.features65_div-31 {
  width: 44px;
  height: 44px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  background-color: #4562F3;
}
.features65_div-35 {
  display: flex;
  flex-direction: column;
  row-gap: 12px;
  column-gap: 12px;
}
.features65_h3-33 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 28px;
  line-height: 1.08;
  letter-spacing: -0.03em;
  font-weight: 600;
}
.features65_p-34 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 16px;
  line-height: 1.55;
  opacity: 0.8;
}
.features65_div-43 {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 360px;
  min-height: 420px;
  border-top-left-radius: 22px;
  border-top-right-radius: 22px;
  border-bottom-right-radius: 22px;
  border-bottom-left-radius: 22px;
  padding-top: 26px;
  padding-right: 26px;
  padding-bottom: 26px;
  padding-left: 26px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 20px;
  column-gap: 20px;
  background-color: #E5F4EA;
  color: #0F1115;
  opacity: 1;
  transition: opacity 300ms ease;
}
.features65_div-39 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.features65_div-37 {
  font-family: var(--blok-font-saas-mono);
  font-size: 13px;
  opacity: 0.7;
}
.features65_div-38 {
  width: 44px;
  height: 44px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  background-color: #FFFFFF;
}
.features65_div-42 {
  display: flex;
  flex-direction: column;
  row-gap: 12px;
  column-gap: 12px;
}
.features65_h3-40 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 28px;
  line-height: 1.08;
  letter-spacing: -0.03em;
  font-weight: 600;
}
.features65_p-41 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 16px;
  line-height: 1.55;
  opacity: 0.8;
}
.features65_div-50 {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 360px;
  min-height: 420px;
  border-top-left-radius: 22px;
  border-top-right-radius: 22px;
  border-bottom-right-radius: 22px;
  border-bottom-left-radius: 22px;
  padding-top: 26px;
  padding-right: 26px;
  padding-bottom: 26px;
  padding-left: 26px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 20px;
  column-gap: 20px;
  background-color: #FDEFE4;
  color: #0F1115;
  opacity: 1;
  transition: opacity 300ms ease;
}
.features65_div-46 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.features65_div-44 {
  font-family: var(--blok-font-saas-mono);
  font-size: 13px;
  opacity: 0.7;
}
.features65_div-45 {
  width: 44px;
  height: 44px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  background-color: #FFFFFF;
}
.features65_div-49 {
  display: flex;
  flex-direction: column;
  row-gap: 12px;
  column-gap: 12px;
}
.features65_h3-47 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 28px;
  line-height: 1.08;
  letter-spacing: -0.03em;
  font-weight: 600;
}
.features65_p-48 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 16px;
  line-height: 1.55;
  opacity: 0.8;
}
.features65_div-59 {
  display: flex;
  row-gap: 8px;
  column-gap: 8px;
}
.features65_div-53 {
  width: 28px;
  height: 8px;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  cursor: pointer;
  background-color: #0F1115;
  transition: width 200ms ease;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  flex-shrink: 0;
}
.features65_div-54 {
  width: 8px;
  height: 8px;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  cursor: pointer;
  background-color: #CFD3CA;
  transition: width 200ms ease;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  flex-shrink: 0;
}
.features65_div-55 {
  width: 8px;
  height: 8px;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  cursor: pointer;
  background-color: #CFD3CA;
  transition: width 200ms ease;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  flex-shrink: 0;
}
.features65_div-56 {
  width: 8px;
  height: 8px;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  cursor: pointer;
  background-color: #CFD3CA;
  transition: width 200ms ease;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  flex-shrink: 0;
}
.features65_div-57 {
  width: 8px;
  height: 8px;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  cursor: pointer;
  background-color: #CFD3CA;
  transition: width 200ms ease;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  flex-shrink: 0;
}
.features65_div-58 {
  width: 8px;
  height: 8px;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  cursor: pointer;
  background-color: #CFD3CA;
  transition: width 200ms ease;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  flex-shrink: 0;
}
.section_features65.is-dark {
  background-color: var(--blok-saas-ink);
  color: var(--blok-saas-canvas);
}
.section_features65.is-accent {
  background-color: var(--blok-saas-blue);
  color: var(--blok-saas-white);
}

/* Generated by Blokset from components/features-66.js. Edit the spec, not this file. */
.section_features66 {
  font-family: var(--blok-font-saas);
  color: #0F1115;
  background-color: #F4F5F1;
  padding-top: clamp(56px, 8vw, 104px);
  padding-right: clamp(20px, 4vw, 48px);
  padding-bottom: clamp(56px, 8vw, 104px);
  padding-left: clamp(20px, 4vw, 48px);
}
.features66_div-34 {
  max-width: 980px;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 36px;
  column-gap: 36px;
}
.features66_div-3 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  row-gap: 16px;
  column-gap: 16px;
}
.features66_div-1 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5B616B;
}
.features66_heading {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  max-width: 720px;
  font-size: clamp(34px, 4.4vw, 56px);
  line-height: 1.02;
  letter-spacing: -0.04em;
  font-weight: 600;
}
.features66_div-6 {
  display: flex;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  background-color: #E5E7E1;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  row-gap: 4px;
  column-gap: 4px;
}
.features66_div-4 {
  height: 44px;
  padding-top: 0;
  padding-right: 22px;
  padding-bottom: 0;
  padding-left: 22px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
  border-bottom-right-radius: 9px;
  border-bottom-left-radius: 9px;
  cursor: pointer;
  font-weight: 500;
  font-size: 15px;
  background-color: transparent;
  color: #4E545D;
  display: flex;
  align-items: center;
  justify-content: center;
}
.features66_div-5 {
  height: 44px;
  padding-top: 0;
  padding-right: 22px;
  padding-bottom: 0;
  padding-left: 22px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
  border-bottom-right-radius: 9px;
  border-bottom-left-radius: 9px;
  cursor: pointer;
  font-weight: 500;
  font-size: 15px;
  background-color: #FFFFFF;
  color: #0F1115;
  box-shadow: 0 1px 2px rgba(15,17,21,0.12);
  display: flex;
  align-items: center;
  justify-content: center;
}
.features66_div-32 {
  list-style: none;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  column-gap: 10px;
}
.features66_div-11 {
  display: flex;
  align-items: center;
  row-gap: 18px;
  column-gap: 18px;
  padding-top: 18px;
  padding-right: 20px;
  padding-bottom: 18px;
  padding-left: 20px;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 14px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
}
.features66_div-7 {
  font-family: var(--blok-font-saas-mono);
  font-size: 13px;
  color: #5B616B;
  min-width: 56px;
}
.features66_div-8 {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 600;
  background-color: #E5F4EA;
  color: #1D6B3A;
}
.features66_div-9 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  font-size: 17px;
  line-height: 1.4;
  color: #0F1115;
}
.features66_div-10 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  color: #2D4BF0;
}
.features66_div-16 {
  display: flex;
  align-items: center;
  row-gap: 18px;
  column-gap: 18px;
  padding-top: 18px;
  padding-right: 20px;
  padding-bottom: 18px;
  padding-left: 20px;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 14px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
}
.features66_div-12 {
  font-family: var(--blok-font-saas-mono);
  font-size: 13px;
  color: #5B616B;
  min-width: 56px;
}
.features66_div-13 {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 600;
  background-color: #E5F4EA;
  color: #1D6B3A;
}
.features66_div-14 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  font-size: 17px;
  line-height: 1.4;
  color: #0F1115;
}
.features66_div-15 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  color: #2D4BF0;
}
.features66_div-21 {
  display: flex;
  align-items: center;
  row-gap: 18px;
  column-gap: 18px;
  padding-top: 18px;
  padding-right: 20px;
  padding-bottom: 18px;
  padding-left: 20px;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 14px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
}
.features66_div-17 {
  font-family: var(--blok-font-saas-mono);
  font-size: 13px;
  color: #5B616B;
  min-width: 56px;
}
.features66_div-18 {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 600;
  background-color: #E5F4EA;
  color: #1D6B3A;
}
.features66_div-19 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  font-size: 17px;
  line-height: 1.4;
  color: #0F1115;
}
.features66_div-20 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  color: #2D4BF0;
}
.features66_div-26 {
  display: flex;
  align-items: center;
  row-gap: 18px;
  column-gap: 18px;
  padding-top: 18px;
  padding-right: 20px;
  padding-bottom: 18px;
  padding-left: 20px;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 14px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
}
.features66_div-22 {
  font-family: var(--blok-font-saas-mono);
  font-size: 13px;
  color: #5B616B;
  min-width: 56px;
}
.features66_div-23 {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 600;
  background-color: #E5F4EA;
  color: #1D6B3A;
}
.features66_div-24 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  font-size: 17px;
  line-height: 1.4;
  color: #0F1115;
}
.features66_div-25 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  color: #2D4BF0;
}
.features66_div-31 {
  display: flex;
  align-items: center;
  row-gap: 18px;
  column-gap: 18px;
  padding-top: 18px;
  padding-right: 20px;
  padding-bottom: 18px;
  padding-left: 20px;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 14px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
}
.features66_div-27 {
  font-family: var(--blok-font-saas-mono);
  font-size: 13px;
  color: #5B616B;
  min-width: 56px;
}
.features66_div-28 {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 600;
  background-color: #E5F4EA;
  color: #1D6B3A;
}
.features66_div-29 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  font-size: 17px;
  line-height: 1.4;
  color: #0F1115;
}
.features66_div-30 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  color: #2D4BF0;
}
.features66_subheading {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 15px;
  color: #4E545D;
  text-align: center;
}
.section_features66.is-dark {
  background-color: var(--blok-saas-ink);
  color: var(--blok-saas-canvas);
}
.section_features66.is-accent {
  background-color: var(--blok-saas-blue);
  color: var(--blok-saas-white);
}

/* Generated by Blokset from components/features-67.js. Edit the spec, not this file. */
.section_features67 {
  font-family: var(--blok-font-saas);
  color: #0F1115;
  background-color: #F4F5F1;
  padding-top: clamp(56px, 8vw, 96px);
  padding-right: clamp(20px, 4vw, 48px);
  padding-bottom: clamp(56px, 8vw, 96px);
  padding-left: clamp(20px, 4vw, 48px);
}
.features67_div-51 {
  max-width: 1200px;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  row-gap: 32px;
  column-gap: 32px;
}
.features67_div-7 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  row-gap: 20px;
  column-gap: 20px;
}
.features67_div-3 {
  display: flex;
  flex-direction: column;
  row-gap: 14px;
  column-gap: 14px;
  max-width: 640px;
}
.features67_div-1 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5B616B;
}
.features67_heading {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: clamp(34px, 4.4vw, 56px);
  line-height: 1.02;
  letter-spacing: -0.04em;
  font-weight: 600;
}
.features67_div-6 {
  display: flex;
  align-items: center;
  row-gap: 14px;
  column-gap: 14px;
}
.features67_div-4 {
  font-family: var(--blok-font-saas-mono);
  font-size: 13px;
  color: #5B616B;
}
.features67_div-5 {
  height: 44px;
  padding-top: 0;
  padding-right: 18px;
  padding-bottom: 0;
  padding-left: 18px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: #0F1115;
  color: #FFFFFF;
  cursor: pointer;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
}
.features67_div-50 {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 14px;
  column-gap: 14px;
}
.features67_div-14 {
  min-height: 220px;
  padding-top: 22px;
  padding-right: 22px;
  padding-bottom: 22px;
  padding-left: 22px;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
  border-bottom-left-radius: 18px;
  cursor: pointer;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 18px;
  column-gap: 18px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  background-color: #FFFFFF;
  color: #0F1115;
  transition: background 220ms ease, color 220ms ease;
  align-items: center;
}
.features67_div-10 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.features67_div-8 {
  padding-top: 4px;
  padding-right: 10px;
  padding-bottom: 4px;
  padding-left: 10px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  font-size: 12px;
  font-weight: 500;
  background-color: #FDEFE4;
  color: #9A4A12;
}
.features67_div-9 {
  font-size: 18px;
  opacity: 0.6;
}
.features67_div-13 {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  column-gap: 8px;
}
.features67_div-11 {
  font-size: 22px;
  line-height: 1.15;
  letter-spacing: -0.02em;
  font-weight: 600;
}
.features67_div-12 {
  font-size: 15px;
  line-height: 1.5;
  opacity: 0.75;
}
.features67_div-21 {
  min-height: 220px;
  padding-top: 22px;
  padding-right: 22px;
  padding-bottom: 22px;
  padding-left: 22px;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
  border-bottom-left-radius: 18px;
  cursor: pointer;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 18px;
  column-gap: 18px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #2D4BF0;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #2D4BF0;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #2D4BF0;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #2D4BF0;
  background-color: #2D4BF0;
  color: #FFFFFF;
  transition: background 220ms ease, color 220ms ease;
  align-items: center;
}
.features67_div-17 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.features67_div-15 {
  padding-top: 4px;
  padding-right: 10px;
  padding-bottom: 4px;
  padding-left: 10px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  font-size: 12px;
  font-weight: 500;
  background-color: rgba(255,255,255,0.18);
  color: #FFFFFF;
}
.features67_div-16 {
  font-size: 18px;
  opacity: 0.6;
}
.features67_div-20 {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  column-gap: 8px;
}
.features67_div-18 {
  font-size: 22px;
  line-height: 1.15;
  letter-spacing: -0.02em;
  font-weight: 600;
}
.features67_div-19 {
  font-size: 15px;
  line-height: 1.5;
  opacity: 0.75;
}
.features67_div-28 {
  min-height: 220px;
  padding-top: 22px;
  padding-right: 22px;
  padding-bottom: 22px;
  padding-left: 22px;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
  border-bottom-left-radius: 18px;
  cursor: pointer;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 18px;
  column-gap: 18px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  background-color: #FFFFFF;
  color: #0F1115;
  transition: background 220ms ease, color 220ms ease;
  align-items: center;
}
.features67_div-24 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.features67_div-22 {
  padding-top: 4px;
  padding-right: 10px;
  padding-bottom: 4px;
  padding-left: 10px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  font-size: 12px;
  font-weight: 500;
  background-color: #FDEFE4;
  color: #9A4A12;
}
.features67_div-23 {
  font-size: 18px;
  opacity: 0.6;
}
.features67_div-27 {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  column-gap: 8px;
}
.features67_div-25 {
  font-size: 22px;
  line-height: 1.15;
  letter-spacing: -0.02em;
  font-weight: 600;
}
.features67_div-26 {
  font-size: 15px;
  line-height: 1.5;
  opacity: 0.75;
}
.features67_div-35 {
  min-height: 220px;
  padding-top: 22px;
  padding-right: 22px;
  padding-bottom: 22px;
  padding-left: 22px;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
  border-bottom-left-radius: 18px;
  cursor: pointer;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 18px;
  column-gap: 18px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  background-color: #FFFFFF;
  color: #0F1115;
  transition: background 220ms ease, color 220ms ease;
  align-items: center;
}
.features67_div-31 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.features67_div-29 {
  padding-top: 4px;
  padding-right: 10px;
  padding-bottom: 4px;
  padding-left: 10px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  font-size: 12px;
  font-weight: 500;
  background-color: #FDEFE4;
  color: #9A4A12;
}
.features67_div-30 {
  font-size: 18px;
  opacity: 0.6;
}
.features67_div-34 {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  column-gap: 8px;
}
.features67_div-32 {
  font-size: 22px;
  line-height: 1.15;
  letter-spacing: -0.02em;
  font-weight: 600;
}
.features67_div-33 {
  font-size: 15px;
  line-height: 1.5;
  opacity: 0.75;
}
.features67_div-42 {
  min-height: 220px;
  padding-top: 22px;
  padding-right: 22px;
  padding-bottom: 22px;
  padding-left: 22px;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
  border-bottom-left-radius: 18px;
  cursor: pointer;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 18px;
  column-gap: 18px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  background-color: #FFFFFF;
  color: #0F1115;
  transition: background 220ms ease, color 220ms ease;
  align-items: center;
}
.features67_div-38 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.features67_div-36 {
  padding-top: 4px;
  padding-right: 10px;
  padding-bottom: 4px;
  padding-left: 10px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  font-size: 12px;
  font-weight: 500;
  background-color: #FDEFE4;
  color: #9A4A12;
}
.features67_div-37 {
  font-size: 18px;
  opacity: 0.6;
}
.features67_div-41 {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  column-gap: 8px;
}
.features67_div-39 {
  font-size: 22px;
  line-height: 1.15;
  letter-spacing: -0.02em;
  font-weight: 600;
}
.features67_div-40 {
  font-size: 15px;
  line-height: 1.5;
  opacity: 0.75;
}
.features67_div-49 {
  min-height: 220px;
  padding-top: 22px;
  padding-right: 22px;
  padding-bottom: 22px;
  padding-left: 22px;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
  border-bottom-left-radius: 18px;
  cursor: pointer;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 18px;
  column-gap: 18px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  background-color: #FFFFFF;
  color: #0F1115;
  transition: background 220ms ease, color 220ms ease;
  align-items: center;
}
.features67_div-45 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.features67_div-43 {
  padding-top: 4px;
  padding-right: 10px;
  padding-bottom: 4px;
  padding-left: 10px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  font-size: 12px;
  font-weight: 500;
  background-color: #FDEFE4;
  color: #9A4A12;
}
.features67_div-44 {
  font-size: 18px;
  opacity: 0.6;
}
.features67_div-48 {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  column-gap: 8px;
}
.features67_div-46 {
  font-size: 22px;
  line-height: 1.15;
  letter-spacing: -0.02em;
  font-weight: 600;
}
.features67_div-47 {
  font-size: 15px;
  line-height: 1.5;
  opacity: 0.75;
}
.section_features67.is-dark {
  background-color: var(--blok-saas-ink);
  color: var(--blok-saas-canvas);
}
.section_features67.is-accent {
  background-color: var(--blok-saas-blue);
  color: var(--blok-saas-white);
}

@media (min-width: 768px) {
  .features67_div-50 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 992px) {
  .features67_div-50 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

/* Generated by Blokset from components/features-68.js. Edit the spec, not this file. */
.section_features68 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.features68_component {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  row-gap: 0rem;
}
.features68_card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 2rem;
  padding-top: 1.75rem;
  padding-right: 1.75rem;
  padding-bottom: 1.75rem;
  padding-left: 1.75rem;
  border-top-left-radius: 1.75rem;
  border-top-right-radius: 1.75rem;
  border-bottom-left-radius: 1.75rem;
  border-bottom-right-radius: 1.75rem;
  background-color: var(--blok-surface-2);
  color: var(--blok-ink);
}
.features68_heading {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 18ch;
  font-family: var(--blok-font-display);
  font-size: 2.25rem;
  line-height: 1.05;
  font-weight: 600;
  letter-spacing: -0.04em;
  color: var(--blok-ink);
}
.features68_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 32rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.features68_about {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 1rem;
  row-gap: 0.75rem;
  width: 100%;
}
.features68_about-label {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.features68_avatars {
  display: flex;
  align-items: center;
  padding-left: 0.65rem;
}
.features68_avatar {
  display: block;
  width: 2.25rem;
  height: 2.25rem;
  margin-left: -0.65rem;
  object-fit: cover;
  border-top-width: 2px;
  border-right-width: 2px;
  border-bottom-width: 2px;
  border-left-width: 2px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: var(--blok-surface-2);
  border-right-color: var(--blok-surface-2);
  border-bottom-color: var(--blok-surface-2);
  border-left-color: var(--blok-surface-2);
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
}
.features68_count {
  font-size: 0.9375rem;
  line-height: 1.4;
  font-weight: 600;
  color: var(--blok-ink);
}
.section_features68.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.features68_card.is-dark {
  background-color: var(--blok-ink-2);
  color: var(--blok-surface);
}
.features68_heading.is-dark {
  color: var(--blok-surface);
}
.features68_description.is-dark {
  color: var(--blok-surface-muted);
}
.features68_about.is-dark {
  color: var(--blok-surface-muted);
}
.features68_count.is-dark {
  color: var(--blok-surface);
}
.features68_avatar.is-dark {
  border-top-color: var(--blok-ink-2);
  border-right-color: var(--blok-ink-2);
  border-bottom-color: var(--blok-ink-2);
  border-left-color: var(--blok-ink-2);
}
.section_features68.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.features68_card.is-accent {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.features68_heading.is-accent {
  color: var(--blok-ink);
}
.features68_description.is-accent {
  color: var(--blok-ink-soft);
}
.features68_about.is-accent {
  color: var(--blok-ink-soft);
}
.features68_count.is-accent {
  color: var(--blok-ink);
}
.features68_avatar.is-accent {
  border-top-color: var(--blok-surface);
  border-right-color: var(--blok-surface);
  border-bottom-color: var(--blok-surface);
  border-left-color: var(--blok-surface);
}

@media (min-width: 768px) {
  .features68_card {
    padding-top: 2.25rem;
    padding-right: 2.25rem;
    padding-bottom: 2.25rem;
    padding-left: 2.25rem;
    border-top-left-radius: 2rem;
    border-top-right-radius: 2rem;
    border-bottom-right-radius: 2rem;
    border-bottom-left-radius: 2rem;
  }
  .features68_heading {
    font-size: 3rem;
    max-width: 20ch;
  }
}

@media (min-width: 992px) {
  .features68_card {
    padding-top: 3rem;
    padding-right: 3rem;
    padding-bottom: 3rem;
    padding-left: 3rem;
    border-top-left-radius: 2.25rem;
    border-top-right-radius: 2.25rem;
    border-bottom-right-radius: 2.25rem;
    border-bottom-left-radius: 2.25rem;
    row-gap: 2.5rem;
  }
  .features68_heading {
    font-size: 3.75rem;
  }
}

/* Generated by Blokset from components/process-03.js. Edit the spec, not this file. */
.section_process3 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.process3_component {
  display: flex;
  flex-direction: column;
  row-gap: 3rem;
}
.process3_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: left;
}
.process3_header-title {
  max-width: 40rem;
}
.process3_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.process3_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-ink);
}
.process3_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.process3_list {
  display: flex;
  flex-direction: column;
  row-gap: 1.5rem;
}
.process3_card {
  position: sticky;
  top: 5rem;
  display: flex;
  flex-direction: column;
  row-gap: 1.5rem;
  column-gap: 0rem;
  min-height: 22rem;
  padding-top: 1.5rem;
  padding-right: 1.5rem;
  padding-bottom: 1.5rem;
  padding-left: 1.5rem;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  background-color: var(--blok-surface-2);
  border-top-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
  border-right-color: var(--blok-line);
}
.process3_card-body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 2rem;
  flex-grow: 1;
  flex-basis: 0%;
}
.process3_number {
  font-family: var(--blok-font-display);
  font-size: 4rem;
  line-height: 0.9;
  font-weight: 500;
  letter-spacing: -0.05em;
  color: var(--blok-accent);
}
.process3_card-title {
  margin-top: 0;
  margin-bottom: 0.75rem;
  font-family: var(--blok-font-display);
  font-size: 2rem;
  line-height: 1.05;
  font-weight: 600;
  letter-spacing: -0.03em;
}
.process3_card-text {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.process3_card-media {
  width: 100%;
  overflow: hidden;
  aspect-ratio: 4 / 3;
  border-top-left-radius: 0.625rem;
  border-top-right-radius: 0.625rem;
  border-bottom-left-radius: 0.625rem;
  border-bottom-right-radius: 0.625rem;
}
.process3_card-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.section_process3.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.process3_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.process3_heading.is-dark {
  color: var(--blok-surface);
}
.process3_description.is-dark {
  color: var(--blok-surface-muted);
}
.process3_card.is-dark {
  background-color: var(--blok-ink-2);
  border-top-color: var(--blok-line-inverse);
  border-bottom-color: var(--blok-line-inverse);
  border-left-color: var(--blok-line-inverse);
  border-right-color: var(--blok-line-inverse);
}
.process3_number.is-dark {
  color: var(--blok-accent);
}
.process3_card-text.is-dark {
  color: var(--blok-surface-muted);
}
.process3_card.is-media-left {
  flex-direction: column;
}

@media (min-width: 768px) {
  .process3_heading {
    font-size: 3rem;
  }
}

@media (min-width: 992px) {
  .process3_component {
    row-gap: 4.5rem;
  }
  .process3_header {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    column-gap: 4rem;
  }
  .process3_heading {
    font-size: 3.5rem;
  }
  .process3_list {
    row-gap: 2.5rem;
  }
  .process3_card {
    top: 7rem;
    flex-direction: row;
    row-gap: 0rem;
    column-gap: 3rem;
    min-height: 28rem;
    padding-top: 2.5rem;
    padding-right: 2.5rem;
    padding-bottom: 2.5rem;
    padding-left: 2.5rem;
  }
  .process3_number {
    font-size: 6rem;
  }
  .process3_card-title {
    font-size: 3rem;
  }
  .process3_card-media {
    width: 46%;
    aspect-ratio: auto;
  }
  .process3_card.is-media-left {
    flex-direction: row-reverse;
  }
}

/* Generated by Blokset from components/process-05.js. Edit the spec, not this file. */
.section_process5 {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.process5_component {
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
}
.process5_heading {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 16rem;
  font-family: var(--blok-font-serif);
  font-size: 2.75rem;
  line-height: 1;
  font-weight: 500;
  letter-spacing: -0.03em;
  color: var(--blok-surface);
}
.process5_row {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 0.75rem;
  column-gap: 0rem;
}
.process5_card {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  overflow: hidden;
  min-height: 22rem;
  cursor: pointer;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  background-color: var(--blok-ink-2);
  color: var(--blok-surface);
}
.process5_media {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  opacity: 0;
}
.process5_photo {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.process5_plate {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  row-gap: 0.65rem;
  margin-top: 0;
  margin-right: 0.85rem;
  margin-bottom: 0.85rem;
  margin-left: 0.85rem;
  padding-top: 1.1rem;
  padding-right: 1.1rem;
  padding-bottom: 1.1rem;
  padding-left: 1.1rem;
  border-top-left-radius: var(--blok-radius);
  border-top-right-radius: var(--blok-radius);
  border-bottom-left-radius: var(--blok-radius);
  border-bottom-right-radius: var(--blok-radius);
  background-color: var(--blok-ink-2);
  color: var(--blok-surface);
}
.process5_number {
  font-family: var(--blok-font-mono);
  font-size: 0.75rem;
  line-height: 1;
  letter-spacing: 0.08em;
}
.process5_title {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  font-size: 1.5rem;
  line-height: 1.15;
  font-weight: 600;
  letter-spacing: -0.03em;
}
.process5_note {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.9375rem;
  line-height: 1.5;
  opacity: 0.85;
}
.section_process5.is-light {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.process5_heading.is-light {
  color: var(--blok-ink);
}
.process5_card.is-light {
  background-color: var(--blok-surface-2);
  color: var(--blok-ink);
}
.process5_plate.is-light {
  background-color: var(--blok-surface-2);
  color: var(--blok-ink);
}
.section_process5.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.process5_heading.is-accent {
  color: var(--blok-ink);
}
.process5_card.is-accent {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.process5_plate.is-accent {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}

@media (min-width: 992px) {
  .process5_heading {
    max-width: 24rem;
    font-size: 3.75rem;
  }
  .process5_row {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: 0.75rem;
    row-gap: 0rem;
  }
}

/* Generated by Blokset from components/process-06.js. Edit the spec, not this file. */
.section_process6 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.process6_component {
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
}
.process6_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: left;
}
.process6_header-title {
  max-width: 40rem;
}
.process6_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.process6_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-ink);
}
.process6_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.process6_layout {
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  row-gap: 2.5rem;
  column-gap: 0rem;
}
.process6_stage {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-top-left-radius: 1.5rem;
  border-top-right-radius: 1.5rem;
  border-bottom-left-radius: 1.5rem;
  border-bottom-right-radius: 1.5rem;
  background-color: var(--blok-surface-2);
}
.process6_image {
  display: block;
  width: 100%;
  height: 18rem;
  object-fit: cover;
}
.process6_hotspot-1 {
  position: absolute;
  top: 22%;
  left: 18%;
  width: 0.95rem;
  height: 0.95rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top-width: 2px;
  border-right-width: 2px;
  border-bottom-width: 2px;
  border-left-width: 2px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  background-color: var(--blok-surface);
  border-top-color: var(--blok-ink);
  border-right-color: var(--blok-ink);
  border-bottom-color: var(--blok-ink);
  border-left-color: var(--blok-ink);
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  z-index: 2;
}
.process6_hotspot-1-core {
  width: 0.3rem;
  height: 0.3rem;
  background-color: var(--blok-ink);
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
}
.process6_hotspot-2 {
  position: absolute;
  top: 38%;
  left: 58%;
  width: 0.95rem;
  height: 0.95rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top-width: 2px;
  border-right-width: 2px;
  border-bottom-width: 2px;
  border-left-width: 2px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  background-color: var(--blok-surface);
  border-top-color: var(--blok-ink);
  border-right-color: var(--blok-ink);
  border-bottom-color: var(--blok-ink);
  border-left-color: var(--blok-ink);
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  z-index: 2;
}
.process6_hotspot-2-core {
  width: 0.3rem;
  height: 0.3rem;
  background-color: var(--blok-ink);
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
}
.process6_hotspot-3 {
  position: absolute;
  top: 62%;
  left: 34%;
  width: 0.95rem;
  height: 0.95rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top-width: 2px;
  border-right-width: 2px;
  border-bottom-width: 2px;
  border-left-width: 2px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  background-color: var(--blok-surface);
  border-top-color: var(--blok-ink);
  border-right-color: var(--blok-ink);
  border-bottom-color: var(--blok-ink);
  border-left-color: var(--blok-ink);
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  z-index: 2;
}
.process6_hotspot-3-core {
  width: 0.3rem;
  height: 0.3rem;
  background-color: var(--blok-ink);
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
}
.process6_hotspot-4 {
  position: absolute;
  top: 74%;
  left: 72%;
  width: 0.95rem;
  height: 0.95rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top-width: 2px;
  border-right-width: 2px;
  border-bottom-width: 2px;
  border-left-width: 2px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  background-color: var(--blok-surface);
  border-top-color: var(--blok-ink);
  border-right-color: var(--blok-ink);
  border-bottom-color: var(--blok-ink);
  border-left-color: var(--blok-ink);
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  z-index: 2;
}
.process6_hotspot-4-core {
  width: 0.3rem;
  height: 0.3rem;
  background-color: var(--blok-ink);
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
}
.process6_timeline {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  row-gap: 0rem;
  padding-left: 0.25rem;
}
.process6_rail {
  position: absolute;
  top: 1.1rem;
  bottom: 1.1rem;
  left: 1.35rem;
  width: 1px;
  z-index: 0;
  background-color: var(--blok-line);
}
.process6_steps {
  display: flex;
  flex-direction: column;
  row-gap: 0rem;
}
.process6_step {
  display: flex;
  flex-direction: column;
  row-gap: 0.55rem;
  padding-bottom: 1.75rem;
}
.process6_tab {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  column-gap: 1rem;
  cursor: pointer;
}
.process6_tab-node {
  position: relative;
  z-index: 3;
  width: 2.5rem;
  height: 2.5rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--blok-font-mono);
  font-size: 0.75rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-weight: 600;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  background-color: var(--blok-surface);
  color: var(--blok-ink);
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
}
.process6_tab-title {
  position: relative;
  z-index: 3;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0.15rem;
  padding-right: 0.35rem;
  padding-bottom: 0.15rem;
  padding-left: 0.35rem;
  font-family: var(--blok-font-display);
  font-size: 1.35rem;
  line-height: 1.15;
  font-weight: 600;
  letter-spacing: -0.03em;
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.process6_panel {
  position: relative;
  z-index: 3;
  padding-left: 0rem;
  padding-top: 0rem;
  padding-right: 0rem;
  padding-bottom: 0rem;
}
.process6_panel-text {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 26rem;
  font-size: 0.9375rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.section_process6.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.process6_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.process6_heading.is-dark {
  color: var(--blok-surface);
}
.process6_description.is-dark {
  color: var(--blok-surface-muted);
}
.process6_stage.is-dark {
  background-color: var(--blok-ink-2);
}
.process6_rail.is-dark {
  background-color: var(--blok-line-inverse);
}
.process6_tab-node.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
  border-top-color: var(--blok-line-inverse);
  border-right-color: var(--blok-line-inverse);
  border-bottom-color: var(--blok-line-inverse);
  border-left-color: var(--blok-line-inverse);
}
.process6_tab-title.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.process6_panel-text.is-dark {
  color: var(--blok-surface-muted);
}

@media (min-width: 768px) {
  .process6_heading {
    font-size: 3rem;
  }
  .process6_image {
    height: 22rem;
  }
}

@media (min-width: 992px) {
  .process6_component {
    row-gap: 3.5rem;
  }
  .process6_heading {
    font-size: 3.5rem;
  }
  .process6_layout {
    grid-template-columns: 1.05fr 0.95fr;
    column-gap: 3.5rem;
    row-gap: 0rem;
  }
  .process6_image {
    height: 28rem;
  }
}

/* Generated by Blokset from components/process-07.js. Edit the spec, not this file. */
.section_process7 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.process7_component {
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
}
.process7_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: left;
}
.process7_header-title {
  max-width: 40rem;
}
.process7_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.process7_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-ink);
}
.process7_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.process7_layout {
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  row-gap: 2.5rem;
  column-gap: 0rem;
}
.process7_timeline {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  row-gap: 0rem;
  padding-left: 0.25rem;
}
.process7_rail {
  position: absolute;
  top: 1.1rem;
  bottom: 1.1rem;
  left: 1.35rem;
  width: 1px;
  z-index: 0;
  background-color: var(--blok-line);
}
.process7_steps {
  display: flex;
  flex-direction: column;
  row-gap: 0rem;
}
.process7_step {
  display: flex;
  flex-direction: column;
  row-gap: 0.55rem;
  padding-bottom: 1.75rem;
}
.process7_tab {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  column-gap: 1rem;
  cursor: pointer;
}
.process7_tab-node {
  position: relative;
  z-index: 3;
  width: 2.5rem;
  height: 2.5rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--blok-font-mono);
  font-size: 0.75rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-weight: 600;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  background-color: var(--blok-surface);
  color: var(--blok-ink);
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
}
.process7_tab-title {
  position: relative;
  z-index: 3;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0.15rem;
  padding-right: 0.35rem;
  padding-bottom: 0.15rem;
  padding-left: 0.35rem;
  font-family: var(--blok-font-display);
  font-size: 1.35rem;
  line-height: 1.15;
  font-weight: 600;
  letter-spacing: -0.03em;
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.process7_panel {
  position: relative;
  z-index: 3;
  padding-left: 0rem;
  padding-top: 0rem;
  padding-right: 0rem;
  padding-bottom: 0rem;
}
.process7_panel-text {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 24rem;
  font-size: 0.9375rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.process7_stage {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-top-left-radius: 1.5rem;
  border-top-right-radius: 1.5rem;
  border-bottom-left-radius: 1.5rem;
  border-bottom-right-radius: 1.5rem;
  background-color: var(--blok-surface-2);
}
.process7_image {
  display: block;
  width: 100%;
  height: 18rem;
  object-fit: cover;
}
.process7_hotspot-1 {
  position: absolute;
  top: 18%;
  left: 22%;
  width: 1rem;
  height: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top-width: 2px;
  border-right-width: 2px;
  border-bottom-width: 2px;
  border-left-width: 2px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  background-color: var(--blok-surface);
  border-top-color: var(--blok-ink);
  border-right-color: var(--blok-ink);
  border-bottom-color: var(--blok-ink);
  border-left-color: var(--blok-ink);
  z-index: 2;
}
.process7_hotspot-1-core {
  width: 0.35rem;
  height: 0.35rem;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  background-color: var(--blok-ink);
}
.process7_hotspot-2 {
  position: absolute;
  top: 42%;
  left: 64%;
  width: 1rem;
  height: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top-width: 2px;
  border-right-width: 2px;
  border-bottom-width: 2px;
  border-left-width: 2px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  background-color: var(--blok-surface);
  border-top-color: var(--blok-ink);
  border-right-color: var(--blok-ink);
  border-bottom-color: var(--blok-ink);
  border-left-color: var(--blok-ink);
  z-index: 2;
}
.process7_hotspot-2-core {
  width: 0.35rem;
  height: 0.35rem;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  background-color: var(--blok-ink);
}
.process7_hotspot-3 {
  position: absolute;
  top: 58%;
  left: 28%;
  width: 1rem;
  height: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top-width: 2px;
  border-right-width: 2px;
  border-bottom-width: 2px;
  border-left-width: 2px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  background-color: var(--blok-surface);
  border-top-color: var(--blok-ink);
  border-right-color: var(--blok-ink);
  border-bottom-color: var(--blok-ink);
  border-left-color: var(--blok-ink);
  z-index: 2;
}
.process7_hotspot-3-core {
  width: 0.35rem;
  height: 0.35rem;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  background-color: var(--blok-ink);
}
.process7_hotspot-4 {
  position: absolute;
  top: 76%;
  left: 70%;
  width: 1rem;
  height: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top-width: 2px;
  border-right-width: 2px;
  border-bottom-width: 2px;
  border-left-width: 2px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  background-color: var(--blok-surface);
  border-top-color: var(--blok-ink);
  border-right-color: var(--blok-ink);
  border-bottom-color: var(--blok-ink);
  border-left-color: var(--blok-ink);
  z-index: 2;
}
.process7_hotspot-4-core {
  width: 0.35rem;
  height: 0.35rem;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  background-color: var(--blok-ink);
}
.section_process7.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.process7_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.process7_heading.is-dark {
  color: var(--blok-surface);
}
.process7_description.is-dark {
  color: var(--blok-surface-muted);
}
.process7_stage.is-dark {
  background-color: var(--blok-ink-2);
}
.process7_rail.is-dark {
  background-color: var(--blok-line-inverse);
}
.process7_tab-node.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
  border-top-color: var(--blok-line-inverse);
  border-right-color: var(--blok-line-inverse);
  border-bottom-color: var(--blok-line-inverse);
  border-left-color: var(--blok-line-inverse);
}
.process7_tab-title.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.process7_panel-text.is-dark {
  color: var(--blok-surface-muted);
}

@media (min-width: 768px) {
  .process7_heading {
    font-size: 3rem;
  }
  .process7_image {
    height: 22rem;
  }
}

@media (min-width: 992px) {
  .process7_component {
    row-gap: 3.5rem;
  }
  .process7_heading {
    font-size: 3.5rem;
  }
  .process7_layout {
    grid-template-columns: 0.9fr 1.1fr;
    column-gap: 3.5rem;
    row-gap: 0rem;
  }
  .process7_image {
    height: 28rem;
  }
}

/* Generated by Blokset from components/process-08.js. Edit the spec, not this file. */
.section_process8 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.process8_component {
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
}
.process8_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: left;
}
.process8_header-title {
  max-width: 40rem;
}
.process8_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.process8_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-ink);
}
.process8_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.process8_layout {
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  row-gap: 2.5rem;
  column-gap: 0rem;
}
.process8_stage {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-top-left-radius: 1.75rem;
  border-top-right-radius: 1.75rem;
  border-bottom-left-radius: 1.75rem;
  border-bottom-right-radius: 1.75rem;
  background-color: var(--blok-surface-2);
}
.process8_image {
  display: block;
  width: 100%;
  height: 20rem;
  object-fit: cover;
}
.process8_hotspot-1 {
  position: absolute;
  top: 20%;
  left: 16%;
  width: 1.15rem;
  height: 1.15rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top-width: 2px;
  border-right-width: 2px;
  border-bottom-width: 2px;
  border-left-width: 2px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  background-color: var(--blok-surface);
  border-top-color: var(--blok-ink);
  border-right-color: var(--blok-ink);
  border-bottom-color: var(--blok-ink);
  border-left-color: var(--blok-ink);
  z-index: 2;
}
.process8_hotspot-1-core {
  width: 0.4rem;
  height: 0.4rem;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  background-color: var(--blok-ink);
}
.process8_hotspot-2 {
  position: absolute;
  top: 36%;
  left: 55%;
  width: 1.15rem;
  height: 1.15rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top-width: 2px;
  border-right-width: 2px;
  border-bottom-width: 2px;
  border-left-width: 2px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  background-color: var(--blok-surface);
  border-top-color: var(--blok-ink);
  border-right-color: var(--blok-ink);
  border-bottom-color: var(--blok-ink);
  border-left-color: var(--blok-ink);
  z-index: 2;
}
.process8_hotspot-2-core {
  width: 0.4rem;
  height: 0.4rem;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  background-color: var(--blok-ink);
}
.process8_hotspot-3 {
  position: absolute;
  top: 60%;
  left: 32%;
  width: 1.15rem;
  height: 1.15rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top-width: 2px;
  border-right-width: 2px;
  border-bottom-width: 2px;
  border-left-width: 2px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  background-color: var(--blok-surface);
  border-top-color: var(--blok-ink);
  border-right-color: var(--blok-ink);
  border-bottom-color: var(--blok-ink);
  border-left-color: var(--blok-ink);
  z-index: 2;
}
.process8_hotspot-3-core {
  width: 0.4rem;
  height: 0.4rem;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  background-color: var(--blok-ink);
}
.process8_hotspot-4 {
  position: absolute;
  top: 72%;
  left: 74%;
  width: 1.15rem;
  height: 1.15rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top-width: 2px;
  border-right-width: 2px;
  border-bottom-width: 2px;
  border-left-width: 2px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  background-color: var(--blok-surface);
  border-top-color: var(--blok-ink);
  border-right-color: var(--blok-ink);
  border-bottom-color: var(--blok-ink);
  border-left-color: var(--blok-ink);
  z-index: 2;
}
.process8_hotspot-4-core {
  width: 0.4rem;
  height: 0.4rem;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  background-color: var(--blok-ink);
}
.process8_timeline {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  row-gap: 0rem;
  padding-left: 0.25rem;
}
.process8_rail {
  position: absolute;
  top: 1.1rem;
  bottom: 1.1rem;
  left: 1.35rem;
  width: 1px;
  z-index: 0;
  background-color: var(--blok-line);
}
.process8_steps {
  display: flex;
  flex-direction: column;
  row-gap: 0rem;
}
.process8_step {
  display: flex;
  flex-direction: column;
  row-gap: 0.55rem;
  padding-bottom: 2rem;
}
.process8_tab {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  column-gap: 1rem;
  cursor: pointer;
}
.process8_tab-node {
  position: relative;
  z-index: 3;
  width: 2.65rem;
  height: 2.65rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--blok-font-mono);
  font-size: 0.75rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-weight: 700;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  background-color: var(--blok-ink);
  color: var(--blok-surface);
  border-top-color: var(--blok-ink);
  border-right-color: var(--blok-ink);
  border-bottom-color: var(--blok-ink);
  border-left-color: var(--blok-ink);
}
.process8_tab-title {
  position: relative;
  z-index: 3;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0.2rem;
  padding-right: 0.4rem;
  padding-bottom: 0.2rem;
  padding-left: 0.4rem;
  font-family: var(--blok-font-display);
  font-size: 1.4rem;
  line-height: 1.15;
  font-weight: 600;
  letter-spacing: -0.03em;
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.process8_panel {
  position: relative;
  z-index: 3;
  padding-left: 0rem;
  padding-top: 0rem;
  padding-right: 0rem;
  padding-bottom: 0rem;
}
.process8_panel-text {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 26rem;
  font-size: 0.9375rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.section_process8.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.process8_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.process8_heading.is-dark {
  color: var(--blok-surface);
}
.process8_description.is-dark {
  color: var(--blok-surface-muted);
}
.process8_stage.is-dark {
  background-color: var(--blok-ink-2);
}
.process8_rail.is-dark {
  background-color: var(--blok-line-inverse);
}
.process8_tab-node.is-dark {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
  border-top-color: var(--blok-surface);
  border-right-color: var(--blok-surface);
  border-bottom-color: var(--blok-surface);
  border-left-color: var(--blok-surface);
}
.process8_tab-title.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.process8_panel-text.is-dark {
  color: var(--blok-surface-muted);
}

@media (min-width: 768px) {
  .process8_heading {
    font-size: 3rem;
  }
  .process8_image {
    height: 24rem;
  }
}

@media (min-width: 992px) {
  .process8_component {
    row-gap: 3.5rem;
  }
  .process8_heading {
    font-size: 3.5rem;
  }
  .process8_layout {
    grid-template-columns: 1.15fr 0.85fr;
    column-gap: 4rem;
    row-gap: 0rem;
  }
  .process8_image {
    height: 32rem;
  }
}

/* Generated by Blokset from components/stats-04.js. Edit the spec, not this file. */
.section_stats4 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.stats4_component {
  display: flex;
  flex-direction: column;
  row-gap: 3.5rem;
}
.stats4_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.5rem;
  column-gap: 0rem;
}
.stats4_title {
  max-width: 40rem;
}
.stats4_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
  margin-bottom: 1.25rem;
}
.stats4_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  font-size: 2.5rem;
  line-height: 1.05;
  font-weight: 600;
  letter-spacing: -0.025em;
  color: var(--blok-ink);
}
.stats4_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 26rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.stats4_media {
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.stats4_image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.stats4_grid {
  display: flex;
  flex-wrap: wrap;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: var(--blok-line);
}
.stats4_stat {
  width: 100%;
  padding-top: 1.75rem;
  padding-bottom: 2.5rem;
  padding-right: 1.5rem;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: var(--blok-line);
}
.stats4_value {
  margin-bottom: 1.5rem;
  font-family: var(--blok-font-display);
  font-size: 4.5rem;
  line-height: 1;
  font-weight: 500;
  letter-spacing: -0.045em;
  font-variant-numeric: tabular-nums;
  color: var(--blok-ink);
}
.stats4_label {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--blok-ink);
  margin-bottom: 0.5rem;
}
.stats4_detail {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 17rem;
  font-size: 0.9375rem;
  line-height: 1.55;
  color: var(--blok-ink-muted);
}
.section_stats4.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.stats4_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.stats4_heading.is-dark {
  color: var(--blok-surface);
}
.stats4_description.is-dark {
  color: var(--blok-surface-muted);
}
.stats4_grid.is-dark {
  border-bottom-color: var(--blok-line-inverse);
}
.stats4_stat.is-dark {
  border-top-color: var(--blok-line-inverse);
}
.stats4_label.is-dark {
  color: var(--blok-surface);
}
.stats4_detail.is-dark {
  color: var(--blok-surface-muted);
}
.section_stats4.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.stats4_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.stats4_heading.is-accent {
  color: var(--blok-ink);
}
.stats4_description.is-accent {
  color: var(--blok-ink-soft);
}
.stats4_grid.is-accent {
  border-bottom-color: var(--blok-line);
}
.stats4_stat.is-accent {
  border-top-color: var(--blok-line);
}
.stats4_label.is-accent {
  color: var(--blok-ink);
}
.stats4_detail.is-accent {
  color: var(--blok-ink-soft);
}
.stats4_stat.is-three {
  width: 100%;
}

@media (min-width: 768px) {
  .stats4_heading {
    font-size: 3.25rem;
  }
  .stats4_stat {
    width: 50%;
  }
  .stats4_value {
    font-size: 5.25rem;
  }
  .stats4_stat.is-three {
    width: 50%;
  }
}

@media (min-width: 992px) {
  .stats4_component {
    row-gap: 5rem;
  }
  .stats4_header {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    column-gap: 4rem;
  }
  .stats4_heading {
    font-size: 4rem;
  }
  .stats4_media {
    aspect-ratio: 21 / 9;
  }
  .stats4_stat {
    width: 25%;
    padding-bottom: 3rem;
  }
  .stats4_value {
    font-size: 5.75rem;
  }
  .stats4_stat.is-three {
    width: 33.333%;
  }
}

/* Generated by Blokset from components/stats-08.js. Edit the spec, not this file. */
.section_stats8 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.stats8_component {
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
}
.stats8_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: left;
}
.stats8_header-title {
  max-width: 40rem;
}
.stats8_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.stats8_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-ink);
}
.stats8_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.stats8_list {
  display: flex;
  flex-direction: column;
  row-gap: 1.75rem;
}
.stats8_meter-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  column-gap: 1rem;
  margin-bottom: 0.75rem;
}
.stats8_meter-label {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  font-size: 1.35rem;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: -0.02em;
}
.stats8_meter-value {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.stats8_track {
  width: 100%;
  height: 0.35rem;
  overflow: hidden;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
  background-color: var(--blok-line);
}
.stats8_bar {
  width: 100%;
  height: 100%;
  background-color: var(--blok-accent);
}
.stats8_note {
  margin-top: 0.6rem;
  margin-bottom: 0;
  font-size: 0.95rem;
  line-height: 1.5;
  color: var(--blok-ink-muted);
}
.section_stats8.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.stats8_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.stats8_heading.is-dark {
  color: var(--blok-surface);
}
.stats8_description.is-dark {
  color: var(--blok-surface-muted);
}
.stats8_meter-value.is-dark {
  color: var(--blok-surface-muted);
}
.stats8_note.is-dark {
  color: var(--blok-surface-muted);
}
.stats8_track.is-dark {
  background-color: var(--blok-line-inverse);
}
.stats8_bar.is-dark {
  background-color: var(--blok-accent);
}
.section_stats8.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.stats8_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.stats8_heading.is-accent {
  color: var(--blok-ink);
}
.stats8_description.is-accent {
  color: var(--blok-ink-soft);
}
.stats8_meter-value.is-accent {
  color: var(--blok-ink-soft);
}
.stats8_note.is-accent {
  color: var(--blok-ink-soft);
}
.stats8_track.is-accent {
  background-color: var(--blok-line);
}
.stats8_bar.is-accent {
  background-color: var(--blok-ink);
}

@media (min-width: 768px) {
  .stats8_heading {
    font-size: 3rem;
  }
}

@media (min-width: 992px) {
  .stats8_component {
    row-gap: 3.5rem;
  }
  .stats8_header {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    column-gap: 4rem;
  }
  .stats8_heading {
    font-size: 3.5rem;
  }
  .stats8_list {
    row-gap: 2.25rem;
  }
  .stats8_meter-label {
    font-size: 1.75rem;
  }
}

/* Generated by Blokset from components/stats-10.js. Edit the spec, not this file. */
.section_stats10 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.stats10_component {
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
}
.stats10_copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 1.25rem;
  max-width: 36rem;
}
.stats10_chip {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.stats10_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-serif);
  font-size: 2.75rem;
  line-height: 1.02;
  font-weight: 500;
  letter-spacing: -0.03em;
  color: var(--blok-ink);
}
.stats10_action {
  display: inline-flex;
  background-color: var(--blok-ink);
  color: var(--blok-surface);
  text-decoration: none;
  font-weight: 600;
  padding-top: 0.75rem;
  padding-right: 1.1rem;
  padding-bottom: 0.75rem;
  padding-left: 1.1rem;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
}
.stats10_row {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  row-gap: 0.75rem;
  column-gap: 0rem;
}
.stats10_low {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 1.5rem;
  width: 100%;
  min-height: 12rem;
  flex-grow: 0;
  flex-basis: auto;
  padding-top: 1.25rem;
  padding-right: 1.25rem;
  padding-bottom: 1.25rem;
  padding-left: 1.25rem;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  background-color: var(--blok-surface-2);
  color: var(--blok-ink);
}
.stats10_low-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  column-gap: 1rem;
}
.stats10_low-figure {
  font-family: var(--blok-font-display);
  font-size: 2.75rem;
  line-height: 1;
  font-weight: 600;
  letter-spacing: -0.04em;
}
.stats10_low-label {
  max-width: 7rem;
  min-width: 0px;
  font-size: 0.875rem;
  line-height: 1.3;
  text-align: right;
  opacity: 0.72;
}
.stats10_low-note {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.9375rem;
  line-height: 1.5;
  opacity: 0.8;
}
.stats10_mid {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 1.5rem;
  width: 100%;
  min-height: 12rem;
  flex-grow: 0;
  flex-basis: auto;
  padding-top: 1.25rem;
  padding-right: 1.25rem;
  padding-bottom: 1.25rem;
  padding-left: 1.25rem;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  background-color: var(--blok-surface-2);
  color: var(--blok-ink);
}
.stats10_mid-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  column-gap: 1rem;
}
.stats10_mid-figure {
  font-family: var(--blok-font-display);
  font-size: 2.75rem;
  line-height: 1;
  font-weight: 600;
  letter-spacing: -0.04em;
}
.stats10_mid-label {
  max-width: 7rem;
  min-width: 0px;
  font-size: 0.875rem;
  line-height: 1.3;
  text-align: right;
  opacity: 0.72;
}
.stats10_mid-note {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.9375rem;
  line-height: 1.5;
  opacity: 0.8;
}
.stats10_high {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 1.5rem;
  width: 100%;
  min-height: 12rem;
  flex-grow: 0;
  flex-basis: auto;
  padding-top: 1.25rem;
  padding-right: 1.25rem;
  padding-bottom: 1.25rem;
  padding-left: 1.25rem;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  background-color: var(--blok-surface-2);
  color: var(--blok-ink);
}
.stats10_high-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  column-gap: 1rem;
}
.stats10_high-figure {
  font-family: var(--blok-font-display);
  font-size: 2.75rem;
  line-height: 1;
  font-weight: 600;
  letter-spacing: -0.04em;
}
.stats10_high-label {
  max-width: 7rem;
  min-width: 0px;
  font-size: 0.875rem;
  line-height: 1.3;
  text-align: right;
  opacity: 0.72;
}
.stats10_high-note {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.9375rem;
  line-height: 1.5;
  opacity: 0.8;
}
.section_stats10.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.stats10_chip.is-dark {
  color: var(--blok-surface-muted);
}
.stats10_heading.is-dark {
  color: var(--blok-surface);
}
.stats10_low.is-dark {
  background-color: var(--blok-ink-2);
  color: var(--blok-surface);
}
.stats10_mid.is-dark {
  background-color: var(--blok-ink-2);
  color: var(--blok-surface);
}
.stats10_high.is-dark {
  background-color: var(--blok-ink-2);
  color: var(--blok-surface);
}
.section_stats10.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.stats10_chip.is-accent {
  color: var(--blok-ink-soft);
}
.stats10_heading.is-accent {
  color: var(--blok-ink);
}
.stats10_low.is-accent {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.stats10_mid.is-accent {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.stats10_high.is-accent {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}

@media (min-width: 992px) {
  .stats10_heading {
    font-size: 3.75rem;
  }
  .stats10_row {
    flex-direction: row;
    align-items: flex-end;
    column-gap: 0.75rem;
    row-gap: 0rem;
  }
  .stats10_low {
    min-height: 16rem;
    width: auto;
    flex-grow: 1;
    flex-basis: 0px;
  }
  .stats10_mid {
    min-height: 22rem;
    width: auto;
    flex-grow: 1;
    flex-basis: 0px;
  }
  .stats10_high {
    min-height: 28rem;
    width: auto;
    flex-grow: 1;
    flex-basis: 0px;
  }
}

/* Generated by Blokset from components/stats-11.js. Edit the spec, not this file. */
.section_stats11 {
  font-family: var(--blok-font-saas);
  color: #F4F5F1;
  background-color: #0F1115;
  padding-top: clamp(56px, 8vw, 104px);
  padding-right: clamp(20px, 4vw, 48px);
  padding-bottom: clamp(56px, 8vw, 104px);
  padding-left: clamp(20px, 4vw, 48px);
}
.stats11_div-34 {
  max-width: 1200px;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  display: flex;
  flex-wrap: wrap;
  row-gap: 48px;
  column-gap: 48px;
  align-items: stretch;
}
.stats11_div-24 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 400px;
  display: flex;
  flex-direction: column;
  row-gap: 28px;
  column-gap: 28px;
}
.stats11_div-3 {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  column-gap: 16px;
}
.stats11_div-1 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #A7ADB6;
}
.stats11_heading {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: clamp(34px, 4.4vw, 56px);
  line-height: 1.02;
  letter-spacing: -0.04em;
  font-weight: 600;
}
.stats11_div-11 {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  column-gap: 10px;
}
.stats11_div-6 {
  display: flex;
  justify-content: space-between;
  font-size: 15px;
}
.stats11_div-5 {
  font-family: var(--blok-font-saas-mono);
  color: #FFFFFF;
}
.stats11_range-7 {
  width: 100%;
  height: 32px;
  position: relative;
  display: flex;
  align-items: center;
}
.stats11_track-8 {
  position: relative;
  width: 100%;
  height: 4px;
  background-color: #DDE0D8;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
}
.stats11_fill-9 {
  width: 18%;
  height: 4px;
  background-color: #2D4BF0;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
}
.stats11_thumb-10 {
  position: absolute;
  left: 18%;
  top: 7px;
  width: 18px;
  height: 18px;
  background-color: #2D4BF0;
  transform: translateX(-50%);
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
}
.stats11_div-20 {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  column-gap: 10px;
}
.stats11_div-14 {
  display: flex;
  justify-content: space-between;
  font-size: 15px;
}
.stats11_div-13 {
  font-family: var(--blok-font-saas-mono);
  color: #FFFFFF;
}
.stats11_range-15 {
  width: 100%;
  height: 32px;
  position: relative;
  display: flex;
  align-items: center;
}
.stats11_track-16 {
  position: relative;
  width: 100%;
  height: 4px;
  background-color: #DDE0D8;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
}
.stats11_fill-17 {
  width: 26%;
  height: 4px;
  background-color: #2D4BF0;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
}
.stats11_thumb-18 {
  position: absolute;
  left: 26%;
  top: 7px;
  width: 18px;
  height: 18px;
  background-color: #2D4BF0;
  transform: translateX(-50%);
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
}
.stats11_div-19 {
  font-size: 13px;
  color: #A7ADB6;
}
.stats11_div-23 {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  column-gap: 10px;
}
.stats11_div-21 {
  font-size: 15px;
}
.stats11_div-22 {
  height: 48px;
  padding-top: 0;
  padding-right: 14px;
  padding-bottom: 0;
  padding-left: 14px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #3A3F47;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #3A3F47;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #3A3F47;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #3A3F47;
  background-color: #181B20;
  color: #FFFFFF;
  font-size: 17px;
  max-width: 200px;
}
.stats11_div-33 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 400px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 28px;
  column-gap: 28px;
  padding-top: clamp(24px, 3vw, 40px);
  padding-right: clamp(24px, 3vw, 40px);
  padding-bottom: clamp(24px, 3vw, 40px);
  padding-left: clamp(24px, 3vw, 40px);
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  background-color: #F4F5F1;
  color: #0F1115;
}
.stats11_div-27 {
  display: flex;
  flex-direction: column;
  row-gap: 6px;
  column-gap: 6px;
}
.stats11_div-25 {
  font-size: 15px;
  color: #4E545D;
}
.stats11_div-26 {
  font-size: clamp(56px, 7vw, 96px);
  line-height: 0.95;
  letter-spacing: -0.05em;
  font-weight: 600;
}
.stats11_div-30 {
  display: flex;
  flex-direction: column;
  row-gap: 6px;
  column-gap: 6px;
  padding-top: 22px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
}
.stats11_div-28 {
  font-size: 15px;
  color: #4E545D;
}
.stats11_div-29 {
  font-size: clamp(36px, 4vw, 52px);
  line-height: 1;
  letter-spacing: -0.04em;
  font-weight: 600;
  color: #2D4BF0;
}
.stats11_subheading {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 13px;
  line-height: 1.5;
  color: #5B616B;
}
.stats11_a-32 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: #0F1115;
  color: #FFFFFF;
  text-decoration: none;
  font-weight: 500;
}
.section_stats11.is-light {
  background-color: var(--blok-saas-canvas);
  color: var(--blok-saas-ink);
}
.section_stats11.is-accent {
  background-color: var(--blok-saas-blue);
  color: var(--blok-saas-white);
}

/* Generated by Blokset from components/stats-12.js. Edit the spec, not this file. */
.section_stats12 {
  font-family: var(--blok-font-saas);
  color: #0F1115;
  background-color: #FFFFFF;
  padding-top: clamp(56px, 8vw, 96px);
  padding-right: clamp(20px, 4vw, 48px);
  padding-bottom: clamp(56px, 8vw, 96px);
  padding-left: clamp(20px, 4vw, 48px);
}
.stats12_div-45 {
  max-width: 1200px;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  display: flex;
  flex-wrap: wrap;
  row-gap: clamp(32px, 5vw, 64px);
  column-gap: clamp(32px, 5vw, 64px);
  align-items: center;
}
.stats12_div-28 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 420px;
  display: flex;
  flex-direction: column;
  row-gap: 22px;
  column-gap: 22px;
}
.stats12_div-1 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5B616B;
}
.stats12_heading {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: clamp(34px, 4.4vw, 56px);
  line-height: 1.02;
  letter-spacing: -0.04em;
  font-weight: 600;
}
.stats12_div-27 {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  column-gap: 10px;
}
.stats12_div-10 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  row-gap: 16px;
  column-gap: 16px;
  padding-top: 14px;
  padding-right: 16px;
  padding-bottom: 14px;
  padding-left: 16px;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 14px;
  background-color: #F4F5F1;
}
.stats12_div-5 {
  display: flex;
  flex-direction: column;
  row-gap: 2px;
  column-gap: 2px;
}
.stats12_div-3 {
  font-size: 16px;
  font-weight: 500;
}
.stats12_div-4 {
  font-size: 13px;
  color: #5B616B;
}
.stats12_div-9 {
  display: flex;
  align-items: center;
  row-gap: 6px;
  column-gap: 6px;
}
.stats12_div-6 {
  width: 44px;
  height: 44px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  background-color: #FFFFFF;
  cursor: pointer;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  flex-shrink: 0;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.stats12_div-7 {
  min-width: 64px;
  text-align: center;
  font-family: var(--blok-font-saas-mono);
  font-size: 20px;
  font-weight: 500;
}
.stats12_div-8 {
  width: 44px;
  height: 44px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  background-color: #FFFFFF;
  cursor: pointer;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  flex-shrink: 0;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.stats12_div-18 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  row-gap: 16px;
  column-gap: 16px;
  padding-top: 14px;
  padding-right: 16px;
  padding-bottom: 14px;
  padding-left: 16px;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 14px;
  background-color: #F4F5F1;
}
.stats12_div-13 {
  display: flex;
  flex-direction: column;
  row-gap: 2px;
  column-gap: 2px;
}
.stats12_div-11 {
  font-size: 16px;
  font-weight: 500;
}
.stats12_div-12 {
  font-size: 13px;
  color: #5B616B;
}
.stats12_div-17 {
  display: flex;
  align-items: center;
  row-gap: 6px;
  column-gap: 6px;
}
.stats12_div-14 {
  width: 44px;
  height: 44px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  background-color: #FFFFFF;
  cursor: pointer;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  flex-shrink: 0;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.stats12_div-15 {
  min-width: 64px;
  text-align: center;
  font-family: var(--blok-font-saas-mono);
  font-size: 20px;
  font-weight: 500;
}
.stats12_div-16 {
  width: 44px;
  height: 44px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  background-color: #FFFFFF;
  cursor: pointer;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  flex-shrink: 0;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.stats12_div-26 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  row-gap: 16px;
  column-gap: 16px;
  padding-top: 14px;
  padding-right: 16px;
  padding-bottom: 14px;
  padding-left: 16px;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 14px;
  background-color: #F4F5F1;
}
.stats12_div-21 {
  display: flex;
  flex-direction: column;
  row-gap: 2px;
  column-gap: 2px;
}
.stats12_div-19 {
  font-size: 16px;
  font-weight: 500;
}
.stats12_div-20 {
  font-size: 13px;
  color: #5B616B;
}
.stats12_div-25 {
  display: flex;
  align-items: center;
  row-gap: 6px;
  column-gap: 6px;
}
.stats12_div-22 {
  width: 44px;
  height: 44px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  background-color: #FFFFFF;
  cursor: pointer;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  flex-shrink: 0;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.stats12_div-23 {
  min-width: 64px;
  text-align: center;
  font-family: var(--blok-font-saas-mono);
  font-size: 20px;
  font-weight: 500;
}
.stats12_div-24 {
  width: 44px;
  height: 44px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  background-color: #FFFFFF;
  cursor: pointer;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  flex-shrink: 0;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.stats12_div-44 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 420px;
  padding-top: clamp(24px, 3vw, 36px);
  padding-right: clamp(24px, 3vw, 36px);
  padding-bottom: clamp(24px, 3vw, 36px);
  padding-left: clamp(24px, 3vw, 36px);
  border-top-left-radius: 22px;
  border-top-right-radius: 22px;
  border-bottom-right-radius: 22px;
  border-bottom-left-radius: 22px;
  background-color: #E8ECFE;
  display: flex;
  flex-direction: column;
  row-gap: 22px;
  column-gap: 22px;
}
.stats12_div-31 {
  display: flex;
  flex-direction: column;
  row-gap: 6px;
  column-gap: 6px;
}
.stats12_div-29 {
  font-size: 15px;
  color: #4E545D;
}
.stats12_div-30 {
  font-size: clamp(64px, 8vw, 104px);
  font-weight: 600;
  letter-spacing: -0.05em;
  line-height: 0.9;
  color: #2D4BF0;
}
.stats12_div-42 {
  display: flex;
  flex-direction: column;
  row-gap: 12px;
  column-gap: 12px;
}
.stats12_div-36 {
  display: flex;
  flex-direction: column;
  row-gap: 6px;
  column-gap: 6px;
}
.stats12_div-34 {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
}
.stats12_div-33 {
  font-family: var(--blok-font-saas-mono);
}
.stats12_div-35 {
  height: 14px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  background-color: #0F1115;
  width: 100%;
}
.stats12_div-41 {
  display: flex;
  flex-direction: column;
  row-gap: 6px;
  column-gap: 6px;
}
.stats12_div-39 {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
}
.stats12_div-38 {
  font-family: var(--blok-font-saas-mono);
}
.stats12_div-40 {
  height: 14px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  background-color: #2D4BF0;
  width: 36%;
  min-width: 14px;
  transition: width 240ms ease;
}
.stats12_div-43 {
  font-size: 13px;
  line-height: 1.5;
  color: #4E545D;
}
.section_stats12.is-dark {
  background-color: var(--blok-saas-ink);
  color: var(--blok-saas-canvas);
}
.section_stats12.is-accent {
  background-color: var(--blok-saas-blue);
  color: var(--blok-saas-white);
}

/* Generated by Blokset from components/stats-13.js. Edit the spec, not this file. */
.section_stats13 {
  font-family: var(--blok-font-saas);
  color: #0F1115;
  background-color: #F4F5F1;
  padding-top: clamp(56px, 8vw, 96px);
  padding-right: clamp(20px, 4vw, 48px);
  padding-bottom: clamp(56px, 8vw, 96px);
  padding-left: clamp(20px, 4vw, 48px);
}
.stats13_div-58 {
  max-width: 1100px;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  row-gap: 28px;
  column-gap: 28px;
}
.stats13_div-13 {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 14px;
  column-gap: 14px;
  text-align: center;
}
.stats13_div-1 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5B616B;
}
.stats13_heading {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: clamp(34px, 4.4vw, 56px);
  line-height: 1.02;
  letter-spacing: -0.04em;
  font-weight: 600;
}
.stats13_div-12 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  row-gap: 8px;
  column-gap: 8px;
  margin-top: 6px;
}
.stats13_div-5 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 2px;
  column-gap: 2px;
  min-width: 180px;
  padding-top: 12px;
  padding-right: 16px;
  padding-bottom: 12px;
  padding-left: 16px;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 14px;
  cursor: pointer;
  text-align: left;
  border-top-width: 2px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 2px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 2px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
  background-color: #FFFFFF;
  color: #0F1115;
}
.stats13_div-3 {
  font-size: 16px;
  font-weight: 600;
}
.stats13_div-4 {
  font-size: 13px;
  color: #5B616B;
}
.stats13_div-8 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 2px;
  column-gap: 2px;
  min-width: 180px;
  padding-top: 12px;
  padding-right: 16px;
  padding-bottom: 12px;
  padding-left: 16px;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 14px;
  cursor: pointer;
  text-align: left;
  border-top-width: 2px;
  border-top-style: solid;
  border-top-color: #2D4BF0;
  border-right-width: 2px;
  border-right-style: solid;
  border-right-color: #2D4BF0;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #2D4BF0;
  border-left-width: 2px;
  border-left-style: solid;
  border-left-color: #2D4BF0;
  background-color: #FFFFFF;
  color: #0F1115;
}
.stats13_div-6 {
  font-size: 16px;
  font-weight: 600;
}
.stats13_div-7 {
  font-size: 13px;
  color: #5B616B;
}
.stats13_div-11 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 2px;
  column-gap: 2px;
  min-width: 180px;
  padding-top: 12px;
  padding-right: 16px;
  padding-bottom: 12px;
  padding-left: 16px;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 14px;
  cursor: pointer;
  text-align: left;
  border-top-width: 2px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 2px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 2px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
  background-color: #FFFFFF;
  color: #0F1115;
}
.stats13_div-9 {
  font-size: 16px;
  font-weight: 600;
}
.stats13_div-10 {
  font-size: 13px;
  color: #5B616B;
}
.stats13_div-57 {
  display: flex;
  flex-wrap: wrap;
  row-gap: 16px;
  column-gap: 16px;
  align-items: stretch;
}
.stats13_div-49 {
  flex-grow: 999;
  flex-shrink: 1;
  flex-basis: 520px;
  display: flex;
  flex-direction: column;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  overflow: hidden;
}
.stats13_div-20 {
  display: grid;
  grid-template-columns: 24px 1fr auto;
  align-items: center;
  row-gap: 14px;
  column-gap: 14px;
  min-height: 64px;
  padding-top: 0;
  padding-right: 20px;
  padding-bottom: 0;
  padding-left: 20px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ECEEE8;
  cursor: pointer;
  opacity: 1;
}
.stats13_div-14 {
  width: 20px;
  height: 20px;
  accent-color: #2D4BF0;
}
.stats13_div-18 {
  display: flex;
  flex-direction: column;
  row-gap: 6px;
  column-gap: 6px;
}
.stats13_div-15 {
  font-size: 16px;
  font-weight: 500;
}
.stats13_div-17 {
  height: 6px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  background-color: #ECEEE8;
  overflow: hidden;
}
.stats13_div-16 {
  display: block;
  height: 100%;
  width: 100%;
  background-color: #2D4BF0;
}
.stats13_div-19 {
  font-family: var(--blok-font-saas-mono);
  font-size: 15px;
}
.stats13_div-27 {
  display: grid;
  grid-template-columns: 24px 1fr auto;
  align-items: center;
  row-gap: 14px;
  column-gap: 14px;
  min-height: 64px;
  padding-top: 0;
  padding-right: 20px;
  padding-bottom: 0;
  padding-left: 20px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ECEEE8;
  cursor: pointer;
  opacity: 1;
}
.stats13_div-21 {
  width: 20px;
  height: 20px;
  accent-color: #2D4BF0;
}
.stats13_div-25 {
  display: flex;
  flex-direction: column;
  row-gap: 6px;
  column-gap: 6px;
}
.stats13_div-22 {
  font-size: 16px;
  font-weight: 500;
}
.stats13_div-24 {
  height: 6px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  background-color: #ECEEE8;
  overflow: hidden;
}
.stats13_div-23 {
  display: block;
  height: 100%;
  width: 78%;
  background-color: #2D4BF0;
}
.stats13_div-26 {
  font-family: var(--blok-font-saas-mono);
  font-size: 15px;
}
.stats13_div-34 {
  display: grid;
  grid-template-columns: 24px 1fr auto;
  align-items: center;
  row-gap: 14px;
  column-gap: 14px;
  min-height: 64px;
  padding-top: 0;
  padding-right: 20px;
  padding-bottom: 0;
  padding-left: 20px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ECEEE8;
  cursor: pointer;
  opacity: 1;
}
.stats13_div-28 {
  width: 20px;
  height: 20px;
  accent-color: #2D4BF0;
}
.stats13_div-32 {
  display: flex;
  flex-direction: column;
  row-gap: 6px;
  column-gap: 6px;
}
.stats13_div-29 {
  font-size: 16px;
  font-weight: 500;
}
.stats13_div-31 {
  height: 6px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  background-color: #ECEEE8;
  overflow: hidden;
}
.stats13_div-30 {
  display: block;
  height: 100%;
  width: 56%;
  background-color: #2D4BF0;
}
.stats13_div-33 {
  font-family: var(--blok-font-saas-mono);
  font-size: 15px;
}
.stats13_div-41 {
  display: grid;
  grid-template-columns: 24px 1fr auto;
  align-items: center;
  row-gap: 14px;
  column-gap: 14px;
  min-height: 64px;
  padding-top: 0;
  padding-right: 20px;
  padding-bottom: 0;
  padding-left: 20px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ECEEE8;
  cursor: pointer;
  opacity: 1;
}
.stats13_div-35 {
  width: 20px;
  height: 20px;
  accent-color: #2D4BF0;
}
.stats13_div-39 {
  display: flex;
  flex-direction: column;
  row-gap: 6px;
  column-gap: 6px;
}
.stats13_div-36 {
  font-size: 16px;
  font-weight: 500;
}
.stats13_div-38 {
  height: 6px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  background-color: #ECEEE8;
  overflow: hidden;
}
.stats13_div-37 {
  display: block;
  height: 100%;
  width: 67%;
  background-color: #2D4BF0;
}
.stats13_div-40 {
  font-family: var(--blok-font-saas-mono);
  font-size: 15px;
}
.stats13_div-48 {
  display: grid;
  grid-template-columns: 24px 1fr auto;
  align-items: center;
  row-gap: 14px;
  column-gap: 14px;
  min-height: 64px;
  padding-top: 0;
  padding-right: 20px;
  padding-bottom: 0;
  padding-left: 20px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ECEEE8;
  cursor: pointer;
  opacity: 1;
}
.stats13_div-42 {
  width: 20px;
  height: 20px;
  accent-color: #2D4BF0;
}
.stats13_div-46 {
  display: flex;
  flex-direction: column;
  row-gap: 6px;
  column-gap: 6px;
}
.stats13_div-43 {
  font-size: 16px;
  font-weight: 500;
}
.stats13_div-45 {
  height: 6px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  background-color: #ECEEE8;
  overflow: hidden;
}
.stats13_div-44 {
  display: block;
  height: 100%;
  width: 44%;
  background-color: #2D4BF0;
}
.stats13_div-47 {
  font-family: var(--blok-font-saas-mono);
  font-size: 15px;
}
.stats13_div-56 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 280px;
  padding-top: 28px;
  padding-right: 28px;
  padding-bottom: 28px;
  padding-left: 28px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  background-color: #0F1115;
  color: #F4F5F1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 24px;
  column-gap: 24px;
}
.stats13_div-52 {
  display: flex;
  flex-direction: column;
  row-gap: 6px;
  column-gap: 6px;
}
.stats13_div-50 {
  font-size: 15px;
  color: #A7ADB6;
}
.stats13_div-51 {
  font-size: 88px;
  font-weight: 600;
  letter-spacing: -0.05em;
  line-height: 0.9;
}
.stats13_div-55 {
  display: flex;
  flex-direction: column;
  row-gap: 6px;
  column-gap: 6px;
}
.stats13_div-53 {
  font-size: 15px;
  color: #A7ADB6;
}
.stats13_div-54 {
  font-size: 13px;
  line-height: 1.5;
  color: #8C929B;
}
.section_stats13.is-dark {
  background-color: var(--blok-saas-ink);
  color: var(--blok-saas-canvas);
}
.section_stats13.is-accent {
  background-color: var(--blok-saas-blue);
  color: var(--blok-saas-white);
}

/* Generated by Blokset from components/stats-14.js. Edit the spec, not this file. */
.section_stats14 {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.stats14_component {
  position: relative;
}
.stats14_frame {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 2.25rem;
  padding-top: 2.5rem;
  padding-right: 1.5rem;
  padding-bottom: 2.5rem;
  padding-left: 1.5rem;
  text-align: center;
  background-color: #c8f542;
  color: var(--blok-ink);
  border-top-left-radius: 1.75rem;
  border-top-right-radius: 1.75rem;
  border-bottom-left-radius: 1.75rem;
  border-bottom-right-radius: 1.75rem;
}
.stats14_cutout-left {
  display: none;
  position: absolute;
  top: 50%;
  left: 0;
  width: 5.5rem;
  height: 11rem;
  margin-top: -5.5rem;
  margin-left: -2.75rem;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  background-color: var(--blok-ink);
  z-index: 3;
}
.stats14_cutout-right {
  display: none;
  position: absolute;
  top: 50%;
  right: 0;
  width: 5.5rem;
  height: 11rem;
  margin-top: -5.5rem;
  margin-right: -2.75rem;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  background-color: var(--blok-ink);
  z-index: 3;
}
.stats14_lead {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 1rem;
  max-width: 40rem;
}
.stats14_badge {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding-top: 0.4rem;
  padding-right: 0.85rem;
  padding-bottom: 0.4rem;
  padding-left: 0.85rem;
  background-color: var(--blok-ink);
  color: #c8f542;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
}
.stats14_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  font-size: 2.5rem;
  line-height: 1.02;
  font-weight: 700;
  letter-spacing: -0.03em;
  color: var(--blok-ink);
}
.stats14_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 34rem;
  font-size: 1rem;
  line-height: 1.6;
  color: var(--blok-ink);
  opacity: 0.72;
}
.stats14_stats {
  position: relative;
  z-index: 2;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.75rem;
}
.stats14_stat {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 0.4rem;
}
.stats14_stat-value {
  font-family: var(--blok-font-display);
  font-size: 3rem;
  line-height: 0.95;
  font-weight: 700;
  letter-spacing: -0.04em;
  color: var(--blok-ink);
}
.stats14_stat-label {
  font-size: 0.9375rem;
  line-height: 1.4;
  color: var(--blok-ink);
  opacity: 0.7;
}
.section_stats14.is-light {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.stats14_cutout-left.is-light {
  background-color: var(--blok-surface);
}
.stats14_cutout-right.is-light {
  background-color: var(--blok-surface);
}

@media (min-width: 768px) {
  .stats14_heading {
    font-size: 3.25rem;
  }
  .stats14_stats {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 992px) {
  .stats14_frame {
    padding-top: 3.25rem;
    padding-right: 3.5rem;
    padding-bottom: 3.25rem;
    padding-left: 3.5rem;
    border-top-left-radius: 2.25rem;
    border-top-right-radius: 2.25rem;
    border-bottom-right-radius: 2.25rem;
    border-bottom-left-radius: 2.25rem;
  }
  .stats14_cutout-left {
    display: block;
  }
  .stats14_cutout-right {
    display: block;
  }
  .stats14_heading {
    font-size: 3.75rem;
  }
  .stats14_stat-value {
    font-size: 3.75rem;
  }
}

/* Generated by Blokset from components/gallery-05.js. Edit the spec, not this file. */
.section_gallery5 {
  overflow: hidden;
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.gallery5_component {
  display: flex;
  flex-direction: column;
  row-gap: 3rem;
}
.gallery5_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: left;
}
.gallery5_header-title {
  max-width: 40rem;
}
.gallery5_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-surface-muted);
}
.gallery5_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-surface);
}
.gallery5_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-surface-muted);
}
.gallery5_track {
  display: flex;
  column-gap: 1rem;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  padding-bottom: 1rem;
  margin-right: -5vw;
  padding-right: 5vw;
}
.gallery5_frame {
  display: block;
  flex-shrink: 0;
  width: 78vw;
  color: inherit;
  text-decoration: none;
  scroll-snap-align: start;
}
.gallery5_frame-media {
  position: relative;
  overflow: hidden;
  aspect-ratio: 4 / 5;
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}
.gallery5_frame-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.gallery5_counter {
  position: absolute;
  top: 0.875rem;
  left: 0.875rem;
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-text-inverse);
  mix-blend-mode: difference;
}
.gallery5_frame-caption {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  column-gap: 1rem;
  margin-top: 0.875rem;
}
.gallery5_frame-title {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  font-size: 1.25rem;
  font-weight: 600;
  letter-spacing: -0.015em;
}
.gallery5_frame-meta {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  white-space: nowrap;
  color: var(--blok-surface-muted);
}
.gallery5_wordmark-wrap {
  width: 100%;
  overflow: hidden;
}
.gallery5_wordmark {
  display: inline-block;
  font-family: var(--blok-font-display);
  font-size: 12vw;
  line-height: 0.9;
  font-weight: 700;
  letter-spacing: -0.05em;
  white-space: nowrap;
  color: var(--blok-surface);
}
.section_gallery5.is-light {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.gallery5_eyebrow.is-light {
  color: var(--blok-ink-muted);
}
.gallery5_heading.is-light {
  color: var(--blok-ink);
}
.gallery5_description.is-light {
  color: var(--blok-ink-muted);
}
.gallery5_frame-meta.is-light {
  color: var(--blok-ink-muted);
}
.gallery5_counter.is-light {
  color: var(--blok-ink-muted);
}
.gallery5_wordmark.is-light {
  color: var(--blok-ink);
}
.gallery5_frame-media.is-landscape {
  aspect-ratio: 4 / 3;
}
.gallery5_frame.is-landscape {
  width: 85vw;
}

@media (min-width: 768px) {
  .gallery5_heading {
    font-size: 3rem;
  }
  .gallery5_frame {
    width: 44vw;
  }
  .gallery5_frame.is-landscape {
    width: 60vw;
  }
}

@media (min-width: 992px) {
  .gallery5_header {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    column-gap: 4rem;
  }
  .gallery5_heading {
    font-size: 3.5rem;
  }
  .gallery5_track {
    column-gap: 1.5rem;
  }
  .gallery5_frame {
    width: 26rem;
  }
  .gallery5_frame.is-landscape {
    width: 40rem;
  }
}

/* Generated by Blokset from components/gallery-08.js. Edit the spec, not this file. */
.section_gallery8 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.gallery8_component {
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
}
.gallery8_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: left;
}
.gallery8_header-title {
  max-width: 40rem;
}
.gallery8_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.gallery8_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-ink);
}
.gallery8_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.gallery8_grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 0.75rem;
  grid-row-gap: 0.75rem;
}
.gallery8_frame {
  cursor: pointer;
  overflow: hidden;
  aspect-ratio: 1 / 1;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.gallery8_frame-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.gallery8_dialog {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 30;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  row-gap: 1rem;
  background-color: var(--blok-overlay-strong);
  padding-top: 1.25rem;
  padding-right: 1.25rem;
  padding-bottom: 1.25rem;
  padding-left: 1.25rem;
}
.gallery8_close {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  cursor: pointer;
  align-self: flex-end;
  color: var(--blok-surface);
}
.gallery8_dialog-media {
  width: 100%;
  max-width: 64rem;
  overflow: hidden;
  aspect-ratio: 16 / 10;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.gallery8_dialog-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.gallery8_dialog-caption {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-surface);
}
.section_gallery8.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.gallery8_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.gallery8_heading.is-dark {
  color: var(--blok-surface);
}
.gallery8_description.is-dark {
  color: var(--blok-surface-muted);
}
.section_gallery8.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.gallery8_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.gallery8_heading.is-accent {
  color: var(--blok-ink);
}
.gallery8_description.is-accent {
  color: var(--blok-ink-soft);
}

@media (min-width: 768px) {
  .gallery8_heading {
    font-size: 3rem;
  }
}

@media (min-width: 992px) {
  .gallery8_component {
    row-gap: 3.5rem;
  }
  .gallery8_header {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    column-gap: 4rem;
  }
  .gallery8_heading {
    font-size: 3.5rem;
  }
  .gallery8_grid {
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }
}

/* Generated by Blokset from components/gallery-11.js. Edit the spec, not this file. */
.section_gallery11 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.gallery11_component {
  display: flex;
  flex-direction: column;
  row-gap: 1.25rem;
}
.gallery11_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: left;
}
.gallery11_header-title {
  max-width: 40rem;
}
.gallery11_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.gallery11_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-ink);
}
.gallery11_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.gallery11_stage {
  overflow: hidden;
  aspect-ratio: 16 / 10;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.gallery11_main {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.gallery11_caption {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.gallery11_strip {
  display: flex;
  column-gap: 0.5rem;
  row-gap: 0.5rem;
}
.gallery11_thumb {
  cursor: pointer;
  width: 4.5rem;
  height: 3.25rem;
  flex-shrink: 0;
  overflow: hidden;
  border-top-left-radius: 0.4rem;
  border-top-right-radius: 0.4rem;
  border-bottom-left-radius: 0.4rem;
  border-bottom-right-radius: 0.4rem;
}
.gallery11_thumb-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.section_gallery11.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.gallery11_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.gallery11_heading.is-dark {
  color: var(--blok-surface);
}
.gallery11_description.is-dark {
  color: var(--blok-surface-muted);
}
.gallery11_caption.is-dark {
  color: var(--blok-surface-muted);
}
.section_gallery11.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.gallery11_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.gallery11_heading.is-accent {
  color: var(--blok-ink);
}
.gallery11_description.is-accent {
  color: var(--blok-ink-soft);
}
.gallery11_caption.is-accent {
  color: var(--blok-ink-soft);
}

@media (min-width: 768px) {
  .gallery11_heading {
    font-size: 3rem;
  }
}

@media (min-width: 992px) {
  .gallery11_component {
    row-gap: 1.5rem;
  }
  .gallery11_header {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    column-gap: 4rem;
  }
  .gallery11_heading {
    font-size: 3.5rem;
  }
  .gallery11_strip {
    column-gap: 0.75rem;
  }
  .gallery11_thumb {
    width: 7rem;
    height: 4.75rem;
  }
}

/* Generated by Blokset from components/gallery-14.js. Edit the spec, not this file. */
.section_gallery14 {
  overflow: hidden;
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.gallery14_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: left;
}
.gallery14_header-title {
  max-width: 40rem;
}
.gallery14_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.gallery14_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-ink);
}
.gallery14_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.gallery14_columns {
  display: grid;
  grid-template-columns: 1fr;
  grid-column-gap: 0.75rem;
  margin-top: 2.5rem;
}
.gallery14_column-1 {
  overflow: hidden;
  height: 22rem;
}
.gallery14_track-1 {
  display: flex;
  flex-direction: column;
  row-gap: 0.75rem;
}
.gallery14_frame-1 {
  overflow: hidden;
  height: 14rem;
  flex-shrink: 0;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.gallery14_image-1 {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.gallery14_column-2 {
  overflow: hidden;
  height: 22rem;
}
.gallery14_track-2 {
  display: flex;
  flex-direction: column;
  row-gap: 0.75rem;
}
.gallery14_frame-2 {
  overflow: hidden;
  height: 14rem;
  flex-shrink: 0;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.gallery14_image-2 {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.gallery14_column-3 {
  overflow: hidden;
  height: 22rem;
}
.gallery14_track-3 {
  display: flex;
  flex-direction: column;
  row-gap: 0.75rem;
}
.gallery14_frame-3 {
  overflow: hidden;
  height: 14rem;
  flex-shrink: 0;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.gallery14_image-3 {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.section_gallery14.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.gallery14_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.gallery14_heading.is-dark {
  color: var(--blok-surface);
}
.gallery14_description.is-dark {
  color: var(--blok-surface-muted);
}
.section_gallery14.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.gallery14_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.gallery14_heading.is-accent {
  color: var(--blok-ink);
}
.gallery14_description.is-accent {
  color: var(--blok-ink-soft);
}

@media (min-width: 768px) {
  .gallery14_heading {
    font-size: 3rem;
  }
  .gallery14_columns {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media (min-width: 992px) {
  .gallery14_header {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    column-gap: 4rem;
  }
  .gallery14_heading {
    font-size: 3.5rem;
  }
  .gallery14_columns {
    grid-column-gap: 1rem;
    margin-top: 3.5rem;
  }
  .gallery14_column-1 {
    height: 36rem;
  }
  .gallery14_track-1 {
    row-gap: 1rem;
  }
  .gallery14_frame-1 {
    height: 18rem;
  }
  .gallery14_column-2 {
    height: 36rem;
  }
  .gallery14_track-2 {
    row-gap: 1rem;
  }
  .gallery14_frame-2 {
    height: 18rem;
  }
  .gallery14_column-3 {
    height: 36rem;
  }
  .gallery14_track-3 {
    row-gap: 1rem;
  }
  .gallery14_frame-3 {
    height: 18rem;
  }
}

/* Generated by Blokset from components/gallery-15.js. Edit the spec, not this file. */
.section_gallery15 {
  overflow: hidden;
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.gallery15_component {
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
}
.gallery15_band {
  overflow: hidden;
  width: 100%;
}
.gallery15_track {
  display: flex;
  width: max-content;
  column-gap: 0.75rem;
}
.gallery15_frame {
  width: 14rem;
  height: 10rem;
  flex-shrink: 0;
  overflow: hidden;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.gallery15_frame-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.gallery15_copy {
  display: grid;
  grid-template-columns: 1fr;
  align-items: start;
  row-gap: 1.25rem;
  column-gap: 0rem;
}
.gallery15_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-serif);
  font-size: 2.75rem;
  line-height: 1.02;
  font-weight: 500;
  letter-spacing: -0.03em;
  color: var(--blok-ink);
}
.gallery15_body {
  display: flex;
  flex-direction: column;
  row-gap: 0.9rem;
  color: var(--blok-ink-muted);
}
.gallery15_lead {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.6;
}
.gallery15_support {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.6;
}
.section_gallery15.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.gallery15_heading.is-dark {
  color: var(--blok-surface);
}
.gallery15_body.is-dark {
  color: var(--blok-surface-muted);
}
.section_gallery15.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.gallery15_heading.is-accent {
  color: var(--blok-ink);
}
.gallery15_body.is-accent {
  color: var(--blok-ink-soft);
}

@media (min-width: 992px) {
  .gallery15_frame {
    width: 20rem;
    height: 13rem;
  }
  .gallery15_copy {
    grid-template-columns: 1fr 1fr;
    column-gap: 3rem;
    row-gap: 0rem;
  }
  .gallery15_heading {
    font-size: 3.75rem;
  }
}

/* Generated by Blokset from components/work-02.js. Edit the spec, not this file. */
.section_work2 {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.work2_component {
  display: flex;
  flex-direction: column;
  row-gap: 3rem;
}
.work2_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.5rem;
}
.work2_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-surface-muted);
  margin-bottom: 1rem;
}
.work2_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  font-size: 2.25rem;
  line-height: 1.05;
  font-weight: 600;
  letter-spacing: -0.025em;
  color: var(--blok-surface);
}
.work2_all-link {
  color: var(--blok-surface);
  font-family: var(--blok-font-mono);
  font-size: 0.875rem;
  letter-spacing: 0.04em;
  text-decoration: underline;
  text-underline-offset: 0.3em;
}
.work2_list {
  position: relative;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: var(--blok-line-inverse);
}
.work2_row {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 1.5rem;
  row-gap: 0.5rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: var(--blok-line-inverse);
  color: var(--blok-surface);
  text-decoration: none;
}
.work2_index {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-surface-muted);
  width: 2.5rem;
  flex-shrink: 0;
}
.work2_name {
  flex-grow: 1;
  flex-basis: 0%;
  min-width: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  font-size: 2.25rem;
  line-height: 1;
  font-weight: 500;
  letter-spacing: -0.035em;
}
.work2_meta {
  width: 100%;
  padding-left: 4rem;
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  letter-spacing: 0.04em;
  color: var(--blok-surface-muted);
  white-space: nowrap;
}
.work2_year {
  display: none;
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  color: var(--blok-surface-muted);
}
.work2_media {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 20rem;
  height: 14rem;
  overflow: hidden;
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
}
.work2_image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.section_work2.is-light {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.work2_eyebrow.is-light {
  color: var(--blok-ink-muted);
}
.work2_heading.is-light {
  color: var(--blok-ink);
}
.work2_all-link.is-light {
  color: var(--blok-ink);
}
.work2_list.is-light {
  border-bottom-color: var(--blok-line);
}
.work2_row.is-light {
  color: var(--blok-ink);
  border-top-color: var(--blok-line);
}
.work2_index.is-light {
  color: var(--blok-ink-muted);
}
.work2_meta.is-light {
  color: var(--blok-ink-muted);
}
.work2_year.is-light {
  color: var(--blok-ink-muted);
}
.section_work2.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.work2_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.work2_heading.is-accent {
  color: var(--blok-ink);
}
.work2_all-link.is-accent {
  color: var(--blok-ink);
}
.work2_list.is-accent {
  border-bottom-color: var(--blok-line);
}
.work2_row.is-accent {
  color: var(--blok-ink);
  border-top-color: var(--blok-line);
}
.work2_index.is-accent {
  color: var(--blok-ink-soft);
}
.work2_meta.is-accent {
  color: var(--blok-ink-soft);
}
.work2_year.is-accent {
  color: var(--blok-ink-soft);
}
.work2_name.is-compact {
  font-size: 1.75rem;
}
.work2_row.is-compact {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.work2_media.is-compact {
  width: 14rem;
  height: 10rem;
}

@media (min-width: 768px) {
  .work2_header {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
  }
  .work2_heading {
    font-size: 3rem;
  }
  .work2_row {
    flex-wrap: nowrap;
  }
  .work2_name {
    font-size: 3.5rem;
  }
  .work2_meta {
    width: auto;
    padding-left: 0;
  }
  .work2_year {
    display: block;
  }
  .work2_name.is-compact {
    font-size: 2.25rem;
  }
}

@media (min-width: 992px) {
  .work2_component {
    row-gap: 4rem;
  }
  .work2_row {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .work2_name {
    font-size: 5rem;
  }
  .work2_media {
    display: block;
  }
  .work2_name.is-compact {
    font-size: 3rem;
  }
  .work2_row.is-compact {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
}

/* Generated by Blokset from components/work-03.js. Edit the spec, not this file. */
.section_work3 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.work3_layout {
  display: grid;
  grid-template-columns: 1fr;
  align-items: start;
  grid-column-gap: 0rem;
  grid-row-gap: 2.5rem;
}
.work3_chapters {
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 2;
}
.work3_chapter {
  display: flex;
  flex-direction: column;
  row-gap: 0.75rem;
}
.work3_chapter-image {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.work3_chapter-title {
  margin-top: 0.25rem;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  font-size: 1.5rem;
  line-height: 1.15;
  font-weight: 600;
  letter-spacing: -0.02em;
}
.work3_chapter-text {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 36rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.work3_meta {
  position: relative;
  top: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 1.25rem;
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 2;
  grid-row-end: 3;
}
.work3_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.work3_title {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  font-size: 2.75rem;
  line-height: 0.95;
  font-weight: 600;
  letter-spacing: -0.04em;
  color: var(--blok-ink);
}
.work3_summary {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.work3_facts {
  display: flex;
  flex-direction: column;
  row-gap: 0.75rem;
  width: 100%;
  padding-top: 0.5rem;
}
.work3_client-label {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.work3_client {
  margin-bottom: 0.5rem;
  font-size: 1.0625rem;
  color: var(--blok-ink);
}
.work3_year-label {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.work3_year {
  margin-bottom: 0.5rem;
  font-size: 1.0625rem;
  color: var(--blok-ink);
}
.work3_role-label {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.work3_role {
  font-size: 1.0625rem;
  color: var(--blok-ink);
}
.work3_actions {
  display: flex;
}
.section_work3.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.work3_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.work3_title.is-dark {
  color: var(--blok-surface);
}
.work3_summary.is-dark {
  color: var(--blok-surface-muted);
}
.work3_client-label.is-dark {
  color: var(--blok-surface-muted);
}
.work3_year-label.is-dark {
  color: var(--blok-surface-muted);
}
.work3_role-label.is-dark {
  color: var(--blok-surface-muted);
}
.work3_client.is-dark {
  color: var(--blok-surface);
}
.work3_year.is-dark {
  color: var(--blok-surface);
}
.work3_role.is-dark {
  color: var(--blok-surface);
}
.work3_chapter-text.is-dark {
  color: var(--blok-surface-muted);
}
.section_work3.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.work3_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.work3_title.is-accent {
  color: var(--blok-ink);
}
.work3_summary.is-accent {
  color: var(--blok-ink-soft);
}
.work3_client-label.is-accent {
  color: var(--blok-ink-soft);
}
.work3_year-label.is-accent {
  color: var(--blok-ink-soft);
}
.work3_role-label.is-accent {
  color: var(--blok-ink-soft);
}
.work3_client.is-accent {
  color: var(--blok-ink);
}
.work3_year.is-accent {
  color: var(--blok-ink);
}
.work3_role.is-accent {
  color: var(--blok-ink);
}
.work3_chapter-text.is-accent {
  color: var(--blok-ink-soft);
}

@media (min-width: 992px) {
  .work3_layout {
    grid-template-columns: 0.8fr 1.2fr;
    grid-column-gap: 4rem;
    grid-row-gap: 0rem;
  }
  .work3_chapters {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 2;
    row-gap: 4rem;
  }
  .work3_meta {
    position: sticky;
    top: 6rem;
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 2;
  }
  .work3_title {
    font-size: 3.75rem;
  }
}

/* Generated by Blokset from components/work-09.js. Edit the spec, not this file. */
.section_work9 {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.work9_component {
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
}
.work9_grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-column-gap: 1rem;
  grid-row-gap: 2rem;
}
.work9_card {
  display: flex;
  flex-direction: column;
  row-gap: 0.85rem;
  cursor: pointer;
}
.work9_media {
  position: relative;
  overflow: hidden;
  aspect-ratio: 3 / 4;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
}
.work9_image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.work9_view {
  position: absolute;
  left: 50%;
  bottom: 1rem;
  margin-left: -2.25rem;
  padding-top: 0.55rem;
  padding-right: 1rem;
  padding-bottom: 0.55rem;
  padding-left: 1rem;
  font-size: 0.8125rem;
  font-weight: 600;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  background-color: var(--blok-accent);
  color: var(--blok-ink-2);
}
.work9_caption {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  column-gap: 0.75rem;
}
.work9_title {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--blok-surface);
}
.work9_index {
  font-family: var(--blok-font-mono);
  font-size: 0.75rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-surface-muted);
}
.work9_meta {
  font-size: 0.8125rem;
  color: var(--blok-surface-muted);
}
.work9_panel {
  display: grid;
  grid-template-columns: 1fr;
  align-items: stretch;
  column-gap: 0rem;
  row-gap: 1.5rem;
  width: 100%;
  max-width: 72rem;
  padding-top: 1.25rem;
  padding-right: 1.25rem;
  padding-bottom: 1.25rem;
  padding-left: 1.25rem;
  border-top-left-radius: 1.75rem;
  border-top-right-radius: 1.75rem;
  border-bottom-left-radius: 1.75rem;
  border-bottom-right-radius: 1.75rem;
  background-color: var(--blok-accent);
  color: var(--blok-ink-2);
}
.work9_panel-media {
  overflow: hidden;
  aspect-ratio: 3 / 4;
  min-height: 0rem;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.work9_panel-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.work9_panel-body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 2rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.work9_panel-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  column-gap: 1rem;
}
.work9_panel-index {
  display: flex;
  column-gap: 0.5rem;
  font-family: var(--blok-font-mono);
  font-size: 0.75rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-surface-muted);
}
.work9_panel-copy {
  display: flex;
  flex-direction: column;
  row-gap: 1.25rem;
}
.work9_panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  font-size: 3rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: -0.03em;
}
.work9_panel-text {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 36rem;
  font-size: 1.0625rem;
  line-height: 1.6;
}
.work9_facts {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 1.5rem;
  grid-row-gap: 0rem;
}
.work9_fact-client {
  padding-top: 0.85rem;
  padding-bottom: 0.85rem;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: var(--blok-ink);
}
.work9_fact-client-label {
  font-family: var(--blok-font-mono);
  font-size: 0.6875rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 0.35rem;
  color: var(--blok-surface-muted);
}
.work9_fact-client-value {
  font-size: 0.9375rem;
  font-weight: 600;
}
.work9_fact-year {
  padding-top: 0.85rem;
  padding-bottom: 0.85rem;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: var(--blok-ink);
}
.work9_fact-year-label {
  font-family: var(--blok-font-mono);
  font-size: 0.6875rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 0.35rem;
  color: var(--blok-surface-muted);
}
.work9_fact-year-value {
  font-size: 0.9375rem;
  font-weight: 600;
}
.work9_fact-scope {
  padding-top: 0.85rem;
  padding-bottom: 0.85rem;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: var(--blok-ink);
}
.work9_fact-scope-label {
  font-family: var(--blok-font-mono);
  font-size: 0.6875rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 0.35rem;
  color: var(--blok-surface-muted);
}
.work9_fact-scope-value {
  font-size: 0.9375rem;
  font-weight: 600;
}
.work9_fact-place {
  padding-top: 0.85rem;
  padding-bottom: 0.85rem;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: var(--blok-ink);
}
.work9_fact-place-label {
  font-family: var(--blok-font-mono);
  font-size: 0.6875rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 0.35rem;
  color: var(--blok-surface-muted);
}
.work9_fact-place-value {
  font-size: 0.9375rem;
  font-weight: 600;
}
.work9_dialog {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 40;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 1.25rem;
  padding-right: 1.25rem;
  padding-bottom: 1.25rem;
  padding-left: 1.25rem;
  background-color: var(--blok-ink);
}
.work9_close {
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
  cursor: pointer;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  line-height: 1;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  background-color: var(--blok-ink-2);
  color: var(--blok-surface);
  z-index: 2;
}
.work9_mount {
  width: 100%;
  max-width: 72rem;
}
.section_work9.is-light {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.work9_title.is-light {
  color: var(--blok-ink);
}
.work9_meta.is-light {
  color: var(--blok-ink-muted);
}
.work9_index.is-light {
  color: var(--blok-ink-muted);
}
.work9_view.is-light {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.work9_dialog.is-light {
  background-color: var(--blok-surface);
}
.work9_panel.is-light {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.work9_close.is-light {
  background-color: var(--blok-surface-2);
  color: var(--blok-ink);
}

@media (min-width: 768px) {
  .work9_grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 992px) {
  .work9_grid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-column-gap: 1.25rem;
  }
  .work9_panel {
    grid-template-columns: 0.9fr 1.1fr;
    column-gap: 2.5rem;
    row-gap: 0rem;
    padding-top: 1.75rem;
    padding-right: 1.75rem;
    padding-bottom: 1.75rem;
    padding-left: 1.75rem;
  }
  .work9_panel-media {
    aspect-ratio: auto;
    min-height: 28rem;
  }
  .work9_panel-title {
    font-size: 4.5rem;
  }
}

/* Generated by Blokset from components/work-10.js. Edit the spec, not this file. */
.section_work10 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.work10_component {
  position: relative;
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
  padding-bottom: 5rem;
}
.work10_header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  column-gap: 1.5rem;
  row-gap: 1rem;
}
.work10_wordmark {
  font-family: var(--blok-font-display);
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--blok-ink);
}
.work10_nav {
  display: flex;
  flex-wrap: wrap;
  column-gap: 1rem;
  row-gap: 0.5rem;
}
.work10_nav-link {
  text-decoration: none;
  font-size: 0.9375rem;
  color: var(--blok-ink-muted);
}
.work10_list-panel {
  display: flex;
  flex-direction: column;
  row-gap: 0;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: var(--blok-line);
}
.work10_list-row-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1rem;
  column-gap: 0rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: var(--blok-line);
}
.work10_list-title {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--blok-ink);
}
.work10_list-thumbs {
  display: flex;
  column-gap: 0.5rem;
  flex-wrap: wrap;
  row-gap: 0.5rem;
}
.work10_list-thumb-a {
  display: block;
  width: 4.5rem;
  height: 3.25rem;
  object-fit: cover;
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}
.work10_list-thumb-b {
  display: block;
  width: 4.5rem;
  height: 3.25rem;
  object-fit: cover;
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}
.work10_list-thumb-c {
  display: block;
  width: 4.5rem;
  height: 3.25rem;
  object-fit: cover;
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}
.work10_grid-panel {
  display: grid;
  grid-template-columns: 1fr;
  grid-column-gap: 1rem;
  grid-row-gap: 1.5rem;
}
.work10_grid-card-inner {
  display: flex;
  flex-direction: column;
  row-gap: 0.75rem;
}
.work10_grid-image {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}
.work10_grid-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--blok-ink);
}
.work10_gallery-panel {
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
}
.work10_gallery-stack-inner {
  display: flex;
  flex-direction: column;
  row-gap: 0.75rem;
}
.work10_gallery-meta {
  font-family: var(--blok-font-mono);
  font-size: 0.75rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.work10_gallery-image-a {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.work10_gallery-image-b {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.work10_gallery-image-c {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.work10_mode-bar {
  position: fixed;
  left: 50%;
  bottom: 1.25rem;
  z-index: 20;
  display: flex;
  column-gap: 0.25rem;
  padding-top: 0.35rem;
  padding-right: 0.35rem;
  padding-bottom: 0.35rem;
  padding-left: 0.35rem;
  margin-left: -8rem;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  background-color: var(--blok-surface-2);
  color: var(--blok-ink);
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
}
.work10_mode-grid {
  cursor: pointer;
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding-top: 0.55rem;
  padding-right: 0.9rem;
  padding-bottom: 0.55rem;
  padding-left: 0.9rem;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  color: var(--blok-ink-muted);
}
.work10_mode-list {
  cursor: pointer;
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding-top: 0.55rem;
  padding-right: 0.9rem;
  padding-bottom: 0.55rem;
  padding-left: 0.9rem;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.work10_mode-gallery {
  cursor: pointer;
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding-top: 0.55rem;
  padding-right: 0.9rem;
  padding-bottom: 0.55rem;
  padding-left: 0.9rem;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  color: var(--blok-ink-muted);
}
.section_work10.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.work10_wordmark.is-dark {
  color: var(--blok-surface);
}
.work10_nav-link.is-dark {
  color: var(--blok-surface-muted);
}
.work10_mode-bar.is-dark {
  background-color: var(--blok-ink-2);
  color: var(--blok-surface);
  border-top-color: var(--blok-line-inverse);
  border-right-color: var(--blok-line-inverse);
  border-bottom-color: var(--blok-line-inverse);
  border-left-color: var(--blok-line-inverse);
}
.work10_list-title.is-dark {
  color: var(--blok-surface);
}
.work10_grid-title.is-dark {
  color: var(--blok-surface);
}
.work10_gallery-meta.is-dark {
  color: var(--blok-surface-muted);
}
.work10_list-panel.is-dark {
  border-top-color: var(--blok-line-inverse);
}
.work10_list-row.is-dark {
  border-bottom-color: var(--blok-line-inverse);
}

@media (min-width: 768px) {
  .work10_grid-panel {
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 992px) {
  .work10_component {
    padding-bottom: 6rem;
  }
  .work10_list-row-inner {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    column-gap: 2rem;
    row-gap: 0rem;
  }
  .work10_list-title {
    font-size: 2rem;
  }
  .work10_grid-panel {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .work10_mode-bar {
    bottom: 1.75rem;
  }
}

/* Generated by Blokset from components/compare-01.js. Edit the spec, not this file. */
.section_compare1 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.compare1_component {
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
}
.compare1_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: left;
}
.compare1_header-title {
  max-width: 40rem;
}
.compare1_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.compare1_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-ink);
}
.compare1_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.compare1_slider {
  position: relative;
  overflow: hidden;
  aspect-ratio: 4 / 5;
  cursor: ew-resize;
  touch-action: pan-y;
  user-select: none;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.compare1_before-image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}
.compare1_after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  clip-path: inset(0 0 0 50%);
}
.compare1_after-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}
.compare1_before-label {
  position: absolute;
  top: 1rem;
  left: 1rem;
  z-index: 2;
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-ink);
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
  padding-left: 0.7rem;
  padding-right: 0.7rem;
  background-color: rgba(244, 241, 234, 0.92);
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
  pointer-events: none;
}
.compare1_after-label {
  position: absolute;
  top: 1rem;
  right: 1rem;
  z-index: 2;
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-ink);
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
  padding-left: 0.7rem;
  padding-right: 0.7rem;
  background-color: rgba(244, 241, 234, 0.92);
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
  pointer-events: none;
}
.compare1_handle {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  z-index: 3;
  width: 3rem;
  margin-left: -1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: ew-resize;
}
.compare1_handle-line {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 2px;
  margin-left: -1px;
  background-color: var(--blok-text-inverse);
}
.compare1_handle-knob {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  font-size: 1.125rem;
  color: var(--blok-ink);
  background-color: var(--blok-text-inverse);
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.25);
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
}
.compare1_notes {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
  column-gap: 0rem;
}
.compare1_note-before {
  flex-grow: 1;
  flex-basis: 0%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 1rem;
  border-top-width: 1px;
  border-top-style: solid;
  font-size: 0.9375rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
  border-top-color: var(--blok-line);
}
.compare1_note-after {
  flex-grow: 1;
  flex-basis: 0%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 1rem;
  border-top-width: 1px;
  border-top-style: solid;
  font-size: 0.9375rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
  border-top-color: var(--blok-line);
}
.section_compare1.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.compare1_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.compare1_heading.is-dark {
  color: var(--blok-surface);
}
.compare1_description.is-dark {
  color: var(--blok-surface-muted);
}
.compare1_note-before.is-dark {
  color: var(--blok-surface-muted);
  border-top-color: var(--blok-line-inverse);
}
.compare1_note-after.is-dark {
  color: var(--blok-surface-muted);
  border-top-color: var(--blok-line-inverse);
}
.compare1_slider.is-square {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.compare1_slider.is-wide {
  aspect-ratio: 4 / 3;
}

@media (min-width: 768px) {
  .compare1_heading {
    font-size: 3rem;
  }
  .compare1_slider {
    aspect-ratio: 16 / 10;
  }
  .compare1_notes {
    flex-direction: row;
    row-gap: 0rem;
    column-gap: 2rem;
  }
  .compare1_slider.is-wide {
    aspect-ratio: 21 / 9;
  }
}

@media (min-width: 992px) {
  .compare1_component {
    row-gap: 3.5rem;
  }
  .compare1_header {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    column-gap: 4rem;
  }
  .compare1_heading {
    font-size: 3.5rem;
  }
}

/* Generated by Blokset from components/compare-02.js. Edit the spec, not this file. */
.section_compare02 {
  font-family: var(--blok-font-saas);
  color: #0F1115;
  background-color: #FFFFFF;
  padding-top: clamp(56px, 8vw, 96px);
  padding-right: clamp(20px, 4vw, 48px);
  padding-bottom: clamp(56px, 8vw, 96px);
  padding-left: clamp(20px, 4vw, 48px);
}
.compare02_div-52 {
  max-width: 1100px;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  row-gap: 28px;
  column-gap: 28px;
}
.compare02_div-3 {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 14px;
  column-gap: 14px;
  text-align: center;
}
.compare02_div-1 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5B616B;
}
.compare02_heading {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: clamp(34px, 4.4vw, 56px);
  line-height: 1.02;
  letter-spacing: -0.04em;
  font-weight: 600;
}
.compare02_div-42 {
  position: relative;
  border-top-left-radius: 22px;
  border-top-right-radius: 22px;
  border-bottom-right-radius: 22px;
  border-bottom-left-radius: 22px;
  overflow: hidden;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  min-height: 420px;
}
.compare02_div-21 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #0F1115;
  color: #F4F5F1;
  padding-top: 28px;
  padding-right: 28px;
  padding-bottom: 28px;
  padding-left: 28px;
  display: flex;
  flex-direction: column;
  row-gap: 12px;
  column-gap: 12px;
}
.compare02_div-5 {
  display: flex;
  justify-content: flex-end;
}
.compare02_div-4 {
  padding-top: 5px;
  padding-right: 12px;
  padding-bottom: 5px;
  padding-left: 12px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  background-color: #2D4BF0;
  font-size: 13px;
  font-weight: 500;
}
.compare02_div-8 {
  display: flex;
  justify-content: space-between;
  row-gap: 16px;
  column-gap: 16px;
  align-items: center;
  padding-top: 14px;
  padding-right: 16px;
  padding-bottom: 14px;
  padding-left: 16px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  background-color: #181B20;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #2C3037;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #2C3037;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #2C3037;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #2C3037;
}
.compare02_div-6 {
  font-size: 16px;
}
.compare02_div-7 {
  font-family: var(--blok-font-saas-mono);
  font-size: 13px;
  color: #8FD3A8;
}
.compare02_div-11 {
  display: flex;
  justify-content: space-between;
  row-gap: 16px;
  column-gap: 16px;
  align-items: center;
  padding-top: 14px;
  padding-right: 16px;
  padding-bottom: 14px;
  padding-left: 16px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  background-color: #181B20;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #2C3037;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #2C3037;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #2C3037;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #2C3037;
}
.compare02_div-9 {
  font-size: 16px;
}
.compare02_div-10 {
  font-family: var(--blok-font-saas-mono);
  font-size: 13px;
  color: #8FD3A8;
}
.compare02_div-14 {
  display: flex;
  justify-content: space-between;
  row-gap: 16px;
  column-gap: 16px;
  align-items: center;
  padding-top: 14px;
  padding-right: 16px;
  padding-bottom: 14px;
  padding-left: 16px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  background-color: #181B20;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #2C3037;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #2C3037;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #2C3037;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #2C3037;
}
.compare02_div-12 {
  font-size: 16px;
}
.compare02_div-13 {
  font-family: var(--blok-font-saas-mono);
  font-size: 13px;
  color: #8FD3A8;
}
.compare02_div-17 {
  display: flex;
  justify-content: space-between;
  row-gap: 16px;
  column-gap: 16px;
  align-items: center;
  padding-top: 14px;
  padding-right: 16px;
  padding-bottom: 14px;
  padding-left: 16px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  background-color: #181B20;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #2C3037;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #2C3037;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #2C3037;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #2C3037;
}
.compare02_div-15 {
  font-size: 16px;
}
.compare02_div-16 {
  font-family: var(--blok-font-saas-mono);
  font-size: 13px;
  color: #8FD3A8;
}
.compare02_div-20 {
  display: flex;
  justify-content: space-between;
  row-gap: 16px;
  column-gap: 16px;
  align-items: center;
  padding-top: 14px;
  padding-right: 16px;
  padding-bottom: 14px;
  padding-left: 16px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  background-color: #181B20;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #2C3037;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #2C3037;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #2C3037;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #2C3037;
}
.compare02_div-18 {
  font-size: 16px;
}
.compare02_div-19 {
  font-family: var(--blok-font-saas-mono);
  font-size: 13px;
  color: #8FD3A8;
}
.compare02_div-39 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #F4F5F1;
  padding-top: 28px;
  padding-right: 28px;
  padding-bottom: 28px;
  padding-left: 28px;
  display: flex;
  flex-direction: column;
  row-gap: 12px;
  column-gap: 12px;
  clip-path: inset(0 50% 0 0);
}
.compare02_div-22 {
  padding-top: 5px;
  padding-right: 12px;
  padding-bottom: 5px;
  padding-left: 12px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  font-size: 13px;
  font-weight: 500;
}
.compare02_div-26 {
  display: flex;
  justify-content: space-between;
  row-gap: 16px;
  column-gap: 16px;
  align-items: center;
  padding-top: 14px;
  padding-right: 16px;
  padding-bottom: 14px;
  padding-left: 16px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
}
.compare02_div-24 {
  font-size: 16px;
}
.compare02_div-25 {
  font-family: var(--blok-font-saas-mono);
  font-size: 13px;
  color: #9A4A12;
}
.compare02_div-29 {
  display: flex;
  justify-content: space-between;
  row-gap: 16px;
  column-gap: 16px;
  align-items: center;
  padding-top: 14px;
  padding-right: 16px;
  padding-bottom: 14px;
  padding-left: 16px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
}
.compare02_div-27 {
  font-size: 16px;
}
.compare02_div-28 {
  font-family: var(--blok-font-saas-mono);
  font-size: 13px;
  color: #9A4A12;
}
.compare02_div-32 {
  display: flex;
  justify-content: space-between;
  row-gap: 16px;
  column-gap: 16px;
  align-items: center;
  padding-top: 14px;
  padding-right: 16px;
  padding-bottom: 14px;
  padding-left: 16px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
}
.compare02_div-30 {
  font-size: 16px;
}
.compare02_div-31 {
  font-family: var(--blok-font-saas-mono);
  font-size: 13px;
  color: #9A4A12;
}
.compare02_div-35 {
  display: flex;
  justify-content: space-between;
  row-gap: 16px;
  column-gap: 16px;
  align-items: center;
  padding-top: 14px;
  padding-right: 16px;
  padding-bottom: 14px;
  padding-left: 16px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
}
.compare02_div-33 {
  font-size: 16px;
}
.compare02_div-34 {
  font-family: var(--blok-font-saas-mono);
  font-size: 13px;
  color: #9A4A12;
}
.compare02_div-38 {
  display: flex;
  justify-content: space-between;
  row-gap: 16px;
  column-gap: 16px;
  align-items: center;
  padding-top: 14px;
  padding-right: 16px;
  padding-bottom: 14px;
  padding-left: 16px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
}
.compare02_div-36 {
  font-size: 16px;
}
.compare02_div-37 {
  font-family: var(--blok-font-saas-mono);
  font-size: 13px;
  color: #9A4A12;
}
.compare02_div-41 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 2px;
  margin-left: -1px;
  background-color: #2D4BF0;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 0.35rem;
}
.compare02_div-40 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 44px;
  height: 44px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #2D4BF0;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  box-shadow: 0 6px 18px rgba(45,75,240,0.4);
}
.compare02_div-51 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  row-gap: 16px;
  column-gap: 16px;
}
.compare02_div-43 {
  font-size: 14px;
  color: #4E545D;
}
.compare02_range-44 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 300px;
  position: relative;
  display: flex;
  align-items: center;
}
.compare02_track-45 {
  position: relative;
  width: 100%;
  height: 4px;
  background-color: #DDE0D8;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
}
.compare02_fill-46 {
  width: 50%;
  height: 4px;
  background-color: #2D4BF0;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
}
.compare02_thumb-47 {
  position: absolute;
  left: 50%;
  top: 7px;
  width: 18px;
  height: 18px;
  background-color: #2D4BF0;
  transform: translateX(-50%);
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
}
.compare02_div-50 {
  display: flex;
  row-gap: 6px;
  column-gap: 6px;
}
.compare02_div-48 {
  height: 40px;
  padding-top: 0;
  padding-right: 14px;
  padding-bottom: 0;
  padding-left: 14px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  background-color: #FFFFFF;
  cursor: pointer;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.compare02_div-49 {
  height: 40px;
  padding-top: 0;
  padding-right: 14px;
  padding-bottom: 0;
  padding-left: 14px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: #0F1115;
  color: #FFFFFF;
  cursor: pointer;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.section_compare02.is-dark {
  background-color: var(--blok-saas-ink);
  color: var(--blok-saas-canvas);
}
.section_compare02.is-accent {
  background-color: var(--blok-saas-blue);
  color: var(--blok-saas-white);
}

/* Generated by Blokset from components/timeline-02.js. Edit the spec, not this file. */
.section_timeline2 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.timeline2_component {
  display: flex;
  flex-direction: column;
  row-gap: 3rem;
}
.timeline2_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: left;
}
.timeline2_header-title {
  max-width: 40rem;
}
.timeline2_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.timeline2_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-ink);
}
.timeline2_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.timeline2_timeline {
  position: relative;
}
.timeline2_rail {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0.4375rem;
  width: 2px;
  background-color: var(--blok-line);
}
.timeline2_fill {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0.4375rem;
  width: 2px;
  background-color: var(--blok-accent);
}
.timeline2_list {
  position: relative;
  display: flex;
  flex-direction: column;
  row-gap: 3.5rem;
}
.timeline2_milestone {
  position: relative;
  padding-left: 2.5rem;
}
.timeline2_dot {
  position: absolute;
  top: 0.35rem;
  left: calc(0.4375rem + 1px - 0.5rem);
  width: 1rem;
  height: 1rem;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-top-width: 2px;
  border-bottom-width: 2px;
  border-left-width: 2px;
  border-right-width: 2px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  background-color: var(--blok-surface);
  border-top-color: var(--blok-accent);
  border-bottom-color: var(--blok-accent);
  border-left-color: var(--blok-accent);
  border-right-color: var(--blok-accent);
}
.timeline2_date {
  position: static;
  left: auto;
  top: auto;
  width: auto;
  margin-bottom: 0.75rem;
  text-align: left;
  font-family: var(--blok-font-display);
  font-size: 1.125rem;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: var(--blok-accent);
}
.timeline2_milestone-title {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-family: var(--blok-font-display);
  font-size: 1.5rem;
  line-height: 1.15;
  font-weight: 600;
  letter-spacing: -0.02em;
}
.timeline2_milestone-text {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 34rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.timeline2_milestone-image {
  display: block;
  width: 100%;
  max-width: 34rem;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  margin-top: 1.5rem;
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}
.section_timeline2.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.timeline2_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.timeline2_heading.is-dark {
  color: var(--blok-surface);
}
.timeline2_description.is-dark {
  color: var(--blok-surface-muted);
}
.timeline2_rail.is-dark {
  background-color: var(--blok-line-inverse);
}
.timeline2_fill.is-dark {
  background-color: var(--blok-accent);
}
.timeline2_dot.is-dark {
  background-color: var(--blok-ink);
  border-top-color: var(--blok-accent);
  border-bottom-color: var(--blok-accent);
  border-left-color: var(--blok-accent);
  border-right-color: var(--blok-accent);
}
.timeline2_date.is-dark {
  color: var(--blok-accent);
}
.timeline2_milestone-text.is-dark {
  color: var(--blok-surface-muted);
}
.section_timeline2.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.timeline2_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.timeline2_heading.is-accent {
  color: var(--blok-ink);
}
.timeline2_description.is-accent {
  color: var(--blok-ink-soft);
}
.timeline2_rail.is-accent {
  background-color: var(--blok-line);
}
.timeline2_fill.is-accent {
  background-color: var(--blok-ink);
}
.timeline2_dot.is-accent {
  background-color: var(--blok-accent);
  border-top-color: var(--blok-ink);
  border-bottom-color: var(--blok-ink);
  border-left-color: var(--blok-ink);
  border-right-color: var(--blok-ink);
}
.timeline2_date.is-accent {
  color: var(--blok-ink);
}
.timeline2_milestone-text.is-accent {
  color: var(--blok-ink-soft);
}

@media (min-width: 768px) {
  .timeline2_heading {
    font-size: 3rem;
  }
}

@media (min-width: 992px) {
  .timeline2_component {
    row-gap: 5rem;
  }
  .timeline2_header {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    column-gap: 4rem;
  }
  .timeline2_heading {
    font-size: 3.5rem;
  }
  .timeline2_rail {
    left: 13rem;
  }
  .timeline2_fill {
    left: 13rem;
  }
  .timeline2_list {
    row-gap: 5rem;
  }
  .timeline2_milestone {
    padding-left: 17rem;
  }
  .timeline2_dot {
    left: calc(13rem + 1px - 0.5rem);
  }
  .timeline2_date {
    position: absolute;
    left: 0rem;
    top: 0rem;
    width: 10.5rem;
    margin-bottom: 0rem;
    text-align: right;
    font-size: 2.25rem;
    letter-spacing: -0.04em;
  }
  .timeline2_milestone-title {
    font-size: 2rem;
  }
}

/* Generated by Blokset from components/timeline-03.js. Edit the spec, not this file. */
.section_timeline3 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.timeline3_component {
  display: flex;
  flex-direction: column;
  row-gap: 3rem;
}
.timeline3_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: left;
}
.timeline3_header-title {
  max-width: 40rem;
}
.timeline3_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.timeline3_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-ink);
}
.timeline3_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.timeline3_timeline {
  position: relative;
}
.timeline3_rail {
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(0.5rem - 1px);
  width: 2px;
  z-index: 0;
  background-color: var(--blok-line);
}
.timeline3_fill {
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(0.5rem - 1px);
  width: 2px;
  z-index: 1;
  background-color: var(--blok-accent);
}
.timeline3_list {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  row-gap: 3rem;
}
.timeline3_milestone {
  position: relative;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  text-align: left;
  padding-left: 2.5rem;
  padding-right: 0;
}
.timeline3_dot {
  position: absolute;
  top: 0.2rem;
  left: 0;
  right: auto;
  width: 1rem;
  height: 1rem;
  z-index: 2;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-top-width: 2px;
  border-right-width: 2px;
  border-bottom-width: 2px;
  border-left-width: 2px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: var(--blok-accent);
  border-right-color: var(--blok-accent);
  border-bottom-color: var(--blok-accent);
  border-left-color: var(--blok-accent);
  background-color: var(--blok-surface);
}
.timeline3_date {
  margin-bottom: 0.4rem;
  font-family: var(--blok-font-display);
  font-size: 1.25rem;
  line-height: 1;
  font-weight: 600;
  letter-spacing: -0.03em;
  color: var(--blok-accent);
}
.timeline3_milestone-title {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-family: var(--blok-font-display);
  font-size: 1.5rem;
  line-height: 1.15;
  font-weight: 600;
  letter-spacing: -0.02em;
}
.timeline3_milestone-text {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.timeline3_milestone-image {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  margin-top: 1.25rem;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.section_timeline3.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.timeline3_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.timeline3_heading.is-dark {
  color: var(--blok-surface);
}
.timeline3_description.is-dark {
  color: var(--blok-surface-muted);
}
.timeline3_rail.is-dark {
  background-color: var(--blok-line-inverse);
}
.timeline3_fill.is-dark {
  background-color: var(--blok-accent);
}
.timeline3_dot.is-dark {
  background-color: var(--blok-ink);
  border-top-color: var(--blok-accent);
  border-right-color: var(--blok-accent);
  border-bottom-color: var(--blok-accent);
  border-left-color: var(--blok-accent);
}
.timeline3_date.is-dark {
  color: var(--blok-accent);
}
.timeline3_milestone-text.is-dark {
  color: var(--blok-surface-muted);
}
.section_timeline3.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.timeline3_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.timeline3_heading.is-accent {
  color: var(--blok-ink);
}
.timeline3_description.is-accent {
  color: var(--blok-ink-soft);
}
.timeline3_rail.is-accent {
  background-color: var(--blok-line);
}
.timeline3_fill.is-accent {
  background-color: var(--blok-ink);
}
.timeline3_dot.is-accent {
  background-color: var(--blok-accent);
  border-top-color: var(--blok-ink);
  border-right-color: var(--blok-ink);
  border-bottom-color: var(--blok-ink);
  border-left-color: var(--blok-ink);
}
.timeline3_date.is-accent {
  color: var(--blok-ink);
}
.timeline3_milestone-text.is-accent {
  color: var(--blok-ink-soft);
}

@media (min-width: 768px) {
  .timeline3_heading {
    font-size: 3rem;
  }
}

@media (min-width: 992px) {
  .timeline3_component {
    row-gap: 4.5rem;
  }
  .timeline3_header {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    column-gap: 4rem;
  }
  .timeline3_heading {
    font-size: 3.5rem;
  }
  .timeline3_rail {
    left: calc(50% - 1px);
  }
  .timeline3_fill {
    left: calc(50% - 1px);
  }
  .timeline3_list {
    row-gap: 4.5rem;
  }
  .timeline3_milestone {
    padding-left: 0;
    padding-right: 0;
  }
  .timeline3_date {
    font-size: 1.75rem;
  }
  .timeline3_milestone-title {
    font-size: 2rem;
  }
}

/* Generated by Blokset from components/timeline-04.js. Edit the spec, not this file. */
.section_timeline4 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.timeline4_component {
  display: flex;
  flex-direction: column;
  row-gap: 3rem;
}
.timeline4_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: left;
}
.timeline4_header-title {
  max-width: 40rem;
}
.timeline4_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.timeline4_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-ink);
}
.timeline4_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.timeline4_chapters {
  display: flex;
  flex-direction: column;
  row-gap: 3.5rem;
}
.timeline4_chapter-row {
  display: grid;
  grid-template-columns: 1fr;
  align-items: start;
  grid-column-gap: 0rem;
  grid-row-gap: 1rem;
}
.timeline4_year {
  font-family: var(--blok-font-display);
  font-size: 3rem;
  line-height: 0.9;
  font-weight: 600;
  letter-spacing: -0.05em;
  color: var(--blok-ink);
}
.timeline4_chapter {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-family: var(--blok-font-display);
  font-size: 1.5rem;
  line-height: 1.25;
  font-weight: 500;
  letter-spacing: -0.02em;
  color: var(--blok-ink-muted);
}
.timeline4_chapter-image {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.section_timeline4.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.timeline4_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.timeline4_heading.is-dark {
  color: var(--blok-surface);
}
.timeline4_description.is-dark {
  color: var(--blok-surface-muted);
}
.timeline4_year.is-dark {
  color: var(--blok-surface);
}
.timeline4_chapter.is-dark {
  color: var(--blok-surface-muted);
}
.section_timeline4.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.timeline4_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.timeline4_heading.is-accent {
  color: var(--blok-ink);
}
.timeline4_description.is-accent {
  color: var(--blok-ink-soft);
}
.timeline4_year.is-accent {
  color: var(--blok-ink);
}
.timeline4_chapter.is-accent {
  color: var(--blok-ink-soft);
}

@media (min-width: 768px) {
  .timeline4_heading {
    font-size: 3rem;
  }
}

@media (min-width: 992px) {
  .timeline4_component {
    row-gap: 4.5rem;
  }
  .timeline4_heading {
    font-size: 3.5rem;
  }
  .timeline4_chapters {
    row-gap: 5rem;
  }
  .timeline4_chapter-row {
    grid-template-columns: 9rem 1fr 18rem;
    align-items: center;
    grid-column-gap: 2.5rem;
    grid-row-gap: 0rem;
  }
  .timeline4_year {
    font-size: 4.25rem;
  }
  .timeline4_chapter {
    font-size: 1.85rem;
  }
}

/* Generated by Blokset from components/timeline-05.js. Edit the spec, not this file. */
.section_timeline5 {
  overflow: hidden;
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.timeline5_component {
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
}
.timeline5_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: left;
}
.timeline5_header-title {
  max-width: 40rem;
}
.timeline5_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.timeline5_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-ink);
}
.timeline5_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.timeline5_track {
  display: flex;
  align-items: stretch;
  column-gap: 1rem;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  padding-top: 0.5rem;
  padding-bottom: 1rem;
}
.timeline5_event {
  position: relative;
  flex-shrink: 0;
  width: 78vw;
  padding-top: 1.75rem;
  scroll-snap-align: start;
}
.timeline5_line {
  position: absolute;
  top: 0.3rem;
  left: 0.7rem;
  right: -1rem;
  height: 2px;
  background-color: var(--blok-line);
}
.timeline5_tick {
  position: absolute;
  top: 0;
  left: 0;
  width: 0.7rem;
  height: 0.7rem;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
  background-color: var(--blok-accent);
}
.timeline5_date {
  margin-bottom: 0.6rem;
  font-family: var(--blok-font-display);
  font-size: 1.75rem;
  line-height: 1;
  font-weight: 600;
  letter-spacing: -0.04em;
  color: var(--blok-accent);
}
.timeline5_event-title {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-family: var(--blok-font-display);
  font-size: 1.35rem;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: -0.02em;
}
.timeline5_text {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.55;
  color: var(--blok-ink-muted);
}
.section_timeline5.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.timeline5_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.timeline5_heading.is-dark {
  color: var(--blok-surface);
}
.timeline5_description.is-dark {
  color: var(--blok-surface-muted);
}
.timeline5_line.is-dark {
  background-color: var(--blok-line-inverse);
}
.timeline5_tick.is-dark {
  background-color: var(--blok-accent);
}
.timeline5_date.is-dark {
  color: var(--blok-accent);
}
.timeline5_text.is-dark {
  color: var(--blok-surface-muted);
}
.section_timeline5.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.timeline5_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.timeline5_heading.is-accent {
  color: var(--blok-ink);
}
.timeline5_description.is-accent {
  color: var(--blok-ink-soft);
}
.timeline5_line.is-accent {
  background-color: var(--blok-line);
}
.timeline5_tick.is-accent {
  background-color: var(--blok-ink);
}
.timeline5_date.is-accent {
  color: var(--blok-ink);
}
.timeline5_text.is-accent {
  color: var(--blok-ink-soft);
}

@media (min-width: 768px) {
  .timeline5_heading {
    font-size: 3rem;
  }
  .timeline5_event {
    width: 42vw;
  }
}

@media (min-width: 992px) {
  .timeline5_component {
    row-gap: 3.5rem;
  }
  .timeline5_header {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    column-gap: 4rem;
  }
  .timeline5_heading {
    font-size: 3.5rem;
  }
  .timeline5_track {
    column-gap: 1.5rem;
  }
  .timeline5_event {
    width: 18rem;
  }
  .timeline5_line {
    right: -1.5rem;
  }
}

/* Generated by Blokset from components/timeline-06.js. Edit the spec, not this file. */
.section_timeline6 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.timeline6_component {
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
}
.timeline6_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: left;
}
.timeline6_header-title {
  max-width: 40rem;
}
.timeline6_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.timeline6_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-ink);
}
.timeline6_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.timeline6_slider {
  display: flex;
  flex-direction: column;
  row-gap: 1.5rem;
}
.timeline6_controls {
  display: flex;
  align-items: center;
  column-gap: 0.75rem;
}
.timeline6_count {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-right: auto;
  color: var(--blok-ink-muted);
}
.timeline6_prev {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  cursor: pointer;
  padding-top: 0.75rem;
  padding-right: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 0.75rem;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
  color: var(--blok-ink);
}
.timeline6_next {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  cursor: pointer;
  padding-top: 0.75rem;
  padding-right: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 0.75rem;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
  color: var(--blok-ink);
}
.timeline6_viewport {
  overflow: hidden;
  width: 100%;
}
.timeline6_track {
  display: flex;
  width: 100%;
  column-gap: 0rem;
  touch-action: pan-y;
}
.timeline6_step {
  position: relative;
  flex-shrink: 0;
  width: 100%;
  padding-top: 2rem;
  padding-right: 1.5rem;
}
.timeline6_step-line {
  position: absolute;
  top: 0.35rem;
  left: 0.85rem;
  right: 0;
  height: 2px;
  background-color: var(--blok-line);
}
.timeline6_step-dot {
  position: absolute;
  top: 0;
  left: 0;
  width: 0.8rem;
  height: 0.8rem;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
  background-color: var(--blok-accent);
}
.timeline6_date {
  margin-bottom: 0.45rem;
  font-family: var(--blok-font-display);
  font-size: 1.5rem;
  line-height: 1;
  font-weight: 600;
  letter-spacing: -0.03em;
  color: var(--blok-accent);
}
.timeline6_step-title {
  margin-top: 0;
  margin-bottom: 0.4rem;
  font-family: var(--blok-font-display);
  font-size: 1.35rem;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: -0.02em;
}
.timeline6_text {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.55;
  color: var(--blok-ink-muted);
}
.section_timeline6.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.timeline6_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.timeline6_heading.is-dark {
  color: var(--blok-surface);
}
.timeline6_description.is-dark {
  color: var(--blok-surface-muted);
}
.timeline6_step-line.is-dark {
  background-color: var(--blok-line-inverse);
}
.timeline6_step-dot.is-dark {
  background-color: var(--blok-accent);
}
.timeline6_date.is-dark {
  color: var(--blok-accent);
}
.timeline6_text.is-dark {
  color: var(--blok-surface-muted);
}
.timeline6_count.is-dark {
  color: var(--blok-surface-muted);
}
.timeline6_prev.is-dark {
  color: var(--blok-surface);
  border-top-color: var(--blok-line-inverse);
  border-right-color: var(--blok-line-inverse);
  border-bottom-color: var(--blok-line-inverse);
  border-left-color: var(--blok-line-inverse);
}
.timeline6_next.is-dark {
  color: var(--blok-surface);
  border-top-color: var(--blok-line-inverse);
  border-right-color: var(--blok-line-inverse);
  border-bottom-color: var(--blok-line-inverse);
  border-left-color: var(--blok-line-inverse);
}
.section_timeline6.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.timeline6_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.timeline6_heading.is-accent {
  color: var(--blok-ink);
}
.timeline6_description.is-accent {
  color: var(--blok-ink-soft);
}
.timeline6_step-line.is-accent {
  background-color: var(--blok-line);
}
.timeline6_step-dot.is-accent {
  background-color: var(--blok-ink);
}
.timeline6_date.is-accent {
  color: var(--blok-ink);
}
.timeline6_text.is-accent {
  color: var(--blok-ink-soft);
}
.timeline6_count.is-accent {
  color: var(--blok-ink-soft);
}
.timeline6_prev.is-accent {
  color: var(--blok-ink);
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
}
.timeline6_next.is-accent {
  color: var(--blok-ink);
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
}

@media (min-width: 768px) {
  .timeline6_heading {
    font-size: 3rem;
  }
}

@media (min-width: 992px) {
  .timeline6_header {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    column-gap: 4rem;
  }
  .timeline6_heading {
    font-size: 3.5rem;
  }
  .timeline6_step {
    width: calc((100% - 1.5rem) / 3);
    padding-right: 2.5rem;
  }
}

/* Generated by Blokset from components/testimonial-02.js. Edit the spec, not this file. */
.section_testimonial2 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.testimonial2_component {
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
}
.testimonial2_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: left;
}
.testimonial2_header-title {
  max-width: 40rem;
}
.testimonial2_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.testimonial2_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-ink);
}
.testimonial2_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.testimonial2_grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
}
.testimonial2_card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 2rem;
  height: 100%;
  padding-top: 1.5rem;
  padding-right: 1.5rem;
  padding-bottom: 1.5rem;
  padding-left: 1.5rem;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  background-color: var(--blok-surface-2);
}
.testimonial2_card-top {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}
.testimonial2_rating {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  letter-spacing: 0.08em;
  color: var(--blok-accent);
}
.testimonial2_quote {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  font-size: 1.35rem;
  line-height: 1.3;
  font-weight: 500;
  letter-spacing: -0.02em;
  color: var(--blok-ink);
}
.testimonial2_author {
  display: flex;
  align-items: center;
  column-gap: 0.85rem;
}
.testimonial2_avatar {
  width: 2.75rem;
  height: 2.75rem;
  object-fit: cover;
  flex-shrink: 0;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
}
.testimonial2_name {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
  color: var(--blok-ink);
}
.testimonial2_role {
  font-size: 0.875rem;
  line-height: 1.4;
  color: var(--blok-ink-muted);
}
.section_testimonial2.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.testimonial2_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.testimonial2_heading.is-dark {
  color: var(--blok-surface);
}
.testimonial2_description.is-dark {
  color: var(--blok-surface-muted);
}
.testimonial2_card.is-dark {
  background-color: var(--blok-ink-2);
}
.testimonial2_quote.is-dark {
  color: var(--blok-surface);
}
.testimonial2_rating.is-dark {
  color: var(--blok-accent);
}
.testimonial2_name.is-dark {
  color: var(--blok-surface);
}
.testimonial2_role.is-dark {
  color: var(--blok-surface-muted);
}
.section_testimonial2.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.testimonial2_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.testimonial2_heading.is-accent {
  color: var(--blok-ink);
}
.testimonial2_description.is-accent {
  color: var(--blok-ink-soft);
}
.testimonial2_card.is-accent {
  background-color: var(--blok-surface);
}
.testimonial2_quote.is-accent {
  color: var(--blok-ink);
}
.testimonial2_rating.is-accent {
  color: var(--blok-ink);
}
.testimonial2_name.is-accent {
  color: var(--blok-ink);
}
.testimonial2_role.is-accent {
  color: var(--blok-ink-soft);
}
.testimonial2_grid.is-two {
  grid-template-columns: 1fr;
}

@media (min-width: 768px) {
  .testimonial2_heading {
    font-size: 3rem;
  }
  .testimonial2_grid {
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
  }
  .testimonial2_grid.is-two {
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 992px) {
  .testimonial2_component {
    row-gap: 3.5rem;
  }
  .testimonial2_header {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    column-gap: 4rem;
  }
  .testimonial2_heading {
    font-size: 3.5rem;
  }
  .testimonial2_grid {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .testimonial2_card {
    padding-top: 1.75rem;
    padding-right: 1.75rem;
    padding-bottom: 1.75rem;
    padding-left: 1.75rem;
  }
  .testimonial2_grid.is-two {
    grid-template-columns: 1fr 1fr;
  }
}

/* Generated by Blokset from components/testimonial-04.js. Edit the spec, not this file. */
.section_testimonial4 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.testimonial4_component {
  display: flex;
  flex-direction: column;
  row-gap: 3rem;
}
.testimonial4_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: left;
}
.testimonial4_header-title {
  max-width: 40rem;
}
.testimonial4_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.testimonial4_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-ink);
}
.testimonial4_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.testimonial4_quote {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 58rem;
  font-family: var(--blok-font-display);
  font-size: 1.75rem;
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: -0.03em;
  color: var(--blok-ink);
}
.testimonial4_author {
  display: flex;
  align-items: center;
  column-gap: 1rem;
}
.testimonial4_avatar {
  width: 3.25rem;
  height: 3.25rem;
  object-fit: cover;
  flex-shrink: 0;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
}
.testimonial4_name {
  font-size: 1.0625rem;
  font-weight: 600;
  line-height: 1.3;
  color: var(--blok-ink);
}
.testimonial4_role {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.04em;
  text-transform: none;
  color: var(--blok-ink-muted);
}
.testimonial4_logos {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 2rem;
  row-gap: 1.5rem;
  padding-top: 1.5rem;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: var(--blok-line);
}
.testimonial4_logo-cell {
  display: flex;
  align-items: center;
  height: 2.5rem;
}
.testimonial4_logo {
  display: block;
  max-width: 7.5rem;
  max-height: 1.75rem;
  width: auto;
  height: auto;
  object-fit: contain;
  filter: grayscale(1);
  opacity: 0.75;
}
.section_testimonial4.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.testimonial4_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.testimonial4_heading.is-dark {
  color: var(--blok-surface);
}
.testimonial4_description.is-dark {
  color: var(--blok-surface-muted);
}
.testimonial4_quote.is-dark {
  color: var(--blok-surface);
}
.testimonial4_name.is-dark {
  color: var(--blok-surface);
}
.testimonial4_role.is-dark {
  color: var(--blok-surface-muted);
}
.testimonial4_logos.is-dark {
  border-top-color: var(--blok-line-inverse);
}
.testimonial4_logo.is-dark {
  filter: grayscale(1) invert(1);
}
.section_testimonial4.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.testimonial4_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.testimonial4_heading.is-accent {
  color: var(--blok-ink);
}
.testimonial4_description.is-accent {
  color: var(--blok-ink-soft);
}
.testimonial4_quote.is-accent {
  color: var(--blok-ink);
}
.testimonial4_name.is-accent {
  color: var(--blok-ink);
}
.testimonial4_role.is-accent {
  color: var(--blok-ink-soft);
}
.testimonial4_logos.is-accent {
  border-top-color: var(--blok-line);
}
.testimonial4_logo.is-accent {
  opacity: 1;
}

@media (min-width: 768px) {
  .testimonial4_heading {
    font-size: 3rem;
  }
  .testimonial4_quote {
    font-size: 2.5rem;
  }
}

@media (min-width: 992px) {
  .testimonial4_component {
    row-gap: 4.5rem;
  }
  .testimonial4_heading {
    font-size: 3.5rem;
  }
  .testimonial4_quote {
    font-size: 3.25rem;
    line-height: 1.12;
  }
  .testimonial4_logos {
    column-gap: 3rem;
    padding-top: 2rem;
  }
}

/* Generated by Blokset from components/testimonial-07.js. Edit the spec, not this file. */
.section_testimonial7 {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.testimonial7_component {
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
}
.testimonial7_eyebrow-row {
  display: flex;
  align-items: center;
  column-gap: 0.75rem;
}
.testimonial7_dot {
  width: 0.625rem;
  height: 0.625rem;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
  background-color: var(--blok-ink);
}
.testimonial7_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-ink);
}
.testimonial7_quote {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 70rem;
  text-indent: 0rem;
  font-family: var(--blok-font-display);
  font-size: 2rem;
  line-height: 1.12;
  font-weight: 500;
  letter-spacing: -0.03em;
  color: var(--blok-ink);
}
.testimonial7_logo {
  width: 8rem;
  height: 2rem;
  object-fit: contain;
  object-position: left center;
}
.testimonial7_author {
  display: flex;
  align-items: center;
  column-gap: 1rem;
  padding-left: 0rem;
}
.testimonial7_avatar {
  width: 3.5rem;
  height: 3.5rem;
  object-fit: cover;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
}
.testimonial7_name {
  font-size: 1.0625rem;
  font-weight: 600;
  line-height: 1.3;
  color: var(--blok-ink);
}
.testimonial7_role {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.5;
  letter-spacing: 0.02em;
  text-transform: none;
  color: var(--blok-ink-soft);
}
.section_testimonial7.is-light {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.testimonial7_dot.is-light {
  background-color: var(--blok-accent);
}
.testimonial7_eyebrow.is-light {
  color: var(--blok-ink);
}
.testimonial7_quote.is-light {
  color: var(--blok-ink);
}
.testimonial7_name.is-light {
  color: var(--blok-ink);
}
.testimonial7_role.is-light {
  color: var(--blok-ink-muted);
}
.section_testimonial7.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.testimonial7_dot.is-dark {
  background-color: var(--blok-accent);
}
.testimonial7_eyebrow.is-dark {
  color: var(--blok-surface);
}
.testimonial7_quote.is-dark {
  color: var(--blok-surface);
}
.testimonial7_name.is-dark {
  color: var(--blok-surface);
}
.testimonial7_role.is-dark {
  color: var(--blok-surface-muted);
}
.testimonial7_quote.is-medium {
  font-size: 1.5rem;
  text-indent: 0rem;
}
.testimonial7_author.is-medium {
  padding-left: 0rem;
}

@media (min-width: 768px) {
  .testimonial7_quote {
    font-size: 3rem;
  }
  .testimonial7_quote.is-medium {
    font-size: 2.25rem;
  }
}

@media (min-width: 992px) {
  .testimonial7_component {
    row-gap: 4rem;
  }
  .testimonial7_quote {
    text-indent: 8rem;
    font-size: 4.25rem;
    line-height: 1.06;
  }
  .testimonial7_author {
    padding-left: 8rem;
  }
  .testimonial7_quote.is-medium {
    font-size: 3rem;
    text-indent: 4rem;
  }
  .testimonial7_author.is-medium {
    padding-left: 4rem;
  }
}

/* Generated by Blokset from components/testimonial-09.js. Edit the spec, not this file. */
.section_testimonial9 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.testimonial9_component {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  row-gap: 2.5rem;
  column-gap: 0rem;
}
.testimonial9_content {
  display: flex;
  flex-direction: column;
  row-gap: 1.75rem;
  flex-grow: 1;
  flex-basis: 0%;
  min-width: 0;
}
.testimonial9_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.testimonial9_quote {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  font-size: 1.85rem;
  line-height: 1.15;
  font-weight: 500;
  letter-spacing: -0.03em;
  color: var(--blok-ink);
}
.testimonial9_author {
  display: flex;
  align-items: center;
  column-gap: 0.9rem;
}
.testimonial9_avatar {
  width: 3rem;
  height: 3rem;
  object-fit: cover;
  flex-shrink: 0;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
}
.testimonial9_name {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
  color: var(--blok-ink);
}
.testimonial9_role {
  font-size: 0.875rem;
  line-height: 1.4;
  color: var(--blok-ink-muted);
}
.testimonial9_stat {
  display: flex;
  flex-direction: column;
  row-gap: 0.35rem;
  padding-top: 0.5rem;
}
.testimonial9_value {
  font-family: var(--blok-font-display);
  font-size: 4.5rem;
  line-height: 0.9;
  font-weight: 500;
  letter-spacing: -0.05em;
  color: var(--blok-ink);
}
.testimonial9_stat-label {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.testimonial9_figure {
  flex-grow: 1;
  flex-basis: 0%;
  min-width: 0;
  overflow: hidden;
  aspect-ratio: 4 / 5;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.testimonial9_image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.section_testimonial9.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.testimonial9_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.testimonial9_quote.is-dark {
  color: var(--blok-surface);
}
.testimonial9_name.is-dark {
  color: var(--blok-surface);
}
.testimonial9_role.is-dark {
  color: var(--blok-surface-muted);
}
.testimonial9_value.is-dark {
  color: var(--blok-surface);
}
.testimonial9_stat-label.is-dark {
  color: var(--blok-surface-muted);
}
.section_testimonial9.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.testimonial9_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.testimonial9_quote.is-accent {
  color: var(--blok-ink);
}
.testimonial9_name.is-accent {
  color: var(--blok-ink);
}
.testimonial9_role.is-accent {
  color: var(--blok-ink-soft);
}
.testimonial9_value.is-accent {
  color: var(--blok-ink);
}
.testimonial9_stat-label.is-accent {
  color: var(--blok-ink-soft);
}
.testimonial9_component.is-image-left {
  flex-direction: column;
}

@media (min-width: 768px) {
  .testimonial9_quote {
    font-size: 2.5rem;
  }
}

@media (min-width: 992px) {
  .testimonial9_component {
    flex-direction: row;
    align-items: center;
    row-gap: 0rem;
    column-gap: 4rem;
  }
  .testimonial9_quote {
    font-size: 3rem;
  }
  .testimonial9_value {
    font-size: 6rem;
  }
  .testimonial9_figure {
    aspect-ratio: 5 / 6;
  }
  .testimonial9_component.is-image-left {
    flex-direction: row-reverse;
  }
}

/* Generated by Blokset from components/testimonial-11.js. Edit the spec, not this file. */
.section_testimonial11 {
  overflow: hidden;
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.testimonial11_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: left;
}
.testimonial11_header-title {
  max-width: 40rem;
}
.testimonial11_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.testimonial11_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-ink);
}
.testimonial11_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.testimonial11_rows {
  display: flex;
  flex-direction: column;
  row-gap: 0.75rem;
  margin-top: 2.5rem;
}
.testimonial11_row-1 {
  overflow: hidden;
}
.testimonial11_track-1 {
  display: flex;
  width: max-content;
}
.testimonial11_card-1 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 1.25rem;
  flex-shrink: 0;
  width: 16rem;
  margin-right: 0.75rem;
  padding-top: 1.25rem;
  padding-right: 1.25rem;
  padding-bottom: 1.25rem;
  padding-left: 1.25rem;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  background-color: var(--blok-surface-2);
}
.testimonial11_quote-1 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  font-size: 1.25rem;
  line-height: 1.3;
  font-weight: 500;
  letter-spacing: -0.02em;
  color: var(--blok-ink);
}
.testimonial11_name-1 {
  font-family: var(--blok-font-mono);
  font-size: 0.75rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.testimonial11_row-2 {
  overflow: hidden;
}
.testimonial11_track-2 {
  display: flex;
  width: max-content;
}
.testimonial11_card-2 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 1.25rem;
  flex-shrink: 0;
  width: 16rem;
  margin-right: 0.75rem;
  padding-top: 1.25rem;
  padding-right: 1.25rem;
  padding-bottom: 1.25rem;
  padding-left: 1.25rem;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  background-color: var(--blok-surface-2);
}
.testimonial11_quote-2 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  font-size: 1.25rem;
  line-height: 1.3;
  font-weight: 500;
  letter-spacing: -0.02em;
  color: var(--blok-ink);
}
.testimonial11_name-2 {
  font-family: var(--blok-font-mono);
  font-size: 0.75rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.section_testimonial11.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.testimonial11_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.testimonial11_heading.is-dark {
  color: var(--blok-surface);
}
.testimonial11_description.is-dark {
  color: var(--blok-surface-muted);
}
.testimonial11_card-1.is-dark {
  background-color: var(--blok-ink-2);
}
.testimonial11_card-2.is-dark {
  background-color: var(--blok-ink-2);
}
.testimonial11_quote-1.is-dark {
  color: var(--blok-surface);
}
.testimonial11_quote-2.is-dark {
  color: var(--blok-surface);
}
.testimonial11_name-1.is-dark {
  color: var(--blok-surface-muted);
}
.testimonial11_name-2.is-dark {
  color: var(--blok-surface-muted);
}
.section_testimonial11.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.testimonial11_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.testimonial11_heading.is-accent {
  color: var(--blok-ink);
}
.testimonial11_description.is-accent {
  color: var(--blok-ink-soft);
}
.testimonial11_card-1.is-accent {
  background-color: var(--blok-surface);
}
.testimonial11_card-2.is-accent {
  background-color: var(--blok-surface);
}
.testimonial11_quote-1.is-accent {
  color: var(--blok-ink);
}
.testimonial11_quote-2.is-accent {
  color: var(--blok-ink);
}
.testimonial11_name-1.is-accent {
  color: var(--blok-ink-soft);
}
.testimonial11_name-2.is-accent {
  color: var(--blok-ink-soft);
}

@media (min-width: 768px) {
  .testimonial11_heading {
    font-size: 3rem;
  }
}

@media (min-width: 992px) {
  .testimonial11_header {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    column-gap: 4rem;
  }
  .testimonial11_heading {
    font-size: 3.5rem;
  }
  .testimonial11_rows {
    margin-top: 3.5rem;
    row-gap: 1rem;
  }
  .testimonial11_card-1 {
    width: 22rem;
    margin-right: 1rem;
    padding-top: 1.5rem;
    padding-right: 1.5rem;
    padding-bottom: 1.5rem;
    padding-left: 1.5rem;
  }
  .testimonial11_card-2 {
    width: 22rem;
    margin-right: 1rem;
    padding-top: 1.5rem;
    padding-right: 1.5rem;
    padding-bottom: 1.5rem;
    padding-left: 1.5rem;
  }
}

/* Generated by Blokset from components/testimonial-12.js. Edit the spec, not this file. */
.section_testimonial12 {
  font-family: var(--blok-font-saas);
  color: #F4F5F1;
  background-color: #0F1115;
  padding-top: clamp(56px, 8vw, 104px);
  padding-right: clamp(20px, 4vw, 48px);
  padding-bottom: clamp(56px, 8vw, 104px);
  padding-left: clamp(20px, 4vw, 48px);
}
.testimonial12_div-19 {
  max-width: 1200px;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  row-gap: 36px;
  column-gap: 36px;
}
.testimonial12_div-4 {
  display: flex;
  flex-wrap: wrap;
  row-gap: 0;
  column-gap: 0;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #2C3037;
}
.testimonial12_div-1 {
  min-height: 56px;
  padding-top: 0;
  padding-right: 22px;
  padding-bottom: 0;
  padding-left: 0;
  margin-right: 22px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #AFC0FF;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  margin-bottom: -1px;
  background-color: transparent;
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
}
.testimonial12_div-2 {
  min-height: 56px;
  padding-top: 0;
  padding-right: 22px;
  padding-bottom: 0;
  padding-left: 0;
  margin-right: 22px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  margin-bottom: -1px;
  background-color: transparent;
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
  color: #A7ADB6;
  display: flex;
  align-items: center;
  justify-content: center;
}
.testimonial12_div-3 {
  min-height: 56px;
  padding-top: 0;
  padding-right: 22px;
  padding-bottom: 0;
  padding-left: 0;
  margin-right: 22px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  margin-bottom: -1px;
  background-color: transparent;
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
  color: #A7ADB6;
  display: flex;
  align-items: center;
  justify-content: center;
}
.testimonial12_stack-58 {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.testimonial12_div-18 {
  display: flex;
  flex-wrap: wrap;
  row-gap: 40px;
  column-gap: 40px;
  align-items: stretch;
}
.testimonial12_div-7 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 280px;
  max-width: 380px;
  min-height: 300px;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
  border-bottom-left-radius: 18px;
  background-color: #1E2228;
  border-top-width: 1px;
  border-top-style: dashed;
  border-top-color: #3A3F47;
  border-right-width: 1px;
  border-right-style: dashed;
  border-right-color: #3A3F47;
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  border-bottom-color: #3A3F47;
  border-left-width: 1px;
  border-left-style: dashed;
  border-left-color: #3A3F47;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  row-gap: 8px;
  column-gap: 8px;
  color: #A7ADB6;
  font-size: 14px;
  text-align: center;
  padding-top: 24px;
  padding-right: 24px;
  padding-bottom: 24px;
  padding-left: 24px;
}
.testimonial12_icon-5 {
  width: 28px;
  height: 28px;
  flex-shrink: 0;
}
.testimonial12_div-17 {
  flex-grow: 2;
  flex-shrink: 1;
  flex-basis: 460px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 28px;
  column-gap: 28px;
}
.testimonial12_div-8 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: clamp(24px, 3vw, 38px);
  line-height: 1.2;
  letter-spacing: -0.025em;
  font-weight: 500;
}
.testimonial12_div-15 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  row-gap: 24px;
  column-gap: 24px;
  padding-top: 22px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #2C3037;
}
.testimonial12_div-11 {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  column-gap: 4px;
}
.testimonial12_div-9 {
  font-weight: 600;
}
.testimonial12_div-10 {
  font-size: 14px;
  color: #A7ADB6;
}
.testimonial12_div-14 {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  column-gap: 4px;
  text-align: right;
}
.testimonial12_div-12 {
  font-size: 28px;
  font-weight: 600;
  letter-spacing: -0.03em;
  color: #AFC0FF;
}
.testimonial12_div-13 {
  font-size: 13px;
  color: #A7ADB6;
}
.testimonial12_a-16 {
  font-weight: 500;
  text-decoration: none;
  color: #AFC0FF;
}
.testimonial12_div-37 {
  display: none;
  flex-wrap: wrap;
  row-gap: 40px;
  column-gap: 40px;
  align-items: stretch;
}
.testimonial12_div-26 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 280px;
  max-width: 380px;
  min-height: 300px;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
  border-bottom-left-radius: 18px;
  background-color: #1E2228;
  border-top-width: 1px;
  border-top-style: dashed;
  border-top-color: #3A3F47;
  border-right-width: 1px;
  border-right-style: dashed;
  border-right-color: #3A3F47;
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  border-bottom-color: #3A3F47;
  border-left-width: 1px;
  border-left-style: dashed;
  border-left-color: #3A3F47;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  row-gap: 8px;
  column-gap: 8px;
  color: #A7ADB6;
  font-size: 14px;
  text-align: center;
  padding-top: 24px;
  padding-right: 24px;
  padding-bottom: 24px;
  padding-left: 24px;
}
.testimonial12_icon-24 {
  width: 28px;
  height: 28px;
  flex-shrink: 0;
}
.testimonial12_div-36 {
  flex-grow: 2;
  flex-shrink: 1;
  flex-basis: 460px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 28px;
  column-gap: 28px;
}
.testimonial12_div-27 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: clamp(24px, 3vw, 38px);
  line-height: 1.2;
  letter-spacing: -0.025em;
  font-weight: 500;
}
.testimonial12_div-34 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  row-gap: 24px;
  column-gap: 24px;
  padding-top: 22px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #2C3037;
}
.testimonial12_div-30 {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  column-gap: 4px;
}
.testimonial12_div-28 {
  font-weight: 600;
}
.testimonial12_div-29 {
  font-size: 14px;
  color: #A7ADB6;
}
.testimonial12_div-33 {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  column-gap: 4px;
  text-align: right;
}
.testimonial12_div-31 {
  font-size: 28px;
  font-weight: 600;
  letter-spacing: -0.03em;
  color: #AFC0FF;
}
.testimonial12_div-32 {
  font-size: 13px;
  color: #A7ADB6;
}
.testimonial12_a-35 {
  font-weight: 500;
  text-decoration: none;
  color: #AFC0FF;
}
.testimonial12_div-56 {
  display: none;
  flex-wrap: wrap;
  row-gap: 40px;
  column-gap: 40px;
  align-items: stretch;
}
.testimonial12_div-45 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 280px;
  max-width: 380px;
  min-height: 300px;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
  border-bottom-left-radius: 18px;
  background-color: #1E2228;
  border-top-width: 1px;
  border-top-style: dashed;
  border-top-color: #3A3F47;
  border-right-width: 1px;
  border-right-style: dashed;
  border-right-color: #3A3F47;
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  border-bottom-color: #3A3F47;
  border-left-width: 1px;
  border-left-style: dashed;
  border-left-color: #3A3F47;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  row-gap: 8px;
  column-gap: 8px;
  color: #A7ADB6;
  font-size: 14px;
  text-align: center;
  padding-top: 24px;
  padding-right: 24px;
  padding-bottom: 24px;
  padding-left: 24px;
}
.testimonial12_icon-43 {
  width: 28px;
  height: 28px;
  flex-shrink: 0;
}
.testimonial12_div-55 {
  flex-grow: 2;
  flex-shrink: 1;
  flex-basis: 460px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 28px;
  column-gap: 28px;
}
.testimonial12_div-46 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: clamp(24px, 3vw, 38px);
  line-height: 1.2;
  letter-spacing: -0.025em;
  font-weight: 500;
}
.testimonial12_div-53 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  row-gap: 24px;
  column-gap: 24px;
  padding-top: 22px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #2C3037;
}
.testimonial12_div-49 {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  column-gap: 4px;
}
.testimonial12_div-47 {
  font-weight: 600;
}
.testimonial12_div-48 {
  font-size: 14px;
  color: #A7ADB6;
}
.testimonial12_div-52 {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  column-gap: 4px;
  text-align: right;
}
.testimonial12_div-50 {
  font-size: 28px;
  font-weight: 600;
  letter-spacing: -0.03em;
  color: #AFC0FF;
}
.testimonial12_div-51 {
  font-size: 13px;
  color: #A7ADB6;
}
.testimonial12_a-54 {
  font-weight: 500;
  text-decoration: none;
  color: #AFC0FF;
}
.section_testimonial12.is-light {
  background-color: var(--blok-saas-canvas);
  color: var(--blok-saas-ink);
}
.section_testimonial12.is-accent {
  background-color: var(--blok-saas-blue);
  color: var(--blok-saas-white);
}

/* Generated by Blokset from components/testimonial-13.js. Edit the spec, not this file. */
.section_testimonial13 {
  font-family: var(--blok-font-saas);
  color: #0F1115;
  background-color: #E8ECFE;
  padding-top: clamp(56px, 8vw, 96px);
  padding-right: clamp(20px, 4vw, 48px);
  padding-bottom: clamp(56px, 8vw, 96px);
  padding-left: clamp(20px, 4vw, 48px);
}
.testimonial13_div-17 {
  max-width: 1000px;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 32px;
  column-gap: 32px;
  text-align: center;
}
.testimonial13_div-1 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #4E545D;
}
.testimonial13_stack-69 {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.testimonial13_div-7 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 28px;
  column-gap: 28px;
  min-height: 280px;
}
.testimonial13_div-2 {
  font-size: 72px;
  line-height: 0.5;
  color: #2D4BF0;
  font-weight: 600;
}
.testimonial13_div-3 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: clamp(26px, 3.4vw, 42px);
  line-height: 1.2;
  letter-spacing: -0.03em;
  font-weight: 500;
  max-width: 860px;
}
.testimonial13_div-6 {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  column-gap: 4px;
}
.testimonial13_div-4 {
  font-size: 17px;
  font-weight: 600;
}
.testimonial13_div-5 {
  font-size: 15px;
  color: #4E545D;
}
.testimonial13_div-24 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  display: none;
  flex-direction: column;
  align-items: center;
  row-gap: 28px;
  column-gap: 28px;
  min-height: 280px;
}
.testimonial13_div-19 {
  font-size: 72px;
  line-height: 0.5;
  color: #2D4BF0;
  font-weight: 600;
}
.testimonial13_div-20 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: clamp(26px, 3.4vw, 42px);
  line-height: 1.2;
  letter-spacing: -0.03em;
  font-weight: 500;
  max-width: 860px;
}
.testimonial13_div-23 {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  column-gap: 4px;
}
.testimonial13_div-21 {
  font-size: 17px;
  font-weight: 600;
}
.testimonial13_div-22 {
  font-size: 15px;
  color: #4E545D;
}
.testimonial13_div-41 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  display: none;
  flex-direction: column;
  align-items: center;
  row-gap: 28px;
  column-gap: 28px;
  min-height: 280px;
}
.testimonial13_div-36 {
  font-size: 72px;
  line-height: 0.5;
  color: #2D4BF0;
  font-weight: 600;
}
.testimonial13_div-37 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: clamp(26px, 3.4vw, 42px);
  line-height: 1.2;
  letter-spacing: -0.03em;
  font-weight: 500;
  max-width: 860px;
}
.testimonial13_div-40 {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  column-gap: 4px;
}
.testimonial13_div-38 {
  font-size: 17px;
  font-weight: 600;
}
.testimonial13_div-39 {
  font-size: 15px;
  color: #4E545D;
}
.testimonial13_div-58 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  display: none;
  flex-direction: column;
  align-items: center;
  row-gap: 28px;
  column-gap: 28px;
  min-height: 280px;
}
.testimonial13_div-53 {
  font-size: 72px;
  line-height: 0.5;
  color: #2D4BF0;
  font-weight: 600;
}
.testimonial13_div-54 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: clamp(26px, 3.4vw, 42px);
  line-height: 1.2;
  letter-spacing: -0.03em;
  font-weight: 500;
  max-width: 860px;
}
.testimonial13_div-57 {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  column-gap: 4px;
}
.testimonial13_div-55 {
  font-size: 17px;
  font-weight: 600;
}
.testimonial13_div-56 {
  font-size: 15px;
  color: #4E545D;
}
.testimonial13_div-15 {
  display: flex;
  align-items: center;
  row-gap: 16px;
  column-gap: 16px;
}
.testimonial13_div-8 {
  width: 48px;
  height: 48px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #C5CFFB;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #C5CFFB;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #C5CFFB;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #C5CFFB;
  background-color: #FFFFFF;
  cursor: pointer;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  flex-shrink: 0;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.testimonial13_div-13 {
  display: flex;
  row-gap: 8px;
  column-gap: 8px;
}
.testimonial13_div-9 {
  width: 52px;
  height: 52px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  cursor: pointer;
  font-weight: 600;
  font-size: 15px;
  border-top-width: 3px;
  border-top-style: solid;
  border-top-color: #2D4BF0;
  border-right-width: 3px;
  border-right-style: solid;
  border-right-color: #2D4BF0;
  border-bottom-width: 3px;
  border-bottom-style: solid;
  border-bottom-color: #2D4BF0;
  border-left-width: 3px;
  border-left-style: solid;
  border-left-color: #2D4BF0;
  background-color: #0F1115;
  color: #FFFFFF;
  transform: scale(1.08);
  transition: transform 180ms ease;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  flex-shrink: 0;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.testimonial13_div-10 {
  width: 52px;
  height: 52px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  cursor: pointer;
  font-weight: 600;
  font-size: 15px;
  border-top-width: 3px;
  border-top-style: solid;
  border-top-color: transparent;
  border-right-width: 3px;
  border-right-style: solid;
  border-right-color: transparent;
  border-bottom-width: 3px;
  border-bottom-style: solid;
  border-bottom-color: transparent;
  border-left-width: 3px;
  border-left-style: solid;
  border-left-color: transparent;
  background-color: #FFFFFF;
  color: #4E545D;
  transform: scale(1);
  transition: transform 180ms ease;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  flex-shrink: 0;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.testimonial13_div-11 {
  width: 52px;
  height: 52px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  cursor: pointer;
  font-weight: 600;
  font-size: 15px;
  border-top-width: 3px;
  border-top-style: solid;
  border-top-color: transparent;
  border-right-width: 3px;
  border-right-style: solid;
  border-right-color: transparent;
  border-bottom-width: 3px;
  border-bottom-style: solid;
  border-bottom-color: transparent;
  border-left-width: 3px;
  border-left-style: solid;
  border-left-color: transparent;
  background-color: #FFFFFF;
  color: #4E545D;
  transform: scale(1);
  transition: transform 180ms ease;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  flex-shrink: 0;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.testimonial13_div-12 {
  width: 52px;
  height: 52px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  cursor: pointer;
  font-weight: 600;
  font-size: 15px;
  border-top-width: 3px;
  border-top-style: solid;
  border-top-color: transparent;
  border-right-width: 3px;
  border-right-style: solid;
  border-right-color: transparent;
  border-bottom-width: 3px;
  border-bottom-style: solid;
  border-bottom-color: transparent;
  border-left-width: 3px;
  border-left-style: solid;
  border-left-color: transparent;
  background-color: #FFFFFF;
  color: #4E545D;
  transform: scale(1);
  transition: transform 180ms ease;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  flex-shrink: 0;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.testimonial13_div-14 {
  width: 48px;
  height: 48px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: #0F1115;
  color: #FFFFFF;
  cursor: pointer;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  flex-shrink: 0;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.testimonial13_p-16 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 13px;
  color: #5B616B;
}
.section_testimonial13.is-dark {
  background-color: var(--blok-saas-ink);
  color: var(--blok-saas-canvas);
}
.section_testimonial13.is-accent {
  background-color: var(--blok-saas-blue);
  color: var(--blok-saas-white);
}

/* Generated by Blokset from components/testimonial-14.js. Edit the spec, not this file. */
.section_testimonial14 {
  font-family: var(--blok-font-saas);
  color: #0F1115;
  background-color: #FFFFFF;
  padding-top: clamp(56px, 8vw, 96px);
  padding-right: clamp(20px, 4vw, 48px);
  padding-bottom: clamp(56px, 8vw, 96px);
  padding-left: clamp(20px, 4vw, 48px);
}
.testimonial14_div-39 {
  max-width: 1200px;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  row-gap: 28px;
  column-gap: 28px;
}
.testimonial14_div-5 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  row-gap: 16px;
  column-gap: 16px;
}
.testimonial14_div-3 {
  display: flex;
  flex-direction: column;
  row-gap: 14px;
  column-gap: 14px;
  max-width: 620px;
}
.testimonial14_div-1 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5B616B;
}
.testimonial14_heading {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: clamp(34px, 4.4vw, 56px);
  line-height: 1.02;
  letter-spacing: -0.04em;
  font-weight: 600;
}
.testimonial14_a-4 {
  font-weight: 500;
  text-decoration: none;
  color: #2D4BF0;
}
.testimonial14_div-20 {
  display: flex;
  flex-wrap: wrap;
  row-gap: 20px;
  column-gap: 20px;
  padding-top: clamp(20px, 3vw, 28px);
  padding-right: clamp(20px, 3vw, 28px);
  padding-bottom: clamp(20px, 3vw, 28px);
  padding-left: clamp(20px, 3vw, 28px);
  border-top-left-radius: 22px;
  border-top-right-radius: 22px;
  border-bottom-right-radius: 22px;
  border-bottom-left-radius: 22px;
  background-color: #0F1115;
  color: #F4F5F1;
}
.testimonial14_div-8 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 420px;
  min-height: 280px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  background-color: #AFC0FF;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.testimonial14_div-6 {
  position: absolute;
  top: 14px;
  left: 14px;
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  color: #0F1115;
  opacity: 0.6;
}
.testimonial14_div-7 {
  width: 72px;
  height: 72px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #0F1115;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
}
.testimonial14_stack-157 {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.testimonial14_div-19 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 380px;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  column-gap: 16px;
  justify-content: center;
}
.testimonial14_div-9 {
  padding-top: 4px;
  padding-right: 10px;
  padding-bottom: 4px;
  padding-left: 10px;
  align-self: flex-start;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  font-size: 12px;
  background-color: #262A31;
  color: #C9CDD4;
}
.testimonial14_div-10 {
  font-size: 28px;
  line-height: 1.15;
  letter-spacing: -0.025em;
  font-weight: 600;
}
.testimonial14_div-17 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  row-gap: 12px;
  column-gap: 12px;
}
.testimonial14_div-13 {
  padding-top: 14px;
  padding-right: 14px;
  padding-bottom: 14px;
  padding-left: 14px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  background-color: #181B20;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 0.35rem;
}
.testimonial14_div-11 {
  font-size: 12px;
  color: #8C929B;
  margin-bottom: 6px;
}
.testimonial14_div-12 {
  font-size: 14px;
  line-height: 1.5;
  color: #C9CDD4;
}
.testimonial14_div-16 {
  padding-top: 14px;
  padding-right: 14px;
  padding-bottom: 14px;
  padding-left: 14px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  background-color: #181B20;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 0.35rem;
}
.testimonial14_div-14 {
  font-size: 12px;
  color: #8C929B;
  margin-bottom: 6px;
}
.testimonial14_div-15 {
  font-size: 14px;
  line-height: 1.5;
  color: #C9CDD4;
}
.testimonial14_a-18 {
  font-weight: 500;
  text-decoration: none;
  color: #2D4BF0;
}
.testimonial14_div-58 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 380px;
  display: none;
  flex-direction: column;
  row-gap: 16px;
  column-gap: 16px;
  justify-content: center;
}
.testimonial14_div-48 {
  padding-top: 4px;
  padding-right: 10px;
  padding-bottom: 4px;
  padding-left: 10px;
  align-self: flex-start;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  font-size: 12px;
  background-color: #262A31;
  color: #C9CDD4;
}
.testimonial14_div-49 {
  font-size: 28px;
  line-height: 1.15;
  letter-spacing: -0.025em;
  font-weight: 600;
}
.testimonial14_div-56 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  row-gap: 12px;
  column-gap: 12px;
}
.testimonial14_div-52 {
  padding-top: 14px;
  padding-right: 14px;
  padding-bottom: 14px;
  padding-left: 14px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  background-color: #181B20;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 0.35rem;
}
.testimonial14_div-50 {
  font-size: 12px;
  color: #8C929B;
  margin-bottom: 6px;
}
.testimonial14_div-51 {
  font-size: 14px;
  line-height: 1.5;
  color: #C9CDD4;
}
.testimonial14_div-55 {
  padding-top: 14px;
  padding-right: 14px;
  padding-bottom: 14px;
  padding-left: 14px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  background-color: #181B20;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 0.35rem;
}
.testimonial14_div-53 {
  font-size: 12px;
  color: #8C929B;
  margin-bottom: 6px;
}
.testimonial14_div-54 {
  font-size: 14px;
  line-height: 1.5;
  color: #C9CDD4;
}
.testimonial14_a-57 {
  font-weight: 500;
  text-decoration: none;
  color: #2D4BF0;
}
.testimonial14_div-97 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 380px;
  display: none;
  flex-direction: column;
  row-gap: 16px;
  column-gap: 16px;
  justify-content: center;
}
.testimonial14_div-87 {
  padding-top: 4px;
  padding-right: 10px;
  padding-bottom: 4px;
  padding-left: 10px;
  align-self: flex-start;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  font-size: 12px;
  background-color: #262A31;
  color: #C9CDD4;
}
.testimonial14_div-88 {
  font-size: 28px;
  line-height: 1.15;
  letter-spacing: -0.025em;
  font-weight: 600;
}
.testimonial14_div-95 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  row-gap: 12px;
  column-gap: 12px;
}
.testimonial14_div-91 {
  padding-top: 14px;
  padding-right: 14px;
  padding-bottom: 14px;
  padding-left: 14px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  background-color: #181B20;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 0.35rem;
}
.testimonial14_div-89 {
  font-size: 12px;
  color: #8C929B;
  margin-bottom: 6px;
}
.testimonial14_div-90 {
  font-size: 14px;
  line-height: 1.5;
  color: #C9CDD4;
}
.testimonial14_div-94 {
  padding-top: 14px;
  padding-right: 14px;
  padding-bottom: 14px;
  padding-left: 14px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  background-color: #181B20;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 0.35rem;
}
.testimonial14_div-92 {
  font-size: 12px;
  color: #8C929B;
  margin-bottom: 6px;
}
.testimonial14_div-93 {
  font-size: 14px;
  line-height: 1.5;
  color: #C9CDD4;
}
.testimonial14_a-96 {
  font-weight: 500;
  text-decoration: none;
  color: #2D4BF0;
}
.testimonial14_div-136 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 380px;
  display: none;
  flex-direction: column;
  row-gap: 16px;
  column-gap: 16px;
  justify-content: center;
}
.testimonial14_div-126 {
  padding-top: 4px;
  padding-right: 10px;
  padding-bottom: 4px;
  padding-left: 10px;
  align-self: flex-start;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  font-size: 12px;
  background-color: #262A31;
  color: #C9CDD4;
}
.testimonial14_div-127 {
  font-size: 28px;
  line-height: 1.15;
  letter-spacing: -0.025em;
  font-weight: 600;
}
.testimonial14_div-134 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  row-gap: 12px;
  column-gap: 12px;
}
.testimonial14_div-130 {
  padding-top: 14px;
  padding-right: 14px;
  padding-bottom: 14px;
  padding-left: 14px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  background-color: #181B20;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 0.35rem;
}
.testimonial14_div-128 {
  font-size: 12px;
  color: #8C929B;
  margin-bottom: 6px;
}
.testimonial14_div-129 {
  font-size: 14px;
  line-height: 1.5;
  color: #C9CDD4;
}
.testimonial14_div-133 {
  padding-top: 14px;
  padding-right: 14px;
  padding-bottom: 14px;
  padding-left: 14px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  background-color: #181B20;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 0.35rem;
}
.testimonial14_div-131 {
  font-size: 12px;
  color: #8C929B;
  margin-bottom: 6px;
}
.testimonial14_div-132 {
  font-size: 14px;
  line-height: 1.5;
  color: #C9CDD4;
}
.testimonial14_a-135 {
  font-weight: 500;
  text-decoration: none;
  color: #2D4BF0;
}
.testimonial14_div-37 {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 12px;
  column-gap: 12px;
}
.testimonial14_div-24 {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  column-gap: 10px;
  padding-top: 18px;
  padding-right: 18px;
  padding-bottom: 18px;
  padding-left: 18px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  cursor: pointer;
  text-align: left;
  border-top-width: 2px;
  border-top-style: solid;
  border-top-color: #0F1115;
  border-right-width: 2px;
  border-right-style: solid;
  border-right-color: #0F1115;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #0F1115;
  border-left-width: 2px;
  border-left-style: solid;
  border-left-color: #0F1115;
  background-color: #FFFFFF;
  color: #0F1115;
  align-items: center;
  justify-content: flex-start;
}
.testimonial14_div-21 {
  width: 100%;
  height: 6px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  background-color: #AFC0FF;
}
.testimonial14_div-22 {
  font-size: 13px;
  color: #5B616B;
}
.testimonial14_div-23 {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
}
.testimonial14_div-28 {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  column-gap: 10px;
  padding-top: 18px;
  padding-right: 18px;
  padding-bottom: 18px;
  padding-left: 18px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  cursor: pointer;
  text-align: left;
  border-top-width: 2px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 2px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 2px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
  background-color: #FFFFFF;
  color: #0F1115;
  align-items: center;
  justify-content: flex-start;
}
.testimonial14_div-25 {
  width: 100%;
  height: 6px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  background-color: #F2B48A;
}
.testimonial14_div-26 {
  font-size: 13px;
  color: #5B616B;
}
.testimonial14_div-27 {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
}
.testimonial14_div-32 {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  column-gap: 10px;
  padding-top: 18px;
  padding-right: 18px;
  padding-bottom: 18px;
  padding-left: 18px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  cursor: pointer;
  text-align: left;
  border-top-width: 2px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 2px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 2px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
  background-color: #FFFFFF;
  color: #0F1115;
  align-items: center;
  justify-content: flex-start;
}
.testimonial14_div-29 {
  width: 100%;
  height: 6px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  background-color: #8FD3A8;
}
.testimonial14_div-30 {
  font-size: 13px;
  color: #5B616B;
}
.testimonial14_div-31 {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
}
.testimonial14_div-36 {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  column-gap: 10px;
  padding-top: 18px;
  padding-right: 18px;
  padding-bottom: 18px;
  padding-left: 18px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  cursor: pointer;
  text-align: left;
  border-top-width: 2px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 2px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 2px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
  background-color: #FFFFFF;
  color: #0F1115;
  align-items: center;
  justify-content: flex-start;
}
.testimonial14_div-33 {
  width: 100%;
  height: 6px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  background-color: #D9C2F2;
}
.testimonial14_div-34 {
  font-size: 13px;
  color: #5B616B;
}
.testimonial14_div-35 {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
}
.testimonial14_subheading {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 13px;
  color: #5B616B;
}
.section_testimonial14.is-dark {
  background-color: var(--blok-saas-ink);
  color: var(--blok-saas-canvas);
}
.section_testimonial14.is-accent {
  background-color: var(--blok-saas-blue);
  color: var(--blok-saas-white);
}

@media (min-width: 768px) {
  .testimonial14_div-37 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 992px) {
  .testimonial14_div-37 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

/* Generated by Blokset from components/pricing-06.js. Edit the spec, not this file. */
.section_pricing6 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.pricing6_component {
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
}
.pricing6_header {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: center;
}
.pricing6_header-title {
  max-width: 48rem;
}
.pricing6_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.pricing6_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-ink);
}
.pricing6_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.pricing6_toggle-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  column-gap: 0.875rem;
  row-gap: 0.75rem;
}
.pricing6_monthly {
  font-weight: 600;
  cursor: pointer;
}
.pricing6_toggle-track {
  position: relative;
  width: 3.25rem;
  height: 1.75rem;
  cursor: pointer;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
  background-color: var(--blok-surface-2);
}
.pricing6_toggle-knob {
  position: absolute;
  top: 0.25rem;
  left: 0.25rem;
  width: 1.25rem;
  height: 1.25rem;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
  background-color: var(--blok-ink);
}
.pricing6_yearly {
  font-weight: 600;
  cursor: pointer;
}
.pricing6_save {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-accent);
  margin-left: 0.25rem;
}
.pricing6_plans {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  column-gap: 1rem;
  row-gap: 1rem;
  align-items: stretch;
}
.pricing6_plan-1 {
  display: flex;
  flex-direction: column;
  row-gap: 1.75rem;
  padding-top: 1.75rem;
  padding-right: 1.75rem;
  padding-bottom: 1.75rem;
  padding-left: 1.75rem;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
}
.pricing6_plan-1-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 1.75rem;
}
.pricing6_plan-1-name {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.pricing6_plan-1-price-row {
  display: flex;
  align-items: baseline;
  column-gap: 0.5rem;
}
.pricing6_plan-1-price {
  display: inline-block;
  font-family: var(--blok-font-display);
  font-size: 3.5rem;
  line-height: 1;
  font-weight: 500;
  letter-spacing: -0.05em;
  font-variant-numeric: tabular-nums;
}
.pricing6_plan-1-period {
  font-size: 0.9375rem;
  color: var(--blok-ink-muted);
}
.pricing6_plan-1-description {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.9375rem;
  line-height: 1.55;
  color: var(--blok-ink-muted);
}
.pricing6_plan-1-features {
  display: flex;
  flex-direction: column;
  row-gap: 0.75rem;
  flex-grow: 1;
}
.pricing6_plan-1-feature {
  display: flex;
  column-gap: 0.75rem;
  font-size: 0.9375rem;
  line-height: 1.45;
}
.pricing6_plan-1-check {
  color: inherit;
  font-weight: 700;
}
.pricing6_plan-1-actions {
  display: flex;
  flex-direction: column;
}
.pricing6_plan-2 {
  display: flex;
  flex-direction: column;
  row-gap: 1.75rem;
  padding-top: 1.75rem;
  padding-right: 1.75rem;
  padding-bottom: 1.75rem;
  padding-left: 1.75rem;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  background-color: var(--blok-ink);
  color: var(--blok-surface);
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: var(--blok-ink);
  border-right-color: var(--blok-ink);
  border-bottom-color: var(--blok-ink);
  border-left-color: var(--blok-ink);
}
.pricing6_plan-2-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 1.75rem;
}
.pricing6_plan-2-name {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.pricing6_badge {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-ink);
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
  padding-left: 0.6rem;
  padding-right: 0.6rem;
  background-color: var(--blok-accent);
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
}
.pricing6_plan-2-price-row {
  display: flex;
  align-items: baseline;
  column-gap: 0.5rem;
}
.pricing6_plan-2-price {
  display: inline-block;
  font-family: var(--blok-font-display);
  font-size: 3.5rem;
  line-height: 1;
  font-weight: 500;
  letter-spacing: -0.05em;
  font-variant-numeric: tabular-nums;
}
.pricing6_plan-2-period {
  font-size: 0.9375rem;
  color: var(--blok-surface-muted);
}
.pricing6_plan-2-description {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.9375rem;
  line-height: 1.55;
  color: var(--blok-surface-muted);
}
.pricing6_plan-2-features {
  display: flex;
  flex-direction: column;
  row-gap: 0.75rem;
  flex-grow: 1;
}
.pricing6_plan-2-feature {
  display: flex;
  column-gap: 0.75rem;
  font-size: 0.9375rem;
  line-height: 1.45;
}
.pricing6_plan-2-check {
  color: var(--blok-accent);
  font-weight: 700;
}
.pricing6_plan-2-actions {
  display: flex;
  flex-direction: column;
}
.pricing6_plan-3 {
  display: flex;
  flex-direction: column;
  row-gap: 1.75rem;
  padding-top: 1.75rem;
  padding-right: 1.75rem;
  padding-bottom: 1.75rem;
  padding-left: 1.75rem;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
}
.pricing6_plan-3-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 1.75rem;
}
.pricing6_plan-3-name {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.pricing6_plan-3-price-row {
  display: flex;
  align-items: baseline;
  column-gap: 0.5rem;
}
.pricing6_plan-3-price {
  display: inline-block;
  font-family: var(--blok-font-display);
  font-size: 3.5rem;
  line-height: 1;
  font-weight: 500;
  letter-spacing: -0.05em;
  font-variant-numeric: tabular-nums;
}
.pricing6_plan-3-period {
  font-size: 0.9375rem;
  color: var(--blok-ink-muted);
}
.pricing6_plan-3-description {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.9375rem;
  line-height: 1.55;
  color: var(--blok-ink-muted);
}
.pricing6_plan-3-features {
  display: flex;
  flex-direction: column;
  row-gap: 0.75rem;
  flex-grow: 1;
}
.pricing6_plan-3-feature {
  display: flex;
  column-gap: 0.75rem;
  font-size: 0.9375rem;
  line-height: 1.45;
}
.pricing6_plan-3-check {
  color: inherit;
  font-weight: 700;
}
.pricing6_plan-3-actions {
  display: flex;
  flex-direction: column;
}
.section_pricing6.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.pricing6_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.pricing6_heading.is-dark {
  color: var(--blok-surface);
}
.pricing6_description.is-dark {
  color: var(--blok-surface-muted);
}
.pricing6_toggle-track.is-dark {
  background-color: var(--blok-ink-2);
}
.pricing6_toggle-knob.is-dark {
  background-color: var(--blok-surface);
}
.pricing6_plan-1.is-dark {
  border-top-color: var(--blok-line-inverse);
  border-bottom-color: var(--blok-line-inverse);
  border-left-color: var(--blok-line-inverse);
  border-right-color: var(--blok-line-inverse);
}
.pricing6_plan-3.is-dark {
  border-top-color: var(--blok-line-inverse);
  border-bottom-color: var(--blok-line-inverse);
  border-left-color: var(--blok-line-inverse);
  border-right-color: var(--blok-line-inverse);
}
.pricing6_plan-1-description.is-dark {
  color: var(--blok-surface-muted);
}
.pricing6_plan-3-description.is-dark {
  color: var(--blok-surface-muted);
}
.pricing6_plan-1-period.is-dark {
  color: var(--blok-surface-muted);
}
.pricing6_plan-3-period.is-dark {
  color: var(--blok-surface-muted);
}
.pricing6_plan-2.is-accent-plan {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: var(--blok-accent);
  border-right-color: var(--blok-accent);
  border-bottom-color: var(--blok-accent);
  border-left-color: var(--blok-accent);
}
.pricing6_plan-2-period.is-accent-plan {
  color: var(--blok-ink-soft);
}
.pricing6_plan-2-description.is-accent-plan {
  color: var(--blok-ink-soft);
}
.pricing6_plan-2-check.is-accent-plan {
  color: var(--blok-ink);
}
.pricing6_badge.is-accent-plan {
  background-color: var(--blok-ink);
  color: var(--blok-accent);
}

@media (min-width: 768px) {
  .pricing6_heading {
    font-size: 3rem;
  }
}

@media (min-width: 992px) {
  .pricing6_component {
    row-gap: 3.5rem;
  }
  .pricing6_heading {
    font-size: 3.5rem;
  }
  .pricing6_plans {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .pricing6_plan-1 {
    padding-top: 2.25rem;
    padding-right: 2.25rem;
    padding-bottom: 2.25rem;
    padding-left: 2.25rem;
  }
  .pricing6_plan-1-price {
    font-size: 4.25rem;
  }
  .pricing6_plan-2 {
    padding-top: 2.25rem;
    padding-right: 2.25rem;
    padding-bottom: 2.25rem;
    padding-left: 2.25rem;
  }
  .pricing6_plan-2-price {
    font-size: 4.25rem;
  }
  .pricing6_plan-3 {
    padding-top: 2.25rem;
    padding-right: 2.25rem;
    padding-bottom: 2.25rem;
    padding-left: 2.25rem;
  }
  .pricing6_plan-3-price {
    font-size: 4.25rem;
  }
}

/* Generated by Blokset from components/pricing-07.js. Edit the spec, not this file. */
.section_pricing07 {
  font-family: var(--blok-font-saas);
  color: #0F1115;
  background-color: #FFFFFF;
  padding-top: clamp(56px, 8vw, 104px);
  padding-right: clamp(20px, 4vw, 48px);
  padding-bottom: clamp(56px, 8vw, 104px);
  padding-left: clamp(20px, 4vw, 48px);
}
.pricing07_div-79 {
  max-width: 1200px;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  row-gap: 36px;
  column-gap: 36px;
}
.pricing07_div-3 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  row-gap: 16px;
  column-gap: 16px;
}
.pricing07_div-1 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5B616B;
}
.pricing07_heading {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: clamp(34px, 4.4vw, 56px);
  line-height: 1.02;
  letter-spacing: -0.04em;
  font-weight: 600;
}
.pricing07_div-15 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  row-gap: 20px;
  column-gap: 32px;
  padding-top: 20px;
  padding-right: 24px;
  padding-bottom: 20px;
  padding-left: 24px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  background-color: #F4F5F1;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
}
.pricing07_div-11 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 320px;
  max-width: 520px;
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  column-gap: 8px;
}
.pricing07_div-6 {
  display: flex;
  justify-content: space-between;
  font-size: 15px;
}
.pricing07_div-5 {
  font-family: var(--blok-font-saas-mono);
  font-weight: 500;
}
.pricing07_range-7 {
  width: 100%;
  height: 32px;
  position: relative;
  display: flex;
  align-items: center;
}
.pricing07_track-8 {
  position: relative;
  width: 100%;
  height: 4px;
  background-color: #DDE0D8;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
}
.pricing07_fill-9 {
  width: 10%;
  height: 4px;
  background-color: #2D4BF0;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
}
.pricing07_thumb-10 {
  position: absolute;
  left: 10%;
  top: 7px;
  width: 18px;
  height: 18px;
  background-color: #2D4BF0;
  transform: translateX(-50%);
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
}
.pricing07_div-14 {
  display: flex;
  padding-top: 4px;
  padding-right: 4px;
  padding-bottom: 4px;
  padding-left: 4px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: #E5E7E1;
  row-gap: 4px;
  column-gap: 4px;
}
.pricing07_div-12 {
  height: 40px;
  padding-top: 0;
  padding-right: 16px;
  padding-bottom: 0;
  padding-left: 16px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  background-color: transparent;
  color: #4E545D;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pricing07_div-13 {
  height: 40px;
  padding-top: 0;
  padding-right: 16px;
  padding-bottom: 0;
  padding-left: 16px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  background-color: #FFFFFF;
  color: #0F1115;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pricing07_div-77 {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 14px;
  column-gap: 14px;
}
.pricing07_div-33 {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  column-gap: 20px;
  padding-top: 28px;
  padding-right: 28px;
  padding-bottom: 28px;
  padding-left: 28px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  background-color: #FFFFFF;
  color: #0F1115;
}
.pricing07_div-17 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  row-gap: 8px;
  column-gap: 8px;
}
.pricing07_div-16 {
  font-size: 18px;
  font-weight: 600;
}
.pricing07_div-20 {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  column-gap: 4px;
}
.pricing07_div-18 {
  font-size: 48px;
  line-height: 1;
  letter-spacing: -0.045em;
  font-weight: 600;
}
.pricing07_div-19 {
  font-size: 14px;
  color: #4E545D;
}
.pricing07_subheading {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 15px;
  line-height: 1.55;
  color: #4E545D;
}
.pricing07_div-31 {
  list-style: none;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  column-gap: 10px;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
}
.pricing07_div-24 {
  display: flex;
  row-gap: 10px;
  column-gap: 10px;
  font-size: 15px;
}
.pricing07_div-22 {
  color: #2D4BF0;
}
.pricing07_div-27 {
  display: flex;
  row-gap: 10px;
  column-gap: 10px;
  font-size: 15px;
}
.pricing07_div-25 {
  color: #2D4BF0;
}
.pricing07_div-30 {
  display: flex;
  row-gap: 10px;
  column-gap: 10px;
  font-size: 15px;
}
.pricing07_div-28 {
  color: #2D4BF0;
}
.pricing07_a-32 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  text-decoration: none;
  font-weight: 500;
  background-color: #FFFFFF;
  color: #0F1115;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #CFD3CA;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #CFD3CA;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #CFD3CA;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #CFD3CA;
}
.pricing07_div-55 {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  column-gap: 20px;
  padding-top: 28px;
  padding-right: 28px;
  padding-bottom: 28px;
  padding-left: 28px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #0F1115;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #0F1115;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #0F1115;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #0F1115;
  background-color: #0F1115;
  color: #F4F5F1;
}
.pricing07_div-36 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  row-gap: 8px;
  column-gap: 8px;
}
.pricing07_div-34 {
  font-size: 18px;
  font-weight: 600;
}
.pricing07_div-35 {
  padding-top: 4px;
  padding-right: 10px;
  padding-bottom: 4px;
  padding-left: 10px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  font-size: 12px;
  font-weight: 500;
  background-color: #2D4BF0;
  color: #FFFFFF;
}
.pricing07_div-39 {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  column-gap: 4px;
}
.pricing07_div-37 {
  font-size: 48px;
  line-height: 1;
  letter-spacing: -0.045em;
  font-weight: 600;
}
.pricing07_div-38 {
  font-size: 14px;
  color: #B9BEC6;
}
.pricing07_p-40 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 15px;
  line-height: 1.55;
  color: #B9BEC6;
}
.pricing07_div-53 {
  list-style: none;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  column-gap: 10px;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
}
.pricing07_div-43 {
  display: flex;
  row-gap: 10px;
  column-gap: 10px;
  font-size: 15px;
}
.pricing07_div-41 {
  color: #AFC0FF;
}
.pricing07_div-46 {
  display: flex;
  row-gap: 10px;
  column-gap: 10px;
  font-size: 15px;
}
.pricing07_div-44 {
  color: #AFC0FF;
}
.pricing07_div-49 {
  display: flex;
  row-gap: 10px;
  column-gap: 10px;
  font-size: 15px;
}
.pricing07_div-47 {
  color: #AFC0FF;
}
.pricing07_div-52 {
  display: flex;
  row-gap: 10px;
  column-gap: 10px;
  font-size: 15px;
}
.pricing07_div-50 {
  color: #AFC0FF;
}
.pricing07_a-54 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  text-decoration: none;
  font-weight: 500;
  background-color: #F4F5F1;
  color: #0F1115;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #F4F5F1;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #F4F5F1;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #F4F5F1;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #F4F5F1;
}
.pricing07_div-76 {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  column-gap: 20px;
  padding-top: 28px;
  padding-right: 28px;
  padding-bottom: 28px;
  padding-left: 28px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  background-color: #FFFFFF;
  color: #0F1115;
}
.pricing07_div-57 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  row-gap: 8px;
  column-gap: 8px;
}
.pricing07_div-56 {
  font-size: 18px;
  font-weight: 600;
}
.pricing07_div-60 {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  column-gap: 4px;
}
.pricing07_div-58 {
  font-size: 48px;
  line-height: 1;
  letter-spacing: -0.045em;
  font-weight: 600;
}
.pricing07_div-59 {
  font-size: 14px;
  color: #4E545D;
}
.pricing07_p-61 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 15px;
  line-height: 1.55;
  color: #4E545D;
}
.pricing07_div-74 {
  list-style: none;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  column-gap: 10px;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
}
.pricing07_div-64 {
  display: flex;
  row-gap: 10px;
  column-gap: 10px;
  font-size: 15px;
}
.pricing07_div-62 {
  color: #2D4BF0;
}
.pricing07_div-67 {
  display: flex;
  row-gap: 10px;
  column-gap: 10px;
  font-size: 15px;
}
.pricing07_div-65 {
  color: #2D4BF0;
}
.pricing07_div-70 {
  display: flex;
  row-gap: 10px;
  column-gap: 10px;
  font-size: 15px;
}
.pricing07_div-68 {
  color: #2D4BF0;
}
.pricing07_div-73 {
  display: flex;
  row-gap: 10px;
  column-gap: 10px;
  font-size: 15px;
}
.pricing07_div-71 {
  color: #2D4BF0;
}
.pricing07_a-75 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  text-decoration: none;
  font-weight: 500;
  background-color: #FFFFFF;
  color: #0F1115;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #CFD3CA;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #CFD3CA;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #CFD3CA;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #CFD3CA;
}
.pricing07_p-78 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  text-align: center;
  font-size: 13px;
  color: #5B616B;
}
.section_pricing07.is-dark {
  background-color: var(--blok-saas-ink);
  color: var(--blok-saas-canvas);
}
.section_pricing07.is-accent {
  background-color: var(--blok-saas-blue);
  color: var(--blok-saas-white);
}

@media (min-width: 768px) {
  .pricing07_div-77 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 992px) {
  .pricing07_div-77 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* Generated by Blokset from components/pricing-08.js. Edit the spec, not this file. */
.section_pricing08 {
  font-family: var(--blok-font-saas);
  color: #0F1115;
  background-color: #F4F5F1;
  padding-top: clamp(56px, 8vw, 96px);
  padding-right: clamp(20px, 4vw, 48px);
  padding-bottom: clamp(56px, 8vw, 96px);
  padding-left: clamp(20px, 4vw, 48px);
}
.pricing08_div-90 {
  max-width: 1200px;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  row-gap: 32px;
  column-gap: 32px;
}
.pricing08_div-9 {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 18px;
  column-gap: 18px;
  text-align: center;
}
.pricing08_div-1 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5B616B;
}
.pricing08_heading {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: clamp(34px, 4.4vw, 56px);
  line-height: 1.02;
  letter-spacing: -0.04em;
  font-weight: 600;
}
.pricing08_div-8 {
  display: flex;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
}
.pricing08_div-3 {
  font-size: 15px;
  color: #0F1115;
}
.pricing08_div-5 {
  position: relative;
  width: 56px;
  height: 32px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  cursor: pointer;
  background-color: #0F1115;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  flex-shrink: 0;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.pricing08_div-4 {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 24px;
  height: 24px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #FFFFFF;
  transition: left 160ms ease;
}
.pricing08_div-6 {
  font-size: 15px;
  color: #7A808A;
}
.pricing08_div-7 {
  padding-top: 4px;
  padding-right: 10px;
  padding-bottom: 4px;
  padding-left: 10px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  font-size: 12px;
  font-weight: 500;
  background-color: #E5F4EA;
  color: #1D6B3A;
}
.pricing08_div-74 {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 14px;
  column-gap: 14px;
}
.pricing08_div-30 {
  display: flex;
  flex-direction: column;
  row-gap: 18px;
  column-gap: 18px;
  padding-top: 26px;
  padding-right: 26px;
  padding-bottom: 26px;
  padding-left: 26px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  background-color: #FFFFFF;
  color: #0F1115;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
}
.pricing08_div-11 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.pricing08_div-10 {
  font-size: 20px;
  font-weight: 600;
}
.pricing08_div-14 {
  display: flex;
  align-items: baseline;
  row-gap: 6px;
  column-gap: 6px;
}
.pricing08_div-12 {
  font-size: 52px;
  font-weight: 600;
  letter-spacing: -0.04em;
  line-height: 1;
}
.pricing08_div-13 {
  font-size: 15px;
  opacity: 0.7;
}
.pricing08_div-15 {
  font-size: 15px;
  opacity: 0.75;
}
.pricing08_div-28 {
  list-style: none;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  column-gap: 10px;
  font-size: 15px;
}
.pricing08_div-18 {
  display: flex;
  row-gap: 10px;
  column-gap: 10px;
}
.pricing08_div-16 {
  color: #2D4BF0;
}
.pricing08_div-21 {
  display: flex;
  row-gap: 10px;
  column-gap: 10px;
}
.pricing08_div-19 {
  color: #2D4BF0;
}
.pricing08_div-24 {
  display: flex;
  row-gap: 10px;
  column-gap: 10px;
}
.pricing08_div-22 {
  color: #2D4BF0;
}
.pricing08_div-27 {
  display: flex;
  row-gap: 10px;
  column-gap: 10px;
}
.pricing08_div-25 {
  color: #2D4BF0;
}
.pricing08_a-29 {
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  font-weight: 500;
  text-decoration: none;
  background-color: #F4F5F1;
  color: #0F1115;
}
.pricing08_div-52 {
  display: flex;
  flex-direction: column;
  row-gap: 18px;
  column-gap: 18px;
  padding-top: 26px;
  padding-right: 26px;
  padding-bottom: 26px;
  padding-left: 26px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  background-color: #0F1115;
  color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #0F1115;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #0F1115;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #0F1115;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #0F1115;
}
.pricing08_div-33 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.pricing08_div-31 {
  font-size: 20px;
  font-weight: 600;
}
.pricing08_div-32 {
  padding-top: 4px;
  padding-right: 10px;
  padding-bottom: 4px;
  padding-left: 10px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  font-size: 12px;
  font-weight: 500;
  background-color: #2D4BF0;
  color: #FFFFFF;
}
.pricing08_div-36 {
  display: flex;
  align-items: baseline;
  row-gap: 6px;
  column-gap: 6px;
}
.pricing08_div-34 {
  font-size: 52px;
  font-weight: 600;
  letter-spacing: -0.04em;
  line-height: 1;
}
.pricing08_div-35 {
  font-size: 15px;
  opacity: 0.7;
}
.pricing08_div-37 {
  font-size: 15px;
  opacity: 0.75;
}
.pricing08_div-50 {
  list-style: none;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  column-gap: 10px;
  font-size: 15px;
}
.pricing08_div-40 {
  display: flex;
  row-gap: 10px;
  column-gap: 10px;
}
.pricing08_div-38 {
  color: #AFC0FF;
}
.pricing08_div-43 {
  display: flex;
  row-gap: 10px;
  column-gap: 10px;
}
.pricing08_div-41 {
  color: #AFC0FF;
}
.pricing08_div-46 {
  display: flex;
  row-gap: 10px;
  column-gap: 10px;
}
.pricing08_div-44 {
  color: #AFC0FF;
}
.pricing08_div-49 {
  display: flex;
  row-gap: 10px;
  column-gap: 10px;
}
.pricing08_div-47 {
  color: #AFC0FF;
}
.pricing08_a-51 {
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  font-weight: 500;
  text-decoration: none;
  background-color: #2D4BF0;
  color: #FFFFFF;
}
.pricing08_div-73 {
  display: flex;
  flex-direction: column;
  row-gap: 18px;
  column-gap: 18px;
  padding-top: 26px;
  padding-right: 26px;
  padding-bottom: 26px;
  padding-left: 26px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  background-color: #FFFFFF;
  color: #0F1115;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
}
.pricing08_div-54 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.pricing08_div-53 {
  font-size: 20px;
  font-weight: 600;
}
.pricing08_div-57 {
  display: flex;
  align-items: baseline;
  row-gap: 6px;
  column-gap: 6px;
}
.pricing08_div-55 {
  font-size: 52px;
  font-weight: 600;
  letter-spacing: -0.04em;
  line-height: 1;
}
.pricing08_div-56 {
  font-size: 15px;
  opacity: 0.7;
}
.pricing08_div-58 {
  font-size: 15px;
  opacity: 0.75;
}
.pricing08_div-71 {
  list-style: none;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  column-gap: 10px;
  font-size: 15px;
}
.pricing08_div-61 {
  display: flex;
  row-gap: 10px;
  column-gap: 10px;
}
.pricing08_div-59 {
  color: #2D4BF0;
}
.pricing08_div-64 {
  display: flex;
  row-gap: 10px;
  column-gap: 10px;
}
.pricing08_div-62 {
  color: #2D4BF0;
}
.pricing08_div-67 {
  display: flex;
  row-gap: 10px;
  column-gap: 10px;
}
.pricing08_div-65 {
  color: #2D4BF0;
}
.pricing08_div-70 {
  display: flex;
  row-gap: 10px;
  column-gap: 10px;
}
.pricing08_div-68 {
  color: #2D4BF0;
}
.pricing08_a-72 {
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  font-weight: 500;
  text-decoration: none;
  background-color: #F4F5F1;
  color: #0F1115;
}
.pricing08_div-88 {
  display: flex;
  flex-wrap: wrap;
  row-gap: 16px;
  column-gap: 16px;
  align-items: center;
  padding-top: 22px;
  padding-right: 22px;
  padding-bottom: 22px;
  padding-left: 22px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
}
.pricing08_div-75 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 200px;
  font-size: 18px;
  font-weight: 600;
}
.pricing08_div-79 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 220px;
  display: flex;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
  min-height: 56px;
  padding-top: 0;
  padding-right: 14px;
  padding-bottom: 0;
  padding-left: 14px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  cursor: pointer;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #2D4BF0;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #2D4BF0;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #2D4BF0;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #2D4BF0;
  background-color: #E8ECFE;
}
.pricing08_div-76 {
  width: 20px;
  height: 20px;
  accent-color: #2D4BF0;
}
.pricing08_div-77 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  font-size: 15px;
}
.pricing08_div-78 {
  font-family: var(--blok-font-saas-mono);
  font-size: 14px;
  color: #5B616B;
}
.pricing08_div-83 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 220px;
  display: flex;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
  min-height: 56px;
  padding-top: 0;
  padding-right: 14px;
  padding-bottom: 0;
  padding-left: 14px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  cursor: pointer;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
  background-color: #FFFFFF;
}
.pricing08_div-80 {
  width: 20px;
  height: 20px;
  accent-color: #2D4BF0;
}
.pricing08_div-81 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  font-size: 15px;
}
.pricing08_div-82 {
  font-family: var(--blok-font-saas-mono);
  font-size: 14px;
  color: #5B616B;
}
.pricing08_div-87 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 220px;
  display: flex;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
  min-height: 56px;
  padding-top: 0;
  padding-right: 14px;
  padding-bottom: 0;
  padding-left: 14px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  cursor: pointer;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
  background-color: #FFFFFF;
}
.pricing08_div-84 {
  width: 20px;
  height: 20px;
  accent-color: #2D4BF0;
}
.pricing08_div-85 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  font-size: 15px;
}
.pricing08_div-86 {
  font-family: var(--blok-font-saas-mono);
  font-size: 14px;
  color: #5B616B;
}
.pricing08_subheading {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  text-align: center;
  font-size: 14px;
  color: #5B616B;
}
.section_pricing08.is-dark {
  background-color: var(--blok-saas-ink);
  color: var(--blok-saas-canvas);
}
.section_pricing08.is-accent {
  background-color: var(--blok-saas-blue);
  color: var(--blok-saas-white);
}

@media (min-width: 768px) {
  .pricing08_div-74 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 992px) {
  .pricing08_div-74 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* Generated by Blokset from components/pricing-09.js. Edit the spec, not this file. */
.section_pricing09 {
  font-family: var(--blok-font-saas);
  color: #0F1115;
  background-color: #FFFFFF;
  padding-top: clamp(56px, 8vw, 96px);
  padding-right: clamp(20px, 4vw, 48px);
  padding-bottom: clamp(56px, 8vw, 96px);
  padding-left: clamp(20px, 4vw, 48px);
}
.pricing09_div-63 {
  max-width: 1200px;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  row-gap: 32px;
  column-gap: 32px;
}
.pricing09_div-3 {
  display: flex;
  flex-direction: column;
  row-gap: 14px;
  column-gap: 14px;
  max-width: 640px;
}
.pricing09_div-1 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5B616B;
}
.pricing09_heading {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: clamp(34px, 4.4vw, 56px);
  line-height: 1.02;
  letter-spacing: -0.04em;
  font-weight: 600;
}
.pricing09_div-62 {
  display: flex;
  flex-wrap: wrap;
  row-gap: 20px;
  column-gap: 20px;
  align-items: flex-start;
}
.pricing09_div-41 {
  flex-grow: 999;
  flex-shrink: 1;
  flex-basis: 560px;
  display: flex;
  flex-direction: column;
  row-gap: 14px;
  column-gap: 14px;
}
.pricing09_div-15 {
  padding-top: 22px;
  padding-right: 22px;
  padding-bottom: 22px;
  padding-left: 22px;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
  border-bottom-left-radius: 18px;
  background-color: #F4F5F1;
  display: flex;
  flex-direction: column;
  row-gap: 12px;
  column-gap: 12px;
}
.pricing09_div-4 {
  font-size: 14px;
  color: #4E545D;
}
.pricing09_div-14 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  row-gap: 8px;
  column-gap: 8px;
}
.pricing09_div-7 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 4px;
  column-gap: 4px;
  padding-top: 14px;
  padding-right: 14px;
  padding-bottom: 14px;
  padding-left: 14px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  cursor: pointer;
  text-align: left;
  border-top-width: 2px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 2px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 2px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
  background-color: #FFFFFF;
  color: #0F1115;
}
.pricing09_div-5 {
  font-size: 16px;
  font-weight: 600;
}
.pricing09_div-6 {
  font-size: 13px;
  color: #5B616B;
}
.pricing09_div-10 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 4px;
  column-gap: 4px;
  padding-top: 14px;
  padding-right: 14px;
  padding-bottom: 14px;
  padding-left: 14px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  cursor: pointer;
  text-align: left;
  border-top-width: 2px;
  border-top-style: solid;
  border-top-color: #2D4BF0;
  border-right-width: 2px;
  border-right-style: solid;
  border-right-color: #2D4BF0;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #2D4BF0;
  border-left-width: 2px;
  border-left-style: solid;
  border-left-color: #2D4BF0;
  background-color: #FFFFFF;
  color: #0F1115;
}
.pricing09_div-8 {
  font-size: 16px;
  font-weight: 600;
}
.pricing09_div-9 {
  font-size: 13px;
  color: #5B616B;
}
.pricing09_div-13 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 4px;
  column-gap: 4px;
  padding-top: 14px;
  padding-right: 14px;
  padding-bottom: 14px;
  padding-left: 14px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  cursor: pointer;
  text-align: left;
  border-top-width: 2px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 2px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 2px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
  background-color: #FFFFFF;
  color: #0F1115;
}
.pricing09_div-11 {
  font-size: 16px;
  font-weight: 600;
}
.pricing09_div-12 {
  font-size: 13px;
  color: #5B616B;
}
.pricing09_div-33 {
  padding-top: 22px;
  padding-right: 22px;
  padding-bottom: 22px;
  padding-left: 22px;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
  border-bottom-left-radius: 18px;
  background-color: #F4F5F1;
  display: flex;
  flex-direction: column;
  row-gap: 12px;
  column-gap: 12px;
}
.pricing09_div-16 {
  font-size: 14px;
  color: #4E545D;
}
.pricing09_div-24 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
  padding-top: 10px;
  padding-right: 14px;
  padding-bottom: 10px;
  padding-left: 14px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  background-color: #FFFFFF;
}
.pricing09_div-19 {
  display: flex;
  flex-direction: column;
  row-gap: 2px;
  column-gap: 2px;
}
.pricing09_div-17 {
  font-size: 16px;
  font-weight: 500;
}
.pricing09_div-18 {
  font-size: 13px;
  color: #5B616B;
}
.pricing09_div-23 {
  display: flex;
  align-items: center;
  row-gap: 6px;
  column-gap: 6px;
}
.pricing09_div-20 {
  width: 44px;
  height: 44px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  background-color: #FFFFFF;
  cursor: pointer;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  flex-shrink: 0;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.pricing09_div-21 {
  min-width: 40px;
  text-align: center;
  font-family: var(--blok-font-saas-mono);
  font-size: 18px;
}
.pricing09_div-22 {
  width: 44px;
  height: 44px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  background-color: #FFFFFF;
  cursor: pointer;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  flex-shrink: 0;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.pricing09_div-32 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
  padding-top: 10px;
  padding-right: 14px;
  padding-bottom: 10px;
  padding-left: 14px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  background-color: #FFFFFF;
}
.pricing09_div-27 {
  display: flex;
  flex-direction: column;
  row-gap: 2px;
  column-gap: 2px;
}
.pricing09_div-25 {
  font-size: 16px;
  font-weight: 500;
}
.pricing09_div-26 {
  font-size: 13px;
  color: #5B616B;
}
.pricing09_div-31 {
  display: flex;
  align-items: center;
  row-gap: 6px;
  column-gap: 6px;
}
.pricing09_div-28 {
  width: 44px;
  height: 44px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  background-color: #FFFFFF;
  cursor: pointer;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  flex-shrink: 0;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.pricing09_div-29 {
  min-width: 40px;
  text-align: center;
  font-family: var(--blok-font-saas-mono);
  font-size: 18px;
}
.pricing09_div-30 {
  width: 44px;
  height: 44px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  background-color: #FFFFFF;
  cursor: pointer;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  flex-shrink: 0;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.pricing09_div-40 {
  padding-top: 22px;
  padding-right: 22px;
  padding-bottom: 22px;
  padding-left: 22px;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
  border-bottom-left-radius: 18px;
  background-color: #F4F5F1;
  display: flex;
  flex-direction: column;
  row-gap: 12px;
  column-gap: 12px;
}
.pricing09_div-34 {
  font-size: 14px;
  color: #4E545D;
}
.pricing09_div-39 {
  display: flex;
  flex-wrap: wrap;
  row-gap: 8px;
  column-gap: 8px;
}
.pricing09_div-35 {
  height: 44px;
  padding-top: 0;
  padding-right: 14px;
  padding-bottom: 0;
  padding-left: 14px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  cursor: pointer;
  font-size: 14px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #0F1115;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #0F1115;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #0F1115;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #0F1115;
  background-color: #0F1115;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pricing09_div-36 {
  height: 44px;
  padding-top: 0;
  padding-right: 14px;
  padding-bottom: 0;
  padding-left: 14px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  cursor: pointer;
  font-size: 14px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  background-color: #FFFFFF;
  color: #0F1115;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pricing09_div-37 {
  height: 44px;
  padding-top: 0;
  padding-right: 14px;
  padding-bottom: 0;
  padding-left: 14px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  cursor: pointer;
  font-size: 14px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  background-color: #FFFFFF;
  color: #0F1115;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pricing09_div-38 {
  height: 44px;
  padding-top: 0;
  padding-right: 14px;
  padding-bottom: 0;
  padding-left: 14px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  cursor: pointer;
  font-size: 14px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  background-color: #FFFFFF;
  color: #0F1115;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pricing09_div-61 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 320px;
  position: sticky;
  top: 24px;
  padding-top: 26px;
  padding-right: 26px;
  padding-bottom: 26px;
  padding-left: 26px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  background-color: #0F1115;
  color: #F4F5F1;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  column-gap: 16px;
}
.pricing09_div-42 {
  font-size: 15px;
  color: #A7ADB6;
}
.pricing09_div-55 {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  column-gap: 10px;
}
.pricing09_div-45 {
  display: flex;
  justify-content: space-between;
  row-gap: 12px;
  column-gap: 12px;
  font-size: 15px;
}
.pricing09_div-43 {
  color: #C9CDD4;
}
.pricing09_div-44 {
  font-family: var(--blok-font-saas-mono);
}
.pricing09_div-48 {
  display: flex;
  justify-content: space-between;
  row-gap: 12px;
  column-gap: 12px;
  font-size: 15px;
}
.pricing09_div-46 {
  color: #C9CDD4;
}
.pricing09_div-47 {
  font-family: var(--blok-font-saas-mono);
}
.pricing09_div-51 {
  display: flex;
  justify-content: space-between;
  row-gap: 12px;
  column-gap: 12px;
  font-size: 15px;
}
.pricing09_div-49 {
  color: #C9CDD4;
}
.pricing09_div-50 {
  font-family: var(--blok-font-saas-mono);
}
.pricing09_div-54 {
  display: flex;
  justify-content: space-between;
  row-gap: 12px;
  column-gap: 12px;
  font-size: 15px;
}
.pricing09_div-52 {
  color: #C9CDD4;
}
.pricing09_div-53 {
  font-family: var(--blok-font-saas-mono);
}
.pricing09_div-58 {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  padding-top: 16px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #2C3037;
}
.pricing09_div-56 {
  font-size: 15px;
  color: #A7ADB6;
}
.pricing09_div-57 {
  font-size: 48px;
  font-weight: 600;
  letter-spacing: -0.04em;
  line-height: 1;
}
.pricing09_a-59 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: #2D4BF0;
  color: #FFFFFF;
  font-weight: 500;
  text-decoration: none;
}
.pricing09_div-60 {
  font-size: 13px;
  color: #8C929B;
}
.section_pricing09.is-dark {
  background-color: var(--blok-saas-ink);
  color: var(--blok-saas-canvas);
}
.section_pricing09.is-accent {
  background-color: var(--blok-saas-blue);
  color: var(--blok-saas-white);
}

@media (min-width: 768px) {
  .pricing09_div-14 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* Generated by Blokset from components/pricing-10.js. Edit the spec, not this file. */
.section_pricing10 {
  font-family: var(--blok-font-saas);
  color: #0F1115;
  background-color: #F4F5F1;
  padding-top: clamp(56px, 8vw, 104px);
  padding-right: clamp(20px, 4vw, 48px);
  padding-bottom: clamp(56px, 8vw, 104px);
  padding-left: clamp(20px, 4vw, 48px);
}
.pricing10_div-82 {
  max-width: 1200px;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  row-gap: 32px;
  column-gap: 32px;
}
.pricing10_div-3 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  row-gap: 16px;
  column-gap: 16px;
}
.pricing10_heading {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: clamp(30px, 3.8vw, 48px);
  line-height: 1.05;
  letter-spacing: -0.035em;
  font-weight: 600;
}
.pricing10_div-2 {
  font-size: 15px;
  color: #4E545D;
}
.pricing10_div-81 {
  overflow-x: auto;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
  border-bottom-left-radius: 18px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  background-color: #FFFFFF;
}
.pricing10_div-80 {
  min-width: 760px;
}
.pricing10_div-14 {
  display: grid;
  grid-template-columns: minmax(220px, 1.6fr) repeat(3, minmax(0, 1fr));
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
}
.pricing10_div-4 {
  padding-top: 20px;
  padding-right: 24px;
  padding-bottom: 20px;
  padding-left: 24px;
  font-size: 14px;
  color: #5B616B;
  display: flex;
  align-items: flex-end;
}
.pricing10_div-7 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 4px;
  column-gap: 4px;
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  cursor: pointer;
  text-align: left;
  background-color: #FFFFFF;
  color: #0F1115;
}
.pricing10_div-5 {
  font-size: 17px;
  font-weight: 600;
}
.pricing10_div-6 {
  font-size: 13px;
  color: #5B616B;
}
.pricing10_div-10 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 4px;
  column-gap: 4px;
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  cursor: pointer;
  text-align: left;
  background-color: #0F1115;
  color: #FFFFFF;
}
.pricing10_div-8 {
  font-size: 17px;
  font-weight: 600;
}
.pricing10_div-9 {
  font-size: 13px;
  color: #B9BEC6;
}
.pricing10_div-13 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 4px;
  column-gap: 4px;
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  cursor: pointer;
  text-align: left;
  background-color: #FFFFFF;
  color: #0F1115;
}
.pricing10_div-11 {
  font-size: 17px;
  font-weight: 600;
}
.pricing10_div-12 {
  font-size: 13px;
  color: #5B616B;
}
.pricing10_div-17 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: 52px;
  padding-top: 0;
  padding-right: 24px;
  padding-bottom: 0;
  padding-left: 24px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: #FAFBF8;
  cursor: pointer;
  text-align: left;
  color: #0F1115;
}
.pricing10_div-15 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.pricing10_div-16 {
  font-size: 18px;
  color: #5B616B;
}
.pricing10_div-22 {
  display: grid;
  grid-template-columns: minmax(220px, 1.6fr) repeat(3, minmax(0, 1fr));
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #F0F1EC;
}
.pricing10_div-18 {
  padding-top: 16px;
  padding-right: 24px;
  padding-bottom: 16px;
  padding-left: 24px;
  font-size: 15px;
}
.pricing10_div-19 {
  padding-top: 16px;
  padding-right: 20px;
  padding-bottom: 16px;
  padding-left: 20px;
  font-size: 15px;
  background-color: transparent;
  color: #0F1115;
  font-weight: 400;
}
.pricing10_div-20 {
  padding-top: 16px;
  padding-right: 20px;
  padding-bottom: 16px;
  padding-left: 20px;
  font-size: 15px;
  background-color: #EEF1FE;
  color: #0F1115;
  font-weight: 500;
}
.pricing10_div-21 {
  padding-top: 16px;
  padding-right: 20px;
  padding-bottom: 16px;
  padding-left: 20px;
  font-size: 15px;
  background-color: transparent;
  color: #0F1115;
  font-weight: 400;
}
.pricing10_div-27 {
  display: grid;
  grid-template-columns: minmax(220px, 1.6fr) repeat(3, minmax(0, 1fr));
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #F0F1EC;
}
.pricing10_div-23 {
  padding-top: 16px;
  padding-right: 24px;
  padding-bottom: 16px;
  padding-left: 24px;
  font-size: 15px;
}
.pricing10_div-24 {
  padding-top: 16px;
  padding-right: 20px;
  padding-bottom: 16px;
  padding-left: 20px;
  font-size: 15px;
  background-color: transparent;
  color: #0F1115;
  font-weight: 400;
}
.pricing10_div-25 {
  padding-top: 16px;
  padding-right: 20px;
  padding-bottom: 16px;
  padding-left: 20px;
  font-size: 15px;
  background-color: #EEF1FE;
  color: #0F1115;
  font-weight: 500;
}
.pricing10_div-26 {
  padding-top: 16px;
  padding-right: 20px;
  padding-bottom: 16px;
  padding-left: 20px;
  font-size: 15px;
  background-color: transparent;
  color: #0F1115;
  font-weight: 400;
}
.pricing10_div-32 {
  display: grid;
  grid-template-columns: minmax(220px, 1.6fr) repeat(3, minmax(0, 1fr));
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #F0F1EC;
}
.pricing10_div-28 {
  padding-top: 16px;
  padding-right: 24px;
  padding-bottom: 16px;
  padding-left: 24px;
  font-size: 15px;
}
.pricing10_div-29 {
  padding-top: 16px;
  padding-right: 20px;
  padding-bottom: 16px;
  padding-left: 20px;
  font-size: 15px;
  background-color: transparent;
  color: #8C929B;
  font-weight: 400;
}
.pricing10_div-30 {
  padding-top: 16px;
  padding-right: 20px;
  padding-bottom: 16px;
  padding-left: 20px;
  font-size: 15px;
  background-color: #EEF1FE;
  color: #0F1115;
  font-weight: 500;
}
.pricing10_div-31 {
  padding-top: 16px;
  padding-right: 20px;
  padding-bottom: 16px;
  padding-left: 20px;
  font-size: 15px;
  background-color: transparent;
  color: #0F1115;
  font-weight: 400;
}
.pricing10_div-37 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: 52px;
  padding-top: 0;
  padding-right: 24px;
  padding-bottom: 0;
  padding-left: 24px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: #FAFBF8;
  cursor: pointer;
  text-align: left;
  color: #0F1115;
}
.pricing10_div-35 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.pricing10_div-36 {
  font-size: 18px;
  color: #5B616B;
}
.pricing10_div-42 {
  display: grid;
  grid-template-columns: minmax(220px, 1.6fr) repeat(3, minmax(0, 1fr));
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #F0F1EC;
}
.pricing10_div-38 {
  padding-top: 16px;
  padding-right: 24px;
  padding-bottom: 16px;
  padding-left: 24px;
  font-size: 15px;
}
.pricing10_div-39 {
  padding-top: 16px;
  padding-right: 20px;
  padding-bottom: 16px;
  padding-left: 20px;
  font-size: 15px;
  background-color: transparent;
  color: #0F1115;
  font-weight: 400;
}
.pricing10_div-40 {
  padding-top: 16px;
  padding-right: 20px;
  padding-bottom: 16px;
  padding-left: 20px;
  font-size: 15px;
  background-color: #EEF1FE;
  color: #0F1115;
  font-weight: 500;
}
.pricing10_div-41 {
  padding-top: 16px;
  padding-right: 20px;
  padding-bottom: 16px;
  padding-left: 20px;
  font-size: 15px;
  background-color: transparent;
  color: #0F1115;
  font-weight: 400;
}
.pricing10_div-47 {
  display: grid;
  grid-template-columns: minmax(220px, 1.6fr) repeat(3, minmax(0, 1fr));
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #F0F1EC;
}
.pricing10_div-43 {
  padding-top: 16px;
  padding-right: 24px;
  padding-bottom: 16px;
  padding-left: 24px;
  font-size: 15px;
}
.pricing10_div-44 {
  padding-top: 16px;
  padding-right: 20px;
  padding-bottom: 16px;
  padding-left: 20px;
  font-size: 15px;
  background-color: transparent;
  color: #8C929B;
  font-weight: 400;
}
.pricing10_div-45 {
  padding-top: 16px;
  padding-right: 20px;
  padding-bottom: 16px;
  padding-left: 20px;
  font-size: 15px;
  background-color: #EEF1FE;
  color: #0F1115;
  font-weight: 500;
}
.pricing10_div-46 {
  padding-top: 16px;
  padding-right: 20px;
  padding-bottom: 16px;
  padding-left: 20px;
  font-size: 15px;
  background-color: transparent;
  color: #0F1115;
  font-weight: 400;
}
.pricing10_div-52 {
  display: grid;
  grid-template-columns: minmax(220px, 1.6fr) repeat(3, minmax(0, 1fr));
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #F0F1EC;
}
.pricing10_div-48 {
  padding-top: 16px;
  padding-right: 24px;
  padding-bottom: 16px;
  padding-left: 24px;
  font-size: 15px;
}
.pricing10_div-49 {
  padding-top: 16px;
  padding-right: 20px;
  padding-bottom: 16px;
  padding-left: 20px;
  font-size: 15px;
  background-color: transparent;
  color: #8C929B;
  font-weight: 400;
}
.pricing10_div-50 {
  padding-top: 16px;
  padding-right: 20px;
  padding-bottom: 16px;
  padding-left: 20px;
  font-size: 15px;
  background-color: #EEF1FE;
  color: #0F1115;
  font-weight: 500;
}
.pricing10_div-51 {
  padding-top: 16px;
  padding-right: 20px;
  padding-bottom: 16px;
  padding-left: 20px;
  font-size: 15px;
  background-color: transparent;
  color: #0F1115;
  font-weight: 400;
}
.pricing10_div-57 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: 52px;
  padding-top: 0;
  padding-right: 24px;
  padding-bottom: 0;
  padding-left: 24px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: #FAFBF8;
  cursor: pointer;
  text-align: left;
  color: #0F1115;
}
.pricing10_div-55 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.pricing10_div-56 {
  font-size: 18px;
  color: #5B616B;
}
.pricing10_div-62 {
  display: grid;
  grid-template-columns: minmax(220px, 1.6fr) repeat(3, minmax(0, 1fr));
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #F0F1EC;
}
.pricing10_div-58 {
  padding-top: 16px;
  padding-right: 24px;
  padding-bottom: 16px;
  padding-left: 24px;
  font-size: 15px;
}
.pricing10_div-59 {
  padding-top: 16px;
  padding-right: 20px;
  padding-bottom: 16px;
  padding-left: 20px;
  font-size: 15px;
  background-color: transparent;
  color: #0F1115;
  font-weight: 400;
}
.pricing10_div-60 {
  padding-top: 16px;
  padding-right: 20px;
  padding-bottom: 16px;
  padding-left: 20px;
  font-size: 15px;
  background-color: #EEF1FE;
  color: #0F1115;
  font-weight: 500;
}
.pricing10_div-61 {
  padding-top: 16px;
  padding-right: 20px;
  padding-bottom: 16px;
  padding-left: 20px;
  font-size: 15px;
  background-color: transparent;
  color: #0F1115;
  font-weight: 400;
}
.pricing10_div-67 {
  display: grid;
  grid-template-columns: minmax(220px, 1.6fr) repeat(3, minmax(0, 1fr));
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #F0F1EC;
}
.pricing10_div-63 {
  padding-top: 16px;
  padding-right: 24px;
  padding-bottom: 16px;
  padding-left: 24px;
  font-size: 15px;
}
.pricing10_div-64 {
  padding-top: 16px;
  padding-right: 20px;
  padding-bottom: 16px;
  padding-left: 20px;
  font-size: 15px;
  background-color: transparent;
  color: #8C929B;
  font-weight: 400;
}
.pricing10_div-65 {
  padding-top: 16px;
  padding-right: 20px;
  padding-bottom: 16px;
  padding-left: 20px;
  font-size: 15px;
  background-color: #EEF1FE;
  color: #0F1115;
  font-weight: 500;
}
.pricing10_div-66 {
  padding-top: 16px;
  padding-right: 20px;
  padding-bottom: 16px;
  padding-left: 20px;
  font-size: 15px;
  background-color: transparent;
  color: #0F1115;
  font-weight: 400;
}
.pricing10_div-72 {
  display: grid;
  grid-template-columns: minmax(220px, 1.6fr) repeat(3, minmax(0, 1fr));
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #F0F1EC;
}
.pricing10_div-68 {
  padding-top: 16px;
  padding-right: 24px;
  padding-bottom: 16px;
  padding-left: 24px;
  font-size: 15px;
}
.pricing10_div-69 {
  padding-top: 16px;
  padding-right: 20px;
  padding-bottom: 16px;
  padding-left: 20px;
  font-size: 15px;
  background-color: transparent;
  color: #8C929B;
  font-weight: 400;
}
.pricing10_div-70 {
  padding-top: 16px;
  padding-right: 20px;
  padding-bottom: 16px;
  padding-left: 20px;
  font-size: 15px;
  background-color: #EEF1FE;
  color: #8C929B;
  font-weight: 500;
}
.pricing10_div-71 {
  padding-top: 16px;
  padding-right: 20px;
  padding-bottom: 16px;
  padding-left: 20px;
  font-size: 15px;
  background-color: transparent;
  color: #0F1115;
  font-weight: 400;
}
.pricing10_div-77 {
  display: grid;
  grid-template-columns: minmax(220px, 1.6fr) repeat(3, minmax(0, 1fr));
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #F0F1EC;
}
.pricing10_div-73 {
  padding-top: 16px;
  padding-right: 24px;
  padding-bottom: 16px;
  padding-left: 24px;
  font-size: 15px;
}
.pricing10_div-74 {
  padding-top: 16px;
  padding-right: 20px;
  padding-bottom: 16px;
  padding-left: 20px;
  font-size: 15px;
  background-color: transparent;
  color: #0F1115;
  font-weight: 400;
}
.pricing10_div-75 {
  padding-top: 16px;
  padding-right: 20px;
  padding-bottom: 16px;
  padding-left: 20px;
  font-size: 15px;
  background-color: #EEF1FE;
  color: #0F1115;
  font-weight: 500;
}
.pricing10_div-76 {
  padding-top: 16px;
  padding-right: 20px;
  padding-bottom: 16px;
  padding-left: 20px;
  font-size: 15px;
  background-color: transparent;
  color: #0F1115;
  font-weight: 400;
}
.section_pricing10.is-dark {
  background-color: var(--blok-saas-ink);
  color: var(--blok-saas-canvas);
}
.section_pricing10.is-accent {
  background-color: var(--blok-saas-blue);
  color: var(--blok-saas-white);
}

/* Generated by Blokset from components/pricing-11.js. Edit the spec, not this file. */
.section_pricing11 {
  font-family: var(--blok-font-saas);
  color: #0F1115;
  background-color: #F4F5F1;
  padding-top: clamp(56px, 8vw, 96px);
  padding-right: clamp(20px, 4vw, 48px);
  padding-bottom: clamp(56px, 8vw, 96px);
  padding-left: clamp(20px, 4vw, 48px);
}
.pricing11_div-61 {
  max-width: 960px;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  row-gap: 28px;
  column-gap: 28px;
}
.pricing11_div-3 {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 14px;
  column-gap: 14px;
  text-align: center;
}
.pricing11_div-1 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5B616B;
}
.pricing11_heading {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: clamp(34px, 4.4vw, 56px);
  line-height: 1.02;
  letter-spacing: -0.04em;
  font-weight: 600;
}
.pricing11_div-59 {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  overflow: hidden;
}
.pricing11_div-22 {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) minmax(0, 1fr);
  row-gap: 0;
  column-gap: 0;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
}
.pricing11_div-7 {
  padding-top: 18px;
  padding-right: 20px;
  padding-bottom: 18px;
  padding-left: 20px;
  display: flex;
  align-items: center;
}
.pricing11_div-6 {
  display: flex;
  align-items: center;
  row-gap: 10px;
  column-gap: 10px;
  font-size: 14px;
  color: #4E545D;
  cursor: pointer;
}
.pricing11_div-4 {
  width: 18px;
  height: 18px;
  accent-color: #2D4BF0;
}
.pricing11_div-14 {
  padding-top: 18px;
  padding-right: 16px;
  padding-bottom: 18px;
  padding-left: 16px;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #ECEEE8;
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  column-gap: 8px;
  background-color: #FFFFFF;
}
.pricing11_div-8 {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}
.pricing11_select-9 {
  width: 100%;
  height: 44px;
  padding-top: 0;
  padding-right: 10px;
  padding-bottom: 0;
  padding-left: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #CFD3CA;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #CFD3CA;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #CFD3CA;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #CFD3CA;
  background-color: #FFFFFF;
  font-size: 16px;
  font-weight: 600;
  color: #0F1115;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pricing11_div-13 {
  font-size: 28px;
  font-weight: 600;
  letter-spacing: -0.03em;
}
.pricing11_div-21 {
  padding-top: 18px;
  padding-right: 16px;
  padding-bottom: 18px;
  padding-left: 16px;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #ECEEE8;
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  column-gap: 8px;
  background-color: #F7F8FE;
}
.pricing11_div-15 {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}
.pricing11_select-16 {
  width: 100%;
  height: 44px;
  padding-top: 0;
  padding-right: 10px;
  padding-bottom: 0;
  padding-left: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #CFD3CA;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #CFD3CA;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #CFD3CA;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #CFD3CA;
  background-color: #FFFFFF;
  font-size: 16px;
  font-weight: 600;
  color: #0F1115;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pricing11_div-20 {
  font-size: 28px;
  font-weight: 600;
  letter-spacing: -0.03em;
}
.pricing11_div-26 {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) minmax(0, 1fr);
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ECEEE8;
  min-height: 56px;
}
.pricing11_div-23 {
  padding-top: 0;
  padding-right: 20px;
  padding-bottom: 0;
  padding-left: 20px;
  display: flex;
  align-items: center;
  font-size: 15px;
}
.pricing11_div-24 {
  padding-top: 0;
  padding-right: 16px;
  padding-bottom: 0;
  padding-left: 16px;
  display: flex;
  align-items: center;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #ECEEE8;
  font-size: 15px;
  color: #0F1115;
}
.pricing11_div-25 {
  padding-top: 0;
  padding-right: 16px;
  padding-bottom: 0;
  padding-left: 16px;
  display: flex;
  align-items: center;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #ECEEE8;
  font-size: 15px;
  color: #0F1115;
}
.pricing11_div-30 {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) minmax(0, 1fr);
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ECEEE8;
  min-height: 56px;
}
.pricing11_div-27 {
  padding-top: 0;
  padding-right: 20px;
  padding-bottom: 0;
  padding-left: 20px;
  display: flex;
  align-items: center;
  font-size: 15px;
}
.pricing11_div-28 {
  padding-top: 0;
  padding-right: 16px;
  padding-bottom: 0;
  padding-left: 16px;
  display: flex;
  align-items: center;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #ECEEE8;
  font-size: 15px;
  color: #1D6B3A;
}
.pricing11_div-29 {
  padding-top: 0;
  padding-right: 16px;
  padding-bottom: 0;
  padding-left: 16px;
  display: flex;
  align-items: center;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #ECEEE8;
  font-size: 15px;
  color: #1D6B3A;
}
.pricing11_div-34 {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) minmax(0, 1fr);
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ECEEE8;
  min-height: 56px;
}
.pricing11_div-31 {
  padding-top: 0;
  padding-right: 20px;
  padding-bottom: 0;
  padding-left: 20px;
  display: flex;
  align-items: center;
  font-size: 15px;
}
.pricing11_div-32 {
  padding-top: 0;
  padding-right: 16px;
  padding-bottom: 0;
  padding-left: 16px;
  display: flex;
  align-items: center;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #ECEEE8;
  font-size: 15px;
  color: #1D6B3A;
}
.pricing11_div-33 {
  padding-top: 0;
  padding-right: 16px;
  padding-bottom: 0;
  padding-left: 16px;
  display: flex;
  align-items: center;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #ECEEE8;
  font-size: 15px;
  color: #1D6B3A;
}
.pricing11_div-38 {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) minmax(0, 1fr);
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ECEEE8;
  min-height: 56px;
}
.pricing11_div-35 {
  padding-top: 0;
  padding-right: 20px;
  padding-bottom: 0;
  padding-left: 20px;
  display: flex;
  align-items: center;
  font-size: 15px;
}
.pricing11_div-36 {
  padding-top: 0;
  padding-right: 16px;
  padding-bottom: 0;
  padding-left: 16px;
  display: flex;
  align-items: center;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #ECEEE8;
  font-size: 15px;
  color: #9AA0A8;
}
.pricing11_div-37 {
  padding-top: 0;
  padding-right: 16px;
  padding-bottom: 0;
  padding-left: 16px;
  display: flex;
  align-items: center;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #ECEEE8;
  font-size: 15px;
  color: #1D6B3A;
}
.pricing11_div-42 {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) minmax(0, 1fr);
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ECEEE8;
  min-height: 56px;
}
.pricing11_div-39 {
  padding-top: 0;
  padding-right: 20px;
  padding-bottom: 0;
  padding-left: 20px;
  display: flex;
  align-items: center;
  font-size: 15px;
}
.pricing11_div-40 {
  padding-top: 0;
  padding-right: 16px;
  padding-bottom: 0;
  padding-left: 16px;
  display: flex;
  align-items: center;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #ECEEE8;
  font-size: 15px;
  color: #9AA0A8;
}
.pricing11_div-41 {
  padding-top: 0;
  padding-right: 16px;
  padding-bottom: 0;
  padding-left: 16px;
  display: flex;
  align-items: center;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #ECEEE8;
  font-size: 15px;
  color: #1D6B3A;
}
.pricing11_div-46 {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) minmax(0, 1fr);
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ECEEE8;
  min-height: 56px;
}
.pricing11_div-43 {
  padding-top: 0;
  padding-right: 20px;
  padding-bottom: 0;
  padding-left: 20px;
  display: flex;
  align-items: center;
  font-size: 15px;
}
.pricing11_div-44 {
  padding-top: 0;
  padding-right: 16px;
  padding-bottom: 0;
  padding-left: 16px;
  display: flex;
  align-items: center;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #ECEEE8;
  font-size: 15px;
  color: #9AA0A8;
}
.pricing11_div-45 {
  padding-top: 0;
  padding-right: 16px;
  padding-bottom: 0;
  padding-left: 16px;
  display: flex;
  align-items: center;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #ECEEE8;
  font-size: 15px;
  color: #0F1115;
}
.pricing11_div-50 {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) minmax(0, 1fr);
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ECEEE8;
  min-height: 56px;
}
.pricing11_div-47 {
  padding-top: 0;
  padding-right: 20px;
  padding-bottom: 0;
  padding-left: 20px;
  display: flex;
  align-items: center;
  font-size: 15px;
}
.pricing11_div-48 {
  padding-top: 0;
  padding-right: 16px;
  padding-bottom: 0;
  padding-left: 16px;
  display: flex;
  align-items: center;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #ECEEE8;
  font-size: 15px;
  color: #9AA0A8;
}
.pricing11_div-49 {
  padding-top: 0;
  padding-right: 16px;
  padding-bottom: 0;
  padding-left: 16px;
  display: flex;
  align-items: center;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #ECEEE8;
  font-size: 15px;
  color: #9AA0A8;
}
.pricing11_div-54 {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) minmax(0, 1fr);
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ECEEE8;
  min-height: 56px;
}
.pricing11_div-51 {
  padding-top: 0;
  padding-right: 20px;
  padding-bottom: 0;
  padding-left: 20px;
  display: flex;
  align-items: center;
  font-size: 15px;
}
.pricing11_div-52 {
  padding-top: 0;
  padding-right: 16px;
  padding-bottom: 0;
  padding-left: 16px;
  display: flex;
  align-items: center;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #ECEEE8;
  font-size: 15px;
  color: #9AA0A8;
}
.pricing11_div-53 {
  padding-top: 0;
  padding-right: 16px;
  padding-bottom: 0;
  padding-left: 16px;
  display: flex;
  align-items: center;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #ECEEE8;
  font-size: 15px;
  color: #9AA0A8;
}
.pricing11_div-58 {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) minmax(0, 1fr);
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ECEEE8;
  min-height: 56px;
}
.pricing11_div-55 {
  padding-top: 0;
  padding-right: 20px;
  padding-bottom: 0;
  padding-left: 20px;
  display: flex;
  align-items: center;
  font-size: 15px;
}
.pricing11_div-56 {
  padding-top: 0;
  padding-right: 16px;
  padding-bottom: 0;
  padding-left: 16px;
  display: flex;
  align-items: center;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #ECEEE8;
  font-size: 15px;
  color: #0F1115;
}
.pricing11_div-57 {
  padding-top: 0;
  padding-right: 16px;
  padding-bottom: 0;
  padding-left: 16px;
  display: flex;
  align-items: center;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #ECEEE8;
  font-size: 15px;
  color: #0F1115;
}
.pricing11_subheading {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  text-align: center;
  font-size: 14px;
  color: #5B616B;
}
.section_pricing11.is-dark {
  background-color: var(--blok-saas-ink);
  color: var(--blok-saas-canvas);
}
.section_pricing11.is-accent {
  background-color: var(--blok-saas-blue);
  color: var(--blok-saas-white);
}

/* Generated by Blokset from components/pricing-12.js. Edit the spec, not this file. */
.section_pricing12 {
  font-family: var(--blok-font-saas);
  color: #0F1115;
  background-color: #FFFFFF;
  padding-top: clamp(56px, 8vw, 96px);
  padding-right: clamp(20px, 4vw, 48px);
  padding-bottom: clamp(56px, 8vw, 96px);
  padding-left: clamp(20px, 4vw, 48px);
}
.pricing12_div-45 {
  max-width: 1200px;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  row-gap: 28px;
  column-gap: 28px;
}
.pricing12_div-3 {
  display: flex;
  flex-direction: column;
  row-gap: 14px;
  column-gap: 14px;
  max-width: 680px;
}
.pricing12_div-1 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5B616B;
}
.pricing12_heading {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: clamp(34px, 4.4vw, 56px);
  line-height: 1.02;
  letter-spacing: -0.04em;
  font-weight: 600;
}
.pricing12_div-12 {
  display: flex;
  flex-wrap: wrap;
  row-gap: 8px;
  column-gap: 8px;
}
.pricing12_div-4 {
  height: 44px;
  padding-top: 0;
  padding-right: 16px;
  padding-bottom: 0;
  padding-left: 16px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  cursor: pointer;
  font-size: 15px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #0F1115;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #0F1115;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #0F1115;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #0F1115;
  background-color: #0F1115;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pricing12_div-5 {
  height: 44px;
  padding-top: 0;
  padding-right: 16px;
  padding-bottom: 0;
  padding-left: 16px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  cursor: pointer;
  font-size: 15px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  background-color: #FFFFFF;
  color: #0F1115;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pricing12_div-6 {
  height: 44px;
  padding-top: 0;
  padding-right: 16px;
  padding-bottom: 0;
  padding-left: 16px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  cursor: pointer;
  font-size: 15px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #0F1115;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #0F1115;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #0F1115;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #0F1115;
  background-color: #0F1115;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pricing12_div-7 {
  height: 44px;
  padding-top: 0;
  padding-right: 16px;
  padding-bottom: 0;
  padding-left: 16px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  cursor: pointer;
  font-size: 15px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  background-color: #FFFFFF;
  color: #0F1115;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pricing12_div-8 {
  height: 44px;
  padding-top: 0;
  padding-right: 16px;
  padding-bottom: 0;
  padding-left: 16px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  cursor: pointer;
  font-size: 15px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  background-color: #FFFFFF;
  color: #0F1115;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pricing12_div-9 {
  height: 44px;
  padding-top: 0;
  padding-right: 16px;
  padding-bottom: 0;
  padding-left: 16px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  cursor: pointer;
  font-size: 15px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  background-color: #FFFFFF;
  color: #0F1115;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pricing12_div-10 {
  height: 44px;
  padding-top: 0;
  padding-right: 16px;
  padding-bottom: 0;
  padding-left: 16px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  cursor: pointer;
  font-size: 15px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  background-color: #FFFFFF;
  color: #0F1115;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pricing12_div-11 {
  height: 44px;
  padding-top: 0;
  padding-right: 16px;
  padding-bottom: 0;
  padding-left: 16px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  cursor: pointer;
  font-size: 15px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  background-color: #FFFFFF;
  color: #0F1115;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pricing12_div-43 {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 12px;
  column-gap: 12px;
}
.pricing12_div-20 {
  display: flex;
  flex-direction: column;
  row-gap: 14px;
  column-gap: 14px;
  padding-top: 22px;
  padding-right: 22px;
  padding-bottom: 22px;
  padding-left: 22px;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
  border-bottom-left-radius: 18px;
  border-top-width: 2px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 2px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 2px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
  background-color: #FFFFFF;
  opacity: 0.55;
  transition: opacity 200ms ease;
}
.pricing12_div-14 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 26px;
}
.pricing12_div-13 {
  font-size: 18px;
  font-weight: 600;
}
.pricing12_div-15 {
  font-size: 36px;
  font-weight: 600;
  letter-spacing: -0.04em;
}
.pricing12_div-16 {
  font-size: 14px;
  color: #5B616B;
}
.pricing12_div-18 {
  list-style: none;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
  flex-direction: column;
  row-gap: 6px;
  column-gap: 6px;
  font-size: 14px;
}
.pricing12_div-17 {
  color: #9A4A12;
}
.pricing12_a-19 {
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  font-weight: 500;
  text-decoration: none;
  background-color: #F4F5F1;
  color: #0F1115;
}
.pricing12_div-28 {
  display: flex;
  flex-direction: column;
  row-gap: 14px;
  column-gap: 14px;
  padding-top: 22px;
  padding-right: 22px;
  padding-bottom: 22px;
  padding-left: 22px;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
  border-bottom-left-radius: 18px;
  border-top-width: 2px;
  border-top-style: solid;
  border-top-color: #2D4BF0;
  border-right-width: 2px;
  border-right-style: solid;
  border-right-color: #2D4BF0;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #2D4BF0;
  border-left-width: 2px;
  border-left-style: solid;
  border-left-color: #2D4BF0;
  background-color: #F7F8FE;
  opacity: 1;
  transition: opacity 200ms ease;
}
.pricing12_div-23 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 26px;
}
.pricing12_div-21 {
  font-size: 18px;
  font-weight: 600;
}
.pricing12_div-22 {
  padding-top: 4px;
  padding-right: 10px;
  padding-bottom: 4px;
  padding-left: 10px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  font-size: 12px;
  font-weight: 500;
  background-color: #2D4BF0;
  color: #FFFFFF;
}
.pricing12_div-24 {
  font-size: 36px;
  font-weight: 600;
  letter-spacing: -0.04em;
}
.pricing12_div-25 {
  font-size: 14px;
  color: #1D6B3A;
}
.pricing12_div-26 {
  list-style: none;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
  flex-direction: column;
  row-gap: 6px;
  column-gap: 6px;
  font-size: 14px;
}
.pricing12_a-27 {
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  font-weight: 500;
  text-decoration: none;
  background-color: #2D4BF0;
  color: #FFFFFF;
}
.pricing12_div-35 {
  display: flex;
  flex-direction: column;
  row-gap: 14px;
  column-gap: 14px;
  padding-top: 22px;
  padding-right: 22px;
  padding-bottom: 22px;
  padding-left: 22px;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
  border-bottom-left-radius: 18px;
  border-top-width: 2px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 2px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 2px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
  background-color: #FFFFFF;
  opacity: 1;
  transition: opacity 200ms ease;
}
.pricing12_div-30 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 26px;
}
.pricing12_div-29 {
  font-size: 18px;
  font-weight: 600;
}
.pricing12_div-31 {
  font-size: 36px;
  font-weight: 600;
  letter-spacing: -0.04em;
}
.pricing12_div-32 {
  font-size: 14px;
  color: #1D6B3A;
}
.pricing12_div-33 {
  list-style: none;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
  flex-direction: column;
  row-gap: 6px;
  column-gap: 6px;
  font-size: 14px;
}
.pricing12_a-34 {
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  font-weight: 500;
  text-decoration: none;
  background-color: #F4F5F1;
  color: #0F1115;
}
.pricing12_div-42 {
  display: flex;
  flex-direction: column;
  row-gap: 14px;
  column-gap: 14px;
  padding-top: 22px;
  padding-right: 22px;
  padding-bottom: 22px;
  padding-left: 22px;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
  border-bottom-left-radius: 18px;
  border-top-width: 2px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 2px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 2px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
  background-color: #FFFFFF;
  opacity: 1;
  transition: opacity 200ms ease;
}
.pricing12_div-37 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 26px;
}
.pricing12_div-36 {
  font-size: 18px;
  font-weight: 600;
}
.pricing12_div-38 {
  font-size: 36px;
  font-weight: 600;
  letter-spacing: -0.04em;
}
.pricing12_div-39 {
  font-size: 14px;
  color: #1D6B3A;
}
.pricing12_div-40 {
  list-style: none;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
  flex-direction: column;
  row-gap: 6px;
  column-gap: 6px;
  font-size: 14px;
}
.pricing12_a-41 {
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  font-weight: 500;
  text-decoration: none;
  background-color: #F4F5F1;
  color: #0F1115;
}
.pricing12_subheading {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 14px;
  color: #5B616B;
}
.section_pricing12.is-dark {
  background-color: var(--blok-saas-ink);
  color: var(--blok-saas-canvas);
}
.section_pricing12.is-accent {
  background-color: var(--blok-saas-blue);
  color: var(--blok-saas-white);
}

@media (min-width: 768px) {
  .pricing12_div-43 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 992px) {
  .pricing12_div-43 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

/* Generated by Blokset from components/faq-04.js. Edit the spec, not this file. */
.section_faq4 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.faq4_component {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  row-gap: 3rem;
  column-gap: 0rem;
}
.faq4_intro {
  position: static;
  top: auto;
  width: 100%;
  flex-shrink: 0;
}
.faq4_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.faq4_heading {
  margin-top: 0;
  margin-bottom: 1.25rem;
  font-family: var(--blok-font-display);
  font-size: 2.5rem;
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
}
.faq4_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 26rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.faq4_contact {
  display: flex;
  align-items: center;
  column-gap: 0.875rem;
  margin-top: 2rem;
}
.faq4_contact-image {
  width: 3rem;
  height: 3rem;
  object-fit: cover;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
}
.faq4_contact-name {
  font-weight: 600;
  line-height: 1.3;
}
.faq4_contact-role {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  color: var(--blok-ink-muted);
}
.faq4_actions {
  display: flex;
  margin-top: 1.5rem;
}
.faq4_list {
  flex-grow: 1;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: var(--blok-line);
}
.faq4_item {
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: var(--blok-line);
}
.faq4_trigger {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  column-gap: 1.5rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  cursor: pointer;
}
.faq4_question {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  font-size: 1.25rem;
  line-height: 1.3;
  font-weight: 600;
  letter-spacing: -0.01em;
}
.faq4_icon {
  flex-shrink: 0;
  font-size: 1.75rem;
  line-height: 1;
  font-weight: 300;
  color: var(--blok-accent);
}
.faq4_answer {
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 1.75rem;
  max-width: 40rem;
  font-size: 1.0625rem;
  line-height: 1.65;
  color: var(--blok-ink-muted);
}
.section_faq4.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.faq4_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.faq4_description.is-dark {
  color: var(--blok-surface-muted);
}
.faq4_list.is-dark {
  border-bottom-color: var(--blok-line-inverse);
}
.faq4_item.is-dark {
  border-top-color: var(--blok-line-inverse);
}
.faq4_icon.is-dark {
  color: var(--blok-accent);
}
.faq4_answer.is-dark {
  color: var(--blok-surface-muted);
}
.faq4_contact-role.is-dark {
  color: var(--blok-surface-muted);
}
.section_faq4.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.faq4_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.faq4_description.is-accent {
  color: var(--blok-ink-soft);
}
.faq4_list.is-accent {
  border-bottom-color: var(--blok-line);
}
.faq4_item.is-accent {
  border-top-color: var(--blok-line);
}
.faq4_icon.is-accent {
  color: var(--blok-ink);
}
.faq4_answer.is-accent {
  color: var(--blok-ink-soft);
}
.faq4_contact-role.is-accent {
  color: var(--blok-ink-soft);
}
.faq4_component.is-stacked {
  flex-direction: column;
  align-items: stretch;
  row-gap: 3rem;
  column-gap: 0rem;
}
.faq4_intro.is-stacked {
  position: static;
  width: 100%;
}
.faq4_list.is-stacked {
  max-width: 56rem;
}

@media (min-width: 992px) {
  .faq4_component {
    flex-direction: row;
    align-items: flex-start;
    row-gap: 0rem;
    column-gap: 6rem;
  }
  .faq4_intro {
    position: sticky;
    top: 6rem;
    width: 32%;
  }
  .faq4_heading {
    font-size: 3.5rem;
  }
  .faq4_trigger {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
  }
  .faq4_question {
    font-size: 1.5rem;
  }
  .faq4_component.is-stacked {
    flex-direction: column;
    align-items: stretch;
    row-gap: 4rem;
    column-gap: 0rem;
  }
  .faq4_intro.is-stacked {
    position: static;
    width: 100%;
  }
}

/* Generated by Blokset from components/faq-05.js. Edit the spec, not this file. */
.section_faq5 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.faq5_component {
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
}
.faq5_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: left;
}
.faq5_header-title {
  max-width: 40rem;
}
.faq5_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.faq5_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-ink);
}
.faq5_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.faq5_list {
  display: grid;
  grid-template-columns: 1fr;
  grid-column-gap: 0rem;
  grid-row-gap: 2rem;
}
.faq5_item {
  display: flex;
  flex-direction: column;
  row-gap: 0.6rem;
}
.faq5_question {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  font-size: 1.35rem;
  line-height: 1.25;
  font-weight: 600;
  letter-spacing: -0.02em;
}
.faq5_answer {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.section_faq5.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.faq5_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.faq5_heading.is-dark {
  color: var(--blok-surface);
}
.faq5_description.is-dark {
  color: var(--blok-surface-muted);
}
.faq5_answer.is-dark {
  color: var(--blok-surface-muted);
}
.section_faq5.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.faq5_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.faq5_heading.is-accent {
  color: var(--blok-ink);
}
.faq5_description.is-accent {
  color: var(--blok-ink-soft);
}
.faq5_answer.is-accent {
  color: var(--blok-ink-soft);
}

@media (min-width: 768px) {
  .faq5_heading {
    font-size: 3rem;
  }
}

@media (min-width: 992px) {
  .faq5_component {
    row-gap: 3.5rem;
  }
  .faq5_header {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    column-gap: 4rem;
  }
  .faq5_heading {
    font-size: 3.5rem;
  }
  .faq5_list {
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 3rem;
    grid-row-gap: 2.75rem;
  }
}

/* Generated by Blokset from components/faq-07.js. Edit the spec, not this file. */
.section_faq07 {
  font-family: var(--blok-font-saas);
  color: #0F1115;
  background-color: #FFFFFF;
  padding-top: clamp(56px, 8vw, 104px);
  padding-right: clamp(20px, 4vw, 48px);
  padding-bottom: clamp(56px, 8vw, 104px);
  padding-left: clamp(20px, 4vw, 48px);
}
.faq07_div-46 {
  max-width: 860px;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  row-gap: 28px;
  column-gap: 28px;
}
.faq07_div-3 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  row-gap: 14px;
  column-gap: 14px;
}
.faq07_div-1 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5B616B;
}
.faq07_heading {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: clamp(34px, 4.4vw, 52px);
  line-height: 1.02;
  letter-spacing: -0.04em;
  font-weight: 600;
}
.faq07_div-8 {
  display: flex;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
  height: 56px;
  padding-top: 0;
  padding-right: 18px;
  padding-bottom: 0;
  padding-left: 18px;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 14px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #CFD3CA;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #CFD3CA;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #CFD3CA;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #CFD3CA;
  background-color: #F4F5F1;
}
.faq07_icon-4 {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}
.faq07_div-5 {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}
.faq07_div-6 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  min-width: 0;
  height: 40px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  outline: none;
  background-color: transparent;
  font-size: 17px;
  color: #0F1115;
}
.faq07_div-7 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  color: #5B616B;
}
.faq07_div-45 {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  column-gap: 8px;
}
.faq07_div-14 {
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 14px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  background-color: #F4F5F1;
}
.faq07_div-11 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  row-gap: 16px;
  column-gap: 16px;
  width: 100%;
  min-height: 64px;
  padding-top: 0;
  padding-right: 20px;
  padding-bottom: 0;
  padding-left: 20px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: transparent;
  cursor: pointer;
  text-align: left;
  color: #0F1115;
}
.faq07_div-9 {
  font-size: 17px;
  font-weight: 600;
}
.faq07_div-10 {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  background-color: #0F1115;
  color: #FFFFFF;
}
.faq07_subheading {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  font-size: 16px;
  line-height: 1.6;
  color: #4E545D;
}
.faq07_div-20 {
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 14px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E9EBE5;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E9EBE5;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E9EBE5;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E9EBE5;
  background-color: #FFFFFF;
}
.faq07_div-17 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  row-gap: 16px;
  column-gap: 16px;
  width: 100%;
  min-height: 64px;
  padding-top: 0;
  padding-right: 20px;
  padding-bottom: 0;
  padding-left: 20px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: transparent;
  cursor: pointer;
  text-align: left;
  color: #0F1115;
}
.faq07_div-15 {
  font-size: 17px;
  font-weight: 600;
}
.faq07_div-16 {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  background-color: #F1F2EE;
  color: #0F1115;
}
.faq07_p-18 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  font-size: 16px;
  line-height: 1.6;
  color: #4E545D;
}
.faq07_div-26 {
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 14px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E9EBE5;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E9EBE5;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E9EBE5;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E9EBE5;
  background-color: #FFFFFF;
}
.faq07_div-23 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  row-gap: 16px;
  column-gap: 16px;
  width: 100%;
  min-height: 64px;
  padding-top: 0;
  padding-right: 20px;
  padding-bottom: 0;
  padding-left: 20px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: transparent;
  cursor: pointer;
  text-align: left;
  color: #0F1115;
}
.faq07_div-21 {
  font-size: 17px;
  font-weight: 600;
}
.faq07_div-22 {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  background-color: #F1F2EE;
  color: #0F1115;
}
.faq07_p-24 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  font-size: 16px;
  line-height: 1.6;
  color: #4E545D;
}
.faq07_div-32 {
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 14px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E9EBE5;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E9EBE5;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E9EBE5;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E9EBE5;
  background-color: #FFFFFF;
}
.faq07_div-29 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  row-gap: 16px;
  column-gap: 16px;
  width: 100%;
  min-height: 64px;
  padding-top: 0;
  padding-right: 20px;
  padding-bottom: 0;
  padding-left: 20px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: transparent;
  cursor: pointer;
  text-align: left;
  color: #0F1115;
}
.faq07_div-27 {
  font-size: 17px;
  font-weight: 600;
}
.faq07_div-28 {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  background-color: #F1F2EE;
  color: #0F1115;
}
.faq07_p-30 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  font-size: 16px;
  line-height: 1.6;
  color: #4E545D;
}
.faq07_div-38 {
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 14px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E9EBE5;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E9EBE5;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E9EBE5;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E9EBE5;
  background-color: #FFFFFF;
}
.faq07_div-35 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  row-gap: 16px;
  column-gap: 16px;
  width: 100%;
  min-height: 64px;
  padding-top: 0;
  padding-right: 20px;
  padding-bottom: 0;
  padding-left: 20px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: transparent;
  cursor: pointer;
  text-align: left;
  color: #0F1115;
}
.faq07_div-33 {
  font-size: 17px;
  font-weight: 600;
}
.faq07_div-34 {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  background-color: #F1F2EE;
  color: #0F1115;
}
.faq07_p-36 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  font-size: 16px;
  line-height: 1.6;
  color: #4E545D;
}
.faq07_div-44 {
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 14px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E9EBE5;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E9EBE5;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E9EBE5;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E9EBE5;
  background-color: #FFFFFF;
}
.faq07_div-41 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  row-gap: 16px;
  column-gap: 16px;
  width: 100%;
  min-height: 64px;
  padding-top: 0;
  padding-right: 20px;
  padding-bottom: 0;
  padding-left: 20px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: transparent;
  cursor: pointer;
  text-align: left;
  color: #0F1115;
}
.faq07_div-39 {
  font-size: 17px;
  font-weight: 600;
}
.faq07_div-40 {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  background-color: #F1F2EE;
  color: #0F1115;
}
.faq07_p-42 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  font-size: 16px;
  line-height: 1.6;
  color: #4E545D;
}
.section_faq07.is-dark {
  background-color: var(--blok-saas-ink);
  color: var(--blok-saas-canvas);
}
.section_faq07.is-accent {
  background-color: var(--blok-saas-blue);
  color: var(--blok-saas-white);
}

/* Generated by Blokset from components/faq-08.js. Edit the spec, not this file. */
.section_faq08 {
  font-family: var(--blok-font-saas);
  color: #0F1115;
  background-color: #F4F5F1;
  padding-top: clamp(56px, 8vw, 96px);
  padding-right: clamp(20px, 4vw, 48px);
  padding-bottom: clamp(56px, 8vw, 96px);
  padding-left: clamp(20px, 4vw, 48px);
}
.faq08_div-40 {
  max-width: 1200px;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  display: flex;
  flex-wrap: wrap;
  row-gap: clamp(28px, 5vw, 64px);
  column-gap: clamp(28px, 5vw, 64px);
}
.faq08_div-20 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 300px;
  max-width: 380px;
  display: flex;
  flex-direction: column;
  row-gap: 22px;
  column-gap: 22px;
}
.faq08_div-1 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5B616B;
}
.faq08_heading {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: clamp(34px, 4.4vw, 52px);
  line-height: 1.02;
  letter-spacing: -0.04em;
  font-weight: 600;
}
.faq08_div-15 {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  column-gap: 4px;
}
.faq08_div-5 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 48px;
  padding-top: 0;
  padding-right: 16px;
  padding-bottom: 0;
  padding-left: 16px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  cursor: pointer;
  text-align: left;
  font-size: 16px;
  font-weight: 500;
  background-color: #0F1115;
  color: #FFFFFF;
}
.faq08_div-4 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  opacity: 0.7;
}
.faq08_div-8 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 48px;
  padding-top: 0;
  padding-right: 16px;
  padding-bottom: 0;
  padding-left: 16px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  cursor: pointer;
  text-align: left;
  font-size: 16px;
  font-weight: 500;
  background-color: transparent;
  color: #0F1115;
}
.faq08_div-7 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  opacity: 0.7;
}
.faq08_div-11 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 48px;
  padding-top: 0;
  padding-right: 16px;
  padding-bottom: 0;
  padding-left: 16px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  cursor: pointer;
  text-align: left;
  font-size: 16px;
  font-weight: 500;
  background-color: transparent;
  color: #0F1115;
}
.faq08_div-10 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  opacity: 0.7;
}
.faq08_div-14 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 48px;
  padding-top: 0;
  padding-right: 16px;
  padding-bottom: 0;
  padding-left: 16px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  cursor: pointer;
  text-align: left;
  font-size: 16px;
  font-weight: 500;
  background-color: transparent;
  color: #0F1115;
}
.faq08_div-13 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  opacity: 0.7;
}
.faq08_div-19 {
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  column-gap: 8px;
}
.faq08_div-16 {
  font-size: 16px;
  font-weight: 600;
}
.faq08_div-17 {
  font-size: 14px;
  line-height: 1.5;
  color: #4E545D;
}
.faq08_a-18 {
  font-weight: 500;
  text-decoration: none;
  color: #2D4BF0;
}
.faq08_div-39 {
  flex-grow: 999;
  flex-shrink: 1;
  flex-basis: 520px;
  min-width: 0;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  column-gap: 10px;
}
.faq08_div-26 {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #CFD3CA;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #CFD3CA;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #CFD3CA;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #CFD3CA;
}
.faq08_div-23 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  row-gap: 16px;
  column-gap: 16px;
  width: 100%;
  min-height: 68px;
  padding-top: 0;
  padding-right: 22px;
  padding-bottom: 0;
  padding-left: 22px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: transparent;
  cursor: pointer;
  text-align: left;
  color: #0F1115;
}
.faq08_div-21 {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.01em;
}
.faq08_div-22 {
  flex-shrink: 0;
  font-size: 14px;
  color: #5B616B;
  transform: rotate(180deg);
  transition: transform 180ms ease;
}
.faq08_subheading {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  padding-right: 22px;
  padding-bottom: 22px;
  padding-left: 22px;
  font-size: 16px;
  line-height: 1.6;
  color: #4E545D;
}
.faq08_div-32 {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
}
.faq08_div-29 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  row-gap: 16px;
  column-gap: 16px;
  width: 100%;
  min-height: 68px;
  padding-top: 0;
  padding-right: 22px;
  padding-bottom: 0;
  padding-left: 22px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: transparent;
  cursor: pointer;
  text-align: left;
  color: #0F1115;
}
.faq08_div-27 {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.01em;
}
.faq08_div-28 {
  flex-shrink: 0;
  font-size: 14px;
  color: #5B616B;
  transform: rotate(0deg);
  transition: transform 180ms ease;
}
.faq08_p-30 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  padding-right: 22px;
  padding-bottom: 22px;
  padding-left: 22px;
  font-size: 16px;
  line-height: 1.6;
  color: #4E545D;
}
.faq08_div-38 {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
}
.faq08_div-35 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  row-gap: 16px;
  column-gap: 16px;
  width: 100%;
  min-height: 68px;
  padding-top: 0;
  padding-right: 22px;
  padding-bottom: 0;
  padding-left: 22px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: transparent;
  cursor: pointer;
  text-align: left;
  color: #0F1115;
}
.faq08_div-33 {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.01em;
}
.faq08_div-34 {
  flex-shrink: 0;
  font-size: 14px;
  color: #5B616B;
  transform: rotate(0deg);
  transition: transform 180ms ease;
}
.faq08_p-36 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  padding-right: 22px;
  padding-bottom: 22px;
  padding-left: 22px;
  font-size: 16px;
  line-height: 1.6;
  color: #4E545D;
}
.section_faq08.is-dark {
  background-color: var(--blok-saas-ink);
  color: var(--blok-saas-canvas);
}
.section_faq08.is-accent {
  background-color: var(--blok-saas-blue);
  color: var(--blok-saas-white);
}

/* Generated by Blokset from components/faq-09.js. Edit the spec, not this file. */
.section_faq09 {
  font-family: var(--blok-font-saas);
  color: #0F1115;
  background-color: #FFFFFF;
  padding-top: clamp(56px, 8vw, 96px);
  padding-right: clamp(20px, 4vw, 48px);
  padding-bottom: clamp(56px, 8vw, 96px);
  padding-left: clamp(20px, 4vw, 48px);
}
.faq09_div-25 {
  max-width: 1100px;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  display: flex;
  flex-wrap: wrap;
  row-gap: clamp(28px, 5vw, 64px);
  column-gap: clamp(28px, 5vw, 64px);
  align-items: flex-start;
}
.faq09_div-4 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 320px;
  display: flex;
  flex-direction: column;
  row-gap: 18px;
  column-gap: 18px;
}
.faq09_div-1 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5B616B;
}
.faq09_heading {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: clamp(34px, 4.4vw, 52px);
  line-height: 1.02;
  letter-spacing: -0.04em;
  font-weight: 600;
}
.faq09_subheading {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 17px;
  line-height: 1.55;
  color: #4E545D;
}
.faq09_div-24 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 520px;
  display: flex;
  flex-direction: column;
  border-top-left-radius: 22px;
  border-top-right-radius: 22px;
  border-bottom-right-radius: 22px;
  border-bottom-left-radius: 22px;
  background-color: #F4F5F1;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  overflow: hidden;
}
.faq09_div-11 {
  display: flex;
  align-items: center;
  row-gap: 10px;
  column-gap: 10px;
  padding-top: 14px;
  padding-right: 18px;
  padding-bottom: 14px;
  padding-left: 18px;
  background-color: #FFFFFF;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
}
.faq09_div-6 {
  width: 32px;
  height: 32px;
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
  border-bottom-right-radius: 9px;
  border-bottom-left-radius: 9px;
  background-color: #2D4BF0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.faq09_div-5 {
  width: 12px;
  height: 12px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  background-color: #FFFFFF;
}
.faq09_div-9 {
  display: flex;
  flex-direction: column;
}
.faq09_div-7 {
  font-size: 15px;
  font-weight: 600;
}
.faq09_div-8 {
  font-size: 12px;
  color: #5B616B;
}
.faq09_div-10 {
  margin-left: auto;
  height: 36px;
  padding-top: 0;
  padding-right: 10px;
  padding-bottom: 0;
  padding-left: 10px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: transparent;
  cursor: pointer;
  font-size: 14px;
  color: #2D4BF0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.faq09_div-18 {
  min-height: 360px;
  max-height: 420px;
  overflow-y: auto;
  padding-top: 18px;
  padding-right: 18px;
  padding-bottom: 18px;
  padding-left: 18px;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  column-gap: 10px;
}
.faq09_div-13 {
  display: flex;
  justify-content: flex-start;
}
.faq09_div-12 {
  max-width: 80%;
  padding-top: 12px;
  padding-right: 14px;
  padding-bottom: 12px;
  padding-left: 14px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 4px;
  font-size: 15px;
  line-height: 1.5;
  background-color: #FFFFFF;
  color: #0F1115;
}
.faq09_div-15 {
  display: flex;
  justify-content: flex-end;
}
.faq09_div-14 {
  max-width: 80%;
  padding-top: 12px;
  padding-right: 14px;
  padding-bottom: 12px;
  padding-left: 14px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 16px;
  font-size: 15px;
  line-height: 1.5;
  background-color: #2D4BF0;
  color: #FFFFFF;
}
.faq09_div-17 {
  display: flex;
  justify-content: flex-start;
}
.faq09_div-16 {
  max-width: 80%;
  padding-top: 12px;
  padding-right: 14px;
  padding-bottom: 12px;
  padding-left: 14px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 4px;
  font-size: 15px;
  line-height: 1.5;
  background-color: #FFFFFF;
  color: #0F1115;
}
.faq09_div-23 {
  padding-top: 14px;
  padding-right: 18px;
  padding-bottom: 14px;
  padding-left: 18px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  display: flex;
  flex-wrap: wrap;
  row-gap: 8px;
  column-gap: 8px;
}
.faq09_div-19 {
  height: 40px;
  padding-top: 0;
  padding-right: 14px;
  padding-bottom: 0;
  padding-left: 14px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #C5CFFB;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #C5CFFB;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #C5CFFB;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #C5CFFB;
  background-color: #F7F8FE;
  cursor: pointer;
  font-size: 14px;
  color: #2D4BF0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.faq09_div-20 {
  height: 40px;
  padding-top: 0;
  padding-right: 14px;
  padding-bottom: 0;
  padding-left: 14px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #C5CFFB;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #C5CFFB;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #C5CFFB;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #C5CFFB;
  background-color: #F7F8FE;
  cursor: pointer;
  font-size: 14px;
  color: #2D4BF0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.faq09_div-21 {
  height: 40px;
  padding-top: 0;
  padding-right: 14px;
  padding-bottom: 0;
  padding-left: 14px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #C5CFFB;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #C5CFFB;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #C5CFFB;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #C5CFFB;
  background-color: #F7F8FE;
  cursor: pointer;
  font-size: 14px;
  color: #2D4BF0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.faq09_div-22 {
  height: 40px;
  padding-top: 0;
  padding-right: 14px;
  padding-bottom: 0;
  padding-left: 14px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #C5CFFB;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #C5CFFB;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #C5CFFB;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #C5CFFB;
  background-color: #F7F8FE;
  cursor: pointer;
  font-size: 14px;
  color: #2D4BF0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.section_faq09.is-dark {
  background-color: var(--blok-saas-ink);
  color: var(--blok-saas-canvas);
}
.section_faq09.is-accent {
  background-color: var(--blok-saas-blue);
  color: var(--blok-saas-white);
}

/* Generated by Blokset from components/tabs-01.js. Edit the spec, not this file. */
.section_tabs1 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.tabs1_component {
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
}
.tabs1_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: left;
}
.tabs1_header-title {
  max-width: 40rem;
}
.tabs1_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.tabs1_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-ink);
}
.tabs1_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.tabs1_tabs {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  column-gap: 0.5rem;
  row-gap: 0.5rem;
  padding-bottom: 32rem;
}
.tabs1_tab {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  cursor: pointer;
  padding-top: 0.7rem;
  padding-bottom: 0.7rem;
  padding-left: 1rem;
  padding-right: 1rem;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  color: var(--blok-ink);
  border-bottom-color: var(--blok-line);
}
.tabs1_panel {
  position: absolute;
  top: 4.25rem;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  column-gap: 0rem;
  row-gap: 1.25rem;
  overflow: hidden;
  padding-top: 1.25rem;
  padding-right: 1.25rem;
  padding-bottom: 1.25rem;
  padding-left: 1.25rem;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  background-color: var(--blok-surface-2);
}
.tabs1_panel-media {
  width: 100%;
  overflow: hidden;
  aspect-ratio: 16 / 10;
  border-top-left-radius: 0.625rem;
  border-top-right-radius: 0.625rem;
  border-bottom-left-radius: 0.625rem;
  border-bottom-right-radius: 0.625rem;
}
.tabs1_panel-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.tabs1_panel-text {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  align-self: flex-start;
  font-size: 1.125rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.section_tabs1.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.tabs1_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.tabs1_heading.is-dark {
  color: var(--blok-surface);
}
.tabs1_description.is-dark {
  color: var(--blok-surface-muted);
}
.tabs1_tab.is-dark {
  color: var(--blok-surface);
  border-bottom-color: var(--blok-line-inverse);
}
.tabs1_panel-text.is-dark {
  color: var(--blok-surface-muted);
}
.tabs1_panel.is-dark {
  background-color: var(--blok-ink-2);
}
.section_tabs1.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.tabs1_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.tabs1_heading.is-accent {
  color: var(--blok-ink);
}
.tabs1_description.is-accent {
  color: var(--blok-ink-soft);
}
.tabs1_tab.is-accent {
  color: var(--blok-ink);
  border-bottom-color: var(--blok-line);
}
.tabs1_panel-text.is-accent {
  color: var(--blok-ink-soft);
}
.tabs1_panel.is-accent {
  background-color: var(--blok-surface);
}

@media (min-width: 768px) {
  .tabs1_heading {
    font-size: 3rem;
  }
}

@media (min-width: 992px) {
  .tabs1_component {
    row-gap: 3.5rem;
  }
  .tabs1_header {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    column-gap: 4rem;
  }
  .tabs1_heading {
    font-size: 3.5rem;
  }
  .tabs1_tabs {
    padding-bottom: 26rem;
    column-gap: 0.75rem;
  }
  .tabs1_panel {
    top: 4.5rem;
    flex-direction: row;
    align-items: stretch;
    column-gap: 2rem;
    row-gap: 0rem;
    padding-top: 1.5rem;
    padding-right: 1.5rem;
    padding-bottom: 1.5rem;
    padding-left: 1.5rem;
  }
  .tabs1_panel-media {
    width: 52%;
    aspect-ratio: 16 / 10;
  }
  .tabs1_panel-text {
    align-self: center;
    font-size: 1.25rem;
  }
}

/* Generated by Blokset from components/tabs-03.js. Edit the spec, not this file. */
.section_tabs3 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.tabs3_component {
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
}
.tabs3_heading {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 16rem;
  font-family: var(--blok-font-serif);
  font-size: 3rem;
  line-height: 0.98;
  font-weight: 500;
  letter-spacing: -0.03em;
  color: var(--blok-ink);
}
.tabs3_columns {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  height: auto;
  row-gap: 0.75rem;
  column-gap: 0rem;
}
.tabs3_column {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
  min-width: 0px;
  height: auto;
  flex-grow: 0;
  flex-basis: auto;
  cursor: pointer;
  padding-top: 0.85rem;
  padding-right: 0.85rem;
  padding-bottom: 0.85rem;
  padding-left: 0.85rem;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  background-color: var(--blok-surface-2);
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
}
.tabs3_label {
  position: relative;
  z-index: 2;
  align-self: flex-start;
  white-space: nowrap;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0.4rem;
  padding-right: 0.7rem;
  padding-bottom: 0.4rem;
  padding-left: 0.7rem;
  font-family: var(--blok-font-display);
  font-size: 1.125rem;
  line-height: 1.2;
  font-weight: 600;
  color: var(--blok-ink);
  background-color: var(--blok-surface);
}
.tabs3_glyph {
  position: relative;
  z-index: 2;
  align-self: flex-end;
  font-family: var(--blok-font-mono);
  font-size: 0.75rem;
  line-height: 1;
  letter-spacing: 0.08em;
}
.tabs3_media {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  z-index: 1;
  overflow: hidden;
  width: 100%;
  height: auto;
  opacity: 1;
}
.tabs3_photo {
  display: block;
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  width: 100%;
  height: 14rem;
  object-fit: cover;
}
.tabs3_quote {
  position: relative;
  left: auto;
  bottom: auto;
  z-index: 2;
  max-width: 28rem;
  margin-top: 0.85rem;
  margin-bottom: 0;
  color: var(--blok-ink);
  font-size: 0.9375rem;
  line-height: 1.5;
}
.section_tabs3.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.tabs3_heading.is-dark {
  color: var(--blok-surface);
}
.tabs3_column.is-dark {
  background-color: var(--blok-ink-2);
  border-top-color: var(--blok-line-inverse);
  border-right-color: var(--blok-line-inverse);
  border-bottom-color: var(--blok-line-inverse);
  border-left-color: var(--blok-line-inverse);
}
.tabs3_label.is-dark {
  color: var(--blok-surface);
  background-color: var(--blok-ink);
}
.section_tabs3.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.tabs3_heading.is-accent {
  color: var(--blok-ink);
}
.tabs3_column.is-accent {
  background-color: var(--blok-surface);
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
}
.tabs3_label.is-accent {
  color: var(--blok-ink);
  background-color: var(--blok-accent);
}

@media (min-width: 992px) {
  .tabs3_heading {
    max-width: 28rem;
    font-size: 4.75rem;
  }
  .tabs3_columns {
    flex-direction: row;
    height: 28rem;
    row-gap: 0rem;
    column-gap: 0.75rem;
  }
  .tabs3_column {
    height: 100%;
    flex-grow: 1;
    flex-basis: 0px;
  }
  .tabs3_media {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
  }
  .tabs3_photo {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
  }
  .tabs3_quote {
    position: absolute;
    left: 1.25rem;
    bottom: 1.25rem;
    margin-top: 0rem;
    color: var(--blok-surface);
  }
}

/* Generated by Blokset from components/carousel-01.js. Edit the spec, not this file. */
.section_carousel1 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.carousel1_component {
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
}
.carousel1_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: left;
}
.carousel1_header-title {
  max-width: 40rem;
}
.carousel1_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.carousel1_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-ink);
}
.carousel1_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.carousel1_carousel {
  display: flex;
  flex-direction: column;
  row-gap: 1.25rem;
}
.carousel1_slide {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 2rem;
  min-height: 18rem;
  padding-top: 1.5rem;
  padding-right: 1.5rem;
  padding-bottom: 1.5rem;
  padding-left: 1.5rem;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  background-color: var(--blok-surface-2);
}
.carousel1_quote {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 44rem;
  font-family: var(--blok-font-display);
  font-size: 1.75rem;
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: -0.03em;
  color: var(--blok-ink);
}
.carousel1_name {
  font-weight: 600;
  margin-bottom: 0.25rem;
}
.carousel1_role {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.carousel1_controls {
  display: flex;
  column-gap: 0.5rem;
}
.carousel1_prev {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  cursor: pointer;
  padding-top: 0.75rem;
  padding-right: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 0.75rem;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
  color: var(--blok-ink);
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
}
.carousel1_next {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  cursor: pointer;
  padding-top: 0.75rem;
  padding-right: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 0.75rem;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
  color: var(--blok-ink);
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
}
.section_carousel1.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.carousel1_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.carousel1_heading.is-dark {
  color: var(--blok-surface);
}
.carousel1_description.is-dark {
  color: var(--blok-surface-muted);
}
.carousel1_quote.is-dark {
  color: var(--blok-surface);
}
.carousel1_role.is-dark {
  color: var(--blok-surface-muted);
}
.carousel1_prev.is-dark {
  color: var(--blok-surface);
  border-top-color: var(--blok-line-inverse);
  border-right-color: var(--blok-line-inverse);
  border-bottom-color: var(--blok-line-inverse);
  border-left-color: var(--blok-line-inverse);
}
.carousel1_next.is-dark {
  color: var(--blok-surface);
  border-top-color: var(--blok-line-inverse);
  border-right-color: var(--blok-line-inverse);
  border-bottom-color: var(--blok-line-inverse);
  border-left-color: var(--blok-line-inverse);
}
.carousel1_slide.is-dark {
  background-color: var(--blok-ink-2);
}
.section_carousel1.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.carousel1_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.carousel1_heading.is-accent {
  color: var(--blok-ink);
}
.carousel1_description.is-accent {
  color: var(--blok-ink-soft);
}
.carousel1_quote.is-accent {
  color: var(--blok-ink);
}
.carousel1_role.is-accent {
  color: var(--blok-ink-soft);
}
.carousel1_prev.is-accent {
  color: var(--blok-ink);
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
}
.carousel1_next.is-accent {
  color: var(--blok-ink);
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
}
.carousel1_slide.is-accent {
  background-color: var(--blok-surface);
}

@media (min-width: 768px) {
  .carousel1_heading {
    font-size: 3rem;
  }
}

@media (min-width: 992px) {
  .carousel1_component {
    row-gap: 3.5rem;
  }
  .carousel1_header {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    column-gap: 4rem;
  }
  .carousel1_heading {
    font-size: 3.5rem;
  }
  .carousel1_slide {
    min-height: 22rem;
    padding-top: 2.5rem;
    padding-right: 2.5rem;
    padding-bottom: 2.5rem;
    padding-left: 2.5rem;
  }
  .carousel1_quote {
    font-size: 2.5rem;
  }
}

/* Generated by Blokset from components/carousel-02.js. Edit the spec, not this file. */
.section_carousel2 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.carousel2_component {
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
}
.carousel2_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: left;
}
.carousel2_header-title {
  max-width: 40rem;
}
.carousel2_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.carousel2_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-ink);
}
.carousel2_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.carousel2_slider {
  display: flex;
  flex-direction: column;
  row-gap: 1.25rem;
}
.carousel2_controls {
  display: flex;
  align-items: center;
  column-gap: 0.75rem;
}
.carousel2_count {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-right: auto;
  color: var(--blok-ink-muted);
}
.carousel2_prev {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  cursor: pointer;
  padding-top: 0.75rem;
  padding-right: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 0.75rem;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
  color: var(--blok-ink);
}
.carousel2_next {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  cursor: pointer;
  padding-top: 0.75rem;
  padding-right: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 0.75rem;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
  color: var(--blok-ink);
}
.carousel2_viewport {
  overflow: hidden;
  width: 100%;
}
.carousel2_track {
  display: flex;
  width: 100%;
  column-gap: 1rem;
  touch-action: pan-y;
}
.carousel2_card {
  flex-shrink: 0;
  width: 84%;
}
.carousel2_card-image {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.carousel2_card-title {
  margin-top: 1rem;
  margin-bottom: 0.35rem;
  font-family: var(--blok-font-display);
  font-size: 1.35rem;
  line-height: 1.15;
  font-weight: 600;
  letter-spacing: -0.02em;
}
.carousel2_text {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.5;
  color: var(--blok-ink-muted);
}
.section_carousel2.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.carousel2_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.carousel2_heading.is-dark {
  color: var(--blok-surface);
}
.carousel2_description.is-dark {
  color: var(--blok-surface-muted);
}
.carousel2_text.is-dark {
  color: var(--blok-surface-muted);
}
.carousel2_count.is-dark {
  color: var(--blok-surface-muted);
}
.carousel2_prev.is-dark {
  color: var(--blok-surface);
  border-top-color: var(--blok-line-inverse);
  border-right-color: var(--blok-line-inverse);
  border-bottom-color: var(--blok-line-inverse);
  border-left-color: var(--blok-line-inverse);
}
.carousel2_next.is-dark {
  color: var(--blok-surface);
  border-top-color: var(--blok-line-inverse);
  border-right-color: var(--blok-line-inverse);
  border-bottom-color: var(--blok-line-inverse);
  border-left-color: var(--blok-line-inverse);
}
.section_carousel2.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.carousel2_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.carousel2_heading.is-accent {
  color: var(--blok-ink);
}
.carousel2_description.is-accent {
  color: var(--blok-ink-soft);
}
.carousel2_text.is-accent {
  color: var(--blok-ink-soft);
}
.carousel2_count.is-accent {
  color: var(--blok-ink-soft);
}
.carousel2_prev.is-accent {
  color: var(--blok-ink);
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
}
.carousel2_next.is-accent {
  color: var(--blok-ink);
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
}

@media (min-width: 768px) {
  .carousel2_heading {
    font-size: 3rem;
  }
}

@media (min-width: 992px) {
  .carousel2_header {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    column-gap: 4rem;
  }
  .carousel2_heading {
    font-size: 3.5rem;
  }
  .carousel2_track {
    column-gap: 1.25rem;
  }
  .carousel2_card {
    width: calc((100% - 3rem) / 3.3);
  }
}

/* Generated by Blokset from components/carousel-03.js. Edit the spec, not this file. */
.section_carousel3 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.carousel3_component {
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
}
.carousel3_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: left;
}
.carousel3_header-title {
  max-width: 40rem;
}
.carousel3_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.carousel3_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-ink);
}
.carousel3_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.carousel3_slider {
  display: flex;
  flex-direction: column;
  row-gap: 1.25rem;
}
.carousel3_controls {
  display: flex;
  align-items: center;
  column-gap: 0.75rem;
}
.carousel3_count {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-right: auto;
  color: var(--blok-ink-muted);
}
.carousel3_prev {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  cursor: pointer;
  padding-top: 0.75rem;
  padding-right: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 0.75rem;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
  color: var(--blok-ink);
}
.carousel3_next {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  cursor: pointer;
  padding-top: 0.75rem;
  padding-right: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 0.75rem;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
  color: var(--blok-ink);
}
.carousel3_viewport {
  overflow: hidden;
  width: 100%;
}
.carousel3_track {
  display: flex;
  width: 100%;
  column-gap: 1rem;
  touch-action: pan-y;
}
.carousel3_frame {
  flex-shrink: 0;
  width: 86%;
}
.carousel3_frame-image {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.carousel3_frame-meta {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  column-gap: 1rem;
  margin-top: 0.9rem;
}
.carousel3_frame-title {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  font-size: 1.35rem;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: -0.02em;
}
.carousel3_caption {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-align: right;
  color: var(--blok-ink-muted);
}
.section_carousel3.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.carousel3_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.carousel3_heading.is-dark {
  color: var(--blok-surface);
}
.carousel3_description.is-dark {
  color: var(--blok-surface-muted);
}
.carousel3_caption.is-dark {
  color: var(--blok-surface-muted);
}
.carousel3_count.is-dark {
  color: var(--blok-surface-muted);
}
.carousel3_prev.is-dark {
  color: var(--blok-surface);
  border-top-color: var(--blok-line-inverse);
  border-right-color: var(--blok-line-inverse);
  border-bottom-color: var(--blok-line-inverse);
  border-left-color: var(--blok-line-inverse);
}
.carousel3_next.is-dark {
  color: var(--blok-surface);
  border-top-color: var(--blok-line-inverse);
  border-right-color: var(--blok-line-inverse);
  border-bottom-color: var(--blok-line-inverse);
  border-left-color: var(--blok-line-inverse);
}
.section_carousel3.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.carousel3_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.carousel3_heading.is-accent {
  color: var(--blok-ink);
}
.carousel3_description.is-accent {
  color: var(--blok-ink-soft);
}
.carousel3_caption.is-accent {
  color: var(--blok-ink-soft);
}
.carousel3_count.is-accent {
  color: var(--blok-ink-soft);
}
.carousel3_prev.is-accent {
  color: var(--blok-ink);
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
}
.carousel3_next.is-accent {
  color: var(--blok-ink);
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
}

@media (min-width: 768px) {
  .carousel3_heading {
    font-size: 3rem;
  }
}

@media (min-width: 992px) {
  .carousel3_heading {
    font-size: 3.5rem;
  }
  .carousel3_track {
    column-gap: 1.25rem;
  }
  .carousel3_frame {
    width: 72%;
  }
  .carousel3_frame-image {
    aspect-ratio: 16 / 9;
  }
}

/* Generated by Blokset from components/carousel-04.js. Edit the spec, not this file. */
.section_carousel4 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.carousel4_component {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  row-gap: 1.25rem;
}
.carousel4_stage {
  position: relative;
  overflow: hidden;
  perspective: 1200px;
  min-height: 20rem;
  padding-top: 2rem;
  padding-right: 1.25rem;
  padding-bottom: 2rem;
  padding-left: 1.25rem;
  border-top-left-radius: 1.5rem;
  border-top-right-radius: 1.5rem;
  border-bottom-left-radius: 1.5rem;
  border-bottom-right-radius: 1.5rem;
  background-color: var(--blok-surface-2);
}
.carousel4_slides {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 16rem;
}
.carousel4_slide {
  position: absolute;
  top: 0;
  right: 12%;
  bottom: 0;
  left: 12%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  overflow: hidden;
  transform-style: preserve-3d;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
}
.carousel4_slide-image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}
.carousel4_slide-scrim {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background-color: var(--blok-ink);
  opacity: 0.3;
}
.carousel4_slide-title {
  position: relative;
  z-index: 2;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 1.25rem;
  padding-right: 1.25rem;
  padding-bottom: 1.25rem;
  padding-left: 1.25rem;
  font-family: var(--blok-font-display);
  font-size: 1.5rem;
  line-height: 1.15;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: var(--blok-surface);
}
.carousel4_controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 1rem;
}
.carousel4_counter {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.carousel4_nav {
  display: flex;
  column-gap: 0.5rem;
  margin-left: auto;
}
.carousel4_prev {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  cursor: pointer;
  padding-top: 0.75rem;
  padding-right: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 0.75rem;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  color: var(--blok-ink);
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
}
.carousel4_next {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  cursor: pointer;
  padding-top: 0.75rem;
  padding-right: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 0.75rem;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  color: var(--blok-ink);
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
}
.section_carousel4.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.carousel4_stage.is-dark {
  background-color: var(--blok-ink-2);
}
.carousel4_slide-title.is-dark {
  color: var(--blok-surface);
}
.carousel4_counter.is-dark {
  color: var(--blok-surface-muted);
}
.carousel4_prev.is-dark {
  color: var(--blok-surface);
  border-top-color: var(--blok-line-inverse);
  border-right-color: var(--blok-line-inverse);
  border-bottom-color: var(--blok-line-inverse);
  border-left-color: var(--blok-line-inverse);
}
.carousel4_next.is-dark {
  color: var(--blok-surface);
  border-top-color: var(--blok-line-inverse);
  border-right-color: var(--blok-line-inverse);
  border-bottom-color: var(--blok-line-inverse);
  border-left-color: var(--blok-line-inverse);
}
.section_carousel4.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.carousel4_stage.is-accent {
  background-color: var(--blok-surface);
}
.carousel4_slide-title.is-accent {
  color: var(--blok-ink);
}
.carousel4_counter.is-accent {
  color: var(--blok-ink-soft);
}
.carousel4_prev.is-accent {
  color: var(--blok-ink);
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
}
.carousel4_next.is-accent {
  color: var(--blok-ink);
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
}

@media (min-width: 992px) {
  .carousel4_stage {
    min-height: 26rem;
    padding-top: 2.5rem;
    padding-right: 2rem;
    padding-bottom: 2.5rem;
    padding-left: 2rem;
  }
  .carousel4_slides {
    min-height: 21rem;
  }
  .carousel4_slide-title {
    font-size: 2rem;
  }
}

/* Generated by Blokset from components/filter-01.js. Edit the spec, not this file. */
.section_filter1 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.filter1_filter {
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
}
.filter1_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: left;
}
.filter1_header-title {
  max-width: 40rem;
}
.filter1_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.filter1_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-ink);
}
.filter1_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.filter1_chips {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 0.5rem;
  row-gap: 0.5rem;
}
.filter1_chip-all {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  cursor: pointer;
  padding-top: 0.55rem;
  padding-bottom: 0.55rem;
  padding-left: 0.9rem;
  padding-right: 0.9rem;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
  color: var(--blok-ink);
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
}
.filter1_chip-row {
  display: flex;
  flex-wrap: wrap;
  column-gap: 0.5rem;
  row-gap: 0.5rem;
}
.filter1_chip {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  cursor: pointer;
  padding-top: 0.55rem;
  padding-bottom: 0.55rem;
  padding-left: 0.9rem;
  padding-right: 0.9rem;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
  color: var(--blok-ink);
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
}
.filter1_grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.5rem;
}
.filter1_card-media {
  overflow: hidden;
  aspect-ratio: 4 / 3;
  margin-bottom: 1rem;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.filter1_card-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.filter1_card-title {
  margin-top: 0;
  margin-bottom: 0.35rem;
  font-family: var(--blok-font-display);
  font-size: 1.5rem;
  line-height: 1.15;
  font-weight: 600;
  letter-spacing: -0.03em;
}
.filter1_meta {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.section_filter1.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.filter1_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.filter1_heading.is-dark {
  color: var(--blok-surface);
}
.filter1_description.is-dark {
  color: var(--blok-surface-muted);
}
.filter1_chip.is-dark {
  color: var(--blok-surface);
  border-top-color: var(--blok-line-inverse);
  border-right-color: var(--blok-line-inverse);
  border-bottom-color: var(--blok-line-inverse);
  border-left-color: var(--blok-line-inverse);
}
.filter1_chip-all.is-dark {
  color: var(--blok-surface);
  border-top-color: var(--blok-line-inverse);
  border-right-color: var(--blok-line-inverse);
  border-bottom-color: var(--blok-line-inverse);
  border-left-color: var(--blok-line-inverse);
}
.filter1_meta.is-dark {
  color: var(--blok-surface-muted);
}
.section_filter1.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.filter1_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.filter1_heading.is-accent {
  color: var(--blok-ink);
}
.filter1_description.is-accent {
  color: var(--blok-ink-soft);
}
.filter1_chip.is-accent {
  color: var(--blok-ink);
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
}
.filter1_chip-all.is-accent {
  color: var(--blok-ink);
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
}
.filter1_meta.is-accent {
  color: var(--blok-ink-soft);
}

@media (min-width: 768px) {
  .filter1_heading {
    font-size: 3rem;
  }
  .filter1_grid {
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.75rem;
  }
}

@media (min-width: 992px) {
  .filter1_filter {
    row-gap: 2.75rem;
  }
  .filter1_header {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    column-gap: 4rem;
  }
  .filter1_heading {
    font-size: 3.5rem;
  }
  .filter1_grid {
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 1.5rem;
    grid-row-gap: 2rem;
  }
}

/* Generated by Blokset from components/team-01.js. Edit the spec, not this file. */
.section_team1 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.team1_component {
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
}
.team1_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: left;
}
.team1_header-title {
  max-width: 40rem;
}
.team1_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.team1_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-ink);
}
.team1_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.team1_grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 1rem;
  grid-row-gap: 1.75rem;
}
.team1_portrait {
  overflow: hidden;
  aspect-ratio: 3 / 4;
  margin-bottom: 0.9rem;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.team1_portrait-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.team1_name {
  margin-top: 0;
  margin-bottom: 0.25rem;
  font-family: var(--blok-font-display);
  font-size: 1.35rem;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: -0.02em;
}
.team1_role {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.section_team1.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.team1_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.team1_heading.is-dark {
  color: var(--blok-surface);
}
.team1_description.is-dark {
  color: var(--blok-surface-muted);
}
.team1_role.is-dark {
  color: var(--blok-surface-muted);
}
.section_team1.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.team1_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.team1_heading.is-accent {
  color: var(--blok-ink);
}
.team1_description.is-accent {
  color: var(--blok-ink-soft);
}
.team1_role.is-accent {
  color: var(--blok-ink-soft);
}

@media (min-width: 768px) {
  .team1_heading {
    font-size: 3rem;
  }
}

@media (min-width: 992px) {
  .team1_component {
    row-gap: 3.5rem;
  }
  .team1_header {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    column-gap: 4rem;
  }
  .team1_heading {
    font-size: 3.5rem;
  }
  .team1_grid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-column-gap: 1.25rem;
    grid-row-gap: 2rem;
  }
}

/* Generated by Blokset from components/team-03.js. Edit the spec, not this file. */
.section_team3 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.team3_component {
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
}
.team3_header {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
  max-width: 40rem;
}
.team3_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.team3_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  font-size: 2.25rem;
  line-height: 1.05;
  font-weight: 600;
  letter-spacing: -0.03em;
  color: var(--blok-ink);
}
.team3_list {
  position: relative;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: var(--blok-line);
}
.team3_row {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 1.5rem;
  row-gap: 0.35rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: var(--blok-line);
  color: var(--blok-ink);
  text-decoration: none;
}
.team3_name {
  flex-grow: 1;
  flex-basis: 100%;
  min-width: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  font-size: 1.75rem;
  line-height: 1.1;
  font-weight: 500;
  letter-spacing: -0.03em;
}
.team3_role {
  width: 8rem;
  flex-shrink: 0;
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.team3_location {
  width: 8rem;
  flex-shrink: 0;
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.team3_media {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 16rem;
  height: 20rem;
  overflow: hidden;
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
}
.team3_image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.section_team3.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.team3_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.team3_heading.is-dark {
  color: var(--blok-surface);
}
.team3_list.is-dark {
  border-bottom-color: var(--blok-line-inverse);
}
.team3_row.is-dark {
  color: var(--blok-surface);
  border-top-color: var(--blok-line-inverse);
}
.team3_role.is-dark {
  color: var(--blok-surface-muted);
}
.team3_location.is-dark {
  color: var(--blok-surface-muted);
}
.section_team3.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.team3_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.team3_heading.is-accent {
  color: var(--blok-ink);
}
.team3_list.is-accent {
  border-bottom-color: var(--blok-line);
}
.team3_row.is-accent {
  color: var(--blok-ink);
  border-top-color: var(--blok-line);
}
.team3_role.is-accent {
  color: var(--blok-ink-soft);
}
.team3_location.is-accent {
  color: var(--blok-ink-soft);
}

@media (min-width: 768px) {
  .team3_heading {
    font-size: 3rem;
  }
  .team3_row {
    flex-wrap: nowrap;
    align-items: center;
  }
  .team3_name {
    flex-basis: 0%;
    font-size: 2.25rem;
  }
}

@media (min-width: 992px) {
  .team3_component {
    row-gap: 3.5rem;
  }
  .team3_heading {
    font-size: 3.5rem;
  }
  .team3_row {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .team3_name {
    font-size: 2.75rem;
  }
  .team3_media {
    display: block;
  }
}

/* Generated by Blokset from components/team-05.js. Edit the spec, not this file. */
.section_team5 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.team5_component {
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
}
.team5_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: left;
}
.team5_header-title {
  max-width: 40rem;
}
.team5_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.team5_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-ink);
}
.team5_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.team5_grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-column-gap: 1.5rem;
  grid-row-gap: 2.5rem;
}
.team5_card {
  display: flex;
  flex-direction: column;
  row-gap: 1.25rem;
}
.team5_portrait {
  overflow: hidden;
  aspect-ratio: 4 / 5;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.team5_portrait-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.team5_copy {
  display: flex;
  flex-direction: column;
  row-gap: 0.75rem;
  padding-top: 0;
  padding-right: 0.25rem;
  padding-bottom: 0;
  padding-left: 0.25rem;
}
.team5_name {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  font-size: 1.75rem;
  line-height: 1.15;
  font-weight: 600;
  letter-spacing: -0.03em;
  color: var(--blok-ink);
}
.team5_role {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.team5_bio {
  margin-top: 0.25rem;
  margin-bottom: 0;
  max-width: 32rem;
  font-size: 1.0625rem;
  line-height: 1.55;
  color: var(--blok-ink-muted);
}
.team5_links {
  display: flex;
  flex-wrap: wrap;
  column-gap: 1.25rem;
  row-gap: 0.5rem;
  margin-top: 0.35rem;
}
.team5_email {
  font-size: 0.9375rem;
  line-height: 1.4;
  text-decoration: underline;
  text-underline-offset: 0.25em;
  color: var(--blok-ink);
}
.team5_linkedin {
  font-size: 0.9375rem;
  line-height: 1.4;
  text-decoration: underline;
  text-underline-offset: 0.25em;
  color: var(--blok-ink);
}
.section_team5.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.team5_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.team5_heading.is-dark {
  color: var(--blok-surface);
}
.team5_description.is-dark {
  color: var(--blok-surface-muted);
}
.team5_name.is-dark {
  color: var(--blok-surface);
}
.team5_role.is-dark {
  color: var(--blok-surface-muted);
}
.team5_bio.is-dark {
  color: var(--blok-surface-muted);
}
.team5_email.is-dark {
  color: var(--blok-surface);
}
.team5_linkedin.is-dark {
  color: var(--blok-surface);
}
.section_team5.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.team5_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.team5_heading.is-accent {
  color: var(--blok-ink);
}
.team5_description.is-accent {
  color: var(--blok-ink-soft);
}
.team5_name.is-accent {
  color: var(--blok-ink);
}
.team5_role.is-accent {
  color: var(--blok-ink-soft);
}
.team5_bio.is-accent {
  color: var(--blok-ink-soft);
}
.team5_email.is-accent {
  color: var(--blok-ink);
}
.team5_linkedin.is-accent {
  color: var(--blok-ink);
}

@media (min-width: 768px) {
  .team5_heading {
    font-size: 3rem;
  }
}

@media (min-width: 992px) {
  .team5_component {
    row-gap: 3.5rem;
  }
  .team5_header {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    column-gap: 4rem;
  }
  .team5_heading {
    font-size: 3.5rem;
  }
  .team5_grid {
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 2rem;
    grid-row-gap: 3rem;
  }
}

/* Generated by Blokset from components/team-06.js. Edit the spec, not this file. */
.section_team6 {
  overflow: hidden;
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.team6_component {
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
}
.team6_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: left;
}
.team6_header-title {
  max-width: 40rem;
}
.team6_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.team6_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-ink);
}
.team6_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.team6_track {
  display: flex;
  column-gap: 1rem;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  padding-bottom: 0.5rem;
}
.team6_card {
  display: block;
  flex-shrink: 0;
  width: 72vw;
  color: inherit;
  text-decoration: none;
  scroll-snap-align: start;
}
.team6_portrait {
  overflow: hidden;
  aspect-ratio: 3 / 4;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.team6_image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.team6_name {
  margin-top: 0.85rem;
  margin-bottom: 0.2rem;
  font-family: var(--blok-font-display);
  font-size: 1.25rem;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: -0.02em;
}
.team6_role {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.section_team6.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.team6_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.team6_heading.is-dark {
  color: var(--blok-surface);
}
.team6_description.is-dark {
  color: var(--blok-surface-muted);
}
.team6_role.is-dark {
  color: var(--blok-surface-muted);
}
.section_team6.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.team6_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.team6_heading.is-accent {
  color: var(--blok-ink);
}
.team6_description.is-accent {
  color: var(--blok-ink-soft);
}
.team6_role.is-accent {
  color: var(--blok-ink-soft);
}

@media (min-width: 768px) {
  .team6_heading {
    font-size: 3rem;
  }
  .team6_card {
    width: 16rem;
  }
}

@media (min-width: 992px) {
  .team6_component {
    row-gap: 3.5rem;
  }
  .team6_header {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    column-gap: 4rem;
  }
  .team6_heading {
    font-size: 3.5rem;
  }
  .team6_track {
    column-gap: 1.25rem;
  }
  .team6_card {
    width: 18rem;
  }
}

/* Generated by Blokset from components/posts-01.js. Edit the spec, not this file. */
.section_posts1 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.posts1_component {
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
}
.posts1_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: left;
}
.posts1_header-title {
  max-width: 40rem;
}
.posts1_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.posts1_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-ink);
}
.posts1_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.posts1_grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-column-gap: 1.25rem;
  grid-row-gap: 2rem;
}
.posts1_card-media {
  overflow: hidden;
  aspect-ratio: 3 / 2;
  margin-bottom: 1rem;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.posts1_card-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.posts1_date {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
  color: var(--blok-ink-muted);
}
.posts1_card-title {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  font-size: 1.5rem;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: -0.03em;
}
.posts1_card-link {
  color: inherit;
  text-decoration: none;
}
.section_posts1.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.posts1_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.posts1_heading.is-dark {
  color: var(--blok-surface);
}
.posts1_description.is-dark {
  color: var(--blok-surface-muted);
}
.posts1_date.is-dark {
  color: var(--blok-surface-muted);
}
.section_posts1.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.posts1_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.posts1_heading.is-accent {
  color: var(--blok-ink);
}
.posts1_description.is-accent {
  color: var(--blok-ink-soft);
}
.posts1_date.is-accent {
  color: var(--blok-ink-soft);
}
.posts1_grid.is-two {
  grid-template-columns: 1fr;
}

@media (min-width: 768px) {
  .posts1_heading {
    font-size: 3rem;
  }
}

@media (min-width: 992px) {
  .posts1_component {
    row-gap: 3.5rem;
  }
  .posts1_header {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    column-gap: 4rem;
  }
  .posts1_heading {
    font-size: 3.5rem;
  }
  .posts1_grid {
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 1.5rem;
    grid-row-gap: 2rem;
  }
  .posts1_grid.is-two {
    grid-template-columns: 1fr 1fr;
  }
}

/* Generated by Blokset from components/posts-02.js. Edit the spec, not this file. */
.section_posts2 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.posts2_component {
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
}
.posts2_kicker-row {
  display: flex;
  align-items: center;
  column-gap: 0.5rem;
  padding-bottom: 1rem;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: var(--blok-line);
}
.posts2_dot {
  width: 0.45rem;
  height: 0.45rem;
  flex-shrink: 0;
  background-color: var(--blok-accent);
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
}
.posts2_kicker {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.posts2_grid {
  display: grid;
  grid-template-columns: 1fr;
  align-items: start;
  row-gap: 2rem;
  column-gap: 0rem;
}
.posts2_lead {
  display: flex;
  flex-direction: column;
  row-gap: 0.85rem;
  text-decoration: none;
  color: inherit;
  width: 100%;
  min-width: 0rem;
}
.posts2_lead-image {
  display: block;
  width: 100%;
  height: 16rem;
  object-fit: cover;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.posts2_lead-date {
  font-family: var(--blok-font-mono);
  font-size: 0.75rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  opacity: 0.72;
}
.posts2_lead-title {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  font-size: 1.75rem;
  line-height: 1.15;
  font-weight: 600;
  letter-spacing: -0.03em;
}
.posts2_lead-excerpt {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.9375rem;
  line-height: 1.5;
  opacity: 0.72;
}
.posts2_stack {
  display: flex;
  flex-direction: column;
  row-gap: 1.5rem;
}
.posts2_side {
  display: flex;
  flex-direction: column;
  row-gap: 0.85rem;
  text-decoration: none;
  color: inherit;
  width: 100%;
  min-width: 0rem;
}
.posts2_side-image {
  display: block;
  width: 100%;
  height: 10rem;
  object-fit: cover;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.posts2_side-date {
  font-family: var(--blok-font-mono);
  font-size: 0.75rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  opacity: 0.72;
}
.posts2_side-title {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  font-size: 1.25rem;
  line-height: 1.15;
  font-weight: 600;
  letter-spacing: -0.03em;
}
.posts2_side-excerpt {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.9375rem;
  line-height: 1.5;
  opacity: 0.72;
}
.posts2_also {
  display: flex;
  flex-direction: column;
  row-gap: 0.85rem;
  text-decoration: none;
  color: inherit;
  width: 100%;
  min-width: 0rem;
}
.posts2_also-image {
  display: block;
  width: 100%;
  height: 10rem;
  object-fit: cover;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.posts2_also-date {
  font-family: var(--blok-font-mono);
  font-size: 0.75rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  opacity: 0.72;
}
.posts2_also-title {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  font-size: 1.25rem;
  line-height: 1.15;
  font-weight: 600;
  letter-spacing: -0.03em;
}
.posts2_also-excerpt {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.9375rem;
  line-height: 1.5;
  opacity: 0.72;
}
.section_posts2.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.posts2_kicker.is-dark {
  color: var(--blok-surface-muted);
}
.posts2_dot.is-dark {
  background-color: var(--blok-accent);
}
.posts2_kicker-row.is-dark {
  border-bottom-color: var(--blok-line-inverse);
}
.section_posts2.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.posts2_kicker.is-accent {
  color: var(--blok-ink-soft);
}
.posts2_dot.is-accent {
  background-color: var(--blok-ink);
}
.posts2_kicker-row.is-accent {
  border-bottom-color: var(--blok-line);
}

@media (min-width: 992px) {
  .posts2_grid {
    grid-template-columns: 1.35fr 1fr;
    column-gap: 1.5rem;
    row-gap: 0rem;
  }
  .posts2_lead-image {
    height: 22rem;
  }
  .posts2_side-image {
    height: 11rem;
  }
  .posts2_also-image {
    height: 11rem;
  }
}

/* Generated by Blokset from components/cta-08.js. Edit the spec, not this file. */
.section_cta8 {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.cta8_media {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
}
.cta8_image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: grayscale(1);
}
.cta8_shade {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--blok-ink);
  opacity: 0.82;
}
.cta8_top {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 0.75rem;
  padding-bottom: 1.25rem;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: var(--blok-line-inverse);
}
.cta8_status-row {
  display: flex;
  align-items: center;
  column-gap: 0.75rem;
}
.cta8_dot {
  width: 0.5rem;
  height: 0.5rem;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
  background-color: var(--blok-accent);
  box-shadow: 0 0 0 4px var(--blok-accent-glow);
}
.cta8_status {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--blok-surface);
}
.cta8_response {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--blok-surface-muted);
}
.cta8_marquee {
  overflow: hidden;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.cta8_track {
  display: flex;
  width: max-content;
}
.cta8_phrase {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  column-gap: 2rem;
  padding-right: 2rem;
}
.cta8_phrase-text {
  font-family: var(--blok-font-display);
  font-size: 4.5rem;
  line-height: 1;
  font-weight: 500;
  letter-spacing: -0.045em;
  white-space: nowrap;
  color: var(--blok-surface);
}
.cta8_star {
  color: var(--blok-accent);
  font-size: 3rem;
  line-height: 1;
}
.cta8_bottom {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 2rem;
}
.cta8_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 30rem;
  font-size: 1.125rem;
  line-height: 1.6;
  color: var(--blok-surface-muted);
}
.cta8_actions {
  display: flex;
  flex-wrap: wrap;
  column-gap: 0.75rem;
  row-gap: 0.75rem;
}
.section_cta8.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.cta8_shade.is-accent {
  background-color: var(--blok-accent);
}
.cta8_dot.is-accent {
  background-color: var(--blok-ink);
}
.cta8_status.is-accent {
  color: var(--blok-ink);
}
.cta8_response.is-accent {
  color: var(--blok-ink-soft);
}
.cta8_top.is-accent {
  border-bottom-color: var(--blok-line);
}
.cta8_phrase-text.is-accent {
  color: var(--blok-ink);
}
.cta8_star.is-accent {
  color: var(--blok-ink);
}
.cta8_description.is-accent {
  color: var(--blok-ink-soft);
}
.section_cta8.is-light {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.cta8_shade.is-light {
  background-color: var(--blok-surface);
}
.cta8_dot.is-light {
  background-color: var(--blok-accent);
}
.cta8_status.is-light {
  color: var(--blok-ink);
}
.cta8_response.is-light {
  color: var(--blok-ink-muted);
}
.cta8_top.is-light {
  border-bottom-color: var(--blok-line);
}
.cta8_phrase-text.is-light {
  color: var(--blok-ink);
}
.cta8_star.is-light {
  color: var(--blok-accent);
}
.cta8_description.is-light {
  color: var(--blok-ink-muted);
}

@media (min-width: 768px) {
  .cta8_top {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  .cta8_phrase-text {
    font-size: 7.5rem;
  }
  .cta8_star {
    font-size: 4.5rem;
  }
  .cta8_bottom {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
  }
}

@media (min-width: 992px) {
  .cta8_marquee {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .cta8_phrase {
    column-gap: 3.5rem;
    padding-right: 3.5rem;
  }
  .cta8_phrase-text {
    font-size: 11rem;
  }
  .cta8_star {
    font-size: 6.5rem;
  }
}

/* Generated by Blokset from components/cta-11.js. Edit the spec, not this file. */
.section_cta11 {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.cta11_component {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 1.5rem;
  max-width: 48rem;
}
.cta11_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  font-size: 3.25rem;
  line-height: 0.95;
  font-weight: 600;
  letter-spacing: -0.045em;
  color: var(--blok-surface);
}
.cta11_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 32rem;
  font-size: 1.125rem;
  line-height: 1.6;
  color: var(--blok-surface-muted);
}
.cta11_actions {
  display: flex;
  flex-wrap: wrap;
  column-gap: 0.75rem;
  row-gap: 0.75rem;
  margin-top: 0.5rem;
}
.section_cta11.is-light {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.cta11_heading.is-light {
  color: var(--blok-ink);
}
.cta11_description.is-light {
  color: var(--blok-ink-muted);
}
.section_cta11.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.cta11_heading.is-accent {
  color: var(--blok-ink);
}
.cta11_description.is-accent {
  color: var(--blok-ink-soft);
}

@media (min-width: 768px) {
  .cta11_heading {
    font-size: 5rem;
  }
}

@media (min-width: 992px) {
  .cta11_heading {
    font-size: 6.5rem;
  }
}

/* Generated by Blokset from components/cta-12.js. Edit the spec, not this file. */
.section_cta12 {
  overflow: hidden;
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.cta12_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.5rem;
  color: var(--blok-ink-muted);
}
.cta12_stage {
  width: 100%;
}
.cta12_wordmark {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  font-size: 4rem;
  line-height: 1;
  font-weight: 600;
  letter-spacing: -0.06em;
  white-space: nowrap;
  text-align: center;
  color: var(--blok-ink);
}
.cta12_footer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1rem;
  margin-top: 2rem;
}
.cta12_note {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.0625rem;
  line-height: 1.5;
  color: var(--blok-ink-muted);
}
.cta12_actions {
  display: flex;
  column-gap: 0.75rem;
  row-gap: 0.75rem;
}
.section_cta12.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.cta12_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.cta12_wordmark.is-dark {
  color: var(--blok-surface);
}
.cta12_note.is-dark {
  color: var(--blok-surface-muted);
}
.section_cta12.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.cta12_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.cta12_wordmark.is-accent {
  color: var(--blok-ink);
}
.cta12_note.is-accent {
  color: var(--blok-ink-soft);
}

@media (min-width: 768px) {
  .cta12_footer {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}

/* Generated by Blokset from components/cta-13.js. Edit the spec, not this file. */
.section_cta13 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.cta13_layout {
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  grid-column-gap: 0rem;
  grid-row-gap: 2rem;
}
.cta13_figure {
  overflow: hidden;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.cta13_image {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
}
.cta13_copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 1.25rem;
}
.cta13_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.cta13_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  font-size: 2.5rem;
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  color: var(--blok-ink);
}
.cta13_summary {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.cta13_actions {
  display: flex;
}
.section_cta13.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.cta13_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.cta13_heading.is-dark {
  color: var(--blok-surface);
}
.cta13_summary.is-dark {
  color: var(--blok-surface-muted);
}
.section_cta13.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.cta13_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.cta13_heading.is-accent {
  color: var(--blok-ink);
}
.cta13_summary.is-accent {
  color: var(--blok-ink-soft);
}

@media (min-width: 992px) {
  .cta13_layout {
    grid-template-columns: 1.1fr 0.9fr;
    grid-column-gap: 4rem;
    grid-row-gap: 0rem;
  }
  .cta13_image {
    aspect-ratio: 5 / 4;
  }
  .cta13_heading {
    font-size: 3.5rem;
  }
}

/* Generated by Blokset from components/cta-15.js. Edit the spec, not this file. */
.section_cta15 {
  font-family: var(--blok-font-saas);
  color: #FFFFFF;
  background-color: #2D4BF0;
  padding-top: clamp(56px, 8vw, 96px);
  padding-right: clamp(20px, 4vw, 48px);
  padding-bottom: clamp(56px, 8vw, 96px);
  padding-left: clamp(20px, 4vw, 48px);
}
.cta15_div-11 {
  max-width: 1100px;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  row-gap: 36px;
  column-gap: 36px;
}
.cta15_div-3 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 420px;
  display: flex;
  flex-direction: column;
  row-gap: 14px;
  column-gap: 14px;
}
.cta15_heading {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: clamp(34px, 4.6vw, 60px);
  line-height: 1;
  letter-spacing: -0.045em;
  font-weight: 600;
}
.cta15_subheading {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 18px;
  line-height: 1.55;
  color: #DCE2FF;
}
.cta15_div-10 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 400px;
  max-width: 480px;
}
.cta15_div-9 {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  column-gap: 10px;
}
.cta15_div-4 {
  font-size: 14px;
  font-weight: 500;
}
.cta15_div-7 {
  display: flex;
  flex-wrap: wrap;
  row-gap: 8px;
  column-gap: 8px;
  padding-top: 6px;
  padding-right: 6px;
  padding-bottom: 6px;
  padding-left: 6px;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 14px;
  background-color: #FFFFFF;
}
.cta15_div-5 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 200px;
  min-width: 0;
  height: 48px;
  padding-top: 0;
  padding-right: 12px;
  padding-bottom: 0;
  padding-left: 12px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  outline: none;
  background-color: transparent;
  font-size: 16px;
  color: #0F1115;
}
.cta15_div-6 {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  height: 48px;
  padding-top: 0;
  padding-right: 22px;
  padding-bottom: 0;
  padding-left: 22px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  cursor: pointer;
  font-weight: 500;
  background-color: #0F1115;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cta15_div-8 {
  min-height: 20px;
  font-size: 14px;
  color: #DCE2FF;
}
.section_cta15.is-light {
  background-color: var(--blok-saas-canvas);
  color: var(--blok-saas-ink);
}
.section_cta15.is-dark {
  background-color: var(--blok-saas-ink);
  color: var(--blok-saas-canvas);
}

/* Generated by Blokset from components/cta-16.js. Edit the spec, not this file. */
.section_cta16 {
  font-family: var(--blok-font-saas);
  color: #F4F5F1;
  background-color: #0F1115;
  padding-top: clamp(56px, 7vw, 88px);
  padding-right: clamp(20px, 4vw, 48px);
  padding-bottom: clamp(56px, 7vw, 88px);
  padding-left: clamp(20px, 4vw, 48px);
}
.cta16_div-30 {
  max-width: 1100px;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  row-gap: clamp(32px, 5vw, 64px);
  column-gap: clamp(32px, 5vw, 64px);
}
.cta16_div-4 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 380px;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  column-gap: 16px;
}
.cta16_heading {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: clamp(34px, 4.6vw, 58px);
  line-height: 1;
  letter-spacing: -0.045em;
  font-weight: 600;
}
.cta16_subheading {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 18px;
  line-height: 1.55;
  color: #B9BEC6;
}
.cta16_a-3 {
  font-weight: 500;
  text-decoration: none;
  color: #AFC0FF;
}
.cta16_div-29 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 440px;
  padding-top: 22px;
  padding-right: 22px;
  padding-bottom: 22px;
  padding-left: 22px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  background-color: #181B20;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #2C3037;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #2C3037;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #2C3037;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #2C3037;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  column-gap: 16px;
}
.cta16_div-20 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  row-gap: 6px;
  column-gap: 6px;
}
.cta16_div-7 {
  height: 60px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  row-gap: 2px;
  column-gap: 2px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #3A3F47;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #3A3F47;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #3A3F47;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #3A3F47;
  background-color: transparent;
  color: #F4F5F1;
}
.cta16_div-5 {
  font-size: 12px;
}
.cta16_div-6 {
  font-size: 18px;
  font-weight: 600;
}
.cta16_div-10 {
  height: 60px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  row-gap: 2px;
  column-gap: 2px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #F4F5F1;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #F4F5F1;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #F4F5F1;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #F4F5F1;
  background-color: #F4F5F1;
  color: #0F1115;
}
.cta16_div-8 {
  font-size: 12px;
}
.cta16_div-9 {
  font-size: 18px;
  font-weight: 600;
}
.cta16_div-13 {
  height: 60px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  row-gap: 2px;
  column-gap: 2px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #3A3F47;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #3A3F47;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #3A3F47;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #3A3F47;
  background-color: transparent;
  color: #F4F5F1;
}
.cta16_div-11 {
  font-size: 12px;
}
.cta16_div-12 {
  font-size: 18px;
  font-weight: 600;
}
.cta16_div-16 {
  height: 60px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  row-gap: 2px;
  column-gap: 2px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #3A3F47;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #3A3F47;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #3A3F47;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #3A3F47;
  background-color: transparent;
  color: #F4F5F1;
}
.cta16_div-14 {
  font-size: 12px;
}
.cta16_div-15 {
  font-size: 18px;
  font-weight: 600;
}
.cta16_div-19 {
  height: 60px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  row-gap: 2px;
  column-gap: 2px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #3A3F47;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #3A3F47;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #3A3F47;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #3A3F47;
  background-color: transparent;
  color: #F4F5F1;
}
.cta16_div-17 {
  font-size: 12px;
}
.cta16_div-18 {
  font-size: 18px;
  font-weight: 600;
}
.cta16_div-27 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  row-gap: 6px;
  column-gap: 6px;
}
.cta16_div-21 {
  height: 44px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  cursor: pointer;
  font-family: var(--blok-font-saas-mono);
  font-size: 14px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #2C3037;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #2C3037;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #2C3037;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #2C3037;
  background-color: #20242A;
  color: #F4F5F1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cta16_div-22 {
  height: 44px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  cursor: pointer;
  font-family: var(--blok-font-saas-mono);
  font-size: 14px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #2C3037;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #2C3037;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #2C3037;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #2C3037;
  background-color: #20242A;
  color: #F4F5F1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cta16_div-23 {
  height: 44px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  cursor: pointer;
  font-family: var(--blok-font-saas-mono);
  font-size: 14px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #2C3037;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #2C3037;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #2C3037;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #2C3037;
  background-color: #20242A;
  color: #F4F5F1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cta16_div-24 {
  height: 44px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  cursor: pointer;
  font-family: var(--blok-font-saas-mono);
  font-size: 14px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #2C3037;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #2C3037;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #2C3037;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #2C3037;
  background-color: #20242A;
  color: #F4F5F1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cta16_div-25 {
  height: 44px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  cursor: pointer;
  font-family: var(--blok-font-saas-mono);
  font-size: 14px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #2C3037;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #2C3037;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #2C3037;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #2C3037;
  background-color: #20242A;
  color: #F4F5F1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cta16_div-26 {
  height: 44px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  cursor: pointer;
  font-family: var(--blok-font-saas-mono);
  font-size: 14px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #2C3037;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #2C3037;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #2C3037;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #2C3037;
  background-color: #20242A;
  color: #F4F5F1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cta16_div-28 {
  height: 48px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  cursor: pointer;
  font-weight: 500;
  background-color: #3A3F47;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
}
.section_cta16.is-light {
  background-color: var(--blok-saas-canvas);
  color: var(--blok-saas-ink);
}
.section_cta16.is-accent {
  background-color: var(--blok-saas-blue);
  color: var(--blok-saas-white);
}

/* Generated by Blokset from components/cta-17.js. Edit the spec, not this file. */
.section_cta17 {
  font-family: var(--blok-font-saas);
  color: #0F1115;
  background-color: #F4F5F1;
  padding-top: clamp(56px, 7vw, 88px);
  padding-right: clamp(20px, 4vw, 48px);
  padding-bottom: clamp(56px, 7vw, 88px);
  padding-left: clamp(20px, 4vw, 48px);
}
.cta17_div-13 {
  max-width: 720px;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 22px;
  column-gap: 22px;
  text-align: center;
}
.cta17_heading {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: clamp(36px, 5vw, 64px);
  line-height: 0.98;
  letter-spacing: -0.05em;
  font-weight: 600;
}
.cta17_div-4 {
  display: flex;
  padding-top: 4px;
  padding-right: 4px;
  padding-bottom: 4px;
  padding-left: 4px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
}
.cta17_div-2 {
  height: 44px;
  padding-top: 0;
  padding-right: 20px;
  padding-bottom: 0;
  padding-left: 20px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  cursor: pointer;
  font-size: 15px;
  font-weight: 500;
  background-color: #0F1115;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cta17_div-3 {
  height: 44px;
  padding-top: 0;
  padding-right: 20px;
  padding-bottom: 0;
  padding-left: 20px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  cursor: pointer;
  font-size: 15px;
  font-weight: 500;
  background-color: transparent;
  color: #4E545D;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cta17_subheading {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 17px;
  line-height: 1.55;
  color: #4E545D;
}
.cta17_div-12 {
  width: 100%;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  column-gap: 10px;
  text-align: left;
}
.cta17_div-9 {
  display: flex;
  flex-wrap: wrap;
  row-gap: 8px;
  column-gap: 8px;
}
.cta17_div-8 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 260px;
  display: flex;
  flex-direction: column;
  row-gap: 6px;
  column-gap: 6px;
  font-size: 14px;
  font-weight: 500;
}
.cta17_div-6 {
  height: 50px;
  padding-top: 0;
  padding-right: 14px;
  padding-bottom: 0;
  padding-left: 14px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #CFD3CA;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #CFD3CA;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #CFD3CA;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #CFD3CA;
  background-color: #FFFFFF;
  font-size: 16px;
  color: #0F1115;
}
.cta17_div-10 {
  height: 52px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  cursor: pointer;
  font-weight: 500;
  font-size: 16px;
  background-color: #2D4BF0;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cta17_div-11 {
  min-height: 20px;
  font-size: 14px;
  text-align: center;
  color: #5B616B;
}
.section_cta17.is-dark {
  background-color: var(--blok-saas-ink);
  color: var(--blok-saas-canvas);
}
.section_cta17.is-accent {
  background-color: var(--blok-saas-blue);
  color: var(--blok-saas-white);
}

/* Generated by Blokset from components/about-01.js. Edit the spec, not this file. */
.section_about1 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.about1_component {
  display: flex;
  flex-direction: column;
  row-gap: 0rem;
}
.about1_grid {
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  row-gap: 2rem;
  column-gap: 0rem;
  padding-bottom: 0rem;
}
.about1_stage {
  position: relative;
  width: 100%;
}
.about1_landscape {
  display: block;
  width: 100%;
  height: 16rem;
  object-fit: cover;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.about1_portrait {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  width: 8rem;
  height: 10rem;
  margin-top: -3rem;
  margin-left: 1.25rem;
  cursor: pointer;
  overflow: hidden;
  border-top-left-radius: var(--blok-radius);
  border-top-right-radius: var(--blok-radius);
  border-bottom-left-radius: var(--blok-radius);
  border-bottom-right-radius: var(--blok-radius);
}
.about1_portrait-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about1_copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 1.25rem;
}
.about1_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-serif);
  font-size: 2.75rem;
  line-height: 1.02;
  font-weight: 500;
  letter-spacing: -0.03em;
  color: var(--blok-ink);
}
.about1_body {
  display: flex;
  flex-direction: column;
  row-gap: 0.9rem;
  color: var(--blok-ink-muted);
}
.about1_lead {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.6;
}
.about1_support {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.6;
}
.about1_signature {
  font-family: var(--blok-font-serif);
  font-size: 2rem;
  font-style: italic;
  line-height: 1;
  font-weight: 500;
}
.about1_dialog {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 30;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  row-gap: 1rem;
  background-color: var(--blok-overlay-strong);
  padding-top: 1.25rem;
  padding-right: 1.25rem;
  padding-bottom: 1.25rem;
  padding-left: 1.25rem;
}
.about1_close {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  cursor: pointer;
  align-self: flex-end;
  color: var(--blok-surface);
}
.about1_dialog-media {
  width: 100%;
  max-width: 64rem;
  overflow: hidden;
  aspect-ratio: 16 / 10;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.about1_dialog-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about1_dialog-caption {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-surface);
}
.section_about1.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.about1_heading.is-dark {
  color: var(--blok-surface);
}
.about1_body.is-dark {
  color: var(--blok-surface-muted);
}
.section_about1.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.about1_heading.is-accent {
  color: var(--blok-ink);
}
.about1_body.is-accent {
  color: var(--blok-ink-soft);
}

@media (min-width: 992px) {
  .about1_grid {
    grid-template-columns: 1.2fr 1fr;
    column-gap: 3rem;
    row-gap: 0rem;
    padding-bottom: 2rem;
  }
  .about1_landscape {
    height: 28rem;
  }
  .about1_portrait {
    position: absolute;
    top: auto;
    right: 1.5rem;
    bottom: -2rem;
    left: auto;
    margin-top: 0rem;
    margin-left: 0rem;
    width: 11rem;
    height: 14rem;
  }
  .about1_heading {
    font-size: 3.75rem;
  }
}

/* Generated by Blokset from components/about-02.js. Edit the spec, not this file. */
.section_about2 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.about2_component {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  row-gap: 2.75rem;
}
.about2_intro {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 1.5rem;
  text-align: center;
  max-width: 44rem;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
}
.about2_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.75rem;
  line-height: 1.4;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.about2_heading {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 18ch;
  font-family: var(--blok-font-serif);
  font-size: 2.75rem;
  line-height: 1.02;
  font-weight: 500;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--blok-ink);
}
.about2_image {
  display: block;
  width: 100%;
  height: 16rem;
  object-fit: cover;
}
.about2_row {
  display: grid;
  grid-template-columns: 1fr;
  align-items: start;
  row-gap: 1.5rem;
  column-gap: 0rem;
  padding-top: 0.5rem;
  padding-right: 0%;
  padding-left: 0%;
}
.about2_label {
  font-family: var(--blok-font-mono);
  font-size: 0.6875rem;
  line-height: 1.4;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.about2_body {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 38rem;
  font-family: var(--blok-font-serif);
  font-size: 1.35rem;
  line-height: 1.55;
  font-weight: 400;
  color: var(--blok-ink);
}
.section_about2.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.about2_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.about2_heading.is-dark {
  color: var(--blok-surface);
}
.about2_label.is-dark {
  color: var(--blok-surface-muted);
}
.about2_body.is-dark {
  color: var(--blok-surface);
}

@media (min-width: 768px) {
  .about2_heading {
    font-size: 3.5rem;
  }
  .about2_image {
    height: 24rem;
  }
}

@media (min-width: 992px) {
  .about2_component {
    row-gap: 4rem;
  }
  .about2_heading {
    font-size: 4.25rem;
  }
  .about2_image {
    height: 34rem;
  }
  .about2_row {
    grid-template-columns: 0.28fr 1fr;
    column-gap: 4rem;
    row-gap: 0rem;
    padding-top: 0.75rem;
    padding-right: 4%;
    padding-left: 2%;
  }
  .about2_body {
    font-size: 1.65rem;
  }
}

/* Generated by Blokset from components/about-03.js. Edit the spec, not this file. */
.section_about3 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.about3_component {
  display: grid;
  grid-template-columns: 1fr;
  align-items: start;
  row-gap: 3rem;
  column-gap: 0rem;
  min-height: 0rem;
}
.about3_copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 1.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  max-width: 100%;
}
.about3_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-serif);
  font-size: 2.25rem;
  line-height: 1.08;
  font-weight: 500;
  letter-spacing: -0.02em;
  color: var(--blok-ink);
}
.about3_body {
  display: flex;
  flex-direction: column;
  row-gap: 1.25rem;
  color: var(--blok-ink-muted);
}
.about3_body-lead {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 30rem;
  font-family: var(--blok-font-serif);
  font-size: 1.125rem;
  line-height: 1.7;
}
.about3_body-support {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 30rem;
  font-family: var(--blok-font-serif);
  font-size: 1.125rem;
  line-height: 1.7;
}
.about3_media {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.about3_image {
  display: block;
  width: 100%;
  height: 22rem;
  object-fit: cover;
}
.section_about3.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.about3_heading.is-dark {
  color: var(--blok-surface);
}
.about3_body.is-dark {
  color: var(--blok-surface-muted);
}

@media (min-width: 768px) {
  .about3_image {
    height: 28rem;
  }
}

@media (min-width: 992px) {
  .section_about3 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }
  .about3_component {
    grid-template-columns: 0.9fr 1.1fr;
    column-gap: 5rem;
    row-gap: 0rem;
    align-items: center;
    min-height: 36rem;
  }
  .about3_copy {
    padding-top: 2rem;
    padding-bottom: 2rem;
    max-width: 28rem;
  }
  .about3_heading {
    font-size: 2.75rem;
  }
  .about3_body-lead {
    font-size: 1.2rem;
  }
  .about3_body-support {
    font-size: 1.2rem;
  }
  .about3_image {
    height: 38rem;
  }
}

/* Generated by Blokset from components/banner-01.js. Edit the spec, not this file. */
.section_banner1 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.banner1_bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  column-gap: 1rem;
  row-gap: 0.35rem;
  padding-top: 0.7rem;
  padding-bottom: 0.7rem;
}
.banner1_message {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.9375rem;
  line-height: 1.4;
  text-align: center;
  color: var(--blok-ink);
}
.banner1_link {
  font-size: 0.9375rem;
  line-height: 1.4;
  font-weight: 600;
  text-decoration: underline;
  color: var(--blok-ink);
}
.section_banner1.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.banner1_message.is-dark {
  color: var(--blok-surface);
}
.banner1_link.is-dark {
  color: var(--blok-surface);
}
.section_banner1.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.banner1_message.is-accent {
  color: var(--blok-ink);
}
.banner1_link.is-accent {
  color: var(--blok-ink);
}

/* Generated by Blokset from components/bento-01.js. Edit the spec, not this file. */
.section_bento01 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.bento01_component {
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
}
.bento01_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: left;
}
.bento01_header-title {
  max-width: 40rem;
}
.bento01_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.bento01_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-ink);
}
.bento01_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.bento01_grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  column-gap: 1rem;
  row-gap: 1rem;
}
.bento01_photo {
  position: relative;
  overflow: hidden;
  min-height: 16rem;
  grid-column-start: span 1;
  grid-column-end: span 1;
  grid-row-start: span 1;
  grid-row-end: span 1;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.bento01_photo-image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bento01_stat-a {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 12rem;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  padding-top: 1.25rem;
  padding-right: 1.25rem;
  padding-bottom: 1.25rem;
  padding-left: 1.25rem;
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.bento01_stat-a-value {
  font-family: var(--blok-font-display);
  font-size: 4.5rem;
  line-height: 0.9;
  font-weight: 600;
  letter-spacing: -0.05em;
}
.bento01_stat-a-label {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.05rem;
  line-height: 1.3;
  font-weight: 600;
}
.bento01_stat-b {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 12rem;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  padding-top: 1.25rem;
  padding-right: 1.25rem;
  padding-bottom: 1.25rem;
  padding-left: 1.25rem;
  background-color: var(--blok-surface-2);
  color: var(--blok-ink);
}
.bento01_stat-b-value {
  font-family: var(--blok-font-display);
  font-size: 4.5rem;
  line-height: 0.9;
  font-weight: 600;
  letter-spacing: -0.05em;
}
.bento01_stat-b-label {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.05rem;
  line-height: 1.3;
  font-weight: 600;
}
.bento01_meter-card {
  grid-column-start: span 1;
  grid-column-end: span 1;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  padding-top: 1.25rem;
  padding-right: 1.25rem;
  padding-bottom: 1.25rem;
  padding-left: 1.25rem;
  background-color: var(--blok-surface-2);
  color: var(--blok-ink);
}
.bento01_meters {
  display: flex;
  flex-direction: column;
  row-gap: 1.1rem;
}
.bento01_meter-head {
  display: flex;
  justify-content: space-between;
  column-gap: 1rem;
  margin-bottom: 0.45rem;
}
.bento01_meter-label {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.2;
  font-weight: 600;
}
.bento01_meter-note {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.bento01_track {
  width: 100%;
  height: 0.4rem;
  overflow: hidden;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
  background-color: var(--blok-line);
}
.bento01_bar {
  width: 100%;
  height: 100%;
  background-color: var(--blok-accent);
}
.section_bento01.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.bento01_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.bento01_heading.is-dark {
  color: var(--blok-surface);
}
.bento01_description.is-dark {
  color: var(--blok-surface-muted);
}
.bento01_stat-a.is-dark {
  background-color: var(--blok-accent);
  color: var(--blok-surface);
}
.bento01_stat-b.is-dark {
  background-color: var(--blok-ink-2);
  color: var(--blok-surface);
}
.bento01_meter-card.is-dark {
  background-color: var(--blok-ink-2);
  color: var(--blok-surface);
}
.bento01_track.is-dark {
  background-color: var(--blok-line-inverse);
}
.bento01_bar.is-dark {
  background-color: var(--blok-accent);
}
.bento01_meter-note.is-dark {
  color: var(--blok-surface-muted);
}
.section_bento01.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.bento01_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.bento01_heading.is-accent {
  color: var(--blok-ink);
}
.bento01_description.is-accent {
  color: var(--blok-ink-soft);
}
.bento01_stat-a.is-accent {
  background-color: var(--blok-ink);
  color: var(--blok-ink);
}
.bento01_stat-b.is-accent {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.bento01_meter-card.is-accent {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.bento01_track.is-accent {
  background-color: var(--blok-line);
}
.bento01_bar.is-accent {
  background-color: var(--blok-ink);
}
.bento01_meter-note.is-accent {
  color: var(--blok-ink-soft);
}

@media (min-width: 768px) {
  .bento01_heading {
    font-size: 3rem;
  }
  .bento01_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .bento01_meter-card {
    grid-column-start: span 2;
    grid-column-end: span 2;
  }
}

@media (min-width: 992px) {
  .bento01_header {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    column-gap: 4rem;
  }
  .bento01_heading {
    font-size: 3.5rem;
  }
  .bento01_grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .bento01_photo {
    grid-row-start: span 2;
    grid-row-end: span 2;
    min-height: 24rem;
  }
}

/* Generated by Blokset from components/bento-02.js. Edit the spec, not this file. */
.section_bento02 {
  overflow: hidden;
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.bento02_component {
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
}
.bento02_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: left;
}
.bento02_header-title {
  max-width: 40rem;
}
.bento02_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.bento02_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-ink);
}
.bento02_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.bento02_grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  column-gap: 1rem;
  row-gap: 1rem;
}
.bento02_word-card {
  overflow: hidden;
  display: flex;
  align-items: center;
  min-height: 6rem;
  grid-column-start: span 1;
  grid-column-end: span 1;
  background-color: var(--blok-surface-2);
  color: var(--blok-ink);
}
.bento02_word-track {
  display: flex;
  align-items: center;
  width: max-content;
}
.bento02_pill {
  flex-shrink: 0;
  margin-right: 0.6rem;
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
  padding-top: 0.55rem;
  padding-bottom: 0.55rem;
  padding-left: 0.9rem;
  padding-right: 0.9rem;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  color: var(--blok-ink);
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
}
.bento02_copy-card {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 14rem;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  padding-top: 1.5rem;
  padding-right: 1.5rem;
  padding-bottom: 1.5rem;
  padding-left: 1.5rem;
  background-color: var(--blok-surface-2);
  color: var(--blok-ink);
}
.bento02_copy-title {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-family: var(--blok-font-display);
  font-size: 1.75rem;
  line-height: 1.1;
  font-weight: 600;
  letter-spacing: -0.03em;
}
.bento02_copy-text {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.5;
  color: var(--blok-ink-muted);
}
.bento02_photo-card {
  overflow: hidden;
  min-height: 14rem;
  grid-column-start: span 1;
  grid-column-end: span 1;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.bento02_photo-track {
  display: flex;
  height: 100%;
  width: max-content;
}
.bento02_photo-cell {
  flex-shrink: 0;
  width: 16rem;
  height: 14rem;
  margin-right: 0.75rem;
  overflow: hidden;
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}
.bento02_photo {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bento02_note-card {
  display: flex;
  align-items: flex-end;
  min-height: 14rem;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  padding-top: 1.5rem;
  padding-right: 1.5rem;
  padding-bottom: 1.5rem;
  padding-left: 1.5rem;
  background-color: var(--blok-ink);
}
.bento02_note {
  margin-top: 0;
  margin-bottom: 0;
  color: var(--blok-surface);
  font-family: var(--blok-font-display);
  font-size: 1.65rem;
  line-height: 1.15;
  font-weight: 600;
  letter-spacing: -0.03em;
}
.bento02_place-card {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 14rem;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  padding-top: 1.5rem;
  padding-right: 1.5rem;
  padding-bottom: 1.5rem;
  padding-left: 1.5rem;
  background-color: var(--blok-surface-2);
  color: var(--blok-ink);
}
.bento02_place-title {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-family: var(--blok-font-display);
  font-size: 1.75rem;
  line-height: 1.1;
  font-weight: 600;
  letter-spacing: -0.03em;
}
.bento02_place-text {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.5;
  color: var(--blok-ink-muted);
}
.bento02_still {
  position: relative;
  overflow: hidden;
  min-height: 14rem;
  grid-column-start: span 1;
  grid-column-end: span 1;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.bento02_still-image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.section_bento02.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.bento02_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.bento02_heading.is-dark {
  color: var(--blok-surface);
}
.bento02_description.is-dark {
  color: var(--blok-surface-muted);
}
.bento02_word-card.is-dark {
  background-color: var(--blok-ink-2);
  color: var(--blok-surface);
}
.bento02_copy-card.is-dark {
  background-color: var(--blok-ink-2);
  color: var(--blok-surface);
}
.bento02_note-card.is-dark {
  background-color: var(--blok-ink-2);
}
.bento02_pill.is-dark {
  color: var(--blok-surface);
  border-top-color: var(--blok-line-inverse);
  border-right-color: var(--blok-line-inverse);
  border-bottom-color: var(--blok-line-inverse);
  border-left-color: var(--blok-line-inverse);
}
.bento02_copy-text.is-dark {
  color: var(--blok-surface-muted);
}
.bento02_place-card.is-dark {
  background-color: var(--blok-ink-2);
  color: var(--blok-surface);
}
.bento02_place-text.is-dark {
  color: var(--blok-surface-muted);
}
.section_bento02.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.bento02_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.bento02_heading.is-accent {
  color: var(--blok-ink);
}
.bento02_description.is-accent {
  color: var(--blok-ink-soft);
}
.bento02_word-card.is-accent {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.bento02_copy-card.is-accent {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.bento02_note-card.is-accent {
  background-color: var(--blok-ink);
}
.bento02_pill.is-accent {
  color: var(--blok-ink);
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
}
.bento02_copy-text.is-accent {
  color: var(--blok-ink-soft);
}
.bento02_place-card.is-accent {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.bento02_place-text.is-accent {
  color: var(--blok-ink-soft);
}

@media (min-width: 768px) {
  .bento02_heading {
    font-size: 3rem;
  }
  .bento02_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .bento02_word-card {
    grid-column-start: span 2;
    grid-column-end: span 2;
  }
  .bento02_still {
    grid-column-start: span 2;
    grid-column-end: span 2;
  }
}

@media (min-width: 992px) {
  .bento02_header {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    column-gap: 4rem;
  }
  .bento02_heading {
    font-size: 3.5rem;
  }
  .bento02_grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .bento02_word-card {
    grid-column-start: span 3;
    grid-column-end: span 3;
  }
  .bento02_photo-card {
    grid-column-start: span 2;
    grid-column-end: span 2;
  }
  .bento02_still {
    grid-column-start: span 1;
    grid-column-end: span 1;
  }
}

/* Generated by Blokset from components/bento-03.js. Edit the spec, not this file. */
.section_bento03 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.bento03_component {
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
}
.bento03_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: left;
}
.bento03_header-title {
  max-width: 40rem;
}
.bento03_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.bento03_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-ink);
}
.bento03_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.bento03_row {
  display: flex;
  flex-direction: column;
  column-gap: 0rem;
  row-gap: 0.75rem;
  height: auto;
}
.bento03_tile {
  position: relative;
  overflow: hidden;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  min-height: 16rem;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.bento03_tile-image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bento03_tile-shade {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(to top, var(--blok-shade-strong), var(--blok-shade-clear) 55%);
}
.bento03_tile-title {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  left: 1rem;
  top: auto;
  margin-top: 0;
  margin-bottom: 0;
  color: var(--blok-text-inverse);
  font-family: var(--blok-font-display);
  font-size: 1.75rem;
  line-height: 1.1;
  font-weight: 600;
}
.section_bento03.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.bento03_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.bento03_heading.is-dark {
  color: var(--blok-surface);
}
.bento03_description.is-dark {
  color: var(--blok-surface-muted);
}
.section_bento03.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.bento03_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.bento03_heading.is-accent {
  color: var(--blok-ink);
}
.bento03_description.is-accent {
  color: var(--blok-ink-soft);
}

@media (min-width: 768px) {
  .bento03_heading {
    font-size: 3rem;
  }
}

@media (min-width: 992px) {
  .bento03_heading {
    font-size: 3.5rem;
  }
  .bento03_row {
    flex-direction: row;
    column-gap: 0.75rem;
    row-gap: 0rem;
    height: 26rem;
  }
  .bento03_tile {
    flex-grow: 1;
    flex-basis: 0px;
    min-height: 0px;
  }
}

/* Generated by Blokset from components/bento-04.js. Edit the spec, not this file. */
.section_bento04 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.bento04_component {
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
}
.bento04_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: left;
}
.bento04_header-title {
  max-width: 40rem;
}
.bento04_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.bento04_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-ink);
}
.bento04_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.bento04_grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  column-gap: 1rem;
  row-gap: 1rem;
}
.bento04_card-a {
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  overflow: hidden;
  min-height: 16rem;
}
.bento04_image-a {
  display: block;
  width: 100%;
  height: 16rem;
  object-fit: cover;
}
.bento04_card-note {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  overflow: hidden;
  min-height: 16rem;
  padding-top: 1.5rem;
  padding-right: 1.5rem;
  padding-bottom: 1.5rem;
  padding-left: 1.5rem;
  background-color: var(--blok-surface-2);
  color: var(--blok-ink);
}
.bento04_note-title {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-family: var(--blok-font-display);
  font-size: 1.75rem;
  line-height: 1.1;
  font-weight: 600;
}
.bento04_note-text {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.5;
  color: var(--blok-ink-muted);
}
.bento04_card-accent {
  display: flex;
  align-items: flex-end;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  overflow: hidden;
  min-height: 16rem;
  padding-top: 1.5rem;
  padding-right: 1.5rem;
  padding-bottom: 1.5rem;
  padding-left: 1.5rem;
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.bento04_accent-text {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  font-size: 1.65rem;
  line-height: 1.15;
  font-weight: 600;
  letter-spacing: -0.03em;
}
.bento04_card-b {
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  overflow: hidden;
  min-height: 16rem;
}
.bento04_image-b {
  display: block;
  width: 100%;
  height: 16rem;
  object-fit: cover;
}
.section_bento04.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.bento04_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.bento04_heading.is-dark {
  color: var(--blok-surface);
}
.bento04_description.is-dark {
  color: var(--blok-surface-muted);
}
.bento04_card-note.is-dark {
  background-color: var(--blok-ink-2);
  color: var(--blok-surface);
}
.bento04_card-accent.is-dark {
  background-color: var(--blok-accent);
  color: var(--blok-surface);
}
.bento04_note-text.is-dark {
  color: var(--blok-surface-muted);
}
.section_bento04.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.bento04_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.bento04_heading.is-accent {
  color: var(--blok-ink);
}
.bento04_description.is-accent {
  color: var(--blok-ink-soft);
}
.bento04_card-note.is-accent {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.bento04_card-accent.is-accent {
  background-color: var(--blok-ink);
  color: var(--blok-ink);
}
.bento04_note-text.is-accent {
  color: var(--blok-ink-soft);
}

@media (min-width: 768px) {
  .bento04_heading {
    font-size: 3rem;
  }
  .bento04_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 992px) {
  .bento04_header {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    column-gap: 4rem;
  }
  .bento04_heading {
    font-size: 3.5rem;
  }
  .bento04_grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

/* Generated by Blokset from components/bento-05.js. Edit the spec, not this file. */
.section_bento05 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.bento05_component {
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
}
.bento05_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: left;
}
.bento05_header-title {
  max-width: 40rem;
}
.bento05_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.bento05_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-ink);
}
.bento05_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.bento05_grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  column-gap: 1rem;
  row-gap: 1rem;
}
.bento05_photo {
  position: relative;
  overflow: hidden;
  min-height: 18rem;
  grid-column-start: span 1;
  grid-column-end: span 1;
  grid-row-start: span 1;
  grid-row-end: span 1;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.bento05_photo-image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bento05_photo-title {
  position: absolute;
  right: 1.25rem;
  bottom: 1.25rem;
  left: 1.25rem;
  top: auto;
  margin-top: 0;
  margin-bottom: 0;
  color: var(--blok-text-inverse);
  font-family: var(--blok-font-display);
  font-size: 2rem;
  line-height: 1.05;
  font-weight: 600;
}
.bento05_stack {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}
.bento05_stack-list {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}
.bento05_card {
  position: relative;
  height: 11rem;
  cursor: pointer;
  transform-style: preserve-3d;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.bento05_front {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  backface-visibility: hidden;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.bento05_front-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bento05_back {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  transform: rotateY(180deg);
  backface-visibility: hidden;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  padding-top: 1rem;
  padding-right: 1rem;
  padding-bottom: 1rem;
  padding-left: 1rem;
  background-color: var(--blok-surface-2);
  color: var(--blok-ink);
}
.bento05_title {
  margin-top: 0;
  margin-bottom: 0.35rem;
  font-family: var(--blok-font-display);
  font-size: 1.25rem;
  line-height: 1.1;
  font-weight: 600;
}
.bento05_note {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.95rem;
  line-height: 1.45;
  color: var(--blok-ink-muted);
}
.section_bento05.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.bento05_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.bento05_heading.is-dark {
  color: var(--blok-surface);
}
.bento05_description.is-dark {
  color: var(--blok-surface-muted);
}
.bento05_back.is-dark {
  background-color: var(--blok-ink-2);
  color: var(--blok-surface);
}
.bento05_note.is-dark {
  color: var(--blok-surface-muted);
}
.section_bento05.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.bento05_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.bento05_heading.is-accent {
  color: var(--blok-ink);
}
.bento05_description.is-accent {
  color: var(--blok-ink-soft);
}
.bento05_back.is-accent {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.bento05_note.is-accent {
  color: var(--blok-ink-soft);
}

@media (min-width: 768px) {
  .bento05_heading {
    font-size: 3rem;
  }
}

@media (min-width: 992px) {
  .bento05_header {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    column-gap: 4rem;
  }
  .bento05_heading {
    font-size: 3.5rem;
  }
  .bento05_grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .bento05_photo {
    grid-column-start: span 2;
    grid-column-end: span 2;
    min-height: 28rem;
  }
}

/* Generated by Blokset from components/bento-06.js. Edit the spec, not this file. */
.section_bento06 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.bento06_component {
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
}
.bento06_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: left;
}
.bento06_header-title {
  max-width: 40rem;
}
.bento06_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.bento06_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-ink);
}
.bento06_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.bento06_grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  column-gap: 1rem;
  row-gap: 1rem;
}
.bento06_cycle-card {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 18rem;
  grid-column-start: span 1;
  grid-column-end: span 1;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  padding-top: 1.5rem;
  padding-right: 1.5rem;
  padding-bottom: 1.5rem;
  padding-left: 1.5rem;
  background-color: var(--blok-surface-2);
  color: var(--blok-ink);
}
.bento06_kicker {
  margin-bottom: 0.75rem;
  font-size: 1.15rem;
  line-height: 1.3;
  color: var(--blok-ink-muted);
}
.bento06_current {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  font-size: 3rem;
  line-height: 0.95;
  font-weight: 600;
  letter-spacing: -0.04em;
}
.bento06_clip-a {
  position: relative;
  overflow: hidden;
  min-height: 14rem;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.bento06_image-a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bento06_clip-b {
  position: relative;
  overflow: hidden;
  min-height: 14rem;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.bento06_image-b {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bento06_clip-c {
  position: relative;
  overflow: hidden;
  min-height: 14rem;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.bento06_image-c {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bento06_clip-d {
  position: relative;
  overflow: hidden;
  min-height: 14rem;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.bento06_image-d {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.section_bento06.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.bento06_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.bento06_heading.is-dark {
  color: var(--blok-surface);
}
.bento06_description.is-dark {
  color: var(--blok-surface-muted);
}
.bento06_cycle-card.is-dark {
  background-color: var(--blok-ink-2);
  color: var(--blok-surface);
}
.bento06_kicker.is-dark {
  color: var(--blok-surface-muted);
}
.section_bento06.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.bento06_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.bento06_heading.is-accent {
  color: var(--blok-ink);
}
.bento06_description.is-accent {
  color: var(--blok-ink-soft);
}
.bento06_cycle-card.is-accent {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.bento06_kicker.is-accent {
  color: var(--blok-ink-soft);
}

@media (min-width: 768px) {
  .bento06_heading {
    font-size: 3rem;
  }
  .bento06_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .bento06_cycle-card {
    grid-column-start: span 2;
    grid-column-end: span 2;
  }
}

@media (min-width: 992px) {
  .bento06_header {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    column-gap: 4rem;
  }
  .bento06_heading {
    font-size: 3.5rem;
  }
  .bento06_grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .bento06_cycle-card {
    grid-column-start: span 2;
    grid-column-end: span 2;
    min-height: 22rem;
  }
  .bento06_current {
    font-size: 4.5rem;
  }
  .bento06_clip-a {
    min-height: 16rem;
  }
  .bento06_clip-b {
    min-height: 16rem;
  }
  .bento06_clip-c {
    min-height: 16rem;
  }
  .bento06_clip-d {
    min-height: 16rem;
  }
}

/* Generated by Blokset from components/bento-07.js. Edit the spec, not this file. */
.section_bento07 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.bento07_component {
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
}
.bento07_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: left;
}
.bento07_header-title {
  max-width: 40rem;
}
.bento07_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.bento07_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-ink);
}
.bento07_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.bento07_grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  column-gap: 1rem;
  row-gap: 1rem;
}
.bento07_photo-a {
  position: relative;
  overflow: hidden;
  min-height: 14rem;
  grid-column-start: span 1;
  grid-column-end: span 1;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.bento07_photo-a-image {
  position: absolute;
  top: -20%;
  right: 0;
  bottom: auto;
  left: 0;
  width: 100%;
  height: 140%;
  object-fit: cover;
}
.bento07_note-card {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 14rem;
  grid-column-start: span 1;
  grid-column-end: span 1;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  padding-top: 1.5rem;
  padding-right: 1.5rem;
  padding-bottom: 1.5rem;
  padding-left: 1.5rem;
  background-color: var(--blok-surface-2);
  color: var(--blok-ink);
}
.bento07_note-title {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-family: var(--blok-font-display);
  font-size: 2rem;
  line-height: 1.05;
  font-weight: 600;
}
.bento07_note-text {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.05rem;
  line-height: 1.5;
  color: var(--blok-ink-muted);
}
.bento07_photo-b {
  position: relative;
  overflow: hidden;
  min-height: 14rem;
  grid-column-start: span 1;
  grid-column-end: span 1;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.bento07_photo-b-image {
  position: absolute;
  top: -20%;
  right: 0;
  bottom: auto;
  left: 0;
  width: 100%;
  height: 140%;
  object-fit: cover;
}
.bento07_photo-c {
  position: relative;
  overflow: hidden;
  min-height: 14rem;
  grid-column-start: span 1;
  grid-column-end: span 1;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.bento07_photo-c-image {
  position: absolute;
  top: -20%;
  right: 0;
  bottom: auto;
  left: 0;
  width: 100%;
  height: 140%;
  object-fit: cover;
}
.section_bento07.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.bento07_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.bento07_heading.is-dark {
  color: var(--blok-surface);
}
.bento07_description.is-dark {
  color: var(--blok-surface-muted);
}
.bento07_note-card.is-dark {
  background-color: var(--blok-ink-2);
  color: var(--blok-surface);
}
.bento07_note-text.is-dark {
  color: var(--blok-surface-muted);
}
.section_bento07.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.bento07_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.bento07_heading.is-accent {
  color: var(--blok-ink);
}
.bento07_description.is-accent {
  color: var(--blok-ink-soft);
}
.bento07_note-card.is-accent {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.bento07_note-text.is-accent {
  color: var(--blok-ink-soft);
}

@media (min-width: 768px) {
  .bento07_heading {
    font-size: 3rem;
  }
  .bento07_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 992px) {
  .bento07_header {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    column-gap: 4rem;
  }
  .bento07_heading {
    font-size: 3.5rem;
  }
  .bento07_grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .bento07_photo-a {
    grid-column-start: span 2;
    grid-column-end: span 2;
    min-height: 18rem;
  }
  .bento07_note-card {
    grid-column-start: span 2;
    grid-column-end: span 2;
  }
  .bento07_photo-b {
    grid-column-start: span 2;
    grid-column-end: span 2;
    min-height: 18rem;
  }
  .bento07_photo-c {
    grid-column-start: span 2;
    grid-column-end: span 2;
    min-height: 18rem;
  }
}

/* Generated by Blokset from components/bento-08.js. Edit the spec, not this file. */
.section_bento08 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.bento08_component {
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
}
.bento08_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: left;
}
.bento08_header-title {
  max-width: 40rem;
}
.bento08_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.bento08_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-ink);
}
.bento08_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.bento08_grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  column-gap: 1rem;
  row-gap: 1rem;
}
.bento08_stage {
  position: relative;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 16 / 10;
  cursor: grab;
  grid-column-start: span 1;
  grid-column-end: span 1;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.bento08_base {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bento08_reveal {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
  clip-path: circle(88px at 50% 46%);
}
.bento08_swap {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}
.bento08_figure {
  overflow: hidden;
  width: 100%;
  height: 10rem;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.bento08_figure-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bento08_rows {
  display: flex;
  flex-direction: column;
}
.bento08_row {
  cursor: pointer;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: var(--blok-line);
}
.bento08_row-title {
  margin-top: 0;
  margin-bottom: 0.2rem;
  font-family: var(--blok-font-display);
  font-size: 1.25rem;
  line-height: 1.1;
  font-weight: 600;
}
.bento08_row-text {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.95rem;
  line-height: 1.4;
  color: var(--blok-ink-muted);
}
.section_bento08.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.bento08_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.bento08_heading.is-dark {
  color: var(--blok-surface);
}
.bento08_description.is-dark {
  color: var(--blok-surface-muted);
}
.bento08_row.is-dark {
  border-top-color: var(--blok-line-inverse);
}
.bento08_row-text.is-dark {
  color: var(--blok-surface-muted);
}
.section_bento08.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.bento08_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.bento08_heading.is-accent {
  color: var(--blok-ink);
}
.bento08_description.is-accent {
  color: var(--blok-ink-soft);
}
.bento08_row.is-accent {
  border-top-color: var(--blok-line);
}
.bento08_row-text.is-accent {
  color: var(--blok-ink-soft);
}

@media (min-width: 768px) {
  .bento08_heading {
    font-size: 3rem;
  }
}

@media (min-width: 992px) {
  .bento08_header {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    column-gap: 4rem;
  }
  .bento08_heading {
    font-size: 3.5rem;
  }
  .bento08_grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .bento08_stage {
    grid-column-start: span 2;
    grid-column-end: span 2;
  }
}

/* Generated by Blokset from components/bento-09.js. Edit the spec, not this file. */
.section_bento09 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.bento09_component {
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
}
.bento09_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: left;
}
.bento09_header-title {
  max-width: 40rem;
}
.bento09_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.bento09_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-ink);
}
.bento09_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.bento09_grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  column-gap: 1rem;
  row-gap: 1rem;
}
.bento09_photo {
  position: relative;
  overflow: hidden;
  min-height: 16rem;
  grid-column-start: span 1;
  grid-column-end: span 1;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.bento09_image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bento09_notes {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  column-gap: 1rem;
  row-gap: 1rem;
  grid-column-start: span 1;
  grid-column-end: span 1;
}
.bento09_tile {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 12rem;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  padding-top: 1.25rem;
  padding-right: 1.25rem;
  padding-bottom: 1.25rem;
  padding-left: 1.25rem;
  background-color: var(--blok-surface-2);
  color: var(--blok-ink);
}
.bento09_tile-title {
  margin-top: 0;
  margin-bottom: 0.4rem;
  font-family: var(--blok-font-display);
  font-size: 1.5rem;
  line-height: 1.1;
  font-weight: 600;
}
.bento09_tile-text {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.45;
  color: var(--blok-ink-muted);
}
.section_bento09.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.bento09_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.bento09_heading.is-dark {
  color: var(--blok-surface);
}
.bento09_description.is-dark {
  color: var(--blok-surface-muted);
}
.bento09_tile.is-dark {
  background-color: var(--blok-ink-2);
  color: var(--blok-surface);
}
.bento09_tile-text.is-dark {
  color: var(--blok-surface-muted);
}
.section_bento09.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.bento09_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.bento09_heading.is-accent {
  color: var(--blok-ink);
}
.bento09_description.is-accent {
  color: var(--blok-ink-soft);
}
.bento09_tile.is-accent {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.bento09_tile-text.is-accent {
  color: var(--blok-ink-soft);
}

@media (min-width: 768px) {
  .bento09_heading {
    font-size: 3rem;
  }
  .bento09_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .bento09_photo {
    grid-column-start: span 2;
    grid-column-end: span 2;
    min-height: 22rem;
  }
  .bento09_notes {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-column-start: span 2;
    grid-column-end: span 2;
  }
}

@media (min-width: 992px) {
  .bento09_header {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    column-gap: 4rem;
  }
  .bento09_heading {
    font-size: 3.5rem;
  }
}

/* Generated by Blokset from components/bento-10.js. Edit the spec, not this file. */
.section_bento10 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.bento10_component {
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
}
.bento10_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: left;
}
.bento10_header-title {
  max-width: 40rem;
}
.bento10_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.bento10_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-ink);
}
.bento10_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.bento10_grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  column-gap: 1rem;
  row-gap: 1rem;
}
.bento10_figures {
  grid-column-start: span 1;
  grid-column-end: span 1;
}
.bento10_figure-list {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}
.bento10_figure {
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  padding-top: 1.25rem;
  padding-right: 1.25rem;
  padding-bottom: 1.25rem;
  padding-left: 1.25rem;
  background-color: var(--blok-surface-2);
  color: var(--blok-ink);
}
.bento10_figure-value {
  font-family: var(--blok-font-display);
  font-size: 3rem;
  line-height: 0.9;
  font-weight: 600;
  letter-spacing: -0.04em;
}
.bento10_figure-label {
  margin-top: 0.4rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 600;
  color: var(--blok-ink-muted);
}
.bento10_quote {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 16rem;
  grid-column-start: span 1;
  grid-column-end: span 1;
  color: var(--blok-surface);
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  padding-top: 1.5rem;
  padding-right: 1.5rem;
  padding-bottom: 1.5rem;
  padding-left: 1.5rem;
  background-color: var(--blok-ink);
}
.bento10_viewport {
  overflow: hidden;
  width: 100%;
}
.bento10_track {
  display: flex;
  width: 100%;
}
.bento10_slide {
  flex-shrink: 0;
  width: 100%;
}
.bento10_slide-quote {
  margin-top: 0;
  margin-bottom: 0.75rem;
  font-family: var(--blok-font-display);
  font-size: 1.5rem;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: -0.03em;
}
.bento10_slide-name {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-surface-muted);
}
.bento10_controls {
  display: flex;
  align-items: center;
  column-gap: 0.65rem;
  margin-top: 1rem;
}
.bento10_count {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-surface-muted);
}
.bento10_prev {
  cursor: pointer;
}
.bento10_next {
  cursor: pointer;
}
.bento10_status {
  grid-column-start: span 1;
  grid-column-end: span 1;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  padding-top: 1.25rem;
  padding-right: 1.25rem;
  padding-bottom: 1.25rem;
  padding-left: 1.25rem;
  background-color: var(--blok-surface-2);
  color: var(--blok-ink);
}
.bento10_statuses {
  display: flex;
  flex-direction: column;
  column-gap: 0rem;
  row-gap: 0.85rem;
}
.bento10_status-item {
  display: flex;
  align-items: baseline;
  column-gap: 0.75rem;
}
.bento10_status-label {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  font-size: 1.15rem;
  line-height: 1.2;
  font-weight: 600;
}
.bento10_status-note {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.95rem;
  line-height: 1.4;
  color: var(--blok-ink-muted);
}
.section_bento10.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.bento10_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.bento10_heading.is-dark {
  color: var(--blok-surface);
}
.bento10_description.is-dark {
  color: var(--blok-surface-muted);
}
.bento10_figure.is-dark {
  background-color: var(--blok-ink-2);
  color: var(--blok-surface);
}
.bento10_figure-label.is-dark {
  color: var(--blok-surface-muted);
}
.bento10_quote.is-dark {
  background-color: var(--blok-ink-2);
}
.bento10_status.is-dark {
  background-color: var(--blok-ink-2);
  color: var(--blok-surface);
}
.bento10_status-note.is-dark {
  color: var(--blok-surface-muted);
}
.section_bento10.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.bento10_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.bento10_heading.is-accent {
  color: var(--blok-ink);
}
.bento10_description.is-accent {
  color: var(--blok-ink-soft);
}
.bento10_figure.is-accent {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.bento10_figure-label.is-accent {
  color: var(--blok-ink-soft);
}
.bento10_quote.is-accent {
  background-color: var(--blok-ink);
}
.bento10_status.is-accent {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.bento10_status-note.is-accent {
  color: var(--blok-ink-soft);
}

@media (min-width: 768px) {
  .bento10_heading {
    font-size: 3rem;
  }
  .bento10_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .bento10_figures {
    grid-column-start: span 2;
    grid-column-end: span 2;
  }
  .bento10_status {
    grid-column-start: span 2;
    grid-column-end: span 2;
  }
  .bento10_statuses {
    flex-direction: row;
    column-gap: 2rem;
    row-gap: 0rem;
  }
}

@media (min-width: 992px) {
  .bento10_header {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    column-gap: 4rem;
  }
  .bento10_heading {
    font-size: 3.5rem;
  }
  .bento10_grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .bento10_figures {
    grid-column-start: span 1;
    grid-column-end: span 1;
  }
  .bento10_quote {
    grid-column-start: span 2;
    grid-column-end: span 2;
  }
  .bento10_status {
    grid-column-start: span 3;
    grid-column-end: span 3;
  }
}

/* Generated by Blokset from components/bento-11.js. Edit the spec, not this file. */
.section_bento11 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.bento11_component {
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
}
.bento11_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: left;
}
.bento11_header-title {
  max-width: 40rem;
}
.bento11_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.bento11_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-ink);
}
.bento11_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.bento11_grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  column-gap: 1rem;
  row-gap: 1rem;
}
.bento11_photo {
  position: relative;
  overflow: hidden;
  min-height: 16rem;
  grid-column-start: span 1;
  grid-column-end: span 1;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.bento11_image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bento11_photo-b {
  position: relative;
  overflow: hidden;
  min-height: 14rem;
  grid-column-start: span 1;
  grid-column-end: span 1;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.bento11_image-b {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bento11_stats {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  column-gap: 1rem;
  row-gap: 1rem;
  grid-column-start: span 1;
  grid-column-end: span 1;
}
.bento11_stat {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 8rem;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  padding-top: 1.1rem;
  padding-right: 1.1rem;
  padding-bottom: 1.1rem;
  padding-left: 1.1rem;
  background-color: var(--blok-surface-2);
  color: var(--blok-ink);
}
.bento11_stat-value {
  font-family: var(--blok-font-display);
  font-size: 2rem;
  line-height: 1;
  font-weight: 600;
}
.bento11_stat-label {
  margin-top: 0.35rem;
  font-size: 0.9rem;
  line-height: 1.3;
  color: var(--blok-ink-muted);
}
.section_bento11.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.bento11_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.bento11_heading.is-dark {
  color: var(--blok-surface);
}
.bento11_description.is-dark {
  color: var(--blok-surface-muted);
}
.bento11_stat.is-dark {
  background-color: var(--blok-ink-2);
  color: var(--blok-surface);
}
.bento11_stat-label.is-dark {
  color: var(--blok-surface-muted);
}
.section_bento11.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.bento11_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.bento11_heading.is-accent {
  color: var(--blok-ink);
}
.bento11_description.is-accent {
  color: var(--blok-ink-soft);
}
.bento11_stat.is-accent {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.bento11_stat-label.is-accent {
  color: var(--blok-ink-soft);
}
.bento11_photo.is-round {
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
}
.bento11_photo-b.is-round {
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
}
.bento11_stat.is-round {
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
}
.bento11_photo.is-arch {
  border-top-left-radius: 8rem;
  border-top-right-radius: 8rem;
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}
.bento11_photo-b.is-arch {
  border-top-left-radius: 8rem;
  border-top-right-radius: 8rem;
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}
.bento11_stat.is-arch {
  border-top-left-radius: 8rem;
  border-top-right-radius: 8rem;
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}

@media (min-width: 768px) {
  .bento11_heading {
    font-size: 3rem;
  }
  .bento11_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .bento11_photo {
    grid-column-start: span 2;
    grid-column-end: span 2;
  }
  .bento11_photo-b {
    grid-column-start: span 2;
    grid-column-end: span 2;
  }
  .bento11_stats {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-column-start: span 2;
    grid-column-end: span 2;
  }
}

@media (min-width: 992px) {
  .bento11_header {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    column-gap: 4rem;
  }
  .bento11_heading {
    font-size: 3.5rem;
  }
  .bento11_grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .bento11_photo {
    grid-column-start: span 2;
    grid-column-end: span 2;
    min-height: 22rem;
  }
  .bento11_photo-b {
    grid-column-start: span 1;
    grid-column-end: span 1;
    min-height: 22rem;
  }
  .bento11_stats {
    grid-column-start: span 3;
    grid-column-end: span 3;
  }
}

/* Generated by Blokset from components/bento-12.js. Edit the spec, not this file. */
.section_bento12 {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.bento12_component {
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
}
.bento12_heading {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 16ch;
  font-family: var(--blok-font-display);
  font-size: 2.25rem;
  line-height: 1.05;
  font-weight: 600;
  letter-spacing: -0.03em;
  color: var(--blok-surface);
}
.bento12_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 32rem;
  font-size: 1.05rem;
  line-height: 1.55;
  color: var(--blok-surface-muted);
}
.bento12_grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  column-gap: 1rem;
  row-gap: 1rem;
}
.bento12_card {
  display: flex;
  flex-direction: column;
  row-gap: 0.85rem;
  min-height: 16rem;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  padding-top: 1.15rem;
  padding-right: 1.15rem;
  padding-bottom: 1.15rem;
  padding-left: 1.15rem;
  background-color: var(--blok-ink-2);
  color: var(--blok-surface);
}
.bento12_card-title {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  font-size: 1.35rem;
  line-height: 1.1;
  font-weight: 600;
}
.bento12_card-text {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.45;
  color: var(--blok-surface-muted);
}
.bento12_shot {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 8rem;
  margin-top: auto;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.bento12_card-image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.section_bento12.is-light {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.bento12_heading.is-light {
  color: var(--blok-ink);
}
.bento12_description.is-light {
  color: var(--blok-ink-muted);
}
.bento12_card.is-light {
  background-color: var(--blok-surface-2);
  color: var(--blok-ink);
}
.bento12_card-text.is-light {
  color: var(--blok-ink-muted);
}
.section_bento12.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.bento12_heading.is-accent {
  color: var(--blok-ink);
}
.bento12_description.is-accent {
  color: var(--blok-ink-soft);
}
.bento12_card.is-accent {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.bento12_card-text.is-accent {
  color: var(--blok-ink-soft);
}
.bento12_card.is-round {
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
}
.bento12_shot.is-round {
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
}
.bento12_card.is-arch {
  border-top-left-radius: 8rem;
  border-top-right-radius: 8rem;
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}
.bento12_shot.is-arch {
  border-top-left-radius: 8rem;
  border-top-right-radius: 8rem;
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}

@media (min-width: 768px) {
  .bento12_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 992px) {
  .bento12_heading {
    font-size: 3rem;
  }
}

/* Generated by Blokset from components/bento-13.js. Edit the spec, not this file. */
.section_bento13 {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.bento13_grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  column-gap: 0.75rem;
  row-gap: 0.75rem;
}
.bento13_photo {
  position: relative;
  overflow: hidden;
  min-height: 16rem;
  grid-row-start: auto;
  grid-row-end: auto;
  grid-column-start: span 1;
  grid-column-end: span 1;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.bento13_image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bento13_intro {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 8rem;
  grid-column-start: span 1;
  grid-column-end: span 1;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  padding-top: 1.25rem;
  padding-right: 1.25rem;
  padding-bottom: 1.25rem;
  padding-left: 1.25rem;
}
.bento13_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  font-size: 2rem;
  line-height: 1.05;
  font-weight: 600;
  letter-spacing: -0.03em;
  color: var(--blok-surface);
}
.bento13_description {
  margin-top: 0.6rem;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.45;
  color: var(--blok-surface-muted);
}
.bento13_brief {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 5.5rem;
  grid-row-start: auto;
  grid-row-end: auto;
  grid-column-start: span 1;
  grid-column-end: span 1;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  padding-top: 1rem;
  padding-right: 1rem;
  padding-bottom: 1rem;
  padding-left: 1rem;
  background-color: var(--blok-ink-2);
  color: var(--blok-surface);
}
.bento13_brief-title {
  margin-top: 0;
  margin-bottom: 0.25rem;
  font-size: 1.05rem;
  line-height: 1.2;
  font-weight: 600;
}
.bento13_brief-text {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.95rem;
  line-height: 1.4;
  color: var(--blok-surface-muted);
}
.bento13_direction {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 5.5rem;
  grid-row-start: auto;
  grid-row-end: auto;
  grid-column-start: span 1;
  grid-column-end: span 1;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  padding-top: 1rem;
  padding-right: 1rem;
  padding-bottom: 1rem;
  padding-left: 1rem;
  background-color: var(--blok-ink-2);
  color: var(--blok-surface);
}
.bento13_direction-title {
  margin-top: 0;
  margin-bottom: 0.25rem;
  font-size: 1.05rem;
  line-height: 1.2;
  font-weight: 600;
}
.bento13_direction-text {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.95rem;
  line-height: 1.4;
  color: var(--blok-surface-muted);
}
.bento13_review {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 5.5rem;
  grid-row-start: auto;
  grid-row-end: auto;
  grid-column-start: span 1;
  grid-column-end: span 1;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  padding-top: 1rem;
  padding-right: 1rem;
  padding-bottom: 1rem;
  padding-left: 1rem;
  background-color: var(--blok-ink-2);
  color: var(--blok-surface);
}
.bento13_review-title {
  margin-top: 0;
  margin-bottom: 0.25rem;
  font-size: 1.05rem;
  line-height: 1.2;
  font-weight: 600;
}
.bento13_review-text {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.95rem;
  line-height: 1.4;
  color: var(--blok-surface-muted);
}
.bento13_launch {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 5.5rem;
  grid-row-start: auto;
  grid-row-end: auto;
  grid-column-start: span 1;
  grid-column-end: span 1;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  padding-top: 1rem;
  padding-right: 1rem;
  padding-bottom: 1rem;
  padding-left: 1rem;
  background-color: var(--blok-ink-2);
  color: var(--blok-surface);
}
.bento13_launch-title {
  margin-top: 0;
  margin-bottom: 0.25rem;
  font-size: 1.05rem;
  line-height: 1.2;
  font-weight: 600;
}
.bento13_launch-text {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.95rem;
  line-height: 1.4;
  color: var(--blok-surface-muted);
}
.bento13_current {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 7rem;
  background-color: var(--blok-accent);
  color: var(--blok-ink);
  grid-column-start: span 1;
  grid-column-end: span 1;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  padding-top: 1.25rem;
  padding-right: 1.25rem;
  padding-bottom: 1.25rem;
  padding-left: 1.25rem;
}
.bento13_current-title {
  margin-top: 0;
  margin-bottom: 0.35rem;
  font-family: var(--blok-font-display);
  font-size: 1.5rem;
  line-height: 1.1;
  font-weight: 600;
}
.bento13_current-text {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.45;
  color: var(--blok-ink);
}
.bento13_after {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 5.5rem;
  grid-row-start: auto;
  grid-row-end: auto;
  grid-column-start: span 1;
  grid-column-end: span 1;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  padding-top: 1rem;
  padding-right: 1rem;
  padding-bottom: 1rem;
  padding-left: 1rem;
  background-color: var(--blok-ink-2);
  color: var(--blok-surface);
}
.bento13_after-title {
  margin-top: 0;
  margin-bottom: 0.25rem;
  font-size: 1.05rem;
  line-height: 1.2;
  font-weight: 600;
}
.bento13_after-text {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.95rem;
  line-height: 1.4;
  color: var(--blok-surface-muted);
}
.section_bento13.is-light {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.bento13_heading.is-light {
  color: var(--blok-ink);
}
.bento13_description.is-light {
  color: var(--blok-ink-muted);
}
.bento13_brief.is-light {
  background-color: var(--blok-surface-2);
  color: var(--blok-ink);
}
.bento13_brief-text.is-light {
  color: var(--blok-ink-muted);
}
.bento13_direction.is-light {
  background-color: var(--blok-surface-2);
  color: var(--blok-ink);
}
.bento13_direction-text.is-light {
  color: var(--blok-ink-muted);
}
.bento13_review.is-light {
  background-color: var(--blok-surface-2);
  color: var(--blok-ink);
}
.bento13_review-text.is-light {
  color: var(--blok-ink-muted);
}
.bento13_launch.is-light {
  background-color: var(--blok-surface-2);
  color: var(--blok-ink);
}
.bento13_launch-text.is-light {
  color: var(--blok-ink-muted);
}
.bento13_after.is-light {
  background-color: var(--blok-surface-2);
  color: var(--blok-ink);
}
.bento13_after-text.is-light {
  color: var(--blok-ink-muted);
}
.section_bento13.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.bento13_heading.is-accent {
  color: var(--blok-ink);
}
.bento13_description.is-accent {
  color: var(--blok-ink-soft);
}
.bento13_brief.is-accent {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.bento13_brief-text.is-accent {
  color: var(--blok-ink-soft);
}
.bento13_direction.is-accent {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.bento13_direction-text.is-accent {
  color: var(--blok-ink-soft);
}
.bento13_review.is-accent {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.bento13_review-text.is-accent {
  color: var(--blok-ink-soft);
}
.bento13_launch.is-accent {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.bento13_launch-text.is-accent {
  color: var(--blok-ink-soft);
}
.bento13_after.is-accent {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.bento13_after-text.is-accent {
  color: var(--blok-ink-soft);
}
.bento13_photo.is-round {
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
}
.bento13_brief.is-round {
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
}
.bento13_direction.is-round {
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
}
.bento13_review.is-round {
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
}
.bento13_launch.is-round {
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
}
.bento13_current.is-round {
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
}
.bento13_after.is-round {
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
}
.bento13_photo.is-arch {
  border-top-left-radius: 8rem;
  border-top-right-radius: 8rem;
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}
.bento13_brief.is-arch {
  border-top-left-radius: 8rem;
  border-top-right-radius: 8rem;
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}
.bento13_direction.is-arch {
  border-top-left-radius: 8rem;
  border-top-right-radius: 8rem;
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}
.bento13_review.is-arch {
  border-top-left-radius: 8rem;
  border-top-right-radius: 8rem;
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}
.bento13_launch.is-arch {
  border-top-left-radius: 8rem;
  border-top-right-radius: 8rem;
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}
.bento13_current.is-arch {
  border-top-left-radius: 8rem;
  border-top-right-radius: 8rem;
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}
.bento13_after.is-arch {
  border-top-left-radius: 8rem;
  border-top-right-radius: 8rem;
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}

@media (min-width: 768px) {
  .bento13_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .bento13_photo {
    grid-column-start: span 2;
    grid-column-end: span 2;
  }
  .bento13_intro {
    grid-column-start: span 2;
    grid-column-end: span 2;
  }
  .bento13_current {
    grid-column-start: span 2;
    grid-column-end: span 2;
  }
  .bento13_after {
    grid-column-start: span 2;
    grid-column-end: span 2;
  }
}

@media (min-width: 992px) {
  .bento13_grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .bento13_photo {
    grid-column-start: span 2;
    grid-column-end: span 2;
    grid-row-start: span 2;
    grid-row-end: span 2;
    min-height: 22rem;
  }
  .bento13_intro {
    grid-column-start: span 2;
    grid-column-end: span 2;
  }
  .bento13_heading {
    font-size: 2.5rem;
  }
  .bento13_current {
    grid-column-start: span 2;
    grid-column-end: span 2;
  }
  .bento13_after {
    grid-column-start: span 4;
    grid-column-end: span 4;
  }
}

/* Generated by Blokset from components/bento-14.js. Edit the spec, not this file. */
.section_bento14 {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.bento14_grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  column-gap: 0.75rem;
  row-gap: 0.75rem;
}
.bento14_note {
  grid-column-start: span 1;
  grid-column-end: span 1;
  min-height: 8rem;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  padding-top: 1.1rem;
  padding-right: 1.1rem;
  padding-bottom: 1.1rem;
  padding-left: 1.1rem;
  background-color: var(--blok-ink-2);
  color: var(--blok-surface);
}
.bento14_photo {
  position: relative;
  overflow: hidden;
  min-height: 12rem;
  grid-row-start: auto;
  grid-row-end: auto;
  grid-column-start: span 1;
  grid-column-end: span 1;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.bento14_photo-image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bento14_wide {
  grid-column-start: span 1;
  grid-column-end: span 1;
  min-height: 8rem;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  padding-top: 1.1rem;
  padding-right: 1.1rem;
  padding-bottom: 1.1rem;
  padding-left: 1.1rem;
  background-color: var(--blok-ink-2);
  color: var(--blok-surface);
}
.bento14_wide-title {
  margin-top: 0;
  margin-bottom: 0.4rem;
  font-family: var(--blok-font-display);
  font-size: 1.75rem;
  line-height: 1.05;
  font-weight: 600;
}
.bento14_wide-text {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.45;
  color: var(--blok-surface-muted);
}
.bento14_photo-b {
  position: relative;
  overflow: hidden;
  min-height: 12rem;
  grid-row-start: auto;
  grid-row-end: auto;
  grid-column-start: span 1;
  grid-column-end: span 1;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.bento14_photo-b-image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bento14_figure {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 12rem;
  color: var(--blok-surface);
  grid-row-start: auto;
  grid-row-end: auto;
  grid-column-start: span 1;
  grid-column-end: span 1;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  padding-top: 1.25rem;
  padding-right: 1.25rem;
  padding-bottom: 1.25rem;
  padding-left: 1.25rem;
  background-color: var(--blok-ink-2);
}
.bento14_figure-value {
  font-family: var(--blok-font-display);
  font-size: 4rem;
  line-height: 0.9;
  font-weight: 600;
}
.bento14_figure-label {
  margin-top: 0.4rem;
  font-size: 1rem;
  line-height: 1.3;
  color: var(--blok-surface);
}
.bento14_statement {
  min-height: 8rem;
  grid-column-start: span 1;
  grid-column-end: span 1;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  padding-top: 1.1rem;
  padding-right: 1.1rem;
  padding-bottom: 1.1rem;
  padding-left: 1.1rem;
  font-family: var(--blok-font-display);
  font-size: 1.35rem;
  line-height: 1.15;
  font-weight: 600;
  background-color: var(--blok-ink-2);
  color: var(--blok-surface);
}
.bento14_photo-c {
  position: relative;
  overflow: hidden;
  min-height: 12rem;
  grid-row-start: auto;
  grid-row-end: auto;
  grid-column-start: span 1;
  grid-column-end: span 1;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.bento14_photo-c-image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bento14_caption {
  min-height: 8rem;
  grid-column-start: span 1;
  grid-column-end: span 1;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  padding-top: 1.1rem;
  padding-right: 1.1rem;
  padding-bottom: 1.1rem;
  padding-left: 1.1rem;
  background-color: var(--blok-ink-2);
  color: var(--blok-surface);
}
.bento14_caption-title {
  margin-top: 0;
  margin-bottom: 0.35rem;
  font-family: var(--blok-font-display);
  font-size: 1.5rem;
  line-height: 1;
  font-weight: 600;
}
.bento14_caption-text {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.4;
  color: var(--blok-surface-muted);
}
.bento14_count {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 8rem;
  grid-column-start: span 1;
  grid-column-end: span 1;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  padding-top: 1.1rem;
  padding-right: 1.1rem;
  padding-bottom: 1.1rem;
  padding-left: 1.1rem;
  background-color: var(--blok-ink-2);
  color: var(--blok-surface);
}
.bento14_count-value {
  font-family: var(--blok-font-display);
  font-size: 2.5rem;
  line-height: 1;
  font-weight: 600;
}
.bento14_count-label {
  margin-top: 0.3rem;
  font-size: 0.9rem;
  color: var(--blok-surface-muted);
}
.bento14_line {
  min-height: 8rem;
  grid-column-start: span 1;
  grid-column-end: span 1;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  padding-top: 1.1rem;
  padding-right: 1.1rem;
  padding-bottom: 1.1rem;
  padding-left: 1.1rem;
  background-color: var(--blok-ink-2);
  color: var(--blok-surface);
}
.bento14_line-title {
  margin-top: 0;
  margin-bottom: 0.35rem;
  font-family: var(--blok-font-display);
  font-size: 1.5rem;
  line-height: 1;
  font-weight: 600;
}
.bento14_line-text {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.4;
  color: var(--blok-surface-muted);
}
.section_bento14.is-light {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.bento14_note.is-light {
  background-color: var(--blok-surface-2);
  color: var(--blok-ink);
}
.bento14_wide.is-light {
  background-color: var(--blok-surface-2);
  color: var(--blok-ink);
}
.bento14_wide-text.is-light {
  color: var(--blok-ink-muted);
}
.bento14_figure.is-light {
  background-color: var(--blok-ink);
}
.bento14_statement.is-light {
  background-color: var(--blok-surface-2);
  color: var(--blok-ink);
}
.bento14_count.is-light {
  background-color: var(--blok-surface-2);
  color: var(--blok-ink);
}
.bento14_count-label.is-light {
  color: var(--blok-ink-muted);
}
.bento14_line.is-light {
  background-color: var(--blok-surface-2);
  color: var(--blok-ink);
}
.bento14_line-text.is-light {
  color: var(--blok-ink-muted);
}
.bento14_caption.is-light {
  background-color: var(--blok-surface-2);
  color: var(--blok-ink);
}
.bento14_caption-text.is-light {
  color: var(--blok-ink-muted);
}
.section_bento14.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.bento14_note.is-accent {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.bento14_wide.is-accent {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.bento14_wide-text.is-accent {
  color: var(--blok-ink-soft);
}
.bento14_figure.is-accent {
  background-color: var(--blok-ink);
}
.bento14_statement.is-accent {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.bento14_count.is-accent {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.bento14_count-label.is-accent {
  color: var(--blok-ink-soft);
}
.bento14_line.is-accent {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.bento14_line-text.is-accent {
  color: var(--blok-ink-soft);
}
.bento14_caption.is-accent {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.bento14_caption-text.is-accent {
  color: var(--blok-ink-soft);
}
.bento14_note.is-round {
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
}
.bento14_photo.is-round {
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
}
.bento14_photo-b.is-round {
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
}
.bento14_photo-c.is-round {
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
}
.bento14_caption.is-round {
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
}
.bento14_wide.is-round {
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
}
.bento14_figure.is-round {
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
}
.bento14_statement.is-round {
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
}
.bento14_count.is-round {
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
}
.bento14_line.is-round {
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
}
.bento14_note.is-arch {
  border-top-left-radius: 8rem;
  border-top-right-radius: 8rem;
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}
.bento14_photo.is-arch {
  border-top-left-radius: 8rem;
  border-top-right-radius: 8rem;
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}
.bento14_photo-b.is-arch {
  border-top-left-radius: 8rem;
  border-top-right-radius: 8rem;
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}
.bento14_photo-c.is-arch {
  border-top-left-radius: 8rem;
  border-top-right-radius: 8rem;
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}
.bento14_caption.is-arch {
  border-top-left-radius: 8rem;
  border-top-right-radius: 8rem;
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}
.bento14_wide.is-arch {
  border-top-left-radius: 8rem;
  border-top-right-radius: 8rem;
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}
.bento14_figure.is-arch {
  border-top-left-radius: 8rem;
  border-top-right-radius: 8rem;
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}
.bento14_statement.is-arch {
  border-top-left-radius: 8rem;
  border-top-right-radius: 8rem;
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}
.bento14_count.is-arch {
  border-top-left-radius: 8rem;
  border-top-right-radius: 8rem;
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}
.bento14_line.is-arch {
  border-top-left-radius: 8rem;
  border-top-right-radius: 8rem;
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}

@media (min-width: 768px) {
  .bento14_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .bento14_wide {
    grid-column-start: span 2;
    grid-column-end: span 2;
  }
  .bento14_caption {
    grid-column-start: span 2;
    grid-column-end: span 2;
  }
  .bento14_line {
    grid-column-start: span 2;
    grid-column-end: span 2;
  }
}

@media (min-width: 992px) {
  .bento14_grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .bento14_photo {
    grid-row-start: span 2;
    grid-row-end: span 2;
    min-height: 18rem;
  }
  .bento14_wide {
    grid-column-start: span 2;
    grid-column-end: span 2;
  }
  .bento14_figure {
    grid-column-start: span 2;
    grid-column-end: span 2;
    min-height: 14rem;
  }
  .bento14_figure-value {
    font-size: 6rem;
  }
  .bento14_statement {
    grid-column-start: span 2;
    grid-column-end: span 2;
  }
  .bento14_photo-c {
    grid-column-start: span 2;
    grid-column-end: span 2;
  }
  .bento14_count {
    grid-column-start: span 2;
    grid-column-end: span 2;
  }
  .bento14_line {
    grid-column-start: span 4;
    grid-column-end: span 4;
  }
}

/* Generated by Blokset from components/bento-15.js. Edit the spec, not this file. */
.section_bento15 {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.bento15_grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: stretch;
  column-gap: 1rem;
  row-gap: 1rem;
}
.bento15_left-col {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}
.bento15_left {
  display: flex;
  flex-direction: column;
  row-gap: 0.65rem;
  min-height: 14rem;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  padding-top: 1.1rem;
  padding-right: 1.1rem;
  padding-bottom: 1.1rem;
  padding-left: 1.1rem;
  background-color: var(--blok-ink-2);
  color: var(--blok-surface);
}
.bento15_left-title {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  font-size: 1.25rem;
  line-height: 1.1;
  font-weight: 600;
}
.bento15_left-text {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.95rem;
  line-height: 1.4;
  color: var(--blok-surface-muted);
}
.bento15_left-link {
  color: inherit;
  font-size: 0.95rem;
  line-height: 1.3;
}
.bento15_left-shot {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 7rem;
  margin-top: auto;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.bento15_left-image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bento15_left-b {
  display: flex;
  flex-direction: column;
  row-gap: 0.65rem;
  min-height: 14rem;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  padding-top: 1.1rem;
  padding-right: 1.1rem;
  padding-bottom: 1.1rem;
  padding-left: 1.1rem;
  background-color: var(--blok-ink-2);
  color: var(--blok-surface);
}
.bento15_left-b-title {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  font-size: 1.25rem;
  line-height: 1.1;
  font-weight: 600;
}
.bento15_left-b-text {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.95rem;
  line-height: 1.4;
  color: var(--blok-surface-muted);
}
.bento15_left-b-link {
  color: inherit;
  font-size: 0.95rem;
  line-height: 1.3;
}
.bento15_left-b-shot {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 7rem;
  margin-top: auto;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.bento15_left-b-image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bento15_center {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 18rem;
  color: var(--blok-surface);
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  padding-top: 1.5rem;
  padding-right: 1.5rem;
  padding-bottom: 1.5rem;
  padding-left: 1.5rem;
  background-color: var(--blok-ink-2);
}
.bento15_center-title {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-family: var(--blok-font-display);
  font-size: 2rem;
  line-height: 1.05;
  font-weight: 600;
}
.bento15_center-text {
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 1rem;
  line-height: 1.45;
  color: var(--blok-surface);
}
.bento15_center-link {
  color: inherit;
  font-size: 1rem;
}
.bento15_right-col {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}
.bento15_right {
  display: flex;
  flex-direction: column;
  row-gap: 0.65rem;
  min-height: 14rem;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  padding-top: 1.1rem;
  padding-right: 1.1rem;
  padding-bottom: 1.1rem;
  padding-left: 1.1rem;
  background-color: var(--blok-ink-2);
  color: var(--blok-surface);
}
.bento15_right-title {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  font-size: 1.25rem;
  line-height: 1.1;
  font-weight: 600;
}
.bento15_right-text {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.95rem;
  line-height: 1.4;
  color: var(--blok-surface-muted);
}
.bento15_right-link {
  color: inherit;
  font-size: 0.95rem;
  line-height: 1.3;
}
.bento15_right-shot {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 7rem;
  margin-top: auto;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.bento15_right-image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bento15_right-b {
  display: flex;
  flex-direction: column;
  row-gap: 0.65rem;
  min-height: 14rem;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  padding-top: 1.1rem;
  padding-right: 1.1rem;
  padding-bottom: 1.1rem;
  padding-left: 1.1rem;
  background-color: var(--blok-ink-2);
  color: var(--blok-surface);
}
.bento15_right-b-title {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  font-size: 1.25rem;
  line-height: 1.1;
  font-weight: 600;
}
.bento15_right-b-text {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.95rem;
  line-height: 1.4;
  color: var(--blok-surface-muted);
}
.bento15_right-b-link {
  color: inherit;
  font-size: 0.95rem;
  line-height: 1.3;
}
.bento15_right-b-shot {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 7rem;
  margin-top: auto;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.bento15_right-b-image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.section_bento15.is-light {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.bento15_left.is-light {
  background-color: var(--blok-surface-2);
  color: var(--blok-ink);
}
.bento15_left-text.is-light {
  color: var(--blok-ink-muted);
}
.bento15_left-b.is-light {
  background-color: var(--blok-surface-2);
  color: var(--blok-ink);
}
.bento15_left-b-text.is-light {
  color: var(--blok-ink-muted);
}
.bento15_right.is-light {
  background-color: var(--blok-surface-2);
  color: var(--blok-ink);
}
.bento15_right-text.is-light {
  color: var(--blok-ink-muted);
}
.bento15_right-b.is-light {
  background-color: var(--blok-surface-2);
  color: var(--blok-ink);
}
.bento15_right-b-text.is-light {
  color: var(--blok-ink-muted);
}
.bento15_center.is-light {
  background-color: var(--blok-ink);
}
.section_bento15.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.bento15_left.is-accent {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.bento15_left-text.is-accent {
  color: var(--blok-ink-soft);
}
.bento15_left-b.is-accent {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.bento15_left-b-text.is-accent {
  color: var(--blok-ink-soft);
}
.bento15_right.is-accent {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.bento15_right-text.is-accent {
  color: var(--blok-ink-soft);
}
.bento15_right-b.is-accent {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.bento15_right-b-text.is-accent {
  color: var(--blok-ink-soft);
}
.bento15_center.is-accent {
  background-color: var(--blok-ink);
}
.bento15_left.is-round {
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
}
.bento15_left-b.is-round {
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
}
.bento15_center.is-round {
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
}
.bento15_right.is-round {
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
}
.bento15_right-b.is-round {
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
}
.bento15_left-shot.is-round {
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
}
.bento15_left-b-shot.is-round {
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
}
.bento15_right-shot.is-round {
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
}
.bento15_right-b-shot.is-round {
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
}
.bento15_left.is-arch {
  border-top-left-radius: 8rem;
  border-top-right-radius: 8rem;
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}
.bento15_left-b.is-arch {
  border-top-left-radius: 8rem;
  border-top-right-radius: 8rem;
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}
.bento15_center.is-arch {
  border-top-left-radius: 8rem;
  border-top-right-radius: 8rem;
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}
.bento15_right.is-arch {
  border-top-left-radius: 8rem;
  border-top-right-radius: 8rem;
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}
.bento15_right-b.is-arch {
  border-top-left-radius: 8rem;
  border-top-right-radius: 8rem;
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}
.bento15_left-shot.is-arch {
  border-top-left-radius: 8rem;
  border-top-right-radius: 8rem;
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}
.bento15_left-b-shot.is-arch {
  border-top-left-radius: 8rem;
  border-top-right-radius: 8rem;
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}
.bento15_right-shot.is-arch {
  border-top-left-radius: 8rem;
  border-top-right-radius: 8rem;
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}
.bento15_right-b-shot.is-arch {
  border-top-left-radius: 8rem;
  border-top-right-radius: 8rem;
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}

@media (min-width: 992px) {
  .bento15_grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: stretch;
  }
  .bento15_center {
    min-height: 28rem;
  }
  .bento15_center-title {
    font-size: 2.5rem;
  }
}

/* Generated by Blokset from components/bento-16.js. Edit the spec, not this file. */
.section_bento16 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.bento16_grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  column-gap: 1.25rem;
  row-gap: 2rem;
}
.bento16_col-a {
  display: flex;
  flex-direction: column;
  row-gap: 1.25rem;
}
.bento16_col-a-card {
  display: flex;
  flex-direction: column;
  row-gap: 0.65rem;
}
.bento16_col-a-shot {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 9rem;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.bento16_col-a-image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bento16_col-a-title {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  font-size: 1.2rem;
  line-height: 1.15;
  font-weight: 600;
  color: var(--blok-ink);
}
.bento16_col-a-text {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.95rem;
  line-height: 1.45;
  color: var(--blok-ink-muted);
}
.bento16_col-b {
  display: flex;
  flex-direction: column;
  row-gap: 1.25rem;
}
.bento16_col-b-card {
  display: flex;
  flex-direction: column;
  row-gap: 0.65rem;
}
.bento16_col-b-shot {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 9rem;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.bento16_col-b-image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bento16_col-b-title {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  font-size: 1.2rem;
  line-height: 1.15;
  font-weight: 600;
  color: var(--blok-ink);
}
.bento16_col-b-text {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.95rem;
  line-height: 1.45;
  color: var(--blok-ink-muted);
}
.bento16_col-c {
  display: flex;
  flex-direction: column;
  row-gap: 1.25rem;
}
.bento16_col-c-card {
  display: flex;
  flex-direction: column;
  row-gap: 0.65rem;
}
.bento16_col-c-shot {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 9rem;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.bento16_col-c-image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bento16_col-c-title {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  font-size: 1.2rem;
  line-height: 1.15;
  font-weight: 600;
  color: var(--blok-ink);
}
.bento16_col-c-text {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.95rem;
  line-height: 1.45;
  color: var(--blok-ink-muted);
}
.section_bento16.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.bento16_col-a-title.is-dark {
  color: var(--blok-surface);
}
.bento16_col-b-title.is-dark {
  color: var(--blok-surface);
}
.bento16_col-c-title.is-dark {
  color: var(--blok-surface);
}
.bento16_col-a-text.is-dark {
  color: var(--blok-surface-muted);
}
.bento16_col-b-text.is-dark {
  color: var(--blok-surface-muted);
}
.bento16_col-c-text.is-dark {
  color: var(--blok-surface-muted);
}
.section_bento16.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.bento16_col-a-title.is-accent {
  color: var(--blok-ink);
}
.bento16_col-b-title.is-accent {
  color: var(--blok-ink);
}
.bento16_col-c-title.is-accent {
  color: var(--blok-ink);
}
.bento16_col-a-text.is-accent {
  color: var(--blok-ink-soft);
}
.bento16_col-b-text.is-accent {
  color: var(--blok-ink-soft);
}
.bento16_col-c-text.is-accent {
  color: var(--blok-ink-soft);
}
.bento16_col-a-shot.is-round {
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
}
.bento16_col-b-shot.is-round {
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
}
.bento16_col-c-shot.is-round {
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
}
.bento16_col-a-shot.is-arch {
  border-top-left-radius: 8rem;
  border-top-right-radius: 8rem;
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}
.bento16_col-b-shot.is-arch {
  border-top-left-radius: 8rem;
  border-top-right-radius: 8rem;
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}
.bento16_col-c-shot.is-arch {
  border-top-left-radius: 8rem;
  border-top-right-radius: 8rem;
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}

@media (min-width: 992px) {
  .bento16_grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* Generated by Blokset from components/bento-17.js. Edit the spec, not this file. */
.section_bento17 {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.bento17_grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  column-gap: 1rem;
  row-gap: 1rem;
}
.bento17_guard {
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  padding-top: 1rem;
  padding-right: 1rem;
  padding-bottom: 1rem;
  padding-left: 1rem;
  background-color: var(--blok-ink-2);
  color: var(--blok-surface);
}
.bento17_guard-shot {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 8rem;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.bento17_guard-image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bento17_guard-title {
  margin-top: 0.85rem;
  margin-bottom: 0.35rem;
  font-family: var(--blok-font-display);
  font-size: 1.35rem;
  line-height: 1.1;
  font-weight: 600;
}
.bento17_guard-text {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.95rem;
  line-height: 1.45;
  color: var(--blok-surface-muted);
}
.bento17_yield {
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  padding-top: 1rem;
  padding-right: 1rem;
  padding-bottom: 1rem;
  padding-left: 1rem;
  background-color: var(--blok-ink-2);
  color: var(--blok-surface);
}
.bento17_yield-shot {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 8rem;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.bento17_yield-image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bento17_yield-title {
  margin-top: 0.85rem;
  margin-bottom: 0.35rem;
  font-family: var(--blok-font-display);
  font-size: 1.35rem;
  line-height: 1.1;
  font-weight: 600;
}
.bento17_yield-text {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.95rem;
  line-height: 1.45;
  color: var(--blok-surface-muted);
}
.bento17_figure-value {
  margin-top: 0.85rem;
  font-family: var(--blok-font-display);
  font-size: 2rem;
  line-height: 1;
  font-weight: 600;
}
.bento17_figure-label {
  margin-top: 0.25rem;
  font-size: 0.9rem;
  color: var(--blok-surface-muted);
}
.bento17_cash {
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  padding-top: 1rem;
  padding-right: 1rem;
  padding-bottom: 1rem;
  padding-left: 1rem;
  background-color: var(--blok-ink-2);
  color: var(--blok-surface);
}
.bento17_cash-shot {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 8rem;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.bento17_cash-image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bento17_cash-title {
  margin-top: 0.85rem;
  margin-bottom: 0.35rem;
  font-family: var(--blok-font-display);
  font-size: 1.35rem;
  line-height: 1.1;
  font-weight: 600;
}
.bento17_cash-text {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.95rem;
  line-height: 1.45;
  color: var(--blok-surface-muted);
}
.bento17_people {
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  padding-top: 1rem;
  padding-right: 1rem;
  padding-bottom: 1rem;
  padding-left: 1rem;
  background-color: var(--blok-ink-2);
  color: var(--blok-surface);
}
.bento17_people-shot {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 8rem;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.bento17_people-image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bento17_people-title {
  margin-top: 0.85rem;
  margin-bottom: 0.35rem;
  font-family: var(--blok-font-display);
  font-size: 1.35rem;
  line-height: 1.1;
  font-weight: 600;
}
.bento17_people-text {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.95rem;
  line-height: 1.45;
  color: var(--blok-surface-muted);
}
.section_bento17.is-light {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.bento17_guard.is-light {
  background-color: var(--blok-surface-2);
  color: var(--blok-ink);
}
.bento17_yield.is-light {
  background-color: var(--blok-surface-2);
  color: var(--blok-ink);
}
.bento17_cash.is-light {
  background-color: var(--blok-surface-2);
  color: var(--blok-ink);
}
.bento17_people.is-light {
  background-color: var(--blok-surface-2);
  color: var(--blok-ink);
}
.bento17_guard-text.is-light {
  color: var(--blok-ink-muted);
}
.bento17_yield-text.is-light {
  color: var(--blok-ink-muted);
}
.bento17_cash-text.is-light {
  color: var(--blok-ink-muted);
}
.bento17_people-text.is-light {
  color: var(--blok-ink-muted);
}
.bento17_figure-label.is-light {
  color: var(--blok-ink-muted);
}
.section_bento17.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.bento17_guard.is-accent {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.bento17_yield.is-accent {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.bento17_cash.is-accent {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.bento17_people.is-accent {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.bento17_guard-text.is-accent {
  color: var(--blok-ink-soft);
}
.bento17_yield-text.is-accent {
  color: var(--blok-ink-soft);
}
.bento17_cash-text.is-accent {
  color: var(--blok-ink-soft);
}
.bento17_people-text.is-accent {
  color: var(--blok-ink-soft);
}
.bento17_figure-label.is-accent {
  color: var(--blok-ink-soft);
}
.bento17_guard.is-round {
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
}
.bento17_yield.is-round {
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
}
.bento17_cash.is-round {
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
}
.bento17_people.is-round {
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
}
.bento17_guard-shot.is-round {
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
}
.bento17_yield-shot.is-round {
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
}
.bento17_cash-shot.is-round {
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
}
.bento17_people-shot.is-round {
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
}
.bento17_guard.is-arch {
  border-top-left-radius: 8rem;
  border-top-right-radius: 8rem;
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}
.bento17_yield.is-arch {
  border-top-left-radius: 8rem;
  border-top-right-radius: 8rem;
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}
.bento17_cash.is-arch {
  border-top-left-radius: 8rem;
  border-top-right-radius: 8rem;
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}
.bento17_people.is-arch {
  border-top-left-radius: 8rem;
  border-top-right-radius: 8rem;
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}
.bento17_guard-shot.is-arch {
  border-top-left-radius: 8rem;
  border-top-right-radius: 8rem;
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}
.bento17_yield-shot.is-arch {
  border-top-left-radius: 8rem;
  border-top-right-radius: 8rem;
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}
.bento17_cash-shot.is-arch {
  border-top-left-radius: 8rem;
  border-top-right-radius: 8rem;
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}
.bento17_people-shot.is-arch {
  border-top-left-radius: 8rem;
  border-top-right-radius: 8rem;
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}

@media (min-width: 768px) {
  .bento17_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Generated by Blokset from components/bento-18.js. Edit the spec, not this file. */
.section_bento18 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.bento18_component {
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
}
.bento18_top-row {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
}
.bento18_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: left;
}
.bento18_header-title {
  max-width: 40rem;
}
.bento18_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.bento18_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-ink);
}
.bento18_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.bento18_actions {
  display: flex;
}
.bento18_grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  column-gap: 1rem;
  row-gap: 1rem;
}
.bento18_large {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 18rem;
  overflow: hidden;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  background-color: var(--blok-surface-2);
  color: var(--blok-ink);
}
.bento18_large-shot {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 12rem;
}
.bento18_large-image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bento18_large-copy {
  padding-top: 1.25rem;
  padding-right: 1.25rem;
  padding-bottom: 1.25rem;
  padding-left: 1.25rem;
}
.bento18_large-title {
  margin-top: 0;
  margin-bottom: 0.4rem;
  font-family: var(--blok-font-display);
  font-size: 1.75rem;
  line-height: 1.05;
  font-weight: 600;
}
.bento18_large-text {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.45;
  color: var(--blok-ink-muted);
}
.bento18_stack {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}
.bento18_top {
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  padding-top: 1rem;
  padding-right: 1rem;
  padding-bottom: 1rem;
  padding-left: 1rem;
  background-color: var(--blok-surface-2);
  color: var(--blok-ink);
}
.bento18_top-shot {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 7rem;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.bento18_top-image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bento18_top-title {
  margin-top: 0.85rem;
  margin-bottom: 0.3rem;
  font-family: var(--blok-font-display);
  font-size: 1.25rem;
  line-height: 1.1;
  font-weight: 600;
}
.bento18_top-text {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.95rem;
  line-height: 1.4;
  color: var(--blok-ink-muted);
}
.bento18_bottom {
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  padding-top: 1rem;
  padding-right: 1rem;
  padding-bottom: 1rem;
  padding-left: 1rem;
  background-color: var(--blok-surface-2);
  color: var(--blok-ink);
}
.bento18_bottom-shot {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 7rem;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.bento18_bottom-image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bento18_bottom-title {
  margin-top: 0.85rem;
  margin-bottom: 0.3rem;
  font-family: var(--blok-font-display);
  font-size: 1.25rem;
  line-height: 1.1;
  font-weight: 600;
}
.bento18_bottom-text {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.95rem;
  line-height: 1.4;
  color: var(--blok-ink-muted);
}
.section_bento18.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.bento18_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.bento18_heading.is-dark {
  color: var(--blok-surface);
}
.bento18_description.is-dark {
  color: var(--blok-surface-muted);
}
.bento18_large.is-dark {
  background-color: var(--blok-ink-2);
  color: var(--blok-surface);
}
.bento18_large-text.is-dark {
  color: var(--blok-surface-muted);
}
.bento18_top.is-dark {
  background-color: var(--blok-ink-2);
  color: var(--blok-surface);
}
.bento18_top-text.is-dark {
  color: var(--blok-surface-muted);
}
.bento18_bottom.is-dark {
  background-color: var(--blok-ink-2);
  color: var(--blok-surface);
}
.bento18_bottom-text.is-dark {
  color: var(--blok-surface-muted);
}
.section_bento18.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.bento18_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.bento18_heading.is-accent {
  color: var(--blok-ink);
}
.bento18_description.is-accent {
  color: var(--blok-ink-soft);
}
.bento18_large.is-accent {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.bento18_large-text.is-accent {
  color: var(--blok-ink-soft);
}
.bento18_top.is-accent {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.bento18_top-text.is-accent {
  color: var(--blok-ink-soft);
}
.bento18_bottom.is-accent {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.bento18_bottom-text.is-accent {
  color: var(--blok-ink-soft);
}
.bento18_large.is-round {
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
}
.bento18_large-shot.is-round {
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
}
.bento18_top.is-round {
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
}
.bento18_top-shot.is-round {
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
}
.bento18_bottom.is-round {
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
}
.bento18_bottom-shot.is-round {
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
}
.bento18_large.is-arch {
  border-top-left-radius: 8rem;
  border-top-right-radius: 8rem;
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}
.bento18_large-shot.is-arch {
  border-top-left-radius: 8rem;
  border-top-right-radius: 8rem;
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}
.bento18_top.is-arch {
  border-top-left-radius: 8rem;
  border-top-right-radius: 8rem;
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}
.bento18_top-shot.is-arch {
  border-top-left-radius: 8rem;
  border-top-right-radius: 8rem;
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}
.bento18_bottom.is-arch {
  border-top-left-radius: 8rem;
  border-top-right-radius: 8rem;
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}
.bento18_bottom-shot.is-arch {
  border-top-left-radius: 8rem;
  border-top-right-radius: 8rem;
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}

@media (min-width: 768px) {
  .bento18_heading {
    font-size: 3rem;
  }
}

@media (min-width: 992px) {
  .bento18_top-row {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    column-gap: 2rem;
    row-gap: 0rem;
  }
  .bento18_heading {
    font-size: 3.5rem;
  }
  .bento18_grid {
    grid-template-columns: minmax(0, 1.3fr) minmax(0, 0.7fr);
  }
  .bento18_large {
    min-height: 26rem;
  }
  .bento18_large-shot {
    height: 16rem;
  }
}

/* Generated by Blokset from components/bento-19.js. Edit the spec, not this file. */
.section_bento19 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.bento19_grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  column-gap: 1rem;
  row-gap: 1rem;
}
.bento19_photo {
  position: relative;
  overflow: hidden;
  min-height: 22rem;
  grid-row-start: auto;
  grid-row-end: auto;
  grid-column-start: span 1;
  grid-column-end: span 1;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.bento19_image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bento19_shade {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(to top, var(--blok-shade-strong) 0%, var(--blok-shade-clear) 55%);
}
.bento19_photo-copy {
  position: absolute;
  top: auto;
  right: 1.25rem;
  bottom: 1.25rem;
  left: 1.25rem;
}
.bento19_heading {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 14ch;
  font-family: var(--blok-font-display);
  font-size: 2rem;
  line-height: 1;
  font-weight: 600;
  letter-spacing: -0.03em;
  color: var(--blok-text-inverse);
}
.bento19_actions {
  display: flex;
  margin-top: 1rem;
}
.bento19_list {
  position: relative;
  overflow: hidden;
  min-height: 16rem;
  grid-column-start: span 1;
  grid-column-end: span 1;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.bento19_list-image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bento19_list-shade {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(to top, var(--blok-shade-strong) 0%, var(--blok-overlay) 55%, var(--blok-overlay-subtle) 100%);
}
.bento19_list-copy {
  position: absolute;
  top: auto;
  right: 1.25rem;
  bottom: 1.25rem;
  left: 1.25rem;
  display: flex;
  flex-direction: column;
  row-gap: 0.85rem;
}
.bento19_items {
  display: flex;
  flex-direction: column;
  row-gap: 0.45rem;
}
.bento19_item {
  font-size: 1.05rem;
  line-height: 1.35;
  color: var(--blok-text-inverse);
}
.bento19_list-link {
  color: var(--blok-text-inverse);
  font-size: 1rem;
}
.bento19_stat {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 12rem;
  grid-column-start: span 1;
  grid-column-end: span 1;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  padding-top: 1.25rem;
  padding-right: 1.25rem;
  padding-bottom: 1.25rem;
  padding-left: 1.25rem;
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.bento19_stat-value {
  font-family: var(--blok-font-display);
  font-size: 3.5rem;
  line-height: 0.9;
  font-weight: 600;
}
.bento19_stat-label {
  margin-top: 0.4rem;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.35;
  color: var(--blok-ink);
}
.bento19_quote {
  position: relative;
  overflow: hidden;
  min-height: 12rem;
  grid-column-start: span 1;
  grid-column-end: span 1;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.bento19_quote-image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bento19_quote-shade {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--blok-overlay);
}
.bento19_quote-copy {
  position: absolute;
  top: auto;
  right: 1rem;
  bottom: 1rem;
  left: 1rem;
}
.bento19_quote-text {
  margin-top: 0;
  margin-bottom: 0.35rem;
  font-family: var(--blok-font-display);
  font-size: 1.35rem;
  line-height: 1.15;
  font-weight: 600;
  color: var(--blok-text-inverse);
}
.bento19_quote-name {
  font-size: 0.9rem;
  line-height: 1.3;
  color: var(--blok-text-inverse);
}
.section_bento19.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.bento19_stat.is-dark {
  background-color: var(--blok-accent);
  color: var(--blok-surface);
}
.bento19_stat-label.is-dark {
  color: var(--blok-surface);
}
.section_bento19.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.bento19_stat.is-accent {
  background-color: var(--blok-ink);
  color: var(--blok-ink);
}
.bento19_stat-label.is-accent {
  color: var(--blok-ink);
}
.bento19_photo.is-round {
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
}
.bento19_list.is-round {
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
}
.bento19_stat.is-round {
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
}
.bento19_quote.is-round {
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
}
.bento19_photo.is-arch {
  border-top-left-radius: 8rem;
  border-top-right-radius: 8rem;
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}
.bento19_list.is-arch {
  border-top-left-radius: 8rem;
  border-top-right-radius: 8rem;
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}
.bento19_stat.is-arch {
  border-top-left-radius: 8rem;
  border-top-right-radius: 8rem;
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}
.bento19_quote.is-arch {
  border-top-left-radius: 8rem;
  border-top-right-radius: 8rem;
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}

@media (min-width: 768px) {
  .bento19_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .bento19_photo {
    grid-column-start: span 2;
    grid-column-end: span 2;
  }
  .bento19_list {
    grid-column-start: span 2;
    grid-column-end: span 2;
  }
}

@media (min-width: 992px) {
  .bento19_grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .bento19_photo {
    grid-column-start: span 1;
    grid-column-end: span 1;
    grid-row-start: span 2;
    grid-row-end: span 2;
    min-height: 32rem;
  }
  .bento19_heading {
    font-size: 2.5rem;
  }
  .bento19_list {
    grid-column-start: span 2;
    grid-column-end: span 2;
    min-height: 16rem;
  }
}

/* Generated by Blokset from components/bento-21.js. Edit the spec, not this file. */
.section_bento21 {
  font-family: var(--blok-font-saas);
  color: #0F1115;
  background-color: #FFFFFF;
  padding-top: clamp(56px, 8vw, 104px);
  padding-right: clamp(20px, 4vw, 48px);
  padding-bottom: clamp(56px, 8vw, 104px);
  padding-left: clamp(20px, 4vw, 48px);
}
.bento21_div-67 {
  max-width: 1200px;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  row-gap: 40px;
  column-gap: 40px;
}
.bento21_div-3 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  row-gap: 20px;
  column-gap: 20px;
}
.bento21_heading {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  max-width: 620px;
  font-size: clamp(34px, 4.4vw, 56px);
  line-height: 1.02;
  letter-spacing: -0.04em;
  font-weight: 600;
}
.bento21_subheading {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  max-width: 340px;
  font-size: 16px;
  line-height: 1.6;
  color: #4E545D;
}
.bento21_div-66 {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 14px;
  column-gap: 14px;
}
.bento21_div-11 {
  grid-column-start: span 1;
  min-height: 300px;
  padding-top: 26px;
  padding-right: 26px;
  padding-bottom: 26px;
  padding-left: 26px;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
  border-bottom-left-radius: 18px;
  background-color: #F4F5F1;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
  display: flex;
  flex-direction: column;
  row-gap: 18px;
  column-gap: 18px;
}
.bento21_div-9 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
}
.bento21_div-6 {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  column-gap: 4px;
}
.bento21_div-4 {
  font-size: 19px;
  font-weight: 600;
  letter-spacing: -0.015em;
}
.bento21_div-5 {
  font-size: 14px;
  color: #4E545D;
}
.bento21_div-8 {
  flex-shrink: 0;
  width: 52px;
  height: 30px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  cursor: pointer;
  position: relative;
  background-color: #2D4BF0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.bento21_div-7 {
  position: absolute;
  top: 3px;
  left: 25px;
  width: 24px;
  height: 24px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #FFFFFF;
  box-shadow: 0 1px 3px rgba(15,17,21,0.3);
}
.bento21_div-10 {
  margin-top: auto;
  align-self: flex-start;
  max-width: 300px;
  padding-top: 14px;
  padding-right: 16px;
  padding-bottom: 14px;
  padding-left: 16px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 4px;
  font-size: 15px;
  line-height: 1.45;
  background-color: #FFFFFF;
  color: #0F1115;
}
.bento21_div-39 {
  min-height: 300px;
  padding-top: 26px;
  padding-right: 26px;
  padding-bottom: 26px;
  padding-left: 26px;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
  border-bottom-left-radius: 18px;
  background-color: #0F1115;
  color: #F4F5F1;
  display: flex;
  flex-direction: column;
  row-gap: 18px;
  column-gap: 18px;
}
.bento21_div-16 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
  flex-wrap: wrap;
}
.bento21_div-12 {
  font-size: 19px;
  font-weight: 600;
  letter-spacing: -0.015em;
}
.bento21_div-15 {
  display: flex;
  padding-top: 4px;
  padding-right: 4px;
  padding-bottom: 4px;
  padding-left: 4px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: #22262D;
  row-gap: 4px;
  column-gap: 4px;
}
.bento21_div-13 {
  height: 36px;
  padding-top: 0;
  padding-right: 14px;
  padding-bottom: 0;
  padding-left: 14px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  background-color: #F4F5F1;
  color: #0F1115;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bento21_div-14 {
  height: 36px;
  padding-top: 0;
  padding-right: 14px;
  padding-bottom: 0;
  padding-left: 14px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  background-color: transparent;
  color: #C9CDD4;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bento21_div-38 {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  row-gap: 6px;
  column-gap: 6px;
  margin-top: auto;
}
.bento21_div-19 {
  display: flex;
  flex-direction: column;
  row-gap: 6px;
  column-gap: 6px;
}
.bento21_div-17 {
  font-family: var(--blok-font-saas-mono);
  font-size: 11px;
  color: #A7ADB6;
}
.bento21_div-18 {
  height: 75px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  background-color: #3A3F47;
}
.bento21_div-22 {
  display: flex;
  flex-direction: column;
  row-gap: 6px;
  column-gap: 6px;
}
.bento21_div-20 {
  font-family: var(--blok-font-saas-mono);
  font-size: 11px;
  color: #A7ADB6;
}
.bento21_div-21 {
  height: 107px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  background-color: #2D4BF0;
}
.bento21_div-25 {
  display: flex;
  flex-direction: column;
  row-gap: 6px;
  column-gap: 6px;
}
.bento21_div-23 {
  font-family: var(--blok-font-saas-mono);
  font-size: 11px;
  color: #A7ADB6;
}
.bento21_div-24 {
  height: 60px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  background-color: #3A3F47;
}
.bento21_div-28 {
  display: flex;
  flex-direction: column;
  row-gap: 6px;
  column-gap: 6px;
}
.bento21_div-26 {
  font-family: var(--blok-font-saas-mono);
  font-size: 11px;
  color: #A7ADB6;
}
.bento21_div-27 {
  height: 117px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  background-color: #2D4BF0;
}
.bento21_div-31 {
  display: flex;
  flex-direction: column;
  row-gap: 6px;
  column-gap: 6px;
}
.bento21_div-29 {
  font-family: var(--blok-font-saas-mono);
  font-size: 11px;
  color: #A7ADB6;
}
.bento21_div-30 {
  height: 91px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  background-color: #3A3F47;
}
.bento21_div-34 {
  display: flex;
  flex-direction: column;
  row-gap: 6px;
  column-gap: 6px;
}
.bento21_div-32 {
  font-family: var(--blok-font-saas-mono);
  font-size: 11px;
  color: #A7ADB6;
}
.bento21_div-33 {
  height: 39px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  background-color: #3A3F47;
}
.bento21_div-37 {
  display: flex;
  flex-direction: column;
  row-gap: 6px;
  column-gap: 6px;
}
.bento21_div-35 {
  font-family: var(--blok-font-saas-mono);
  font-size: 11px;
  color: #A7ADB6;
}
.bento21_div-36 {
  height: 10px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  background-color: #3A3F47;
}
.bento21_div-45 {
  min-height: 300px;
  padding-top: 26px;
  padding-right: 26px;
  padding-bottom: 26px;
  padding-left: 26px;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
  border-bottom-left-radius: 18px;
  background-color: #E8ECFE;
  display: flex;
  flex-direction: column;
  row-gap: 14px;
  column-gap: 14px;
}
.bento21_div-40 {
  font-size: 19px;
  font-weight: 600;
  letter-spacing: -0.015em;
}
.bento21_div-41 {
  font-size: 14px;
  color: #3B4359;
}
.bento21_div-44 {
  margin-top: auto;
  display: flex;
  row-gap: 8px;
  column-gap: 8px;
  align-items: center;
  padding-top: 8px;
  padding-right: 8px;
  padding-bottom: 8px;
  padding-left: 14px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #CBD3FB;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #CBD3FB;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #CBD3FB;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #CBD3FB;
}
.bento21_div-42 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: var(--blok-font-saas-mono);
  font-size: 13px;
  color: #3B4359;
}
.bento21_div-43 {
  height: 40px;
  padding-top: 0;
  padding-right: 16px;
  padding-bottom: 0;
  padding-left: 16px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
  border-bottom-right-radius: 9px;
  border-bottom-left-radius: 9px;
  cursor: pointer;
  font-weight: 500;
  background-color: #2D4BF0;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bento21_div-65 {
  grid-column-start: 1;
  grid-column-end: -1;
  padding-top: 26px;
  padding-right: 26px;
  padding-bottom: 26px;
  padding-left: 26px;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
  border-bottom-left-radius: 18px;
  background-color: #F4F5F1;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  row-gap: 24px;
  column-gap: 24px;
}
.bento21_div-48 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 280px;
  display: flex;
  flex-direction: column;
  row-gap: 6px;
  column-gap: 6px;
}
.bento21_div-46 {
  font-size: 19px;
  font-weight: 600;
  letter-spacing: -0.015em;
}
.bento21_div-47 {
  font-size: 14px;
  color: #4E545D;
}
.bento21_div-64 {
  flex-grow: 2;
  flex-shrink: 1;
  flex-basis: 480px;
  display: flex;
  flex-wrap: wrap;
  row-gap: 8px;
  column-gap: 8px;
}
.bento21_div-51 {
  display: flex;
  align-items: center;
  row-gap: 8px;
  column-gap: 8px;
  min-height: 44px;
  padding-top: 0;
  padding-right: 16px;
  padding-bottom: 0;
  padding-left: 16px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #0F1115;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #0F1115;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #0F1115;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #0F1115;
  background-color: #0F1115;
  color: #FFFFFF;
}
.bento21_div-54 {
  display: flex;
  align-items: center;
  row-gap: 8px;
  column-gap: 8px;
  min-height: 44px;
  padding-top: 0;
  padding-right: 16px;
  padding-bottom: 0;
  padding-left: 16px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #0F1115;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #0F1115;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #0F1115;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #0F1115;
  background-color: #0F1115;
  color: #FFFFFF;
}
.bento21_div-57 {
  display: flex;
  align-items: center;
  row-gap: 8px;
  column-gap: 8px;
  min-height: 44px;
  padding-top: 0;
  padding-right: 16px;
  padding-bottom: 0;
  padding-left: 16px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  background-color: #FFFFFF;
  color: #0F1115;
}
.bento21_div-60 {
  display: flex;
  align-items: center;
  row-gap: 8px;
  column-gap: 8px;
  min-height: 44px;
  padding-top: 0;
  padding-right: 16px;
  padding-bottom: 0;
  padding-left: 16px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  background-color: #FFFFFF;
  color: #0F1115;
}
.bento21_div-63 {
  display: flex;
  align-items: center;
  row-gap: 8px;
  column-gap: 8px;
  min-height: 44px;
  padding-top: 0;
  padding-right: 16px;
  padding-bottom: 0;
  padding-left: 16px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  background-color: #FFFFFF;
  color: #0F1115;
}
.section_bento21.is-dark {
  background-color: var(--blok-saas-ink);
  color: var(--blok-saas-canvas);
}
.section_bento21.is-accent {
  background-color: var(--blok-saas-blue);
  color: var(--blok-saas-white);
}

@media (min-width: 768px) {
  .bento21_div-66 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 992px) {
  .bento21_div-66 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* Generated by Blokset from components/bento-22.js. Edit the spec, not this file. */
.section_bento22 {
  font-family: var(--blok-font-saas);
  color: #F4F5F1;
  background-color: #0F1115;
  padding-top: clamp(56px, 8vw, 96px);
  padding-right: clamp(20px, 4vw, 48px);
  padding-bottom: clamp(56px, 8vw, 96px);
  padding-left: clamp(20px, 4vw, 48px);
}
.bento22_div-68 {
  max-width: 1200px;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  row-gap: 32px;
  column-gap: 32px;
}
.bento22_div-3 {
  display: flex;
  flex-direction: column;
  row-gap: 14px;
  column-gap: 14px;
  max-width: 680px;
}
.bento22_div-1 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #A7ADB6;
}
.bento22_heading {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: clamp(34px, 4.4vw, 56px);
  line-height: 1.02;
  letter-spacing: -0.04em;
  font-weight: 600;
}
.bento22_div-67 {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 14px;
  column-gap: 14px;
}
.bento22_div-21 {
  grid-column-start: span 2;
  min-height: 300px;
  padding-top: 24px;
  padding-right: 24px;
  padding-bottom: 24px;
  padding-left: 24px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  background-color: #181B20;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #2C3037;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #2C3037;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #2C3037;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #2C3037;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  column-gap: 16px;
}
.bento22_div-15 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
}
.bento22_div-4 {
  font-size: 18px;
  font-weight: 600;
}
.bento22_div-14 {
  display: flex;
  row-gap: 6px;
  column-gap: 6px;
}
.bento22_div-7 {
  display: flex;
  align-items: center;
  row-gap: 6px;
  column-gap: 6px;
  height: 36px;
  padding-top: 0;
  padding-right: 12px;
  padding-bottom: 0;
  padding-left: 12px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  cursor: pointer;
  font-size: 13px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #3A3F47;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #3A3F47;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #3A3F47;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #3A3F47;
  background-color: #262A31;
  color: #F4F5F1;
}
.bento22_div-5 {
  width: 8px;
  height: 8px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #AFC0FF;
}
.bento22_div-10 {
  display: flex;
  align-items: center;
  row-gap: 6px;
  column-gap: 6px;
  height: 36px;
  padding-top: 0;
  padding-right: 12px;
  padding-bottom: 0;
  padding-left: 12px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  cursor: pointer;
  font-size: 13px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #3A3F47;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #3A3F47;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #3A3F47;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #3A3F47;
  background-color: #262A31;
  color: #F4F5F1;
}
.bento22_div-8 {
  width: 8px;
  height: 8px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #8FD3A8;
}
.bento22_div-13 {
  display: flex;
  align-items: center;
  row-gap: 6px;
  column-gap: 6px;
  height: 36px;
  padding-top: 0;
  padding-right: 12px;
  padding-bottom: 0;
  padding-left: 12px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  cursor: pointer;
  font-size: 13px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #2C3037;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #2C3037;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #2C3037;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #2C3037;
  background-color: transparent;
  color: #F4F5F1;
}
.bento22_div-11 {
  width: 8px;
  height: 8px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #F2B48A;
}
.bento22_div-20 {
  position: relative;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  min-height: 200px;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 14px;
  background-color: #20242A;
  background-image: linear-gradient(#262A31 1px, transparent 1px), linear-gradient(90deg, #262A31 1px, transparent 1px);
  background-size: 40px 40px;
}
.bento22_div-16 {
  position: absolute;
  left: 18%;
  top: 30%;
  width: 14px;
  height: 14px;
  margin-top: -7px;
  margin-right: -7px;
  margin-bottom: -7px;
  margin-left: -7px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-top-width: 2px;
  border-top-style: solid;
  border-top-color: #0F1115;
  border-right-width: 2px;
  border-right-style: solid;
  border-right-color: #0F1115;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #0F1115;
  border-left-width: 2px;
  border-left-style: solid;
  border-left-color: #0F1115;
  background-color: #AFC0FF;
  box-shadow: 0 0 0 6px #AFC0FF33;
}
.bento22_div-17 {
  position: absolute;
  left: 34%;
  top: 62%;
  width: 14px;
  height: 14px;
  margin-top: -7px;
  margin-right: -7px;
  margin-bottom: -7px;
  margin-left: -7px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-top-width: 2px;
  border-top-style: solid;
  border-top-color: #0F1115;
  border-right-width: 2px;
  border-right-style: solid;
  border-right-color: #0F1115;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #0F1115;
  border-left-width: 2px;
  border-left-style: solid;
  border-left-color: #0F1115;
  background-color: #AFC0FF;
  box-shadow: 0 0 0 6px #AFC0FF33;
}
.bento22_div-18 {
  position: absolute;
  left: 52%;
  top: 24%;
  width: 14px;
  height: 14px;
  margin-top: -7px;
  margin-right: -7px;
  margin-bottom: -7px;
  margin-left: -7px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-top-width: 2px;
  border-top-style: solid;
  border-top-color: #0F1115;
  border-right-width: 2px;
  border-right-style: solid;
  border-right-color: #0F1115;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #0F1115;
  border-left-width: 2px;
  border-left-style: solid;
  border-left-color: #0F1115;
  background-color: #8FD3A8;
  box-shadow: 0 0 0 6px #8FD3A833;
}
.bento22_div-19 {
  position: absolute;
  left: 70%;
  top: 58%;
  width: 14px;
  height: 14px;
  margin-top: -7px;
  margin-right: -7px;
  margin-bottom: -7px;
  margin-left: -7px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-top-width: 2px;
  border-top-style: solid;
  border-top-color: #0F1115;
  border-right-width: 2px;
  border-right-style: solid;
  border-right-color: #0F1115;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #0F1115;
  border-left-width: 2px;
  border-left-style: solid;
  border-left-color: #0F1115;
  background-color: #8FD3A8;
  box-shadow: 0 0 0 6px #8FD3A833;
}
.bento22_div-37 {
  padding-top: 24px;
  padding-right: 24px;
  padding-bottom: 24px;
  padding-left: 24px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  background-color: #181B20;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #2C3037;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #2C3037;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #2C3037;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #2C3037;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  column-gap: 16px;
}
.bento22_div-22 {
  font-size: 18px;
  font-weight: 600;
}
.bento22_div-35 {
  list-style: none;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  column-gap: 10px;
}
.bento22_div-25 {
  display: flex;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
  font-size: 15px;
  color: #F4F5F1;
}
.bento22_div-23 {
  width: 22px;
  height: 22px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  background-color: #8FD3A8;
  color: #0F1115;
}
.bento22_div-28 {
  display: flex;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
  font-size: 15px;
  color: #F4F5F1;
}
.bento22_div-26 {
  width: 22px;
  height: 22px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  background-color: #8FD3A8;
  color: #0F1115;
}
.bento22_div-31 {
  display: flex;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
  font-size: 15px;
  color: #7D838C;
}
.bento22_div-29 {
  width: 22px;
  height: 22px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  background-color: #3A3F47;
  color: #0F1115;
}
.bento22_div-34 {
  display: flex;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
  font-size: 15px;
  color: #7D838C;
}
.bento22_div-32 {
  width: 22px;
  height: 22px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  background-color: #3A3F47;
  color: #0F1115;
}
.bento22_div-36 {
  margin-top: auto;
  height: 44px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  cursor: pointer;
  font-weight: 500;
  background-color: #2D4BF0;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bento22_div-46 {
  padding-top: 24px;
  padding-right: 24px;
  padding-bottom: 24px;
  padding-left: 24px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  background-color: #181B20;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #2C3037;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #2C3037;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #2C3037;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #2C3037;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  column-gap: 16px;
}
.bento22_div-38 {
  font-size: 18px;
  font-weight: 600;
}
.bento22_div-42 {
  display: flex;
  padding-top: 4px;
  padding-right: 4px;
  padding-bottom: 4px;
  padding-left: 4px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: #0F1115;
}
.bento22_div-39 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  height: 38px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  cursor: pointer;
  font-size: 14px;
  background-color: #F4F5F1;
  color: #0F1115;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bento22_div-40 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  height: 38px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  cursor: pointer;
  font-size: 14px;
  background-color: transparent;
  color: #B9BEC6;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bento22_div-41 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  height: 38px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  cursor: pointer;
  font-size: 14px;
  background-color: transparent;
  color: #B9BEC6;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bento22_div-45 {
  padding-top: 14px;
  padding-right: 14px;
  padding-bottom: 14px;
  padding-left: 14px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  background-color: #20242A;
  font-size: 14px;
  line-height: 1.5;
  color: #C9CDD4;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 0.35rem;
}
.bento22_div-43 {
  font-family: var(--blok-font-saas-mono);
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #8C929B;
  margin-bottom: 6px;
}
.bento22_div-66 {
  grid-column-start: span 2;
  padding-top: 24px;
  padding-right: 24px;
  padding-bottom: 24px;
  padding-left: 24px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  background-color: #2D4BF0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  row-gap: 20px;
  column-gap: 20px;
}
.bento22_div-49 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 220px;
  display: flex;
  flex-direction: column;
  row-gap: 6px;
  column-gap: 6px;
}
.bento22_div-47 {
  font-size: 18px;
  font-weight: 600;
}
.bento22_div-48 {
  font-size: 15px;
  color: #DCE2FF;
}
.bento22_div-65 {
  display: flex;
  row-gap: 6px;
  column-gap: 6px;
}
.bento22_div-52 {
  width: 52px;
  height: 64px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  row-gap: 2px;
  column-gap: 2px;
  background-color: rgba(255,255,255,0.14);
  color: #FFFFFF;
  line-height: 1;
  flex-shrink: 0;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.bento22_div-50 {
  font-size: 12px;
}
.bento22_div-51 {
  font-size: 18px;
  font-weight: 600;
}
.bento22_div-55 {
  width: 52px;
  height: 64px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  row-gap: 2px;
  column-gap: 2px;
  background-color: #FFFFFF;
  color: #0F1115;
  line-height: 1;
  flex-shrink: 0;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.bento22_div-53 {
  font-size: 12px;
}
.bento22_div-54 {
  font-size: 18px;
  font-weight: 600;
}
.bento22_div-58 {
  width: 52px;
  height: 64px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  row-gap: 2px;
  column-gap: 2px;
  background-color: rgba(255,255,255,0.14);
  color: #FFFFFF;
  line-height: 1;
  flex-shrink: 0;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.bento22_div-56 {
  font-size: 12px;
}
.bento22_div-57 {
  font-size: 18px;
  font-weight: 600;
}
.bento22_div-61 {
  width: 52px;
  height: 64px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  row-gap: 2px;
  column-gap: 2px;
  background-color: rgba(255,255,255,0.14);
  color: #FFFFFF;
  line-height: 1;
  flex-shrink: 0;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.bento22_div-59 {
  font-size: 12px;
}
.bento22_div-60 {
  font-size: 18px;
  font-weight: 600;
}
.bento22_div-64 {
  width: 52px;
  height: 64px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  row-gap: 2px;
  column-gap: 2px;
  background-color: rgba(255,255,255,0.14);
  color: #FFFFFF;
  line-height: 1;
  flex-shrink: 0;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.bento22_div-62 {
  font-size: 12px;
}
.bento22_div-63 {
  font-size: 18px;
  font-weight: 600;
}
.section_bento22.is-light {
  background-color: var(--blok-saas-canvas);
  color: var(--blok-saas-ink);
}
.section_bento22.is-accent {
  background-color: var(--blok-saas-blue);
  color: var(--blok-saas-white);
}

@media (min-width: 768px) {
  .bento22_div-67 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 992px) {
  .bento22_div-67 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

/* Generated by Blokset from components/bento-23.js. Edit the spec, not this file. */
.section_bento23 {
  font-family: var(--blok-font-saas);
  color: #0F1115;
  background-color: #F4F5F1;
  padding-top: clamp(56px, 8vw, 96px);
  padding-right: clamp(20px, 4vw, 48px);
  padding-bottom: clamp(56px, 8vw, 96px);
  padding-left: clamp(20px, 4vw, 48px);
}
.bento23_div-65 {
  max-width: 1200px;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  row-gap: 32px;
  column-gap: 32px;
}
.bento23_div-5 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  row-gap: 16px;
  column-gap: 16px;
}
.bento23_div-3 {
  display: flex;
  flex-direction: column;
  row-gap: 14px;
  column-gap: 14px;
  max-width: 640px;
}
.bento23_div-1 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5B616B;
}
.bento23_heading {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: clamp(34px, 4.4vw, 56px);
  line-height: 1.02;
  letter-spacing: -0.04em;
  font-weight: 600;
}
.bento23_div-4 {
  font-size: 15px;
  color: #5B616B;
}
.bento23_stack-446 {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.bento23_div-64 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-auto-rows: 200px;
  grid-auto-flow: dense;
  row-gap: 14px;
  column-gap: 14px;
}
.bento23_div-23 {
  grid-column-start: span 2;
  grid-row-start: span 2;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  overflow: hidden;
  background-color: #0F1115;
  color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #0F1115;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #0F1115;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #0F1115;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #0F1115;
}
.bento23_div-22 {
  width: 100%;
  height: 100%;
  padding-top: 22px;
  padding-right: 22px;
  padding-bottom: 22px;
  padding-left: 22px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 14px;
  column-gap: 14px;
  align-items: center;
  line-height: 1;
  flex-shrink: 0;
}
.bento23_div-8 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.bento23_div-6 {
  width: 40px;
  height: 40px;
  border-top-left-radius: 11px;
  border-top-right-radius: 11px;
  border-bottom-right-radius: 11px;
  border-bottom-left-radius: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  background-color: #262A31;
}
.bento23_div-7 {
  width: 32px;
  height: 32px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #3A3F47;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #3A3F47;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #3A3F47;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #3A3F47;
}
.bento23_div-21 {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  column-gap: 10px;
}
.bento23_div-9 {
  font-size: 32px;
  line-height: 1.1;
  letter-spacing: -0.025em;
  font-weight: 600;
}
.bento23_div-10 {
  font-size: 15px;
  line-height: 1.5;
  opacity: 0.75;
}
.bento23_div-20 {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  column-gap: 8px;
  margin-top: 6px;
}
.bento23_div-13 {
  display: flex;
  row-gap: 10px;
  column-gap: 10px;
  font-size: 15px;
}
.bento23_div-16 {
  display: flex;
  row-gap: 10px;
  column-gap: 10px;
  font-size: 15px;
}
.bento23_div-19 {
  display: flex;
  row-gap: 10px;
  column-gap: 10px;
  font-size: 15px;
}
.bento23_div-31 {
  grid-column-start: span 1;
  grid-row-start: span 1;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  overflow: hidden;
  background-color: #2D4BF0;
  color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #2D4BF0;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #2D4BF0;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #2D4BF0;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #2D4BF0;
}
.bento23_div-30 {
  width: 100%;
  height: 100%;
  padding-top: 22px;
  padding-right: 22px;
  padding-bottom: 22px;
  padding-left: 22px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 14px;
  column-gap: 14px;
  align-items: center;
  line-height: 1;
  flex-shrink: 0;
}
.bento23_div-26 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.bento23_div-24 {
  width: 40px;
  height: 40px;
  border-top-left-radius: 11px;
  border-top-right-radius: 11px;
  border-bottom-right-radius: 11px;
  border-bottom-left-radius: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  background-color: #4562F3;
}
.bento23_div-25 {
  width: 32px;
  height: 32px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: rgba(255,255,255,0.35);
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: rgba(255,255,255,0.35);
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgba(255,255,255,0.35);
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: rgba(255,255,255,0.35);
}
.bento23_div-29 {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  column-gap: 10px;
}
.bento23_div-27 {
  font-size: 20px;
  line-height: 1.1;
  letter-spacing: -0.025em;
  font-weight: 600;
}
.bento23_div-28 {
  font-size: 15px;
  line-height: 1.5;
  opacity: 0.75;
}
.bento23_div-39 {
  grid-column-start: span 1;
  grid-row-start: span 1;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  overflow: hidden;
  background-color: #FFFFFF;
  color: #0F1115;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
}
.bento23_div-38 {
  width: 100%;
  height: 100%;
  padding-top: 22px;
  padding-right: 22px;
  padding-bottom: 22px;
  padding-left: 22px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 14px;
  column-gap: 14px;
  align-items: center;
  line-height: 1;
  flex-shrink: 0;
}
.bento23_div-34 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.bento23_div-32 {
  width: 40px;
  height: 40px;
  border-top-left-radius: 11px;
  border-top-right-radius: 11px;
  border-bottom-right-radius: 11px;
  border-bottom-left-radius: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  background-color: #F4F5F1;
}
.bento23_div-33 {
  width: 32px;
  height: 32px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
}
.bento23_div-37 {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  column-gap: 10px;
}
.bento23_div-35 {
  font-size: 20px;
  line-height: 1.1;
  letter-spacing: -0.025em;
  font-weight: 600;
}
.bento23_div-36 {
  font-size: 15px;
  line-height: 1.5;
  opacity: 0.75;
}
.bento23_div-47 {
  grid-column-start: span 1;
  grid-row-start: span 1;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  overflow: hidden;
  background-color: #FFFFFF;
  color: #0F1115;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
}
.bento23_div-46 {
  width: 100%;
  height: 100%;
  padding-top: 22px;
  padding-right: 22px;
  padding-bottom: 22px;
  padding-left: 22px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 14px;
  column-gap: 14px;
  align-items: center;
  line-height: 1;
  flex-shrink: 0;
}
.bento23_div-42 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.bento23_div-40 {
  width: 40px;
  height: 40px;
  border-top-left-radius: 11px;
  border-top-right-radius: 11px;
  border-bottom-right-radius: 11px;
  border-bottom-left-radius: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  background-color: #F4F5F1;
}
.bento23_div-41 {
  width: 32px;
  height: 32px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
}
.bento23_div-45 {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  column-gap: 10px;
}
.bento23_div-43 {
  font-size: 20px;
  line-height: 1.1;
  letter-spacing: -0.025em;
  font-weight: 600;
}
.bento23_div-44 {
  font-size: 15px;
  line-height: 1.5;
  opacity: 0.75;
}
.bento23_div-55 {
  grid-column-start: span 1;
  grid-row-start: span 1;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  overflow: hidden;
  background-color: #FFFFFF;
  color: #0F1115;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
}
.bento23_div-54 {
  width: 100%;
  height: 100%;
  padding-top: 22px;
  padding-right: 22px;
  padding-bottom: 22px;
  padding-left: 22px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 14px;
  column-gap: 14px;
  align-items: center;
  line-height: 1;
  flex-shrink: 0;
}
.bento23_div-50 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.bento23_div-48 {
  width: 40px;
  height: 40px;
  border-top-left-radius: 11px;
  border-top-right-radius: 11px;
  border-bottom-right-radius: 11px;
  border-bottom-left-radius: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  background-color: #F4F5F1;
}
.bento23_div-49 {
  width: 32px;
  height: 32px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
}
.bento23_div-53 {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  column-gap: 10px;
}
.bento23_div-51 {
  font-size: 20px;
  line-height: 1.1;
  letter-spacing: -0.025em;
  font-weight: 600;
}
.bento23_div-52 {
  font-size: 15px;
  line-height: 1.5;
  opacity: 0.75;
}
.bento23_div-63 {
  grid-column-start: span 1;
  grid-row-start: span 1;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  overflow: hidden;
  background-color: #E8ECFE;
  color: #0F1115;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E8ECFE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E8ECFE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E8ECFE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E8ECFE;
}
.bento23_div-62 {
  width: 100%;
  height: 100%;
  padding-top: 22px;
  padding-right: 22px;
  padding-bottom: 22px;
  padding-left: 22px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 14px;
  column-gap: 14px;
  align-items: center;
  line-height: 1;
  flex-shrink: 0;
}
.bento23_div-58 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.bento23_div-56 {
  width: 40px;
  height: 40px;
  border-top-left-radius: 11px;
  border-top-right-radius: 11px;
  border-bottom-right-radius: 11px;
  border-bottom-left-radius: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  background-color: #FFFFFF;
}
.bento23_div-57 {
  width: 32px;
  height: 32px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #C5CFFB;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #C5CFFB;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #C5CFFB;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #C5CFFB;
}
.bento23_div-61 {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  column-gap: 10px;
}
.bento23_div-59 {
  font-size: 20px;
  line-height: 1.1;
  letter-spacing: -0.025em;
  font-weight: 600;
}
.bento23_div-60 {
  font-size: 15px;
  line-height: 1.5;
  opacity: 0.75;
}
.bento23_div-129 {
  display: none;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-auto-rows: 200px;
  grid-auto-flow: dense;
  row-gap: 14px;
  column-gap: 14px;
}
.bento23_div-78 {
  grid-column-start: span 1;
  grid-row-start: span 1;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  overflow: hidden;
  background-color: #0F1115;
  color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #0F1115;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #0F1115;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #0F1115;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #0F1115;
}
.bento23_div-77 {
  width: 100%;
  height: 100%;
  padding-top: 22px;
  padding-right: 22px;
  padding-bottom: 22px;
  padding-left: 22px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 14px;
  column-gap: 14px;
  align-items: center;
  line-height: 1;
  flex-shrink: 0;
}
.bento23_div-73 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.bento23_div-71 {
  width: 40px;
  height: 40px;
  border-top-left-radius: 11px;
  border-top-right-radius: 11px;
  border-bottom-right-radius: 11px;
  border-bottom-left-radius: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  background-color: #262A31;
}
.bento23_div-72 {
  width: 32px;
  height: 32px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #3A3F47;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #3A3F47;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #3A3F47;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #3A3F47;
}
.bento23_div-76 {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  column-gap: 10px;
}
.bento23_div-74 {
  font-size: 20px;
  line-height: 1.1;
  letter-spacing: -0.025em;
  font-weight: 600;
}
.bento23_div-75 {
  font-size: 15px;
  line-height: 1.5;
  opacity: 0.75;
}
.bento23_div-96 {
  grid-column-start: span 2;
  grid-row-start: span 2;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  overflow: hidden;
  background-color: #2D4BF0;
  color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #2D4BF0;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #2D4BF0;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #2D4BF0;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #2D4BF0;
}
.bento23_div-95 {
  width: 100%;
  height: 100%;
  padding-top: 22px;
  padding-right: 22px;
  padding-bottom: 22px;
  padding-left: 22px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 14px;
  column-gap: 14px;
  align-items: center;
  line-height: 1;
  flex-shrink: 0;
}
.bento23_div-81 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.bento23_div-79 {
  width: 40px;
  height: 40px;
  border-top-left-radius: 11px;
  border-top-right-radius: 11px;
  border-bottom-right-radius: 11px;
  border-bottom-left-radius: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  background-color: #4562F3;
}
.bento23_div-80 {
  width: 32px;
  height: 32px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: rgba(255,255,255,0.35);
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: rgba(255,255,255,0.35);
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgba(255,255,255,0.35);
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: rgba(255,255,255,0.35);
}
.bento23_div-94 {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  column-gap: 10px;
}
.bento23_div-82 {
  font-size: 32px;
  line-height: 1.1;
  letter-spacing: -0.025em;
  font-weight: 600;
}
.bento23_div-83 {
  font-size: 15px;
  line-height: 1.5;
  opacity: 0.75;
}
.bento23_div-93 {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  column-gap: 8px;
  margin-top: 6px;
}
.bento23_div-86 {
  display: flex;
  row-gap: 10px;
  column-gap: 10px;
  font-size: 15px;
}
.bento23_div-89 {
  display: flex;
  row-gap: 10px;
  column-gap: 10px;
  font-size: 15px;
}
.bento23_div-92 {
  display: flex;
  row-gap: 10px;
  column-gap: 10px;
  font-size: 15px;
}
.bento23_div-104 {
  grid-column-start: span 1;
  grid-row-start: span 1;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  overflow: hidden;
  background-color: #FFFFFF;
  color: #0F1115;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
}
.bento23_div-103 {
  width: 100%;
  height: 100%;
  padding-top: 22px;
  padding-right: 22px;
  padding-bottom: 22px;
  padding-left: 22px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 14px;
  column-gap: 14px;
  align-items: center;
  line-height: 1;
  flex-shrink: 0;
}
.bento23_div-99 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.bento23_div-97 {
  width: 40px;
  height: 40px;
  border-top-left-radius: 11px;
  border-top-right-radius: 11px;
  border-bottom-right-radius: 11px;
  border-bottom-left-radius: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  background-color: #F4F5F1;
}
.bento23_div-98 {
  width: 32px;
  height: 32px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
}
.bento23_div-102 {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  column-gap: 10px;
}
.bento23_div-100 {
  font-size: 20px;
  line-height: 1.1;
  letter-spacing: -0.025em;
  font-weight: 600;
}
.bento23_div-101 {
  font-size: 15px;
  line-height: 1.5;
  opacity: 0.75;
}
.bento23_div-112 {
  grid-column-start: span 1;
  grid-row-start: span 1;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  overflow: hidden;
  background-color: #FFFFFF;
  color: #0F1115;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
}
.bento23_div-111 {
  width: 100%;
  height: 100%;
  padding-top: 22px;
  padding-right: 22px;
  padding-bottom: 22px;
  padding-left: 22px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 14px;
  column-gap: 14px;
  align-items: center;
  line-height: 1;
  flex-shrink: 0;
}
.bento23_div-107 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.bento23_div-105 {
  width: 40px;
  height: 40px;
  border-top-left-radius: 11px;
  border-top-right-radius: 11px;
  border-bottom-right-radius: 11px;
  border-bottom-left-radius: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  background-color: #F4F5F1;
}
.bento23_div-106 {
  width: 32px;
  height: 32px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
}
.bento23_div-110 {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  column-gap: 10px;
}
.bento23_div-108 {
  font-size: 20px;
  line-height: 1.1;
  letter-spacing: -0.025em;
  font-weight: 600;
}
.bento23_div-109 {
  font-size: 15px;
  line-height: 1.5;
  opacity: 0.75;
}
.bento23_div-120 {
  grid-column-start: span 1;
  grid-row-start: span 1;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  overflow: hidden;
  background-color: #FFFFFF;
  color: #0F1115;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
}
.bento23_div-119 {
  width: 100%;
  height: 100%;
  padding-top: 22px;
  padding-right: 22px;
  padding-bottom: 22px;
  padding-left: 22px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 14px;
  column-gap: 14px;
  align-items: center;
  line-height: 1;
  flex-shrink: 0;
}
.bento23_div-115 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.bento23_div-113 {
  width: 40px;
  height: 40px;
  border-top-left-radius: 11px;
  border-top-right-radius: 11px;
  border-bottom-right-radius: 11px;
  border-bottom-left-radius: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  background-color: #F4F5F1;
}
.bento23_div-114 {
  width: 32px;
  height: 32px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
}
.bento23_div-118 {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  column-gap: 10px;
}
.bento23_div-116 {
  font-size: 20px;
  line-height: 1.1;
  letter-spacing: -0.025em;
  font-weight: 600;
}
.bento23_div-117 {
  font-size: 15px;
  line-height: 1.5;
  opacity: 0.75;
}
.bento23_div-128 {
  grid-column-start: span 1;
  grid-row-start: span 1;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  overflow: hidden;
  background-color: #E8ECFE;
  color: #0F1115;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E8ECFE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E8ECFE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E8ECFE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E8ECFE;
}
.bento23_div-127 {
  width: 100%;
  height: 100%;
  padding-top: 22px;
  padding-right: 22px;
  padding-bottom: 22px;
  padding-left: 22px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 14px;
  column-gap: 14px;
  align-items: center;
  line-height: 1;
  flex-shrink: 0;
}
.bento23_div-123 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.bento23_div-121 {
  width: 40px;
  height: 40px;
  border-top-left-radius: 11px;
  border-top-right-radius: 11px;
  border-bottom-right-radius: 11px;
  border-bottom-left-radius: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  background-color: #FFFFFF;
}
.bento23_div-122 {
  width: 32px;
  height: 32px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #C5CFFB;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #C5CFFB;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #C5CFFB;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #C5CFFB;
}
.bento23_div-126 {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  column-gap: 10px;
}
.bento23_div-124 {
  font-size: 20px;
  line-height: 1.1;
  letter-spacing: -0.025em;
  font-weight: 600;
}
.bento23_div-125 {
  font-size: 15px;
  line-height: 1.5;
  opacity: 0.75;
}
.bento23_div-194 {
  display: none;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-auto-rows: 200px;
  grid-auto-flow: dense;
  row-gap: 14px;
  column-gap: 14px;
}
.bento23_div-143 {
  grid-column-start: span 1;
  grid-row-start: span 1;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  overflow: hidden;
  background-color: #0F1115;
  color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #0F1115;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #0F1115;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #0F1115;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #0F1115;
}
.bento23_div-142 {
  width: 100%;
  height: 100%;
  padding-top: 22px;
  padding-right: 22px;
  padding-bottom: 22px;
  padding-left: 22px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 14px;
  column-gap: 14px;
  align-items: center;
  line-height: 1;
  flex-shrink: 0;
}
.bento23_div-138 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.bento23_div-136 {
  width: 40px;
  height: 40px;
  border-top-left-radius: 11px;
  border-top-right-radius: 11px;
  border-bottom-right-radius: 11px;
  border-bottom-left-radius: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  background-color: #262A31;
}
.bento23_div-137 {
  width: 32px;
  height: 32px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #3A3F47;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #3A3F47;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #3A3F47;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #3A3F47;
}
.bento23_div-141 {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  column-gap: 10px;
}
.bento23_div-139 {
  font-size: 20px;
  line-height: 1.1;
  letter-spacing: -0.025em;
  font-weight: 600;
}
.bento23_div-140 {
  font-size: 15px;
  line-height: 1.5;
  opacity: 0.75;
}
.bento23_div-151 {
  grid-column-start: span 1;
  grid-row-start: span 1;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  overflow: hidden;
  background-color: #2D4BF0;
  color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #2D4BF0;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #2D4BF0;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #2D4BF0;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #2D4BF0;
}
.bento23_div-150 {
  width: 100%;
  height: 100%;
  padding-top: 22px;
  padding-right: 22px;
  padding-bottom: 22px;
  padding-left: 22px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 14px;
  column-gap: 14px;
  align-items: center;
  line-height: 1;
  flex-shrink: 0;
}
.bento23_div-146 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.bento23_div-144 {
  width: 40px;
  height: 40px;
  border-top-left-radius: 11px;
  border-top-right-radius: 11px;
  border-bottom-right-radius: 11px;
  border-bottom-left-radius: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  background-color: #4562F3;
}
.bento23_div-145 {
  width: 32px;
  height: 32px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: rgba(255,255,255,0.35);
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: rgba(255,255,255,0.35);
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgba(255,255,255,0.35);
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: rgba(255,255,255,0.35);
}
.bento23_div-149 {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  column-gap: 10px;
}
.bento23_div-147 {
  font-size: 20px;
  line-height: 1.1;
  letter-spacing: -0.025em;
  font-weight: 600;
}
.bento23_div-148 {
  font-size: 15px;
  line-height: 1.5;
  opacity: 0.75;
}
.bento23_div-169 {
  grid-column-start: span 2;
  grid-row-start: span 2;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  overflow: hidden;
  background-color: #FFFFFF;
  color: #0F1115;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
}
.bento23_div-168 {
  width: 100%;
  height: 100%;
  padding-top: 22px;
  padding-right: 22px;
  padding-bottom: 22px;
  padding-left: 22px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 14px;
  column-gap: 14px;
  align-items: center;
  line-height: 1;
  flex-shrink: 0;
}
.bento23_div-154 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.bento23_div-152 {
  width: 40px;
  height: 40px;
  border-top-left-radius: 11px;
  border-top-right-radius: 11px;
  border-bottom-right-radius: 11px;
  border-bottom-left-radius: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  background-color: #F4F5F1;
}
.bento23_div-153 {
  width: 32px;
  height: 32px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
}
.bento23_div-167 {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  column-gap: 10px;
}
.bento23_div-155 {
  font-size: 32px;
  line-height: 1.1;
  letter-spacing: -0.025em;
  font-weight: 600;
}
.bento23_div-156 {
  font-size: 15px;
  line-height: 1.5;
  opacity: 0.75;
}
.bento23_div-166 {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  column-gap: 8px;
  margin-top: 6px;
}
.bento23_div-159 {
  display: flex;
  row-gap: 10px;
  column-gap: 10px;
  font-size: 15px;
}
.bento23_div-162 {
  display: flex;
  row-gap: 10px;
  column-gap: 10px;
  font-size: 15px;
}
.bento23_div-165 {
  display: flex;
  row-gap: 10px;
  column-gap: 10px;
  font-size: 15px;
}
.bento23_div-177 {
  grid-column-start: span 1;
  grid-row-start: span 1;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  overflow: hidden;
  background-color: #FFFFFF;
  color: #0F1115;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
}
.bento23_div-176 {
  width: 100%;
  height: 100%;
  padding-top: 22px;
  padding-right: 22px;
  padding-bottom: 22px;
  padding-left: 22px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 14px;
  column-gap: 14px;
  align-items: center;
  line-height: 1;
  flex-shrink: 0;
}
.bento23_div-172 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.bento23_div-170 {
  width: 40px;
  height: 40px;
  border-top-left-radius: 11px;
  border-top-right-radius: 11px;
  border-bottom-right-radius: 11px;
  border-bottom-left-radius: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  background-color: #F4F5F1;
}
.bento23_div-171 {
  width: 32px;
  height: 32px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
}
.bento23_div-175 {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  column-gap: 10px;
}
.bento23_div-173 {
  font-size: 20px;
  line-height: 1.1;
  letter-spacing: -0.025em;
  font-weight: 600;
}
.bento23_div-174 {
  font-size: 15px;
  line-height: 1.5;
  opacity: 0.75;
}
.bento23_div-185 {
  grid-column-start: span 1;
  grid-row-start: span 1;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  overflow: hidden;
  background-color: #FFFFFF;
  color: #0F1115;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
}
.bento23_div-184 {
  width: 100%;
  height: 100%;
  padding-top: 22px;
  padding-right: 22px;
  padding-bottom: 22px;
  padding-left: 22px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 14px;
  column-gap: 14px;
  align-items: center;
  line-height: 1;
  flex-shrink: 0;
}
.bento23_div-180 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.bento23_div-178 {
  width: 40px;
  height: 40px;
  border-top-left-radius: 11px;
  border-top-right-radius: 11px;
  border-bottom-right-radius: 11px;
  border-bottom-left-radius: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  background-color: #F4F5F1;
}
.bento23_div-179 {
  width: 32px;
  height: 32px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
}
.bento23_div-183 {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  column-gap: 10px;
}
.bento23_div-181 {
  font-size: 20px;
  line-height: 1.1;
  letter-spacing: -0.025em;
  font-weight: 600;
}
.bento23_div-182 {
  font-size: 15px;
  line-height: 1.5;
  opacity: 0.75;
}
.bento23_div-193 {
  grid-column-start: span 1;
  grid-row-start: span 1;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  overflow: hidden;
  background-color: #E8ECFE;
  color: #0F1115;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E8ECFE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E8ECFE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E8ECFE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E8ECFE;
}
.bento23_div-192 {
  width: 100%;
  height: 100%;
  padding-top: 22px;
  padding-right: 22px;
  padding-bottom: 22px;
  padding-left: 22px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 14px;
  column-gap: 14px;
  align-items: center;
  line-height: 1;
  flex-shrink: 0;
}
.bento23_div-188 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.bento23_div-186 {
  width: 40px;
  height: 40px;
  border-top-left-radius: 11px;
  border-top-right-radius: 11px;
  border-bottom-right-radius: 11px;
  border-bottom-left-radius: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  background-color: #FFFFFF;
}
.bento23_div-187 {
  width: 32px;
  height: 32px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #C5CFFB;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #C5CFFB;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #C5CFFB;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #C5CFFB;
}
.bento23_div-191 {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  column-gap: 10px;
}
.bento23_div-189 {
  font-size: 20px;
  line-height: 1.1;
  letter-spacing: -0.025em;
  font-weight: 600;
}
.bento23_div-190 {
  font-size: 15px;
  line-height: 1.5;
  opacity: 0.75;
}
.bento23_div-259 {
  display: none;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-auto-rows: 200px;
  grid-auto-flow: dense;
  row-gap: 14px;
  column-gap: 14px;
}
.bento23_div-208 {
  grid-column-start: span 1;
  grid-row-start: span 1;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  overflow: hidden;
  background-color: #0F1115;
  color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #0F1115;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #0F1115;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #0F1115;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #0F1115;
}
.bento23_div-207 {
  width: 100%;
  height: 100%;
  padding-top: 22px;
  padding-right: 22px;
  padding-bottom: 22px;
  padding-left: 22px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 14px;
  column-gap: 14px;
  align-items: center;
  line-height: 1;
  flex-shrink: 0;
}
.bento23_div-203 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.bento23_div-201 {
  width: 40px;
  height: 40px;
  border-top-left-radius: 11px;
  border-top-right-radius: 11px;
  border-bottom-right-radius: 11px;
  border-bottom-left-radius: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  background-color: #262A31;
}
.bento23_div-202 {
  width: 32px;
  height: 32px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #3A3F47;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #3A3F47;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #3A3F47;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #3A3F47;
}
.bento23_div-206 {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  column-gap: 10px;
}
.bento23_div-204 {
  font-size: 20px;
  line-height: 1.1;
  letter-spacing: -0.025em;
  font-weight: 600;
}
.bento23_div-205 {
  font-size: 15px;
  line-height: 1.5;
  opacity: 0.75;
}
.bento23_div-216 {
  grid-column-start: span 1;
  grid-row-start: span 1;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  overflow: hidden;
  background-color: #2D4BF0;
  color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #2D4BF0;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #2D4BF0;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #2D4BF0;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #2D4BF0;
}
.bento23_div-215 {
  width: 100%;
  height: 100%;
  padding-top: 22px;
  padding-right: 22px;
  padding-bottom: 22px;
  padding-left: 22px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 14px;
  column-gap: 14px;
  align-items: center;
  line-height: 1;
  flex-shrink: 0;
}
.bento23_div-211 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.bento23_div-209 {
  width: 40px;
  height: 40px;
  border-top-left-radius: 11px;
  border-top-right-radius: 11px;
  border-bottom-right-radius: 11px;
  border-bottom-left-radius: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  background-color: #4562F3;
}
.bento23_div-210 {
  width: 32px;
  height: 32px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: rgba(255,255,255,0.35);
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: rgba(255,255,255,0.35);
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgba(255,255,255,0.35);
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: rgba(255,255,255,0.35);
}
.bento23_div-214 {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  column-gap: 10px;
}
.bento23_div-212 {
  font-size: 20px;
  line-height: 1.1;
  letter-spacing: -0.025em;
  font-weight: 600;
}
.bento23_div-213 {
  font-size: 15px;
  line-height: 1.5;
  opacity: 0.75;
}
.bento23_div-224 {
  grid-column-start: span 1;
  grid-row-start: span 1;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  overflow: hidden;
  background-color: #FFFFFF;
  color: #0F1115;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
}
.bento23_div-223 {
  width: 100%;
  height: 100%;
  padding-top: 22px;
  padding-right: 22px;
  padding-bottom: 22px;
  padding-left: 22px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 14px;
  column-gap: 14px;
  align-items: center;
  line-height: 1;
  flex-shrink: 0;
}
.bento23_div-219 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.bento23_div-217 {
  width: 40px;
  height: 40px;
  border-top-left-radius: 11px;
  border-top-right-radius: 11px;
  border-bottom-right-radius: 11px;
  border-bottom-left-radius: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  background-color: #F4F5F1;
}
.bento23_div-218 {
  width: 32px;
  height: 32px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
}
.bento23_div-222 {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  column-gap: 10px;
}
.bento23_div-220 {
  font-size: 20px;
  line-height: 1.1;
  letter-spacing: -0.025em;
  font-weight: 600;
}
.bento23_div-221 {
  font-size: 15px;
  line-height: 1.5;
  opacity: 0.75;
}
.bento23_div-242 {
  grid-column-start: span 2;
  grid-row-start: span 2;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  overflow: hidden;
  background-color: #FFFFFF;
  color: #0F1115;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
}
.bento23_div-241 {
  width: 100%;
  height: 100%;
  padding-top: 22px;
  padding-right: 22px;
  padding-bottom: 22px;
  padding-left: 22px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 14px;
  column-gap: 14px;
  align-items: center;
  line-height: 1;
  flex-shrink: 0;
}
.bento23_div-227 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.bento23_div-225 {
  width: 40px;
  height: 40px;
  border-top-left-radius: 11px;
  border-top-right-radius: 11px;
  border-bottom-right-radius: 11px;
  border-bottom-left-radius: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  background-color: #F4F5F1;
}
.bento23_div-226 {
  width: 32px;
  height: 32px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
}
.bento23_div-240 {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  column-gap: 10px;
}
.bento23_div-228 {
  font-size: 32px;
  line-height: 1.1;
  letter-spacing: -0.025em;
  font-weight: 600;
}
.bento23_div-229 {
  font-size: 15px;
  line-height: 1.5;
  opacity: 0.75;
}
.bento23_div-239 {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  column-gap: 8px;
  margin-top: 6px;
}
.bento23_div-232 {
  display: flex;
  row-gap: 10px;
  column-gap: 10px;
  font-size: 15px;
}
.bento23_div-235 {
  display: flex;
  row-gap: 10px;
  column-gap: 10px;
  font-size: 15px;
}
.bento23_div-238 {
  display: flex;
  row-gap: 10px;
  column-gap: 10px;
  font-size: 15px;
}
.bento23_div-250 {
  grid-column-start: span 1;
  grid-row-start: span 1;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  overflow: hidden;
  background-color: #FFFFFF;
  color: #0F1115;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
}
.bento23_div-249 {
  width: 100%;
  height: 100%;
  padding-top: 22px;
  padding-right: 22px;
  padding-bottom: 22px;
  padding-left: 22px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 14px;
  column-gap: 14px;
  align-items: center;
  line-height: 1;
  flex-shrink: 0;
}
.bento23_div-245 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.bento23_div-243 {
  width: 40px;
  height: 40px;
  border-top-left-radius: 11px;
  border-top-right-radius: 11px;
  border-bottom-right-radius: 11px;
  border-bottom-left-radius: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  background-color: #F4F5F1;
}
.bento23_div-244 {
  width: 32px;
  height: 32px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
}
.bento23_div-248 {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  column-gap: 10px;
}
.bento23_div-246 {
  font-size: 20px;
  line-height: 1.1;
  letter-spacing: -0.025em;
  font-weight: 600;
}
.bento23_div-247 {
  font-size: 15px;
  line-height: 1.5;
  opacity: 0.75;
}
.bento23_div-258 {
  grid-column-start: span 1;
  grid-row-start: span 1;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  overflow: hidden;
  background-color: #E8ECFE;
  color: #0F1115;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E8ECFE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E8ECFE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E8ECFE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E8ECFE;
}
.bento23_div-257 {
  width: 100%;
  height: 100%;
  padding-top: 22px;
  padding-right: 22px;
  padding-bottom: 22px;
  padding-left: 22px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 14px;
  column-gap: 14px;
  align-items: center;
  line-height: 1;
  flex-shrink: 0;
}
.bento23_div-253 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.bento23_div-251 {
  width: 40px;
  height: 40px;
  border-top-left-radius: 11px;
  border-top-right-radius: 11px;
  border-bottom-right-radius: 11px;
  border-bottom-left-radius: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  background-color: #FFFFFF;
}
.bento23_div-252 {
  width: 32px;
  height: 32px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #C5CFFB;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #C5CFFB;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #C5CFFB;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #C5CFFB;
}
.bento23_div-256 {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  column-gap: 10px;
}
.bento23_div-254 {
  font-size: 20px;
  line-height: 1.1;
  letter-spacing: -0.025em;
  font-weight: 600;
}
.bento23_div-255 {
  font-size: 15px;
  line-height: 1.5;
  opacity: 0.75;
}
.bento23_div-324 {
  display: none;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-auto-rows: 200px;
  grid-auto-flow: dense;
  row-gap: 14px;
  column-gap: 14px;
}
.bento23_div-273 {
  grid-column-start: span 1;
  grid-row-start: span 1;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  overflow: hidden;
  background-color: #0F1115;
  color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #0F1115;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #0F1115;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #0F1115;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #0F1115;
}
.bento23_div-272 {
  width: 100%;
  height: 100%;
  padding-top: 22px;
  padding-right: 22px;
  padding-bottom: 22px;
  padding-left: 22px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 14px;
  column-gap: 14px;
  align-items: center;
  line-height: 1;
  flex-shrink: 0;
}
.bento23_div-268 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.bento23_div-266 {
  width: 40px;
  height: 40px;
  border-top-left-radius: 11px;
  border-top-right-radius: 11px;
  border-bottom-right-radius: 11px;
  border-bottom-left-radius: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  background-color: #262A31;
}
.bento23_div-267 {
  width: 32px;
  height: 32px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #3A3F47;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #3A3F47;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #3A3F47;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #3A3F47;
}
.bento23_div-271 {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  column-gap: 10px;
}
.bento23_div-269 {
  font-size: 20px;
  line-height: 1.1;
  letter-spacing: -0.025em;
  font-weight: 600;
}
.bento23_div-270 {
  font-size: 15px;
  line-height: 1.5;
  opacity: 0.75;
}
.bento23_div-281 {
  grid-column-start: span 1;
  grid-row-start: span 1;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  overflow: hidden;
  background-color: #2D4BF0;
  color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #2D4BF0;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #2D4BF0;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #2D4BF0;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #2D4BF0;
}
.bento23_div-280 {
  width: 100%;
  height: 100%;
  padding-top: 22px;
  padding-right: 22px;
  padding-bottom: 22px;
  padding-left: 22px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 14px;
  column-gap: 14px;
  align-items: center;
  line-height: 1;
  flex-shrink: 0;
}
.bento23_div-276 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.bento23_div-274 {
  width: 40px;
  height: 40px;
  border-top-left-radius: 11px;
  border-top-right-radius: 11px;
  border-bottom-right-radius: 11px;
  border-bottom-left-radius: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  background-color: #4562F3;
}
.bento23_div-275 {
  width: 32px;
  height: 32px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: rgba(255,255,255,0.35);
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: rgba(255,255,255,0.35);
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgba(255,255,255,0.35);
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: rgba(255,255,255,0.35);
}
.bento23_div-279 {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  column-gap: 10px;
}
.bento23_div-277 {
  font-size: 20px;
  line-height: 1.1;
  letter-spacing: -0.025em;
  font-weight: 600;
}
.bento23_div-278 {
  font-size: 15px;
  line-height: 1.5;
  opacity: 0.75;
}
.bento23_div-289 {
  grid-column-start: span 1;
  grid-row-start: span 1;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  overflow: hidden;
  background-color: #FFFFFF;
  color: #0F1115;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
}
.bento23_div-288 {
  width: 100%;
  height: 100%;
  padding-top: 22px;
  padding-right: 22px;
  padding-bottom: 22px;
  padding-left: 22px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 14px;
  column-gap: 14px;
  align-items: center;
  line-height: 1;
  flex-shrink: 0;
}
.bento23_div-284 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.bento23_div-282 {
  width: 40px;
  height: 40px;
  border-top-left-radius: 11px;
  border-top-right-radius: 11px;
  border-bottom-right-radius: 11px;
  border-bottom-left-radius: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  background-color: #F4F5F1;
}
.bento23_div-283 {
  width: 32px;
  height: 32px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
}
.bento23_div-287 {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  column-gap: 10px;
}
.bento23_div-285 {
  font-size: 20px;
  line-height: 1.1;
  letter-spacing: -0.025em;
  font-weight: 600;
}
.bento23_div-286 {
  font-size: 15px;
  line-height: 1.5;
  opacity: 0.75;
}
.bento23_div-297 {
  grid-column-start: span 1;
  grid-row-start: span 1;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  overflow: hidden;
  background-color: #FFFFFF;
  color: #0F1115;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
}
.bento23_div-296 {
  width: 100%;
  height: 100%;
  padding-top: 22px;
  padding-right: 22px;
  padding-bottom: 22px;
  padding-left: 22px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 14px;
  column-gap: 14px;
  align-items: center;
  line-height: 1;
  flex-shrink: 0;
}
.bento23_div-292 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.bento23_div-290 {
  width: 40px;
  height: 40px;
  border-top-left-radius: 11px;
  border-top-right-radius: 11px;
  border-bottom-right-radius: 11px;
  border-bottom-left-radius: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  background-color: #F4F5F1;
}
.bento23_div-291 {
  width: 32px;
  height: 32px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
}
.bento23_div-295 {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  column-gap: 10px;
}
.bento23_div-293 {
  font-size: 20px;
  line-height: 1.1;
  letter-spacing: -0.025em;
  font-weight: 600;
}
.bento23_div-294 {
  font-size: 15px;
  line-height: 1.5;
  opacity: 0.75;
}
.bento23_div-315 {
  grid-column-start: span 2;
  grid-row-start: span 2;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  overflow: hidden;
  background-color: #FFFFFF;
  color: #0F1115;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
}
.bento23_div-314 {
  width: 100%;
  height: 100%;
  padding-top: 22px;
  padding-right: 22px;
  padding-bottom: 22px;
  padding-left: 22px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 14px;
  column-gap: 14px;
  align-items: center;
  line-height: 1;
  flex-shrink: 0;
}
.bento23_div-300 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.bento23_div-298 {
  width: 40px;
  height: 40px;
  border-top-left-radius: 11px;
  border-top-right-radius: 11px;
  border-bottom-right-radius: 11px;
  border-bottom-left-radius: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  background-color: #F4F5F1;
}
.bento23_div-299 {
  width: 32px;
  height: 32px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
}
.bento23_div-313 {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  column-gap: 10px;
}
.bento23_div-301 {
  font-size: 32px;
  line-height: 1.1;
  letter-spacing: -0.025em;
  font-weight: 600;
}
.bento23_div-302 {
  font-size: 15px;
  line-height: 1.5;
  opacity: 0.75;
}
.bento23_div-312 {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  column-gap: 8px;
  margin-top: 6px;
}
.bento23_div-305 {
  display: flex;
  row-gap: 10px;
  column-gap: 10px;
  font-size: 15px;
}
.bento23_div-308 {
  display: flex;
  row-gap: 10px;
  column-gap: 10px;
  font-size: 15px;
}
.bento23_div-311 {
  display: flex;
  row-gap: 10px;
  column-gap: 10px;
  font-size: 15px;
}
.bento23_div-323 {
  grid-column-start: span 1;
  grid-row-start: span 1;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  overflow: hidden;
  background-color: #E8ECFE;
  color: #0F1115;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E8ECFE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E8ECFE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E8ECFE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E8ECFE;
}
.bento23_div-322 {
  width: 100%;
  height: 100%;
  padding-top: 22px;
  padding-right: 22px;
  padding-bottom: 22px;
  padding-left: 22px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 14px;
  column-gap: 14px;
  align-items: center;
  line-height: 1;
  flex-shrink: 0;
}
.bento23_div-318 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.bento23_div-316 {
  width: 40px;
  height: 40px;
  border-top-left-radius: 11px;
  border-top-right-radius: 11px;
  border-bottom-right-radius: 11px;
  border-bottom-left-radius: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  background-color: #FFFFFF;
}
.bento23_div-317 {
  width: 32px;
  height: 32px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #C5CFFB;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #C5CFFB;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #C5CFFB;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #C5CFFB;
}
.bento23_div-321 {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  column-gap: 10px;
}
.bento23_div-319 {
  font-size: 20px;
  line-height: 1.1;
  letter-spacing: -0.025em;
  font-weight: 600;
}
.bento23_div-320 {
  font-size: 15px;
  line-height: 1.5;
  opacity: 0.75;
}
.bento23_div-389 {
  display: none;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-auto-rows: 200px;
  grid-auto-flow: dense;
  row-gap: 14px;
  column-gap: 14px;
}
.bento23_div-338 {
  grid-column-start: span 1;
  grid-row-start: span 1;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  overflow: hidden;
  background-color: #0F1115;
  color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #0F1115;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #0F1115;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #0F1115;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #0F1115;
}
.bento23_div-337 {
  width: 100%;
  height: 100%;
  padding-top: 22px;
  padding-right: 22px;
  padding-bottom: 22px;
  padding-left: 22px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 14px;
  column-gap: 14px;
  align-items: center;
  line-height: 1;
  flex-shrink: 0;
}
.bento23_div-333 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.bento23_div-331 {
  width: 40px;
  height: 40px;
  border-top-left-radius: 11px;
  border-top-right-radius: 11px;
  border-bottom-right-radius: 11px;
  border-bottom-left-radius: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  background-color: #262A31;
}
.bento23_div-332 {
  width: 32px;
  height: 32px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #3A3F47;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #3A3F47;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #3A3F47;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #3A3F47;
}
.bento23_div-336 {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  column-gap: 10px;
}
.bento23_div-334 {
  font-size: 20px;
  line-height: 1.1;
  letter-spacing: -0.025em;
  font-weight: 600;
}
.bento23_div-335 {
  font-size: 15px;
  line-height: 1.5;
  opacity: 0.75;
}
.bento23_div-346 {
  grid-column-start: span 1;
  grid-row-start: span 1;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  overflow: hidden;
  background-color: #2D4BF0;
  color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #2D4BF0;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #2D4BF0;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #2D4BF0;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #2D4BF0;
}
.bento23_div-345 {
  width: 100%;
  height: 100%;
  padding-top: 22px;
  padding-right: 22px;
  padding-bottom: 22px;
  padding-left: 22px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 14px;
  column-gap: 14px;
  align-items: center;
  line-height: 1;
  flex-shrink: 0;
}
.bento23_div-341 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.bento23_div-339 {
  width: 40px;
  height: 40px;
  border-top-left-radius: 11px;
  border-top-right-radius: 11px;
  border-bottom-right-radius: 11px;
  border-bottom-left-radius: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  background-color: #4562F3;
}
.bento23_div-340 {
  width: 32px;
  height: 32px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: rgba(255,255,255,0.35);
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: rgba(255,255,255,0.35);
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgba(255,255,255,0.35);
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: rgba(255,255,255,0.35);
}
.bento23_div-344 {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  column-gap: 10px;
}
.bento23_div-342 {
  font-size: 20px;
  line-height: 1.1;
  letter-spacing: -0.025em;
  font-weight: 600;
}
.bento23_div-343 {
  font-size: 15px;
  line-height: 1.5;
  opacity: 0.75;
}
.bento23_div-354 {
  grid-column-start: span 1;
  grid-row-start: span 1;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  overflow: hidden;
  background-color: #FFFFFF;
  color: #0F1115;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
}
.bento23_div-353 {
  width: 100%;
  height: 100%;
  padding-top: 22px;
  padding-right: 22px;
  padding-bottom: 22px;
  padding-left: 22px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 14px;
  column-gap: 14px;
  align-items: center;
  line-height: 1;
  flex-shrink: 0;
}
.bento23_div-349 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.bento23_div-347 {
  width: 40px;
  height: 40px;
  border-top-left-radius: 11px;
  border-top-right-radius: 11px;
  border-bottom-right-radius: 11px;
  border-bottom-left-radius: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  background-color: #F4F5F1;
}
.bento23_div-348 {
  width: 32px;
  height: 32px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
}
.bento23_div-352 {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  column-gap: 10px;
}
.bento23_div-350 {
  font-size: 20px;
  line-height: 1.1;
  letter-spacing: -0.025em;
  font-weight: 600;
}
.bento23_div-351 {
  font-size: 15px;
  line-height: 1.5;
  opacity: 0.75;
}
.bento23_div-362 {
  grid-column-start: span 1;
  grid-row-start: span 1;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  overflow: hidden;
  background-color: #FFFFFF;
  color: #0F1115;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
}
.bento23_div-361 {
  width: 100%;
  height: 100%;
  padding-top: 22px;
  padding-right: 22px;
  padding-bottom: 22px;
  padding-left: 22px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 14px;
  column-gap: 14px;
  align-items: center;
  line-height: 1;
  flex-shrink: 0;
}
.bento23_div-357 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.bento23_div-355 {
  width: 40px;
  height: 40px;
  border-top-left-radius: 11px;
  border-top-right-radius: 11px;
  border-bottom-right-radius: 11px;
  border-bottom-left-radius: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  background-color: #F4F5F1;
}
.bento23_div-356 {
  width: 32px;
  height: 32px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
}
.bento23_div-360 {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  column-gap: 10px;
}
.bento23_div-358 {
  font-size: 20px;
  line-height: 1.1;
  letter-spacing: -0.025em;
  font-weight: 600;
}
.bento23_div-359 {
  font-size: 15px;
  line-height: 1.5;
  opacity: 0.75;
}
.bento23_div-370 {
  grid-column-start: span 1;
  grid-row-start: span 1;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  overflow: hidden;
  background-color: #FFFFFF;
  color: #0F1115;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
}
.bento23_div-369 {
  width: 100%;
  height: 100%;
  padding-top: 22px;
  padding-right: 22px;
  padding-bottom: 22px;
  padding-left: 22px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 14px;
  column-gap: 14px;
  align-items: center;
  line-height: 1;
  flex-shrink: 0;
}
.bento23_div-365 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.bento23_div-363 {
  width: 40px;
  height: 40px;
  border-top-left-radius: 11px;
  border-top-right-radius: 11px;
  border-bottom-right-radius: 11px;
  border-bottom-left-radius: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  background-color: #F4F5F1;
}
.bento23_div-364 {
  width: 32px;
  height: 32px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
}
.bento23_div-368 {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  column-gap: 10px;
}
.bento23_div-366 {
  font-size: 20px;
  line-height: 1.1;
  letter-spacing: -0.025em;
  font-weight: 600;
}
.bento23_div-367 {
  font-size: 15px;
  line-height: 1.5;
  opacity: 0.75;
}
.bento23_div-388 {
  grid-column-start: span 2;
  grid-row-start: span 2;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  overflow: hidden;
  background-color: #E8ECFE;
  color: #0F1115;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E8ECFE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E8ECFE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E8ECFE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E8ECFE;
}
.bento23_div-387 {
  width: 100%;
  height: 100%;
  padding-top: 22px;
  padding-right: 22px;
  padding-bottom: 22px;
  padding-left: 22px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 14px;
  column-gap: 14px;
  align-items: center;
  line-height: 1;
  flex-shrink: 0;
}
.bento23_div-373 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.bento23_div-371 {
  width: 40px;
  height: 40px;
  border-top-left-radius: 11px;
  border-top-right-radius: 11px;
  border-bottom-right-radius: 11px;
  border-bottom-left-radius: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  background-color: #FFFFFF;
}
.bento23_div-372 {
  width: 32px;
  height: 32px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #C5CFFB;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #C5CFFB;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #C5CFFB;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #C5CFFB;
}
.bento23_div-386 {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  column-gap: 10px;
}
.bento23_div-374 {
  font-size: 32px;
  line-height: 1.1;
  letter-spacing: -0.025em;
  font-weight: 600;
}
.bento23_div-375 {
  font-size: 15px;
  line-height: 1.5;
  opacity: 0.75;
}
.bento23_div-385 {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  column-gap: 8px;
  margin-top: 6px;
}
.bento23_div-378 {
  display: flex;
  row-gap: 10px;
  column-gap: 10px;
  font-size: 15px;
}
.bento23_div-381 {
  display: flex;
  row-gap: 10px;
  column-gap: 10px;
  font-size: 15px;
}
.bento23_div-384 {
  display: flex;
  row-gap: 10px;
  column-gap: 10px;
  font-size: 15px;
}
.bento23_div-402 {
  width: 100%;
  height: 100%;
  padding-top: 22px;
  padding-right: 22px;
  padding-bottom: 22px;
  padding-left: 22px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  text-align: left;
  display: none;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 14px;
  column-gap: 14px;
  align-items: center;
  line-height: 1;
  flex-shrink: 0;
}
.bento23_div-398 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.bento23_div-396 {
  width: 40px;
  height: 40px;
  border-top-left-radius: 11px;
  border-top-right-radius: 11px;
  border-bottom-right-radius: 11px;
  border-bottom-left-radius: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  background-color: #262A31;
}
.bento23_div-397 {
  width: 32px;
  height: 32px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #3A3F47;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #3A3F47;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #3A3F47;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #3A3F47;
}
.bento23_div-401 {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  column-gap: 10px;
}
.bento23_div-399 {
  font-size: 20px;
  line-height: 1.1;
  letter-spacing: -0.025em;
  font-weight: 600;
}
.bento23_div-400 {
  font-size: 15px;
  line-height: 1.5;
  opacity: 0.75;
}
.section_bento23.is-dark {
  background-color: var(--blok-saas-ink);
  color: var(--blok-saas-canvas);
}
.section_bento23.is-accent {
  background-color: var(--blok-saas-blue);
  color: var(--blok-saas-white);
}

/* Generated by Blokset from components/bento-24.js. Edit the spec, not this file. */
.section_bento24 {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.bento24_component {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  grid-column-gap: 0.75rem;
  grid-row-gap: 0.75rem;
  padding-top: 0.75rem;
  padding-right: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 0.75rem;
  border-top-left-radius: 1.5rem;
  border-top-right-radius: 1.5rem;
  border-bottom-left-radius: 1.5rem;
  border-bottom-right-radius: 1.5rem;
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.bento24_copy-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 2rem;
  min-height: 14rem;
  grid-column-start: auto;
  grid-column-end: auto;
  grid-row-start: auto;
  grid-row-end: auto;
  padding-top: 1.5rem;
  padding-right: 1.5rem;
  padding-bottom: 1.5rem;
  padding-left: 1.5rem;
  border-top-left-radius: 1.25rem;
  border-top-right-radius: 1.25rem;
  border-bottom-left-radius: 1.25rem;
  border-bottom-right-radius: 1.25rem;
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.bento24_copy-top {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 1rem;
}
.bento24_badge {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding-top: 0.35rem;
  padding-right: 0.75rem;
  padding-bottom: 0.35rem;
  padding-left: 0.75rem;
  background-color: #c8f542;
  color: var(--blok-ink);
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
}
.bento24_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  font-size: 2.5rem;
  line-height: 1.02;
  font-weight: 700;
  letter-spacing: -0.03em;
  color: var(--blok-ink);
}
.bento24_body {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 34rem;
  font-size: 1rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.bento24_logos-card {
  display: flex;
  flex-direction: column;
  row-gap: 1.25rem;
  grid-column-start: auto;
  grid-column-end: auto;
  grid-row-start: auto;
  grid-row-end: auto;
  padding-top: 1.5rem;
  padding-right: 1.5rem;
  padding-bottom: 1.5rem;
  padding-left: 1.5rem;
  border-top-left-radius: 1.25rem;
  border-top-right-radius: 1.25rem;
  border-bottom-left-radius: 1.25rem;
  border-bottom-right-radius: 1.25rem;
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.bento24_logos-title {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  font-size: 1.25rem;
  line-height: 1.2;
  font-weight: 600;
  color: var(--blok-ink);
}
.bento24_logos {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 1rem;
  grid-row-gap: 0.85rem;
  align-items: center;
}
.bento24_logo {
  font-size: 0.9375rem;
  font-weight: 600;
  letter-spacing: -0.01em;
  text-align: left;
  color: var(--blok-ink-muted);
}
.bento24_photo {
  position: relative;
  overflow: hidden;
  min-height: 18rem;
  grid-column-start: auto;
  grid-column-end: auto;
  grid-row-start: auto;
  grid-row-end: auto;
  border-top-left-radius: 1.25rem;
  border-top-right-radius: 1.25rem;
  border-bottom-left-radius: 1.25rem;
  border-bottom-right-radius: 1.25rem;
}
.bento24_photo-image {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 22rem;
  object-fit: cover;
  object-position: center top;
}
.section_bento24.is-light {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.bento24_component.is-light {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.bento24_copy-card.is-light {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.bento24_badge.is-light {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.bento24_body.is-light {
  color: var(--blok-ink-muted);
}
.bento24_logos-card.is-light {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.bento24_logos-title.is-light {
  color: var(--blok-ink);
}
.bento24_logo.is-light {
  color: var(--blok-ink-muted);
}

@media (min-width: 768px) {
  .bento24_logos {
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 1.25rem;
  }
}

@media (min-width: 992px) {
  .bento24_component {
    grid-template-columns: 1.05fr 0.95fr;
    grid-template-rows: auto auto;
    grid-column-gap: 0.75rem;
    grid-row-gap: 0.75rem;
    padding-top: 0.85rem;
    padding-right: 0.85rem;
    padding-bottom: 0.85rem;
    padding-left: 0.85rem;
    border-top-left-radius: 1.75rem;
    border-top-right-radius: 1.75rem;
    border-bottom-right-radius: 1.75rem;
    border-bottom-left-radius: 1.75rem;
  }
  .bento24_copy-card {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 2;
    min-height: 16rem;
    padding-top: 1.75rem;
    padding-right: 1.75rem;
    padding-bottom: 1.75rem;
    padding-left: 1.75rem;
  }
  .bento24_heading {
    font-size: 3.25rem;
  }
  .bento24_logos-card {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 3;
    padding-top: 1.75rem;
    padding-right: 1.75rem;
    padding-bottom: 1.75rem;
    padding-left: 1.75rem;
  }
  .bento24_photo {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 3;
    min-height: 100%;
  }
  .bento24_photo-image {
    min-height: 100%;
  }
}

/* Generated by Blokset from components/careers-01.js. Edit the spec, not this file. */
.section_careers1 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.careers1_component {
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
}
.careers1_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: left;
}
.careers1_header-title {
  max-width: 40rem;
}
.careers1_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.careers1_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-ink);
}
.careers1_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.careers1_list {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: var(--blok-line);
}
.careers1_row {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 1.5rem;
  row-gap: 0.4rem;
  padding-top: 1.35rem;
  padding-bottom: 1.35rem;
  border-top-width: 1px;
  border-top-style: solid;
  text-decoration: none;
  color: var(--blok-ink);
  border-top-color: var(--blok-line);
}
.careers1_title {
  flex-grow: 1;
  flex-basis: 100%;
  min-width: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  font-size: 1.5rem;
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: -0.02em;
}
.careers1_meta {
  width: 7rem;
  flex-shrink: 0;
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.careers1_location {
  width: 11rem;
  flex-shrink: 0;
  font-size: 0.9375rem;
  line-height: 1.4;
  color: var(--blok-ink-muted);
}
.careers1_type {
  width: 6.5rem;
  flex-shrink: 0;
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.careers1_apply {
  margin-left: auto;
  font-size: 0.9375rem;
  line-height: 1.4;
  text-decoration: underline;
  text-underline-offset: 0.25em;
  color: var(--blok-ink);
}
.section_careers1.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.careers1_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.careers1_heading.is-dark {
  color: var(--blok-surface);
}
.careers1_description.is-dark {
  color: var(--blok-surface-muted);
}
.careers1_list.is-dark {
  border-bottom-color: var(--blok-line-inverse);
}
.careers1_row.is-dark {
  color: var(--blok-surface);
  border-top-color: var(--blok-line-inverse);
}
.careers1_meta.is-dark {
  color: var(--blok-surface-muted);
}
.careers1_location.is-dark {
  color: var(--blok-surface-muted);
}
.careers1_type.is-dark {
  color: var(--blok-surface-muted);
}
.careers1_apply.is-dark {
  color: var(--blok-surface);
}
.section_careers1.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.careers1_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.careers1_heading.is-accent {
  color: var(--blok-ink);
}
.careers1_description.is-accent {
  color: var(--blok-ink-soft);
}
.careers1_list.is-accent {
  border-bottom-color: var(--blok-line);
}
.careers1_row.is-accent {
  color: var(--blok-ink);
  border-top-color: var(--blok-line);
}
.careers1_meta.is-accent {
  color: var(--blok-ink-soft);
}
.careers1_location.is-accent {
  color: var(--blok-ink-soft);
}
.careers1_type.is-accent {
  color: var(--blok-ink-soft);
}
.careers1_apply.is-accent {
  color: var(--blok-ink);
}

@media (min-width: 768px) {
  .careers1_heading {
    font-size: 3rem;
  }
  .careers1_row {
    flex-wrap: nowrap;
    align-items: center;
  }
  .careers1_title {
    flex-basis: 0%;
    font-size: 1.75rem;
  }
}

@media (min-width: 992px) {
  .careers1_component {
    row-gap: 3.5rem;
  }
  .careers1_header {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    column-gap: 4rem;
  }
  .careers1_heading {
    font-size: 3.5rem;
  }
}

/* Generated by Blokset from components/careers-02.js. Edit the spec, not this file. */
.section_careers2 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.careers2_component {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 2.5rem;
}
.careers2_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: left;
}
.careers2_header-title {
  max-width: 40rem;
}
.careers2_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.careers2_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-ink);
}
.careers2_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.careers2_facts {
  display: flex;
  flex-wrap: wrap;
  column-gap: 2.5rem;
  row-gap: 1.25rem;
}
.careers2_team-fact {
  display: flex;
  flex-direction: column;
  row-gap: 0.35rem;
  min-width: 8rem;
}
.careers2_team-label {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.careers2_team {
  font-size: 1.0625rem;
  line-height: 1.4;
  color: var(--blok-ink);
}
.careers2_location-fact {
  display: flex;
  flex-direction: column;
  row-gap: 0.35rem;
  min-width: 8rem;
}
.careers2_location-label {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.careers2_location {
  font-size: 1.0625rem;
  line-height: 1.4;
  color: var(--blok-ink);
}
.careers2_type-fact {
  display: flex;
  flex-direction: column;
  row-gap: 0.35rem;
  min-width: 8rem;
}
.careers2_type-label {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.careers2_type {
  font-size: 1.0625rem;
  line-height: 1.4;
  color: var(--blok-ink);
}
.careers2_list {
  width: 100%;
  max-width: 40rem;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: var(--blok-line);
}
.careers2_duty {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-top-width: 1px;
  border-top-style: solid;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink);
  border-top-color: var(--blok-line);
}
.careers2_actions {
  display: flex;
}
.section_careers2.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.careers2_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.careers2_heading.is-dark {
  color: var(--blok-surface);
}
.careers2_description.is-dark {
  color: var(--blok-surface-muted);
}
.careers2_team.is-dark {
  color: var(--blok-surface);
}
.careers2_location.is-dark {
  color: var(--blok-surface);
}
.careers2_type.is-dark {
  color: var(--blok-surface);
}
.careers2_team-label.is-dark {
  color: var(--blok-surface-muted);
}
.careers2_location-label.is-dark {
  color: var(--blok-surface-muted);
}
.careers2_type-label.is-dark {
  color: var(--blok-surface-muted);
}
.careers2_duty.is-dark {
  color: var(--blok-surface);
  border-top-color: var(--blok-line-inverse);
}
.careers2_list.is-dark {
  border-bottom-color: var(--blok-line-inverse);
}
.section_careers2.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.careers2_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.careers2_heading.is-accent {
  color: var(--blok-ink);
}
.careers2_description.is-accent {
  color: var(--blok-ink-soft);
}
.careers2_team.is-accent {
  color: var(--blok-ink);
}
.careers2_location.is-accent {
  color: var(--blok-ink);
}
.careers2_type.is-accent {
  color: var(--blok-ink);
}
.careers2_team-label.is-accent {
  color: var(--blok-ink-soft);
}
.careers2_location-label.is-accent {
  color: var(--blok-ink-soft);
}
.careers2_type-label.is-accent {
  color: var(--blok-ink-soft);
}
.careers2_duty.is-accent {
  color: var(--blok-ink);
  border-top-color: var(--blok-line);
}
.careers2_list.is-accent {
  border-bottom-color: var(--blok-line);
}

@media (min-width: 768px) {
  .careers2_heading {
    font-size: 3rem;
  }
}

@media (min-width: 992px) {
  .careers2_component {
    row-gap: 3rem;
  }
  .careers2_heading {
    font-size: 3.5rem;
  }
}

/* Generated by Blokset from components/careers-03.js. Edit the spec, not this file. */
.section_careers3 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.careers3_component {
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
}
.careers3_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: left;
}
.careers3_header-title {
  max-width: 40rem;
}
.careers3_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.careers3_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-ink);
}
.careers3_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.careers3_grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
}
.careers3_benefit {
  display: flex;
  flex-direction: column;
  row-gap: 0.65rem;
  padding-top: 1.5rem;
  padding-right: 1.25rem;
  padding-bottom: 1.5rem;
  padding-left: 1.25rem;
  background-color: var(--blok-surface-2);
}
.careers3_benefit-title {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  font-size: 1.35rem;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: -0.02em;
}
.careers3_benefit-text {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.55;
  color: var(--blok-ink-muted);
}
.section_careers3.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.careers3_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.careers3_heading.is-dark {
  color: var(--blok-surface);
}
.careers3_description.is-dark {
  color: var(--blok-surface-muted);
}
.careers3_benefit.is-dark {
  background-color: var(--blok-ink-2);
}
.careers3_benefit-text.is-dark {
  color: var(--blok-surface-muted);
}
.section_careers3.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.careers3_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.careers3_heading.is-accent {
  color: var(--blok-ink);
}
.careers3_description.is-accent {
  color: var(--blok-ink-soft);
}
.careers3_benefit.is-accent {
  background-color: var(--blok-surface);
}
.careers3_benefit-text.is-accent {
  color: var(--blok-ink-soft);
}

@media (min-width: 768px) {
  .careers3_heading {
    font-size: 3rem;
  }
  .careers3_grid {
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
  }
}

@media (min-width: 992px) {
  .careers3_component {
    row-gap: 3.5rem;
  }
  .careers3_heading {
    font-size: 3.5rem;
  }
  .careers3_grid {
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
  }
}

/* Generated by Blokset from components/careers-04.js. Edit the spec, not this file. */
.section_careers4 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.careers4_component {
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
}
.careers4_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: left;
}
.careers4_header-title {
  max-width: 40rem;
}
.careers4_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.careers4_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-ink);
}
.careers4_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.careers4_list {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: var(--blok-line);
}
.careers4_step {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  column-gap: 1.5rem;
  row-gap: 0.65rem;
  padding-top: 1.35rem;
  padding-bottom: 1.35rem;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: var(--blok-line);
}
.careers4_index {
  width: 2.5rem;
  flex-shrink: 0;
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.careers4_step-title {
  width: 100%;
  flex-shrink: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  font-size: 1.75rem;
  line-height: 1.1;
  font-weight: 600;
  letter-spacing: -0.03em;
}
.careers4_step-text {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 36rem;
  font-size: 1.0625rem;
  line-height: 1.55;
  color: var(--blok-ink-muted);
}
.section_careers4.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.careers4_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.careers4_heading.is-dark {
  color: var(--blok-surface);
}
.careers4_description.is-dark {
  color: var(--blok-surface-muted);
}
.careers4_step.is-dark {
  border-top-color: var(--blok-line-inverse);
}
.careers4_list.is-dark {
  border-bottom-color: var(--blok-line-inverse);
}
.careers4_index.is-dark {
  color: var(--blok-surface-muted);
}
.careers4_step-text.is-dark {
  color: var(--blok-surface-muted);
}
.section_careers4.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.careers4_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.careers4_heading.is-accent {
  color: var(--blok-ink);
}
.careers4_description.is-accent {
  color: var(--blok-ink-soft);
}
.careers4_step.is-accent {
  border-top-color: var(--blok-line);
}
.careers4_list.is-accent {
  border-bottom-color: var(--blok-line);
}
.careers4_index.is-accent {
  color: var(--blok-ink-soft);
}
.careers4_step-text.is-accent {
  color: var(--blok-ink-soft);
}

@media (min-width: 768px) {
  .careers4_heading {
    font-size: 3rem;
  }
  .careers4_step {
    flex-direction: row;
    align-items: baseline;
  }
  .careers4_step-title {
    width: 10rem;
    flex-shrink: 0;
    font-size: 2rem;
  }
}

@media (min-width: 992px) {
  .careers4_component {
    row-gap: 3.5rem;
  }
  .careers4_heading {
    font-size: 3.5rem;
  }
}

/* Generated by Blokset from components/careers-05.js. Edit the spec, not this file. */
.section_careers5 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.careers5_component {
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
}
.careers5_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: left;
}
.careers5_header-title {
  max-width: 40rem;
}
.careers5_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.careers5_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-ink);
}
.careers5_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.careers5_list {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: var(--blok-line);
}
.careers5_row {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  column-gap: 2rem;
  row-gap: 0.45rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  border-top-width: 1px;
  border-top-style: solid;
  text-decoration: none;
  color: var(--blok-ink);
  border-top-color: var(--blok-line);
}
.careers5_name {
  width: 100%;
  flex-shrink: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  font-size: 1.75rem;
  line-height: 1.1;
  font-weight: 600;
  letter-spacing: -0.03em;
}
.careers5_line {
  flex-grow: 1;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 32rem;
  font-size: 1.0625rem;
  line-height: 1.5;
  color: var(--blok-ink-muted);
}
.careers5_count {
  flex-shrink: 0;
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.section_careers5.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.careers5_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.careers5_heading.is-dark {
  color: var(--blok-surface);
}
.careers5_description.is-dark {
  color: var(--blok-surface-muted);
}
.careers5_list.is-dark {
  border-bottom-color: var(--blok-line-inverse);
}
.careers5_row.is-dark {
  color: var(--blok-surface);
  border-top-color: var(--blok-line-inverse);
}
.careers5_line.is-dark {
  color: var(--blok-surface-muted);
}
.careers5_count.is-dark {
  color: var(--blok-surface-muted);
}
.section_careers5.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.careers5_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.careers5_heading.is-accent {
  color: var(--blok-ink);
}
.careers5_description.is-accent {
  color: var(--blok-ink-soft);
}
.careers5_list.is-accent {
  border-bottom-color: var(--blok-line);
}
.careers5_row.is-accent {
  color: var(--blok-ink);
  border-top-color: var(--blok-line);
}
.careers5_line.is-accent {
  color: var(--blok-ink-soft);
}
.careers5_count.is-accent {
  color: var(--blok-ink-soft);
}

@media (min-width: 768px) {
  .careers5_heading {
    font-size: 3rem;
  }
  .careers5_row {
    flex-direction: row;
    align-items: baseline;
  }
  .careers5_name {
    width: 10rem;
    flex-shrink: 0;
    font-size: 2rem;
  }
}

@media (min-width: 992px) {
  .careers5_component {
    row-gap: 3.5rem;
  }
  .careers5_header {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    column-gap: 4rem;
  }
  .careers5_heading {
    font-size: 3.5rem;
  }
}

/* Generated by Blokset from components/careers-06.js. Edit the spec, not this file. */
.section_careers6 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.careers6_component {
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
}
.careers6_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: left;
}
.careers6_header-title {
  max-width: 40rem;
}
.careers6_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.careers6_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-ink);
}
.careers6_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.careers6_list {
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
}
.careers6_place {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  column-gap: 0rem;
  row-gap: 1rem;
}
.careers6_photo {
  display: block;
  width: 100%;
  height: 14rem;
  object-fit: cover;
  flex-shrink: 0;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.careers6_copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 0.4rem;
}
.careers6_name {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  font-size: 1.75rem;
  line-height: 1.1;
  font-weight: 600;
  letter-spacing: -0.03em;
}
.careers6_note {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 32rem;
  font-size: 1.0625rem;
  line-height: 1.55;
  color: var(--blok-ink-muted);
}
.section_careers6.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.careers6_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.careers6_heading.is-dark {
  color: var(--blok-surface);
}
.careers6_description.is-dark {
  color: var(--blok-surface-muted);
}
.careers6_note.is-dark {
  color: var(--blok-surface-muted);
}
.section_careers6.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.careers6_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.careers6_heading.is-accent {
  color: var(--blok-ink);
}
.careers6_description.is-accent {
  color: var(--blok-ink-soft);
}
.careers6_note.is-accent {
  color: var(--blok-ink-soft);
}

@media (min-width: 768px) {
  .careers6_heading {
    font-size: 3rem;
  }
  .careers6_place {
    flex-direction: row;
    align-items: center;
    column-gap: 2rem;
    row-gap: 0rem;
  }
  .careers6_photo {
    width: 16rem;
    height: 11rem;
  }
}

@media (min-width: 992px) {
  .careers6_component {
    row-gap: 3.5rem;
  }
  .careers6_heading {
    font-size: 3.5rem;
  }
  .careers6_list {
    row-gap: 3rem;
  }
  .careers6_name {
    font-size: 2.25rem;
  }
}

/* Generated by Blokset from components/careers-07.js. Edit the spec, not this file. */
.section_careers7 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.careers7_filter {
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
}
.careers7_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: left;
}
.careers7_header-title {
  max-width: 40rem;
}
.careers7_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.careers7_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-ink);
}
.careers7_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.careers7_chips {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 0.5rem;
  row-gap: 0.5rem;
}
.careers7_chip-all {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  cursor: pointer;
  padding-top: 0.55rem;
  padding-bottom: 0.55rem;
  padding-left: 0.9rem;
  padding-right: 0.9rem;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  color: var(--blok-ink);
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
}
.careers7_chip-row {
  display: flex;
  flex-wrap: wrap;
  column-gap: 0.5rem;
  row-gap: 0.5rem;
}
.careers7_chip {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  cursor: pointer;
  padding-top: 0.55rem;
  padding-bottom: 0.55rem;
  padding-left: 0.9rem;
  padding-right: 0.9rem;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  color: var(--blok-ink);
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
}
.careers7_list {
  position: relative;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: var(--blok-line);
}
.careers7_row {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 0.55rem;
  column-gap: 0rem;
  padding-top: 1.35rem;
  padding-bottom: 1.35rem;
  border-top-width: 1px;
  border-top-style: solid;
  text-decoration: none;
  color: var(--blok-ink);
  border-top-color: var(--blok-line);
}
.careers7_top {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  column-gap: 1rem;
  row-gap: 0.35rem;
  width: 100%;
}
.careers7_title {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  font-size: 1.5rem;
  line-height: 1.15;
  font-weight: 600;
  letter-spacing: -0.03em;
}
.careers7_opened {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.careers7_line {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 40rem;
  font-size: 1.0625rem;
  line-height: 1.5;
  color: var(--blok-ink-muted);
}
.careers7_meta {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 1.25rem;
  row-gap: 0.25rem;
}
.careers7_team {
  font-size: 0.9375rem;
  line-height: 1.4;
  color: var(--blok-ink-muted);
}
.careers7_place {
  font-size: 0.9375rem;
  line-height: 1.4;
  color: var(--blok-ink-muted);
}
.careers7_type {
  font-size: 0.9375rem;
  line-height: 1.4;
  color: var(--blok-ink-muted);
}
.careers7_media {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 16rem;
  height: 11rem;
  overflow: hidden;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.careers7_photo {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.section_careers7.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.careers7_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.careers7_heading.is-dark {
  color: var(--blok-surface);
}
.careers7_description.is-dark {
  color: var(--blok-surface-muted);
}
.careers7_chip.is-dark {
  color: var(--blok-surface);
  border-top-color: var(--blok-line-inverse);
  border-right-color: var(--blok-line-inverse);
  border-bottom-color: var(--blok-line-inverse);
  border-left-color: var(--blok-line-inverse);
}
.careers7_chip-all.is-dark {
  color: var(--blok-surface);
  border-top-color: var(--blok-line-inverse);
  border-right-color: var(--blok-line-inverse);
  border-bottom-color: var(--blok-line-inverse);
  border-left-color: var(--blok-line-inverse);
}
.careers7_list.is-dark {
  border-bottom-color: var(--blok-line-inverse);
}
.careers7_row.is-dark {
  color: var(--blok-surface);
  border-top-color: var(--blok-line-inverse);
}
.careers7_line.is-dark {
  color: var(--blok-surface-muted);
}
.careers7_team.is-dark {
  color: var(--blok-surface-muted);
}
.careers7_place.is-dark {
  color: var(--blok-surface-muted);
}
.careers7_type.is-dark {
  color: var(--blok-surface-muted);
}
.careers7_opened.is-dark {
  color: var(--blok-surface-muted);
}
.section_careers7.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.careers7_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.careers7_heading.is-accent {
  color: var(--blok-ink);
}
.careers7_description.is-accent {
  color: var(--blok-ink-soft);
}
.careers7_chip.is-accent {
  color: var(--blok-ink);
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
}
.careers7_chip-all.is-accent {
  color: var(--blok-ink);
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
}
.careers7_list.is-accent {
  border-bottom-color: var(--blok-line);
}
.careers7_row.is-accent {
  color: var(--blok-ink);
  border-top-color: var(--blok-line);
}
.careers7_line.is-accent {
  color: var(--blok-ink-soft);
}
.careers7_team.is-accent {
  color: var(--blok-ink-soft);
}
.careers7_place.is-accent {
  color: var(--blok-ink-soft);
}
.careers7_type.is-accent {
  color: var(--blok-ink-soft);
}
.careers7_opened.is-accent {
  color: var(--blok-ink-soft);
}

@media (min-width: 768px) {
  .careers7_heading {
    font-size: 3rem;
  }
  .careers7_row {
    row-gap: 0.4rem;
  }
  .careers7_title {
    font-size: 1.75rem;
  }
}

@media (min-width: 992px) {
  .careers7_filter {
    row-gap: 2.75rem;
  }
  .careers7_header {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    column-gap: 4rem;
  }
  .careers7_heading {
    font-size: 3.5rem;
  }
  .careers7_media {
    display: block;
  }
}

/* Generated by Blokset from components/careers-08.js. Edit the spec, not this file. */
.section_careers8 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.careers8_filter {
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
}
.careers8_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: left;
}
.careers8_header-title {
  max-width: 40rem;
}
.careers8_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.careers8_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-ink);
}
.careers8_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.careers8_chips {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 0.5rem;
  row-gap: 0.5rem;
}
.careers8_chip-all {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  cursor: pointer;
  padding-top: 0.55rem;
  padding-bottom: 0.55rem;
  padding-left: 0.9rem;
  padding-right: 0.9rem;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  color: var(--blok-ink);
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
}
.careers8_chip-row {
  display: flex;
  flex-wrap: wrap;
  column-gap: 0.5rem;
  row-gap: 0.5rem;
}
.careers8_chip {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  cursor: pointer;
  padding-top: 0.55rem;
  padding-bottom: 0.55rem;
  padding-left: 0.9rem;
  padding-right: 0.9rem;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  color: var(--blok-ink);
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
}
.careers8_grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.75rem;
}
.careers8_body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 0.85rem;
  text-decoration: none;
  color: var(--blok-ink);
}
.careers8_photo {
  display: block;
  width: 100%;
  height: 12rem;
  object-fit: cover;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.careers8_title {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  font-size: 1.5rem;
  line-height: 1.15;
  font-weight: 600;
  letter-spacing: -0.03em;
}
.careers8_meta {
  display: flex;
  flex-wrap: wrap;
  column-gap: 1rem;
  row-gap: 0.25rem;
}
.careers8_team {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.careers8_type {
  font-size: 0.9375rem;
  line-height: 1.4;
  color: var(--blok-ink-muted);
}
.section_careers8.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.careers8_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.careers8_heading.is-dark {
  color: var(--blok-surface);
}
.careers8_description.is-dark {
  color: var(--blok-surface-muted);
}
.careers8_chip.is-dark {
  color: var(--blok-surface);
  border-top-color: var(--blok-line-inverse);
  border-right-color: var(--blok-line-inverse);
  border-bottom-color: var(--blok-line-inverse);
  border-left-color: var(--blok-line-inverse);
}
.careers8_chip-all.is-dark {
  color: var(--blok-surface);
  border-top-color: var(--blok-line-inverse);
  border-right-color: var(--blok-line-inverse);
  border-bottom-color: var(--blok-line-inverse);
  border-left-color: var(--blok-line-inverse);
}
.careers8_body.is-dark {
  color: var(--blok-surface);
}
.careers8_team.is-dark {
  color: var(--blok-surface-muted);
}
.careers8_type.is-dark {
  color: var(--blok-surface-muted);
}
.section_careers8.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.careers8_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.careers8_heading.is-accent {
  color: var(--blok-ink);
}
.careers8_description.is-accent {
  color: var(--blok-ink-soft);
}
.careers8_chip.is-accent {
  color: var(--blok-ink);
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
}
.careers8_chip-all.is-accent {
  color: var(--blok-ink);
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
}
.careers8_body.is-accent {
  color: var(--blok-ink);
}
.careers8_team.is-accent {
  color: var(--blok-ink-soft);
}
.careers8_type.is-accent {
  color: var(--blok-ink-soft);
}

@media (min-width: 768px) {
  .careers8_heading {
    font-size: 3rem;
  }
  .careers8_grid {
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 1.5rem;
    grid-row-gap: 2rem;
  }
}

@media (min-width: 992px) {
  .careers8_filter {
    row-gap: 2.75rem;
  }
  .careers8_header {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    column-gap: 4rem;
  }
  .careers8_heading {
    font-size: 3.5rem;
  }
  .careers8_grid {
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 1.5rem;
    grid-row-gap: 2rem;
  }
}

/* Generated by Blokset from components/careers-09.js. Edit the spec, not this file. */
.section_careers9 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.careers9_component {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 2.5rem;
}
.careers9_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: left;
}
.careers9_header-title {
  max-width: 40rem;
}
.careers9_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.careers9_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-ink);
}
.careers9_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.careers9_facts {
  display: flex;
  flex-wrap: wrap;
  column-gap: 2.5rem;
  row-gap: 1.25rem;
  width: 100%;
}
.careers9_team-fact {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 0.35rem;
  min-width: 8rem;
}
.careers9_team-label {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.careers9_team {
  font-size: 1.0625rem;
  line-height: 1.4;
  color: var(--blok-ink);
}
.careers9_type-fact {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 0.35rem;
  min-width: 8rem;
}
.careers9_type-label {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.careers9_type {
  font-size: 1.0625rem;
  line-height: 1.4;
  color: var(--blok-ink);
}
.careers9_schedule-fact {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 0.35rem;
  min-width: 8rem;
}
.careers9_schedule-label {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.careers9_schedule {
  font-size: 1.0625rem;
  line-height: 1.4;
  color: var(--blok-ink);
}
.careers9_reports-fact {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 0.35rem;
  min-width: 8rem;
}
.careers9_reports-label {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.careers9_reports {
  font-size: 1.0625rem;
  line-height: 1.4;
  color: var(--blok-ink);
}
.careers9_work-label {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.careers9_duties {
  width: 100%;
  max-width: 40rem;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: var(--blok-line);
}
.careers9_duty-item {
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: var(--blok-line);
}
.careers9_duty-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 1.5rem;
  padding-top: 1.1rem;
  padding-bottom: 1.1rem;
  cursor: pointer;
}
.careers9_duty-title {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  font-size: 1.25rem;
  line-height: 1.25;
  font-weight: 600;
  letter-spacing: -0.02em;
}
.careers9_duty-icon {
  flex-shrink: 0;
  font-size: 1.5rem;
  line-height: 1;
  font-weight: 300;
  color: var(--blok-ink-muted);
}
.careers9_duty-text {
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 1.25rem;
  max-width: 36rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.careers9_place-label {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.careers9_place {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  column-gap: 0rem;
  row-gap: 1.25rem;
  width: 100%;
}
.careers9_map {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 16rem;
  flex-shrink: 0;
  background-color: var(--blok-surface-2);
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.careers9_basemap {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.careers9_pin {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.35rem;
  height: 1.35rem;
  margin-left: -0.675rem;
  margin-top: -0.675rem;
  background-color: var(--blok-button-bg);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
}
.careers9_pin-dot {
  width: 0.7rem;
  height: 0.7rem;
  background-color: var(--blok-accent);
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
}
.careers9_credit {
  position: absolute;
  right: 0.4rem;
  bottom: 0.4rem;
  z-index: 2;
  padding-top: 0.1rem;
  padding-bottom: 0.1rem;
  padding-left: 0.35rem;
  padding-right: 0.35rem;
  background-color: var(--blok-button-bg);
  color: var(--blok-ink-muted);
  font-family: var(--blok-font-mono);
  font-size: 0.625rem;
  line-height: 1.4;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.careers9_place-facts {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 1.25rem;
  max-width: 28rem;
}
.careers9_address-fact {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 0.35rem;
  min-width: 8rem;
}
.careers9_address-label {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.careers9_address {
  font-size: 1.0625rem;
  line-height: 1.4;
  color: var(--blok-ink);
}
.careers9_hours-fact {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 0.35rem;
  min-width: 8rem;
}
.careers9_hours-label {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.careers9_hours {
  font-size: 1.0625rem;
  line-height: 1.4;
  color: var(--blok-ink);
}
.careers9_arrive-fact {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 0.35rem;
}
.careers9_arrive {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.0625rem;
  line-height: 1.55;
  color: var(--blok-ink-muted);
}
.careers9_also-label {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.careers9_related-list {
  width: 100%;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: var(--blok-line);
}
.careers9_related {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 0.35rem;
  padding-top: 1.1rem;
  padding-bottom: 1.1rem;
  border-top-width: 1px;
  border-top-style: solid;
  text-decoration: none;
  color: var(--blok-ink);
  border-top-color: var(--blok-line);
}
.careers9_related-title {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  font-size: 1.35rem;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: -0.02em;
}
.careers9_related-meta {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.careers9_why {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 36rem;
  font-size: 1rem;
  line-height: 1.5;
  color: var(--blok-ink-muted);
}
.careers9_share-label {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.careers9_share-list {
  display: flex;
  flex-wrap: wrap;
  column-gap: 1.5rem;
  row-gap: 0.5rem;
}
.careers9_share {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-decoration: underline;
  color: var(--blok-ink);
}
.careers9_actions {
  display: flex;
}
.section_careers9.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.careers9_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.careers9_heading.is-dark {
  color: var(--blok-surface);
}
.careers9_description.is-dark {
  color: var(--blok-surface-muted);
}
.careers9_team.is-dark {
  color: var(--blok-surface);
}
.careers9_type.is-dark {
  color: var(--blok-surface);
}
.careers9_schedule.is-dark {
  color: var(--blok-surface);
}
.careers9_reports.is-dark {
  color: var(--blok-surface);
}
.careers9_team-label.is-dark {
  color: var(--blok-surface-muted);
}
.careers9_type-label.is-dark {
  color: var(--blok-surface-muted);
}
.careers9_schedule-label.is-dark {
  color: var(--blok-surface-muted);
}
.careers9_reports-label.is-dark {
  color: var(--blok-surface-muted);
}
.careers9_work-label.is-dark {
  color: var(--blok-surface-muted);
}
.careers9_place-label.is-dark {
  color: var(--blok-surface-muted);
}
.careers9_also-label.is-dark {
  color: var(--blok-surface-muted);
}
.careers9_share-label.is-dark {
  color: var(--blok-surface-muted);
}
.careers9_duties.is-dark {
  border-bottom-color: var(--blok-line-inverse);
}
.careers9_duty-item.is-dark {
  border-top-color: var(--blok-line-inverse);
}
.careers9_duty-icon.is-dark {
  color: var(--blok-surface-muted);
}
.careers9_duty-text.is-dark {
  color: var(--blok-surface-muted);
}
.careers9_address.is-dark {
  color: var(--blok-surface);
}
.careers9_hours.is-dark {
  color: var(--blok-surface);
}
.careers9_arrive.is-dark {
  color: var(--blok-surface-muted);
}
.careers9_address-label.is-dark {
  color: var(--blok-surface-muted);
}
.careers9_hours-label.is-dark {
  color: var(--blok-surface-muted);
}
.careers9_related.is-dark {
  color: var(--blok-surface);
  border-top-color: var(--blok-line-inverse);
}
.careers9_why.is-dark {
  color: var(--blok-surface-muted);
}
.careers9_related-meta.is-dark {
  color: var(--blok-surface-muted);
}
.careers9_related-list.is-dark {
  border-bottom-color: var(--blok-line-inverse);
}
.careers9_share.is-dark {
  color: var(--blok-surface);
}
.section_careers9.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.careers9_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.careers9_heading.is-accent {
  color: var(--blok-ink);
}
.careers9_description.is-accent {
  color: var(--blok-ink-soft);
}
.careers9_team.is-accent {
  color: var(--blok-ink);
}
.careers9_type.is-accent {
  color: var(--blok-ink);
}
.careers9_schedule.is-accent {
  color: var(--blok-ink);
}
.careers9_reports.is-accent {
  color: var(--blok-ink);
}
.careers9_team-label.is-accent {
  color: var(--blok-ink-soft);
}
.careers9_type-label.is-accent {
  color: var(--blok-ink-soft);
}
.careers9_schedule-label.is-accent {
  color: var(--blok-ink-soft);
}
.careers9_reports-label.is-accent {
  color: var(--blok-ink-soft);
}
.careers9_work-label.is-accent {
  color: var(--blok-ink-soft);
}
.careers9_place-label.is-accent {
  color: var(--blok-ink-soft);
}
.careers9_also-label.is-accent {
  color: var(--blok-ink-soft);
}
.careers9_share-label.is-accent {
  color: var(--blok-ink-soft);
}
.careers9_duties.is-accent {
  border-bottom-color: var(--blok-line);
}
.careers9_duty-item.is-accent {
  border-top-color: var(--blok-line);
}
.careers9_duty-icon.is-accent {
  color: var(--blok-ink-soft);
}
.careers9_duty-text.is-accent {
  color: var(--blok-ink-soft);
}
.careers9_address.is-accent {
  color: var(--blok-ink);
}
.careers9_hours.is-accent {
  color: var(--blok-ink);
}
.careers9_arrive.is-accent {
  color: var(--blok-ink-soft);
}
.careers9_address-label.is-accent {
  color: var(--blok-ink-soft);
}
.careers9_hours-label.is-accent {
  color: var(--blok-ink-soft);
}
.careers9_related.is-accent {
  color: var(--blok-ink);
  border-top-color: var(--blok-line);
}
.careers9_why.is-accent {
  color: var(--blok-ink-soft);
}
.careers9_related-meta.is-accent {
  color: var(--blok-ink-soft);
}
.careers9_related-list.is-accent {
  border-bottom-color: var(--blok-line);
}
.careers9_share.is-accent {
  color: var(--blok-ink);
}

@media (min-width: 768px) {
  .careers9_heading {
    font-size: 3rem;
  }
  .careers9_place {
    flex-direction: row;
    column-gap: 2rem;
    row-gap: 0rem;
  }
  .careers9_map {
    width: 18rem;
    height: 14rem;
  }
}

@media (min-width: 992px) {
  .careers9_component {
    row-gap: 3rem;
  }
  .careers9_heading {
    font-size: 3.5rem;
  }
}

/* Generated by Blokset from components/careers-10.js. Edit the spec, not this file. */
.section_careers10 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.careers10_component {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 2.5rem;
}
.careers10_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: left;
}
.careers10_header-title {
  max-width: 40rem;
}
.careers10_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.careers10_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-ink);
}
.careers10_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.careers10_stage {
  display: grid;
  grid-template-columns: 1fr;
  grid-column-gap: 0rem;
  grid-row-gap: 2.5rem;
  width: 100%;
}
.careers10_place {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 1.25rem;
  grid-column-start: 1;
  grid-row-start: 1;
}
.careers10_map {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 16rem;
  flex-shrink: 0;
  background-color: var(--blok-surface-2);
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.careers10_basemap {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.careers10_pin {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.35rem;
  height: 1.35rem;
  margin-left: -0.675rem;
  margin-top: -0.675rem;
  background-color: var(--blok-button-bg);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
}
.careers10_pin-dot {
  width: 0.7rem;
  height: 0.7rem;
  background-color: var(--blok-accent);
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
}
.careers10_credit {
  position: absolute;
  right: 0.4rem;
  bottom: 0.4rem;
  z-index: 2;
  padding-top: 0.1rem;
  padding-bottom: 0.1rem;
  padding-left: 0.35rem;
  padding-right: 0.35rem;
  background-color: var(--blok-button-bg);
  color: var(--blok-ink-muted);
  font-family: var(--blok-font-mono);
  font-size: 0.625rem;
  line-height: 1.4;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.careers10_address-fact {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 0.35rem;
  min-width: 8rem;
}
.careers10_address-label {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.careers10_address {
  font-size: 1.0625rem;
  line-height: 1.4;
  color: var(--blok-ink);
}
.careers10_hours-fact {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 0.35rem;
  min-width: 8rem;
}
.careers10_hours-label {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.careers10_hours {
  font-size: 1.0625rem;
  line-height: 1.4;
  color: var(--blok-ink);
}
.careers10_arrive {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.0625rem;
  line-height: 1.55;
  color: var(--blok-ink-muted);
}
.careers10_posting {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 1.75rem;
  grid-column-start: 1;
  grid-row-start: 2;
}
.careers10_facts {
  display: flex;
  flex-wrap: wrap;
  column-gap: 2rem;
  row-gap: 1.25rem;
}
.careers10_team-fact {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 0.35rem;
  min-width: 8rem;
}
.careers10_team-label {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.careers10_team {
  font-size: 1.0625rem;
  line-height: 1.4;
  color: var(--blok-ink);
}
.careers10_type-fact {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 0.35rem;
  min-width: 8rem;
}
.careers10_type-label {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.careers10_type {
  font-size: 1.0625rem;
  line-height: 1.4;
  color: var(--blok-ink);
}
.careers10_schedule-fact {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 0.35rem;
  min-width: 8rem;
}
.careers10_schedule-label {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.careers10_schedule {
  font-size: 1.0625rem;
  line-height: 1.4;
  color: var(--blok-ink);
}
.careers10_reports-fact {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 0.35rem;
  min-width: 8rem;
}
.careers10_reports-label {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.careers10_reports {
  font-size: 1.0625rem;
  line-height: 1.4;
  color: var(--blok-ink);
}
.careers10_work-label {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.careers10_duties {
  width: 100%;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: var(--blok-line);
}
.careers10_duty-item {
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: var(--blok-line);
}
.careers10_duty-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 1.5rem;
  padding-top: 1.1rem;
  padding-bottom: 1.1rem;
  cursor: pointer;
}
.careers10_duty-title {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  font-size: 1.25rem;
  line-height: 1.25;
  font-weight: 600;
  letter-spacing: -0.02em;
}
.careers10_duty-icon {
  flex-shrink: 0;
  font-size: 1.5rem;
  line-height: 1;
  font-weight: 300;
  color: var(--blok-ink-muted);
}
.careers10_duty-text {
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 1.25rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.careers10_also-label {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.careers10_related-list {
  width: 100%;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: var(--blok-line);
}
.careers10_related {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 0.35rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-top-width: 1px;
  border-top-style: solid;
  text-decoration: none;
  color: var(--blok-ink);
  border-top-color: var(--blok-line);
}
.careers10_related-title {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  font-size: 1.25rem;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: -0.02em;
}
.careers10_related-meta {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.careers10_why {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.5;
  color: var(--blok-ink-muted);
}
.careers10_share-label {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.careers10_share-list {
  display: flex;
  flex-wrap: wrap;
  column-gap: 1.5rem;
  row-gap: 0.5rem;
}
.careers10_share {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-decoration: underline;
  color: var(--blok-ink);
}
.careers10_actions {
  display: flex;
}
.section_careers10.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.careers10_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.careers10_heading.is-dark {
  color: var(--blok-surface);
}
.careers10_description.is-dark {
  color: var(--blok-surface-muted);
}
.careers10_team.is-dark {
  color: var(--blok-surface);
}
.careers10_type.is-dark {
  color: var(--blok-surface);
}
.careers10_schedule.is-dark {
  color: var(--blok-surface);
}
.careers10_reports.is-dark {
  color: var(--blok-surface);
}
.careers10_team-label.is-dark {
  color: var(--blok-surface-muted);
}
.careers10_type-label.is-dark {
  color: var(--blok-surface-muted);
}
.careers10_schedule-label.is-dark {
  color: var(--blok-surface-muted);
}
.careers10_reports-label.is-dark {
  color: var(--blok-surface-muted);
}
.careers10_work-label.is-dark {
  color: var(--blok-surface-muted);
}
.careers10_also-label.is-dark {
  color: var(--blok-surface-muted);
}
.careers10_share-label.is-dark {
  color: var(--blok-surface-muted);
}
.careers10_duties.is-dark {
  border-bottom-color: var(--blok-line-inverse);
}
.careers10_duty-item.is-dark {
  border-top-color: var(--blok-line-inverse);
}
.careers10_duty-icon.is-dark {
  color: var(--blok-surface-muted);
}
.careers10_duty-text.is-dark {
  color: var(--blok-surface-muted);
}
.careers10_address.is-dark {
  color: var(--blok-surface);
}
.careers10_hours.is-dark {
  color: var(--blok-surface);
}
.careers10_arrive.is-dark {
  color: var(--blok-surface-muted);
}
.careers10_address-label.is-dark {
  color: var(--blok-surface-muted);
}
.careers10_hours-label.is-dark {
  color: var(--blok-surface-muted);
}
.careers10_related.is-dark {
  color: var(--blok-surface);
  border-top-color: var(--blok-line-inverse);
}
.careers10_why.is-dark {
  color: var(--blok-surface-muted);
}
.careers10_related-meta.is-dark {
  color: var(--blok-surface-muted);
}
.careers10_related-list.is-dark {
  border-bottom-color: var(--blok-line-inverse);
}
.careers10_share.is-dark {
  color: var(--blok-surface);
}
.section_careers10.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.careers10_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.careers10_heading.is-accent {
  color: var(--blok-ink);
}
.careers10_description.is-accent {
  color: var(--blok-ink-soft);
}
.careers10_team.is-accent {
  color: var(--blok-ink);
}
.careers10_type.is-accent {
  color: var(--blok-ink);
}
.careers10_schedule.is-accent {
  color: var(--blok-ink);
}
.careers10_reports.is-accent {
  color: var(--blok-ink);
}
.careers10_team-label.is-accent {
  color: var(--blok-ink-soft);
}
.careers10_type-label.is-accent {
  color: var(--blok-ink-soft);
}
.careers10_schedule-label.is-accent {
  color: var(--blok-ink-soft);
}
.careers10_reports-label.is-accent {
  color: var(--blok-ink-soft);
}
.careers10_work-label.is-accent {
  color: var(--blok-ink-soft);
}
.careers10_also-label.is-accent {
  color: var(--blok-ink-soft);
}
.careers10_share-label.is-accent {
  color: var(--blok-ink-soft);
}
.careers10_duties.is-accent {
  border-bottom-color: var(--blok-line);
}
.careers10_duty-item.is-accent {
  border-top-color: var(--blok-line);
}
.careers10_duty-icon.is-accent {
  color: var(--blok-ink-soft);
}
.careers10_duty-text.is-accent {
  color: var(--blok-ink-soft);
}
.careers10_address.is-accent {
  color: var(--blok-ink);
}
.careers10_hours.is-accent {
  color: var(--blok-ink);
}
.careers10_arrive.is-accent {
  color: var(--blok-ink-soft);
}
.careers10_address-label.is-accent {
  color: var(--blok-ink-soft);
}
.careers10_hours-label.is-accent {
  color: var(--blok-ink-soft);
}
.careers10_related.is-accent {
  color: var(--blok-ink);
  border-top-color: var(--blok-line);
}
.careers10_why.is-accent {
  color: var(--blok-ink-soft);
}
.careers10_related-meta.is-accent {
  color: var(--blok-ink-soft);
}
.careers10_related-list.is-accent {
  border-bottom-color: var(--blok-line);
}
.careers10_share.is-accent {
  color: var(--blok-ink);
}

@media (min-width: 768px) {
  .careers10_heading {
    font-size: 3rem;
  }
}

@media (min-width: 992px) {
  .careers10_component {
    row-gap: 3rem;
  }
  .careers10_heading {
    font-size: 3.5rem;
  }
  .careers10_stage {
    grid-template-columns: 0.9fr 1.1fr;
    grid-column-gap: 3rem;
    grid-row-gap: 0rem;
  }
  .careers10_place {
    grid-column-start: 1;
    grid-row-start: 1;
  }
  .careers10_map {
    height: 22rem;
  }
  .careers10_posting {
    grid-column-start: 2;
    grid-row-start: 1;
    row-gap: 2rem;
  }
}

/* Generated by Blokset from components/careers-11.js. Edit the spec, not this file. */
.section_careers11 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.careers11_component {
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
}
.careers11_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: left;
}
.careers11_header-title {
  max-width: 40rem;
}
.careers11_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.careers11_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-ink);
}
.careers11_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.careers11_deck {
  position: relative;
  width: 100%;
  height: 22rem;
}
.careers11_card {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  max-width: 28rem;
  height: 18rem;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  overflow: hidden;
  cursor: pointer;
  padding-top: 1.75rem;
  padding-right: 1.75rem;
  padding-bottom: 1.75rem;
  padding-left: 1.75rem;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.careers11_body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  height: 100%;
  row-gap: 1rem;
}
.careers11_index {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.careers11_title {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  font-size: 2.25rem;
  line-height: 1.05;
  font-weight: 600;
  letter-spacing: -0.03em;
}
.careers11_foot {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 0.45rem;
}
.careers11_meta-row {
  display: flex;
  flex-wrap: wrap;
  column-gap: 1rem;
  row-gap: 0.25rem;
}
.careers11_team {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--blok-surface);
}
.careers11_place {
  font-size: 0.9375rem;
  line-height: 1.4;
  color: var(--blok-surface);
}
.careers11_why {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.0625rem;
  line-height: 1.5;
  color: var(--blok-surface);
}
.section_careers11.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.careers11_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.careers11_heading.is-dark {
  color: var(--blok-surface);
}
.careers11_description.is-dark {
  color: var(--blok-surface-muted);
}
.careers11_card.is-dark {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.careers11_team.is-dark {
  color: var(--blok-ink);
}
.careers11_place.is-dark {
  color: var(--blok-ink);
}
.careers11_why.is-dark {
  color: var(--blok-ink);
}
.section_careers11.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.careers11_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.careers11_heading.is-accent {
  color: var(--blok-ink);
}
.careers11_description.is-accent {
  color: var(--blok-ink-soft);
}
.careers11_card.is-accent {
  background-color: var(--blok-ink);
  color: var(--blok-accent);
}
.careers11_team.is-accent {
  color: var(--blok-accent);
}
.careers11_place.is-accent {
  color: var(--blok-accent);
}
.careers11_why.is-accent {
  color: var(--blok-accent);
}

@media (min-width: 768px) {
  .careers11_heading {
    font-size: 3rem;
  }
  .careers11_title {
    font-size: 2.75rem;
  }
}

@media (min-width: 992px) {
  .careers11_component {
    row-gap: 3rem;
  }
  .careers11_heading {
    font-size: 3.5rem;
  }
}

/* Generated by Blokset from components/careers-12.js. Edit the spec, not this file. */
.section_careers12 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.careers12_component {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 2rem;
}
.careers12_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: left;
}
.careers12_header-title {
  max-width: 40rem;
}
.careers12_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.careers12_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-ink);
}
.careers12_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.careers12_map {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 16rem;
  flex-shrink: 0;
  background-color: var(--blok-surface-2);
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.careers12_basemap {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.careers12_pin {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.35rem;
  height: 1.35rem;
  margin-left: -0.675rem;
  margin-top: -0.675rem;
  background-color: var(--blok-button-bg);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
}
.careers12_pin-dot {
  width: 0.7rem;
  height: 0.7rem;
  background-color: var(--blok-accent);
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
}
.careers12_credit {
  position: absolute;
  right: 0.4rem;
  bottom: 0.4rem;
  z-index: 2;
  padding-top: 0.1rem;
  padding-bottom: 0.1rem;
  padding-left: 0.35rem;
  padding-right: 0.35rem;
  background-color: var(--blok-button-bg);
  color: var(--blok-ink-muted);
  font-family: var(--blok-font-mono);
  font-size: 0.625rem;
  line-height: 1.4;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.careers12_facts {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 1.25rem;
  max-width: 36rem;
}
.careers12_address-fact {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 0.35rem;
}
.careers12_address-label {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.careers12_address {
  font-size: 1.0625rem;
  line-height: 1.45;
  color: var(--blok-ink);
}
.careers12_transit-fact {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 0.35rem;
}
.careers12_transit-label {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.careers12_transit {
  font-size: 1.0625rem;
  line-height: 1.45;
  color: var(--blok-ink);
}
.careers12_who-fact {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 0.35rem;
}
.careers12_who-label {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.careers12_who {
  font-size: 1.0625rem;
  line-height: 1.45;
  color: var(--blok-ink-muted);
}
.careers12_roles-label {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.careers12_list {
  width: 100%;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: var(--blok-line);
}
.careers12_role {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  column-gap: 1.5rem;
  row-gap: 0.35rem;
  padding-top: 1.1rem;
  padding-bottom: 1.1rem;
  border-top-width: 1px;
  border-top-style: solid;
  text-decoration: none;
  color: var(--blok-ink);
  border-top-color: var(--blok-line);
}
.careers12_title {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  font-size: 1.5rem;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: -0.02em;
}
.careers12_type {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.section_careers12.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.careers12_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.careers12_heading.is-dark {
  color: var(--blok-surface);
}
.careers12_description.is-dark {
  color: var(--blok-surface-muted);
}
.careers12_address.is-dark {
  color: var(--blok-surface);
}
.careers12_transit.is-dark {
  color: var(--blok-surface);
}
.careers12_who.is-dark {
  color: var(--blok-surface-muted);
}
.careers12_address-label.is-dark {
  color: var(--blok-surface-muted);
}
.careers12_transit-label.is-dark {
  color: var(--blok-surface-muted);
}
.careers12_who-label.is-dark {
  color: var(--blok-surface-muted);
}
.careers12_roles-label.is-dark {
  color: var(--blok-surface-muted);
}
.careers12_list.is-dark {
  border-bottom-color: var(--blok-line-inverse);
}
.careers12_role.is-dark {
  color: var(--blok-surface);
  border-top-color: var(--blok-line-inverse);
}
.careers12_type.is-dark {
  color: var(--blok-surface-muted);
}
.section_careers12.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.careers12_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.careers12_heading.is-accent {
  color: var(--blok-ink);
}
.careers12_description.is-accent {
  color: var(--blok-ink-soft);
}
.careers12_address.is-accent {
  color: var(--blok-ink);
}
.careers12_transit.is-accent {
  color: var(--blok-ink);
}
.careers12_who.is-accent {
  color: var(--blok-ink-soft);
}
.careers12_address-label.is-accent {
  color: var(--blok-ink-soft);
}
.careers12_transit-label.is-accent {
  color: var(--blok-ink-soft);
}
.careers12_who-label.is-accent {
  color: var(--blok-ink-soft);
}
.careers12_roles-label.is-accent {
  color: var(--blok-ink-soft);
}
.careers12_list.is-accent {
  border-bottom-color: var(--blok-line);
}
.careers12_role.is-accent {
  color: var(--blok-ink);
  border-top-color: var(--blok-line);
}
.careers12_type.is-accent {
  color: var(--blok-ink-soft);
}

@media (min-width: 768px) {
  .careers12_heading {
    font-size: 3rem;
  }
  .careers12_facts {
    row-gap: 1.5rem;
  }
}

@media (min-width: 992px) {
  .careers12_component {
    row-gap: 2.5rem;
  }
  .careers12_heading {
    font-size: 3.5rem;
  }
  .careers12_map {
    height: 24rem;
  }
}

/* Generated by Blokset from components/careers-13.js. Edit the spec, not this file. */
.section_careers13 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.careers13_component {
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
}
.careers13_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: left;
}
.careers13_header-title {
  max-width: 40rem;
}
.careers13_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.careers13_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-ink);
}
.careers13_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.careers13_list {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: var(--blok-line);
}
.careers13_step {
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: var(--blok-line);
}
.careers13_trigger {
  display: flex;
  align-items: center;
  column-gap: 1rem;
  padding-top: 1.35rem;
  padding-bottom: 1.35rem;
  cursor: pointer;
}
.careers13_index {
  width: 2.5rem;
  flex-shrink: 0;
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.careers13_step-title {
  flex-grow: 1;
  min-width: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  font-size: 1.75rem;
  line-height: 1.1;
  font-weight: 600;
  letter-spacing: -0.03em;
}
.careers13_length {
  flex-shrink: 0;
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.careers13_icon {
  flex-shrink: 0;
  font-size: 1.75rem;
  line-height: 1;
  font-weight: 300;
  color: var(--blok-ink-muted);
}
.careers13_panel-body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 0.45rem;
  padding-bottom: 1.5rem;
  padding-left: 3.5rem;
}
.careers13_who {
  font-size: 0.9375rem;
  line-height: 1.4;
  color: var(--blok-ink-muted);
}
.careers13_step-text {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 40rem;
  font-size: 1.0625rem;
  line-height: 1.55;
  color: var(--blok-ink);
}
.section_careers13.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.careers13_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.careers13_heading.is-dark {
  color: var(--blok-surface);
}
.careers13_description.is-dark {
  color: var(--blok-surface-muted);
}
.careers13_list.is-dark {
  border-bottom-color: var(--blok-line-inverse);
}
.careers13_step.is-dark {
  border-top-color: var(--blok-line-inverse);
}
.careers13_index.is-dark {
  color: var(--blok-surface-muted);
}
.careers13_icon.is-dark {
  color: var(--blok-surface-muted);
}
.careers13_who.is-dark {
  color: var(--blok-surface-muted);
}
.careers13_length.is-dark {
  color: var(--blok-surface-muted);
}
.careers13_step-text.is-dark {
  color: var(--blok-surface);
}
.section_careers13.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.careers13_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.careers13_heading.is-accent {
  color: var(--blok-ink);
}
.careers13_description.is-accent {
  color: var(--blok-ink-soft);
}
.careers13_list.is-accent {
  border-bottom-color: var(--blok-line);
}
.careers13_step.is-accent {
  border-top-color: var(--blok-line);
}
.careers13_index.is-accent {
  color: var(--blok-ink-soft);
}
.careers13_icon.is-accent {
  color: var(--blok-ink-soft);
}
.careers13_who.is-accent {
  color: var(--blok-ink-soft);
}
.careers13_length.is-accent {
  color: var(--blok-ink-soft);
}
.careers13_step-text.is-accent {
  color: var(--blok-ink);
}

@media (min-width: 768px) {
  .careers13_heading {
    font-size: 3rem;
  }
  .careers13_step-title {
    font-size: 2.25rem;
  }
}

@media (min-width: 992px) {
  .careers13_component {
    row-gap: 3.5rem;
  }
  .careers13_heading {
    font-size: 3.5rem;
  }
  .careers13_trigger {
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
  }
}

/* Generated by Blokset from components/careers-14.js. Edit the spec, not this file. */
.section_careers14 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.careers14_component {
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
}
.careers14_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: left;
}
.careers14_header-title {
  max-width: 40rem;
}
.careers14_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.careers14_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-ink);
}
.careers14_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.careers14_stage {
  display: grid;
  grid-template-columns: 1fr;
  align-items: start;
  grid-column-gap: 0rem;
  grid-row-gap: 2rem;
  width: 100%;
}
.careers14_times {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: var(--blok-line);
}
.careers14_tab {
  display: flex;
  align-items: baseline;
  column-gap: 1.25rem;
  padding-top: 1.15rem;
  padding-bottom: 1.15rem;
  border-top-width: 1px;
  border-top-style: solid;
  cursor: pointer;
  border-top-color: var(--blok-line);
}
.careers14_time {
  width: 4rem;
  flex-shrink: 0;
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.careers14_tab-title {
  font-family: var(--blok-font-display);
  font-size: 1.75rem;
  line-height: 1.1;
  font-weight: 600;
  letter-spacing: -0.03em;
}
.careers14_panel-body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 0.85rem;
  padding-top: 0.5rem;
}
.careers14_block-title {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  font-size: 2.5rem;
  line-height: 1;
  font-weight: 600;
  letter-spacing: -0.035em;
}
.careers14_block-text {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 32rem;
  font-size: 1.25rem;
  line-height: 1.5;
  color: var(--blok-ink-muted);
}
.section_careers14.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.careers14_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.careers14_heading.is-dark {
  color: var(--blok-surface);
}
.careers14_description.is-dark {
  color: var(--blok-surface-muted);
}
.careers14_times.is-dark {
  border-bottom-color: var(--blok-line-inverse);
}
.careers14_tab.is-dark {
  border-top-color: var(--blok-line-inverse);
}
.careers14_time.is-dark {
  color: var(--blok-surface-muted);
}
.careers14_block-text.is-dark {
  color: var(--blok-surface-muted);
}
.section_careers14.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.careers14_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.careers14_heading.is-accent {
  color: var(--blok-ink);
}
.careers14_description.is-accent {
  color: var(--blok-ink-soft);
}
.careers14_times.is-accent {
  border-bottom-color: var(--blok-line);
}
.careers14_tab.is-accent {
  border-top-color: var(--blok-line);
}
.careers14_time.is-accent {
  color: var(--blok-ink-soft);
}
.careers14_block-text.is-accent {
  color: var(--blok-ink-soft);
}

@media (min-width: 768px) {
  .careers14_heading {
    font-size: 3rem;
  }
  .careers14_tab-title {
    font-size: 2.25rem;
  }
  .careers14_block-title {
    font-size: 3.5rem;
  }
}

@media (min-width: 992px) {
  .careers14_component {
    row-gap: 3.5rem;
  }
  .careers14_heading {
    font-size: 3.5rem;
  }
  .careers14_stage {
    grid-template-columns: 0.8fr 1.2fr;
    grid-column-gap: 3rem;
    grid-row-gap: 0rem;
  }
  .careers14_tab {
    padding-top: 1.4rem;
    padding-bottom: 1.4rem;
  }
}

/* Generated by Blokset from components/careers-15.js. Edit the spec, not this file. */
.section_careers15 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.careers15_component {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 2.5rem;
}
.careers15_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: left;
}
.careers15_header-title {
  max-width: 40rem;
}
.careers15_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.careers15_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-ink);
}
.careers15_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.careers15_facts {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 1.35rem;
}
.careers15_lead-fact {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 0.35rem;
  max-width: 28rem;
}
.careers15_lead-label {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.careers15_lead {
  font-size: 1.0625rem;
  line-height: 1.5;
  color: var(--blok-ink);
}
.careers15_ships-fact {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 0.35rem;
  max-width: 28rem;
}
.careers15_ships-label {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.careers15_ships {
  font-size: 1.0625rem;
  line-height: 1.5;
  color: var(--blok-ink);
}
.careers15_alongside-fact {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 0.35rem;
  max-width: 28rem;
}
.careers15_alongside-label {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.careers15_alongside {
  font-size: 1.0625rem;
  line-height: 1.5;
  color: var(--blok-ink-muted);
}
.careers15_roles-label {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.careers15_list {
  width: 100%;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: var(--blok-line);
}
.careers15_role {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: flex-start;
  column-gap: 1.5rem;
  row-gap: 0.35rem;
  padding-top: 1.15rem;
  padding-bottom: 1.15rem;
  border-top-width: 1px;
  border-top-style: solid;
  text-decoration: none;
  color: var(--blok-ink);
  border-top-color: var(--blok-line);
}
.careers15_title {
  flex-grow: 1;
  flex-basis: 100%;
  min-width: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  font-size: 1.5rem;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: -0.02em;
}
.careers15_type {
  width: 8rem;
  flex-shrink: 0;
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.careers15_place {
  width: 12rem;
  flex-shrink: 0;
  font-size: 0.9375rem;
  line-height: 1.4;
  color: var(--blok-ink-muted);
}
.section_careers15.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.careers15_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.careers15_heading.is-dark {
  color: var(--blok-surface);
}
.careers15_description.is-dark {
  color: var(--blok-surface-muted);
}
.careers15_lead.is-dark {
  color: var(--blok-surface);
}
.careers15_ships.is-dark {
  color: var(--blok-surface);
}
.careers15_alongside.is-dark {
  color: var(--blok-surface-muted);
}
.careers15_lead-label.is-dark {
  color: var(--blok-surface-muted);
}
.careers15_ships-label.is-dark {
  color: var(--blok-surface-muted);
}
.careers15_alongside-label.is-dark {
  color: var(--blok-surface-muted);
}
.careers15_roles-label.is-dark {
  color: var(--blok-surface-muted);
}
.careers15_list.is-dark {
  border-bottom-color: var(--blok-line-inverse);
}
.careers15_role.is-dark {
  color: var(--blok-surface);
  border-top-color: var(--blok-line-inverse);
}
.careers15_type.is-dark {
  color: var(--blok-surface-muted);
}
.careers15_place.is-dark {
  color: var(--blok-surface-muted);
}
.section_careers15.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.careers15_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.careers15_heading.is-accent {
  color: var(--blok-ink);
}
.careers15_description.is-accent {
  color: var(--blok-ink-soft);
}
.careers15_lead.is-accent {
  color: var(--blok-ink);
}
.careers15_ships.is-accent {
  color: var(--blok-ink);
}
.careers15_alongside.is-accent {
  color: var(--blok-ink-soft);
}
.careers15_lead-label.is-accent {
  color: var(--blok-ink-soft);
}
.careers15_ships-label.is-accent {
  color: var(--blok-ink-soft);
}
.careers15_alongside-label.is-accent {
  color: var(--blok-ink-soft);
}
.careers15_roles-label.is-accent {
  color: var(--blok-ink-soft);
}
.careers15_list.is-accent {
  border-bottom-color: var(--blok-line);
}
.careers15_role.is-accent {
  color: var(--blok-ink);
  border-top-color: var(--blok-line);
}
.careers15_type.is-accent {
  color: var(--blok-ink-soft);
}
.careers15_place.is-accent {
  color: var(--blok-ink-soft);
}

@media (min-width: 768px) {
  .careers15_heading {
    font-size: 3rem;
  }
  .careers15_facts {
    row-gap: 1.5rem;
  }
  .careers15_role {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: baseline;
  }
  .careers15_title {
    flex-basis: 0%;
    font-size: 1.75rem;
  }
}

@media (min-width: 992px) {
  .careers15_component {
    row-gap: 3rem;
  }
  .careers15_heading {
    font-size: 3.5rem;
  }
}

/* Generated by Blokset from components/careers-16.js. Edit the spec, not this file. */
.section_careers16 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.careers16_component {
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
}
.careers16_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: left;
}
.careers16_header-title {
  max-width: 40rem;
}
.careers16_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.careers16_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-ink);
}
.careers16_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.careers16_cards {
  display: grid;
  grid-template-columns: 1fr;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  width: 100%;
  perspective: 1200px;
}
.careers16_card {
  position: relative;
  height: 14rem;
  cursor: pointer;
  transform-style: preserve-3d;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.careers16_front {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  backface-visibility: hidden;
  display: flex;
  align-items: flex-end;
  padding-top: 1.5rem;
  padding-right: 1.5rem;
  padding-bottom: 1.5rem;
  padding-left: 1.5rem;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.careers16_item-label {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  font-size: 2.5rem;
  line-height: 1;
  font-weight: 600;
  letter-spacing: -0.035em;
}
.careers16_back {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  transform: rotateY(180deg);
  backface-visibility: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-top: 1.5rem;
  padding-right: 1.5rem;
  padding-bottom: 1.5rem;
  padding-left: 1.5rem;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  background-color: var(--blok-surface-2);
  color: var(--blok-ink);
}
.careers16_item-text {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.125rem;
  line-height: 1.5;
  color: var(--blok-ink);
}
.section_careers16.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.careers16_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.careers16_heading.is-dark {
  color: var(--blok-surface);
}
.careers16_description.is-dark {
  color: var(--blok-surface-muted);
}
.careers16_front.is-dark {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.careers16_back.is-dark {
  background-color: var(--blok-ink-2);
  color: var(--blok-surface);
}
.careers16_item-text.is-dark {
  color: var(--blok-surface);
}
.section_careers16.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.careers16_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.careers16_heading.is-accent {
  color: var(--blok-ink);
}
.careers16_description.is-accent {
  color: var(--blok-ink-soft);
}
.careers16_front.is-accent {
  background-color: var(--blok-ink);
  color: var(--blok-accent);
}
.careers16_back.is-accent {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.careers16_item-text.is-accent {
  color: var(--blok-ink);
}

@media (min-width: 768px) {
  .careers16_heading {
    font-size: 3rem;
  }
  .careers16_cards {
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 992px) {
  .careers16_component {
    row-gap: 3.5rem;
  }
  .careers16_heading {
    font-size: 3.5rem;
  }
  .careers16_cards {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

/* Generated by Blokset from components/cases-01.js. Edit the spec, not this file. */
.section_cases01 {
  font-family: var(--blok-font-saas);
  color: #0F1115;
  background-color: #F4F5F1;
  padding-top: clamp(56px, 8vw, 104px);
  padding-right: clamp(20px, 4vw, 48px);
  padding-bottom: clamp(56px, 8vw, 104px);
  padding-left: clamp(20px, 4vw, 48px);
}
.cases01_div-40 {
  max-width: 1200px;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  row-gap: 36px;
  column-gap: 36px;
}
.cases01_div-6 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  row-gap: 16px;
  column-gap: 16px;
}
.cases01_heading {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: clamp(30px, 3.6vw, 44px);
  line-height: 1.05;
  letter-spacing: -0.035em;
  font-weight: 600;
}
.cases01_div-5 {
  display: flex;
  flex-wrap: wrap;
  row-gap: 8px;
  column-gap: 8px;
}
.cases01_div-2 {
  height: 52px;
  padding-top: 0;
  padding-right: 22px;
  padding-bottom: 0;
  padding-left: 22px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  cursor: pointer;
  font-size: clamp(18px, 2vw, 24px);
  font-weight: 600;
  letter-spacing: -0.02em;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #0F1115;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #0F1115;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #0F1115;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #0F1115;
  background-color: #0F1115;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cases01_div-3 {
  height: 52px;
  padding-top: 0;
  padding-right: 22px;
  padding-bottom: 0;
  padding-left: 22px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  cursor: pointer;
  font-size: clamp(18px, 2vw, 24px);
  font-weight: 600;
  letter-spacing: -0.02em;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #CFD3CA;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #CFD3CA;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #CFD3CA;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #CFD3CA;
  background-color: transparent;
  color: #4E545D;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cases01_div-4 {
  height: 52px;
  padding-top: 0;
  padding-right: 22px;
  padding-bottom: 0;
  padding-left: 22px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  cursor: pointer;
  font-size: clamp(18px, 2vw, 24px);
  font-weight: 600;
  letter-spacing: -0.02em;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #CFD3CA;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #CFD3CA;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #CFD3CA;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #CFD3CA;
  background-color: transparent;
  color: #4E545D;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cases01_div-39 {
  display: flex;
  flex-wrap: wrap;
  row-gap: 28px;
  column-gap: 28px;
  align-items: stretch;
}
.cases01_div-20 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 380px;
  display: flex;
  flex-direction: column;
  row-gap: 22px;
  column-gap: 22px;
  padding-top: clamp(24px, 3vw, 40px);
  padding-right: clamp(24px, 3vw, 40px);
  padding-bottom: clamp(24px, 3vw, 40px);
  padding-left: clamp(24px, 3vw, 40px);
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}
.cases01_h3-7 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: clamp(26px, 2.8vw, 36px);
  line-height: 1.1;
  letter-spacing: -0.03em;
  font-weight: 600;
}
.cases01_subheading {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 17px;
  line-height: 1.6;
  color: #4E545D;
}
.cases01_div-18 {
  list-style: none;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
  flex-direction: column;
  row-gap: 12px;
  column-gap: 12px;
}
.cases01_div-11 {
  display: flex;
  row-gap: 12px;
  column-gap: 12px;
  align-items: flex-start;
  font-size: 16px;
  line-height: 1.5;
}
.cases01_div-9 {
  flex-shrink: 0;
  margin-top: 2px;
  width: 20px;
  height: 20px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #E8ECFE;
  color: #2D4BF0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 700;
}
.cases01_div-14 {
  display: flex;
  row-gap: 12px;
  column-gap: 12px;
  align-items: flex-start;
  font-size: 16px;
  line-height: 1.5;
}
.cases01_div-12 {
  flex-shrink: 0;
  margin-top: 2px;
  width: 20px;
  height: 20px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #E8ECFE;
  color: #2D4BF0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 700;
}
.cases01_div-17 {
  display: flex;
  row-gap: 12px;
  column-gap: 12px;
  align-items: flex-start;
  font-size: 16px;
  line-height: 1.5;
}
.cases01_div-15 {
  flex-shrink: 0;
  margin-top: 2px;
  width: 20px;
  height: 20px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #E8ECFE;
  color: #2D4BF0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 700;
}
.cases01_a-19 {
  margin-top: auto;
  font-weight: 500;
  text-decoration: none;
  color: #2D4BF0;
}
.cases01_div-38 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 420px;
  min-width: 0;
  min-height: 380px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  background-color: #0F1115;
  padding-top: clamp(20px, 3vw, 36px);
  padding-right: clamp(20px, 3vw, 36px);
  padding-bottom: clamp(20px, 3vw, 36px);
  padding-left: clamp(20px, 3vw, 36px);
  display: flex;
  align-items: center;
  justify-content: center;
}
.cases01_div-37 {
  width: 100%;
  max-width: 460px;
  background-color: #FFFFFF;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  overflow: hidden;
}
.cases01_div-23 {
  padding-top: 14px;
  padding-right: 18px;
  padding-bottom: 14px;
  padding-left: 18px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ECEEE8;
}
.cases01_div-21 {
  font-weight: 600;
  font-size: 15px;
}
.cases01_div-22 {
  font-family: var(--blok-font-saas-mono);
  font-size: 11px;
  color: #5B616B;
}
.cases01_div-36 {
  padding-top: 14px;
  padding-right: 14px;
  padding-bottom: 14px;
  padding-left: 14px;
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  column-gap: 8px;
}
.cases01_div-26 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
  padding-top: 12px;
  padding-right: 14px;
  padding-bottom: 12px;
  padding-left: 14px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: #F6F7F3;
  font-size: 14px;
}
.cases01_div-24 {
  font-weight: 500;
}
.cases01_div-25 {
  color: #4E545D;
}
.cases01_div-29 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
  padding-top: 12px;
  padding-right: 14px;
  padding-bottom: 12px;
  padding-left: 14px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: #F6F7F3;
  font-size: 14px;
}
.cases01_div-27 {
  font-weight: 500;
}
.cases01_div-28 {
  color: #4E545D;
}
.cases01_div-32 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
  padding-top: 12px;
  padding-right: 14px;
  padding-bottom: 12px;
  padding-left: 14px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: #F6F7F3;
  font-size: 14px;
}
.cases01_div-30 {
  font-weight: 500;
}
.cases01_div-31 {
  color: #4E545D;
}
.cases01_div-35 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
  padding-top: 12px;
  padding-right: 14px;
  padding-bottom: 12px;
  padding-left: 14px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: #F6F7F3;
  font-size: 14px;
}
.cases01_div-33 {
  font-weight: 500;
}
.cases01_div-34 {
  color: #4E545D;
}
.section_cases01.is-dark {
  background-color: var(--blok-saas-ink);
  color: var(--blok-saas-canvas);
}
.section_cases01.is-accent {
  background-color: var(--blok-saas-blue);
  color: var(--blok-saas-white);
}

/* Generated by Blokset from components/cases-02.js. Edit the spec, not this file. */
.section_cases02 {
  font-family: var(--blok-font-saas);
  color: #0F1115;
  background-color: #FFFFFF;
  padding-top: clamp(56px, 8vw, 104px);
  padding-right: clamp(20px, 4vw, 48px);
  padding-bottom: clamp(56px, 8vw, 104px);
  padding-left: clamp(20px, 4vw, 48px);
}
.cases02_div-32 {
  max-width: 1100px;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  row-gap: 36px;
  column-gap: 36px;
}
.cases02_div-1 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5B616B;
}
.cases02_p-15 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: clamp(32px, 4.2vw, 54px);
  line-height: 1.2;
  letter-spacing: -0.035em;
  font-weight: 600;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 0.35rem;
}
.cases02_div-6 {
  display: inline-block;
}
.cases02_div-2 {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}
.cases02_select-3 {
  font-weight: 600;
  color: #2D4BF0;
  background-color: #E8ECFE;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  padding-top: 0;
  padding-right: 14px;
  padding-bottom: 0;
  padding-left: 14px;
  height: 1.3em;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cases02_div-11 {
  display: inline-block;
}
.cases02_div-7 {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}
.cases02_select-8 {
  font-weight: 600;
  color: #2D4BF0;
  background-color: #E8ECFE;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  padding-top: 0;
  padding-right: 14px;
  padding-bottom: 0;
  padding-left: 14px;
  height: 1.3em;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cases02_div-28 {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 14px;
  column-gap: 14px;
}
.cases02_div-19 {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  column-gap: 10px;
  padding-top: 22px;
  padding-right: 22px;
  padding-bottom: 22px;
  padding-left: 22px;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
  border-bottom-left-radius: 18px;
  background-color: #F4F5F1;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
}
.cases02_div-16 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  color: #5B616B;
}
.cases02_div-17 {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.02em;
}
.cases02_div-18 {
  font-size: 15px;
  line-height: 1.55;
  color: #4E545D;
}
.cases02_div-23 {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  column-gap: 10px;
  padding-top: 22px;
  padding-right: 22px;
  padding-bottom: 22px;
  padding-left: 22px;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
  border-bottom-left-radius: 18px;
  background-color: #F4F5F1;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
}
.cases02_div-20 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  color: #5B616B;
}
.cases02_div-21 {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.02em;
}
.cases02_div-22 {
  font-size: 15px;
  line-height: 1.55;
  color: #4E545D;
}
.cases02_div-27 {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  column-gap: 10px;
  padding-top: 22px;
  padding-right: 22px;
  padding-bottom: 22px;
  padding-left: 22px;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
  border-bottom-left-radius: 18px;
  background-color: #F4F5F1;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
}
.cases02_div-24 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  color: #5B616B;
}
.cases02_div-25 {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.02em;
}
.cases02_div-26 {
  font-size: 15px;
  line-height: 1.55;
  color: #4E545D;
}
.cases02_div-31 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  row-gap: 16px;
  column-gap: 16px;
}
.cases02_a-29 {
  display: flex;
  align-items: center;
  height: 48px;
  padding-top: 0;
  padding-right: 22px;
  padding-bottom: 0;
  padding-left: 22px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: #0F1115;
  color: #FFFFFF;
  font-weight: 500;
  text-decoration: none;
}
.cases02_div-30 {
  font-size: 15px;
  color: #5B616B;
}
.section_cases02.is-dark {
  background-color: var(--blok-saas-ink);
  color: var(--blok-saas-canvas);
}
.section_cases02.is-accent {
  background-color: var(--blok-saas-blue);
  color: var(--blok-saas-white);
}

@media (min-width: 768px) {
  .cases02_div-28 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 992px) {
  .cases02_div-28 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* Generated by Blokset from components/cases-03.js. Edit the spec, not this file. */
.section_cases03 {
  font-family: var(--blok-font-saas);
  color: #0F1115;
  background-color: #F4F5F1;
  padding-top: clamp(56px, 8vw, 96px);
  padding-right: clamp(20px, 4vw, 48px);
  padding-bottom: clamp(56px, 8vw, 96px);
  padding-left: clamp(20px, 4vw, 48px);
}
.cases03_div-62 {
  max-width: 1200px;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  row-gap: 32px;
  column-gap: 32px;
}
.cases03_div-3 {
  display: flex;
  flex-direction: column;
  row-gap: 14px;
  column-gap: 14px;
  max-width: 640px;
}
.cases03_div-1 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5B616B;
}
.cases03_heading {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: clamp(34px, 4.4vw, 56px);
  line-height: 1.02;
  letter-spacing: -0.04em;
  font-weight: 600;
}
.cases03_div-19 {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 12px;
  column-gap: 12px;
}
.cases03_div-8 {
  display: flex;
  align-items: center;
  row-gap: 14px;
  column-gap: 14px;
  padding-top: 18px;
  padding-right: 18px;
  padding-bottom: 18px;
  padding-left: 18px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  cursor: pointer;
  text-align: left;
  border-top-width: 2px;
  border-top-style: solid;
  border-top-color: #2D4BF0;
  border-right-width: 2px;
  border-right-style: solid;
  border-right-color: #2D4BF0;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #2D4BF0;
  border-left-width: 2px;
  border-left-style: solid;
  border-left-color: #2D4BF0;
  background-color: #FFFFFF;
  color: #0F1115;
}
.cases03_div-4 {
  width: 48px;
  height: 48px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  background-color: #E8ECFE;
  color: #2D4BF0;
}
.cases03_div-7 {
  display: flex;
  flex-direction: column;
  row-gap: 2px;
  column-gap: 2px;
}
.cases03_div-5 {
  font-size: 18px;
  font-weight: 600;
}
.cases03_div-6 {
  font-size: 14px;
  color: #5B616B;
}
.cases03_div-13 {
  display: flex;
  align-items: center;
  row-gap: 14px;
  column-gap: 14px;
  padding-top: 18px;
  padding-right: 18px;
  padding-bottom: 18px;
  padding-left: 18px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  cursor: pointer;
  text-align: left;
  border-top-width: 2px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 2px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 2px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
  background-color: #FFFFFF;
  color: #0F1115;
}
.cases03_div-9 {
  width: 48px;
  height: 48px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  background-color: #FDEFE4;
  color: #9A4A12;
}
.cases03_div-12 {
  display: flex;
  flex-direction: column;
  row-gap: 2px;
  column-gap: 2px;
}
.cases03_div-10 {
  font-size: 18px;
  font-weight: 600;
}
.cases03_div-11 {
  font-size: 14px;
  color: #5B616B;
}
.cases03_div-18 {
  display: flex;
  align-items: center;
  row-gap: 14px;
  column-gap: 14px;
  padding-top: 18px;
  padding-right: 18px;
  padding-bottom: 18px;
  padding-left: 18px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  cursor: pointer;
  text-align: left;
  border-top-width: 2px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 2px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 2px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
  background-color: #FFFFFF;
  color: #0F1115;
}
.cases03_div-14 {
  width: 48px;
  height: 48px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  background-color: #E5F4EA;
  color: #1D6B3A;
}
.cases03_div-17 {
  display: flex;
  flex-direction: column;
  row-gap: 2px;
  column-gap: 2px;
}
.cases03_div-15 {
  font-size: 18px;
  font-weight: 600;
}
.cases03_div-16 {
  font-size: 14px;
  color: #5B616B;
}
.cases03_div-61 {
  padding-top: clamp(20px, 3vw, 32px);
  padding-right: clamp(20px, 3vw, 32px);
  padding-bottom: clamp(20px, 3vw, 32px);
  padding-left: clamp(20px, 3vw, 32px);
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
}
.cases03_stack-187 {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.cases03_div-60 {
  list-style: none;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  position: relative;
  display: flex;
  flex-direction: column;
}
.cases03_div-27 {
  display: grid;
  grid-template-columns: 76px 24px 1fr;
  row-gap: 14px;
  column-gap: 14px;
  align-items: start;
  padding-bottom: 18px;
}
.cases03_div-20 {
  font-family: var(--blok-font-saas-mono);
  font-size: 14px;
  color: #5B616B;
  padding-top: 2px;
}
.cases03_div-23 {
  position: relative;
  display: flex;
  justify-content: center;
  height: 100%;
}
.cases03_div-21 {
  width: 12px;
  height: 12px;
  margin-top: 5px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #2D4BF0;
  box-shadow: 0 0 0 4px #FFFFFF;
  z-index: 1;
}
.cases03_div-22 {
  position: absolute;
  top: 14px;
  bottom: -18px;
  width: 2px;
  background-color: #ECEEE8;
}
.cases03_div-26 {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  column-gap: 4px;
}
.cases03_div-24 {
  font-size: 17px;
  font-weight: 600;
}
.cases03_div-25 {
  font-size: 15px;
  line-height: 1.5;
  color: #4E545D;
}
.cases03_div-35 {
  display: grid;
  grid-template-columns: 76px 24px 1fr;
  row-gap: 14px;
  column-gap: 14px;
  align-items: start;
  padding-bottom: 18px;
}
.cases03_div-28 {
  font-family: var(--blok-font-saas-mono);
  font-size: 14px;
  color: #5B616B;
  padding-top: 2px;
}
.cases03_div-31 {
  position: relative;
  display: flex;
  justify-content: center;
  height: 100%;
}
.cases03_div-29 {
  width: 12px;
  height: 12px;
  margin-top: 5px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #2D4BF0;
  box-shadow: 0 0 0 4px #FFFFFF;
  z-index: 1;
}
.cases03_div-30 {
  position: absolute;
  top: 14px;
  bottom: -18px;
  width: 2px;
  background-color: #ECEEE8;
}
.cases03_div-34 {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  column-gap: 4px;
}
.cases03_div-32 {
  font-size: 17px;
  font-weight: 600;
}
.cases03_div-33 {
  font-size: 15px;
  line-height: 1.5;
  color: #4E545D;
}
.cases03_div-43 {
  display: grid;
  grid-template-columns: 76px 24px 1fr;
  row-gap: 14px;
  column-gap: 14px;
  align-items: start;
  padding-bottom: 18px;
}
.cases03_div-36 {
  font-family: var(--blok-font-saas-mono);
  font-size: 14px;
  color: #5B616B;
  padding-top: 2px;
}
.cases03_div-39 {
  position: relative;
  display: flex;
  justify-content: center;
  height: 100%;
}
.cases03_div-37 {
  width: 12px;
  height: 12px;
  margin-top: 5px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #2D4BF0;
  box-shadow: 0 0 0 4px #FFFFFF;
  z-index: 1;
}
.cases03_div-38 {
  position: absolute;
  top: 14px;
  bottom: -18px;
  width: 2px;
  background-color: #ECEEE8;
}
.cases03_div-42 {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  column-gap: 4px;
}
.cases03_div-40 {
  font-size: 17px;
  font-weight: 600;
}
.cases03_div-41 {
  font-size: 15px;
  line-height: 1.5;
  color: #4E545D;
}
.cases03_div-51 {
  display: grid;
  grid-template-columns: 76px 24px 1fr;
  row-gap: 14px;
  column-gap: 14px;
  align-items: start;
  padding-bottom: 18px;
}
.cases03_div-44 {
  font-family: var(--blok-font-saas-mono);
  font-size: 14px;
  color: #5B616B;
  padding-top: 2px;
}
.cases03_div-47 {
  position: relative;
  display: flex;
  justify-content: center;
  height: 100%;
}
.cases03_div-45 {
  width: 12px;
  height: 12px;
  margin-top: 5px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #2D4BF0;
  box-shadow: 0 0 0 4px #FFFFFF;
  z-index: 1;
}
.cases03_div-46 {
  position: absolute;
  top: 14px;
  bottom: -18px;
  width: 2px;
  background-color: #ECEEE8;
}
.cases03_div-50 {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  column-gap: 4px;
}
.cases03_div-48 {
  font-size: 17px;
  font-weight: 600;
}
.cases03_div-49 {
  font-size: 15px;
  line-height: 1.5;
  color: #4E545D;
}
.cases03_div-59 {
  display: grid;
  grid-template-columns: 76px 24px 1fr;
  row-gap: 14px;
  column-gap: 14px;
  align-items: start;
  padding-bottom: 18px;
}
.cases03_div-52 {
  font-family: var(--blok-font-saas-mono);
  font-size: 14px;
  color: #5B616B;
  padding-top: 2px;
}
.cases03_div-55 {
  position: relative;
  display: flex;
  justify-content: center;
  height: 100%;
}
.cases03_div-53 {
  width: 12px;
  height: 12px;
  margin-top: 5px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #2D4BF0;
  box-shadow: 0 0 0 4px #FFFFFF;
  z-index: 1;
}
.cases03_div-54 {
  position: absolute;
  top: 14px;
  bottom: -18px;
  width: 2px;
  background-color: #ECEEE8;
}
.cases03_div-58 {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  column-gap: 4px;
}
.cases03_div-56 {
  font-size: 17px;
  font-weight: 600;
}
.cases03_div-57 {
  font-size: 15px;
  line-height: 1.5;
  color: #4E545D;
}
.cases03_div-122 {
  list-style: none;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  position: relative;
  display: none;
  flex-direction: column;
}
.cases03_div-89 {
  display: grid;
  grid-template-columns: 76px 24px 1fr;
  row-gap: 14px;
  column-gap: 14px;
  align-items: start;
  padding-bottom: 18px;
}
.cases03_div-82 {
  font-family: var(--blok-font-saas-mono);
  font-size: 14px;
  color: #5B616B;
  padding-top: 2px;
}
.cases03_div-85 {
  position: relative;
  display: flex;
  justify-content: center;
  height: 100%;
}
.cases03_div-83 {
  width: 12px;
  height: 12px;
  margin-top: 5px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #9A4A12;
  box-shadow: 0 0 0 4px #FFFFFF;
  z-index: 1;
}
.cases03_div-84 {
  position: absolute;
  top: 14px;
  bottom: -18px;
  width: 2px;
  background-color: #ECEEE8;
}
.cases03_div-88 {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  column-gap: 4px;
}
.cases03_div-86 {
  font-size: 17px;
  font-weight: 600;
}
.cases03_div-87 {
  font-size: 15px;
  line-height: 1.5;
  color: #4E545D;
}
.cases03_div-97 {
  display: grid;
  grid-template-columns: 76px 24px 1fr;
  row-gap: 14px;
  column-gap: 14px;
  align-items: start;
  padding-bottom: 18px;
}
.cases03_div-90 {
  font-family: var(--blok-font-saas-mono);
  font-size: 14px;
  color: #5B616B;
  padding-top: 2px;
}
.cases03_div-93 {
  position: relative;
  display: flex;
  justify-content: center;
  height: 100%;
}
.cases03_div-91 {
  width: 12px;
  height: 12px;
  margin-top: 5px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #9A4A12;
  box-shadow: 0 0 0 4px #FFFFFF;
  z-index: 1;
}
.cases03_div-92 {
  position: absolute;
  top: 14px;
  bottom: -18px;
  width: 2px;
  background-color: #ECEEE8;
}
.cases03_div-96 {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  column-gap: 4px;
}
.cases03_div-94 {
  font-size: 17px;
  font-weight: 600;
}
.cases03_div-95 {
  font-size: 15px;
  line-height: 1.5;
  color: #4E545D;
}
.cases03_div-105 {
  display: grid;
  grid-template-columns: 76px 24px 1fr;
  row-gap: 14px;
  column-gap: 14px;
  align-items: start;
  padding-bottom: 18px;
}
.cases03_div-98 {
  font-family: var(--blok-font-saas-mono);
  font-size: 14px;
  color: #5B616B;
  padding-top: 2px;
}
.cases03_div-101 {
  position: relative;
  display: flex;
  justify-content: center;
  height: 100%;
}
.cases03_div-99 {
  width: 12px;
  height: 12px;
  margin-top: 5px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #9A4A12;
  box-shadow: 0 0 0 4px #FFFFFF;
  z-index: 1;
}
.cases03_div-100 {
  position: absolute;
  top: 14px;
  bottom: -18px;
  width: 2px;
  background-color: #ECEEE8;
}
.cases03_div-104 {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  column-gap: 4px;
}
.cases03_div-102 {
  font-size: 17px;
  font-weight: 600;
}
.cases03_div-103 {
  font-size: 15px;
  line-height: 1.5;
  color: #4E545D;
}
.cases03_div-113 {
  display: grid;
  grid-template-columns: 76px 24px 1fr;
  row-gap: 14px;
  column-gap: 14px;
  align-items: start;
  padding-bottom: 18px;
}
.cases03_div-106 {
  font-family: var(--blok-font-saas-mono);
  font-size: 14px;
  color: #5B616B;
  padding-top: 2px;
}
.cases03_div-109 {
  position: relative;
  display: flex;
  justify-content: center;
  height: 100%;
}
.cases03_div-107 {
  width: 12px;
  height: 12px;
  margin-top: 5px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #9A4A12;
  box-shadow: 0 0 0 4px #FFFFFF;
  z-index: 1;
}
.cases03_div-108 {
  position: absolute;
  top: 14px;
  bottom: -18px;
  width: 2px;
  background-color: #ECEEE8;
}
.cases03_div-112 {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  column-gap: 4px;
}
.cases03_div-110 {
  font-size: 17px;
  font-weight: 600;
}
.cases03_div-111 {
  font-size: 15px;
  line-height: 1.5;
  color: #4E545D;
}
.cases03_div-121 {
  display: grid;
  grid-template-columns: 76px 24px 1fr;
  row-gap: 14px;
  column-gap: 14px;
  align-items: start;
  padding-bottom: 18px;
}
.cases03_div-114 {
  font-family: var(--blok-font-saas-mono);
  font-size: 14px;
  color: #5B616B;
  padding-top: 2px;
}
.cases03_div-117 {
  position: relative;
  display: flex;
  justify-content: center;
  height: 100%;
}
.cases03_div-115 {
  width: 12px;
  height: 12px;
  margin-top: 5px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #9A4A12;
  box-shadow: 0 0 0 4px #FFFFFF;
  z-index: 1;
}
.cases03_div-116 {
  position: absolute;
  top: 14px;
  bottom: -18px;
  width: 2px;
  background-color: #ECEEE8;
}
.cases03_div-120 {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  column-gap: 4px;
}
.cases03_div-118 {
  font-size: 17px;
  font-weight: 600;
}
.cases03_div-119 {
  font-size: 15px;
  line-height: 1.5;
  color: #4E545D;
}
.cases03_div-184 {
  list-style: none;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  position: relative;
  display: none;
  flex-direction: column;
}
.cases03_div-151 {
  display: grid;
  grid-template-columns: 76px 24px 1fr;
  row-gap: 14px;
  column-gap: 14px;
  align-items: start;
  padding-bottom: 18px;
}
.cases03_div-144 {
  font-family: var(--blok-font-saas-mono);
  font-size: 14px;
  color: #5B616B;
  padding-top: 2px;
}
.cases03_div-147 {
  position: relative;
  display: flex;
  justify-content: center;
  height: 100%;
}
.cases03_div-145 {
  width: 12px;
  height: 12px;
  margin-top: 5px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #1D6B3A;
  box-shadow: 0 0 0 4px #FFFFFF;
  z-index: 1;
}
.cases03_div-146 {
  position: absolute;
  top: 14px;
  bottom: -18px;
  width: 2px;
  background-color: #ECEEE8;
}
.cases03_div-150 {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  column-gap: 4px;
}
.cases03_div-148 {
  font-size: 17px;
  font-weight: 600;
}
.cases03_div-149 {
  font-size: 15px;
  line-height: 1.5;
  color: #4E545D;
}
.cases03_div-159 {
  display: grid;
  grid-template-columns: 76px 24px 1fr;
  row-gap: 14px;
  column-gap: 14px;
  align-items: start;
  padding-bottom: 18px;
}
.cases03_div-152 {
  font-family: var(--blok-font-saas-mono);
  font-size: 14px;
  color: #5B616B;
  padding-top: 2px;
}
.cases03_div-155 {
  position: relative;
  display: flex;
  justify-content: center;
  height: 100%;
}
.cases03_div-153 {
  width: 12px;
  height: 12px;
  margin-top: 5px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #1D6B3A;
  box-shadow: 0 0 0 4px #FFFFFF;
  z-index: 1;
}
.cases03_div-154 {
  position: absolute;
  top: 14px;
  bottom: -18px;
  width: 2px;
  background-color: #ECEEE8;
}
.cases03_div-158 {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  column-gap: 4px;
}
.cases03_div-156 {
  font-size: 17px;
  font-weight: 600;
}
.cases03_div-157 {
  font-size: 15px;
  line-height: 1.5;
  color: #4E545D;
}
.cases03_div-167 {
  display: grid;
  grid-template-columns: 76px 24px 1fr;
  row-gap: 14px;
  column-gap: 14px;
  align-items: start;
  padding-bottom: 18px;
}
.cases03_div-160 {
  font-family: var(--blok-font-saas-mono);
  font-size: 14px;
  color: #5B616B;
  padding-top: 2px;
}
.cases03_div-163 {
  position: relative;
  display: flex;
  justify-content: center;
  height: 100%;
}
.cases03_div-161 {
  width: 12px;
  height: 12px;
  margin-top: 5px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #1D6B3A;
  box-shadow: 0 0 0 4px #FFFFFF;
  z-index: 1;
}
.cases03_div-162 {
  position: absolute;
  top: 14px;
  bottom: -18px;
  width: 2px;
  background-color: #ECEEE8;
}
.cases03_div-166 {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  column-gap: 4px;
}
.cases03_div-164 {
  font-size: 17px;
  font-weight: 600;
}
.cases03_div-165 {
  font-size: 15px;
  line-height: 1.5;
  color: #4E545D;
}
.cases03_div-175 {
  display: grid;
  grid-template-columns: 76px 24px 1fr;
  row-gap: 14px;
  column-gap: 14px;
  align-items: start;
  padding-bottom: 18px;
}
.cases03_div-168 {
  font-family: var(--blok-font-saas-mono);
  font-size: 14px;
  color: #5B616B;
  padding-top: 2px;
}
.cases03_div-171 {
  position: relative;
  display: flex;
  justify-content: center;
  height: 100%;
}
.cases03_div-169 {
  width: 12px;
  height: 12px;
  margin-top: 5px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #1D6B3A;
  box-shadow: 0 0 0 4px #FFFFFF;
  z-index: 1;
}
.cases03_div-170 {
  position: absolute;
  top: 14px;
  bottom: -18px;
  width: 2px;
  background-color: #ECEEE8;
}
.cases03_div-174 {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  column-gap: 4px;
}
.cases03_div-172 {
  font-size: 17px;
  font-weight: 600;
}
.cases03_div-173 {
  font-size: 15px;
  line-height: 1.5;
  color: #4E545D;
}
.cases03_div-183 {
  display: grid;
  grid-template-columns: 76px 24px 1fr;
  row-gap: 14px;
  column-gap: 14px;
  align-items: start;
  padding-bottom: 18px;
}
.cases03_div-176 {
  font-family: var(--blok-font-saas-mono);
  font-size: 14px;
  color: #5B616B;
  padding-top: 2px;
}
.cases03_div-179 {
  position: relative;
  display: flex;
  justify-content: center;
  height: 100%;
}
.cases03_div-177 {
  width: 12px;
  height: 12px;
  margin-top: 5px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #1D6B3A;
  box-shadow: 0 0 0 4px #FFFFFF;
  z-index: 1;
}
.cases03_div-178 {
  position: absolute;
  top: 14px;
  bottom: -18px;
  width: 2px;
  background-color: #ECEEE8;
}
.cases03_div-182 {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  column-gap: 4px;
}
.cases03_div-180 {
  font-size: 17px;
  font-weight: 600;
}
.cases03_div-181 {
  font-size: 15px;
  line-height: 1.5;
  color: #4E545D;
}
.section_cases03.is-dark {
  background-color: var(--blok-saas-ink);
  color: var(--blok-saas-canvas);
}
.section_cases03.is-accent {
  background-color: var(--blok-saas-blue);
  color: var(--blok-saas-white);
}

@media (min-width: 768px) {
  .cases03_div-19 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 992px) {
  .cases03_div-19 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* Generated by Blokset from components/changelog-01.js. Edit the spec, not this file. */
.section_changelog01 {
  font-family: var(--blok-font-saas);
  color: #0F1115;
  background-color: #F4F5F1;
  padding-top: clamp(56px, 8vw, 104px);
  padding-right: clamp(20px, 4vw, 48px);
  padding-bottom: clamp(56px, 8vw, 104px);
  padding-left: clamp(20px, 4vw, 48px);
}
.changelog01_div-60 {
  max-width: 900px;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  row-gap: 28px;
  column-gap: 28px;
}
.changelog01_div-5 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  row-gap: 16px;
  column-gap: 16px;
}
.changelog01_div-3 {
  display: flex;
  flex-direction: column;
  row-gap: 14px;
  column-gap: 14px;
}
.changelog01_div-1 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5B616B;
}
.changelog01_heading {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: clamp(34px, 4.4vw, 52px);
  line-height: 1.02;
  letter-spacing: -0.04em;
  font-weight: 600;
}
.changelog01_a-4 {
  font-weight: 500;
  text-decoration: none;
  color: #2D4BF0;
}
.changelog01_div-18 {
  display: flex;
  flex-wrap: wrap;
  row-gap: 8px;
  column-gap: 8px;
}
.changelog01_div-8 {
  display: flex;
  align-items: center;
  row-gap: 8px;
  column-gap: 8px;
  height: 44px;
  padding-top: 0;
  padding-right: 16px;
  padding-bottom: 0;
  padding-left: 16px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  cursor: pointer;
  font-size: 15px;
  font-weight: 500;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #0F1115;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #0F1115;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #0F1115;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #0F1115;
  background-color: #0F1115;
  color: #FFFFFF;
}
.changelog01_div-6 {
  width: 8px;
  height: 8px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #0F1115;
}
.changelog01_div-11 {
  display: flex;
  align-items: center;
  row-gap: 8px;
  column-gap: 8px;
  height: 44px;
  padding-top: 0;
  padding-right: 16px;
  padding-bottom: 0;
  padding-left: 16px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  cursor: pointer;
  font-size: 15px;
  font-weight: 500;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  background-color: #FFFFFF;
  color: #0F1115;
}
.changelog01_div-9 {
  width: 8px;
  height: 8px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #2D4BF0;
}
.changelog01_div-14 {
  display: flex;
  align-items: center;
  row-gap: 8px;
  column-gap: 8px;
  height: 44px;
  padding-top: 0;
  padding-right: 16px;
  padding-bottom: 0;
  padding-left: 16px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  cursor: pointer;
  font-size: 15px;
  font-weight: 500;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  background-color: #FFFFFF;
  color: #0F1115;
}
.changelog01_div-12 {
  width: 8px;
  height: 8px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #1D6B3A;
}
.changelog01_div-17 {
  display: flex;
  align-items: center;
  row-gap: 8px;
  column-gap: 8px;
  height: 44px;
  padding-top: 0;
  padding-right: 16px;
  padding-bottom: 0;
  padding-left: 16px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  cursor: pointer;
  font-size: 15px;
  font-weight: 500;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  background-color: #FFFFFF;
  color: #0F1115;
}
.changelog01_div-15 {
  width: 8px;
  height: 8px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #9A4A12;
}
.changelog01_div-59 {
  display: flex;
  flex-direction: column;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
}
.changelog01_div-26 {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
}
.changelog01_div-23 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  row-gap: 12px;
  column-gap: 18px;
  width: 100%;
  min-height: 72px;
  padding-top: 14px;
  padding-right: 0;
  padding-bottom: 14px;
  padding-left: 0;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: transparent;
  cursor: pointer;
  text-align: left;
  color: #0F1115;
}
.changelog01_div-19 {
  font-family: var(--blok-font-saas-mono);
  font-size: 13px;
  color: #5B616B;
  min-width: 92px;
}
.changelog01_div-20 {
  padding-top: 4px;
  padding-right: 10px;
  padding-bottom: 4px;
  padding-left: 10px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  font-size: 12px;
  font-weight: 500;
  background-color: #E8ECFE;
  color: #2D4BF0;
}
.changelog01_div-21 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 260px;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.015em;
}
.changelog01_div-22 {
  font-size: 18px;
  color: #5B616B;
}
.changelog01_subheading {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 22px;
  padding-left: 110px;
  max-width: 640px;
  font-size: 16px;
  line-height: 1.6;
  color: #4E545D;
}
.changelog01_div-34 {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
}
.changelog01_div-31 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  row-gap: 12px;
  column-gap: 18px;
  width: 100%;
  min-height: 72px;
  padding-top: 14px;
  padding-right: 0;
  padding-bottom: 14px;
  padding-left: 0;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: transparent;
  cursor: pointer;
  text-align: left;
  color: #0F1115;
}
.changelog01_div-27 {
  font-family: var(--blok-font-saas-mono);
  font-size: 13px;
  color: #5B616B;
  min-width: 92px;
}
.changelog01_div-28 {
  padding-top: 4px;
  padding-right: 10px;
  padding-bottom: 4px;
  padding-left: 10px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  font-size: 12px;
  font-weight: 500;
  background-color: #E5F4EA;
  color: #1D6B3A;
}
.changelog01_div-29 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 260px;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.015em;
}
.changelog01_div-30 {
  font-size: 18px;
  color: #5B616B;
}
.changelog01_p-32 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 22px;
  padding-left: 110px;
  max-width: 640px;
  font-size: 16px;
  line-height: 1.6;
  color: #4E545D;
}
.changelog01_div-42 {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
}
.changelog01_div-39 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  row-gap: 12px;
  column-gap: 18px;
  width: 100%;
  min-height: 72px;
  padding-top: 14px;
  padding-right: 0;
  padding-bottom: 14px;
  padding-left: 0;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: transparent;
  cursor: pointer;
  text-align: left;
  color: #0F1115;
}
.changelog01_div-35 {
  font-family: var(--blok-font-saas-mono);
  font-size: 13px;
  color: #5B616B;
  min-width: 92px;
}
.changelog01_div-36 {
  padding-top: 4px;
  padding-right: 10px;
  padding-bottom: 4px;
  padding-left: 10px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  font-size: 12px;
  font-weight: 500;
  background-color: #FDEFE4;
  color: #9A4A12;
}
.changelog01_div-37 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 260px;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.015em;
}
.changelog01_div-38 {
  font-size: 18px;
  color: #5B616B;
}
.changelog01_p-40 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 22px;
  padding-left: 110px;
  max-width: 640px;
  font-size: 16px;
  line-height: 1.6;
  color: #4E545D;
}
.changelog01_div-50 {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
}
.changelog01_div-47 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  row-gap: 12px;
  column-gap: 18px;
  width: 100%;
  min-height: 72px;
  padding-top: 14px;
  padding-right: 0;
  padding-bottom: 14px;
  padding-left: 0;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: transparent;
  cursor: pointer;
  text-align: left;
  color: #0F1115;
}
.changelog01_div-43 {
  font-family: var(--blok-font-saas-mono);
  font-size: 13px;
  color: #5B616B;
  min-width: 92px;
}
.changelog01_div-44 {
  padding-top: 4px;
  padding-right: 10px;
  padding-bottom: 4px;
  padding-left: 10px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  font-size: 12px;
  font-weight: 500;
  background-color: #E8ECFE;
  color: #2D4BF0;
}
.changelog01_div-45 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 260px;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.015em;
}
.changelog01_div-46 {
  font-size: 18px;
  color: #5B616B;
}
.changelog01_p-48 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 22px;
  padding-left: 110px;
  max-width: 640px;
  font-size: 16px;
  line-height: 1.6;
  color: #4E545D;
}
.changelog01_div-58 {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
}
.changelog01_div-55 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  row-gap: 12px;
  column-gap: 18px;
  width: 100%;
  min-height: 72px;
  padding-top: 14px;
  padding-right: 0;
  padding-bottom: 14px;
  padding-left: 0;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: transparent;
  cursor: pointer;
  text-align: left;
  color: #0F1115;
}
.changelog01_div-51 {
  font-family: var(--blok-font-saas-mono);
  font-size: 13px;
  color: #5B616B;
  min-width: 92px;
}
.changelog01_div-52 {
  padding-top: 4px;
  padding-right: 10px;
  padding-bottom: 4px;
  padding-left: 10px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  font-size: 12px;
  font-weight: 500;
  background-color: #E5F4EA;
  color: #1D6B3A;
}
.changelog01_div-53 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 260px;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.015em;
}
.changelog01_div-54 {
  font-size: 18px;
  color: #5B616B;
}
.changelog01_p-56 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 22px;
  padding-left: 110px;
  max-width: 640px;
  font-size: 16px;
  line-height: 1.6;
  color: #4E545D;
}
.section_changelog01.is-dark {
  background-color: var(--blok-saas-ink);
  color: var(--blok-saas-canvas);
}
.section_changelog01.is-accent {
  background-color: var(--blok-saas-blue);
  color: var(--blok-saas-white);
}

/* Generated by Blokset from components/changelog-02.js. Edit the spec, not this file. */
.section_changelog02 {
  font-family: var(--blok-font-saas);
  color: #0F1115;
  background-color: #FFFFFF;
  padding-top: clamp(56px, 8vw, 96px);
  padding-right: clamp(20px, 4vw, 48px);
  padding-bottom: clamp(56px, 8vw, 96px);
  padding-left: clamp(20px, 4vw, 48px);
}
.changelog02_div-34 {
  max-width: 1100px;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  display: flex;
  flex-wrap: wrap;
  row-gap: clamp(28px, 5vw, 64px);
  column-gap: clamp(28px, 5vw, 64px);
}
.changelog02_div-18 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 240px;
  display: flex;
  flex-direction: column;
  row-gap: 22px;
  column-gap: 22px;
}
.changelog02_div-3 {
  display: flex;
  flex-direction: column;
  row-gap: 12px;
  column-gap: 12px;
}
.changelog02_div-1 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5B616B;
}
.changelog02_heading {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: clamp(34px, 4vw, 48px);
  line-height: 1.02;
  letter-spacing: -0.04em;
  font-weight: 600;
}
.changelog02_div-16 {
  display: flex;
  flex-direction: column;
  row-gap: 2px;
  column-gap: 2px;
  border-left-width: 2px;
  border-left-style: solid;
  border-left-color: #ECEEE8;
}
.changelog02_div-6 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 44px;
  margin-left: -2px;
  padding-top: 0;
  padding-right: 14px;
  padding-bottom: 0;
  padding-left: 14px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 2px;
  border-left-style: solid;
  border-left-color: #2D4BF0;
  background-color: transparent;
  cursor: pointer;
  text-align: left;
  color: #0F1115;
  font-weight: 600;
}
.changelog02_div-4 {
  font-size: 16px;
}
.changelog02_div-5 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  color: #7A808A;
}
.changelog02_div-9 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 44px;
  margin-left: -2px;
  padding-top: 0;
  padding-right: 14px;
  padding-bottom: 0;
  padding-left: 14px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 2px;
  border-left-style: solid;
  border-left-color: transparent;
  background-color: transparent;
  cursor: pointer;
  text-align: left;
  color: #5B616B;
  font-weight: 400;
}
.changelog02_div-7 {
  font-size: 16px;
}
.changelog02_div-8 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  color: #7A808A;
}
.changelog02_div-12 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 44px;
  margin-left: -2px;
  padding-top: 0;
  padding-right: 14px;
  padding-bottom: 0;
  padding-left: 14px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 2px;
  border-left-style: solid;
  border-left-color: transparent;
  background-color: transparent;
  cursor: pointer;
  text-align: left;
  color: #5B616B;
  font-weight: 400;
}
.changelog02_div-10 {
  font-size: 16px;
}
.changelog02_div-11 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  color: #7A808A;
}
.changelog02_div-15 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 44px;
  margin-left: -2px;
  padding-top: 0;
  padding-right: 14px;
  padding-bottom: 0;
  padding-left: 14px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 2px;
  border-left-style: solid;
  border-left-color: transparent;
  background-color: transparent;
  cursor: pointer;
  text-align: left;
  color: #5B616B;
  font-weight: 400;
}
.changelog02_div-13 {
  font-size: 16px;
}
.changelog02_div-14 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  color: #7A808A;
}
.changelog02_a-17 {
  font-weight: 500;
  text-decoration: none;
  color: #2D4BF0;
}
.changelog02_stack-136 {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.changelog02_div-33 {
  flex-grow: 999;
  flex-shrink: 1;
  flex-basis: 520px;
  min-width: 0;
  display: flex;
  flex-direction: column;
  row-gap: 18px;
  column-gap: 18px;
}
.changelog02_div-19 {
  font-size: 28px;
  font-weight: 600;
  letter-spacing: -0.03em;
}
.changelog02_div-26 {
  display: flex;
  flex-direction: column;
  row-gap: 14px;
  column-gap: 14px;
  padding-top: 22px;
  padding-right: 22px;
  padding-bottom: 22px;
  padding-left: 22px;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
  border-bottom-left-radius: 18px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
}
.changelog02_div-22 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  row-gap: 10px;
  column-gap: 10px;
}
.changelog02_div-20 {
  font-family: var(--blok-font-saas-mono);
  font-size: 13px;
  color: #5B616B;
}
.changelog02_div-21 {
  padding-top: 4px;
  padding-right: 10px;
  padding-bottom: 4px;
  padding-left: 10px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  font-size: 12px;
  font-weight: 500;
  background-color: #E8ECFE;
  color: #2D4BF0;
}
.changelog02_h3-23 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 22px;
  letter-spacing: -0.02em;
  font-weight: 600;
}
.changelog02_subheading {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 16px;
  line-height: 1.6;
  color: #4E545D;
}
.changelog02_div-25 {
  height: 180px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  background-color: #E8ECFE;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  color: #5B616B;
}
.changelog02_div-32 {
  display: flex;
  flex-direction: column;
  row-gap: 14px;
  column-gap: 14px;
  padding-top: 22px;
  padding-right: 22px;
  padding-bottom: 22px;
  padding-left: 22px;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
  border-bottom-left-radius: 18px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
}
.changelog02_div-29 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  row-gap: 10px;
  column-gap: 10px;
}
.changelog02_div-27 {
  font-family: var(--blok-font-saas-mono);
  font-size: 13px;
  color: #5B616B;
}
.changelog02_div-28 {
  padding-top: 4px;
  padding-right: 10px;
  padding-bottom: 4px;
  padding-left: 10px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  font-size: 12px;
  font-weight: 500;
  background-color: #E5F4EA;
  color: #1D6B3A;
}
.changelog02_h3-30 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 22px;
  letter-spacing: -0.02em;
  font-weight: 600;
}
.changelog02_p-31 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 16px;
  line-height: 1.6;
  color: #4E545D;
}
.changelog02_div-73 {
  flex-grow: 999;
  flex-shrink: 1;
  flex-basis: 520px;
  min-width: 0;
  display: none;
  flex-direction: column;
  row-gap: 18px;
  column-gap: 18px;
}
.changelog02_div-53 {
  font-size: 28px;
  font-weight: 600;
  letter-spacing: -0.03em;
}
.changelog02_div-59 {
  display: flex;
  flex-direction: column;
  row-gap: 14px;
  column-gap: 14px;
  padding-top: 22px;
  padding-right: 22px;
  padding-bottom: 22px;
  padding-left: 22px;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
  border-bottom-left-radius: 18px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
}
.changelog02_div-56 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  row-gap: 10px;
  column-gap: 10px;
}
.changelog02_div-54 {
  font-family: var(--blok-font-saas-mono);
  font-size: 13px;
  color: #5B616B;
}
.changelog02_div-55 {
  padding-top: 4px;
  padding-right: 10px;
  padding-bottom: 4px;
  padding-left: 10px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  font-size: 12px;
  font-weight: 500;
  background-color: #FDEFE4;
  color: #9A4A12;
}
.changelog02_h3-57 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 22px;
  letter-spacing: -0.02em;
  font-weight: 600;
}
.changelog02_p-58 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 16px;
  line-height: 1.6;
  color: #4E545D;
}
.changelog02_div-66 {
  display: flex;
  flex-direction: column;
  row-gap: 14px;
  column-gap: 14px;
  padding-top: 22px;
  padding-right: 22px;
  padding-bottom: 22px;
  padding-left: 22px;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
  border-bottom-left-radius: 18px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
}
.changelog02_div-62 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  row-gap: 10px;
  column-gap: 10px;
}
.changelog02_div-60 {
  font-family: var(--blok-font-saas-mono);
  font-size: 13px;
  color: #5B616B;
}
.changelog02_div-61 {
  padding-top: 4px;
  padding-right: 10px;
  padding-bottom: 4px;
  padding-left: 10px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  font-size: 12px;
  font-weight: 500;
  background-color: #E8ECFE;
  color: #2D4BF0;
}
.changelog02_h3-63 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 22px;
  letter-spacing: -0.02em;
  font-weight: 600;
}
.changelog02_p-64 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 16px;
  line-height: 1.6;
  color: #4E545D;
}
.changelog02_div-65 {
  height: 180px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  background-color: #E8ECFE;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  color: #5B616B;
}
.changelog02_div-72 {
  display: flex;
  flex-direction: column;
  row-gap: 14px;
  column-gap: 14px;
  padding-top: 22px;
  padding-right: 22px;
  padding-bottom: 22px;
  padding-left: 22px;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
  border-bottom-left-radius: 18px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
}
.changelog02_div-69 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  row-gap: 10px;
  column-gap: 10px;
}
.changelog02_div-67 {
  font-family: var(--blok-font-saas-mono);
  font-size: 13px;
  color: #5B616B;
}
.changelog02_div-68 {
  padding-top: 4px;
  padding-right: 10px;
  padding-bottom: 4px;
  padding-left: 10px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  font-size: 12px;
  font-weight: 500;
  background-color: #E5F4EA;
  color: #1D6B3A;
}
.changelog02_h3-70 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 22px;
  letter-spacing: -0.02em;
  font-weight: 600;
}
.changelog02_p-71 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 16px;
  line-height: 1.6;
  color: #4E545D;
}
.changelog02_div-101 {
  flex-grow: 999;
  flex-shrink: 1;
  flex-basis: 520px;
  min-width: 0;
  display: none;
  flex-direction: column;
  row-gap: 18px;
  column-gap: 18px;
}
.changelog02_div-93 {
  font-size: 28px;
  font-weight: 600;
  letter-spacing: -0.03em;
}
.changelog02_div-100 {
  display: flex;
  flex-direction: column;
  row-gap: 14px;
  column-gap: 14px;
  padding-top: 22px;
  padding-right: 22px;
  padding-bottom: 22px;
  padding-left: 22px;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
  border-bottom-left-radius: 18px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
}
.changelog02_div-96 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  row-gap: 10px;
  column-gap: 10px;
}
.changelog02_div-94 {
  font-family: var(--blok-font-saas-mono);
  font-size: 13px;
  color: #5B616B;
}
.changelog02_div-95 {
  padding-top: 4px;
  padding-right: 10px;
  padding-bottom: 4px;
  padding-left: 10px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  font-size: 12px;
  font-weight: 500;
  background-color: #E8ECFE;
  color: #2D4BF0;
}
.changelog02_h3-97 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 22px;
  letter-spacing: -0.02em;
  font-weight: 600;
}
.changelog02_p-98 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 16px;
  line-height: 1.6;
  color: #4E545D;
}
.changelog02_div-99 {
  height: 180px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  background-color: #E8ECFE;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  color: #5B616B;
}
.changelog02_div-134 {
  flex-grow: 999;
  flex-shrink: 1;
  flex-basis: 520px;
  min-width: 0;
  display: none;
  flex-direction: column;
  row-gap: 18px;
  column-gap: 18px;
}
.changelog02_div-121 {
  font-size: 28px;
  font-weight: 600;
  letter-spacing: -0.03em;
}
.changelog02_div-127 {
  display: flex;
  flex-direction: column;
  row-gap: 14px;
  column-gap: 14px;
  padding-top: 22px;
  padding-right: 22px;
  padding-bottom: 22px;
  padding-left: 22px;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
  border-bottom-left-radius: 18px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
}
.changelog02_div-124 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  row-gap: 10px;
  column-gap: 10px;
}
.changelog02_div-122 {
  font-family: var(--blok-font-saas-mono);
  font-size: 13px;
  color: #5B616B;
}
.changelog02_div-123 {
  padding-top: 4px;
  padding-right: 10px;
  padding-bottom: 4px;
  padding-left: 10px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  font-size: 12px;
  font-weight: 500;
  background-color: #E5F4EA;
  color: #1D6B3A;
}
.changelog02_h3-125 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 22px;
  letter-spacing: -0.02em;
  font-weight: 600;
}
.changelog02_p-126 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 16px;
  line-height: 1.6;
  color: #4E545D;
}
.changelog02_div-133 {
  display: flex;
  flex-direction: column;
  row-gap: 14px;
  column-gap: 14px;
  padding-top: 22px;
  padding-right: 22px;
  padding-bottom: 22px;
  padding-left: 22px;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
  border-bottom-left-radius: 18px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
}
.changelog02_div-130 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  row-gap: 10px;
  column-gap: 10px;
}
.changelog02_div-128 {
  font-family: var(--blok-font-saas-mono);
  font-size: 13px;
  color: #5B616B;
}
.changelog02_div-129 {
  padding-top: 4px;
  padding-right: 10px;
  padding-bottom: 4px;
  padding-left: 10px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  font-size: 12px;
  font-weight: 500;
  background-color: #FDEFE4;
  color: #9A4A12;
}
.changelog02_h3-131 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 22px;
  letter-spacing: -0.02em;
  font-weight: 600;
}
.changelog02_p-132 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 16px;
  line-height: 1.6;
  color: #4E545D;
}
.section_changelog02.is-dark {
  background-color: var(--blok-saas-ink);
  color: var(--blok-saas-canvas);
}
.section_changelog02.is-accent {
  background-color: var(--blok-saas-blue);
  color: var(--blok-saas-white);
}

/* Generated by Blokset from components/changelog-03.js. Edit the spec, not this file. */
.section_changelog03 {
  font-family: var(--blok-font-saas);
  color: #0F1115;
  background-color: #F4F5F1;
  padding-top: clamp(56px, 8vw, 96px);
  padding-right: clamp(20px, 4vw, 48px);
  padding-bottom: clamp(56px, 8vw, 96px);
  padding-left: clamp(20px, 4vw, 48px);
}
.changelog03_div-62 {
  max-width: 1200px;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  row-gap: 26px;
  column-gap: 26px;
}
.changelog03_div-12 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  row-gap: 16px;
  column-gap: 16px;
}
.changelog03_div-5 {
  display: flex;
  flex-direction: column;
  row-gap: 14px;
  column-gap: 14px;
}
.changelog03_div-1 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5B616B;
}
.changelog03_h2-4 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  display: flex;
  align-items: center;
  row-gap: 14px;
  column-gap: 14px;
  font-size: clamp(34px, 4.4vw, 56px);
  line-height: 1.02;
  letter-spacing: -0.04em;
  font-weight: 600;
}
.changelog03_div-2 {
  padding-top: 6px;
  padding-right: 14px;
  padding-bottom: 6px;
  padding-left: 14px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  font-size: 18px;
  letter-spacing: 0;
  background-color: #2D4BF0;
  color: #FFFFFF;
}
.changelog03_div-11 {
  display: flex;
  flex-wrap: wrap;
  row-gap: 10px;
  column-gap: 10px;
  align-items: center;
}
.changelog03_div-9 {
  display: flex;
  align-items: center;
  row-gap: 10px;
  column-gap: 10px;
  height: 48px;
  padding-top: 0;
  padding-right: 14px;
  padding-bottom: 0;
  padding-left: 14px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  min-width: 260px;
}
.changelog03_div-6 {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}
.changelog03_icon-7 {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
.changelog03_div-8 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  min-width: 0;
  height: 40px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  outline: none;
  background-color: transparent;
  font-size: 15px;
  color: #0F1115;
}
.changelog03_div-10 {
  height: 48px;
  padding-top: 0;
  padding-right: 16px;
  padding-bottom: 0;
  padding-left: 16px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: #0F1115;
  color: #FFFFFF;
  cursor: pointer;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
}
.changelog03_div-61 {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 12px;
  column-gap: 12px;
}
.changelog03_div-20 {
  position: relative;
  display: flex;
  flex-direction: column;
  row-gap: 12px;
  column-gap: 12px;
  padding-top: 22px;
  padding-right: 22px;
  padding-bottom: 22px;
  padding-left: 22px;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
  border-bottom-left-radius: 18px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #C5CFFB;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #C5CFFB;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #C5CFFB;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #C5CFFB;
}
.changelog03_div-16 {
  display: flex;
  align-items: center;
  row-gap: 10px;
  column-gap: 10px;
}
.changelog03_div-13 {
  width: 10px;
  height: 10px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #2D4BF0;
}
.changelog03_div-14 {
  font-family: var(--blok-font-saas-mono);
  font-size: 13px;
  color: #5B616B;
}
.changelog03_div-15 {
  margin-left: auto;
  padding-top: 3px;
  padding-right: 10px;
  padding-bottom: 3px;
  padding-left: 10px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  font-size: 12px;
  font-weight: 500;
  background-color: #E8ECFE;
  color: #2D4BF0;
}
.changelog03_h3-17 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 20px;
  letter-spacing: -0.02em;
  font-weight: 600;
}
.changelog03_p-18 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 15px;
  line-height: 1.55;
  color: #4E545D;
}
.changelog03_div-19 {
  align-self: flex-start;
  height: 36px;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: transparent;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  color: #2D4BF0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.changelog03_div-28 {
  position: relative;
  display: flex;
  flex-direction: column;
  row-gap: 12px;
  column-gap: 12px;
  padding-top: 22px;
  padding-right: 22px;
  padding-bottom: 22px;
  padding-left: 22px;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
  border-bottom-left-radius: 18px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #C5CFFB;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #C5CFFB;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #C5CFFB;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #C5CFFB;
}
.changelog03_div-24 {
  display: flex;
  align-items: center;
  row-gap: 10px;
  column-gap: 10px;
}
.changelog03_div-21 {
  width: 10px;
  height: 10px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #2D4BF0;
}
.changelog03_div-22 {
  font-family: var(--blok-font-saas-mono);
  font-size: 13px;
  color: #5B616B;
}
.changelog03_div-23 {
  margin-left: auto;
  padding-top: 3px;
  padding-right: 10px;
  padding-bottom: 3px;
  padding-left: 10px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  font-size: 12px;
  font-weight: 500;
  background-color: #E5F4EA;
  color: #1D6B3A;
}
.changelog03_h3-25 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 20px;
  letter-spacing: -0.02em;
  font-weight: 600;
}
.changelog03_p-26 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 15px;
  line-height: 1.55;
  color: #4E545D;
}
.changelog03_div-27 {
  align-self: flex-start;
  height: 36px;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: transparent;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  color: #2D4BF0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.changelog03_div-36 {
  position: relative;
  display: flex;
  flex-direction: column;
  row-gap: 12px;
  column-gap: 12px;
  padding-top: 22px;
  padding-right: 22px;
  padding-bottom: 22px;
  padding-left: 22px;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
  border-bottom-left-radius: 18px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #C5CFFB;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #C5CFFB;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #C5CFFB;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #C5CFFB;
}
.changelog03_div-32 {
  display: flex;
  align-items: center;
  row-gap: 10px;
  column-gap: 10px;
}
.changelog03_div-29 {
  width: 10px;
  height: 10px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #2D4BF0;
}
.changelog03_div-30 {
  font-family: var(--blok-font-saas-mono);
  font-size: 13px;
  color: #5B616B;
}
.changelog03_div-31 {
  margin-left: auto;
  padding-top: 3px;
  padding-right: 10px;
  padding-bottom: 3px;
  padding-left: 10px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  font-size: 12px;
  font-weight: 500;
  background-color: #FDEFE4;
  color: #9A4A12;
}
.changelog03_h3-33 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 20px;
  letter-spacing: -0.02em;
  font-weight: 600;
}
.changelog03_p-34 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 15px;
  line-height: 1.55;
  color: #4E545D;
}
.changelog03_div-35 {
  align-self: flex-start;
  height: 36px;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: transparent;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  color: #2D4BF0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.changelog03_div-44 {
  position: relative;
  display: flex;
  flex-direction: column;
  row-gap: 12px;
  column-gap: 12px;
  padding-top: 22px;
  padding-right: 22px;
  padding-bottom: 22px;
  padding-left: 22px;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
  border-bottom-left-radius: 18px;
  background-color: #FAFAF8;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E9EBE5;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E9EBE5;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E9EBE5;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E9EBE5;
}
.changelog03_div-40 {
  display: flex;
  align-items: center;
  row-gap: 10px;
  column-gap: 10px;
}
.changelog03_div-37 {
  width: 10px;
  height: 10px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: transparent;
}
.changelog03_div-38 {
  font-family: var(--blok-font-saas-mono);
  font-size: 13px;
  color: #5B616B;
}
.changelog03_div-39 {
  margin-left: auto;
  padding-top: 3px;
  padding-right: 10px;
  padding-bottom: 3px;
  padding-left: 10px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  font-size: 12px;
  font-weight: 500;
  background-color: #E8ECFE;
  color: #2D4BF0;
}
.changelog03_h3-41 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 20px;
  letter-spacing: -0.02em;
  font-weight: 600;
}
.changelog03_p-42 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 15px;
  line-height: 1.55;
  color: #4E545D;
}
.changelog03_div-43 {
  align-self: flex-start;
  height: 36px;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: transparent;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  color: #2D4BF0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.changelog03_div-52 {
  position: relative;
  display: flex;
  flex-direction: column;
  row-gap: 12px;
  column-gap: 12px;
  padding-top: 22px;
  padding-right: 22px;
  padding-bottom: 22px;
  padding-left: 22px;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
  border-bottom-left-radius: 18px;
  background-color: #FAFAF8;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E9EBE5;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E9EBE5;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E9EBE5;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E9EBE5;
}
.changelog03_div-48 {
  display: flex;
  align-items: center;
  row-gap: 10px;
  column-gap: 10px;
}
.changelog03_div-45 {
  width: 10px;
  height: 10px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: transparent;
}
.changelog03_div-46 {
  font-family: var(--blok-font-saas-mono);
  font-size: 13px;
  color: #5B616B;
}
.changelog03_div-47 {
  margin-left: auto;
  padding-top: 3px;
  padding-right: 10px;
  padding-bottom: 3px;
  padding-left: 10px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  font-size: 12px;
  font-weight: 500;
  background-color: #E5F4EA;
  color: #1D6B3A;
}
.changelog03_h3-49 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 20px;
  letter-spacing: -0.02em;
  font-weight: 600;
}
.changelog03_p-50 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 15px;
  line-height: 1.55;
  color: #4E545D;
}
.changelog03_div-51 {
  align-self: flex-start;
  height: 36px;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: transparent;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  color: #2D4BF0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.changelog03_div-60 {
  position: relative;
  display: flex;
  flex-direction: column;
  row-gap: 12px;
  column-gap: 12px;
  padding-top: 22px;
  padding-right: 22px;
  padding-bottom: 22px;
  padding-left: 22px;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
  border-bottom-left-radius: 18px;
  background-color: #FAFAF8;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E9EBE5;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E9EBE5;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E9EBE5;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E9EBE5;
}
.changelog03_div-56 {
  display: flex;
  align-items: center;
  row-gap: 10px;
  column-gap: 10px;
}
.changelog03_div-53 {
  width: 10px;
  height: 10px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: transparent;
}
.changelog03_div-54 {
  font-family: var(--blok-font-saas-mono);
  font-size: 13px;
  color: #5B616B;
}
.changelog03_div-55 {
  margin-left: auto;
  padding-top: 3px;
  padding-right: 10px;
  padding-bottom: 3px;
  padding-left: 10px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  font-size: 12px;
  font-weight: 500;
  background-color: #E8ECFE;
  color: #2D4BF0;
}
.changelog03_h3-57 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 20px;
  letter-spacing: -0.02em;
  font-weight: 600;
}
.changelog03_p-58 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 15px;
  line-height: 1.55;
  color: #4E545D;
}
.changelog03_div-59 {
  align-self: flex-start;
  height: 36px;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: transparent;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  color: #2D4BF0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.section_changelog03.is-dark {
  background-color: var(--blok-saas-ink);
  color: var(--blok-saas-canvas);
}
.section_changelog03.is-accent {
  background-color: var(--blok-saas-blue);
  color: var(--blok-saas-white);
}

@media (min-width: 768px) {
  .changelog03_div-61 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 992px) {
  .changelog03_div-61 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* Generated by Blokset from components/contact-01.js. Edit the spec, not this file. */
.section_contact1 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.contact1_component {
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
}
.contact1_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: left;
}
.contact1_header-title {
  max-width: 40rem;
}
.contact1_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.contact1_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-ink);
}
.contact1_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.contact1_columns {
  display: grid;
  grid-template-columns: 1fr;
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
}
.contact1_email-col {
  display: flex;
  flex-direction: column;
  row-gap: 0.75rem;
  padding-top: 1.25rem;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: var(--blok-line);
}
.contact1_email-label {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.contact1_email {
  font-family: var(--blok-font-display);
  font-size: 1.5rem;
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: -0.02em;
  text-decoration: none;
  color: var(--blok-ink);
}
.contact1_phone-col {
  display: flex;
  flex-direction: column;
  row-gap: 0.75rem;
  padding-top: 1.25rem;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: var(--blok-line);
}
.contact1_phone-label {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.contact1_phone {
  font-family: var(--blok-font-display);
  font-size: 1.5rem;
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: -0.02em;
  text-decoration: none;
  color: var(--blok-ink);
}
.contact1_address-col {
  display: flex;
  flex-direction: column;
  row-gap: 0.75rem;
  padding-top: 1.25rem;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: var(--blok-line);
}
.contact1_address-label {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.contact1_address {
  font-family: var(--blok-font-display);
  font-size: 1.5rem;
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: -0.02em;
  text-decoration: none;
  color: var(--blok-ink);
}
.contact1_note {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 32rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.section_contact1.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.contact1_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.contact1_heading.is-dark {
  color: var(--blok-surface);
}
.contact1_description.is-dark {
  color: var(--blok-surface-muted);
}
.contact1_email-col.is-dark {
  border-top-color: var(--blok-line-inverse);
}
.contact1_phone-col.is-dark {
  border-top-color: var(--blok-line-inverse);
}
.contact1_address-col.is-dark {
  border-top-color: var(--blok-line-inverse);
}
.contact1_email-label.is-dark {
  color: var(--blok-surface-muted);
}
.contact1_phone-label.is-dark {
  color: var(--blok-surface-muted);
}
.contact1_address-label.is-dark {
  color: var(--blok-surface-muted);
}
.contact1_email.is-dark {
  color: var(--blok-surface);
}
.contact1_phone.is-dark {
  color: var(--blok-surface);
}
.contact1_address.is-dark {
  color: var(--blok-surface);
}
.contact1_note.is-dark {
  color: var(--blok-surface-muted);
}
.section_contact1.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.contact1_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.contact1_heading.is-accent {
  color: var(--blok-ink);
}
.contact1_description.is-accent {
  color: var(--blok-ink-soft);
}
.contact1_email-col.is-accent {
  border-top-color: var(--blok-line);
}
.contact1_phone-col.is-accent {
  border-top-color: var(--blok-line);
}
.contact1_address-col.is-accent {
  border-top-color: var(--blok-line);
}
.contact1_email-label.is-accent {
  color: var(--blok-ink-soft);
}
.contact1_phone-label.is-accent {
  color: var(--blok-ink-soft);
}
.contact1_address-label.is-accent {
  color: var(--blok-ink-soft);
}
.contact1_email.is-accent {
  color: var(--blok-ink);
}
.contact1_phone.is-accent {
  color: var(--blok-ink);
}
.contact1_address.is-accent {
  color: var(--blok-ink);
}
.contact1_note.is-accent {
  color: var(--blok-ink-soft);
}

@media (min-width: 768px) {
  .contact1_heading {
    font-size: 3rem;
  }
}

@media (min-width: 992px) {
  .contact1_component {
    row-gap: 4rem;
  }
  .contact1_header {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    column-gap: 4rem;
  }
  .contact1_heading {
    font-size: 3.5rem;
  }
  .contact1_columns {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .contact1_email {
    font-size: 1.85rem;
  }
  .contact1_phone {
    font-size: 1.85rem;
  }
  .contact1_address {
    font-size: 1.85rem;
  }
}

/* Generated by Blokset from components/contact-03.js. Edit the spec, not this file. */
.section_contact3 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.contact3_component {
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
}
.contact3_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: left;
}
.contact3_header-title {
  max-width: 40rem;
}
.contact3_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.contact3_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-ink);
}
.contact3_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.contact3_grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
}
.contact3_card {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  background-color: var(--blok-surface-2);
}
.contact3_photo {
  overflow: hidden;
  aspect-ratio: 16 / 10;
}
.contact3_photo-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.contact3_copy {
  display: flex;
  flex-direction: column;
  row-gap: 0.6rem;
  padding-top: 1.5rem;
  padding-right: 1.5rem;
  padding-bottom: 1.5rem;
  padding-left: 1.5rem;
}
.contact3_city {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  font-size: 1.75rem;
  line-height: 1.15;
  font-weight: 600;
  letter-spacing: -0.03em;
  color: var(--blok-ink);
}
.contact3_address {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.0625rem;
  line-height: 1.5;
  color: var(--blok-ink-muted);
}
.contact3_hours {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.04em;
  text-transform: none;
  color: var(--blok-ink-muted);
}
.contact3_directions {
  margin-top: 0.5rem;
  font-size: 0.9375rem;
  line-height: 1.4;
  text-decoration: underline;
  text-underline-offset: 0.25em;
  color: var(--blok-ink);
}
.section_contact3.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.contact3_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.contact3_heading.is-dark {
  color: var(--blok-surface);
}
.contact3_description.is-dark {
  color: var(--blok-surface-muted);
}
.contact3_card.is-dark {
  background-color: var(--blok-ink-2);
}
.contact3_city.is-dark {
  color: var(--blok-surface);
}
.contact3_address.is-dark {
  color: var(--blok-surface-muted);
}
.contact3_hours.is-dark {
  color: var(--blok-surface-muted);
}
.contact3_directions.is-dark {
  color: var(--blok-surface);
}
.section_contact3.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.contact3_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.contact3_heading.is-accent {
  color: var(--blok-ink);
}
.contact3_description.is-accent {
  color: var(--blok-ink-soft);
}
.contact3_card.is-accent {
  background-color: var(--blok-surface);
}
.contact3_city.is-accent {
  color: var(--blok-ink);
}
.contact3_address.is-accent {
  color: var(--blok-ink-soft);
}
.contact3_hours.is-accent {
  color: var(--blok-ink-soft);
}
.contact3_directions.is-accent {
  color: var(--blok-ink);
}

@media (min-width: 768px) {
  .contact3_heading {
    font-size: 3rem;
  }
}

@media (min-width: 992px) {
  .contact3_component {
    row-gap: 3.5rem;
  }
  .contact3_header {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    column-gap: 4rem;
  }
  .contact3_heading {
    font-size: 3.5rem;
  }
  .contact3_grid {
    grid-template-columns: 1fr 1fr;
  }
  .contact3_copy {
    padding-top: 1.75rem;
    padding-right: 1.75rem;
    padding-bottom: 1.75rem;
    padding-left: 1.75rem;
  }
}

/* Generated by Blokset from components/dev-01.js. Edit the spec, not this file. */
.section_dev01 {
  font-family: var(--blok-font-saas);
  color: #0F1115;
  background-color: #F4F5F1;
  padding-top: clamp(56px, 8vw, 104px);
  padding-right: clamp(20px, 4vw, 48px);
  padding-bottom: clamp(56px, 8vw, 104px);
  padding-left: clamp(20px, 4vw, 48px);
}
.dev01_div-19 {
  max-width: 1200px;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  display: flex;
  flex-wrap: wrap;
  row-gap: 48px;
  column-gap: 48px;
  align-items: center;
}
.dev01_div-7 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 360px;
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  column-gap: 20px;
}
.dev01_div-1 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5B616B;
}
.dev01_heading {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: clamp(34px, 4.4vw, 56px);
  line-height: 1.02;
  letter-spacing: -0.04em;
  font-weight: 600;
}
.dev01_subheading {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  max-width: 440px;
  font-size: 17px;
  line-height: 1.6;
  color: #4E545D;
}
.dev01_div-6 {
  display: flex;
  flex-wrap: wrap;
  row-gap: 20px;
  column-gap: 20px;
  font-weight: 500;
}
.dev01_a-4 {
  text-decoration: none;
  color: #2D4BF0;
}
.dev01_a-5 {
  text-decoration: none;
  color: #2D4BF0;
}
.dev01_div-18 {
  flex-grow: 1.3;
  flex-shrink: 1;
  flex-basis: 480px;
  min-width: 0;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  background-color: #0F1115;
  overflow: hidden;
  box-shadow: 0 30px 60px -30px rgba(15,17,21,0.45);
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 0.35rem;
}
.dev01_div-13 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
  padding-top: 8px;
  padding-right: 8px;
  padding-bottom: 8px;
  padding-left: 12px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #2C3037;
}
.dev01_div-11 {
  display: flex;
  row-gap: 4px;
  column-gap: 4px;
}
.dev01_div-8 {
  height: 40px;
  padding-top: 0;
  padding-right: 14px;
  padding-bottom: 0;
  padding-left: 14px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  cursor: pointer;
  font-family: var(--blok-font-saas-mono);
  font-size: 13px;
  background-color: #262A31;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dev01_div-9 {
  height: 40px;
  padding-top: 0;
  padding-right: 14px;
  padding-bottom: 0;
  padding-left: 14px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  cursor: pointer;
  font-family: var(--blok-font-saas-mono);
  font-size: 13px;
  background-color: transparent;
  color: #A7ADB6;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dev01_div-10 {
  height: 40px;
  padding-top: 0;
  padding-right: 14px;
  padding-bottom: 0;
  padding-left: 14px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  cursor: pointer;
  font-family: var(--blok-font-saas-mono);
  font-size: 13px;
  background-color: transparent;
  color: #A7ADB6;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dev01_div-12 {
  height: 40px;
  padding-top: 0;
  padding-right: 14px;
  padding-bottom: 0;
  padding-left: 14px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #3A3F47;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #3A3F47;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #3A3F47;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #3A3F47;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  cursor: pointer;
  font-size: 13px;
  background-color: transparent;
  color: #F4F5F1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dev01_div-14 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 22px;
  padding-right: 22px;
  padding-bottom: 22px;
  padding-left: 22px;
  overflow-x: auto;
  font-family: var(--blok-font-saas-mono);
  font-size: 13.5px;
  line-height: 1.7;
  color: #E6E8EC;
  white-space: pre;
}
.dev01_div-17 {
  display: flex;
  justify-content: space-between;
  row-gap: 12px;
  column-gap: 12px;
  padding-top: 12px;
  padding-right: 22px;
  padding-bottom: 12px;
  padding-left: 22px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #2C3037;
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  color: #A7ADB6;
}
.dev01_div-16 {
  color: #7FD69A;
}
.section_dev01.is-dark {
  background-color: var(--blok-saas-ink);
  color: var(--blok-saas-canvas);
}
.section_dev01.is-accent {
  background-color: var(--blok-saas-blue);
  color: var(--blok-saas-white);
}

/* Generated by Blokset from components/dev-02.js. Edit the spec, not this file. */
.section_dev02 {
  font-family: var(--blok-font-saas);
  color: #F4F5F1;
  background-color: #0F1115;
  padding-top: clamp(56px, 8vw, 96px);
  padding-right: clamp(20px, 4vw, 48px);
  padding-bottom: clamp(56px, 8vw, 96px);
  padding-left: clamp(20px, 4vw, 48px);
}
.dev02_div-31 {
  max-width: 1200px;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  row-gap: 28px;
  column-gap: 28px;
}
.dev02_div-5 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  row-gap: 16px;
  column-gap: 16px;
}
.dev02_div-3 {
  display: flex;
  flex-direction: column;
  row-gap: 14px;
  column-gap: 14px;
  max-width: 640px;
}
.dev02_div-1 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #A7ADB6;
}
.dev02_heading {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: clamp(34px, 4.4vw, 56px);
  line-height: 1.02;
  letter-spacing: -0.04em;
  font-weight: 600;
}
.dev02_a-4 {
  font-weight: 500;
  text-decoration: none;
  color: #AFC0FF;
}
.dev02_div-30 {
  display: flex;
  flex-wrap: wrap;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
  border-bottom-left-radius: 18px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #2C3037;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #2C3037;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #2C3037;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #2C3037;
  overflow: hidden;
  background-color: #181B20;
}
.dev02_div-21 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 280px;
  max-width: 360px;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #2C3037;
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  column-gap: 4px;
}
.dev02_div-8 {
  display: flex;
  align-items: center;
  row-gap: 10px;
  column-gap: 10px;
  min-height: 48px;
  padding-top: 0;
  padding-right: 12px;
  padding-bottom: 0;
  padding-left: 12px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  cursor: pointer;
  text-align: left;
  background-color: #262A31;
  color: #F4F5F1;
}
.dev02_div-6 {
  width: 54px;
  flex-shrink: 0;
  font-family: var(--blok-font-saas-mono);
  font-size: 11px;
  font-weight: 500;
  padding-top: 4px;
  padding-right: 0;
  padding-bottom: 4px;
  padding-left: 0;
  text-align: center;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  background-color: #1E3A2A;
  color: #8FD3A8;
}
.dev02_div-7 {
  font-family: var(--blok-font-saas-mono);
  font-size: 13px;
}
.dev02_div-11 {
  display: flex;
  align-items: center;
  row-gap: 10px;
  column-gap: 10px;
  min-height: 48px;
  padding-top: 0;
  padding-right: 12px;
  padding-bottom: 0;
  padding-left: 12px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  cursor: pointer;
  text-align: left;
  background-color: transparent;
  color: #F4F5F1;
}
.dev02_div-9 {
  width: 54px;
  flex-shrink: 0;
  font-family: var(--blok-font-saas-mono);
  font-size: 11px;
  font-weight: 500;
  padding-top: 4px;
  padding-right: 0;
  padding-bottom: 4px;
  padding-left: 0;
  text-align: center;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  background-color: #1E2A55;
  color: #AFC0FF;
}
.dev02_div-10 {
  font-family: var(--blok-font-saas-mono);
  font-size: 13px;
}
.dev02_div-14 {
  display: flex;
  align-items: center;
  row-gap: 10px;
  column-gap: 10px;
  min-height: 48px;
  padding-top: 0;
  padding-right: 12px;
  padding-bottom: 0;
  padding-left: 12px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  cursor: pointer;
  text-align: left;
  background-color: transparent;
  color: #F4F5F1;
}
.dev02_div-12 {
  width: 54px;
  flex-shrink: 0;
  font-family: var(--blok-font-saas-mono);
  font-size: 11px;
  font-weight: 500;
  padding-top: 4px;
  padding-right: 0;
  padding-bottom: 4px;
  padding-left: 0;
  text-align: center;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  background-color: #3A2A1E;
  color: #F2B48A;
}
.dev02_div-13 {
  font-family: var(--blok-font-saas-mono);
  font-size: 13px;
}
.dev02_div-17 {
  display: flex;
  align-items: center;
  row-gap: 10px;
  column-gap: 10px;
  min-height: 48px;
  padding-top: 0;
  padding-right: 12px;
  padding-bottom: 0;
  padding-left: 12px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  cursor: pointer;
  text-align: left;
  background-color: transparent;
  color: #F4F5F1;
}
.dev02_div-15 {
  width: 54px;
  flex-shrink: 0;
  font-family: var(--blok-font-saas-mono);
  font-size: 11px;
  font-weight: 500;
  padding-top: 4px;
  padding-right: 0;
  padding-bottom: 4px;
  padding-left: 0;
  text-align: center;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  background-color: #1E3A2A;
  color: #8FD3A8;
}
.dev02_div-16 {
  font-family: var(--blok-font-saas-mono);
  font-size: 13px;
}
.dev02_div-20 {
  display: flex;
  align-items: center;
  row-gap: 10px;
  column-gap: 10px;
  min-height: 48px;
  padding-top: 0;
  padding-right: 12px;
  padding-bottom: 0;
  padding-left: 12px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  cursor: pointer;
  text-align: left;
  background-color: transparent;
  color: #F4F5F1;
}
.dev02_div-18 {
  width: 54px;
  flex-shrink: 0;
  font-family: var(--blok-font-saas-mono);
  font-size: 11px;
  font-weight: 500;
  padding-top: 4px;
  padding-right: 0;
  padding-bottom: 4px;
  padding-left: 0;
  text-align: center;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  background-color: #3A1E22;
  color: #F29A9A;
}
.dev02_div-19 {
  font-family: var(--blok-font-saas-mono);
  font-size: 13px;
}
.dev02_div-29 {
  flex-grow: 999;
  flex-shrink: 1;
  flex-basis: 480px;
  min-width: 0;
  display: flex;
  flex-direction: column;
}
.dev02_div-24 {
  padding-top: 18px;
  padding-right: 20px;
  padding-bottom: 18px;
  padding-left: 20px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #2C3037;
  display: flex;
  flex-direction: column;
  row-gap: 6px;
  column-gap: 6px;
}
.dev02_div-22 {
  font-size: 18px;
  font-weight: 600;
}
.dev02_div-23 {
  font-size: 14px;
  color: #A7ADB6;
}
.dev02_div-27 {
  display: flex;
  row-gap: 4px;
  column-gap: 4px;
  padding-top: 10px;
  padding-right: 14px;
  padding-bottom: 0;
  padding-left: 14px;
}
.dev02_div-25 {
  height: 36px;
  padding-top: 0;
  padding-right: 12px;
  padding-bottom: 0;
  padding-left: 12px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  cursor: pointer;
  font-size: 13px;
  background-color: #0B0D10;
  color: #F4F5F1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dev02_div-26 {
  height: 36px;
  padding-top: 0;
  padding-right: 12px;
  padding-bottom: 0;
  padding-left: 12px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  cursor: pointer;
  font-size: 13px;
  background-color: transparent;
  color: #8C929B;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dev02_div-28 {
  margin-top: 0;
  margin-right: 14px;
  margin-bottom: 14px;
  margin-left: 14px;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  min-height: 240px;
  padding-top: 18px;
  padding-right: 18px;
  padding-bottom: 18px;
  padding-left: 18px;
  border-top-left-radius: 0;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: #0B0D10;
  overflow: auto;
  font-family: var(--blok-font-saas-mono);
  font-size: 13px;
  line-height: 1.7;
  color: #C9CDD4;
}
.section_dev02.is-light {
  background-color: var(--blok-saas-canvas);
  color: var(--blok-saas-ink);
}
.section_dev02.is-accent {
  background-color: var(--blok-saas-blue);
  color: var(--blok-saas-white);
}

/* Generated by Blokset from components/dev-03.js. Edit the spec, not this file. */
.section_dev03 {
  font-family: var(--blok-font-saas);
  color: #0F1115;
  background-color: #F4F5F1;
  padding-top: clamp(56px, 8vw, 96px);
  padding-right: clamp(20px, 4vw, 48px);
  padding-bottom: clamp(56px, 8vw, 96px);
  padding-left: clamp(20px, 4vw, 48px);
}
.dev03_div-38 {
  max-width: 1200px;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  display: flex;
  flex-wrap: wrap;
  row-gap: clamp(28px, 4vw, 56px);
  column-gap: clamp(28px, 4vw, 56px);
}
.dev03_div-28 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 400px;
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  column-gap: 20px;
}
.dev03_div-1 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5B616B;
}
.dev03_heading {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: clamp(34px, 4.4vw, 56px);
  line-height: 1.02;
  letter-spacing: -0.04em;
  font-weight: 600;
}
.dev03_div-5 {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  column-gap: 8px;
  font-size: 14px;
  color: #4E545D;
}
.dev03_div-3 {
  height: 48px;
  padding-top: 0;
  padding-right: 12px;
  padding-bottom: 0;
  padding-left: 12px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #CFD3CA;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #CFD3CA;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #CFD3CA;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #CFD3CA;
  background-color: #FFFFFF;
  font-family: var(--blok-font-saas-mono);
  font-size: 14px;
  color: #0F1115;
}
.dev03_div-27 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  column-gap: 8px;
}
.dev03_div-6 {
  font-size: 14px;
  color: #4E545D;
  margin-bottom: 8px;
}
.dev03_div-10 {
  display: flex;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
  min-height: 48px;
  padding-top: 0;
  padding-right: 14px;
  padding-bottom: 0;
  padding-left: 14px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  cursor: pointer;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
}
.dev03_div-7 {
  width: 18px;
  height: 18px;
  accent-color: #2D4BF0;
}
.dev03_div-8 {
  font-family: var(--blok-font-saas-mono);
  font-size: 14px;
}
.dev03_div-9 {
  margin-left: auto;
  font-size: 13px;
  color: #5B616B;
}
.dev03_div-14 {
  display: flex;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
  min-height: 48px;
  padding-top: 0;
  padding-right: 14px;
  padding-bottom: 0;
  padding-left: 14px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  cursor: pointer;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
}
.dev03_div-11 {
  width: 18px;
  height: 18px;
  accent-color: #2D4BF0;
}
.dev03_div-12 {
  font-family: var(--blok-font-saas-mono);
  font-size: 14px;
}
.dev03_div-13 {
  margin-left: auto;
  font-size: 13px;
  color: #5B616B;
}
.dev03_div-18 {
  display: flex;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
  min-height: 48px;
  padding-top: 0;
  padding-right: 14px;
  padding-bottom: 0;
  padding-left: 14px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  cursor: pointer;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #2D4BF0;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #2D4BF0;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #2D4BF0;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #2D4BF0;
}
.dev03_div-15 {
  width: 18px;
  height: 18px;
  accent-color: #2D4BF0;
}
.dev03_div-16 {
  font-family: var(--blok-font-saas-mono);
  font-size: 14px;
}
.dev03_div-17 {
  margin-left: auto;
  font-size: 13px;
  color: #5B616B;
}
.dev03_div-22 {
  display: flex;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
  min-height: 48px;
  padding-top: 0;
  padding-right: 14px;
  padding-bottom: 0;
  padding-left: 14px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  cursor: pointer;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
}
.dev03_div-19 {
  width: 18px;
  height: 18px;
  accent-color: #2D4BF0;
}
.dev03_div-20 {
  font-family: var(--blok-font-saas-mono);
  font-size: 14px;
}
.dev03_div-21 {
  margin-left: auto;
  font-size: 13px;
  color: #5B616B;
}
.dev03_div-26 {
  display: flex;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
  min-height: 48px;
  padding-top: 0;
  padding-right: 14px;
  padding-bottom: 0;
  padding-left: 14px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  cursor: pointer;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
}
.dev03_div-23 {
  width: 18px;
  height: 18px;
  accent-color: #2D4BF0;
}
.dev03_div-24 {
  font-family: var(--blok-font-saas-mono);
  font-size: 14px;
}
.dev03_div-25 {
  margin-left: auto;
  font-size: 13px;
  color: #5B616B;
}
.dev03_div-37 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 440px;
  display: flex;
  flex-direction: column;
  row-gap: 12px;
  column-gap: 12px;
}
.dev03_div-33 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  display: flex;
  flex-direction: column;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
  border-bottom-left-radius: 18px;
  background-color: #0F1115;
  color: #C9CDD4;
  overflow: hidden;
}
.dev03_div-31 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 14px;
  padding-right: 18px;
  padding-bottom: 14px;
  padding-left: 18px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #2C3037;
}
.dev03_div-29 {
  font-family: var(--blok-font-saas-mono);
  font-size: 13px;
  color: #A7ADB6;
}
.dev03_div-30 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  color: #8C929B;
}
.dev03_div-32 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  min-height: 300px;
  padding-top: 18px;
  padding-right: 18px;
  padding-bottom: 18px;
  padding-left: 18px;
  overflow: auto;
  font-family: var(--blok-font-saas-mono);
  font-size: 13px;
  line-height: 1.7;
}
.dev03_div-36 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
}
.dev03_div-34 {
  height: 48px;
  padding-top: 0;
  padding-right: 20px;
  padding-bottom: 0;
  padding-left: 20px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  cursor: pointer;
  font-weight: 500;
  background-color: #A9B4F5;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dev03_div-35 {
  font-size: 14px;
  color: #5B616B;
}
.section_dev03.is-dark {
  background-color: var(--blok-saas-ink);
  color: var(--blok-saas-canvas);
}
.section_dev03.is-accent {
  background-color: var(--blok-saas-blue);
  color: var(--blok-saas-white);
}

/* Generated by Blokset from components/editorial-01.js. Edit the spec, not this file. */
.section_editorial1 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.editorial1_component {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 3rem;
}
.editorial1_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: left;
}
.editorial1_header-title {
  max-width: 40rem;
}
.editorial1_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.editorial1_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-ink);
}
.editorial1_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.editorial1_column {
  display: flex;
  flex-direction: column;
  row-gap: 3.5rem;
  width: 100%;
  max-width: 40rem;
}
.editorial1_chapter {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}
.editorial1_chapter-title {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  font-size: 1.75rem;
  line-height: 1.15;
  font-weight: 600;
  letter-spacing: -0.03em;
}
.editorial1_text {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.125rem;
  line-height: 1.65;
  color: var(--blok-ink-muted);
}
.editorial1_figure {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  margin-top: 0.5rem;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.section_editorial1.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.editorial1_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.editorial1_heading.is-dark {
  color: var(--blok-surface);
}
.editorial1_description.is-dark {
  color: var(--blok-surface-muted);
}
.editorial1_text.is-dark {
  color: var(--blok-surface-muted);
}
.section_editorial1.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.editorial1_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.editorial1_heading.is-accent {
  color: var(--blok-ink);
}
.editorial1_description.is-accent {
  color: var(--blok-ink-soft);
}
.editorial1_text.is-accent {
  color: var(--blok-ink-soft);
}

@media (min-width: 768px) {
  .editorial1_heading {
    font-size: 3rem;
  }
}

@media (min-width: 992px) {
  .editorial1_heading {
    font-size: 3.5rem;
  }
}

/* Generated by Blokset from components/events-01.js. Edit the spec, not this file. */
.section_events1 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.events1_component {
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
}
.events1_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: left;
}
.events1_header-title {
  max-width: 40rem;
}
.events1_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.events1_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-ink);
}
.events1_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.events1_list {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: var(--blok-line);
}
.events1_row {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 1.5rem;
  row-gap: 0.4rem;
  padding-top: 1.35rem;
  padding-bottom: 1.35rem;
  border-top-width: 1px;
  border-top-style: solid;
  text-decoration: none;
  color: var(--blok-ink);
  border-top-color: var(--blok-line);
}
.events1_date {
  width: 5.5rem;
  flex-shrink: 0;
  font-family: var(--blok-font-display);
  font-size: 1.125rem;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: var(--blok-accent);
}
.events1_title {
  flex-grow: 1;
  flex-basis: 100%;
  min-width: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  font-size: 1.5rem;
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: -0.02em;
}
.events1_place {
  width: 11rem;
  flex-shrink: 0;
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.events1_action {
  flex-shrink: 0;
  font-size: 0.9375rem;
  line-height: 1.4;
  font-weight: 600;
  color: var(--blok-ink);
}
.section_events1.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.events1_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.events1_heading.is-dark {
  color: var(--blok-surface);
}
.events1_description.is-dark {
  color: var(--blok-surface-muted);
}
.events1_list.is-dark {
  border-bottom-color: var(--blok-line-inverse);
}
.events1_row.is-dark {
  color: var(--blok-surface);
  border-top-color: var(--blok-line-inverse);
}
.events1_date.is-dark {
  color: var(--blok-accent);
}
.events1_place.is-dark {
  color: var(--blok-surface-muted);
}
.events1_action.is-dark {
  color: var(--blok-surface);
}
.section_events1.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.events1_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.events1_heading.is-accent {
  color: var(--blok-ink);
}
.events1_description.is-accent {
  color: var(--blok-ink-soft);
}
.events1_list.is-accent {
  border-bottom-color: var(--blok-line);
}
.events1_row.is-accent {
  color: var(--blok-ink);
  border-top-color: var(--blok-line);
}
.events1_date.is-accent {
  color: var(--blok-ink);
}
.events1_place.is-accent {
  color: var(--blok-ink-soft);
}
.events1_action.is-accent {
  color: var(--blok-ink);
}

@media (min-width: 768px) {
  .events1_heading {
    font-size: 3rem;
  }
  .events1_row {
    flex-wrap: nowrap;
    align-items: center;
  }
  .events1_title {
    flex-basis: 0%;
    font-size: 1.75rem;
  }
}

@media (min-width: 992px) {
  .events1_component {
    row-gap: 3.5rem;
  }
  .events1_header {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    column-gap: 4rem;
  }
  .events1_heading {
    font-size: 3.5rem;
  }
}

/* Generated by Blokset from components/import-01.js. Edit the spec, not this file. */
.section_import01 {
  font-family: var(--blok-font-saas);
  color: #0F1115;
  background-color: #F4F5F1;
  padding-top: clamp(56px, 8vw, 104px);
  padding-right: clamp(20px, 4vw, 48px);
  padding-bottom: clamp(56px, 8vw, 104px);
  padding-left: clamp(20px, 4vw, 48px);
}
.import01_div-34 {
  max-width: 1200px;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  row-gap: 36px;
  column-gap: 36px;
}
.import01_div-3 {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  column-gap: 16px;
  max-width: 700px;
}
.import01_div-1 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5B616B;
}
.import01_heading {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: clamp(34px, 4.4vw, 56px);
  line-height: 1.02;
  letter-spacing: -0.04em;
  font-weight: 600;
}
.import01_div-16 {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 12px;
  column-gap: 12px;
}
.import01_div-7 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 10px;
  column-gap: 10px;
  padding-top: 22px;
  padding-right: 22px;
  padding-bottom: 22px;
  padding-left: 22px;
  min-height: 140px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  cursor: pointer;
  text-align: left;
  border-top-width: 2px;
  border-top-style: solid;
  border-top-color: #0F1115;
  border-right-width: 2px;
  border-right-style: solid;
  border-right-color: #0F1115;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #0F1115;
  border-left-width: 2px;
  border-left-style: solid;
  border-left-color: #0F1115;
  background-color: #FFFFFF;
  color: #0F1115;
}
.import01_div-4 {
  width: 40px;
  height: 40px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--blok-font-saas-mono);
  font-size: 15px;
  font-weight: 500;
  background-color: #E5F4EA;
  color: #1D6B3A;
}
.import01_div-5 {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.015em;
}
.import01_div-6 {
  font-size: 14px;
  color: #4E545D;
}
.import01_div-11 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 10px;
  column-gap: 10px;
  padding-top: 22px;
  padding-right: 22px;
  padding-bottom: 22px;
  padding-left: 22px;
  min-height: 140px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  cursor: pointer;
  text-align: left;
  border-top-width: 2px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 2px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 2px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  background-color: #FAFBF8;
  color: #0F1115;
}
.import01_div-8 {
  width: 40px;
  height: 40px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--blok-font-saas-mono);
  font-size: 15px;
  font-weight: 500;
  background-color: #E8ECFE;
  color: #2D4BF0;
}
.import01_div-9 {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.015em;
}
.import01_div-10 {
  font-size: 14px;
  color: #4E545D;
}
.import01_div-15 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 10px;
  column-gap: 10px;
  padding-top: 22px;
  padding-right: 22px;
  padding-bottom: 22px;
  padding-left: 22px;
  min-height: 140px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  cursor: pointer;
  text-align: left;
  border-top-width: 2px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 2px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 2px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  background-color: #FAFBF8;
  color: #0F1115;
}
.import01_div-12 {
  width: 40px;
  height: 40px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--blok-font-saas-mono);
  font-size: 15px;
  font-weight: 500;
  background-color: #FDEFE4;
  color: #9A4A12;
}
.import01_div-13 {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.015em;
}
.import01_div-14 {
  font-size: 14px;
  color: #4E545D;
}
.import01_div-33 {
  display: flex;
  flex-wrap: wrap;
  row-gap: 28px;
  column-gap: 28px;
  padding-top: clamp(22px, 3vw, 34px);
  padding-right: clamp(22px, 3vw, 34px);
  padding-bottom: clamp(22px, 3vw, 34px);
  padding-left: clamp(22px, 3vw, 34px);
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}
.import01_div-20 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 260px;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  column-gap: 10px;
}
.import01_div-17 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5B616B;
}
.import01_div-18 {
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -0.02em;
}
.import01_div-19 {
  font-size: 15px;
  color: #4E545D;
}
.import01_div-32 {
  flex-grow: 2;
  flex-shrink: 1;
  flex-basis: 460px;
  list-style: none;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
  flex-direction: column;
  row-gap: 12px;
  column-gap: 12px;
}
.import01_div-23 {
  display: flex;
  row-gap: 14px;
  column-gap: 14px;
  align-items: flex-start;
}
.import01_div-21 {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #0F1115;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 600;
}
.import01_div-22 {
  font-size: 16px;
  line-height: 1.55;
  padding-top: 3px;
}
.import01_div-26 {
  display: flex;
  row-gap: 14px;
  column-gap: 14px;
  align-items: flex-start;
}
.import01_div-24 {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #0F1115;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 600;
}
.import01_div-25 {
  font-size: 16px;
  line-height: 1.55;
  padding-top: 3px;
}
.import01_div-29 {
  display: flex;
  row-gap: 14px;
  column-gap: 14px;
  align-items: flex-start;
}
.import01_div-27 {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #0F1115;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 600;
}
.import01_div-28 {
  font-size: 16px;
  line-height: 1.55;
  padding-top: 3px;
}
.import01_div-31 {
  padding-left: 42px;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 0.35rem;
}
.import01_a-30 {
  font-weight: 500;
  text-decoration: none;
  color: #2D4BF0;
}
.section_import01.is-dark {
  background-color: var(--blok-saas-ink);
  color: var(--blok-saas-canvas);
}
.section_import01.is-accent {
  background-color: var(--blok-saas-blue);
  color: var(--blok-saas-white);
}

@media (min-width: 768px) {
  .import01_div-16 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 992px) {
  .import01_div-16 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* Generated by Blokset from components/import-02.js. Edit the spec, not this file. */
.section_import02 {
  font-family: var(--blok-font-saas);
  color: #0F1115;
  background-color: #FFFFFF;
  padding-top: clamp(56px, 8vw, 96px);
  padding-right: clamp(20px, 4vw, 48px);
  padding-bottom: clamp(56px, 8vw, 96px);
  padding-left: clamp(20px, 4vw, 48px);
}
.import02_div-71 {
  max-width: 1200px;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  row-gap: 32px;
  column-gap: 32px;
}
.import02_div-5 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  row-gap: 20px;
  column-gap: 20px;
}
.import02_div-3 {
  display: flex;
  flex-direction: column;
  row-gap: 14px;
  column-gap: 14px;
  max-width: 640px;
}
.import02_div-1 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5B616B;
}
.import02_heading {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: clamp(34px, 4.4vw, 56px);
  line-height: 1.02;
  letter-spacing: -0.04em;
  font-weight: 600;
}
.import02_subheading {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  max-width: 380px;
  font-size: 17px;
  line-height: 1.55;
  color: #4E545D;
}
.import02_div-70 {
  display: flex;
  flex-wrap: wrap;
  row-gap: 20px;
  column-gap: 20px;
  align-items: flex-start;
}
.import02_div-42 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 360px;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  column-gap: 10px;
  padding-top: 22px;
  padding-right: 22px;
  padding-bottom: 22px;
  padding-left: 22px;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
  border-bottom-left-radius: 18px;
  background-color: #F4F5F1;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
}
.import02_div-8 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4px;
}
.import02_div-6 {
  font-family: var(--blok-font-saas-mono);
  font-size: 13px;
}
.import02_div-7 {
  height: 36px;
  padding-top: 0;
  padding-right: 10px;
  padding-bottom: 0;
  padding-left: 10px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: transparent;
  color: #2D4BF0;
  cursor: pointer;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.import02_div-16 {
  display: grid;
  grid-template-columns: 1fr 24px 1fr;
  align-items: center;
  row-gap: 10px;
  column-gap: 10px;
}
.import02_div-9 {
  height: 44px;
  display: flex;
  align-items: center;
  padding-top: 0;
  padding-right: 12px;
  padding-bottom: 0;
  padding-left: 12px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
  font-family: var(--blok-font-saas-mono);
  font-size: 13px;
}
.import02_div-10 {
  text-align: center;
  color: #5B616B;
}
.import02_div-11 {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}
.import02_select-12 {
  width: 100%;
  height: 44px;
  padding-top: 0;
  padding-right: 10px;
  padding-bottom: 0;
  padding-left: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #2D4BF0;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #2D4BF0;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #2D4BF0;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #2D4BF0;
  background-color: #FFFFFF;
  font-size: 14px;
  color: #0F1115;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.import02_div-24 {
  display: grid;
  grid-template-columns: 1fr 24px 1fr;
  align-items: center;
  row-gap: 10px;
  column-gap: 10px;
}
.import02_div-17 {
  height: 44px;
  display: flex;
  align-items: center;
  padding-top: 0;
  padding-right: 12px;
  padding-bottom: 0;
  padding-left: 12px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
  font-family: var(--blok-font-saas-mono);
  font-size: 13px;
}
.import02_div-18 {
  text-align: center;
  color: #5B616B;
}
.import02_div-19 {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}
.import02_select-20 {
  width: 100%;
  height: 44px;
  padding-top: 0;
  padding-right: 10px;
  padding-bottom: 0;
  padding-left: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #2D4BF0;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #2D4BF0;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #2D4BF0;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #2D4BF0;
  background-color: #FFFFFF;
  font-size: 14px;
  color: #0F1115;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.import02_div-32 {
  display: grid;
  grid-template-columns: 1fr 24px 1fr;
  align-items: center;
  row-gap: 10px;
  column-gap: 10px;
}
.import02_div-25 {
  height: 44px;
  display: flex;
  align-items: center;
  padding-top: 0;
  padding-right: 12px;
  padding-bottom: 0;
  padding-left: 12px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
  font-family: var(--blok-font-saas-mono);
  font-size: 13px;
}
.import02_div-26 {
  text-align: center;
  color: #5B616B;
}
.import02_div-27 {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}
.import02_select-28 {
  width: 100%;
  height: 44px;
  padding-top: 0;
  padding-right: 10px;
  padding-bottom: 0;
  padding-left: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
  background-color: #FFFFFF;
  font-size: 14px;
  color: #0F1115;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.import02_div-40 {
  display: grid;
  grid-template-columns: 1fr 24px 1fr;
  align-items: center;
  row-gap: 10px;
  column-gap: 10px;
}
.import02_div-33 {
  height: 44px;
  display: flex;
  align-items: center;
  padding-top: 0;
  padding-right: 12px;
  padding-bottom: 0;
  padding-left: 12px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
  font-family: var(--blok-font-saas-mono);
  font-size: 13px;
}
.import02_div-34 {
  text-align: center;
  color: #5B616B;
}
.import02_div-35 {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}
.import02_select-36 {
  width: 100%;
  height: 44px;
  padding-top: 0;
  padding-right: 10px;
  padding-bottom: 0;
  padding-left: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #2D4BF0;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #2D4BF0;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #2D4BF0;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #2D4BF0;
  background-color: #FFFFFF;
  font-size: 14px;
  color: #0F1115;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.import02_div-41 {
  margin-top: 6px;
  font-size: 14px;
  color: #1D6B3A;
}
.import02_div-69 {
  flex-grow: 999;
  flex-shrink: 1;
  flex-basis: 480px;
  min-width: 0;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
  border-bottom-left-radius: 18px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  overflow-x: auto;
}
.import02_div-65 {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  display: table;
}
.import02_div-47 {
  display: table-header-group;
}
.import02_div-46 {
  display: table-row;
}
.import02_div-43 {
  text-align: left;
  padding-top: 14px;
  padding-right: 16px;
  padding-bottom: 14px;
  padding-left: 16px;
  background-color: #F4F5F1;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  font-weight: 600;
  white-space: nowrap;
  display: table-cell;
  vertical-align: middle;
}
.import02_div-44 {
  text-align: left;
  padding-top: 14px;
  padding-right: 16px;
  padding-bottom: 14px;
  padding-left: 16px;
  background-color: #F4F5F1;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  font-weight: 600;
  white-space: nowrap;
  display: table-cell;
  vertical-align: middle;
}
.import02_div-45 {
  text-align: left;
  padding-top: 14px;
  padding-right: 16px;
  padding-bottom: 14px;
  padding-left: 16px;
  background-color: #F4F5F1;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  font-weight: 600;
  white-space: nowrap;
  display: table-cell;
  vertical-align: middle;
}
.import02_div-64 {
  display: table-row-group;
}
.import02_div-51 {
  display: table-row;
}
.import02_div-48 {
  padding-top: 14px;
  padding-right: 16px;
  padding-bottom: 14px;
  padding-left: 16px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ECEEE8;
  white-space: nowrap;
  display: table-cell;
  vertical-align: middle;
}
.import02_div-49 {
  padding-top: 14px;
  padding-right: 16px;
  padding-bottom: 14px;
  padding-left: 16px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ECEEE8;
  white-space: nowrap;
  display: table-cell;
  vertical-align: middle;
}
.import02_div-50 {
  padding-top: 14px;
  padding-right: 16px;
  padding-bottom: 14px;
  padding-left: 16px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ECEEE8;
  white-space: nowrap;
  display: table-cell;
  vertical-align: middle;
}
.import02_div-55 {
  display: table-row;
}
.import02_div-52 {
  padding-top: 14px;
  padding-right: 16px;
  padding-bottom: 14px;
  padding-left: 16px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ECEEE8;
  white-space: nowrap;
  display: table-cell;
  vertical-align: middle;
}
.import02_div-53 {
  padding-top: 14px;
  padding-right: 16px;
  padding-bottom: 14px;
  padding-left: 16px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ECEEE8;
  white-space: nowrap;
  display: table-cell;
  vertical-align: middle;
}
.import02_div-54 {
  padding-top: 14px;
  padding-right: 16px;
  padding-bottom: 14px;
  padding-left: 16px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ECEEE8;
  white-space: nowrap;
  display: table-cell;
  vertical-align: middle;
}
.import02_div-59 {
  display: table-row;
}
.import02_div-56 {
  padding-top: 14px;
  padding-right: 16px;
  padding-bottom: 14px;
  padding-left: 16px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ECEEE8;
  white-space: nowrap;
  display: table-cell;
  vertical-align: middle;
}
.import02_div-57 {
  padding-top: 14px;
  padding-right: 16px;
  padding-bottom: 14px;
  padding-left: 16px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ECEEE8;
  white-space: nowrap;
  display: table-cell;
  vertical-align: middle;
}
.import02_div-58 {
  padding-top: 14px;
  padding-right: 16px;
  padding-bottom: 14px;
  padding-left: 16px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ECEEE8;
  white-space: nowrap;
  display: table-cell;
  vertical-align: middle;
}
.import02_div-63 {
  display: table-row;
}
.import02_div-60 {
  padding-top: 14px;
  padding-right: 16px;
  padding-bottom: 14px;
  padding-left: 16px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ECEEE8;
  white-space: nowrap;
  display: table-cell;
  vertical-align: middle;
}
.import02_div-61 {
  padding-top: 14px;
  padding-right: 16px;
  padding-bottom: 14px;
  padding-left: 16px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ECEEE8;
  white-space: nowrap;
  display: table-cell;
  vertical-align: middle;
}
.import02_div-62 {
  padding-top: 14px;
  padding-right: 16px;
  padding-bottom: 14px;
  padding-left: 16px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ECEEE8;
  white-space: nowrap;
  display: table-cell;
  vertical-align: middle;
}
.import02_div-68 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
  padding-top: 14px;
  padding-right: 16px;
  padding-bottom: 14px;
  padding-left: 16px;
}
.import02_div-66 {
  font-size: 14px;
  color: #5B616B;
}
.import02_div-67 {
  height: 44px;
  padding-top: 0;
  padding-right: 18px;
  padding-bottom: 0;
  padding-left: 18px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  cursor: pointer;
  font-weight: 500;
  background-color: #2D4BF0;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
}
.section_import02.is-dark {
  background-color: var(--blok-saas-ink);
  color: var(--blok-saas-canvas);
}
.section_import02.is-accent {
  background-color: var(--blok-saas-blue);
  color: var(--blok-saas-white);
}

/* Generated by Blokset from components/import-03.js. Edit the spec, not this file. */
.section_import03 {
  font-family: var(--blok-font-saas);
  color: #0F1115;
  background-color: #F4F5F1;
  padding-top: clamp(56px, 8vw, 96px);
  padding-right: clamp(20px, 4vw, 48px);
  padding-bottom: clamp(56px, 8vw, 96px);
  padding-left: clamp(20px, 4vw, 48px);
}
.import03_div-44 {
  max-width: 1200px;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  row-gap: 32px;
  column-gap: 32px;
}
.import03_div-3 {
  display: flex;
  flex-direction: column;
  row-gap: 14px;
  column-gap: 14px;
  max-width: 700px;
}
.import03_div-1 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5B616B;
}
.import03_heading {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: clamp(34px, 4.4vw, 56px);
  line-height: 1.02;
  letter-spacing: -0.04em;
  font-weight: 600;
}
.import03_div-15 {
  display: flex;
  flex-wrap: wrap;
  row-gap: 24px;
  column-gap: 24px;
}
.import03_div-9 {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  column-gap: 8px;
}
.import03_div-4 {
  font-size: 14px;
  color: #4E545D;
}
.import03_div-8 {
  display: flex;
  padding-top: 4px;
  padding-right: 4px;
  padding-bottom: 4px;
  padding-left: 4px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
}
.import03_div-5 {
  height: 40px;
  padding-top: 0;
  padding-right: 16px;
  padding-bottom: 0;
  padding-left: 16px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  cursor: pointer;
  font-size: 15px;
  background-color: transparent;
  color: #4E545D;
  display: flex;
  align-items: center;
  justify-content: center;
}
.import03_div-6 {
  height: 40px;
  padding-top: 0;
  padding-right: 16px;
  padding-bottom: 0;
  padding-left: 16px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  cursor: pointer;
  font-size: 15px;
  background-color: #0F1115;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
}
.import03_div-7 {
  height: 40px;
  padding-top: 0;
  padding-right: 16px;
  padding-bottom: 0;
  padding-left: 16px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  cursor: pointer;
  font-size: 15px;
  background-color: transparent;
  color: #4E545D;
  display: flex;
  align-items: center;
  justify-content: center;
}
.import03_div-14 {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  column-gap: 8px;
}
.import03_div-10 {
  font-size: 14px;
  color: #4E545D;
}
.import03_div-13 {
  display: flex;
  padding-top: 4px;
  padding-right: 4px;
  padding-bottom: 4px;
  padding-left: 4px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
}
.import03_div-11 {
  height: 40px;
  padding-top: 0;
  padding-right: 16px;
  padding-bottom: 0;
  padding-left: 16px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  cursor: pointer;
  font-size: 15px;
  background-color: #0F1115;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
}
.import03_div-12 {
  height: 40px;
  padding-top: 0;
  padding-right: 16px;
  padding-bottom: 0;
  padding-left: 16px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  cursor: pointer;
  font-size: 15px;
  background-color: transparent;
  color: #4E545D;
  display: flex;
  align-items: center;
  justify-content: center;
}
.import03_div-42 {
  position: relative;
  padding-top: 8px;
}
.import03_div-16 {
  position: absolute;
  left: 0;
  right: 0;
  top: 28px;
  height: 2px;
  background-color: #DDE0D8;
}
.import03_div-41 {
  list-style: none;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  row-gap: 14px;
  column-gap: 14px;
}
.import03_div-22 {
  display: flex;
  flex-direction: column;
  row-gap: 14px;
  column-gap: 14px;
}
.import03_div-17 {
  align-self: flex-start;
  height: 40px;
  padding-top: 0;
  padding-right: 14px;
  padding-bottom: 0;
  padding-left: 14px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  display: flex;
  align-items: center;
  font-family: var(--blok-font-saas-mono);
  font-size: 13px;
  background-color: #0F1115;
  color: #FFFFFF;
}
.import03_div-21 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  column-gap: 10px;
  padding-top: 18px;
  padding-right: 18px;
  padding-bottom: 18px;
  padding-left: 18px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
}
.import03_div-18 {
  align-self: flex-start;
  padding-top: 3px;
  padding-right: 10px;
  padding-bottom: 3px;
  padding-left: 10px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  font-size: 12px;
  font-weight: 500;
  background-color: #FDEFE4;
  color: #9A4A12;
}
.import03_div-19 {
  font-size: 17px;
  font-weight: 600;
}
.import03_div-20 {
  font-size: 14px;
  line-height: 1.5;
  color: #4E545D;
}
.import03_div-28 {
  display: flex;
  flex-direction: column;
  row-gap: 14px;
  column-gap: 14px;
}
.import03_div-23 {
  align-self: flex-start;
  height: 40px;
  padding-top: 0;
  padding-right: 14px;
  padding-bottom: 0;
  padding-left: 14px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  display: flex;
  align-items: center;
  font-family: var(--blok-font-saas-mono);
  font-size: 13px;
  background-color: #0F1115;
  color: #FFFFFF;
}
.import03_div-27 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  column-gap: 10px;
  padding-top: 18px;
  padding-right: 18px;
  padding-bottom: 18px;
  padding-left: 18px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
}
.import03_div-24 {
  align-self: flex-start;
  padding-top: 3px;
  padding-right: 10px;
  padding-bottom: 3px;
  padding-left: 10px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  font-size: 12px;
  font-weight: 500;
  background-color: #E8ECFE;
  color: #2D4BF0;
}
.import03_div-25 {
  font-size: 17px;
  font-weight: 600;
}
.import03_div-26 {
  font-size: 14px;
  line-height: 1.5;
  color: #4E545D;
}
.import03_div-34 {
  display: flex;
  flex-direction: column;
  row-gap: 14px;
  column-gap: 14px;
}
.import03_div-29 {
  align-self: flex-start;
  height: 40px;
  padding-top: 0;
  padding-right: 14px;
  padding-bottom: 0;
  padding-left: 14px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  display: flex;
  align-items: center;
  font-family: var(--blok-font-saas-mono);
  font-size: 13px;
  background-color: #0F1115;
  color: #FFFFFF;
}
.import03_div-33 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  column-gap: 10px;
  padding-top: 18px;
  padding-right: 18px;
  padding-bottom: 18px;
  padding-left: 18px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
}
.import03_div-30 {
  align-self: flex-start;
  padding-top: 3px;
  padding-right: 10px;
  padding-bottom: 3px;
  padding-left: 10px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  font-size: 12px;
  font-weight: 500;
  background-color: #E5F4EA;
  color: #1D6B3A;
}
.import03_div-31 {
  font-size: 17px;
  font-weight: 600;
}
.import03_div-32 {
  font-size: 14px;
  line-height: 1.5;
  color: #4E545D;
}
.import03_div-40 {
  display: flex;
  flex-direction: column;
  row-gap: 14px;
  column-gap: 14px;
}
.import03_div-35 {
  align-self: flex-start;
  height: 40px;
  padding-top: 0;
  padding-right: 14px;
  padding-bottom: 0;
  padding-left: 14px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  display: flex;
  align-items: center;
  font-family: var(--blok-font-saas-mono);
  font-size: 13px;
  background-color: #0F1115;
  color: #FFFFFF;
}
.import03_div-39 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  column-gap: 10px;
  padding-top: 18px;
  padding-right: 18px;
  padding-bottom: 18px;
  padding-left: 18px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
}
.import03_div-36 {
  align-self: flex-start;
  padding-top: 3px;
  padding-right: 10px;
  padding-bottom: 3px;
  padding-left: 10px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  font-size: 12px;
  font-weight: 500;
  background-color: #FDEFE4;
  color: #9A4A12;
}
.import03_div-37 {
  font-size: 17px;
  font-weight: 600;
}
.import03_div-38 {
  font-size: 14px;
  line-height: 1.5;
  color: #4E545D;
}
.import03_subheading {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 14px;
  color: #5B616B;
}
.section_import03.is-dark {
  background-color: var(--blok-saas-ink);
  color: var(--blok-saas-canvas);
}
.section_import03.is-accent {
  background-color: var(--blok-saas-blue);
  color: var(--blok-saas-white);
}

/* Generated by Blokset from components/integrations-01.js. Edit the spec, not this file. */
.section_integrations01 {
  font-family: var(--blok-font-saas);
  color: #0F1115;
  background-color: #F4F5F1;
  padding-top: clamp(56px, 8vw, 104px);
  padding-right: clamp(20px, 4vw, 48px);
  padding-bottom: clamp(56px, 8vw, 104px);
  padding-left: clamp(20px, 4vw, 48px);
}
.integrations01_div-74 {
  max-width: 1200px;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  row-gap: 36px;
  column-gap: 36px;
}
.integrations01_div-5 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  row-gap: 24px;
  column-gap: 24px;
}
.integrations01_div-3 {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  column-gap: 16px;
  max-width: 620px;
}
.integrations01_div-1 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5B616B;
}
.integrations01_heading {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: clamp(34px, 4.4vw, 56px);
  line-height: 1.02;
  letter-spacing: -0.04em;
  font-weight: 600;
}
.integrations01_a-4 {
  font-weight: 500;
  text-decoration: none;
  color: #2D4BF0;
}
.integrations01_div-21 {
  display: flex;
  flex-wrap: wrap;
  row-gap: 8px;
  column-gap: 8px;
}
.integrations01_div-8 {
  height: 44px;
  padding-top: 0;
  padding-right: 18px;
  padding-bottom: 0;
  padding-left: 18px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  cursor: pointer;
  font-size: 15px;
  font-weight: 500;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #0F1115;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #0F1115;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #0F1115;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #0F1115;
  background-color: #0F1115;
  color: #FFFFFF;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 0.35rem;
}
.integrations01_div-6 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  opacity: 0.7;
}
.integrations01_div-11 {
  height: 44px;
  padding-top: 0;
  padding-right: 18px;
  padding-bottom: 0;
  padding-left: 18px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  cursor: pointer;
  font-size: 15px;
  font-weight: 500;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  background-color: #FFFFFF;
  color: #0F1115;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 0.35rem;
}
.integrations01_div-9 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  opacity: 0.7;
}
.integrations01_div-14 {
  height: 44px;
  padding-top: 0;
  padding-right: 18px;
  padding-bottom: 0;
  padding-left: 18px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  cursor: pointer;
  font-size: 15px;
  font-weight: 500;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  background-color: #FFFFFF;
  color: #0F1115;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 0.35rem;
}
.integrations01_div-12 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  opacity: 0.7;
}
.integrations01_div-17 {
  height: 44px;
  padding-top: 0;
  padding-right: 18px;
  padding-bottom: 0;
  padding-left: 18px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  cursor: pointer;
  font-size: 15px;
  font-weight: 500;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  background-color: #FFFFFF;
  color: #0F1115;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 0.35rem;
}
.integrations01_div-15 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  opacity: 0.7;
}
.integrations01_div-20 {
  height: 44px;
  padding-top: 0;
  padding-right: 18px;
  padding-bottom: 0;
  padding-left: 18px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  cursor: pointer;
  font-size: 15px;
  font-weight: 500;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  background-color: #FFFFFF;
  color: #0F1115;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 0.35rem;
}
.integrations01_div-18 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  opacity: 0.7;
}
.integrations01_div-72 {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 12px;
  column-gap: 12px;
}
.integrations01_a-26 {
  display: flex;
  align-items: center;
  row-gap: 14px;
  column-gap: 14px;
  padding-top: 18px;
  padding-right: 18px;
  padding-bottom: 18px;
  padding-left: 18px;
  min-height: 88px;
  box-sizing: border-box;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 14px;
  text-decoration: none;
  color: #0F1115;
}
.integrations01_div-22 {
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top-left-radius: 11px;
  border-top-right-radius: 11px;
  border-bottom-right-radius: 11px;
  border-bottom-left-radius: 11px;
  font-weight: 600;
  font-size: 16px;
  background-color: #E8ECFE;
  color: #2D4BF0;
}
.integrations01_div-25 {
  display: flex;
  flex-direction: column;
  row-gap: 3px;
  column-gap: 3px;
  min-width: 0;
}
.integrations01_div-23 {
  font-weight: 600;
  font-size: 15px;
}
.integrations01_div-24 {
  font-size: 13px;
  color: #5B616B;
}
.integrations01_a-31 {
  display: flex;
  align-items: center;
  row-gap: 14px;
  column-gap: 14px;
  padding-top: 18px;
  padding-right: 18px;
  padding-bottom: 18px;
  padding-left: 18px;
  min-height: 88px;
  box-sizing: border-box;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 14px;
  text-decoration: none;
  color: #0F1115;
}
.integrations01_div-27 {
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top-left-radius: 11px;
  border-top-right-radius: 11px;
  border-bottom-right-radius: 11px;
  border-bottom-left-radius: 11px;
  font-weight: 600;
  font-size: 16px;
  background-color: #E8ECFE;
  color: #2D4BF0;
}
.integrations01_div-30 {
  display: flex;
  flex-direction: column;
  row-gap: 3px;
  column-gap: 3px;
  min-width: 0;
}
.integrations01_div-28 {
  font-weight: 600;
  font-size: 15px;
}
.integrations01_div-29 {
  font-size: 13px;
  color: #5B616B;
}
.integrations01_a-36 {
  display: flex;
  align-items: center;
  row-gap: 14px;
  column-gap: 14px;
  padding-top: 18px;
  padding-right: 18px;
  padding-bottom: 18px;
  padding-left: 18px;
  min-height: 88px;
  box-sizing: border-box;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 14px;
  text-decoration: none;
  color: #0F1115;
}
.integrations01_div-32 {
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top-left-radius: 11px;
  border-top-right-radius: 11px;
  border-bottom-right-radius: 11px;
  border-bottom-left-radius: 11px;
  font-weight: 600;
  font-size: 16px;
  background-color: #E5F4EA;
  color: #1D6B3A;
}
.integrations01_div-35 {
  display: flex;
  flex-direction: column;
  row-gap: 3px;
  column-gap: 3px;
  min-width: 0;
}
.integrations01_div-33 {
  font-weight: 600;
  font-size: 15px;
}
.integrations01_div-34 {
  font-size: 13px;
  color: #5B616B;
}
.integrations01_a-41 {
  display: flex;
  align-items: center;
  row-gap: 14px;
  column-gap: 14px;
  padding-top: 18px;
  padding-right: 18px;
  padding-bottom: 18px;
  padding-left: 18px;
  min-height: 88px;
  box-sizing: border-box;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 14px;
  text-decoration: none;
  color: #0F1115;
}
.integrations01_div-37 {
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top-left-radius: 11px;
  border-top-right-radius: 11px;
  border-bottom-right-radius: 11px;
  border-bottom-left-radius: 11px;
  font-weight: 600;
  font-size: 16px;
  background-color: #E5F4EA;
  color: #1D6B3A;
}
.integrations01_div-40 {
  display: flex;
  flex-direction: column;
  row-gap: 3px;
  column-gap: 3px;
  min-width: 0;
}
.integrations01_div-38 {
  font-weight: 600;
  font-size: 15px;
}
.integrations01_div-39 {
  font-size: 13px;
  color: #5B616B;
}
.integrations01_a-46 {
  display: flex;
  align-items: center;
  row-gap: 14px;
  column-gap: 14px;
  padding-top: 18px;
  padding-right: 18px;
  padding-bottom: 18px;
  padding-left: 18px;
  min-height: 88px;
  box-sizing: border-box;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 14px;
  text-decoration: none;
  color: #0F1115;
}
.integrations01_div-42 {
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top-left-radius: 11px;
  border-top-right-radius: 11px;
  border-bottom-right-radius: 11px;
  border-bottom-left-radius: 11px;
  font-weight: 600;
  font-size: 16px;
  background-color: #E5F4EA;
  color: #1D6B3A;
}
.integrations01_div-45 {
  display: flex;
  flex-direction: column;
  row-gap: 3px;
  column-gap: 3px;
  min-width: 0;
}
.integrations01_div-43 {
  font-weight: 600;
  font-size: 15px;
}
.integrations01_div-44 {
  font-size: 13px;
  color: #5B616B;
}
.integrations01_a-51 {
  display: flex;
  align-items: center;
  row-gap: 14px;
  column-gap: 14px;
  padding-top: 18px;
  padding-right: 18px;
  padding-bottom: 18px;
  padding-left: 18px;
  min-height: 88px;
  box-sizing: border-box;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 14px;
  text-decoration: none;
  color: #0F1115;
}
.integrations01_div-47 {
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top-left-radius: 11px;
  border-top-right-radius: 11px;
  border-bottom-right-radius: 11px;
  border-bottom-left-radius: 11px;
  font-weight: 600;
  font-size: 16px;
  background-color: #FDEFE4;
  color: #9A4A12;
}
.integrations01_div-50 {
  display: flex;
  flex-direction: column;
  row-gap: 3px;
  column-gap: 3px;
  min-width: 0;
}
.integrations01_div-48 {
  font-weight: 600;
  font-size: 15px;
}
.integrations01_div-49 {
  font-size: 13px;
  color: #5B616B;
}
.integrations01_a-56 {
  display: flex;
  align-items: center;
  row-gap: 14px;
  column-gap: 14px;
  padding-top: 18px;
  padding-right: 18px;
  padding-bottom: 18px;
  padding-left: 18px;
  min-height: 88px;
  box-sizing: border-box;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 14px;
  text-decoration: none;
  color: #0F1115;
}
.integrations01_div-52 {
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top-left-radius: 11px;
  border-top-right-radius: 11px;
  border-bottom-right-radius: 11px;
  border-bottom-left-radius: 11px;
  font-weight: 600;
  font-size: 16px;
  background-color: #FDEFE4;
  color: #9A4A12;
}
.integrations01_div-55 {
  display: flex;
  flex-direction: column;
  row-gap: 3px;
  column-gap: 3px;
  min-width: 0;
}
.integrations01_div-53 {
  font-weight: 600;
  font-size: 15px;
}
.integrations01_div-54 {
  font-size: 13px;
  color: #5B616B;
}
.integrations01_a-61 {
  display: flex;
  align-items: center;
  row-gap: 14px;
  column-gap: 14px;
  padding-top: 18px;
  padding-right: 18px;
  padding-bottom: 18px;
  padding-left: 18px;
  min-height: 88px;
  box-sizing: border-box;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 14px;
  text-decoration: none;
  color: #0F1115;
}
.integrations01_div-57 {
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top-left-radius: 11px;
  border-top-right-radius: 11px;
  border-bottom-right-radius: 11px;
  border-bottom-left-radius: 11px;
  font-weight: 600;
  font-size: 16px;
  background-color: #F1E9FB;
  color: #6B32A8;
}
.integrations01_div-60 {
  display: flex;
  flex-direction: column;
  row-gap: 3px;
  column-gap: 3px;
  min-width: 0;
}
.integrations01_div-58 {
  font-weight: 600;
  font-size: 15px;
}
.integrations01_div-59 {
  font-size: 13px;
  color: #5B616B;
}
.integrations01_a-66 {
  display: flex;
  align-items: center;
  row-gap: 14px;
  column-gap: 14px;
  padding-top: 18px;
  padding-right: 18px;
  padding-bottom: 18px;
  padding-left: 18px;
  min-height: 88px;
  box-sizing: border-box;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 14px;
  text-decoration: none;
  color: #0F1115;
}
.integrations01_div-62 {
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top-left-radius: 11px;
  border-top-right-radius: 11px;
  border-bottom-right-radius: 11px;
  border-bottom-left-radius: 11px;
  font-weight: 600;
  font-size: 16px;
  background-color: #F1E9FB;
  color: #6B32A8;
}
.integrations01_div-65 {
  display: flex;
  flex-direction: column;
  row-gap: 3px;
  column-gap: 3px;
  min-width: 0;
}
.integrations01_div-63 {
  font-weight: 600;
  font-size: 15px;
}
.integrations01_div-64 {
  font-size: 13px;
  color: #5B616B;
}
.integrations01_a-71 {
  display: flex;
  align-items: center;
  row-gap: 14px;
  column-gap: 14px;
  padding-top: 18px;
  padding-right: 18px;
  padding-bottom: 18px;
  padding-left: 18px;
  min-height: 88px;
  box-sizing: border-box;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 14px;
  text-decoration: none;
  color: #0F1115;
}
.integrations01_div-67 {
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top-left-radius: 11px;
  border-top-right-radius: 11px;
  border-bottom-right-radius: 11px;
  border-bottom-left-radius: 11px;
  font-weight: 600;
  font-size: 16px;
  background-color: #F1E9FB;
  color: #6B32A8;
}
.integrations01_div-70 {
  display: flex;
  flex-direction: column;
  row-gap: 3px;
  column-gap: 3px;
  min-width: 0;
}
.integrations01_div-68 {
  font-weight: 600;
  font-size: 15px;
}
.integrations01_div-69 {
  font-size: 13px;
  color: #5B616B;
}
.integrations01_subheading {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 14px;
  color: #5B616B;
}
.section_integrations01.is-dark {
  background-color: var(--blok-saas-ink);
  color: var(--blok-saas-canvas);
}
.section_integrations01.is-accent {
  background-color: var(--blok-saas-blue);
  color: var(--blok-saas-white);
}

@media (min-width: 768px) {
  .integrations01_div-72 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 992px) {
  .integrations01_div-72 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

/* Generated by Blokset from components/integrations-02.js. Edit the spec, not this file. */
.section_integrations02 {
  font-family: var(--blok-font-saas);
  color: #0F1115;
  background-color: #FFFFFF;
  padding-top: clamp(56px, 8vw, 104px);
  padding-right: clamp(20px, 4vw, 48px);
  padding-bottom: clamp(56px, 8vw, 104px);
  padding-left: clamp(20px, 4vw, 48px);
}
.integrations02_div-56 {
  max-width: 1200px;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  display: flex;
  flex-wrap: wrap;
  row-gap: clamp(32px, 5vw, 64px);
  column-gap: clamp(32px, 5vw, 64px);
}
.integrations02_div-12 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 340px;
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  column-gap: 20px;
  max-width: 420px;
}
.integrations02_div-1 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5B616B;
}
.integrations02_heading {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: clamp(34px, 4.4vw, 56px);
  line-height: 1.02;
  letter-spacing: -0.04em;
  font-weight: 600;
}
.integrations02_subheading {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 18px;
  line-height: 1.55;
  color: #4E545D;
}
.integrations02_div-11 {
  margin-top: 8px;
  padding-top: 22px;
  padding-right: 22px;
  padding-bottom: 22px;
  padding-left: 22px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  background-color: #0F1115;
  color: #F4F5F1;
  display: flex;
  flex-direction: column;
  row-gap: 14px;
  column-gap: 14px;
}
.integrations02_div-6 {
  display: flex;
  align-items: baseline;
  row-gap: 10px;
  column-gap: 10px;
}
.integrations02_div-4 {
  font-size: 48px;
  font-weight: 600;
  letter-spacing: -0.04em;
  line-height: 1;
}
.integrations02_div-5 {
  font-size: 15px;
  color: #A7ADB6;
}
.integrations02_div-10 {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  column-gap: 8px;
}
.integrations02_div-9 {
  display: flex;
  align-items: center;
  row-gap: 10px;
  column-gap: 10px;
  font-size: 14px;
  color: #C9CDD4;
}
.integrations02_div-7 {
  color: #8FD3A8;
}
.integrations02_div-55 {
  flex-grow: 999;
  flex-shrink: 1;
  flex-basis: 520px;
  min-width: 0;
  display: flex;
  flex-direction: column;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #ECEEE8;
}
.integrations02_div-19 {
  display: flex;
  align-items: center;
  row-gap: 16px;
  column-gap: 16px;
  padding-top: 16px;
  padding-right: 0;
  padding-bottom: 16px;
  padding-left: 0;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ECEEE8;
}
.integrations02_div-13 {
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 16px;
  background-color: #E5F4EA;
  color: #1D6B3A;
}
.integrations02_div-16 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  min-width: 0;
  display: flex;
  flex-direction: column;
  row-gap: 2px;
  column-gap: 2px;
}
.integrations02_div-14 {
  font-size: 17px;
  font-weight: 600;
}
.integrations02_div-15 {
  font-size: 14px;
  color: #5B616B;
}
.integrations02_div-18 {
  flex-shrink: 0;
  position: relative;
  width: 52px;
  height: 30px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  cursor: pointer;
  background-color: #2D4BF0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.integrations02_div-17 {
  position: absolute;
  top: 3px;
  left: 25px;
  width: 24px;
  height: 24px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #FFFFFF;
  box-shadow: 0 1px 3px rgba(0,0,0,0.25);
  transition: left 160ms ease;
}
.integrations02_div-26 {
  display: flex;
  align-items: center;
  row-gap: 16px;
  column-gap: 16px;
  padding-top: 16px;
  padding-right: 0;
  padding-bottom: 16px;
  padding-left: 0;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ECEEE8;
}
.integrations02_div-20 {
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 16px;
  background-color: #E8ECFE;
  color: #2D4BF0;
}
.integrations02_div-23 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  min-width: 0;
  display: flex;
  flex-direction: column;
  row-gap: 2px;
  column-gap: 2px;
}
.integrations02_div-21 {
  font-size: 17px;
  font-weight: 600;
}
.integrations02_div-22 {
  font-size: 14px;
  color: #5B616B;
}
.integrations02_div-25 {
  flex-shrink: 0;
  position: relative;
  width: 52px;
  height: 30px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  cursor: pointer;
  background-color: #CFD3CA;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.integrations02_div-24 {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 24px;
  height: 24px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #FFFFFF;
  box-shadow: 0 1px 3px rgba(0,0,0,0.25);
  transition: left 160ms ease;
}
.integrations02_div-33 {
  display: flex;
  align-items: center;
  row-gap: 16px;
  column-gap: 16px;
  padding-top: 16px;
  padding-right: 0;
  padding-bottom: 16px;
  padding-left: 0;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ECEEE8;
}
.integrations02_div-27 {
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 16px;
  background-color: #FDEFE4;
  color: #9A4A12;
}
.integrations02_div-30 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  min-width: 0;
  display: flex;
  flex-direction: column;
  row-gap: 2px;
  column-gap: 2px;
}
.integrations02_div-28 {
  font-size: 17px;
  font-weight: 600;
}
.integrations02_div-29 {
  font-size: 14px;
  color: #5B616B;
}
.integrations02_div-32 {
  flex-shrink: 0;
  position: relative;
  width: 52px;
  height: 30px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  cursor: pointer;
  background-color: #CFD3CA;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.integrations02_div-31 {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 24px;
  height: 24px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #FFFFFF;
  box-shadow: 0 1px 3px rgba(0,0,0,0.25);
  transition: left 160ms ease;
}
.integrations02_div-40 {
  display: flex;
  align-items: center;
  row-gap: 16px;
  column-gap: 16px;
  padding-top: 16px;
  padding-right: 0;
  padding-bottom: 16px;
  padding-left: 0;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ECEEE8;
}
.integrations02_div-34 {
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 16px;
  background-color: #F1E9FB;
  color: #6B32A8;
}
.integrations02_div-37 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  min-width: 0;
  display: flex;
  flex-direction: column;
  row-gap: 2px;
  column-gap: 2px;
}
.integrations02_div-35 {
  font-size: 17px;
  font-weight: 600;
}
.integrations02_div-36 {
  font-size: 14px;
  color: #5B616B;
}
.integrations02_div-39 {
  flex-shrink: 0;
  position: relative;
  width: 52px;
  height: 30px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  cursor: pointer;
  background-color: #CFD3CA;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.integrations02_div-38 {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 24px;
  height: 24px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #FFFFFF;
  box-shadow: 0 1px 3px rgba(0,0,0,0.25);
  transition: left 160ms ease;
}
.integrations02_div-47 {
  display: flex;
  align-items: center;
  row-gap: 16px;
  column-gap: 16px;
  padding-top: 16px;
  padding-right: 0;
  padding-bottom: 16px;
  padding-left: 0;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ECEEE8;
}
.integrations02_div-41 {
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 16px;
  background-color: #ECEEE8;
  color: #0F1115;
}
.integrations02_div-44 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  min-width: 0;
  display: flex;
  flex-direction: column;
  row-gap: 2px;
  column-gap: 2px;
}
.integrations02_div-42 {
  font-size: 17px;
  font-weight: 600;
}
.integrations02_div-43 {
  font-size: 14px;
  color: #5B616B;
}
.integrations02_div-46 {
  flex-shrink: 0;
  position: relative;
  width: 52px;
  height: 30px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  cursor: pointer;
  background-color: #CFD3CA;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.integrations02_div-45 {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 24px;
  height: 24px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #FFFFFF;
  box-shadow: 0 1px 3px rgba(0,0,0,0.25);
  transition: left 160ms ease;
}
.integrations02_div-54 {
  display: flex;
  align-items: center;
  row-gap: 16px;
  column-gap: 16px;
  padding-top: 16px;
  padding-right: 0;
  padding-bottom: 16px;
  padding-left: 0;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ECEEE8;
}
.integrations02_div-48 {
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 16px;
  background-color: #E8ECFE;
  color: #2D4BF0;
}
.integrations02_div-51 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  min-width: 0;
  display: flex;
  flex-direction: column;
  row-gap: 2px;
  column-gap: 2px;
}
.integrations02_div-49 {
  font-size: 17px;
  font-weight: 600;
}
.integrations02_div-50 {
  font-size: 14px;
  color: #5B616B;
}
.integrations02_div-53 {
  flex-shrink: 0;
  position: relative;
  width: 52px;
  height: 30px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  cursor: pointer;
  background-color: #CFD3CA;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.integrations02_div-52 {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 24px;
  height: 24px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #FFFFFF;
  box-shadow: 0 1px 3px rgba(0,0,0,0.25);
  transition: left 160ms ease;
}
.section_integrations02.is-dark {
  background-color: var(--blok-saas-ink);
  color: var(--blok-saas-canvas);
}
.section_integrations02.is-accent {
  background-color: var(--blok-saas-blue);
  color: var(--blok-saas-white);
}

/* Generated by Blokset from components/integrations-03.js. Edit the spec, not this file. */
.section_integrations03 {
  font-family: var(--blok-font-saas);
  color: #0F1115;
  background-color: #F4F5F1;
  padding-top: clamp(56px, 8vw, 96px);
  padding-right: clamp(20px, 4vw, 48px);
  padding-bottom: clamp(56px, 8vw, 96px);
  padding-left: clamp(20px, 4vw, 48px);
}
.integrations03_div-43 {
  max-width: 1200px;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  row-gap: clamp(32px, 5vw, 72px);
  column-gap: clamp(32px, 5vw, 72px);
}
.integrations03_div-24 {
  position: relative;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 560px;
  width: 100%;
  max-width: 560px;
  aspect-ratio: 1 / 1;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
}
.integrations03_icon-1 {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}
.integrations03_div-5 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 112px;
  height: 112px;
  border-top-left-radius: 28px;
  border-top-right-radius: 28px;
  border-bottom-right-radius: 28px;
  border-bottom-left-radius: 28px;
  background-color: #0F1115;
  color: #FFFFFF;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  row-gap: 8px;
  column-gap: 8px;
  box-shadow: 0 20px 40px -20px rgba(15,17,21,0.6);
}
.integrations03_div-3 {
  width: 34px;
  height: 34px;
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
  border-bottom-right-radius: 9px;
  border-bottom-left-radius: 9px;
  background-color: #2D4BF0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.integrations03_div-2 {
  width: 13px;
  height: 13px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  background-color: #FFFFFF;
}
.integrations03_div-4 {
  font-size: 14px;
  font-weight: 600;
}
.integrations03_div-8 {
  position: absolute;
  left: 50%;
  top: 12%;
  transform: translate(-50%, -50%) scale(1.08);
  width: 84px;
  height: 84px;
  border-top-left-radius: 22px;
  border-top-right-radius: 22px;
  border-bottom-right-radius: 22px;
  border-bottom-left-radius: 22px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  row-gap: 4px;
  column-gap: 4px;
  border-top-width: 2px;
  border-top-style: solid;
  border-top-color: #2D4BF0;
  border-right-width: 2px;
  border-right-style: solid;
  border-right-color: #2D4BF0;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #2D4BF0;
  border-left-width: 2px;
  border-left-style: solid;
  border-left-color: #2D4BF0;
  background-color: #FFFFFF;
  color: #0F1115;
  transition: transform 160ms ease;
  box-shadow: 0 10px 24px -18px rgba(15,17,21,0.5);
  line-height: 1;
  flex-shrink: 0;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.integrations03_div-6 {
  width: 30px;
  height: 30px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 600;
  background-color: #E5F4EA;
  color: #1D6B3A;
}
.integrations03_div-7 {
  font-size: 12px;
  font-weight: 500;
}
.integrations03_div-11 {
  position: absolute;
  left: 82.91%;
  top: 31%;
  transform: translate(-50%, -50%) scale(1);
  width: 84px;
  height: 84px;
  border-top-left-radius: 22px;
  border-top-right-radius: 22px;
  border-bottom-right-radius: 22px;
  border-bottom-left-radius: 22px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  row-gap: 4px;
  column-gap: 4px;
  border-top-width: 2px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 2px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 2px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
  background-color: #FFFFFF;
  color: #0F1115;
  transition: transform 160ms ease;
  box-shadow: 0 10px 24px -18px rgba(15,17,21,0.5);
  line-height: 1;
  flex-shrink: 0;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.integrations03_div-9 {
  width: 30px;
  height: 30px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 600;
  background-color: #E8ECFE;
  color: #2D4BF0;
}
.integrations03_div-10 {
  font-size: 12px;
  font-weight: 500;
}
.integrations03_div-14 {
  position: absolute;
  left: 82.91%;
  top: 69%;
  transform: translate(-50%, -50%) scale(1);
  width: 84px;
  height: 84px;
  border-top-left-radius: 22px;
  border-top-right-radius: 22px;
  border-bottom-right-radius: 22px;
  border-bottom-left-radius: 22px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  row-gap: 4px;
  column-gap: 4px;
  border-top-width: 2px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 2px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 2px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
  background-color: #FFFFFF;
  color: #0F1115;
  transition: transform 160ms ease;
  box-shadow: 0 10px 24px -18px rgba(15,17,21,0.5);
  line-height: 1;
  flex-shrink: 0;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.integrations03_div-12 {
  width: 30px;
  height: 30px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 600;
  background-color: #FDEFE4;
  color: #9A4A12;
}
.integrations03_div-13 {
  font-size: 12px;
  font-weight: 500;
}
.integrations03_div-17 {
  position: absolute;
  left: 50%;
  top: 88%;
  transform: translate(-50%, -50%) scale(1);
  width: 84px;
  height: 84px;
  border-top-left-radius: 22px;
  border-top-right-radius: 22px;
  border-bottom-right-radius: 22px;
  border-bottom-left-radius: 22px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  row-gap: 4px;
  column-gap: 4px;
  border-top-width: 2px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 2px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 2px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
  background-color: #FFFFFF;
  color: #0F1115;
  transition: transform 160ms ease;
  box-shadow: 0 10px 24px -18px rgba(15,17,21,0.5);
  line-height: 1;
  flex-shrink: 0;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.integrations03_div-15 {
  width: 30px;
  height: 30px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 600;
  background-color: #F1E9FB;
  color: #6B32A8;
}
.integrations03_div-16 {
  font-size: 12px;
  font-weight: 500;
}
.integrations03_div-20 {
  position: absolute;
  left: 17.09%;
  top: 69%;
  transform: translate(-50%, -50%) scale(1);
  width: 84px;
  height: 84px;
  border-top-left-radius: 22px;
  border-top-right-radius: 22px;
  border-bottom-right-radius: 22px;
  border-bottom-left-radius: 22px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  row-gap: 4px;
  column-gap: 4px;
  border-top-width: 2px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 2px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 2px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
  background-color: #FFFFFF;
  color: #0F1115;
  transition: transform 160ms ease;
  box-shadow: 0 10px 24px -18px rgba(15,17,21,0.5);
  line-height: 1;
  flex-shrink: 0;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.integrations03_div-18 {
  width: 30px;
  height: 30px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 600;
  background-color: #ECEEE8;
  color: #0F1115;
}
.integrations03_div-19 {
  font-size: 12px;
  font-weight: 500;
}
.integrations03_div-23 {
  position: absolute;
  left: 17.09%;
  top: 31%;
  transform: translate(-50%, -50%) scale(1);
  width: 84px;
  height: 84px;
  border-top-left-radius: 22px;
  border-top-right-radius: 22px;
  border-bottom-right-radius: 22px;
  border-bottom-left-radius: 22px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  row-gap: 4px;
  column-gap: 4px;
  border-top-width: 2px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 2px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 2px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
  background-color: #FFFFFF;
  color: #0F1115;
  transition: transform 160ms ease;
  box-shadow: 0 10px 24px -18px rgba(15,17,21,0.5);
  line-height: 1;
  flex-shrink: 0;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.integrations03_div-21 {
  width: 30px;
  height: 30px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 600;
  background-color: #E8ECFE;
  color: #2D4BF0;
}
.integrations03_div-22 {
  font-size: 12px;
  font-weight: 500;
}
.integrations03_div-42 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 380px;
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  column-gap: 20px;
}
.integrations03_div-25 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5B616B;
}
.integrations03_heading {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: clamp(34px, 4.4vw, 56px);
  line-height: 1.02;
  letter-spacing: -0.04em;
  font-weight: 600;
}
.integrations03_subheading {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 18px;
  line-height: 1.55;
  color: #4E545D;
}
.integrations03_stack-253 {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.integrations03_div-41 {
  padding-top: 24px;
  padding-right: 24px;
  padding-bottom: 24px;
  padding-left: 24px;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
  border-bottom-left-radius: 18px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  column-gap: 16px;
}
.integrations03_div-30 {
  display: flex;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
}
.integrations03_div-28 {
  width: 40px;
  height: 40px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  background-color: #E5F4EA;
  color: #1D6B3A;
}
.integrations03_div-29 {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.02em;
}
.integrations03_div-39 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  row-gap: 12px;
  column-gap: 12px;
}
.integrations03_div-34 {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  column-gap: 8px;
}
.integrations03_div-31 {
  font-family: var(--blok-font-saas-mono);
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5B616B;
}
.integrations03_div-32 {
  font-size: 15px;
}
.integrations03_div-33 {
  font-size: 15px;
}
.integrations03_div-38 {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  column-gap: 8px;
}
.integrations03_div-35 {
  font-family: var(--blok-font-saas-mono);
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5B616B;
}
.integrations03_div-36 {
  font-size: 15px;
}
.integrations03_div-37 {
  font-size: 15px;
}
.integrations03_a-40 {
  font-weight: 500;
  text-decoration: none;
  color: #2D4BF0;
}
.integrations03_div-83 {
  padding-top: 24px;
  padding-right: 24px;
  padding-bottom: 24px;
  padding-left: 24px;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
  border-bottom-left-radius: 18px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  display: none;
  flex-direction: column;
  row-gap: 16px;
  column-gap: 16px;
}
.integrations03_div-73 {
  display: flex;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
}
.integrations03_div-71 {
  width: 40px;
  height: 40px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  background-color: #E8ECFE;
  color: #2D4BF0;
}
.integrations03_div-72 {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.02em;
}
.integrations03_div-81 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  row-gap: 12px;
  column-gap: 12px;
}
.integrations03_div-77 {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  column-gap: 8px;
}
.integrations03_div-74 {
  font-family: var(--blok-font-saas-mono);
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5B616B;
}
.integrations03_div-75 {
  font-size: 15px;
}
.integrations03_div-76 {
  font-size: 15px;
}
.integrations03_div-80 {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  column-gap: 8px;
}
.integrations03_div-78 {
  font-family: var(--blok-font-saas-mono);
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5B616B;
}
.integrations03_div-79 {
  font-size: 15px;
}
.integrations03_a-82 {
  font-weight: 500;
  text-decoration: none;
  color: #2D4BF0;
}
.integrations03_div-125 {
  padding-top: 24px;
  padding-right: 24px;
  padding-bottom: 24px;
  padding-left: 24px;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
  border-bottom-left-radius: 18px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  display: none;
  flex-direction: column;
  row-gap: 16px;
  column-gap: 16px;
}
.integrations03_div-115 {
  display: flex;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
}
.integrations03_div-113 {
  width: 40px;
  height: 40px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  background-color: #FDEFE4;
  color: #9A4A12;
}
.integrations03_div-114 {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.02em;
}
.integrations03_div-123 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  row-gap: 12px;
  column-gap: 12px;
}
.integrations03_div-118 {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  column-gap: 8px;
}
.integrations03_div-116 {
  font-family: var(--blok-font-saas-mono);
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5B616B;
}
.integrations03_div-117 {
  font-size: 15px;
}
.integrations03_div-122 {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  column-gap: 8px;
}
.integrations03_div-119 {
  font-family: var(--blok-font-saas-mono);
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5B616B;
}
.integrations03_div-120 {
  font-size: 15px;
}
.integrations03_div-121 {
  font-size: 15px;
}
.integrations03_a-124 {
  font-weight: 500;
  text-decoration: none;
  color: #2D4BF0;
}
.integrations03_div-167 {
  padding-top: 24px;
  padding-right: 24px;
  padding-bottom: 24px;
  padding-left: 24px;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
  border-bottom-left-radius: 18px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  display: none;
  flex-direction: column;
  row-gap: 16px;
  column-gap: 16px;
}
.integrations03_div-157 {
  display: flex;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
}
.integrations03_div-155 {
  width: 40px;
  height: 40px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  background-color: #F1E9FB;
  color: #6B32A8;
}
.integrations03_div-156 {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.02em;
}
.integrations03_div-165 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  row-gap: 12px;
  column-gap: 12px;
}
.integrations03_div-160 {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  column-gap: 8px;
}
.integrations03_div-158 {
  font-family: var(--blok-font-saas-mono);
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5B616B;
}
.integrations03_div-159 {
  font-size: 15px;
}
.integrations03_div-164 {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  column-gap: 8px;
}
.integrations03_div-161 {
  font-family: var(--blok-font-saas-mono);
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5B616B;
}
.integrations03_div-162 {
  font-size: 15px;
}
.integrations03_div-163 {
  font-size: 15px;
}
.integrations03_a-166 {
  font-weight: 500;
  text-decoration: none;
  color: #2D4BF0;
}
.integrations03_div-208 {
  padding-top: 24px;
  padding-right: 24px;
  padding-bottom: 24px;
  padding-left: 24px;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
  border-bottom-left-radius: 18px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  display: none;
  flex-direction: column;
  row-gap: 16px;
  column-gap: 16px;
}
.integrations03_div-199 {
  display: flex;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
}
.integrations03_div-197 {
  width: 40px;
  height: 40px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  background-color: #ECEEE8;
  color: #0F1115;
}
.integrations03_div-198 {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.02em;
}
.integrations03_div-206 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  row-gap: 12px;
  column-gap: 12px;
}
.integrations03_div-202 {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  column-gap: 8px;
}
.integrations03_div-200 {
  font-family: var(--blok-font-saas-mono);
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5B616B;
}
.integrations03_div-201 {
  font-size: 15px;
}
.integrations03_div-205 {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  column-gap: 8px;
}
.integrations03_div-203 {
  font-family: var(--blok-font-saas-mono);
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5B616B;
}
.integrations03_div-204 {
  font-size: 15px;
}
.integrations03_a-207 {
  font-weight: 500;
  text-decoration: none;
  color: #2D4BF0;
}
.integrations03_div-250 {
  padding-top: 24px;
  padding-right: 24px;
  padding-bottom: 24px;
  padding-left: 24px;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
  border-bottom-left-radius: 18px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  display: none;
  flex-direction: column;
  row-gap: 16px;
  column-gap: 16px;
}
.integrations03_div-240 {
  display: flex;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
}
.integrations03_div-238 {
  width: 40px;
  height: 40px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  background-color: #E8ECFE;
  color: #2D4BF0;
}
.integrations03_div-239 {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.02em;
}
.integrations03_div-248 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  row-gap: 12px;
  column-gap: 12px;
}
.integrations03_div-243 {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  column-gap: 8px;
}
.integrations03_div-241 {
  font-family: var(--blok-font-saas-mono);
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5B616B;
}
.integrations03_div-242 {
  font-size: 15px;
}
.integrations03_div-247 {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  column-gap: 8px;
}
.integrations03_div-244 {
  font-family: var(--blok-font-saas-mono);
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5B616B;
}
.integrations03_div-245 {
  font-size: 15px;
}
.integrations03_div-246 {
  font-size: 15px;
}
.integrations03_a-249 {
  font-weight: 500;
  text-decoration: none;
  color: #2D4BF0;
}
.section_integrations03.is-dark {
  background-color: var(--blok-saas-ink);
  color: var(--blok-saas-canvas);
}
.section_integrations03.is-accent {
  background-color: var(--blok-saas-blue);
  color: var(--blok-saas-white);
}

/* Generated by Blokset from components/nav-01.js. Edit the spec, not this file. */
.section_nav1 {
  position: sticky;
  top: 0;
  z-index: 20;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: var(--blok-line);
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.nav1_bar {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  column-gap: 1rem;
  row-gap: 0rem;
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}
.nav1_brand {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  font-family: var(--blok-font-display);
  font-size: 1.25rem;
  line-height: 1;
  font-weight: 600;
  letter-spacing: -0.03em;
  text-decoration: none;
  color: inherit;
}
.nav1_logo {
  display: block;
  width: auto;
  height: 1.75rem;
  object-fit: contain;
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
}
.nav1_tools {
  display: flex;
  align-items: center;
  column-gap: 1rem;
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 1;
}
.nav1_toggle {
  display: flex;
  align-items: center;
  cursor: pointer;
  color: var(--blok-ink-muted);
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.nav1_actions {
  display: flex;
}
.nav1_panel {
  display: none;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 0.25rem;
  column-gap: 0rem;
  padding-top: 0.75rem;
  padding-bottom: 0.5rem;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: var(--blok-line);
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 2;
}
.nav1_link {
  text-decoration: none;
  font-size: 1rem;
  line-height: 1.4;
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
  color: var(--blok-ink);
}
.section_nav1.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
  border-bottom-color: var(--blok-line-inverse);
}
.nav1_link.is-dark {
  color: var(--blok-surface);
}
.nav1_toggle.is-dark {
  color: var(--blok-surface-muted);
}
.nav1_panel.is-dark {
  border-top-color: var(--blok-line-inverse);
}
.section_nav1.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
  border-bottom-color: var(--blok-line);
}
.nav1_link.is-accent {
  color: var(--blok-ink);
}
.nav1_toggle.is-accent {
  color: var(--blok-ink-soft);
}
.nav1_panel.is-accent {
  border-top-color: var(--blok-line);
}

@media (min-width: 992px) {
  .nav1_bar {
    grid-template-columns: auto 1fr auto;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .nav1_tools {
    grid-column-start: 3;
    grid-column-end: 4;
  }
  .nav1_toggle {
    display: none;
  }
  .nav1_panel {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    column-gap: 1.75rem;
    row-gap: 0rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
    border-top-width: 0px;
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
  }
}

/* Generated by Blokset from components/nav-02.js. Edit the spec, not this file. */
.section_nav2 {
  position: sticky;
  top: 0;
  z-index: 30;
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.nav2_bar {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 1rem;
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}
.nav2_brand {
  font-family: var(--blok-font-display);
  font-size: 1.25rem;
  line-height: 1;
  font-weight: 600;
  letter-spacing: -0.03em;
  text-decoration: none;
  color: inherit;
}
.nav2_tools {
  display: flex;
  align-items: center;
  column-gap: 1.25rem;
}
.nav2_toggle {
  display: flex;
  align-items: center;
  cursor: pointer;
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-surface);
}
.nav2_actions {
  display: flex;
}
.nav2_panel {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  flex-direction: column;
  justify-content: flex-end;
  row-gap: 0rem;
  padding-top: 6rem;
  padding-right: 5%;
  padding-bottom: 2.5rem;
  padding-left: 5%;
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.nav2_list {
  display: flex;
  flex-direction: column;
  row-gap: 0.25rem;
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}
.nav2_item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 0.15rem;
  column-gap: 0rem;
}
.nav2_link {
  text-decoration: none;
  font-family: var(--blok-font-display);
  font-size: 2.75rem;
  line-height: 1.05;
  font-weight: 600;
  letter-spacing: -0.04em;
  color: var(--blok-surface);
}
.nav2_note {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding-bottom: 0.35rem;
  color: var(--blok-surface-muted);
}
.section_nav2.is-light {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.nav2_panel.is-light {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.nav2_link.is-light {
  color: var(--blok-ink);
}
.nav2_note.is-light {
  color: var(--blok-ink-muted);
}
.nav2_toggle.is-light {
  color: var(--blok-ink);
}
.section_nav2.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.nav2_panel.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.nav2_link.is-accent {
  color: var(--blok-ink);
}
.nav2_note.is-accent {
  color: var(--blok-ink-soft);
}
.nav2_toggle.is-accent {
  color: var(--blok-ink);
}

@media (min-width: 768px) {
  .nav2_link {
    font-size: 4rem;
  }
}

@media (min-width: 992px) {
  .nav2_bar {
    padding-top: 1.125rem;
    padding-bottom: 1.125rem;
  }
  .nav2_panel {
    padding-bottom: 4rem;
  }
  .nav2_item {
    flex-direction: row;
    align-items: baseline;
    justify-content: space-between;
    column-gap: 2rem;
  }
  .nav2_link {
    font-size: 5rem;
  }
}

/* Generated by Blokset from components/nav-03.js. Edit the spec, not this file. */
.section_nav3 {
  background-color: transparent;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.nav3_bar {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  column-gap: 0.75rem;
  row-gap: 0rem;
  overflow: hidden;
  padding-top: 0.4rem;
  padding-right: 0.4rem;
  padding-bottom: 0.4rem;
  padding-left: 1.1rem;
  border-top-left-radius: 1.25rem;
  border-top-right-radius: 1.25rem;
  border-bottom-left-radius: 1.25rem;
  border-bottom-right-radius: 1.25rem;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.nav3_brand {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  font-family: var(--blok-font-display);
  font-size: 1.0625rem;
  line-height: 1;
  font-weight: 600;
  letter-spacing: -0.03em;
  text-decoration: none;
  color: inherit;
}
.nav3_panel {
  display: none;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 0.15rem;
  column-gap: 0rem;
  padding-top: 0.75rem;
  padding-bottom: 0.6rem;
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 2;
}
.nav3_link {
  text-decoration: none;
  font-size: 0.9375rem;
  line-height: 1.4;
  padding-top: 0.35rem;
  padding-bottom: 0.35rem;
  color: var(--blok-ink);
}
.nav3_tools {
  display: flex;
  align-items: center;
  column-gap: 0.75rem;
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 1;
}
.nav3_toggle {
  display: flex;
  cursor: pointer;
  color: var(--blok-ink-muted);
  font-family: var(--blok-font-mono);
  font-size: 0.75rem;
  line-height: 1;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.nav3_actions {
  display: flex;
}
.nav3_bar.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
  border-top-color: var(--blok-line-inverse);
  border-right-color: var(--blok-line-inverse);
  border-bottom-color: var(--blok-line-inverse);
  border-left-color: var(--blok-line-inverse);
}
.nav3_link.is-dark {
  color: var(--blok-surface);
}
.nav3_toggle.is-dark {
  color: var(--blok-surface-muted);
}
.nav3_bar.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
}
.nav3_link.is-accent {
  color: var(--blok-ink);
}
.nav3_toggle.is-accent {
  color: var(--blok-ink-soft);
}

@media (min-width: 992px) {
  .nav3_bar {
    grid-template-columns: auto 1fr auto;
    padding-left: 1.35rem;
    border-top-left-radius: 999px;
    border-top-right-radius: 999px;
    border-bottom-right-radius: 999px;
    border-bottom-left-radius: 999px;
  }
  .nav3_panel {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    column-gap: 1.5rem;
    row-gap: 0rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
  }
  .nav3_tools {
    grid-column-start: 3;
    grid-column-end: 4;
  }
  .nav3_toggle {
    display: none;
  }
}

/* Generated by Blokset from components/nav-04.js. Edit the spec, not this file. */
.section_nav4 {
  position: sticky;
  top: 0;
  z-index: 30;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: var(--blok-line);
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.nav4_bar {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  column-gap: 1rem;
  row-gap: 0rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.nav4_brand {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  font-family: var(--blok-font-display);
  font-size: 1.25rem;
  line-height: 1;
  font-weight: 600;
  letter-spacing: -0.03em;
  text-decoration: none;
  color: inherit;
}
.nav4_tools {
  display: flex;
  align-items: center;
  column-gap: 1rem;
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 1;
}
.nav4_toggle {
  display: flex;
  cursor: pointer;
  color: var(--blok-ink-muted);
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.nav4_actions {
  display: flex;
}
.nav4_panel {
  display: none;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  row-gap: 0.25rem;
  column-gap: 0rem;
  padding-top: 0.75rem;
  padding-bottom: 0.5rem;
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 2;
}
.nav4_work {
  position: relative;
  width: 100%;
}
.nav4_work-trigger {
  display: flex;
  align-items: center;
  column-gap: 0.4rem;
  cursor: pointer;
  padding-top: 0.45rem;
  padding-bottom: 0.45rem;
}
.nav4_work-label {
  font-size: 1rem;
  line-height: 1.3;
}
.nav4_work-icon {
  font-size: 1rem;
  line-height: 1;
  font-weight: 300;
}
.nav4_work-flyout {
  display: none;
  position: static;
  top: auto;
  left: auto;
  width: 100%;
  z-index: 1;
  flex-direction: column;
  align-items: stretch;
  row-gap: 0.1rem;
  padding-top: 0.35rem;
  padding-right: 0.25rem;
  padding-bottom: 0.35rem;
  padding-left: 0.25rem;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
  background-color: var(--blok-surface);
}
.nav4_work-link {
  text-decoration: none;
  font-size: 0.9375rem;
  line-height: 1.4;
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
  color: var(--blok-ink);
}
.nav4_studio {
  position: relative;
  width: 100%;
}
.nav4_studio-trigger {
  display: flex;
  align-items: center;
  column-gap: 0.4rem;
  cursor: pointer;
  padding-top: 0.45rem;
  padding-bottom: 0.45rem;
}
.nav4_studio-label {
  font-size: 1rem;
  line-height: 1.3;
}
.nav4_studio-icon {
  font-size: 1rem;
  line-height: 1;
  font-weight: 300;
}
.nav4_studio-flyout {
  display: none;
  position: static;
  top: auto;
  left: auto;
  width: 100%;
  z-index: 1;
  flex-direction: column;
  align-items: stretch;
  row-gap: 0.1rem;
  padding-top: 0.35rem;
  padding-right: 0.25rem;
  padding-bottom: 0.35rem;
  padding-left: 0.25rem;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
  background-color: var(--blok-surface);
}
.nav4_studio-link {
  text-decoration: none;
  font-size: 0.9375rem;
  line-height: 1.4;
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
  color: var(--blok-ink);
}
.nav4_pages {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 0.15rem;
  column-gap: 0rem;
}
.nav4_page {
  text-decoration: none;
  font-size: 1rem;
  line-height: 1.3;
  padding-top: 0.45rem;
  padding-bottom: 0.45rem;
  color: var(--blok-ink);
}
.section_nav4.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
  border-bottom-color: var(--blok-line-inverse);
}
.nav4_work-flyout.is-dark {
  background-color: var(--blok-ink);
  border-top-color: var(--blok-line-inverse);
  border-right-color: var(--blok-line-inverse);
  border-bottom-color: var(--blok-line-inverse);
  border-left-color: var(--blok-line-inverse);
}
.nav4_studio-flyout.is-dark {
  background-color: var(--blok-ink);
  border-top-color: var(--blok-line-inverse);
  border-right-color: var(--blok-line-inverse);
  border-bottom-color: var(--blok-line-inverse);
  border-left-color: var(--blok-line-inverse);
}
.nav4_work-link.is-dark {
  color: var(--blok-surface);
}
.nav4_studio-link.is-dark {
  color: var(--blok-surface);
}
.nav4_page.is-dark {
  color: var(--blok-surface);
}
.nav4_toggle.is-dark {
  color: var(--blok-surface-muted);
}
.section_nav4.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
  border-bottom-color: var(--blok-line);
}
.nav4_work-flyout.is-accent {
  background-color: var(--blok-accent);
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
}
.nav4_studio-flyout.is-accent {
  background-color: var(--blok-accent);
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
}
.nav4_work-link.is-accent {
  color: var(--blok-ink);
}
.nav4_studio-link.is-accent {
  color: var(--blok-ink);
}
.nav4_page.is-accent {
  color: var(--blok-ink);
}
.nav4_toggle.is-accent {
  color: var(--blok-ink-soft);
}

@media (min-width: 992px) {
  .nav4_bar {
    grid-template-columns: auto 1fr auto;
    padding-top: 0.85rem;
    padding-bottom: 0.85rem;
  }
  .nav4_tools {
    grid-column-start: 3;
    grid-column-end: 4;
  }
  .nav4_toggle {
    display: none;
  }
  .nav4_panel {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    column-gap: 1.5rem;
    row-gap: 0rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
  }
  .nav4_work {
    width: auto;
  }
  .nav4_work-flyout {
    position: absolute;
    top: 100%;
    left: 0;
    width: 15rem;
    z-index: 5;
    padding-top: 0.85rem;
    padding-right: 1rem;
    padding-bottom: 0.85rem;
    padding-left: 1rem;
  }
  .nav4_studio {
    width: auto;
  }
  .nav4_studio-flyout {
    position: absolute;
    top: 100%;
    left: 0;
    width: 15rem;
    z-index: 5;
    padding-top: 0.85rem;
    padding-right: 1rem;
    padding-bottom: 0.85rem;
    padding-left: 1rem;
  }
  .nav4_pages {
    flex-direction: row;
    align-items: center;
    column-gap: 1.5rem;
    row-gap: 0rem;
  }
}

/* Generated by Blokset from components/nav-05.js. Edit the spec, not this file. */
.section_nav5 {
  position: sticky;
  top: 0;
  z-index: 30;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: var(--blok-line);
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.nav5_bar {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  column-gap: 1rem;
  row-gap: 0rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.nav5_brand {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  font-family: var(--blok-font-display);
  font-size: 1.25rem;
  line-height: 1;
  font-weight: 600;
  letter-spacing: -0.03em;
  text-decoration: none;
  color: inherit;
}
.nav5_tools {
  display: flex;
  align-items: center;
  column-gap: 1rem;
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 1;
}
.nav5_toggle {
  display: flex;
  cursor: pointer;
  color: var(--blok-ink-muted);
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.nav5_actions {
  display: flex;
}
.nav5_panel {
  display: none;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  row-gap: 0.25rem;
  column-gap: 0rem;
  padding-top: 0.75rem;
  padding-bottom: 0.5rem;
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 2;
}
.nav5_mega-drop {
  position: static;
  width: 100%;
}
.nav5_mega-trigger {
  display: flex;
  align-items: center;
  column-gap: 0.4rem;
  cursor: pointer;
  padding-top: 0.45rem;
  padding-bottom: 0.45rem;
}
.nav5_mega-label {
  font-size: 1rem;
  line-height: 1.3;
}
.nav5_mega-icon {
  font-size: 1rem;
  line-height: 1;
  font-weight: 300;
}
.nav5_mega {
  display: none;
  position: static;
  top: auto;
  right: auto;
  left: auto;
  width: 100%;
  z-index: 5;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  row-gap: 1.5rem;
  column-gap: 0rem;
  padding-top: 1.25rem;
  padding-right: 0rem;
  padding-bottom: 1.25rem;
  padding-left: 0rem;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: var(--blok-line);
  background-color: var(--blok-surface);
}
.nav5_work-col {
  display: flex;
  flex-direction: column;
  row-gap: 0.35rem;
  min-width: 0rem;
}
.nav5_work-title {
  font-family: var(--blok-font-mono);
  font-size: 0.75rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 0.35rem;
  color: var(--blok-ink-muted);
}
.nav5_work-links {
  display: flex;
  flex-direction: column;
  row-gap: 0.15rem;
}
.nav5_work-link {
  text-decoration: none;
  font-size: 1.0625rem;
  line-height: 1.45;
  color: var(--blok-ink);
}
.nav5_studio-col {
  display: flex;
  flex-direction: column;
  row-gap: 0.35rem;
  min-width: 0rem;
}
.nav5_studio-title {
  font-family: var(--blok-font-mono);
  font-size: 0.75rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 0.35rem;
  color: var(--blok-ink-muted);
}
.nav5_studio-links {
  display: flex;
  flex-direction: column;
  row-gap: 0.15rem;
}
.nav5_studio-link {
  text-decoration: none;
  font-size: 1.0625rem;
  line-height: 1.45;
  color: var(--blok-ink);
}
.nav5_visit-col {
  display: flex;
  flex-direction: column;
  row-gap: 0.35rem;
  min-width: 0rem;
}
.nav5_visit-title {
  font-family: var(--blok-font-mono);
  font-size: 0.75rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 0.35rem;
  color: var(--blok-ink-muted);
}
.nav5_visit-links {
  display: flex;
  flex-direction: column;
  row-gap: 0.15rem;
}
.nav5_visit-link {
  text-decoration: none;
  font-size: 1.0625rem;
  line-height: 1.45;
  color: var(--blok-ink);
}
.nav5_feature {
  display: flex;
  flex-direction: column;
  row-gap: 0.6rem;
  text-decoration: none;
  width: 100%;
  margin-left: 0;
}
.nav5_feature-image {
  display: block;
  width: 100%;
  height: 9rem;
  object-fit: cover;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.nav5_feature-title {
  font-size: 0.9375rem;
  line-height: 1.4;
  color: var(--blok-ink);
}
.nav5_pages {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 0.15rem;
  column-gap: 0rem;
}
.nav5_page {
  text-decoration: none;
  font-size: 1rem;
  line-height: 1.3;
  padding-top: 0.45rem;
  padding-bottom: 0.45rem;
  color: var(--blok-ink);
}
.section_nav5.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
  border-bottom-color: var(--blok-line-inverse);
}
.nav5_mega.is-dark {
  background-color: var(--blok-ink);
  border-top-color: var(--blok-line-inverse);
}
.nav5_work-title.is-dark {
  color: var(--blok-surface-muted);
}
.nav5_studio-title.is-dark {
  color: var(--blok-surface-muted);
}
.nav5_visit-title.is-dark {
  color: var(--blok-surface-muted);
}
.nav5_work-link.is-dark {
  color: var(--blok-surface);
}
.nav5_studio-link.is-dark {
  color: var(--blok-surface);
}
.nav5_visit-link.is-dark {
  color: var(--blok-surface);
}
.nav5_page.is-dark {
  color: var(--blok-surface);
}
.nav5_feature-title.is-dark {
  color: var(--blok-surface);
}
.nav5_toggle.is-dark {
  color: var(--blok-surface-muted);
}
.section_nav5.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
  border-bottom-color: var(--blok-line);
}
.nav5_mega.is-accent {
  background-color: var(--blok-accent);
  border-top-color: var(--blok-line);
}
.nav5_work-title.is-accent {
  color: var(--blok-ink-soft);
}
.nav5_studio-title.is-accent {
  color: var(--blok-ink-soft);
}
.nav5_visit-title.is-accent {
  color: var(--blok-ink-soft);
}
.nav5_work-link.is-accent {
  color: var(--blok-ink);
}
.nav5_studio-link.is-accent {
  color: var(--blok-ink);
}
.nav5_visit-link.is-accent {
  color: var(--blok-ink);
}
.nav5_page.is-accent {
  color: var(--blok-ink);
}
.nav5_feature-title.is-accent {
  color: var(--blok-ink);
}
.nav5_toggle.is-accent {
  color: var(--blok-ink-soft);
}

@media (min-width: 992px) {
  .nav5_bar {
    grid-template-columns: auto 1fr auto;
    padding-top: 0.85rem;
    padding-bottom: 0.85rem;
  }
  .nav5_tools {
    grid-column-start: 3;
    grid-column-end: 4;
  }
  .nav5_toggle {
    display: none;
  }
  .nav5_panel {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    column-gap: 1.5rem;
    row-gap: 0rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
  }
  .nav5_mega-drop {
    width: auto;
  }
  .nav5_mega {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    width: auto;
    flex-direction: row;
    align-items: flex-start;
    column-gap: 2.5rem;
    row-gap: 0rem;
    padding-top: 2rem;
    padding-right: 5%;
    padding-bottom: 2rem;
    padding-left: 5%;
  }
  .nav5_work-col {
    min-width: 10rem;
  }
  .nav5_studio-col {
    min-width: 10rem;
  }
  .nav5_visit-col {
    min-width: 10rem;
  }
  .nav5_feature {
    width: 22rem;
    margin-left: auto;
  }
  .nav5_feature-image {
    height: 11rem;
  }
  .nav5_pages {
    flex-direction: row;
    align-items: center;
    column-gap: 1.5rem;
    row-gap: 0rem;
  }
}

/* Generated by Blokset from components/nav-06.js. Edit the spec, not this file. */
.section_nav6 {
  position: sticky;
  top: 0;
  z-index: 30;
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.nav6_bar {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  column-gap: 1rem;
  padding-top: 0.85rem;
  padding-bottom: 0.85rem;
}
.nav6_brand {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  font-family: var(--blok-font-display);
  font-size: 1.25rem;
  line-height: 1;
  font-weight: 600;
  letter-spacing: -0.03em;
  text-decoration: none;
  color: inherit;
}
.nav6_tools {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  column-gap: 1rem;
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 1;
}
.nav6_toggle {
  display: flex;
  cursor: pointer;
  color: var(--blok-surface-muted);
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.nav6_actions {
  display: flex;
}
.nav6_panel {
  display: none;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 0.15rem;
  column-gap: 0rem;
  padding-top: 0.5rem;
  padding-bottom: 0.75rem;
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 2;
}
.nav6_link {
  display: flex;
  align-items: baseline;
  column-gap: 0.55rem;
  text-decoration: none;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
}
.nav6_index {
  font-family: var(--blok-font-mono);
  font-size: 0.75rem;
  line-height: 1;
  letter-spacing: 0.08em;
  color: var(--blok-surface-muted);
}
.nav6_label {
  font-family: var(--blok-font-display);
  font-size: 1.75rem;
  line-height: 1;
  font-weight: 600;
  letter-spacing: -0.04em;
  color: var(--blok-surface);
}
.nav6_figure {
  width: 100%;
  height: 11rem;
  overflow: hidden;
}
.nav6_figure-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.section_nav6.is-light {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.nav6_label.is-light {
  color: var(--blok-ink);
}
.nav6_index.is-light {
  color: var(--blok-ink-muted);
}
.nav6_toggle.is-light {
  color: var(--blok-ink-muted);
}
.section_nav6.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.nav6_label.is-accent {
  color: var(--blok-ink);
}
.nav6_index.is-accent {
  color: var(--blok-ink-soft);
}
.nav6_toggle.is-accent {
  color: var(--blok-ink-soft);
}

@media (min-width: 992px) {
  .nav6_bar {
    grid-template-columns: auto 1fr auto;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .nav6_tools {
    grid-column-start: 3;
    grid-column-end: 4;
  }
  .nav6_toggle {
    display: none;
  }
  .nav6_panel {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    justify-content: flex-end;
    column-gap: 2rem;
    row-gap: 0rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
  }
  .nav6_label {
    font-size: 2.25rem;
  }
  .nav6_figure {
    height: 16rem;
  }
}

/* Generated by Blokset from components/nav-07.js. Edit the spec, not this file. */
.section_nav7 {
  position: sticky;
  top: 0;
  z-index: 30;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: var(--blok-line);
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.nav7_bar {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  column-gap: 1rem;
  row-gap: 0rem;
  padding-top: 0.85rem;
  padding-bottom: 0.85rem;
}
.nav7_brand {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  font-family: var(--blok-font-display);
  font-size: 1.125rem;
  line-height: 1;
  font-weight: 600;
  letter-spacing: -0.03em;
  text-decoration: none;
  color: inherit;
}
.nav7_tools {
  display: flex;
  align-items: center;
  column-gap: 1rem;
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 1;
}
.nav7_toggle {
  display: flex;
  cursor: pointer;
  color: var(--blok-ink-muted);
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.nav7_actions {
  display: flex;
}
.nav7_panel {
  display: none;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  row-gap: 0.25rem;
  column-gap: 0rem;
  padding-top: 0.75rem;
  padding-bottom: 0.5rem;
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 2;
}
.nav7_overview {
  position: static;
  display: flex;
  align-items: center;
  align-self: stretch;
  width: 100%;
}
.nav7_overview-trigger {
  position: relative;
  display: inline-flex;
  align-items: center;
  column-gap: 0.35rem;
  cursor: pointer;
  padding-top: 0.45rem;
  padding-right: 0.9rem;
  padding-bottom: 0.45rem;
  padding-left: 0.9rem;
}
.nav7_overview-mark {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  z-index: 0;
  pointer-events: none;
  background-color: var(--blok-surface-2);
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
}
.nav7_overview-name {
  position: relative;
  z-index: 1;
  font-size: 0.9375rem;
  line-height: 1.3;
}
.nav7_overview-panel {
  display: none;
  position: static;
  top: auto;
  right: auto;
  left: auto;
  width: 100%;
  z-index: 5;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  row-gap: 1.5rem;
  column-gap: 0rem;
  margin-top: 0rem;
  padding-top: 1.25rem;
  padding-right: 0rem;
  padding-bottom: 1.5rem;
  padding-left: 0rem;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: var(--blok-line);
  background-color: var(--blok-surface);
}
.nav7_overview-links {
  display: flex;
  flex-direction: column;
  row-gap: 0.95rem;
}
.nav7_overview-link {
  display: flex;
  flex-direction: column;
  row-gap: 0.2rem;
  text-decoration: none;
  color: inherit;
}
.nav7_overview-label {
  font-size: 1rem;
  line-height: 1.3;
  font-weight: 600;
}
.nav7_overview-note {
  font-size: 0.875rem;
  line-height: 1.45;
  opacity: 0.72;
}
.nav7_services {
  position: relative;
  width: 100%;
  margin-top: 0.95rem;
}
.nav7_services-trigger {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  column-gap: 0.75rem;
  cursor: pointer;
}
.nav7_services-copy {
  display: flex;
  flex-direction: column;
  row-gap: 0.2rem;
}
.nav7_services-label {
  font-size: 1rem;
  line-height: 1.3;
  font-weight: 600;
}
.nav7_services-note {
  font-size: 0.875rem;
  line-height: 1.45;
  opacity: 0.72;
}
.nav7_services-icon {
  font-size: 1rem;
  line-height: 1;
  font-weight: 300;
  padding-top: 0.15rem;
}
.nav7_services-flyout {
  display: none;
  position: static;
  top: auto;
  left: auto;
  width: 100%;
  z-index: 6;
  flex-direction: column;
  align-items: stretch;
  row-gap: 0.1rem;
  margin-top: 0.75rem;
  padding-top: 0.7rem;
  padding-right: 0.9rem;
  padding-bottom: 0.7rem;
  padding-left: 0.9rem;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
  border-top-left-radius: var(--blok-radius);
  border-top-right-radius: var(--blok-radius);
  border-bottom-left-radius: var(--blok-radius);
  border-bottom-right-radius: var(--blok-radius);
  background-color: var(--blok-surface);
}
.nav7_services-links {
  display: flex;
  flex-direction: column;
  row-gap: 0.1rem;
}
.nav7_services-link {
  text-decoration: none;
  color: inherit;
  font-size: 0.9375rem;
  line-height: 1.4;
  padding-top: 0.35rem;
  padding-bottom: 0.35rem;
}
.nav7_layout {
  position: static;
  display: flex;
  align-items: center;
  align-self: stretch;
  width: 100%;
}
.nav7_layout-trigger {
  position: relative;
  display: inline-flex;
  align-items: center;
  column-gap: 0.35rem;
  cursor: pointer;
  padding-top: 0.45rem;
  padding-right: 0.9rem;
  padding-bottom: 0.45rem;
  padding-left: 0.9rem;
}
.nav7_layout-mark {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  z-index: 0;
  pointer-events: none;
  background-color: var(--blok-surface-2);
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
}
.nav7_layout-name {
  position: relative;
  z-index: 1;
  font-size: 0.9375rem;
  line-height: 1.3;
}
.nav7_layout-panel {
  display: none;
  position: static;
  top: auto;
  right: auto;
  left: auto;
  width: 100%;
  z-index: 5;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  row-gap: 1.5rem;
  column-gap: 0rem;
  margin-top: 0rem;
  padding-top: 1.25rem;
  padding-right: 0rem;
  padding-bottom: 1.5rem;
  padding-left: 0rem;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: var(--blok-line);
  background-color: var(--blok-surface);
}
.nav7_home-col {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  min-width: 0rem;
  width: 100%;
  flex-grow: 0;
  flex-basis: auto;
  padding-top: 0rem;
  padding-right: 0rem;
  padding-bottom: 0rem;
  padding-left: 0rem;
  border-top-width: 0px;
  border-top-style: solid;
  border-top-color: var(--blok-line);
  border-left-width: 0px;
  border-left-style: solid;
  border-left-color: var(--blok-line);
}
.nav7_home-head {
  display: flex;
  align-items: center;
  column-gap: 0.5rem;
  margin-bottom: 1rem;
}
.nav7_home-dot {
  width: 0.45rem;
  height: 0.45rem;
  flex-shrink: 0;
  background-color: var(--blok-accent);
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
}
.nav7_home-title {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.nav7_home-links {
  display: flex;
  flex-direction: column;
  row-gap: 0.95rem;
}
.nav7_home-link {
  display: flex;
  flex-direction: column;
  row-gap: 0.2rem;
  text-decoration: none;
  color: inherit;
}
.nav7_home-label {
  font-size: 1rem;
  line-height: 1.3;
  font-weight: 600;
}
.nav7_home-note {
  font-size: 0.875rem;
  line-height: 1.45;
  opacity: 0.72;
}
.nav7_scale {
  position: relative;
  width: 100%;
  margin-top: 0.95rem;
}
.nav7_scale-trigger {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  column-gap: 0.75rem;
  cursor: pointer;
}
.nav7_scale-copy {
  display: flex;
  flex-direction: column;
  row-gap: 0.2rem;
}
.nav7_scale-label {
  font-size: 1rem;
  line-height: 1.3;
  font-weight: 600;
}
.nav7_scale-note {
  font-size: 0.875rem;
  line-height: 1.45;
  opacity: 0.72;
}
.nav7_scale-icon {
  font-size: 1rem;
  line-height: 1;
  font-weight: 300;
  padding-top: 0.15rem;
}
.nav7_scale-flyout {
  display: none;
  position: static;
  top: auto;
  left: auto;
  width: 100%;
  z-index: 6;
  flex-direction: column;
  align-items: stretch;
  row-gap: 0.1rem;
  margin-top: 0.75rem;
  padding-top: 0.7rem;
  padding-right: 0.9rem;
  padding-bottom: 0.7rem;
  padding-left: 0.9rem;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
  border-top-left-radius: var(--blok-radius);
  border-top-right-radius: var(--blok-radius);
  border-bottom-left-radius: var(--blok-radius);
  border-bottom-right-radius: var(--blok-radius);
  background-color: var(--blok-surface);
}
.nav7_scale-links {
  display: flex;
  flex-direction: column;
  row-gap: 0.1rem;
}
.nav7_scale-link {
  text-decoration: none;
  color: inherit;
  font-size: 0.9375rem;
  line-height: 1.4;
  padding-top: 0.35rem;
  padding-bottom: 0.35rem;
}
.nav7_about-col {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  min-width: 0rem;
  width: 100%;
  flex-grow: 0;
  flex-basis: auto;
  padding-top: 1.25rem;
  padding-right: 0rem;
  padding-bottom: 0rem;
  padding-left: 0rem;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: var(--blok-line);
  border-left-width: 0px;
  border-left-style: solid;
  border-left-color: var(--blok-line);
}
.nav7_about-head {
  display: flex;
  align-items: center;
  column-gap: 0.5rem;
  margin-bottom: 1rem;
}
.nav7_about-dot {
  width: 0.45rem;
  height: 0.45rem;
  flex-shrink: 0;
  background-color: var(--blok-accent);
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
}
.nav7_about-title {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.nav7_about-links {
  display: flex;
  flex-direction: column;
  row-gap: 0.95rem;
}
.nav7_about-link {
  display: flex;
  flex-direction: column;
  row-gap: 0.2rem;
  text-decoration: none;
  color: inherit;
}
.nav7_about-label {
  font-size: 1rem;
  line-height: 1.3;
  font-weight: 600;
}
.nav7_about-note {
  font-size: 0.875rem;
  line-height: 1.45;
  opacity: 0.72;
}
.nav7_contact-col {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  min-width: 0rem;
  width: 100%;
  flex-grow: 0;
  flex-basis: auto;
  padding-top: 1.25rem;
  padding-right: 0rem;
  padding-bottom: 0rem;
  padding-left: 0rem;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: var(--blok-line);
  border-left-width: 0px;
  border-left-style: solid;
  border-left-color: var(--blok-line);
}
.nav7_contact-head {
  display: flex;
  align-items: center;
  column-gap: 0.5rem;
  margin-bottom: 1rem;
}
.nav7_contact-dot {
  width: 0.45rem;
  height: 0.45rem;
  flex-shrink: 0;
  background-color: var(--blok-accent);
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
}
.nav7_contact-title {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.nav7_contact-links {
  display: flex;
  flex-direction: column;
  row-gap: 0.95rem;
}
.nav7_contact-link {
  display: flex;
  flex-direction: column;
  row-gap: 0.2rem;
  text-decoration: none;
  color: inherit;
}
.nav7_contact-label {
  font-size: 1rem;
  line-height: 1.3;
  font-weight: 600;
}
.nav7_contact-note {
  font-size: 0.875rem;
  line-height: 1.45;
  opacity: 0.72;
}
.nav7_pages {
  position: static;
  display: flex;
  align-items: center;
  align-self: stretch;
  width: 100%;
}
.nav7_pages-trigger {
  position: relative;
  display: inline-flex;
  align-items: center;
  column-gap: 0.35rem;
  cursor: pointer;
  padding-top: 0.45rem;
  padding-right: 0.9rem;
  padding-bottom: 0.45rem;
  padding-left: 0.9rem;
}
.nav7_pages-mark {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  z-index: 0;
  pointer-events: none;
  background-color: var(--blok-surface-2);
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
}
.nav7_pages-name {
  position: relative;
  z-index: 1;
  font-size: 0.9375rem;
  line-height: 1.3;
}
.nav7_pages-panel {
  display: none;
  position: static;
  top: auto;
  right: auto;
  left: auto;
  width: 100%;
  z-index: 5;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  row-gap: 1.5rem;
  column-gap: 0rem;
  margin-top: 0rem;
  padding-top: 1.25rem;
  padding-right: 0rem;
  padding-bottom: 1.5rem;
  padding-left: 0rem;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: var(--blok-line);
  background-color: var(--blok-surface);
}
.nav7_page-col {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  min-width: 0rem;
}
.nav7_page-head {
  display: flex;
  align-items: center;
  column-gap: 0.5rem;
  margin-bottom: 1rem;
}
.nav7_page-dot {
  width: 0.45rem;
  height: 0.45rem;
  flex-shrink: 0;
  background-color: var(--blok-accent);
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
}
.nav7_page-title {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.nav7_page-links {
  display: flex;
  flex-direction: column;
  row-gap: 0.95rem;
}
.nav7_page-link {
  display: flex;
  flex-direction: column;
  row-gap: 0.2rem;
  text-decoration: none;
  color: inherit;
}
.nav7_page-label {
  font-size: 1rem;
  line-height: 1.3;
  font-weight: 600;
}
.nav7_page-note {
  font-size: 0.875rem;
  line-height: 1.45;
  opacity: 0.72;
}
.nav7_stories {
  position: relative;
  width: 100%;
  margin-top: 0.95rem;
}
.nav7_stories-trigger {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  column-gap: 0.75rem;
  cursor: pointer;
}
.nav7_stories-copy {
  display: flex;
  flex-direction: column;
  row-gap: 0.2rem;
}
.nav7_stories-label {
  font-size: 1rem;
  line-height: 1.3;
  font-weight: 600;
}
.nav7_stories-note {
  font-size: 0.875rem;
  line-height: 1.45;
  opacity: 0.72;
}
.nav7_stories-icon {
  font-size: 1rem;
  line-height: 1;
  font-weight: 300;
  padding-top: 0.15rem;
}
.nav7_stories-flyout {
  display: none;
  position: static;
  top: auto;
  left: auto;
  width: 100%;
  z-index: 6;
  flex-direction: column;
  align-items: stretch;
  row-gap: 0.1rem;
  margin-top: 0.75rem;
  padding-top: 0.7rem;
  padding-right: 0.9rem;
  padding-bottom: 0.7rem;
  padding-left: 0.9rem;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
  border-top-left-radius: var(--blok-radius);
  border-top-right-radius: var(--blok-radius);
  border-bottom-left-radius: var(--blok-radius);
  border-bottom-right-radius: var(--blok-radius);
  background-color: var(--blok-surface);
}
.nav7_stories-links {
  display: flex;
  flex-direction: column;
  row-gap: 0.1rem;
}
.nav7_stories-link {
  text-decoration: none;
  color: inherit;
  font-size: 0.9375rem;
  line-height: 1.4;
  padding-top: 0.35rem;
  padding-bottom: 0.35rem;
}
.nav7_explore {
  display: inline-flex;
  align-items: center;
  column-gap: 0.4rem;
  margin-top: 1.25rem;
  text-decoration: none;
  color: inherit;
  font-size: 0.9375rem;
  line-height: 1.2;
  font-weight: 600;
  padding-top: 0.7rem;
  padding-right: 1rem;
  padding-bottom: 0.7rem;
  padding-left: 1rem;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
}
.nav7_story-col {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0rem;
  flex-grow: 0;
}
.nav7_story-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 1rem;
}
.nav7_story-head {
  display: flex;
  align-items: center;
  column-gap: 0.5rem;
  margin-bottom: 1rem;
}
.nav7_story-dot {
  width: 0.45rem;
  height: 0.45rem;
  flex-shrink: 0;
  background-color: var(--blok-accent);
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
}
.nav7_story-title {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.nav7_show-all {
  text-decoration: none;
  font-family: var(--blok-font-mono);
  font-size: 0.75rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1rem;
  color: var(--blok-ink-muted);
}
.nav7_story-cards {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
  column-gap: 0rem;
}
.nav7_story-card {
  position: relative;
  display: block;
  width: 100%;
  min-width: 0rem;
  text-decoration: none;
  overflow: hidden;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.nav7_story-image {
  display: block;
  width: 100%;
  height: 12rem;
  object-fit: cover;
}
.nav7_story-caption {
  position: absolute;
  left: 1rem;
  bottom: 1rem;
  color: var(--blok-surface);
  font-size: 0.9375rem;
  line-height: 1.3;
  font-weight: 600;
}
.section_nav7.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
  border-bottom-color: var(--blok-line-inverse);
}
.nav7_overview-mark.is-dark {
  background-color: var(--blok-ink-2);
}
.nav7_layout-mark.is-dark {
  background-color: var(--blok-ink-2);
}
.nav7_pages-mark.is-dark {
  background-color: var(--blok-ink-2);
}
.nav7_overview-panel.is-dark {
  background-color: var(--blok-ink);
  border-top-color: var(--blok-line-inverse);
}
.nav7_layout-panel.is-dark {
  background-color: var(--blok-ink);
  border-top-color: var(--blok-line-inverse);
}
.nav7_pages-panel.is-dark {
  background-color: var(--blok-ink);
  border-top-color: var(--blok-line-inverse);
}
.nav7_services-flyout.is-dark {
  background-color: var(--blok-ink);
  border-top-color: var(--blok-line-inverse);
  border-right-color: var(--blok-line-inverse);
  border-bottom-color: var(--blok-line-inverse);
  border-left-color: var(--blok-line-inverse);
}
.nav7_scale-flyout.is-dark {
  background-color: var(--blok-ink);
  border-top-color: var(--blok-line-inverse);
  border-right-color: var(--blok-line-inverse);
  border-bottom-color: var(--blok-line-inverse);
  border-left-color: var(--blok-line-inverse);
}
.nav7_stories-flyout.is-dark {
  background-color: var(--blok-ink);
  border-top-color: var(--blok-line-inverse);
  border-right-color: var(--blok-line-inverse);
  border-bottom-color: var(--blok-line-inverse);
  border-left-color: var(--blok-line-inverse);
}
.nav7_home-dot.is-dark {
  background-color: var(--blok-accent);
}
.nav7_about-dot.is-dark {
  background-color: var(--blok-accent);
}
.nav7_contact-dot.is-dark {
  background-color: var(--blok-accent);
}
.nav7_page-dot.is-dark {
  background-color: var(--blok-accent);
}
.nav7_story-dot.is-dark {
  background-color: var(--blok-accent);
}
.nav7_home-title.is-dark {
  color: var(--blok-surface-muted);
}
.nav7_about-title.is-dark {
  color: var(--blok-surface-muted);
}
.nav7_contact-title.is-dark {
  color: var(--blok-surface-muted);
}
.nav7_page-title.is-dark {
  color: var(--blok-surface-muted);
}
.nav7_story-title.is-dark {
  color: var(--blok-surface-muted);
}
.nav7_show-all.is-dark {
  color: var(--blok-surface-muted);
}
.nav7_home-col.is-dark {
  border-top-color: var(--blok-line-inverse);
  border-left-color: var(--blok-line-inverse);
}
.nav7_about-col.is-dark {
  border-top-color: var(--blok-line-inverse);
  border-left-color: var(--blok-line-inverse);
}
.nav7_contact-col.is-dark {
  border-top-color: var(--blok-line-inverse);
  border-left-color: var(--blok-line-inverse);
}
.nav7_explore.is-dark {
  border-top-color: var(--blok-line-inverse);
  border-right-color: var(--blok-line-inverse);
  border-bottom-color: var(--blok-line-inverse);
  border-left-color: var(--blok-line-inverse);
}
.nav7_toggle.is-dark {
  color: var(--blok-surface-muted);
}
.section_nav7.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
  border-bottom-color: var(--blok-line);
}
.nav7_overview-mark.is-accent {
  background-color: var(--blok-surface);
}
.nav7_layout-mark.is-accent {
  background-color: var(--blok-surface);
}
.nav7_pages-mark.is-accent {
  background-color: var(--blok-surface);
}
.nav7_overview-panel.is-accent {
  background-color: var(--blok-accent);
  border-top-color: var(--blok-line);
}
.nav7_layout-panel.is-accent {
  background-color: var(--blok-accent);
  border-top-color: var(--blok-line);
}
.nav7_pages-panel.is-accent {
  background-color: var(--blok-accent);
  border-top-color: var(--blok-line);
}
.nav7_services-flyout.is-accent {
  background-color: var(--blok-accent);
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
}
.nav7_scale-flyout.is-accent {
  background-color: var(--blok-accent);
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
}
.nav7_stories-flyout.is-accent {
  background-color: var(--blok-accent);
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
}
.nav7_home-dot.is-accent {
  background-color: var(--blok-ink);
}
.nav7_about-dot.is-accent {
  background-color: var(--blok-ink);
}
.nav7_contact-dot.is-accent {
  background-color: var(--blok-ink);
}
.nav7_page-dot.is-accent {
  background-color: var(--blok-ink);
}
.nav7_story-dot.is-accent {
  background-color: var(--blok-ink);
}
.nav7_home-title.is-accent {
  color: var(--blok-ink-soft);
}
.nav7_about-title.is-accent {
  color: var(--blok-ink-soft);
}
.nav7_contact-title.is-accent {
  color: var(--blok-ink-soft);
}
.nav7_page-title.is-accent {
  color: var(--blok-ink-soft);
}
.nav7_story-title.is-accent {
  color: var(--blok-ink-soft);
}
.nav7_show-all.is-accent {
  color: var(--blok-ink-soft);
}
.nav7_home-col.is-accent {
  border-top-color: var(--blok-line);
  border-left-color: var(--blok-line);
}
.nav7_about-col.is-accent {
  border-top-color: var(--blok-line);
  border-left-color: var(--blok-line);
}
.nav7_contact-col.is-accent {
  border-top-color: var(--blok-line);
  border-left-color: var(--blok-line);
}
.nav7_explore.is-accent {
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
}
.nav7_toggle.is-accent {
  color: var(--blok-ink-soft);
}

@media (min-width: 992px) {
  .nav7_bar {
    grid-template-columns: auto 1fr auto;
  }
  .nav7_tools {
    grid-column-start: 3;
    grid-column-end: 4;
  }
  .nav7_toggle {
    display: none;
  }
  .nav7_panel {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    column-gap: 0.35rem;
    row-gap: 0rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
  }
  .nav7_overview {
    width: auto;
    align-self: stretch;
  }
  .nav7_overview-panel {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    width: auto;
    flex-direction: column;
    align-items: flex-start;
    column-gap: 0rem;
    row-gap: 1.5rem;
    margin-top: -0.85rem;
    padding-top: 2.35rem;
    padding-right: 5%;
    padding-bottom: 2.25rem;
    padding-left: 5%;
  }
  .nav7_services-flyout {
    position: absolute;
    top: 100%;
    left: 0;
    width: 16rem;
    margin-top: 0.35rem;
  }
  .nav7_layout {
    width: auto;
    align-self: stretch;
  }
  .nav7_layout-panel {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    width: auto;
    flex-direction: row;
    align-items: flex-start;
    column-gap: 2.5rem;
    row-gap: 0rem;
    margin-top: -0.85rem;
    padding-top: 2.35rem;
    padding-right: 5%;
    padding-bottom: 2.25rem;
    padding-left: 5%;
  }
  .nav7_home-col {
    width: auto;
    flex-grow: 1;
    flex-basis: 0px;
    padding-top: 0rem;
    padding-left: 0rem;
    border-top-width: 0px;
    border-left-width: 0px;
  }
  .nav7_scale-flyout {
    position: absolute;
    top: 100%;
    left: 0;
    width: 16rem;
    margin-top: 0.35rem;
  }
  .nav7_about-col {
    width: auto;
    flex-grow: 1;
    flex-basis: 0px;
    padding-top: 0rem;
    padding-left: 1.5rem;
    border-top-width: 0px;
    border-left-width: 1px;
  }
  .nav7_contact-col {
    width: auto;
    flex-grow: 1;
    flex-basis: 0px;
    padding-top: 0rem;
    padding-left: 1.5rem;
    border-top-width: 0px;
    border-left-width: 1px;
  }
  .nav7_pages {
    width: auto;
    align-self: stretch;
  }
  .nav7_pages-panel {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    width: auto;
    flex-direction: row;
    align-items: flex-start;
    column-gap: 2.5rem;
    row-gap: 0rem;
    margin-top: -0.85rem;
    padding-top: 2.35rem;
    padding-right: 5%;
    padding-bottom: 2.25rem;
    padding-left: 5%;
  }
  .nav7_page-col {
    width: 18rem;
  }
  .nav7_stories-flyout {
    position: absolute;
    top: 100%;
    left: 0;
    width: 16rem;
    margin-top: 0.35rem;
  }
  .nav7_story-col {
    flex-grow: 1;
  }
  .nav7_story-cards {
    flex-direction: row;
    column-gap: 1rem;
    row-gap: 0rem;
  }
  .nav7_story-image {
    height: 16rem;
  }
}

/* Generated by Blokset from components/nav-08.js. Edit the spec, not this file. */
.section_nav8 {
  position: sticky;
  top: 0;
  z-index: 30;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: var(--blok-line);
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.nav8_bar {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  column-gap: 1rem;
  row-gap: 0rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.nav8_brand {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  font-family: var(--blok-font-display);
  font-size: 1.25rem;
  line-height: 1;
  font-weight: 600;
  letter-spacing: -0.03em;
  text-decoration: none;
  color: inherit;
}
.nav8_tools {
  display: flex;
  align-items: center;
  column-gap: 1rem;
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 1;
}
.nav8_toggle {
  display: flex;
  cursor: pointer;
  color: var(--blok-ink-muted);
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.nav8_actions {
  display: flex;
}
.nav8_panel {
  display: none;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  row-gap: 0.25rem;
  column-gap: 0rem;
  padding-top: 0.75rem;
  padding-bottom: 0.5rem;
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 2;
}
.nav8_work {
  position: relative;
  width: 100%;
}
.nav8_work-trigger {
  display: flex;
  align-items: center;
  column-gap: 0.4rem;
  cursor: pointer;
  padding-top: 0.45rem;
  padding-bottom: 0.45rem;
}
.nav8_work-name {
  font-size: 1rem;
  line-height: 1.3;
}
.nav8_work-icon {
  font-size: 1rem;
  line-height: 1;
  font-weight: 300;
}
.nav8_work-flyout {
  display: none;
  position: static;
  top: auto;
  left: auto;
  width: 100%;
  z-index: 5;
  flex-direction: column;
  align-items: stretch;
  row-gap: 0.1rem;
  padding-top: 0.35rem;
  padding-right: 0.25rem;
  padding-bottom: 0.35rem;
  padding-left: 0.25rem;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
  border-top-left-radius: var(--blok-radius);
  border-top-right-radius: var(--blok-radius);
  border-bottom-left-radius: var(--blok-radius);
  border-bottom-right-radius: var(--blok-radius);
  background-color: var(--blok-surface);
}
.nav8_work-links {
  display: flex;
  flex-direction: column;
  row-gap: 0.1rem;
}
.nav8_work-link {
  text-decoration: none;
  color: inherit;
  font-size: 0.9375rem;
  line-height: 1.4;
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
}
.nav8_cases {
  position: relative;
  width: 100%;
}
.nav8_cases-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 0.75rem;
  cursor: pointer;
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
}
.nav8_cases-label {
  font-size: 0.9375rem;
  line-height: 1.4;
}
.nav8_cases-chevron {
  font-size: 1rem;
  line-height: 1;
}
.nav8_cases-flyout {
  display: none;
  position: static;
  top: auto;
  left: auto;
  width: 100%;
  z-index: 5;
  flex-direction: column;
  align-items: stretch;
  row-gap: 0.1rem;
  padding-top: 0.35rem;
  padding-right: 0.25rem;
  padding-bottom: 0.35rem;
  padding-left: 0.25rem;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
  border-top-left-radius: var(--blok-radius);
  border-top-right-radius: var(--blok-radius);
  border-bottom-left-radius: var(--blok-radius);
  border-bottom-right-radius: var(--blok-radius);
  background-color: var(--blok-surface);
}
.nav8_cases-links {
  display: flex;
  flex-direction: column;
  row-gap: 0.1rem;
}
.nav8_cases-link {
  text-decoration: none;
  color: inherit;
  font-size: 0.9375rem;
  line-height: 1.4;
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
}
.nav8_studio {
  position: relative;
  width: 100%;
}
.nav8_studio-trigger {
  display: flex;
  align-items: center;
  column-gap: 0.4rem;
  cursor: pointer;
  padding-top: 0.45rem;
  padding-bottom: 0.45rem;
}
.nav8_studio-name {
  font-size: 1rem;
  line-height: 1.3;
}
.nav8_studio-icon {
  font-size: 1rem;
  line-height: 1;
  font-weight: 300;
}
.nav8_studio-flyout {
  display: none;
  position: static;
  top: auto;
  left: auto;
  width: 100%;
  z-index: 5;
  flex-direction: column;
  align-items: stretch;
  row-gap: 0.1rem;
  padding-top: 0.35rem;
  padding-right: 0.25rem;
  padding-bottom: 0.35rem;
  padding-left: 0.25rem;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
  border-top-left-radius: var(--blok-radius);
  border-top-right-radius: var(--blok-radius);
  border-bottom-left-radius: var(--blok-radius);
  border-bottom-right-radius: var(--blok-radius);
  background-color: var(--blok-surface);
}
.nav8_studio-links {
  display: flex;
  flex-direction: column;
  row-gap: 0.1rem;
}
.nav8_studio-link {
  text-decoration: none;
  color: inherit;
  font-size: 0.9375rem;
  line-height: 1.4;
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
}
.nav8_people {
  position: relative;
  width: 100%;
}
.nav8_people-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 0.75rem;
  cursor: pointer;
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
}
.nav8_people-label {
  font-size: 0.9375rem;
  line-height: 1.4;
}
.nav8_people-chevron {
  font-size: 1rem;
  line-height: 1;
}
.nav8_people-flyout {
  display: none;
  position: static;
  top: auto;
  left: auto;
  width: 100%;
  z-index: 5;
  flex-direction: column;
  align-items: stretch;
  row-gap: 0.1rem;
  padding-top: 0.35rem;
  padding-right: 0.25rem;
  padding-bottom: 0.35rem;
  padding-left: 0.25rem;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
  border-top-left-radius: var(--blok-radius);
  border-top-right-radius: var(--blok-radius);
  border-bottom-left-radius: var(--blok-radius);
  border-bottom-right-radius: var(--blok-radius);
  background-color: var(--blok-surface);
}
.nav8_people-links {
  display: flex;
  flex-direction: column;
  row-gap: 0.1rem;
}
.nav8_people-link {
  text-decoration: none;
  color: inherit;
  font-size: 0.9375rem;
  line-height: 1.4;
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
}
.nav8_visit {
  position: relative;
  width: 100%;
}
.nav8_visit-trigger {
  display: flex;
  align-items: center;
  column-gap: 0.4rem;
  cursor: pointer;
  padding-top: 0.45rem;
  padding-bottom: 0.45rem;
}
.nav8_visit-name {
  font-size: 1rem;
  line-height: 1.3;
}
.nav8_visit-icon {
  font-size: 1rem;
  line-height: 1;
  font-weight: 300;
}
.nav8_visit-flyout {
  display: none;
  position: static;
  top: auto;
  left: auto;
  width: 100%;
  z-index: 5;
  flex-direction: column;
  align-items: stretch;
  row-gap: 0.1rem;
  padding-top: 0.35rem;
  padding-right: 0.25rem;
  padding-bottom: 0.35rem;
  padding-left: 0.25rem;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
  border-top-left-radius: var(--blok-radius);
  border-top-right-radius: var(--blok-radius);
  border-bottom-left-radius: var(--blok-radius);
  border-bottom-right-radius: var(--blok-radius);
  background-color: var(--blok-surface);
}
.nav8_visit-links {
  display: flex;
  flex-direction: column;
  row-gap: 0.1rem;
}
.nav8_visit-link {
  text-decoration: none;
  color: inherit;
  font-size: 0.9375rem;
  line-height: 1.4;
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
}
.nav8_places {
  position: relative;
  width: 100%;
}
.nav8_places-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 0.75rem;
  cursor: pointer;
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
}
.nav8_places-label {
  font-size: 0.9375rem;
  line-height: 1.4;
}
.nav8_places-chevron {
  font-size: 1rem;
  line-height: 1;
}
.nav8_places-flyout {
  display: none;
  position: static;
  top: auto;
  left: auto;
  width: 100%;
  z-index: 5;
  flex-direction: column;
  align-items: stretch;
  row-gap: 0.1rem;
  padding-top: 0.35rem;
  padding-right: 0.25rem;
  padding-bottom: 0.35rem;
  padding-left: 0.25rem;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
  border-top-left-radius: var(--blok-radius);
  border-top-right-radius: var(--blok-radius);
  border-bottom-left-radius: var(--blok-radius);
  border-bottom-right-radius: var(--blok-radius);
  background-color: var(--blok-surface);
}
.nav8_places-links {
  display: flex;
  flex-direction: column;
  row-gap: 0.1rem;
}
.nav8_places-link {
  text-decoration: none;
  color: inherit;
  font-size: 0.9375rem;
  line-height: 1.4;
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
}
.nav8_pages {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 0.15rem;
  column-gap: 0rem;
}
.nav8_page {
  text-decoration: none;
  font-size: 1rem;
  line-height: 1.3;
  padding-top: 0.45rem;
  padding-bottom: 0.45rem;
  color: var(--blok-ink);
}
.section_nav8.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
  border-bottom-color: var(--blok-line-inverse);
}
.nav8_work-flyout.is-dark {
  background-color: var(--blok-ink);
  border-top-color: var(--blok-line-inverse);
  border-right-color: var(--blok-line-inverse);
  border-bottom-color: var(--blok-line-inverse);
  border-left-color: var(--blok-line-inverse);
}
.nav8_studio-flyout.is-dark {
  background-color: var(--blok-ink);
  border-top-color: var(--blok-line-inverse);
  border-right-color: var(--blok-line-inverse);
  border-bottom-color: var(--blok-line-inverse);
  border-left-color: var(--blok-line-inverse);
}
.nav8_visit-flyout.is-dark {
  background-color: var(--blok-ink);
  border-top-color: var(--blok-line-inverse);
  border-right-color: var(--blok-line-inverse);
  border-bottom-color: var(--blok-line-inverse);
  border-left-color: var(--blok-line-inverse);
}
.nav8_cases-flyout.is-dark {
  background-color: var(--blok-ink);
  border-top-color: var(--blok-line-inverse);
  border-right-color: var(--blok-line-inverse);
  border-bottom-color: var(--blok-line-inverse);
  border-left-color: var(--blok-line-inverse);
}
.nav8_people-flyout.is-dark {
  background-color: var(--blok-ink);
  border-top-color: var(--blok-line-inverse);
  border-right-color: var(--blok-line-inverse);
  border-bottom-color: var(--blok-line-inverse);
  border-left-color: var(--blok-line-inverse);
}
.nav8_places-flyout.is-dark {
  background-color: var(--blok-ink);
  border-top-color: var(--blok-line-inverse);
  border-right-color: var(--blok-line-inverse);
  border-bottom-color: var(--blok-line-inverse);
  border-left-color: var(--blok-line-inverse);
}
.nav8_page.is-dark {
  color: var(--blok-surface);
}
.nav8_toggle.is-dark {
  color: var(--blok-surface-muted);
}
.section_nav8.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
  border-bottom-color: var(--blok-line);
}
.nav8_work-flyout.is-accent {
  background-color: var(--blok-accent);
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
}
.nav8_studio-flyout.is-accent {
  background-color: var(--blok-accent);
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
}
.nav8_visit-flyout.is-accent {
  background-color: var(--blok-accent);
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
}
.nav8_cases-flyout.is-accent {
  background-color: var(--blok-accent);
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
}
.nav8_people-flyout.is-accent {
  background-color: var(--blok-accent);
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
}
.nav8_places-flyout.is-accent {
  background-color: var(--blok-accent);
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
}
.nav8_page.is-accent {
  color: var(--blok-ink);
}
.nav8_toggle.is-accent {
  color: var(--blok-ink-soft);
}

@media (min-width: 992px) {
  .nav8_bar {
    grid-template-columns: auto 1fr auto;
    padding-top: 0.85rem;
    padding-bottom: 0.85rem;
  }
  .nav8_tools {
    grid-column-start: 3;
    grid-column-end: 4;
  }
  .nav8_toggle {
    display: none;
  }
  .nav8_panel {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    column-gap: 1.5rem;
    row-gap: 0rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
  }
  .nav8_work {
    width: auto;
  }
  .nav8_work-flyout {
    position: absolute;
    top: 100%;
    left: 0;
    width: 16rem;
    padding-top: 0.85rem;
    padding-right: 1rem;
    padding-bottom: 0.85rem;
    padding-left: 1rem;
  }
  .nav8_cases-flyout {
    position: absolute;
    top: 0;
    left: 100%;
    width: 14rem;
    z-index: 6;
    padding-top: 0.85rem;
    padding-right: 1rem;
    padding-bottom: 0.85rem;
    padding-left: 1rem;
  }
  .nav8_studio {
    width: auto;
  }
  .nav8_studio-flyout {
    position: absolute;
    top: 100%;
    left: 0;
    width: 16rem;
    padding-top: 0.85rem;
    padding-right: 1rem;
    padding-bottom: 0.85rem;
    padding-left: 1rem;
  }
  .nav8_people-flyout {
    position: absolute;
    top: 0;
    left: 100%;
    width: 14rem;
    z-index: 6;
    padding-top: 0.85rem;
    padding-right: 1rem;
    padding-bottom: 0.85rem;
    padding-left: 1rem;
  }
  .nav8_visit {
    width: auto;
  }
  .nav8_visit-flyout {
    position: absolute;
    top: 100%;
    left: 0;
    width: 16rem;
    padding-top: 0.85rem;
    padding-right: 1rem;
    padding-bottom: 0.85rem;
    padding-left: 1rem;
  }
  .nav8_places-flyout {
    position: absolute;
    top: 0;
    left: 100%;
    width: 14rem;
    z-index: 6;
    padding-top: 0.85rem;
    padding-right: 1rem;
    padding-bottom: 0.85rem;
    padding-left: 1rem;
  }
  .nav8_pages {
    flex-direction: row;
    align-items: center;
    column-gap: 1.5rem;
    row-gap: 0rem;
  }
}

/* Generated by Blokset from components/nav-09.js. Edit the spec, not this file. */
.section_nav9 {
  background-color: transparent;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.nav9_bar {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  column-gap: 0.75rem;
  row-gap: 0rem;
  padding-top: 0.4rem;
  padding-right: 0.4rem;
  padding-bottom: 0.4rem;
  padding-left: 1.1rem;
  border-top-left-radius: 1.25rem;
  border-top-right-radius: 1.25rem;
  border-bottom-left-radius: 1.25rem;
  border-bottom-right-radius: 1.25rem;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.nav9_brand {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  font-family: var(--blok-font-display);
  font-size: 1.0625rem;
  line-height: 1;
  font-weight: 600;
  letter-spacing: -0.03em;
  text-decoration: none;
  color: inherit;
}
.nav9_panel {
  display: none;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  row-gap: 0.25rem;
  column-gap: 0rem;
  padding-top: 0.75rem;
  padding-bottom: 0.6rem;
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 2;
}
.nav9_product {
  position: relative;
  width: 100%;
}
.nav9_product-trigger {
  display: flex;
  align-items: center;
  column-gap: 0.35rem;
  cursor: pointer;
  padding-top: 0.35rem;
  padding-bottom: 0.35rem;
}
.nav9_product-name {
  font-size: 0.9375rem;
  line-height: 1.3;
}
.nav9_product-icon {
  font-size: 1rem;
  line-height: 1;
  font-weight: 300;
}
.nav9_product-flyout {
  display: none;
  position: static;
  top: auto;
  left: auto;
  width: 100%;
  z-index: 5;
  flex-direction: column;
  align-items: stretch;
  row-gap: 0.35rem;
  padding-top: 0.5rem;
  padding-right: 0.35rem;
  padding-bottom: 0.5rem;
  padding-left: 0.35rem;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  background-color: var(--blok-surface);
}
.nav9_product-cards {
  display: flex;
  flex-direction: column;
  row-gap: 0.25rem;
}
.nav9_product-card {
  display: flex;
  align-items: flex-start;
  column-gap: 0.75rem;
  text-decoration: none;
  color: inherit;
  padding-top: 0.65rem;
  padding-right: 0.7rem;
  padding-bottom: 0.65rem;
  padding-left: 0.7rem;
  border-top-left-radius: var(--blok-radius);
  border-top-right-radius: var(--blok-radius);
  border-bottom-left-radius: var(--blok-radius);
  border-bottom-right-radius: var(--blok-radius);
}
.nav9_product-glyph {
  width: 1.5rem;
  flex-shrink: 0;
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0em;
  text-transform: none;
}
.nav9_product-copy {
  display: flex;
  flex-direction: column;
  row-gap: 0.15rem;
}
.nav9_product-title {
  font-size: 0.9375rem;
  line-height: 1.3;
  font-weight: 600;
}
.nav9_product-note {
  font-size: 0.8125rem;
  line-height: 1.4;
  opacity: 0.72;
}
.nav9_library {
  position: relative;
  width: 100%;
}
.nav9_library-trigger {
  display: flex;
  align-items: flex-start;
  column-gap: 0.75rem;
  cursor: pointer;
  padding-top: 0.65rem;
  padding-right: 0.7rem;
  padding-bottom: 0.65rem;
  padding-left: 0.7rem;
}
.nav9_library-icon {
  width: 1.5rem;
  flex-shrink: 0;
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0em;
  text-transform: none;
}
.nav9_library-lead {
  display: flex;
  flex-direction: column;
  row-gap: 0.15rem;
  flex-grow: 1;
}
.nav9_library-name {
  font-size: 0.9375rem;
  line-height: 1.3;
  font-weight: 600;
}
.nav9_library-text {
  font-size: 0.8125rem;
  line-height: 1.4;
  opacity: 0.72;
}
.nav9_library-chevron {
  font-size: 1rem;
  line-height: 1;
  padding-top: 0.15rem;
}
.nav9_library-flyout {
  display: none;
  position: static;
  top: auto;
  left: auto;
  width: 100%;
  z-index: 5;
  flex-direction: column;
  align-items: stretch;
  row-gap: 0.35rem;
  padding-top: 0.5rem;
  padding-right: 0.35rem;
  padding-bottom: 0.5rem;
  padding-left: 0.35rem;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  background-color: var(--blok-surface-2);
}
.nav9_library-cards {
  display: flex;
  flex-direction: column;
  row-gap: 0.25rem;
}
.nav9_library-card {
  display: flex;
  align-items: flex-start;
  column-gap: 0.75rem;
  text-decoration: none;
  color: inherit;
  padding-top: 0.65rem;
  padding-right: 0.7rem;
  padding-bottom: 0.65rem;
  padding-left: 0.7rem;
  border-top-left-radius: var(--blok-radius);
  border-top-right-radius: var(--blok-radius);
  border-bottom-left-radius: var(--blok-radius);
  border-bottom-right-radius: var(--blok-radius);
}
.nav9_library-glyph {
  width: 1.5rem;
  flex-shrink: 0;
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0em;
  text-transform: none;
}
.nav9_library-copy {
  display: flex;
  flex-direction: column;
  row-gap: 0.15rem;
}
.nav9_library-title {
  font-size: 0.9375rem;
  line-height: 1.3;
  font-weight: 600;
}
.nav9_library-note {
  font-size: 0.8125rem;
  line-height: 1.4;
  opacity: 0.72;
}
.nav9_studio {
  position: relative;
  width: 100%;
}
.nav9_studio-trigger {
  display: flex;
  align-items: center;
  column-gap: 0.35rem;
  cursor: pointer;
  padding-top: 0.35rem;
  padding-bottom: 0.35rem;
}
.nav9_studio-name {
  font-size: 0.9375rem;
  line-height: 1.3;
}
.nav9_studio-icon {
  font-size: 1rem;
  line-height: 1;
  font-weight: 300;
}
.nav9_studio-flyout {
  display: none;
  position: static;
  top: auto;
  left: auto;
  width: 100%;
  z-index: 5;
  flex-direction: column;
  align-items: stretch;
  row-gap: 0.35rem;
  padding-top: 0.5rem;
  padding-right: 0.35rem;
  padding-bottom: 0.5rem;
  padding-left: 0.35rem;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  background-color: var(--blok-surface);
}
.nav9_studio-cards {
  display: flex;
  flex-direction: column;
  row-gap: 0.25rem;
}
.nav9_studio-card {
  display: flex;
  align-items: flex-start;
  column-gap: 0.75rem;
  text-decoration: none;
  color: inherit;
  padding-top: 0.65rem;
  padding-right: 0.7rem;
  padding-bottom: 0.65rem;
  padding-left: 0.7rem;
  border-top-left-radius: var(--blok-radius);
  border-top-right-radius: var(--blok-radius);
  border-bottom-left-radius: var(--blok-radius);
  border-bottom-right-radius: var(--blok-radius);
}
.nav9_studio-glyph {
  width: 1.5rem;
  flex-shrink: 0;
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0em;
  text-transform: none;
}
.nav9_studio-copy {
  display: flex;
  flex-direction: column;
  row-gap: 0.15rem;
}
.nav9_studio-title {
  font-size: 0.9375rem;
  line-height: 1.3;
  font-weight: 600;
}
.nav9_studio-note {
  font-size: 0.8125rem;
  line-height: 1.4;
  opacity: 0.72;
}
.nav9_links {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 0.15rem;
  column-gap: 0rem;
}
.nav9_link {
  text-decoration: none;
  font-size: 0.9375rem;
  line-height: 1.3;
  padding-top: 0.35rem;
  padding-bottom: 0.35rem;
  color: var(--blok-ink);
}
.nav9_tools {
  display: flex;
  align-items: center;
  column-gap: 0.75rem;
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 1;
}
.nav9_toggle {
  display: flex;
  cursor: pointer;
  color: var(--blok-ink-muted);
  font-family: var(--blok-font-mono);
  font-size: 0.75rem;
  line-height: 1;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.nav9_actions {
  display: flex;
}
.nav9_bar.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
  border-top-color: var(--blok-line-inverse);
  border-right-color: var(--blok-line-inverse);
  border-bottom-color: var(--blok-line-inverse);
  border-left-color: var(--blok-line-inverse);
}
.nav9_product-flyout.is-dark {
  background-color: var(--blok-ink);
  border-top-color: var(--blok-line-inverse);
  border-right-color: var(--blok-line-inverse);
  border-bottom-color: var(--blok-line-inverse);
  border-left-color: var(--blok-line-inverse);
}
.nav9_studio-flyout.is-dark {
  background-color: var(--blok-ink);
  border-top-color: var(--blok-line-inverse);
  border-right-color: var(--blok-line-inverse);
  border-bottom-color: var(--blok-line-inverse);
  border-left-color: var(--blok-line-inverse);
}
.nav9_library-flyout.is-dark {
  background-color: var(--blok-ink-2);
  border-top-color: var(--blok-line-inverse);
  border-right-color: var(--blok-line-inverse);
  border-bottom-color: var(--blok-line-inverse);
  border-left-color: var(--blok-line-inverse);
}
.nav9_link.is-dark {
  color: var(--blok-surface);
}
.nav9_toggle.is-dark {
  color: var(--blok-surface-muted);
}
.nav9_bar.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
}
.nav9_product-flyout.is-accent {
  background-color: var(--blok-accent);
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
}
.nav9_studio-flyout.is-accent {
  background-color: var(--blok-accent);
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
}
.nav9_library-flyout.is-accent {
  background-color: var(--blok-surface);
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
}
.nav9_link.is-accent {
  color: var(--blok-ink);
}
.nav9_toggle.is-accent {
  color: var(--blok-ink-soft);
}

@media (min-width: 992px) {
  .nav9_bar {
    grid-template-columns: auto 1fr auto;
    padding-left: 1.35rem;
    border-top-left-radius: 999px;
    border-top-right-radius: 999px;
    border-bottom-right-radius: 999px;
    border-bottom-left-radius: 999px;
  }
  .nav9_panel {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    column-gap: 1.25rem;
    row-gap: 0rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
  }
  .nav9_product {
    width: auto;
  }
  .nav9_product-flyout {
    position: absolute;
    top: 100%;
    left: 0;
    width: 20rem;
    padding-top: 0.75rem;
    padding-right: 0.75rem;
    padding-bottom: 0.75rem;
    padding-left: 0.75rem;
  }
  .nav9_library-flyout {
    position: absolute;
    top: 0;
    left: 100%;
    width: 18rem;
    z-index: 6;
    padding-top: 0.75rem;
    padding-right: 0.75rem;
    padding-bottom: 0.75rem;
    padding-left: 0.75rem;
  }
  .nav9_studio {
    width: auto;
  }
  .nav9_studio-flyout {
    position: absolute;
    top: 100%;
    left: 0;
    width: 20rem;
    padding-top: 0.75rem;
    padding-right: 0.75rem;
    padding-bottom: 0.75rem;
    padding-left: 0.75rem;
  }
  .nav9_links {
    flex-direction: row;
    align-items: center;
    column-gap: 1.25rem;
    row-gap: 0rem;
  }
  .nav9_tools {
    grid-column-start: 3;
    grid-column-end: 4;
  }
  .nav9_toggle {
    display: none;
  }
}

/* Generated by Blokset from components/nav-10.js. Edit the spec, not this file. */
.section_nav10 {
  position: relative;
  z-index: 40;
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.nav10_component {
  display: flex;
  justify-content: center;
  position: relative;
}
.nav10_track {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  row-gap: 0.75rem;
  column-gap: 0rem;
  width: 100%;
  max-width: 56rem;
  padding-top: 0.65rem;
  padding-right: 0.65rem;
  padding-bottom: 0.65rem;
  padding-left: 0.65rem;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  background-color: var(--blok-surface-2);
  color: var(--blok-ink);
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
}
.nav10_wordmark {
  font-family: var(--blok-font-display);
  font-size: 1.125rem;
  font-weight: 700;
  padding-left: 0.35rem;
  flex-shrink: 1;
  color: var(--blok-ink);
}
.nav10_tabs {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: stretch;
  justify-content: flex-start;
  row-gap: 0.35rem;
  column-gap: 0.35rem;
  flex-grow: 1;
  width: 100%;
}
.nav10_about {
  position: static;
  width: 100%;
}
.nav10_about-trigger {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding-top: 0.65rem;
  padding-right: 1.15rem;
  padding-bottom: 0.65rem;
  padding-left: 1.15rem;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  color: var(--blok-ink);
}
.nav10_about-mark {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  z-index: 0;
  pointer-events: none;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  background-color: var(--blok-ink);
}
.nav10_about-label {
  position: relative;
  z-index: 1;
  font-family: var(--blok-font-mono);
  font-size: 0.6875rem;
  line-height: 1.4;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--blok-ink);
}
.nav10_about-panel {
  display: none;
  position: static;
  top: auto;
  right: auto;
  left: auto;
  width: 100%;
  z-index: 8;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  row-gap: 1.5rem;
  column-gap: 0rem;
  padding-top: 1.5rem;
  padding-right: 1.25rem;
  padding-bottom: 1.5rem;
  padding-left: 1.25rem;
  border-top-left-radius: 0rem;
  border-top-right-radius: 0rem;
  border-bottom-right-radius: 0rem;
  border-bottom-left-radius: 0rem;
  border-top-width: 1px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
  background-color: var(--blok-surface);
}
.nav10_about-a-col {
  display: flex;
  flex-direction: column;
  row-gap: 0.35rem;
  min-width: 0rem;
}
.nav10_about-a-title {
  font-family: var(--blok-font-mono);
  font-size: 0.6875rem;
  line-height: 1.4;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-bottom: 0.35rem;
  color: var(--blok-ink-muted);
}
.nav10_about-a-links {
  display: flex;
  flex-direction: column;
  row-gap: 0.15rem;
}
.nav10_about-a-link {
  text-decoration: none;
  font-size: 1rem;
  line-height: 1.45;
  color: var(--blok-ink);
}
.nav10_about-b-col {
  display: flex;
  flex-direction: column;
  row-gap: 0.35rem;
  min-width: 0rem;
}
.nav10_about-b-title {
  font-family: var(--blok-font-mono);
  font-size: 0.6875rem;
  line-height: 1.4;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-bottom: 0.35rem;
  color: var(--blok-ink-muted);
}
.nav10_about-b-links {
  display: flex;
  flex-direction: column;
  row-gap: 0.15rem;
}
.nav10_about-b-link {
  text-decoration: none;
  font-size: 1rem;
  line-height: 1.45;
  color: var(--blok-ink);
}
.nav10_about-feature {
  display: flex;
  flex-direction: column;
  row-gap: 0.55rem;
  text-decoration: none;
  width: 100%;
  margin-left: 0;
}
.nav10_about-feature-image {
  display: block;
  width: 100%;
  height: 8.5rem;
  object-fit: cover;
  border-top-left-radius: 0.85rem;
  border-top-right-radius: 0.85rem;
  border-bottom-left-radius: 0.85rem;
  border-bottom-right-radius: 0.85rem;
}
.nav10_about-feature-title {
  font-size: 0.9375rem;
  line-height: 1.35;
  font-weight: 600;
  color: var(--blok-ink);
}
.nav10_about-feature-note {
  font-size: 0.8125rem;
  line-height: 1.4;
  color: var(--blok-ink-muted);
}
.nav10_results {
  position: static;
  width: 100%;
}
.nav10_results-trigger {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding-top: 0.65rem;
  padding-right: 1.15rem;
  padding-bottom: 0.65rem;
  padding-left: 1.15rem;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  color: var(--blok-ink);
}
.nav10_results-mark {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  z-index: 0;
  pointer-events: none;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  background-color: var(--blok-ink);
}
.nav10_results-label {
  position: relative;
  z-index: 1;
  font-family: var(--blok-font-mono);
  font-size: 0.6875rem;
  line-height: 1.4;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--blok-ink);
}
.nav10_results-panel {
  display: none;
  position: static;
  top: auto;
  right: auto;
  left: auto;
  width: 100%;
  z-index: 8;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  row-gap: 1.5rem;
  column-gap: 0rem;
  padding-top: 1.5rem;
  padding-right: 1.25rem;
  padding-bottom: 1.5rem;
  padding-left: 1.25rem;
  border-top-left-radius: 0rem;
  border-top-right-radius: 0rem;
  border-bottom-right-radius: 0rem;
  border-bottom-left-radius: 0rem;
  border-top-width: 1px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
  background-color: var(--blok-surface);
}
.nav10_results-a-col {
  display: flex;
  flex-direction: column;
  row-gap: 0.35rem;
  min-width: 0rem;
}
.nav10_results-a-title {
  font-family: var(--blok-font-mono);
  font-size: 0.6875rem;
  line-height: 1.4;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-bottom: 0.35rem;
  color: var(--blok-ink-muted);
}
.nav10_results-a-links {
  display: flex;
  flex-direction: column;
  row-gap: 0.15rem;
}
.nav10_results-a-link {
  text-decoration: none;
  font-size: 1rem;
  line-height: 1.45;
  color: var(--blok-ink);
}
.nav10_results-b-col {
  display: flex;
  flex-direction: column;
  row-gap: 0.35rem;
  min-width: 0rem;
}
.nav10_results-b-title {
  font-family: var(--blok-font-mono);
  font-size: 0.6875rem;
  line-height: 1.4;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-bottom: 0.35rem;
  color: var(--blok-ink-muted);
}
.nav10_results-b-links {
  display: flex;
  flex-direction: column;
  row-gap: 0.15rem;
}
.nav10_results-b-link {
  text-decoration: none;
  font-size: 1rem;
  line-height: 1.45;
  color: var(--blok-ink);
}
.nav10_results-feature {
  display: flex;
  flex-direction: column;
  row-gap: 0.55rem;
  text-decoration: none;
  width: 100%;
  margin-left: 0;
}
.nav10_results-feature-image {
  display: block;
  width: 100%;
  height: 8.5rem;
  object-fit: cover;
  border-top-left-radius: 0.85rem;
  border-top-right-radius: 0.85rem;
  border-bottom-left-radius: 0.85rem;
  border-bottom-right-radius: 0.85rem;
}
.nav10_results-feature-title {
  font-size: 0.9375rem;
  line-height: 1.35;
  font-weight: 600;
  color: var(--blok-ink);
}
.nav10_results-feature-note {
  font-size: 0.8125rem;
  line-height: 1.4;
  color: var(--blok-ink-muted);
}
.nav10_services {
  position: static;
  width: 100%;
}
.nav10_services-trigger {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding-top: 0.65rem;
  padding-right: 1.15rem;
  padding-bottom: 0.65rem;
  padding-left: 1.15rem;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  color: var(--blok-ink);
}
.nav10_services-mark {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  z-index: 0;
  pointer-events: none;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  background-color: var(--blok-ink);
}
.nav10_services-label {
  position: relative;
  z-index: 1;
  font-family: var(--blok-font-mono);
  font-size: 0.6875rem;
  line-height: 1.4;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--blok-ink);
}
.nav10_services-panel {
  display: none;
  position: static;
  top: auto;
  right: auto;
  left: auto;
  width: 100%;
  z-index: 8;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  row-gap: 1.5rem;
  column-gap: 0rem;
  padding-top: 1.5rem;
  padding-right: 1.25rem;
  padding-bottom: 1.5rem;
  padding-left: 1.25rem;
  border-top-left-radius: 0rem;
  border-top-right-radius: 0rem;
  border-bottom-right-radius: 0rem;
  border-bottom-left-radius: 0rem;
  border-top-width: 1px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
  background-color: var(--blok-surface);
}
.nav10_services-a-col {
  display: flex;
  flex-direction: column;
  row-gap: 0.35rem;
  min-width: 0rem;
}
.nav10_services-a-title {
  font-family: var(--blok-font-mono);
  font-size: 0.6875rem;
  line-height: 1.4;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-bottom: 0.35rem;
  color: var(--blok-ink-muted);
}
.nav10_services-a-links {
  display: flex;
  flex-direction: column;
  row-gap: 0.15rem;
}
.nav10_services-a-link {
  text-decoration: none;
  font-size: 1rem;
  line-height: 1.45;
  color: var(--blok-ink);
}
.nav10_services-b-col {
  display: flex;
  flex-direction: column;
  row-gap: 0.35rem;
  min-width: 0rem;
}
.nav10_services-b-title {
  font-family: var(--blok-font-mono);
  font-size: 0.6875rem;
  line-height: 1.4;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-bottom: 0.35rem;
  color: var(--blok-ink-muted);
}
.nav10_services-b-links {
  display: flex;
  flex-direction: column;
  row-gap: 0.15rem;
}
.nav10_services-b-link {
  text-decoration: none;
  font-size: 1rem;
  line-height: 1.45;
  color: var(--blok-ink);
}
.nav10_services-feature {
  display: flex;
  flex-direction: column;
  row-gap: 0.55rem;
  text-decoration: none;
  width: 100%;
  margin-left: 0;
}
.nav10_services-feature-image {
  display: block;
  width: 100%;
  height: 8.5rem;
  object-fit: cover;
  border-top-left-radius: 0.85rem;
  border-top-right-radius: 0.85rem;
  border-bottom-left-radius: 0.85rem;
  border-bottom-right-radius: 0.85rem;
}
.nav10_services-feature-title {
  font-size: 0.9375rem;
  line-height: 1.35;
  font-weight: 600;
  color: var(--blok-ink);
}
.nav10_services-feature-note {
  font-size: 0.8125rem;
  line-height: 1.4;
  color: var(--blok-ink-muted);
}
.nav10_company {
  position: static;
  width: 100%;
}
.nav10_company-trigger {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding-top: 0.65rem;
  padding-right: 1.15rem;
  padding-bottom: 0.65rem;
  padding-left: 1.15rem;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  color: var(--blok-ink);
}
.nav10_company-mark {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  z-index: 0;
  pointer-events: none;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  background-color: var(--blok-ink);
}
.nav10_company-label {
  position: relative;
  z-index: 1;
  font-family: var(--blok-font-mono);
  font-size: 0.6875rem;
  line-height: 1.4;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--blok-ink);
}
.nav10_company-panel {
  display: none;
  position: static;
  top: auto;
  right: auto;
  left: auto;
  width: 100%;
  z-index: 8;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  row-gap: 1.5rem;
  column-gap: 0rem;
  padding-top: 1.5rem;
  padding-right: 1.25rem;
  padding-bottom: 1.5rem;
  padding-left: 1.25rem;
  border-top-left-radius: 0rem;
  border-top-right-radius: 0rem;
  border-bottom-right-radius: 0rem;
  border-bottom-left-radius: 0rem;
  border-top-width: 1px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
  background-color: var(--blok-surface);
}
.nav10_company-a-col {
  display: flex;
  flex-direction: column;
  row-gap: 0.35rem;
  min-width: 0rem;
}
.nav10_company-a-title {
  font-family: var(--blok-font-mono);
  font-size: 0.6875rem;
  line-height: 1.4;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-bottom: 0.35rem;
  color: var(--blok-ink-muted);
}
.nav10_company-a-links {
  display: flex;
  flex-direction: column;
  row-gap: 0.15rem;
}
.nav10_company-a-link {
  text-decoration: none;
  font-size: 1rem;
  line-height: 1.45;
  color: var(--blok-ink);
}
.nav10_company-b-col {
  display: flex;
  flex-direction: column;
  row-gap: 0.35rem;
  min-width: 0rem;
}
.nav10_company-b-title {
  font-family: var(--blok-font-mono);
  font-size: 0.6875rem;
  line-height: 1.4;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-bottom: 0.35rem;
  color: var(--blok-ink-muted);
}
.nav10_company-b-links {
  display: flex;
  flex-direction: column;
  row-gap: 0.15rem;
}
.nav10_company-b-link {
  text-decoration: none;
  font-size: 1rem;
  line-height: 1.45;
  color: var(--blok-ink);
}
.nav10_company-feature {
  display: flex;
  flex-direction: column;
  row-gap: 0.55rem;
  text-decoration: none;
  width: 100%;
  margin-left: 0;
}
.nav10_company-feature-image {
  display: block;
  width: 100%;
  height: 8.5rem;
  object-fit: cover;
  border-top-left-radius: 0.85rem;
  border-top-right-radius: 0.85rem;
  border-bottom-left-radius: 0.85rem;
  border-bottom-right-radius: 0.85rem;
}
.nav10_company-feature-title {
  font-size: 0.9375rem;
  line-height: 1.35;
  font-weight: 600;
  color: var(--blok-ink);
}
.nav10_company-feature-note {
  font-size: 0.8125rem;
  line-height: 1.4;
  color: var(--blok-ink-muted);
}
.nav10_network {
  position: static;
  width: 100%;
}
.nav10_network-trigger {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding-top: 0.65rem;
  padding-right: 1.15rem;
  padding-bottom: 0.65rem;
  padding-left: 1.15rem;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  color: var(--blok-ink);
}
.nav10_network-mark {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  z-index: 0;
  pointer-events: none;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  background-color: var(--blok-ink);
}
.nav10_network-label {
  position: relative;
  z-index: 1;
  font-family: var(--blok-font-mono);
  font-size: 0.6875rem;
  line-height: 1.4;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--blok-ink);
}
.nav10_network-panel {
  display: none;
  position: static;
  top: auto;
  right: auto;
  left: auto;
  width: 100%;
  z-index: 8;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  row-gap: 1.5rem;
  column-gap: 0rem;
  padding-top: 1.5rem;
  padding-right: 1.25rem;
  padding-bottom: 1.5rem;
  padding-left: 1.25rem;
  border-top-left-radius: 0rem;
  border-top-right-radius: 0rem;
  border-bottom-right-radius: 0rem;
  border-bottom-left-radius: 0rem;
  border-top-width: 1px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
  background-color: var(--blok-surface);
}
.nav10_network-a-col {
  display: flex;
  flex-direction: column;
  row-gap: 0.35rem;
  min-width: 0rem;
}
.nav10_network-a-title {
  font-family: var(--blok-font-mono);
  font-size: 0.6875rem;
  line-height: 1.4;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-bottom: 0.35rem;
  color: var(--blok-ink-muted);
}
.nav10_network-a-links {
  display: flex;
  flex-direction: column;
  row-gap: 0.15rem;
}
.nav10_network-a-link {
  text-decoration: none;
  font-size: 1rem;
  line-height: 1.45;
  color: var(--blok-ink);
}
.nav10_network-b-col {
  display: flex;
  flex-direction: column;
  row-gap: 0.35rem;
  min-width: 0rem;
}
.nav10_network-b-title {
  font-family: var(--blok-font-mono);
  font-size: 0.6875rem;
  line-height: 1.4;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-bottom: 0.35rem;
  color: var(--blok-ink-muted);
}
.nav10_network-b-links {
  display: flex;
  flex-direction: column;
  row-gap: 0.15rem;
}
.nav10_network-b-link {
  text-decoration: none;
  font-size: 1rem;
  line-height: 1.45;
  color: var(--blok-ink);
}
.nav10_network-feature {
  display: flex;
  flex-direction: column;
  row-gap: 0.55rem;
  text-decoration: none;
  width: 100%;
  margin-left: 0;
}
.nav10_network-feature-image {
  display: block;
  width: 100%;
  height: 8.5rem;
  object-fit: cover;
  border-top-left-radius: 0.85rem;
  border-top-right-radius: 0.85rem;
  border-bottom-left-radius: 0.85rem;
  border-bottom-right-radius: 0.85rem;
}
.nav10_network-feature-title {
  font-size: 0.9375rem;
  line-height: 1.35;
  font-weight: 600;
  color: var(--blok-ink);
}
.nav10_network-feature-note {
  font-size: 0.8125rem;
  line-height: 1.4;
  color: var(--blok-ink-muted);
}
.nav10_counter {
  font-family: var(--blok-font-mono);
  font-size: 0.75rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-align: center;
  padding-right: 0.35rem;
  flex-shrink: 1;
  color: var(--blok-ink-muted);
}
.section_nav10.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.nav10_track.is-dark {
  background-color: var(--blok-ink-2);
  color: var(--blok-surface);
  border-top-color: var(--blok-line-inverse);
  border-right-color: var(--blok-line-inverse);
  border-bottom-color: var(--blok-line-inverse);
  border-left-color: var(--blok-line-inverse);
}
.nav10_wordmark.is-dark {
  color: var(--blok-surface);
}
.nav10_counter.is-dark {
  color: var(--blok-surface-muted);
}
.section_nav10.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.nav10_track.is-accent {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
  border-top-color: var(--blok-line);
  border-right-color: var(--blok-line);
  border-bottom-color: var(--blok-line);
  border-left-color: var(--blok-line);
}
.nav10_wordmark.is-accent {
  color: var(--blok-ink);
}
.nav10_counter.is-accent {
  color: var(--blok-ink-soft);
}

@media (min-width: 992px) {
  .nav10_track {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    column-gap: 1.25rem;
    row-gap: 0rem;
    padding-top: 0.5rem;
    padding-right: 0.75rem;
    padding-bottom: 0.5rem;
    padding-left: 0.75rem;
  }
  .nav10_wordmark {
    padding-left: 0.5rem;
    flex-shrink: 0;
  }
  .nav10_tabs {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    column-gap: 0.5rem;
    row-gap: 0.5rem;
    width: auto;
  }
  .nav10_about {
    width: auto;
  }
  .nav10_about-panel {
    position: absolute;
    top: calc(100% + 0.85rem);
    right: 0;
    left: 0;
    width: auto;
    flex-direction: row;
    align-items: flex-start;
    column-gap: 2.5rem;
    row-gap: 0rem;
    padding-top: 2rem;
    padding-right: 2rem;
    padding-bottom: 2rem;
    padding-left: 2rem;
    border-top-left-radius: 1.25rem;
    border-top-right-radius: 1.25rem;
    border-bottom-right-radius: 1.25rem;
    border-bottom-left-radius: 1.25rem;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-color: var(--blok-line);
    border-right-color: var(--blok-line);
    border-bottom-color: var(--blok-line);
    border-left-color: var(--blok-line);
  }
  .nav10_about-a-col {
    min-width: 9.5rem;
  }
  .nav10_about-b-col {
    min-width: 9.5rem;
  }
  .nav10_about-feature {
    width: 16rem;
    margin-left: auto;
  }
  .nav10_about-feature-image {
    height: 10rem;
  }
  .nav10_results {
    width: auto;
  }
  .nav10_results-panel {
    position: absolute;
    top: calc(100% + 0.85rem);
    right: 0;
    left: 0;
    width: auto;
    flex-direction: row;
    align-items: flex-start;
    column-gap: 2.5rem;
    row-gap: 0rem;
    padding-top: 2rem;
    padding-right: 2rem;
    padding-bottom: 2rem;
    padding-left: 2rem;
    border-top-left-radius: 1.25rem;
    border-top-right-radius: 1.25rem;
    border-bottom-right-radius: 1.25rem;
    border-bottom-left-radius: 1.25rem;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-color: var(--blok-line);
    border-right-color: var(--blok-line);
    border-bottom-color: var(--blok-line);
    border-left-color: var(--blok-line);
  }
  .nav10_results-a-col {
    min-width: 9.5rem;
  }
  .nav10_results-b-col {
    min-width: 9.5rem;
  }
  .nav10_results-feature {
    width: 16rem;
    margin-left: auto;
  }
  .nav10_results-feature-image {
    height: 10rem;
  }
  .nav10_services {
    width: auto;
  }
  .nav10_services-panel {
    position: absolute;
    top: calc(100% + 0.85rem);
    right: 0;
    left: 0;
    width: auto;
    flex-direction: row;
    align-items: flex-start;
    column-gap: 2.5rem;
    row-gap: 0rem;
    padding-top: 2rem;
    padding-right: 2rem;
    padding-bottom: 2rem;
    padding-left: 2rem;
    border-top-left-radius: 1.25rem;
    border-top-right-radius: 1.25rem;
    border-bottom-right-radius: 1.25rem;
    border-bottom-left-radius: 1.25rem;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-color: var(--blok-line);
    border-right-color: var(--blok-line);
    border-bottom-color: var(--blok-line);
    border-left-color: var(--blok-line);
  }
  .nav10_services-a-col {
    min-width: 9.5rem;
  }
  .nav10_services-b-col {
    min-width: 9.5rem;
  }
  .nav10_services-feature {
    width: 16rem;
    margin-left: auto;
  }
  .nav10_services-feature-image {
    height: 10rem;
  }
  .nav10_company {
    width: auto;
  }
  .nav10_company-panel {
    position: absolute;
    top: calc(100% + 0.85rem);
    right: 0;
    left: 0;
    width: auto;
    flex-direction: row;
    align-items: flex-start;
    column-gap: 2.5rem;
    row-gap: 0rem;
    padding-top: 2rem;
    padding-right: 2rem;
    padding-bottom: 2rem;
    padding-left: 2rem;
    border-top-left-radius: 1.25rem;
    border-top-right-radius: 1.25rem;
    border-bottom-right-radius: 1.25rem;
    border-bottom-left-radius: 1.25rem;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-color: var(--blok-line);
    border-right-color: var(--blok-line);
    border-bottom-color: var(--blok-line);
    border-left-color: var(--blok-line);
  }
  .nav10_company-a-col {
    min-width: 9.5rem;
  }
  .nav10_company-b-col {
    min-width: 9.5rem;
  }
  .nav10_company-feature {
    width: 16rem;
    margin-left: auto;
  }
  .nav10_company-feature-image {
    height: 10rem;
  }
  .nav10_network {
    width: auto;
  }
  .nav10_network-panel {
    position: absolute;
    top: calc(100% + 0.85rem);
    right: 0;
    left: 0;
    width: auto;
    flex-direction: row;
    align-items: flex-start;
    column-gap: 2.5rem;
    row-gap: 0rem;
    padding-top: 2rem;
    padding-right: 2rem;
    padding-bottom: 2rem;
    padding-left: 2rem;
    border-top-left-radius: 1.25rem;
    border-top-right-radius: 1.25rem;
    border-bottom-right-radius: 1.25rem;
    border-bottom-left-radius: 1.25rem;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-color: var(--blok-line);
    border-right-color: var(--blok-line);
    border-bottom-color: var(--blok-line);
    border-left-color: var(--blok-line);
  }
  .nav10_network-a-col {
    min-width: 9.5rem;
  }
  .nav10_network-b-col {
    min-width: 9.5rem;
  }
  .nav10_network-feature {
    width: 16rem;
    margin-left: auto;
  }
  .nav10_network-feature-image {
    height: 10rem;
  }
  .nav10_counter {
    text-align: right;
    flex-shrink: 0;
    padding-right: 0.5rem;
  }
}

/* Generated by Blokset from components/offgrid-01.js. Edit the spec, not this file. */
.section_offgrid01 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.offgrid01_component {
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
}
.offgrid01_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: left;
}
.offgrid01_header-title {
  max-width: 40rem;
}
.offgrid01_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.offgrid01_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-ink);
}
.offgrid01_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.offgrid01_stage {
  position: relative;
  min-height: 0px;
}
.offgrid01_copy {
  position: relative;
  z-index: 5;
  max-width: 28rem;
  margin-top: 0rem;
  margin-left: 0rem;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
  padding-top: 1.5rem;
  padding-right: 1.5rem;
  padding-bottom: 1.5rem;
  padding-left: 1.5rem;
  background-color: var(--blok-surface-2);
  color: var(--blok-ink);
}
.offgrid01_copy-title {
  margin-top: 0;
  margin-bottom: 0.6rem;
  font-family: var(--blok-font-display);
  font-size: 1.75rem;
  line-height: 1.1;
  font-weight: 600;
}
.offgrid01_copy-text {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.05rem;
  line-height: 1.5;
  color: var(--blok-ink-muted);
}
.offgrid01_photo-a {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  z-index: 1;
  width: 100%;
  margin-top: 1rem;
  overflow: hidden;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.offgrid01_photo-a-image {
  display: block;
  width: 100%;
  height: 14rem;
  object-fit: cover;
}
.offgrid01_photo-b {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  z-index: 1;
  width: 100%;
  margin-top: 1rem;
  overflow: hidden;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.offgrid01_photo-b-image {
  display: block;
  width: 100%;
  height: 14rem;
  object-fit: cover;
}
.offgrid01_photo-c {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  z-index: 1;
  width: 100%;
  margin-top: 1rem;
  overflow: hidden;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.offgrid01_photo-c-image {
  display: block;
  width: 100%;
  height: 14rem;
  object-fit: cover;
}
.section_offgrid01.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.offgrid01_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.offgrid01_heading.is-dark {
  color: var(--blok-surface);
}
.offgrid01_description.is-dark {
  color: var(--blok-surface-muted);
}
.offgrid01_copy.is-dark {
  background-color: var(--blok-ink-2);
  color: var(--blok-surface);
}
.offgrid01_copy-text.is-dark {
  color: var(--blok-surface-muted);
}
.section_offgrid01.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.offgrid01_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.offgrid01_heading.is-accent {
  color: var(--blok-ink);
}
.offgrid01_description.is-accent {
  color: var(--blok-ink-soft);
}
.offgrid01_copy.is-accent {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.offgrid01_copy-text.is-accent {
  color: var(--blok-ink-soft);
}

@media (min-width: 768px) {
  .offgrid01_heading {
    font-size: 3rem;
  }
}

@media (min-width: 992px) {
  .offgrid01_header {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    column-gap: 4rem;
  }
  .offgrid01_heading {
    font-size: 3.5rem;
  }
  .offgrid01_stage {
    min-height: 36rem;
  }
  .offgrid01_copy {
    margin-top: 5rem;
    margin-left: 38%;
  }
  .offgrid01_photo-a {
    position: absolute;
    margin-top: 0rem;
    z-index: 3;
    width: 32%;
    top: 0;
    left: 0;
  }
  .offgrid01_photo-b {
    position: absolute;
    margin-top: 0rem;
    z-index: 1;
    width: 26%;
    top: 4%;
    left: 70%;
  }
  .offgrid01_photo-c {
    position: absolute;
    margin-top: 0rem;
    z-index: 4;
    width: 24%;
    top: 62%;
    left: 62%;
  }
}

/* Generated by Blokset from components/offgrid-02.js. Edit the spec, not this file. */
.section_offgrid02 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.offgrid02_component {
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
}
.offgrid02_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: left;
}
.offgrid02_header-title {
  max-width: 40rem;
}
.offgrid02_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.offgrid02_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-ink);
}
.offgrid02_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.offgrid02_card {
  position: relative;
  min-height: 22rem;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.offgrid02_image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.offgrid02_notch-label {
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  bottom: auto;
  max-width: 16rem;
  border-bottom-right-radius: 1.5rem;
  padding-top: 1.25rem;
  padding-right: 1.25rem;
  padding-bottom: 1.25rem;
  padding-left: 1.25rem;
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.offgrid02_label {
  margin-top: 0;
  margin-bottom: 0.4rem;
  font-family: var(--blok-font-display);
  font-size: 1.5rem;
  line-height: 1.1;
  font-weight: 600;
}
.offgrid02_notch-text {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.95rem;
  line-height: 1.45;
  color: var(--blok-ink-muted);
}
.offgrid02_notch-actions {
  position: absolute;
  right: 0;
  bottom: 0;
  top: auto;
  left: auto;
  border-top-left-radius: 1.5rem;
  padding-top: 1rem;
  padding-right: 1rem;
  padding-bottom: 1rem;
  padding-left: 1rem;
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.offgrid02_more {
  color: inherit;
  font-weight: 600;
  text-decoration: none;
}
.section_offgrid02.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.offgrid02_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.offgrid02_heading.is-dark {
  color: var(--blok-surface);
}
.offgrid02_description.is-dark {
  color: var(--blok-surface-muted);
}
.offgrid02_notch-label.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.offgrid02_notch-actions.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.offgrid02_notch-text.is-dark {
  color: var(--blok-surface-muted);
}
.section_offgrid02.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.offgrid02_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.offgrid02_heading.is-accent {
  color: var(--blok-ink);
}
.offgrid02_description.is-accent {
  color: var(--blok-ink-soft);
}
.offgrid02_notch-label.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.offgrid02_notch-actions.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.offgrid02_notch-text.is-accent {
  color: var(--blok-ink-soft);
}

@media (min-width: 768px) {
  .offgrid02_heading {
    font-size: 3rem;
  }
}

@media (min-width: 992px) {
  .offgrid02_header {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    column-gap: 4rem;
  }
  .offgrid02_heading {
    font-size: 3.5rem;
  }
  .offgrid02_card {
    min-height: 34rem;
  }
}

/* Generated by Blokset from components/offgrid-03.js. Edit the spec, not this file. */
.section_offgrid03 {
  position: relative;
  overflow: hidden;
  min-height: 0px;
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.offgrid03_media {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  z-index: 0;
  width: 100%;
  height: 18rem;
  overflow: hidden;
}
.offgrid03_image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.offgrid03_component {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 0px;
}
.offgrid03_copy {
  max-width: 34rem;
  width: 100%;
}
.offgrid03_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: left;
}
.offgrid03_header-title {
  max-width: 40rem;
}
.offgrid03_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.offgrid03_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-ink);
}
.offgrid03_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.section_offgrid03.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.offgrid03_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.offgrid03_heading.is-dark {
  color: var(--blok-surface);
}
.offgrid03_description.is-dark {
  color: var(--blok-surface-muted);
}
.section_offgrid03.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.offgrid03_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.offgrid03_heading.is-accent {
  color: var(--blok-ink);
}
.offgrid03_description.is-accent {
  color: var(--blok-ink-soft);
}

@media (min-width: 768px) {
  .offgrid03_heading {
    font-size: 3rem;
  }
}

@media (min-width: 992px) {
  .section_offgrid03 {
    min-height: 36rem;
  }
  .offgrid03_media {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    width: 48%;
    height: auto;
  }
  .offgrid03_component {
    min-height: 36rem;
  }
  .offgrid03_heading {
    font-size: 3.5rem;
  }
}

/* Generated by Blokset from components/offgrid-04.js. Edit the spec, not this file. */
.section_offgrid04 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.offgrid04_component {
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
}
.offgrid04_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: left;
}
.offgrid04_header-title {
  max-width: 40rem;
}
.offgrid04_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.offgrid04_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-ink);
}
.offgrid04_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.offgrid04_grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  column-gap: 1.5rem;
  row-gap: 2.5rem;
}
.offgrid04_col-a {
  margin-top: 0rem;
}
.offgrid04_col-a-frame {
  overflow: hidden;
  margin-bottom: 1rem;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.offgrid04_col-a-image {
  display: block;
  width: 100%;
  height: 16rem;
  object-fit: cover;
}
.offgrid04_col-a-title {
  margin-top: 0;
  margin-bottom: 0.4rem;
  font-family: var(--blok-font-display);
  font-size: 1.5rem;
  line-height: 1.1;
  font-weight: 600;
}
.offgrid04_note-a {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.5;
  color: var(--blok-ink-muted);
}
.offgrid04_col-b {
  margin-top: 0rem;
}
.offgrid04_col-b-frame {
  overflow: hidden;
  margin-bottom: 1rem;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.offgrid04_col-b-image {
  display: block;
  width: 100%;
  height: 16rem;
  object-fit: cover;
}
.offgrid04_col-b-title {
  margin-top: 0;
  margin-bottom: 0.4rem;
  font-family: var(--blok-font-display);
  font-size: 1.5rem;
  line-height: 1.1;
  font-weight: 600;
}
.offgrid04_note-b {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.5;
  color: var(--blok-ink-muted);
}
.offgrid04_col-c {
  margin-top: 0rem;
}
.offgrid04_col-c-frame {
  overflow: hidden;
  margin-bottom: 1rem;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.offgrid04_col-c-image {
  display: block;
  width: 100%;
  height: 16rem;
  object-fit: cover;
}
.offgrid04_col-c-title {
  margin-top: 0;
  margin-bottom: 0.4rem;
  font-family: var(--blok-font-display);
  font-size: 1.5rem;
  line-height: 1.1;
  font-weight: 600;
}
.offgrid04_note-c {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.5;
  color: var(--blok-ink-muted);
}
.section_offgrid04.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.offgrid04_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.offgrid04_heading.is-dark {
  color: var(--blok-surface);
}
.offgrid04_description.is-dark {
  color: var(--blok-surface-muted);
}
.offgrid04_note-a.is-dark {
  color: var(--blok-surface-muted);
}
.offgrid04_note-b.is-dark {
  color: var(--blok-surface-muted);
}
.offgrid04_note-c.is-dark {
  color: var(--blok-surface-muted);
}
.section_offgrid04.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.offgrid04_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.offgrid04_heading.is-accent {
  color: var(--blok-ink);
}
.offgrid04_description.is-accent {
  color: var(--blok-ink-soft);
}
.offgrid04_note-a.is-accent {
  color: var(--blok-ink-soft);
}
.offgrid04_note-b.is-accent {
  color: var(--blok-ink-soft);
}
.offgrid04_note-c.is-accent {
  color: var(--blok-ink-soft);
}

@media (min-width: 768px) {
  .offgrid04_heading {
    font-size: 3rem;
  }
  .offgrid04_grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    row-gap: 1.5rem;
  }
}

@media (min-width: 992px) {
  .offgrid04_header {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    column-gap: 4rem;
  }
  .offgrid04_heading {
    font-size: 3.5rem;
  }
  .offgrid04_col-a {
    margin-top: 0rem;
  }
  .offgrid04_col-a-image {
    height: 22rem;
  }
  .offgrid04_col-b {
    margin-top: 4rem;
  }
  .offgrid04_col-b-image {
    height: 22rem;
  }
  .offgrid04_col-c {
    margin-top: 8rem;
  }
  .offgrid04_col-c-image {
    height: 22rem;
  }
}

/* Generated by Blokset from components/offgrid-05.js. Edit the spec, not this file. */
.section_offgrid05 {
  overflow: hidden;
  min-height: 0px;
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.offgrid05_component {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  min-height: 0px;
}
.offgrid05_copy {
  position: relative;
  z-index: 2;
  max-width: 36rem;
  text-align: center;
}
.offgrid05_header {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: center;
}
.offgrid05_header-title {
  max-width: 48rem;
}
.offgrid05_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.offgrid05_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-ink);
}
.offgrid05_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.offgrid05_scatter {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  column-gap: 1rem;
  width: 100%;
}
.offgrid05_card-1 {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  z-index: 1;
  width: 100%;
  max-width: 16rem;
  overflow: hidden;
  margin-top: 1rem;
  transform: rotate(-7deg);
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.offgrid05_image-1 {
  display: block;
  width: 100%;
  height: 12rem;
  object-fit: cover;
}
.offgrid05_card-2 {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  z-index: 1;
  width: 100%;
  max-width: 16rem;
  overflow: hidden;
  margin-top: 1rem;
  transform: rotate(5deg);
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.offgrid05_image-2 {
  display: block;
  width: 100%;
  height: 12rem;
  object-fit: cover;
}
.offgrid05_card-3 {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  z-index: 1;
  width: 100%;
  max-width: 16rem;
  overflow: hidden;
  margin-top: 1rem;
  transform: rotate(8deg);
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.offgrid05_image-3 {
  display: block;
  width: 100%;
  height: 12rem;
  object-fit: cover;
}
.offgrid05_card-4 {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  z-index: 1;
  width: 100%;
  max-width: 16rem;
  overflow: hidden;
  margin-top: 1rem;
  transform: rotate(-4deg);
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.offgrid05_image-4 {
  display: block;
  width: 100%;
  height: 12rem;
  object-fit: cover;
}
.section_offgrid05.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.offgrid05_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.offgrid05_heading.is-dark {
  color: var(--blok-surface);
}
.offgrid05_description.is-dark {
  color: var(--blok-surface-muted);
}
.section_offgrid05.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.offgrid05_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.offgrid05_heading.is-accent {
  color: var(--blok-ink);
}
.offgrid05_description.is-accent {
  color: var(--blok-ink-soft);
}

@media (min-width: 768px) {
  .offgrid05_heading {
    font-size: 3rem;
  }
}

@media (min-width: 992px) {
  .section_offgrid05 {
    min-height: 100svh;
  }
  .offgrid05_component {
    min-height: 40rem;
    justify-content: center;
  }
  .offgrid05_heading {
    font-size: 3.5rem;
  }
  .offgrid05_scatter {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
  }
  .offgrid05_card-1 {
    position: absolute;
    margin-top: 0rem;
    width: 18%;
    top: 6%;
    left: 4%;
  }
  .offgrid05_image-1 {
    height: 16rem;
  }
  .offgrid05_card-2 {
    position: absolute;
    margin-top: 0rem;
    width: 16%;
    top: 10%;
    left: 76%;
  }
  .offgrid05_image-2 {
    height: 16rem;
  }
  .offgrid05_card-3 {
    position: absolute;
    margin-top: 0rem;
    width: 18%;
    top: 62%;
    left: 8%;
  }
  .offgrid05_image-3 {
    height: 16rem;
  }
  .offgrid05_card-4 {
    position: absolute;
    margin-top: 0rem;
    width: 20%;
    top: 64%;
    left: 70%;
  }
  .offgrid05_image-4 {
    height: 16rem;
  }
}

/* Generated by Blokset from components/offgrid-06.js. Edit the spec, not this file. */
.section_offgrid06 {
  overflow: hidden;
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.offgrid06_component {
  display: flex;
  flex-direction: column;
  row-gap: 1.5rem;
}
.offgrid06_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.offgrid06_stage {
  position: relative;
  min-height: 0px;
}
.offgrid06_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  font-size: 4.5rem;
  line-height: 0.85;
  font-weight: 600;
  letter-spacing: -0.06em;
  white-space: nowrap;
  color: var(--blok-ink);
}
.offgrid06_photo {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  z-index: 2;
  overflow: hidden;
  width: 100%;
  max-width: 22rem;
  margin-top: 1.5rem;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.offgrid06_image {
  display: block;
  width: 100%;
  height: 12rem;
  object-fit: cover;
}
.offgrid06_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.125rem;
  line-height: 1.55;
  color: var(--blok-ink-muted);
}
.section_offgrid06.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.offgrid06_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.offgrid06_description.is-dark {
  color: var(--blok-surface-muted);
}
.offgrid06_heading.is-dark {
  color: var(--blok-surface);
}
.section_offgrid06.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.offgrid06_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.offgrid06_description.is-accent {
  color: var(--blok-ink-soft);
}
.offgrid06_heading.is-accent {
  color: var(--blok-ink);
}

@media (min-width: 992px) {
  .offgrid06_stage {
    min-height: 22rem;
  }
  .offgrid06_heading {
    font-size: 8rem;
  }
  .offgrid06_photo {
    position: absolute;
    top: 28%;
    left: 42%;
    right: auto;
    bottom: auto;
    margin-top: 0rem;
    width: 28%;
  }
  .offgrid06_image {
    height: 14rem;
  }
}

/* Generated by Blokset from components/onboard-01.js. Edit the spec, not this file. */
.section_onboard01 {
  font-family: var(--blok-font-saas);
  color: #0F1115;
  background-color: #FFFFFF;
  padding-top: clamp(56px, 8vw, 104px);
  padding-right: clamp(20px, 4vw, 48px);
  padding-bottom: clamp(56px, 8vw, 104px);
  padding-left: clamp(20px, 4vw, 48px);
}
.onboard01_div-37 {
  max-width: 1200px;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  display: flex;
  flex-wrap: wrap;
  row-gap: 48px;
  column-gap: 48px;
  align-items: flex-start;
}
.onboard01_div-4 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 360px;
  display: flex;
  flex-direction: column;
  row-gap: 18px;
  column-gap: 18px;
}
.onboard01_div-1 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5B616B;
}
.onboard01_heading {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: clamp(34px, 4.4vw, 56px);
  line-height: 1.02;
  letter-spacing: -0.04em;
  font-weight: 600;
}
.onboard01_subheading {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  max-width: 420px;
  font-size: 17px;
  line-height: 1.6;
  color: #4E545D;
}
.onboard01_div-36 {
  flex-grow: 1.2;
  flex-shrink: 1;
  flex-basis: 480px;
  min-width: 0;
  padding-top: clamp(20px, 3vw, 32px);
  padding-right: clamp(20px, 3vw, 32px);
  padding-bottom: clamp(20px, 3vw, 32px);
  padding-left: clamp(20px, 3vw, 32px);
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  background-color: #F4F5F1;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  column-gap: 20px;
}
.onboard01_div-10 {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  column-gap: 10px;
}
.onboard01_div-7 {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
}
.onboard01_div-5 {
  font-weight: 600;
}
.onboard01_div-6 {
  font-family: var(--blok-font-saas-mono);
  color: #4E545D;
}
.onboard01_div-9 {
  height: 8px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  background-color: #E2E4DE;
  overflow: hidden;
}
.onboard01_div-8 {
  height: 8px;
  width: 25%;
  background-color: #2D4BF0;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}
.onboard01_div-35 {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  column-gap: 8px;
}
.onboard01_div-16 {
  display: flex;
  align-items: flex-start;
  row-gap: 14px;
  column-gap: 14px;
  width: 100%;
  padding-top: 16px;
  padding-right: 16px;
  padding-bottom: 16px;
  padding-left: 16px;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 14px;
  cursor: pointer;
  text-align: left;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #CBD3FB;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #CBD3FB;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #CBD3FB;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #CBD3FB;
  background-color: #FFFFFF;
}
.onboard01_div-11 {
  flex-shrink: 0;
  width: 26px;
  height: 26px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 700;
  border-top-width: 2px;
  border-top-style: solid;
  border-top-color: #2D4BF0;
  border-right-width: 2px;
  border-right-style: solid;
  border-right-color: #2D4BF0;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #2D4BF0;
  border-left-width: 2px;
  border-left-style: solid;
  border-left-color: #2D4BF0;
  background-color: #2D4BF0;
  color: #FFFFFF;
}
.onboard01_div-14 {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  column-gap: 4px;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
}
.onboard01_div-12 {
  font-size: 16px;
  font-weight: 600;
  color: #5B616B;
  text-decoration: line-through;
}
.onboard01_div-13 {
  font-size: 14px;
  color: #5B616B;
  line-height: 1.5;
}
.onboard01_div-15 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  color: #5B616B;
  white-space: nowrap;
}
.onboard01_div-22 {
  display: flex;
  align-items: flex-start;
  row-gap: 14px;
  column-gap: 14px;
  width: 100%;
  padding-top: 16px;
  padding-right: 16px;
  padding-bottom: 16px;
  padding-left: 16px;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 14px;
  cursor: pointer;
  text-align: left;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
  background-color: #FFFFFF;
}
.onboard01_div-17 {
  flex-shrink: 0;
  width: 26px;
  height: 26px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 700;
  border-top-width: 2px;
  border-top-style: solid;
  border-top-color: #C9CDC4;
  border-right-width: 2px;
  border-right-style: solid;
  border-right-color: #C9CDC4;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #C9CDC4;
  border-left-width: 2px;
  border-left-style: solid;
  border-left-color: #C9CDC4;
  background-color: #FFFFFF;
  color: #FFFFFF;
}
.onboard01_div-20 {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  column-gap: 4px;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
}
.onboard01_div-18 {
  font-size: 16px;
  font-weight: 600;
  color: #0F1115;
  text-decoration: none;
}
.onboard01_div-19 {
  font-size: 14px;
  color: #5B616B;
  line-height: 1.5;
}
.onboard01_div-21 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  color: #5B616B;
  white-space: nowrap;
}
.onboard01_div-28 {
  display: flex;
  align-items: flex-start;
  row-gap: 14px;
  column-gap: 14px;
  width: 100%;
  padding-top: 16px;
  padding-right: 16px;
  padding-bottom: 16px;
  padding-left: 16px;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 14px;
  cursor: pointer;
  text-align: left;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
  background-color: #FFFFFF;
}
.onboard01_div-23 {
  flex-shrink: 0;
  width: 26px;
  height: 26px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 700;
  border-top-width: 2px;
  border-top-style: solid;
  border-top-color: #C9CDC4;
  border-right-width: 2px;
  border-right-style: solid;
  border-right-color: #C9CDC4;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #C9CDC4;
  border-left-width: 2px;
  border-left-style: solid;
  border-left-color: #C9CDC4;
  background-color: #FFFFFF;
  color: #FFFFFF;
}
.onboard01_div-26 {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  column-gap: 4px;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
}
.onboard01_div-24 {
  font-size: 16px;
  font-weight: 600;
  color: #0F1115;
  text-decoration: none;
}
.onboard01_div-25 {
  font-size: 14px;
  color: #5B616B;
  line-height: 1.5;
}
.onboard01_div-27 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  color: #5B616B;
  white-space: nowrap;
}
.onboard01_div-34 {
  display: flex;
  align-items: flex-start;
  row-gap: 14px;
  column-gap: 14px;
  width: 100%;
  padding-top: 16px;
  padding-right: 16px;
  padding-bottom: 16px;
  padding-left: 16px;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 14px;
  cursor: pointer;
  text-align: left;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
  background-color: #FFFFFF;
}
.onboard01_div-29 {
  flex-shrink: 0;
  width: 26px;
  height: 26px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 700;
  border-top-width: 2px;
  border-top-style: solid;
  border-top-color: #C9CDC4;
  border-right-width: 2px;
  border-right-style: solid;
  border-right-color: #C9CDC4;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #C9CDC4;
  border-left-width: 2px;
  border-left-style: solid;
  border-left-color: #C9CDC4;
  background-color: #FFFFFF;
  color: #FFFFFF;
}
.onboard01_div-32 {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  column-gap: 4px;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
}
.onboard01_div-30 {
  font-size: 16px;
  font-weight: 600;
  color: #0F1115;
  text-decoration: none;
}
.onboard01_div-31 {
  font-size: 14px;
  color: #5B616B;
  line-height: 1.5;
}
.onboard01_div-33 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  color: #5B616B;
  white-space: nowrap;
}
.section_onboard01.is-dark {
  background-color: var(--blok-saas-ink);
  color: var(--blok-saas-canvas);
}
.section_onboard01.is-accent {
  background-color: var(--blok-saas-blue);
  color: var(--blok-saas-white);
}

/* Generated by Blokset from components/onboard-02.js. Edit the spec, not this file. */
.section_onboard02 {
  font-family: var(--blok-font-saas);
  color: #0F1115;
  background-color: #F4F5F1;
  padding-top: clamp(56px, 8vw, 96px);
  padding-right: clamp(20px, 4vw, 48px);
  padding-bottom: clamp(56px, 8vw, 96px);
  padding-left: clamp(20px, 4vw, 48px);
}
.onboard02_div-25 {
  max-width: 1100px;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  display: flex;
  flex-wrap: wrap;
  row-gap: clamp(32px, 5vw, 64px);
  column-gap: clamp(32px, 5vw, 64px);
  align-items: center;
}
.onboard02_div-4 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 340px;
  display: flex;
  flex-direction: column;
  row-gap: 18px;
  column-gap: 18px;
}
.onboard02_div-1 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5B616B;
}
.onboard02_heading {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: clamp(34px, 4.4vw, 56px);
  line-height: 1.02;
  letter-spacing: -0.04em;
  font-weight: 600;
}
.onboard02_subheading {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 18px;
  line-height: 1.55;
  color: #4E545D;
}
.onboard02_div-24 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 480px;
  padding-top: clamp(22px, 3vw, 32px);
  padding-right: clamp(22px, 3vw, 32px);
  padding-bottom: clamp(22px, 3vw, 32px);
  padding-left: clamp(22px, 3vw, 32px);
  border-top-left-radius: 22px;
  border-top-right-radius: 22px;
  border-bottom-right-radius: 22px;
  border-bottom-left-radius: 22px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  column-gap: 24px;
  min-height: 420px;
}
.onboard02_div-17 {
  list-style: none;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
  row-gap: 6px;
  column-gap: 6px;
}
.onboard02_div-7 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  column-gap: 8px;
}
.onboard02_div-5 {
  height: 4px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  background-color: #2D4BF0;
}
.onboard02_div-6 {
  font-size: 12px;
  color: #0F1115;
}
.onboard02_div-10 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  column-gap: 8px;
}
.onboard02_div-8 {
  height: 4px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  background-color: #ECEEE8;
}
.onboard02_div-9 {
  font-size: 12px;
  color: #7A808A;
}
.onboard02_div-13 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  column-gap: 8px;
}
.onboard02_div-11 {
  height: 4px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  background-color: #ECEEE8;
}
.onboard02_div-12 {
  font-size: 12px;
  color: #7A808A;
}
.onboard02_div-16 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  column-gap: 8px;
}
.onboard02_div-14 {
  height: 4px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  background-color: #ECEEE8;
}
.onboard02_div-15 {
  font-size: 12px;
  color: #7A808A;
}
.onboard02_div-20 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  display: flex;
  flex-direction: column;
  row-gap: 14px;
  column-gap: 14px;
}
.onboard02_div-18 {
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -0.02em;
}
.onboard02_div-19 {
  height: 52px;
  padding-top: 0;
  padding-right: 14px;
  padding-bottom: 0;
  padding-left: 14px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #CFD3CA;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #CFD3CA;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #CFD3CA;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #CFD3CA;
  font-size: 17px;
  color: #0F1115;
}
.onboard02_div-23 {
  display: flex;
  justify-content: space-between;
  row-gap: 12px;
  column-gap: 12px;
}
.onboard02_div-21 {
  height: 48px;
  padding-top: 0;
  padding-right: 18px;
  padding-bottom: 0;
  padding-left: 18px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  background-color: #FFFFFF;
  cursor: pointer;
  font-weight: 500;
  opacity: 0.4;
  display: flex;
  align-items: center;
  justify-content: center;
}
.onboard02_div-22 {
  height: 48px;
  padding-top: 0;
  padding-right: 22px;
  padding-bottom: 0;
  padding-left: 22px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: #2D4BF0;
  color: #FFFFFF;
  cursor: pointer;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
}
.section_onboard02.is-dark {
  background-color: var(--blok-saas-ink);
  color: var(--blok-saas-canvas);
}
.section_onboard02.is-accent {
  background-color: var(--blok-saas-blue);
  color: var(--blok-saas-white);
}

/* Generated by Blokset from components/onboard-03.js. Edit the spec, not this file. */
.section_onboard03 {
  font-family: var(--blok-font-saas);
  color: #F4F5F1;
  background-color: #0F1115;
  padding-top: clamp(56px, 8vw, 96px);
  padding-right: clamp(20px, 4vw, 48px);
  padding-bottom: clamp(56px, 8vw, 96px);
  padding-left: clamp(20px, 4vw, 48px);
}
.onboard03_div-58 {
  max-width: 1200px;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  row-gap: clamp(32px, 5vw, 72px);
  column-gap: clamp(32px, 5vw, 72px);
}
.onboard03_div-8 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 340px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 24px;
  column-gap: 24px;
}
.onboard03_div-1 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #A7ADB6;
}
.onboard03_div-6 {
  position: relative;
  width: 220px;
  height: 220px;
}
.onboard03_icon-2 {
  width: 220px;
  height: 220px;
  flex-shrink: 0;
}
.onboard03_div-5 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  row-gap: 2px;
  column-gap: 2px;
}
.onboard03_div-3 {
  font-size: 52px;
  font-weight: 600;
  letter-spacing: -0.04em;
  line-height: 1;
}
.onboard03_div-4 {
  font-size: 14px;
  color: #A7ADB6;
}
.onboard03_heading {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: clamp(30px, 3.6vw, 44px);
  line-height: 1.05;
  letter-spacing: -0.035em;
  font-weight: 600;
}
.onboard03_div-57 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 520px;
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 12px;
  column-gap: 12px;
}
.onboard03_div-16 {
  display: flex;
  flex-direction: column;
  row-gap: 14px;
  column-gap: 14px;
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #262A31;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #262A31;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #262A31;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #262A31;
  background-color: #14171B;
}
.onboard03_div-11 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.onboard03_div-9 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  color: #8C929B;
}
.onboard03_div-10 {
  width: 24px;
  height: 24px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  background-color: #8FD3A8;
  color: #0F1115;
}
.onboard03_div-14 {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  column-gap: 4px;
}
.onboard03_div-12 {
  font-size: 17px;
  font-weight: 600;
  text-decoration: line-through;
}
.onboard03_div-13 {
  font-size: 14px;
  line-height: 1.5;
  color: #A7ADB6;
}
.onboard03_div-15 {
  align-self: flex-start;
  height: 40px;
  padding-top: 0;
  padding-right: 14px;
  padding-bottom: 0;
  padding-left: 14px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #3A3F47;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #3A3F47;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #3A3F47;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #3A3F47;
  background-color: transparent;
  color: #A7ADB6;
  display: flex;
  align-items: center;
  justify-content: center;
}
.onboard03_div-24 {
  display: flex;
  flex-direction: column;
  row-gap: 14px;
  column-gap: 14px;
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #262A31;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #262A31;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #262A31;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #262A31;
  background-color: #14171B;
}
.onboard03_div-19 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.onboard03_div-17 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  color: #8C929B;
}
.onboard03_div-18 {
  width: 24px;
  height: 24px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  background-color: #8FD3A8;
  color: #0F1115;
}
.onboard03_div-22 {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  column-gap: 4px;
}
.onboard03_div-20 {
  font-size: 17px;
  font-weight: 600;
  text-decoration: line-through;
}
.onboard03_div-21 {
  font-size: 14px;
  line-height: 1.5;
  color: #A7ADB6;
}
.onboard03_div-23 {
  align-self: flex-start;
  height: 40px;
  padding-top: 0;
  padding-right: 14px;
  padding-bottom: 0;
  padding-left: 14px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #3A3F47;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #3A3F47;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #3A3F47;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #3A3F47;
  background-color: transparent;
  color: #A7ADB6;
  display: flex;
  align-items: center;
  justify-content: center;
}
.onboard03_div-32 {
  display: flex;
  flex-direction: column;
  row-gap: 14px;
  column-gap: 14px;
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #2C3037;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #2C3037;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #2C3037;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #2C3037;
  background-color: #181B20;
}
.onboard03_div-27 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.onboard03_div-25 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  color: #8C929B;
}
.onboard03_div-26 {
  width: 24px;
  height: 24px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  background-color: #262A31;
  color: #0F1115;
}
.onboard03_div-30 {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  column-gap: 4px;
}
.onboard03_div-28 {
  font-size: 17px;
  font-weight: 600;
  text-decoration: none;
}
.onboard03_div-29 {
  font-size: 14px;
  line-height: 1.5;
  color: #A7ADB6;
}
.onboard03_div-31 {
  align-self: flex-start;
  height: 40px;
  padding-top: 0;
  padding-right: 14px;
  padding-bottom: 0;
  padding-left: 14px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #F4F5F1;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #F4F5F1;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #F4F5F1;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #F4F5F1;
  background-color: #F4F5F1;
  color: #0F1115;
  display: flex;
  align-items: center;
  justify-content: center;
}
.onboard03_div-40 {
  display: flex;
  flex-direction: column;
  row-gap: 14px;
  column-gap: 14px;
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #2C3037;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #2C3037;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #2C3037;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #2C3037;
  background-color: #181B20;
}
.onboard03_div-35 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.onboard03_div-33 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  color: #8C929B;
}
.onboard03_div-34 {
  width: 24px;
  height: 24px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  background-color: #262A31;
  color: #0F1115;
}
.onboard03_div-38 {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  column-gap: 4px;
}
.onboard03_div-36 {
  font-size: 17px;
  font-weight: 600;
  text-decoration: none;
}
.onboard03_div-37 {
  font-size: 14px;
  line-height: 1.5;
  color: #A7ADB6;
}
.onboard03_div-39 {
  align-self: flex-start;
  height: 40px;
  padding-top: 0;
  padding-right: 14px;
  padding-bottom: 0;
  padding-left: 14px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #F4F5F1;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #F4F5F1;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #F4F5F1;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #F4F5F1;
  background-color: #F4F5F1;
  color: #0F1115;
  display: flex;
  align-items: center;
  justify-content: center;
}
.onboard03_div-48 {
  display: flex;
  flex-direction: column;
  row-gap: 14px;
  column-gap: 14px;
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #2C3037;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #2C3037;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #2C3037;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #2C3037;
  background-color: #181B20;
}
.onboard03_div-43 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.onboard03_div-41 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  color: #8C929B;
}
.onboard03_div-42 {
  width: 24px;
  height: 24px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  background-color: #262A31;
  color: #0F1115;
}
.onboard03_div-46 {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  column-gap: 4px;
}
.onboard03_div-44 {
  font-size: 17px;
  font-weight: 600;
  text-decoration: none;
}
.onboard03_div-45 {
  font-size: 14px;
  line-height: 1.5;
  color: #A7ADB6;
}
.onboard03_div-47 {
  align-self: flex-start;
  height: 40px;
  padding-top: 0;
  padding-right: 14px;
  padding-bottom: 0;
  padding-left: 14px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #F4F5F1;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #F4F5F1;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #F4F5F1;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #F4F5F1;
  background-color: #F4F5F1;
  color: #0F1115;
  display: flex;
  align-items: center;
  justify-content: center;
}
.onboard03_div-56 {
  display: flex;
  flex-direction: column;
  row-gap: 14px;
  column-gap: 14px;
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #2C3037;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #2C3037;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #2C3037;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #2C3037;
  background-color: #181B20;
}
.onboard03_div-51 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.onboard03_div-49 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  color: #8C929B;
}
.onboard03_div-50 {
  width: 24px;
  height: 24px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  background-color: #262A31;
  color: #0F1115;
}
.onboard03_div-54 {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  column-gap: 4px;
}
.onboard03_div-52 {
  font-size: 17px;
  font-weight: 600;
  text-decoration: none;
}
.onboard03_div-53 {
  font-size: 14px;
  line-height: 1.5;
  color: #A7ADB6;
}
.onboard03_div-55 {
  align-self: flex-start;
  height: 40px;
  padding-top: 0;
  padding-right: 14px;
  padding-bottom: 0;
  padding-left: 14px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #F4F5F1;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #F4F5F1;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #F4F5F1;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #F4F5F1;
  background-color: #F4F5F1;
  color: #0F1115;
  display: flex;
  align-items: center;
  justify-content: center;
}
.section_onboard03.is-light {
  background-color: var(--blok-saas-canvas);
  color: var(--blok-saas-ink);
}
.section_onboard03.is-accent {
  background-color: var(--blok-saas-blue);
  color: var(--blok-saas-white);
}

@media (min-width: 768px) {
  .onboard03_div-57 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 992px) {
  .onboard03_div-57 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

/* Generated by Blokset from components/press-01.js. Edit the spec, not this file. */
.section_press1 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.press1_component {
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
}
.press1_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: left;
}
.press1_header-title {
  max-width: 40rem;
}
.press1_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.press1_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-ink);
}
.press1_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.press1_list {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: var(--blok-line);
}
.press1_row {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  column-gap: 0rem;
  row-gap: 0.4rem;
  padding-top: 1.35rem;
  padding-bottom: 1.35rem;
  border-top-width: 1px;
  border-top-style: solid;
  text-decoration: none;
  color: var(--blok-ink);
  border-top-color: var(--blok-line);
}
.press1_publication {
  width: 12rem;
  flex-shrink: 0;
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.press1_headline {
  flex-grow: 1;
  flex-basis: 0%;
  min-width: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  font-size: 1.35rem;
  line-height: 1.25;
  font-weight: 500;
  letter-spacing: -0.02em;
}
.press1_year {
  flex-shrink: 0;
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.section_press1.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.press1_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.press1_heading.is-dark {
  color: var(--blok-surface);
}
.press1_description.is-dark {
  color: var(--blok-surface-muted);
}
.press1_list.is-dark {
  border-bottom-color: var(--blok-line-inverse);
}
.press1_row.is-dark {
  color: var(--blok-surface);
  border-top-color: var(--blok-line-inverse);
}
.press1_publication.is-dark {
  color: var(--blok-surface-muted);
}
.press1_year.is-dark {
  color: var(--blok-surface-muted);
}
.section_press1.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.press1_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.press1_heading.is-accent {
  color: var(--blok-ink);
}
.press1_description.is-accent {
  color: var(--blok-ink-soft);
}
.press1_list.is-accent {
  border-bottom-color: var(--blok-line);
}
.press1_row.is-accent {
  color: var(--blok-ink);
  border-top-color: var(--blok-line);
}
.press1_publication.is-accent {
  color: var(--blok-ink-soft);
}
.press1_year.is-accent {
  color: var(--blok-ink-soft);
}

@media (min-width: 768px) {
  .press1_heading {
    font-size: 3rem;
  }
  .press1_row {
    flex-direction: row;
    align-items: baseline;
    column-gap: 2rem;
  }
}

@media (min-width: 992px) {
  .press1_component {
    row-gap: 3.5rem;
  }
  .press1_header {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    column-gap: 4rem;
  }
  .press1_heading {
    font-size: 3.5rem;
  }
  .press1_headline {
    font-size: 1.6rem;
  }
}

/* Generated by Blokset from components/resources-01.js. Edit the spec, not this file. */
.section_resources1 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.resources1_component {
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
}
.resources1_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: left;
}
.resources1_header-title {
  max-width: 40rem;
}
.resources1_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.resources1_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-ink);
}
.resources1_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.resources1_list {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: var(--blok-line);
}
.resources1_row {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 1.5rem;
  row-gap: 0.4rem;
  padding-top: 1.35rem;
  padding-bottom: 1.35rem;
  border-top-width: 1px;
  border-top-style: solid;
  text-decoration: none;
  color: var(--blok-ink);
  border-top-color: var(--blok-line);
}
.resources1_title {
  flex-grow: 1;
  flex-basis: 100%;
  min-width: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  font-size: 1.5rem;
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: -0.02em;
}
.resources1_kind {
  width: 8rem;
  flex-shrink: 0;
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.resources1_action {
  flex-shrink: 0;
  font-size: 0.9375rem;
  line-height: 1.4;
  font-weight: 600;
  color: var(--blok-ink);
}
.section_resources1.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.resources1_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.resources1_heading.is-dark {
  color: var(--blok-surface);
}
.resources1_description.is-dark {
  color: var(--blok-surface-muted);
}
.resources1_list.is-dark {
  border-bottom-color: var(--blok-line-inverse);
}
.resources1_row.is-dark {
  color: var(--blok-surface);
  border-top-color: var(--blok-line-inverse);
}
.resources1_kind.is-dark {
  color: var(--blok-surface-muted);
}
.resources1_action.is-dark {
  color: var(--blok-surface);
}
.section_resources1.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.resources1_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.resources1_heading.is-accent {
  color: var(--blok-ink);
}
.resources1_description.is-accent {
  color: var(--blok-ink-soft);
}
.resources1_list.is-accent {
  border-bottom-color: var(--blok-line);
}
.resources1_row.is-accent {
  color: var(--blok-ink);
  border-top-color: var(--blok-line);
}
.resources1_kind.is-accent {
  color: var(--blok-ink-soft);
}
.resources1_action.is-accent {
  color: var(--blok-ink);
}

@media (min-width: 768px) {
  .resources1_heading {
    font-size: 3rem;
  }
  .resources1_row {
    flex-wrap: nowrap;
    align-items: center;
  }
  .resources1_title {
    flex-basis: 0%;
    font-size: 1.75rem;
  }
}

@media (min-width: 992px) {
  .resources1_component {
    row-gap: 3.5rem;
  }
  .resources1_header {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    column-gap: 4rem;
  }
  .resources1_heading {
    font-size: 3.5rem;
  }
}

/* Generated by Blokset from components/services-01.js. Edit the spec, not this file. */
.section_services1 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.services1_component {
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
}
.services1_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: left;
}
.services1_header-title {
  max-width: 40rem;
}
.services1_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.services1_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-ink);
}
.services1_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.services1_list {
  position: relative;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: var(--blok-line);
}
.services1_row {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 0.4rem;
  padding-top: 1.35rem;
  padding-bottom: 1.35rem;
  border-top-width: 1px;
  border-top-style: solid;
  text-decoration: none;
  color: var(--blok-ink);
  border-top-color: var(--blok-line);
}
.services1_name {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  font-size: 1.75rem;
  line-height: 1.1;
  font-weight: 500;
  letter-spacing: -0.03em;
}
.services1_line {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 36rem;
  font-size: 1rem;
  line-height: 1.5;
  color: var(--blok-ink-muted);
}
.services1_media {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 16rem;
  height: 20rem;
  overflow: hidden;
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
}
.services1_image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.section_services1.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.services1_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.services1_heading.is-dark {
  color: var(--blok-surface);
}
.services1_description.is-dark {
  color: var(--blok-surface-muted);
}
.services1_list.is-dark {
  border-bottom-color: var(--blok-line-inverse);
}
.services1_row.is-dark {
  color: var(--blok-surface);
  border-top-color: var(--blok-line-inverse);
}
.services1_line.is-dark {
  color: var(--blok-surface-muted);
}
.section_services1.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.services1_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.services1_heading.is-accent {
  color: var(--blok-ink);
}
.services1_description.is-accent {
  color: var(--blok-ink-soft);
}
.services1_list.is-accent {
  border-bottom-color: var(--blok-line);
}
.services1_row.is-accent {
  color: var(--blok-ink);
  border-top-color: var(--blok-line);
}
.services1_line.is-accent {
  color: var(--blok-ink-soft);
}

@media (min-width: 768px) {
  .services1_heading {
    font-size: 3rem;
  }
}

@media (min-width: 992px) {
  .services1_component {
    row-gap: 3.5rem;
  }
  .services1_header {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    column-gap: 4rem;
  }
  .services1_heading {
    font-size: 3.5rem;
  }
  .services1_row {
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
  }
  .services1_name {
    font-size: 2.5rem;
  }
  .services1_media {
    display: block;
  }
}

/* Generated by Blokset from components/services-02.js. Edit the spec, not this file. */
.section_services2 {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.services2_component {
  position: relative;
}
.services2_grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
}
.services2_ocean {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  overflow: hidden;
  min-height: 24rem;
  text-decoration: none;
  border-top-left-radius: 1.5rem;
  border-top-right-radius: 1.5rem;
  border-bottom-left-radius: 1.5rem;
  border-bottom-right-radius: 1.5rem;
  color: var(--blok-surface);
}
.services2_ocean-image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
  filter: grayscale(1);
}
.services2_ocean-scrim {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background-color: var(--blok-ink);
  opacity: 0.38;
}
.services2_ocean-mark {
  position: absolute;
  top: 1.1rem;
  left: 1.1rem;
  z-index: 3;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.125rem;
  line-height: 1;
  font-weight: 600;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  background-color: var(--blok-ink-2);
  color: var(--blok-surface);
}
.services2_ocean-title {
  position: relative;
  z-index: 2;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 1.35rem;
  padding-right: 1.35rem;
  padding-bottom: 1.35rem;
  padding-left: 1.35rem;
  font-family: var(--blok-font-display);
  font-size: 1.5rem;
  line-height: 1.1;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: var(--blok-surface);
}
.services2_air {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  overflow: hidden;
  min-height: 24rem;
  text-decoration: none;
  border-top-left-radius: 1.5rem;
  border-top-right-radius: 1.5rem;
  border-bottom-left-radius: 1.5rem;
  border-bottom-right-radius: 1.5rem;
  color: var(--blok-surface);
}
.services2_air-image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}
.services2_air-scrim {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background-color: var(--blok-ink);
  opacity: 0.22;
}
.services2_air-mark {
  position: absolute;
  top: 1.1rem;
  left: 1.1rem;
  z-index: 3;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.125rem;
  line-height: 1;
  font-weight: 600;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  background-color: var(--blok-ink-2);
  color: var(--blok-surface);
}
.services2_air-title {
  position: relative;
  z-index: 2;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 1.35rem;
  padding-right: 1.35rem;
  padding-bottom: 1.35rem;
  padding-left: 1.35rem;
  font-family: var(--blok-font-display);
  font-size: 1.5rem;
  line-height: 1.1;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: var(--blok-surface);
}
.services2_supply {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  overflow: hidden;
  min-height: 24rem;
  text-decoration: none;
  border-top-left-radius: 1.5rem;
  border-top-right-radius: 1.5rem;
  border-bottom-left-radius: 1.5rem;
  border-bottom-right-radius: 1.5rem;
  color: var(--blok-surface);
}
.services2_supply-image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
  filter: grayscale(1);
}
.services2_supply-scrim {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background-color: var(--blok-ink);
  opacity: 0.38;
}
.services2_supply-mark {
  position: absolute;
  top: 1.1rem;
  left: 1.1rem;
  z-index: 3;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.125rem;
  line-height: 1;
  font-weight: 600;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  background-color: var(--blok-ink-2);
  color: var(--blok-surface);
}
.services2_supply-title {
  position: relative;
  z-index: 2;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 1.35rem;
  padding-right: 1.35rem;
  padding-bottom: 1.35rem;
  padding-left: 1.35rem;
  font-family: var(--blok-font-display);
  font-size: 1.5rem;
  line-height: 1.1;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: var(--blok-surface);
}
.services2_speech {
  display: none;
  position: absolute;
  top: 38%;
  left: 50%;
  z-index: 5;
  width: 14rem;
  margin-left: -7rem;
  padding-top: 1.1rem;
  padding-right: 1.15rem;
  padding-bottom: 1.1rem;
  padding-left: 1.15rem;
  font-size: 0.875rem;
  line-height: 1.45;
  text-align: center;
  font-weight: 500;
  border-top-left-radius: 1.15rem;
  border-top-right-radius: 1.15rem;
  border-bottom-left-radius: 1.15rem;
  border-bottom-right-radius: 1.15rem;
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.section_services2.is-light {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.services2_ocean.is-light {
  color: var(--blok-ink);
}
.services2_air.is-light {
  color: var(--blok-ink);
}
.services2_supply.is-light {
  color: var(--blok-ink);
}
.services2_ocean-title.is-light {
  color: var(--blok-ink);
}
.services2_air-title.is-light {
  color: var(--blok-ink);
}
.services2_supply-title.is-light {
  color: var(--blok-ink);
}
.services2_ocean-mark.is-light {
  background-color: var(--blok-surface-2);
  color: var(--blok-ink);
}
.services2_air-mark.is-light {
  background-color: var(--blok-surface-2);
  color: var(--blok-ink);
}
.services2_supply-mark.is-light {
  background-color: var(--blok-surface-2);
  color: var(--blok-ink);
}
.services2_speech.is-light {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.section_services2.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.services2_ocean.is-accent {
  color: var(--blok-ink);
}
.services2_air.is-accent {
  color: var(--blok-ink);
}
.services2_supply.is-accent {
  color: var(--blok-ink);
}
.services2_ocean-title.is-accent {
  color: var(--blok-ink);
}
.services2_air-title.is-accent {
  color: var(--blok-ink);
}
.services2_supply-title.is-accent {
  color: var(--blok-ink);
}
.services2_ocean-mark.is-accent {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.services2_air-mark.is-accent {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.services2_supply-mark.is-accent {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.services2_speech.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}

@media (min-width: 768px) {
  .services2_grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-column-gap: 1.25rem;
  }
  .services2_speech {
    display: block;
  }
}

@media (min-width: 992px) {
  .services2_ocean {
    min-height: 30rem;
  }
  .services2_ocean-title {
    font-size: 1.75rem;
  }
  .services2_air {
    min-height: 30rem;
  }
  .services2_air-title {
    font-size: 1.75rem;
  }
  .services2_supply {
    min-height: 30rem;
  }
  .services2_supply-title {
    font-size: 1.75rem;
  }
}

/* Generated by Blokset from components/specs-01.js. Edit the spec, not this file. */
.section_specs1 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.specs1_component {
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
}
.specs1_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: left;
}
.specs1_header-title {
  max-width: 40rem;
}
.specs1_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.specs1_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-ink);
}
.specs1_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.specs1_list {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: var(--blok-line);
}
.specs1_row {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  column-gap: 2rem;
  row-gap: 0.25rem;
  padding-top: 1.1rem;
  padding-bottom: 1.1rem;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: var(--blok-line);
}
.specs1_label {
  width: 9rem;
  flex-shrink: 0;
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.specs1_value {
  font-size: 1.125rem;
  line-height: 1.4;
  color: var(--blok-ink);
}
.section_specs1.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.specs1_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.specs1_heading.is-dark {
  color: var(--blok-surface);
}
.specs1_description.is-dark {
  color: var(--blok-surface-muted);
}
.specs1_list.is-dark {
  border-bottom-color: var(--blok-line-inverse);
}
.specs1_row.is-dark {
  border-top-color: var(--blok-line-inverse);
}
.specs1_label.is-dark {
  color: var(--blok-surface-muted);
}
.specs1_value.is-dark {
  color: var(--blok-surface);
}
.section_specs1.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.specs1_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.specs1_heading.is-accent {
  color: var(--blok-ink);
}
.specs1_description.is-accent {
  color: var(--blok-ink-soft);
}
.specs1_list.is-accent {
  border-bottom-color: var(--blok-line);
}
.specs1_row.is-accent {
  border-top-color: var(--blok-line);
}
.specs1_label.is-accent {
  color: var(--blok-ink-soft);
}
.specs1_value.is-accent {
  color: var(--blok-ink);
}

@media (min-width: 768px) {
  .specs1_heading {
    font-size: 3rem;
  }
  .specs1_row {
    flex-direction: row;
    align-items: baseline;
    column-gap: 2rem;
  }
}

@media (min-width: 992px) {
  .specs1_component {
    row-gap: 3.5rem;
  }
  .specs1_header {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    column-gap: 4rem;
  }
  .specs1_heading {
    font-size: 3.5rem;
  }
}

/* Generated by Blokset from components/statement-01.js. Edit the spec, not this file. */
.section_statement1 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.statement1_component {
  display: flex;
  flex-direction: column;
  row-gap: 1.5rem;
}
.statement1_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.statement1_statement {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 22em;
  font-family: var(--blok-font-display);
  font-size: 2rem;
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: -0.03em;
  color: var(--blok-ink);
}
.section_statement1.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.statement1_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.statement1_statement.is-dark {
  color: var(--blok-surface);
}
.section_statement1.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.statement1_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.statement1_statement.is-accent {
  color: var(--blok-ink);
}

@media (min-width: 768px) {
  .statement1_statement {
    font-size: 3rem;
  }
}

@media (min-width: 992px) {
  .statement1_component {
    row-gap: 2rem;
  }
  .statement1_statement {
    font-size: 4.25rem;
    line-height: 1.12;
  }
}

/* Generated by Blokset from components/statement-03.js. Edit the spec, not this file. */
.section_statement3 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.statement3_component {
  display: grid;
  grid-template-columns: 1fr;
  align-items: start;
  grid-column-gap: 1.5rem;
  grid-row-gap: 2rem;
}
.statement3_label {
  position: sticky;
  top: 1.5rem;
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.statement3_lines {
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
}
.statement3_line {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 18em;
  font-family: var(--blok-font-display);
  font-size: 1.75rem;
  line-height: 1.25;
  font-weight: 500;
  letter-spacing: -0.03em;
  color: var(--blok-ink);
}
.section_statement3.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.statement3_label.is-dark {
  color: var(--blok-surface-muted);
}
.statement3_line.is-dark {
  color: var(--blok-surface);
}
.section_statement3.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.statement3_label.is-accent {
  color: var(--blok-ink-soft);
}
.statement3_line.is-accent {
  color: var(--blok-ink);
}

@media (min-width: 768px) {
  .statement3_line {
    font-size: 2.35rem;
  }
}

@media (min-width: 992px) {
  .statement3_component {
    grid-template-columns: 14rem 1fr;
    grid-column-gap: 3rem;
  }
  .statement3_lines {
    row-gap: 3rem;
  }
  .statement3_line {
    font-size: 3rem;
  }
}

/* Generated by Blokset from components/status-01.js. Edit the spec, not this file. */
.section_status1 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.status1_block {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 1.25rem;
  text-align: center;
}
.status1_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.status1_heading {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 18rem;
  font-family: var(--blok-font-display);
  font-size: 2.5rem;
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  color: var(--blok-ink);
}
.status1_sentence {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.status1_actions {
  display: flex;
  margin-top: 0.5rem;
}
.section_status1.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.status1_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.status1_heading.is-dark {
  color: var(--blok-surface);
}
.status1_sentence.is-dark {
  color: var(--blok-surface-muted);
}
.section_status1.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.status1_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.status1_heading.is-accent {
  color: var(--blok-ink);
}
.status1_sentence.is-accent {
  color: var(--blok-ink-soft);
}

@media (min-width: 992px) {
  .status1_heading {
    max-width: 28rem;
    font-size: 3.5rem;
  }
}

/* Generated by Blokset from components/templates-01.js. Edit the spec, not this file. */
.section_templates01 {
  font-family: var(--blok-font-saas);
  color: #0F1115;
  background-color: #FFFFFF;
  padding-top: clamp(56px, 8vw, 104px);
  padding-right: clamp(20px, 4vw, 48px);
  padding-bottom: clamp(56px, 8vw, 104px);
  padding-left: clamp(20px, 4vw, 48px);
}
.templates01_div-89 {
  max-width: 1200px;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  row-gap: 32px;
  column-gap: 32px;
}
.templates01_div-3 {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  column-gap: 16px;
  max-width: 640px;
}
.templates01_div-1 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5B616B;
}
.templates01_heading {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: clamp(34px, 4.4vw, 56px);
  line-height: 1.02;
  letter-spacing: -0.04em;
  font-weight: 600;
}
.templates01_div-9 {
  display: flex;
  flex-wrap: wrap;
  row-gap: 8px;
  column-gap: 8px;
}
.templates01_div-4 {
  height: 44px;
  padding-top: 0;
  padding-right: 18px;
  padding-bottom: 0;
  padding-left: 18px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  cursor: pointer;
  font-size: 15px;
  font-weight: 500;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #0F1115;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #0F1115;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #0F1115;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #0F1115;
  background-color: #0F1115;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
}
.templates01_div-5 {
  height: 44px;
  padding-top: 0;
  padding-right: 18px;
  padding-bottom: 0;
  padding-left: 18px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  cursor: pointer;
  font-size: 15px;
  font-weight: 500;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  background-color: #FFFFFF;
  color: #0F1115;
  display: flex;
  align-items: center;
  justify-content: center;
}
.templates01_div-6 {
  height: 44px;
  padding-top: 0;
  padding-right: 18px;
  padding-bottom: 0;
  padding-left: 18px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  cursor: pointer;
  font-size: 15px;
  font-weight: 500;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  background-color: #FFFFFF;
  color: #0F1115;
  display: flex;
  align-items: center;
  justify-content: center;
}
.templates01_div-7 {
  height: 44px;
  padding-top: 0;
  padding-right: 18px;
  padding-bottom: 0;
  padding-left: 18px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  cursor: pointer;
  font-size: 15px;
  font-weight: 500;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  background-color: #FFFFFF;
  color: #0F1115;
  display: flex;
  align-items: center;
  justify-content: center;
}
.templates01_div-8 {
  height: 44px;
  padding-top: 0;
  padding-right: 18px;
  padding-bottom: 0;
  padding-left: 18px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  cursor: pointer;
  font-size: 15px;
  font-weight: 500;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  background-color: #FFFFFF;
  color: #0F1115;
  display: flex;
  align-items: center;
  justify-content: center;
}
.templates01_div-88 {
  display: flex;
  flex-wrap: wrap;
  row-gap: 20px;
  column-gap: 20px;
  align-items: flex-start;
}
.templates01_div-82 {
  flex-grow: 999;
  flex-shrink: 1;
  flex-basis: 480px;
  min-width: 0;
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 12px;
  column-gap: 12px;
}
.templates01_div-18 {
  display: flex;
  flex-direction: column;
  row-gap: 12px;
  column-gap: 12px;
  padding-top: 14px;
  padding-right: 14px;
  padding-bottom: 14px;
  padding-left: 14px;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 14px;
  cursor: pointer;
  text-align: left;
  border-top-width: 2px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 2px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 2px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
  background-color: #FFFFFF;
  color: #0F1115;
  align-items: center;
  justify-content: flex-start;
}
.templates01_div-14 {
  height: 96px;
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
  border-bottom-right-radius: 9px;
  border-bottom-left-radius: 9px;
  background-color: #F4F5F1;
  display: flex;
  flex-direction: column;
  row-gap: 6px;
  column-gap: 6px;
  padding-top: 12px;
  padding-right: 12px;
  padding-bottom: 12px;
  padding-left: 12px;
  box-sizing: border-box;
}
.templates01_div-10 {
  width: 55%;
  height: 8px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: #C9CDC4;
}
.templates01_div-11 {
  width: 80%;
  height: 6px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  background-color: #DDE0D8;
}
.templates01_div-12 {
  width: 70%;
  height: 6px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  background-color: #DDE0D8;
}
.templates01_div-13 {
  margin-top: auto;
  width: 34%;
  height: 14px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: #2D4BF0;
}
.templates01_div-17 {
  display: flex;
  justify-content: space-between;
  row-gap: 8px;
  column-gap: 8px;
  align-items: baseline;
}
.templates01_div-15 {
  font-weight: 600;
  font-size: 15px;
}
.templates01_div-16 {
  font-family: var(--blok-font-saas-mono);
  font-size: 11px;
  color: #5B616B;
}
.templates01_div-27 {
  display: flex;
  flex-direction: column;
  row-gap: 12px;
  column-gap: 12px;
  padding-top: 14px;
  padding-right: 14px;
  padding-bottom: 14px;
  padding-left: 14px;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 14px;
  cursor: pointer;
  text-align: left;
  border-top-width: 2px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 2px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 2px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
  background-color: #FFFFFF;
  color: #0F1115;
  align-items: center;
  justify-content: flex-start;
}
.templates01_div-23 {
  height: 96px;
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
  border-bottom-right-radius: 9px;
  border-bottom-left-radius: 9px;
  background-color: #F4F5F1;
  display: flex;
  flex-direction: column;
  row-gap: 6px;
  column-gap: 6px;
  padding-top: 12px;
  padding-right: 12px;
  padding-bottom: 12px;
  padding-left: 12px;
  box-sizing: border-box;
}
.templates01_div-19 {
  width: 55%;
  height: 8px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: #C9CDC4;
}
.templates01_div-20 {
  width: 80%;
  height: 6px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  background-color: #DDE0D8;
}
.templates01_div-21 {
  width: 70%;
  height: 6px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  background-color: #DDE0D8;
}
.templates01_div-22 {
  margin-top: auto;
  width: 34%;
  height: 14px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: #2D4BF0;
}
.templates01_div-26 {
  display: flex;
  justify-content: space-between;
  row-gap: 8px;
  column-gap: 8px;
  align-items: baseline;
}
.templates01_div-24 {
  font-weight: 600;
  font-size: 15px;
}
.templates01_div-25 {
  font-family: var(--blok-font-saas-mono);
  font-size: 11px;
  color: #5B616B;
}
.templates01_div-36 {
  display: flex;
  flex-direction: column;
  row-gap: 12px;
  column-gap: 12px;
  padding-top: 14px;
  padding-right: 14px;
  padding-bottom: 14px;
  padding-left: 14px;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 14px;
  cursor: pointer;
  text-align: left;
  border-top-width: 2px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 2px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 2px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
  background-color: #FFFFFF;
  color: #0F1115;
  align-items: center;
  justify-content: flex-start;
}
.templates01_div-32 {
  height: 96px;
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
  border-bottom-right-radius: 9px;
  border-bottom-left-radius: 9px;
  background-color: #F4F5F1;
  display: flex;
  flex-direction: column;
  row-gap: 6px;
  column-gap: 6px;
  padding-top: 12px;
  padding-right: 12px;
  padding-bottom: 12px;
  padding-left: 12px;
  box-sizing: border-box;
}
.templates01_div-28 {
  width: 55%;
  height: 8px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: #C9CDC4;
}
.templates01_div-29 {
  width: 80%;
  height: 6px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  background-color: #DDE0D8;
}
.templates01_div-30 {
  width: 70%;
  height: 6px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  background-color: #DDE0D8;
}
.templates01_div-31 {
  margin-top: auto;
  width: 34%;
  height: 14px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: #1D6B3A;
}
.templates01_div-35 {
  display: flex;
  justify-content: space-between;
  row-gap: 8px;
  column-gap: 8px;
  align-items: baseline;
}
.templates01_div-33 {
  font-weight: 600;
  font-size: 15px;
}
.templates01_div-34 {
  font-family: var(--blok-font-saas-mono);
  font-size: 11px;
  color: #5B616B;
}
.templates01_div-45 {
  display: flex;
  flex-direction: column;
  row-gap: 12px;
  column-gap: 12px;
  padding-top: 14px;
  padding-right: 14px;
  padding-bottom: 14px;
  padding-left: 14px;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 14px;
  cursor: pointer;
  text-align: left;
  border-top-width: 2px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 2px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 2px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
  background-color: #FFFFFF;
  color: #0F1115;
  align-items: center;
  justify-content: flex-start;
}
.templates01_div-41 {
  height: 96px;
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
  border-bottom-right-radius: 9px;
  border-bottom-left-radius: 9px;
  background-color: #F4F5F1;
  display: flex;
  flex-direction: column;
  row-gap: 6px;
  column-gap: 6px;
  padding-top: 12px;
  padding-right: 12px;
  padding-bottom: 12px;
  padding-left: 12px;
  box-sizing: border-box;
}
.templates01_div-37 {
  width: 55%;
  height: 8px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: #C9CDC4;
}
.templates01_div-38 {
  width: 80%;
  height: 6px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  background-color: #DDE0D8;
}
.templates01_div-39 {
  width: 70%;
  height: 6px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  background-color: #DDE0D8;
}
.templates01_div-40 {
  margin-top: auto;
  width: 34%;
  height: 14px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: #1D6B3A;
}
.templates01_div-44 {
  display: flex;
  justify-content: space-between;
  row-gap: 8px;
  column-gap: 8px;
  align-items: baseline;
}
.templates01_div-42 {
  font-weight: 600;
  font-size: 15px;
}
.templates01_div-43 {
  font-family: var(--blok-font-saas-mono);
  font-size: 11px;
  color: #5B616B;
}
.templates01_div-54 {
  display: flex;
  flex-direction: column;
  row-gap: 12px;
  column-gap: 12px;
  padding-top: 14px;
  padding-right: 14px;
  padding-bottom: 14px;
  padding-left: 14px;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 14px;
  cursor: pointer;
  text-align: left;
  border-top-width: 2px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 2px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 2px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
  background-color: #FFFFFF;
  color: #0F1115;
  align-items: center;
  justify-content: flex-start;
}
.templates01_div-50 {
  height: 96px;
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
  border-bottom-right-radius: 9px;
  border-bottom-left-radius: 9px;
  background-color: #F4F5F1;
  display: flex;
  flex-direction: column;
  row-gap: 6px;
  column-gap: 6px;
  padding-top: 12px;
  padding-right: 12px;
  padding-bottom: 12px;
  padding-left: 12px;
  box-sizing: border-box;
}
.templates01_div-46 {
  width: 55%;
  height: 8px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: #C9CDC4;
}
.templates01_div-47 {
  width: 80%;
  height: 6px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  background-color: #DDE0D8;
}
.templates01_div-48 {
  width: 70%;
  height: 6px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  background-color: #DDE0D8;
}
.templates01_div-49 {
  margin-top: auto;
  width: 34%;
  height: 14px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: #9A4A12;
}
.templates01_div-53 {
  display: flex;
  justify-content: space-between;
  row-gap: 8px;
  column-gap: 8px;
  align-items: baseline;
}
.templates01_div-51 {
  font-weight: 600;
  font-size: 15px;
}
.templates01_div-52 {
  font-family: var(--blok-font-saas-mono);
  font-size: 11px;
  color: #5B616B;
}
.templates01_div-63 {
  display: flex;
  flex-direction: column;
  row-gap: 12px;
  column-gap: 12px;
  padding-top: 14px;
  padding-right: 14px;
  padding-bottom: 14px;
  padding-left: 14px;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 14px;
  cursor: pointer;
  text-align: left;
  border-top-width: 2px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 2px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 2px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
  background-color: #FFFFFF;
  color: #0F1115;
  align-items: center;
  justify-content: flex-start;
}
.templates01_div-59 {
  height: 96px;
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
  border-bottom-right-radius: 9px;
  border-bottom-left-radius: 9px;
  background-color: #F4F5F1;
  display: flex;
  flex-direction: column;
  row-gap: 6px;
  column-gap: 6px;
  padding-top: 12px;
  padding-right: 12px;
  padding-bottom: 12px;
  padding-left: 12px;
  box-sizing: border-box;
}
.templates01_div-55 {
  width: 55%;
  height: 8px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: #C9CDC4;
}
.templates01_div-56 {
  width: 80%;
  height: 6px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  background-color: #DDE0D8;
}
.templates01_div-57 {
  width: 70%;
  height: 6px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  background-color: #DDE0D8;
}
.templates01_div-58 {
  margin-top: auto;
  width: 34%;
  height: 14px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: #9A4A12;
}
.templates01_div-62 {
  display: flex;
  justify-content: space-between;
  row-gap: 8px;
  column-gap: 8px;
  align-items: baseline;
}
.templates01_div-60 {
  font-weight: 600;
  font-size: 15px;
}
.templates01_div-61 {
  font-family: var(--blok-font-saas-mono);
  font-size: 11px;
  color: #5B616B;
}
.templates01_div-72 {
  display: flex;
  flex-direction: column;
  row-gap: 12px;
  column-gap: 12px;
  padding-top: 14px;
  padding-right: 14px;
  padding-bottom: 14px;
  padding-left: 14px;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 14px;
  cursor: pointer;
  text-align: left;
  border-top-width: 2px;
  border-top-style: solid;
  border-top-color: #2D4BF0;
  border-right-width: 2px;
  border-right-style: solid;
  border-right-color: #2D4BF0;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #2D4BF0;
  border-left-width: 2px;
  border-left-style: solid;
  border-left-color: #2D4BF0;
  background-color: #FFFFFF;
  color: #0F1115;
  align-items: center;
  justify-content: flex-start;
}
.templates01_div-68 {
  height: 96px;
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
  border-bottom-right-radius: 9px;
  border-bottom-left-radius: 9px;
  background-color: #F4F5F1;
  display: flex;
  flex-direction: column;
  row-gap: 6px;
  column-gap: 6px;
  padding-top: 12px;
  padding-right: 12px;
  padding-bottom: 12px;
  padding-left: 12px;
  box-sizing: border-box;
}
.templates01_div-64 {
  width: 55%;
  height: 8px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: #C9CDC4;
}
.templates01_div-65 {
  width: 80%;
  height: 6px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  background-color: #DDE0D8;
}
.templates01_div-66 {
  width: 70%;
  height: 6px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  background-color: #DDE0D8;
}
.templates01_div-67 {
  margin-top: auto;
  width: 34%;
  height: 14px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: #6B32A8;
}
.templates01_div-71 {
  display: flex;
  justify-content: space-between;
  row-gap: 8px;
  column-gap: 8px;
  align-items: baseline;
}
.templates01_div-69 {
  font-weight: 600;
  font-size: 15px;
}
.templates01_div-70 {
  font-family: var(--blok-font-saas-mono);
  font-size: 11px;
  color: #5B616B;
}
.templates01_div-81 {
  display: flex;
  flex-direction: column;
  row-gap: 12px;
  column-gap: 12px;
  padding-top: 14px;
  padding-right: 14px;
  padding-bottom: 14px;
  padding-left: 14px;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 14px;
  cursor: pointer;
  text-align: left;
  border-top-width: 2px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 2px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 2px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
  background-color: #FFFFFF;
  color: #0F1115;
  align-items: center;
  justify-content: flex-start;
}
.templates01_div-77 {
  height: 96px;
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
  border-bottom-right-radius: 9px;
  border-bottom-left-radius: 9px;
  background-color: #F4F5F1;
  display: flex;
  flex-direction: column;
  row-gap: 6px;
  column-gap: 6px;
  padding-top: 12px;
  padding-right: 12px;
  padding-bottom: 12px;
  padding-left: 12px;
  box-sizing: border-box;
}
.templates01_div-73 {
  width: 55%;
  height: 8px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: #C9CDC4;
}
.templates01_div-74 {
  width: 80%;
  height: 6px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  background-color: #DDE0D8;
}
.templates01_div-75 {
  width: 70%;
  height: 6px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  background-color: #DDE0D8;
}
.templates01_div-76 {
  margin-top: auto;
  width: 34%;
  height: 14px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: #6B32A8;
}
.templates01_div-80 {
  display: flex;
  justify-content: space-between;
  row-gap: 8px;
  column-gap: 8px;
  align-items: baseline;
}
.templates01_div-78 {
  font-weight: 600;
  font-size: 15px;
}
.templates01_div-79 {
  font-family: var(--blok-font-saas-mono);
  font-size: 11px;
  color: #5B616B;
}
.templates01_div-87 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 320px;
  padding-top: 22px;
  padding-right: 22px;
  padding-bottom: 22px;
  padding-left: 22px;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
  border-bottom-left-radius: 18px;
  background-color: #0F1115;
  color: #F4F5F1;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  column-gap: 16px;
}
.templates01_div-83 {
  font-family: var(--blok-font-saas-mono);
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #A7ADB6;
}
.templates01_div-84 {
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -0.02em;
}
.templates01_div-85 {
  padding-top: 16px;
  padding-right: 16px;
  padding-bottom: 16px;
  padding-left: 16px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  background-color: #FFFFFF;
  color: #0F1115;
  font-size: 14px;
  line-height: 1.6;
  white-space: pre-line;
}
.templates01_div-86 {
  height: 48px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  cursor: pointer;
  font-weight: 500;
  background-color: #F4F5F1;
  color: #0F1115;
  display: flex;
  align-items: center;
  justify-content: center;
}
.section_templates01.is-dark {
  background-color: var(--blok-saas-ink);
  color: var(--blok-saas-canvas);
}
.section_templates01.is-accent {
  background-color: var(--blok-saas-blue);
  color: var(--blok-saas-white);
}

@media (min-width: 768px) {
  .templates01_div-82 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 992px) {
  .templates01_div-82 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

/* Generated by Blokset from components/templates-02.js. Edit the spec, not this file. */
.section_templates02 {
  font-family: var(--blok-font-saas);
  color: #0F1115;
  background-color: #F4F5F1;
  padding-top: clamp(56px, 8vw, 96px);
  padding-right: clamp(20px, 4vw, 48px);
  padding-bottom: clamp(56px, 8vw, 96px);
  padding-left: clamp(20px, 4vw, 48px);
}
.templates02_div-86 {
  max-width: 1200px;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  row-gap: 28px;
  column-gap: 28px;
}
.templates02_div-3 {
  display: flex;
  flex-direction: column;
  row-gap: 14px;
  column-gap: 14px;
  max-width: 640px;
}
.templates02_div-1 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5B616B;
}
.templates02_heading {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: clamp(34px, 4.4vw, 56px);
  line-height: 1.02;
  letter-spacing: -0.04em;
  font-weight: 600;
}
.templates02_div-12 {
  display: flex;
  flex-wrap: wrap;
  row-gap: 12px;
  column-gap: 12px;
  align-items: center;
}
.templates02_div-7 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 320px;
  display: flex;
  align-items: center;
  row-gap: 10px;
  column-gap: 10px;
  height: 52px;
  padding-top: 0;
  padding-right: 16px;
  padding-bottom: 0;
  padding-left: 16px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
}
.templates02_icon-4 {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}
.templates02_div-5 {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}
.templates02_div-6 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  min-width: 0;
  height: 40px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  outline: none;
  background-color: transparent;
  font-size: 16px;
  color: #0F1115;
}
.templates02_div-8 {
  font-family: var(--blok-font-saas-mono);
  font-size: 13px;
  color: #5B616B;
}
.templates02_div-11 {
  display: flex;
  padding-top: 4px;
  padding-right: 4px;
  padding-bottom: 4px;
  padding-left: 4px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
}
.templates02_div-9 {
  height: 40px;
  padding-top: 0;
  padding-right: 14px;
  padding-bottom: 0;
  padding-left: 14px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
  cursor: pointer;
  font-size: 14px;
  background-color: #0F1115;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
}
.templates02_div-10 {
  height: 40px;
  padding-top: 0;
  padding-right: 14px;
  padding-bottom: 0;
  padding-left: 14px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
  cursor: pointer;
  font-size: 14px;
  background-color: transparent;
  color: #4E545D;
  display: flex;
  align-items: center;
  justify-content: center;
}
.templates02_div-85 {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 14px;
  column-gap: 14px;
}
.templates02_a-21 {
  display: flex;
  flex-direction: column;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
  border-bottom-left-radius: 18px;
  overflow: hidden;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  color: #0F1115;
  text-decoration: none;
}
.templates02_div-17 {
  height: 130px;
  background-color: #E8ECFE;
  display: flex;
  align-items: flex-end;
  padding-top: 14px;
  padding-right: 14px;
  padding-bottom: 14px;
  padding-left: 14px;
}
.templates02_div-16 {
  display: flex;
  flex-direction: column;
  row-gap: 6px;
  column-gap: 6px;
  width: 70%;
}
.templates02_div-13 {
  height: 8px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: rgba(15,17,21,0.25);
  width: 80%;
}
.templates02_div-14 {
  height: 8px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: rgba(15,17,21,0.15);
}
.templates02_div-15 {
  height: 8px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: rgba(15,17,21,0.15);
  width: 60%;
}
.templates02_div-20 {
  padding-top: 16px;
  padding-right: 16px;
  padding-bottom: 16px;
  padding-left: 16px;
  display: flex;
  flex-direction: column;
  row-gap: 6px;
  column-gap: 6px;
}
.templates02_div-18 {
  font-size: 12px;
  color: #5B616B;
}
.templates02_div-19 {
  font-size: 17px;
  font-weight: 600;
}
.templates02_a-30 {
  display: flex;
  flex-direction: column;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
  border-bottom-left-radius: 18px;
  overflow: hidden;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  color: #0F1115;
  text-decoration: none;
}
.templates02_div-26 {
  height: 130px;
  background-color: #F1E9FB;
  display: flex;
  align-items: flex-end;
  padding-top: 14px;
  padding-right: 14px;
  padding-bottom: 14px;
  padding-left: 14px;
}
.templates02_div-25 {
  display: flex;
  flex-direction: column;
  row-gap: 6px;
  column-gap: 6px;
  width: 70%;
}
.templates02_div-22 {
  height: 8px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: rgba(15,17,21,0.25);
  width: 80%;
}
.templates02_div-23 {
  height: 8px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: rgba(15,17,21,0.15);
}
.templates02_div-24 {
  height: 8px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: rgba(15,17,21,0.15);
  width: 60%;
}
.templates02_div-29 {
  padding-top: 16px;
  padding-right: 16px;
  padding-bottom: 16px;
  padding-left: 16px;
  display: flex;
  flex-direction: column;
  row-gap: 6px;
  column-gap: 6px;
}
.templates02_div-27 {
  font-size: 12px;
  color: #5B616B;
}
.templates02_div-28 {
  font-size: 17px;
  font-weight: 600;
}
.templates02_a-39 {
  display: flex;
  flex-direction: column;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
  border-bottom-left-radius: 18px;
  overflow: hidden;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  color: #0F1115;
  text-decoration: none;
}
.templates02_div-35 {
  height: 130px;
  background-color: #E5F4EA;
  display: flex;
  align-items: flex-end;
  padding-top: 14px;
  padding-right: 14px;
  padding-bottom: 14px;
  padding-left: 14px;
}
.templates02_div-34 {
  display: flex;
  flex-direction: column;
  row-gap: 6px;
  column-gap: 6px;
  width: 70%;
}
.templates02_div-31 {
  height: 8px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: rgba(15,17,21,0.25);
  width: 80%;
}
.templates02_div-32 {
  height: 8px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: rgba(15,17,21,0.15);
}
.templates02_div-33 {
  height: 8px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: rgba(15,17,21,0.15);
  width: 60%;
}
.templates02_div-38 {
  padding-top: 16px;
  padding-right: 16px;
  padding-bottom: 16px;
  padding-left: 16px;
  display: flex;
  flex-direction: column;
  row-gap: 6px;
  column-gap: 6px;
}
.templates02_div-36 {
  font-size: 12px;
  color: #5B616B;
}
.templates02_div-37 {
  font-size: 17px;
  font-weight: 600;
}
.templates02_a-48 {
  display: flex;
  flex-direction: column;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
  border-bottom-left-radius: 18px;
  overflow: hidden;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  color: #0F1115;
  text-decoration: none;
}
.templates02_div-44 {
  height: 130px;
  background-color: #FDEFE4;
  display: flex;
  align-items: flex-end;
  padding-top: 14px;
  padding-right: 14px;
  padding-bottom: 14px;
  padding-left: 14px;
}
.templates02_div-43 {
  display: flex;
  flex-direction: column;
  row-gap: 6px;
  column-gap: 6px;
  width: 70%;
}
.templates02_div-40 {
  height: 8px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: rgba(15,17,21,0.25);
  width: 80%;
}
.templates02_div-41 {
  height: 8px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: rgba(15,17,21,0.15);
}
.templates02_div-42 {
  height: 8px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: rgba(15,17,21,0.15);
  width: 60%;
}
.templates02_div-47 {
  padding-top: 16px;
  padding-right: 16px;
  padding-bottom: 16px;
  padding-left: 16px;
  display: flex;
  flex-direction: column;
  row-gap: 6px;
  column-gap: 6px;
}
.templates02_div-45 {
  font-size: 12px;
  color: #5B616B;
}
.templates02_div-46 {
  font-size: 17px;
  font-weight: 600;
}
.templates02_a-57 {
  display: flex;
  flex-direction: column;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
  border-bottom-left-radius: 18px;
  overflow: hidden;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  color: #0F1115;
  text-decoration: none;
}
.templates02_div-53 {
  height: 130px;
  background-color: #F1E9FB;
  display: flex;
  align-items: flex-end;
  padding-top: 14px;
  padding-right: 14px;
  padding-bottom: 14px;
  padding-left: 14px;
}
.templates02_div-52 {
  display: flex;
  flex-direction: column;
  row-gap: 6px;
  column-gap: 6px;
  width: 70%;
}
.templates02_div-49 {
  height: 8px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: rgba(15,17,21,0.25);
  width: 80%;
}
.templates02_div-50 {
  height: 8px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: rgba(15,17,21,0.15);
}
.templates02_div-51 {
  height: 8px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: rgba(15,17,21,0.15);
  width: 60%;
}
.templates02_div-56 {
  padding-top: 16px;
  padding-right: 16px;
  padding-bottom: 16px;
  padding-left: 16px;
  display: flex;
  flex-direction: column;
  row-gap: 6px;
  column-gap: 6px;
}
.templates02_div-54 {
  font-size: 12px;
  color: #5B616B;
}
.templates02_div-55 {
  font-size: 17px;
  font-weight: 600;
}
.templates02_a-66 {
  display: flex;
  flex-direction: column;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
  border-bottom-left-radius: 18px;
  overflow: hidden;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  color: #0F1115;
  text-decoration: none;
}
.templates02_div-62 {
  height: 130px;
  background-color: #F1E9FB;
  display: flex;
  align-items: flex-end;
  padding-top: 14px;
  padding-right: 14px;
  padding-bottom: 14px;
  padding-left: 14px;
}
.templates02_div-61 {
  display: flex;
  flex-direction: column;
  row-gap: 6px;
  column-gap: 6px;
  width: 70%;
}
.templates02_div-58 {
  height: 8px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: rgba(15,17,21,0.25);
  width: 80%;
}
.templates02_div-59 {
  height: 8px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: rgba(15,17,21,0.15);
}
.templates02_div-60 {
  height: 8px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: rgba(15,17,21,0.15);
  width: 60%;
}
.templates02_div-65 {
  padding-top: 16px;
  padding-right: 16px;
  padding-bottom: 16px;
  padding-left: 16px;
  display: flex;
  flex-direction: column;
  row-gap: 6px;
  column-gap: 6px;
}
.templates02_div-63 {
  font-size: 12px;
  color: #5B616B;
}
.templates02_div-64 {
  font-size: 17px;
  font-weight: 600;
}
.templates02_a-75 {
  display: flex;
  flex-direction: column;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
  border-bottom-left-radius: 18px;
  overflow: hidden;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  color: #0F1115;
  text-decoration: none;
}
.templates02_div-71 {
  height: 130px;
  background-color: #E8ECFE;
  display: flex;
  align-items: flex-end;
  padding-top: 14px;
  padding-right: 14px;
  padding-bottom: 14px;
  padding-left: 14px;
}
.templates02_div-70 {
  display: flex;
  flex-direction: column;
  row-gap: 6px;
  column-gap: 6px;
  width: 70%;
}
.templates02_div-67 {
  height: 8px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: rgba(15,17,21,0.25);
  width: 80%;
}
.templates02_div-68 {
  height: 8px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: rgba(15,17,21,0.15);
}
.templates02_div-69 {
  height: 8px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: rgba(15,17,21,0.15);
  width: 60%;
}
.templates02_div-74 {
  padding-top: 16px;
  padding-right: 16px;
  padding-bottom: 16px;
  padding-left: 16px;
  display: flex;
  flex-direction: column;
  row-gap: 6px;
  column-gap: 6px;
}
.templates02_div-72 {
  font-size: 12px;
  color: #5B616B;
}
.templates02_div-73 {
  font-size: 17px;
  font-weight: 600;
}
.templates02_a-84 {
  display: flex;
  flex-direction: column;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
  border-bottom-left-radius: 18px;
  overflow: hidden;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  color: #0F1115;
  text-decoration: none;
}
.templates02_div-80 {
  height: 130px;
  background-color: #F1E9FB;
  display: flex;
  align-items: flex-end;
  padding-top: 14px;
  padding-right: 14px;
  padding-bottom: 14px;
  padding-left: 14px;
}
.templates02_div-79 {
  display: flex;
  flex-direction: column;
  row-gap: 6px;
  column-gap: 6px;
  width: 70%;
}
.templates02_div-76 {
  height: 8px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: rgba(15,17,21,0.25);
  width: 80%;
}
.templates02_div-77 {
  height: 8px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: rgba(15,17,21,0.15);
}
.templates02_div-78 {
  height: 8px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: rgba(15,17,21,0.15);
  width: 60%;
}
.templates02_div-83 {
  padding-top: 16px;
  padding-right: 16px;
  padding-bottom: 16px;
  padding-left: 16px;
  display: flex;
  flex-direction: column;
  row-gap: 6px;
  column-gap: 6px;
}
.templates02_div-81 {
  font-size: 12px;
  color: #5B616B;
}
.templates02_div-82 {
  font-size: 17px;
  font-weight: 600;
}
.section_templates02.is-dark {
  background-color: var(--blok-saas-ink);
  color: var(--blok-saas-canvas);
}
.section_templates02.is-accent {
  background-color: var(--blok-saas-blue);
  color: var(--blok-saas-white);
}

@media (min-width: 768px) {
  .templates02_div-85 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 992px) {
  .templates02_div-85 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

/* Generated by Blokset from components/templates-03.js. Edit the spec, not this file. */
.section_templates03 {
  font-family: var(--blok-font-saas);
  color: #0F1115;
  background-color: #FFFFFF;
  padding-top: clamp(56px, 8vw, 96px);
  padding-right: clamp(20px, 4vw, 48px);
  padding-bottom: clamp(56px, 8vw, 96px);
  padding-left: clamp(20px, 4vw, 48px);
}
.templates03_div-51 {
  max-width: 1200px;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  row-gap: 28px;
  column-gap: 28px;
}
.templates03_div-3 {
  display: flex;
  flex-direction: column;
  row-gap: 14px;
  column-gap: 14px;
  max-width: 640px;
}
.templates03_div-1 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5B616B;
}
.templates03_heading {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: clamp(34px, 4.4vw, 56px);
  line-height: 1.02;
  letter-spacing: -0.04em;
  font-weight: 600;
}
.templates03_div-50 {
  display: flex;
  flex-wrap: wrap;
  row-gap: 16px;
  column-gap: 16px;
  align-items: stretch;
}
.templates03_div-16 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 240px;
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  column-gap: 4px;
}
.templates03_div-6 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 2px;
  column-gap: 2px;
  padding-top: 14px;
  padding-right: 14px;
  padding-bottom: 14px;
  padding-left: 14px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  cursor: pointer;
  text-align: left;
  background-color: #F4F5F1;
  color: #0F1115;
}
.templates03_div-4 {
  font-size: 16px;
  font-weight: 600;
}
.templates03_div-5 {
  font-size: 13px;
  color: #5B616B;
}
.templates03_div-9 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 2px;
  column-gap: 2px;
  padding-top: 14px;
  padding-right: 14px;
  padding-bottom: 14px;
  padding-left: 14px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  cursor: pointer;
  text-align: left;
  background-color: transparent;
  color: #0F1115;
}
.templates03_div-7 {
  font-size: 16px;
  font-weight: 600;
}
.templates03_div-8 {
  font-size: 13px;
  color: #5B616B;
}
.templates03_div-12 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 2px;
  column-gap: 2px;
  padding-top: 14px;
  padding-right: 14px;
  padding-bottom: 14px;
  padding-left: 14px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  cursor: pointer;
  text-align: left;
  background-color: transparent;
  color: #0F1115;
}
.templates03_div-10 {
  font-size: 16px;
  font-weight: 600;
}
.templates03_div-11 {
  font-size: 13px;
  color: #5B616B;
}
.templates03_div-15 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 2px;
  column-gap: 2px;
  padding-top: 14px;
  padding-right: 14px;
  padding-bottom: 14px;
  padding-left: 14px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  cursor: pointer;
  text-align: left;
  background-color: transparent;
  color: #0F1115;
}
.templates03_div-13 {
  font-size: 16px;
  font-weight: 600;
}
.templates03_div-14 {
  font-size: 13px;
  color: #5B616B;
}
.templates03_div-32 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 280px;
  display: flex;
  flex-direction: column;
  row-gap: 18px;
  column-gap: 18px;
  padding-top: 22px;
  padding-right: 22px;
  padding-bottom: 22px;
  padding-left: 22px;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
  border-bottom-left-radius: 18px;
  background-color: #F4F5F1;
}
.templates03_div-19 {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  column-gap: 8px;
  font-size: 14px;
  color: #4E545D;
}
.templates03_div-17 {
  height: 48px;
  padding-top: 0;
  padding-right: 12px;
  padding-bottom: 0;
  padding-left: 12px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #CFD3CA;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #CFD3CA;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #CFD3CA;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #CFD3CA;
  background-color: #FFFFFF;
  font-size: 16px;
  color: #0F1115;
}
.templates03_div-27 {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  column-gap: 8px;
}
.templates03_div-20 {
  font-size: 14px;
  color: #4E545D;
}
.templates03_div-26 {
  display: flex;
  row-gap: 8px;
  column-gap: 8px;
}
.templates03_div-21 {
  width: 44px;
  height: 44px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  cursor: pointer;
  background-color: #2D4BF0;
  border-top-width: 3px;
  border-top-style: solid;
  border-top-color: #FFFFFF;
  border-right-width: 3px;
  border-right-style: solid;
  border-right-color: #FFFFFF;
  border-bottom-width: 3px;
  border-bottom-style: solid;
  border-bottom-color: #FFFFFF;
  border-left-width: 3px;
  border-left-style: solid;
  border-left-color: #FFFFFF;
  box-shadow: 0 0 0 2px #2D4BF0;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  flex-shrink: 0;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.templates03_div-22 {
  width: 44px;
  height: 44px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  cursor: pointer;
  background-color: #1D6B3A;
  border-top-width: 3px;
  border-top-style: solid;
  border-top-color: #FFFFFF;
  border-right-width: 3px;
  border-right-style: solid;
  border-right-color: #FFFFFF;
  border-bottom-width: 3px;
  border-bottom-style: solid;
  border-bottom-color: #FFFFFF;
  border-left-width: 3px;
  border-left-style: solid;
  border-left-color: #FFFFFF;
  box-shadow: 0 0 0 2px rgba(0,0,0,0);
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  flex-shrink: 0;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.templates03_div-23 {
  width: 44px;
  height: 44px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  cursor: pointer;
  background-color: #B4521A;
  border-top-width: 3px;
  border-top-style: solid;
  border-top-color: #FFFFFF;
  border-right-width: 3px;
  border-right-style: solid;
  border-right-color: #FFFFFF;
  border-bottom-width: 3px;
  border-bottom-style: solid;
  border-bottom-color: #FFFFFF;
  border-left-width: 3px;
  border-left-style: solid;
  border-left-color: #FFFFFF;
  box-shadow: 0 0 0 2px rgba(0,0,0,0);
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  flex-shrink: 0;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.templates03_div-24 {
  width: 44px;
  height: 44px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  cursor: pointer;
  background-color: #6B32A8;
  border-top-width: 3px;
  border-top-style: solid;
  border-top-color: #FFFFFF;
  border-right-width: 3px;
  border-right-style: solid;
  border-right-color: #FFFFFF;
  border-bottom-width: 3px;
  border-bottom-style: solid;
  border-bottom-color: #FFFFFF;
  border-left-width: 3px;
  border-left-style: solid;
  border-left-color: #FFFFFF;
  box-shadow: 0 0 0 2px rgba(0,0,0,0);
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  flex-shrink: 0;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.templates03_div-25 {
  width: 44px;
  height: 44px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  cursor: pointer;
  background-color: #0F1115;
  border-top-width: 3px;
  border-top-style: solid;
  border-top-color: #FFFFFF;
  border-right-width: 3px;
  border-right-style: solid;
  border-right-color: #FFFFFF;
  border-bottom-width: 3px;
  border-bottom-style: solid;
  border-bottom-color: #FFFFFF;
  border-left-width: 3px;
  border-left-style: solid;
  border-left-color: #FFFFFF;
  box-shadow: 0 0 0 2px rgba(0,0,0,0);
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  flex-shrink: 0;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.templates03_div-30 {
  display: flex;
  align-items: center;
  row-gap: 10px;
  column-gap: 10px;
  font-size: 15px;
  cursor: pointer;
}
.templates03_div-28 {
  width: 20px;
  height: 20px;
  accent-color: #2D4BF0;
}
.templates03_a-31 {
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: #0F1115;
  color: #FFFFFF;
  font-weight: 500;
  text-decoration: none;
}
.templates03_div-49 {
  flex-grow: 2;
  flex-shrink: 1;
  flex-basis: 380px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 28px;
  padding-right: 28px;
  padding-bottom: 28px;
  padding-left: 28px;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
  border-bottom-left-radius: 18px;
  background-color: #ECEEE8;
}
.templates03_div-48 {
  width: 100%;
  max-width: 420px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  background-color: #FFFFFF;
  overflow: hidden;
  box-shadow: 0 24px 50px -30px rgba(15,17,21,0.5);
}
.templates03_div-35 {
  display: flex;
  align-items: center;
  row-gap: 10px;
  column-gap: 10px;
  padding-top: 16px;
  padding-right: 18px;
  padding-bottom: 16px;
  padding-left: 18px;
  background-color: #2D4BF0;
  color: #FFFFFF;
}
.templates03_div-33 {
  width: 28px;
  height: 28px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  background-color: rgba(255,255,255,0.25);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
}
.templates03_div-34 {
  font-size: 16px;
  font-weight: 600;
}
.templates03_div-47 {
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  display: flex;
  flex-direction: column;
  row-gap: 12px;
  column-gap: 12px;
}
.templates03_div-36 {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.02em;
}
.templates03_div-39 {
  display: flex;
  justify-content: space-between;
  row-gap: 12px;
  column-gap: 12px;
  padding-top: 10px;
  padding-right: 0;
  padding-bottom: 10px;
  padding-left: 0;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ECEEE8;
  font-size: 14px;
}
.templates03_div-38 {
  color: #5B616B;
}
.templates03_div-42 {
  display: flex;
  justify-content: space-between;
  row-gap: 12px;
  column-gap: 12px;
  padding-top: 10px;
  padding-right: 0;
  padding-bottom: 10px;
  padding-left: 0;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ECEEE8;
  font-size: 14px;
}
.templates03_div-41 {
  color: #5B616B;
}
.templates03_div-45 {
  display: flex;
  justify-content: space-between;
  row-gap: 12px;
  column-gap: 12px;
  padding-top: 10px;
  padding-right: 0;
  padding-bottom: 10px;
  padding-left: 0;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ECEEE8;
  font-size: 14px;
}
.templates03_div-44 {
  color: #5B616B;
}
.templates03_div-46 {
  align-self: flex-start;
  margin-top: 4px;
  height: 42px;
  padding-top: 0;
  padding-right: 16px;
  padding-bottom: 0;
  padding-left: 16px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  background-color: #2D4BF0;
  color: #FFFFFF;
}
.section_templates03.is-dark {
  background-color: var(--blok-saas-ink);
  color: var(--blok-saas-canvas);
}
.section_templates03.is-accent {
  background-color: var(--blok-saas-blue);
  color: var(--blok-saas-white);
}

/* Generated by Blokset from components/trust-01.js. Edit the spec, not this file. */
.section_trust01 {
  font-family: var(--blok-font-saas);
  color: #0F1115;
  background-color: #FFFFFF;
  padding-top: clamp(56px, 8vw, 104px);
  padding-right: clamp(20px, 4vw, 48px);
  padding-bottom: clamp(56px, 8vw, 104px);
  padding-left: clamp(20px, 4vw, 48px);
}
.trust01_div-38 {
  max-width: 1200px;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  row-gap: 36px;
  column-gap: 36px;
}
.trust01_div-5 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  row-gap: 20px;
  column-gap: 20px;
}
.trust01_div-3 {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  column-gap: 16px;
  max-width: 620px;
}
.trust01_div-1 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5B616B;
}
.trust01_heading {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: clamp(34px, 4.4vw, 56px);
  line-height: 1.02;
  letter-spacing: -0.04em;
  font-weight: 600;
}
.trust01_a-4 {
  font-weight: 500;
  text-decoration: none;
  color: #2D4BF0;
}
.trust01_div-37 {
  display: flex;
  flex-wrap: wrap;
  row-gap: 20px;
  column-gap: 20px;
  align-items: stretch;
}
.trust01_div-15 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 260px;
  max-width: 340px;
  display: flex;
  flex-direction: column;
  row-gap: 6px;
  column-gap: 6px;
}
.trust01_div-8 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 4px;
  column-gap: 4px;
  padding-top: 18px;
  padding-right: 20px;
  padding-bottom: 18px;
  padding-left: 20px;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 14px;
  cursor: pointer;
  text-align: left;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #0F1115;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #0F1115;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #0F1115;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #0F1115;
  background-color: #0F1115;
  color: #FFFFFF;
}
.trust01_div-6 {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.015em;
}
.trust01_div-7 {
  font-size: 14px;
  color: #B9BEC6;
}
.trust01_div-11 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 4px;
  column-gap: 4px;
  padding-top: 18px;
  padding-right: 20px;
  padding-bottom: 18px;
  padding-left: 20px;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 14px;
  cursor: pointer;
  text-align: left;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
  background-color: #FFFFFF;
  color: #0F1115;
}
.trust01_div-9 {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.015em;
}
.trust01_div-10 {
  font-size: 14px;
  color: #5B616B;
}
.trust01_div-14 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 4px;
  column-gap: 4px;
  padding-top: 18px;
  padding-right: 20px;
  padding-bottom: 18px;
  padding-left: 20px;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 14px;
  cursor: pointer;
  text-align: left;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
  background-color: #FFFFFF;
  color: #0F1115;
}
.trust01_div-12 {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.015em;
}
.trust01_div-13 {
  font-size: 14px;
  color: #5B616B;
}
.trust01_stack-115 {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.trust01_div-36 {
  flex-grow: 999;
  flex-shrink: 1;
  flex-basis: 480px;
  min-width: 0;
  padding-top: clamp(22px, 3vw, 34px);
  padding-right: clamp(22px, 3vw, 34px);
  padding-bottom: clamp(22px, 3vw, 34px);
  padding-left: clamp(22px, 3vw, 34px);
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
  border-bottom-left-radius: 18px;
  background-color: #F4F5F1;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 12px;
  column-gap: 12px;
}
.trust01_div-20 {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  column-gap: 8px;
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 14px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
}
.trust01_div-18 {
  display: flex;
  align-items: center;
  row-gap: 8px;
  column-gap: 8px;
  font-size: 16px;
  font-weight: 600;
}
.trust01_div-16 {
  width: 8px;
  height: 8px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #2D4BF0;
}
.trust01_div-19 {
  font-size: 14px;
  line-height: 1.55;
  color: #4E545D;
}
.trust01_div-25 {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  column-gap: 8px;
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 14px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
}
.trust01_div-23 {
  display: flex;
  align-items: center;
  row-gap: 8px;
  column-gap: 8px;
  font-size: 16px;
  font-weight: 600;
}
.trust01_div-21 {
  width: 8px;
  height: 8px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #2D4BF0;
}
.trust01_div-24 {
  font-size: 14px;
  line-height: 1.55;
  color: #4E545D;
}
.trust01_div-30 {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  column-gap: 8px;
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 14px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
}
.trust01_div-28 {
  display: flex;
  align-items: center;
  row-gap: 8px;
  column-gap: 8px;
  font-size: 16px;
  font-weight: 600;
}
.trust01_div-26 {
  width: 8px;
  height: 8px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #2D4BF0;
}
.trust01_div-29 {
  font-size: 14px;
  line-height: 1.55;
  color: #4E545D;
}
.trust01_div-35 {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  column-gap: 8px;
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 14px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
}
.trust01_div-33 {
  display: flex;
  align-items: center;
  row-gap: 8px;
  column-gap: 8px;
  font-size: 16px;
  font-weight: 600;
}
.trust01_div-31 {
  width: 8px;
  height: 8px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #2D4BF0;
}
.trust01_div-34 {
  font-size: 14px;
  line-height: 1.55;
  color: #4E545D;
}
.trust01_div-74 {
  flex-grow: 999;
  flex-shrink: 1;
  flex-basis: 480px;
  min-width: 0;
  padding-top: clamp(22px, 3vw, 34px);
  padding-right: clamp(22px, 3vw, 34px);
  padding-bottom: clamp(22px, 3vw, 34px);
  padding-left: clamp(22px, 3vw, 34px);
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
  border-bottom-left-radius: 18px;
  background-color: #F4F5F1;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
  display: none;
  grid-template-columns: 1fr;
  row-gap: 12px;
  column-gap: 12px;
}
.trust01_div-58 {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  column-gap: 8px;
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 14px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
}
.trust01_div-56 {
  display: flex;
  align-items: center;
  row-gap: 8px;
  column-gap: 8px;
  font-size: 16px;
  font-weight: 600;
}
.trust01_div-54 {
  width: 8px;
  height: 8px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #2D4BF0;
}
.trust01_div-57 {
  font-size: 14px;
  line-height: 1.55;
  color: #4E545D;
}
.trust01_div-63 {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  column-gap: 8px;
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 14px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
}
.trust01_div-61 {
  display: flex;
  align-items: center;
  row-gap: 8px;
  column-gap: 8px;
  font-size: 16px;
  font-weight: 600;
}
.trust01_div-59 {
  width: 8px;
  height: 8px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #2D4BF0;
}
.trust01_div-62 {
  font-size: 14px;
  line-height: 1.55;
  color: #4E545D;
}
.trust01_div-68 {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  column-gap: 8px;
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 14px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
}
.trust01_div-66 {
  display: flex;
  align-items: center;
  row-gap: 8px;
  column-gap: 8px;
  font-size: 16px;
  font-weight: 600;
}
.trust01_div-64 {
  width: 8px;
  height: 8px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #2D4BF0;
}
.trust01_div-67 {
  font-size: 14px;
  line-height: 1.55;
  color: #4E545D;
}
.trust01_div-73 {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  column-gap: 8px;
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 14px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
}
.trust01_div-71 {
  display: flex;
  align-items: center;
  row-gap: 8px;
  column-gap: 8px;
  font-size: 16px;
  font-weight: 600;
}
.trust01_div-69 {
  width: 8px;
  height: 8px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #2D4BF0;
}
.trust01_div-72 {
  font-size: 14px;
  line-height: 1.55;
  color: #4E545D;
}
.trust01_div-112 {
  flex-grow: 999;
  flex-shrink: 1;
  flex-basis: 480px;
  min-width: 0;
  padding-top: clamp(22px, 3vw, 34px);
  padding-right: clamp(22px, 3vw, 34px);
  padding-bottom: clamp(22px, 3vw, 34px);
  padding-left: clamp(22px, 3vw, 34px);
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
  border-bottom-left-radius: 18px;
  background-color: #F4F5F1;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
  display: none;
  grid-template-columns: 1fr;
  row-gap: 12px;
  column-gap: 12px;
}
.trust01_div-96 {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  column-gap: 8px;
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 14px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
}
.trust01_div-94 {
  display: flex;
  align-items: center;
  row-gap: 8px;
  column-gap: 8px;
  font-size: 16px;
  font-weight: 600;
}
.trust01_div-92 {
  width: 8px;
  height: 8px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #2D4BF0;
}
.trust01_div-95 {
  font-size: 14px;
  line-height: 1.55;
  color: #4E545D;
}
.trust01_div-101 {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  column-gap: 8px;
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 14px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
}
.trust01_div-99 {
  display: flex;
  align-items: center;
  row-gap: 8px;
  column-gap: 8px;
  font-size: 16px;
  font-weight: 600;
}
.trust01_div-97 {
  width: 8px;
  height: 8px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #2D4BF0;
}
.trust01_div-100 {
  font-size: 14px;
  line-height: 1.55;
  color: #4E545D;
}
.trust01_div-106 {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  column-gap: 8px;
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 14px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
}
.trust01_div-104 {
  display: flex;
  align-items: center;
  row-gap: 8px;
  column-gap: 8px;
  font-size: 16px;
  font-weight: 600;
}
.trust01_div-102 {
  width: 8px;
  height: 8px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #2D4BF0;
}
.trust01_div-105 {
  font-size: 14px;
  line-height: 1.55;
  color: #4E545D;
}
.trust01_div-111 {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  column-gap: 8px;
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 14px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
}
.trust01_div-109 {
  display: flex;
  align-items: center;
  row-gap: 8px;
  column-gap: 8px;
  font-size: 16px;
  font-weight: 600;
}
.trust01_div-107 {
  width: 8px;
  height: 8px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #2D4BF0;
}
.trust01_div-110 {
  font-size: 14px;
  line-height: 1.55;
  color: #4E545D;
}
.section_trust01.is-dark {
  background-color: var(--blok-saas-ink);
  color: var(--blok-saas-canvas);
}
.section_trust01.is-accent {
  background-color: var(--blok-saas-blue);
  color: var(--blok-saas-white);
}

@media (min-width: 768px) {
  .trust01_div-36 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .trust01_div-74 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .trust01_div-112 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 992px) {
  .trust01_div-36 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .trust01_div-74 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .trust01_div-112 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

/* Generated by Blokset from components/trust-02.js. Edit the spec, not this file. */
.section_trust02 {
  font-family: var(--blok-font-saas);
  color: #F4F5F1;
  background-color: #0F1115;
  padding-top: clamp(56px, 8vw, 96px);
  padding-right: clamp(20px, 4vw, 48px);
  padding-bottom: clamp(56px, 8vw, 96px);
  padding-left: clamp(20px, 4vw, 48px);
}
.trust02_div-57 {
  max-width: 1200px;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  display: flex;
  flex-wrap: wrap;
  row-gap: clamp(32px, 5vw, 72px);
  column-gap: clamp(32px, 5vw, 72px);
}
.trust02_div-7 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 340px;
  max-width: 440px;
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  column-gap: 20px;
}
.trust02_div-1 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #A7ADB6;
}
.trust02_heading {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: clamp(34px, 4.4vw, 56px);
  line-height: 1.02;
  letter-spacing: -0.04em;
  font-weight: 600;
}
.trust02_subheading {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 17px;
  line-height: 1.6;
  color: #B9BEC6;
}
.trust02_div-6 {
  display: flex;
  row-gap: 10px;
  column-gap: 10px;
  flex-wrap: wrap;
}
.trust02_a-4 {
  display: flex;
  align-items: center;
  height: 46px;
  padding-top: 0;
  padding-right: 18px;
  padding-bottom: 0;
  padding-left: 18px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: #F4F5F1;
  color: #0F1115;
  font-weight: 500;
  text-decoration: none;
}
.trust02_a-5 {
  display: flex;
  align-items: center;
  height: 46px;
  padding-top: 0;
  padding-right: 18px;
  padding-bottom: 0;
  padding-left: 18px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #3A3F47;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #3A3F47;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #3A3F47;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #3A3F47;
  color: #F4F5F1;
  font-weight: 500;
  text-decoration: none;
}
.trust02_div-56 {
  flex-grow: 999;
  flex-shrink: 1;
  flex-basis: 520px;
  min-width: 0;
  display: flex;
  flex-direction: column;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #2C3037;
}
.trust02_div-15 {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #2C3037;
}
.trust02_div-12 {
  display: flex;
  align-items: center;
  row-gap: 16px;
  column-gap: 16px;
  width: 100%;
  min-height: 68px;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: transparent;
  cursor: pointer;
  text-align: left;
  color: #F4F5F1;
}
.trust02_div-8 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  color: #8C929B;
  width: 24px;
}
.trust02_div-9 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.015em;
}
.trust02_div-10 {
  padding-top: 4px;
  padding-right: 10px;
  padding-bottom: 4px;
  padding-left: 10px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  font-size: 12px;
  background-color: #262A31;
  color: #A7ADB6;
}
.trust02_div-11 {
  width: 28px;
  text-align: center;
  font-size: 18px;
  color: #A7ADB6;
  transform: rotate(45deg);
  transition: transform 180ms ease;
}
.trust02_p-13 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  padding-right: 44px;
  padding-bottom: 22px;
  padding-left: 40px;
  font-size: 16px;
  line-height: 1.6;
  color: #B9BEC6;
}
.trust02_div-23 {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #2C3037;
}
.trust02_div-20 {
  display: flex;
  align-items: center;
  row-gap: 16px;
  column-gap: 16px;
  width: 100%;
  min-height: 68px;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: transparent;
  cursor: pointer;
  text-align: left;
  color: #F4F5F1;
}
.trust02_div-16 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  color: #8C929B;
  width: 24px;
}
.trust02_div-17 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.015em;
}
.trust02_div-18 {
  padding-top: 4px;
  padding-right: 10px;
  padding-bottom: 4px;
  padding-left: 10px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  font-size: 12px;
  background-color: #1E3A2A;
  color: #8FD3A8;
}
.trust02_div-19 {
  width: 28px;
  text-align: center;
  font-size: 18px;
  color: #A7ADB6;
  transform: rotate(0deg);
  transition: transform 180ms ease;
}
.trust02_p-21 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  padding-right: 44px;
  padding-bottom: 22px;
  padding-left: 40px;
  font-size: 16px;
  line-height: 1.6;
  color: #B9BEC6;
}
.trust02_div-31 {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #2C3037;
}
.trust02_div-28 {
  display: flex;
  align-items: center;
  row-gap: 16px;
  column-gap: 16px;
  width: 100%;
  min-height: 68px;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: transparent;
  cursor: pointer;
  text-align: left;
  color: #F4F5F1;
}
.trust02_div-24 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  color: #8C929B;
  width: 24px;
}
.trust02_div-25 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.015em;
}
.trust02_div-26 {
  padding-top: 4px;
  padding-right: 10px;
  padding-bottom: 4px;
  padding-left: 10px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  font-size: 12px;
  background-color: #1E3A2A;
  color: #8FD3A8;
}
.trust02_div-27 {
  width: 28px;
  text-align: center;
  font-size: 18px;
  color: #A7ADB6;
  transform: rotate(0deg);
  transition: transform 180ms ease;
}
.trust02_p-29 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  padding-right: 44px;
  padding-bottom: 22px;
  padding-left: 40px;
  font-size: 16px;
  line-height: 1.6;
  color: #B9BEC6;
}
.trust02_div-39 {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #2C3037;
}
.trust02_div-36 {
  display: flex;
  align-items: center;
  row-gap: 16px;
  column-gap: 16px;
  width: 100%;
  min-height: 68px;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: transparent;
  cursor: pointer;
  text-align: left;
  color: #F4F5F1;
}
.trust02_div-32 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  color: #8C929B;
  width: 24px;
}
.trust02_div-33 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.015em;
}
.trust02_div-34 {
  padding-top: 4px;
  padding-right: 10px;
  padding-bottom: 4px;
  padding-left: 10px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  font-size: 12px;
  background-color: #262A31;
  color: #A7ADB6;
}
.trust02_div-35 {
  width: 28px;
  text-align: center;
  font-size: 18px;
  color: #A7ADB6;
  transform: rotate(0deg);
  transition: transform 180ms ease;
}
.trust02_p-37 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  padding-right: 44px;
  padding-bottom: 22px;
  padding-left: 40px;
  font-size: 16px;
  line-height: 1.6;
  color: #B9BEC6;
}
.trust02_div-47 {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #2C3037;
}
.trust02_div-44 {
  display: flex;
  align-items: center;
  row-gap: 16px;
  column-gap: 16px;
  width: 100%;
  min-height: 68px;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: transparent;
  cursor: pointer;
  text-align: left;
  color: #F4F5F1;
}
.trust02_div-40 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  color: #8C929B;
  width: 24px;
}
.trust02_div-41 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.015em;
}
.trust02_div-42 {
  padding-top: 4px;
  padding-right: 10px;
  padding-bottom: 4px;
  padding-left: 10px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  font-size: 12px;
  background-color: #262A31;
  color: #A7ADB6;
}
.trust02_div-43 {
  width: 28px;
  text-align: center;
  font-size: 18px;
  color: #A7ADB6;
  transform: rotate(0deg);
  transition: transform 180ms ease;
}
.trust02_p-45 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  padding-right: 44px;
  padding-bottom: 22px;
  padding-left: 40px;
  font-size: 16px;
  line-height: 1.6;
  color: #B9BEC6;
}
.trust02_div-55 {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #2C3037;
}
.trust02_div-52 {
  display: flex;
  align-items: center;
  row-gap: 16px;
  column-gap: 16px;
  width: 100%;
  min-height: 68px;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: transparent;
  cursor: pointer;
  text-align: left;
  color: #F4F5F1;
}
.trust02_div-48 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  color: #8C929B;
  width: 24px;
}
.trust02_div-49 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.015em;
}
.trust02_div-50 {
  padding-top: 4px;
  padding-right: 10px;
  padding-bottom: 4px;
  padding-left: 10px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  font-size: 12px;
  background-color: #262A31;
  color: #A7ADB6;
}
.trust02_div-51 {
  width: 28px;
  text-align: center;
  font-size: 18px;
  color: #A7ADB6;
  transform: rotate(0deg);
  transition: transform 180ms ease;
}
.trust02_p-53 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  padding-right: 44px;
  padding-bottom: 22px;
  padding-left: 40px;
  font-size: 16px;
  line-height: 1.6;
  color: #B9BEC6;
}
.section_trust02.is-light {
  background-color: var(--blok-saas-canvas);
  color: var(--blok-saas-ink);
}
.section_trust02.is-accent {
  background-color: var(--blok-saas-blue);
  color: var(--blok-saas-white);
}

/* Generated by Blokset from components/trust-03.js. Edit the spec, not this file. */
.section_trust03 {
  font-family: var(--blok-font-saas);
  color: #0F1115;
  background-color: #FFFFFF;
  padding-top: clamp(56px, 8vw, 96px);
  padding-right: clamp(20px, 4vw, 48px);
  padding-bottom: clamp(56px, 8vw, 96px);
  padding-left: clamp(20px, 4vw, 48px);
}
.trust03_div-74 {
  max-width: 1100px;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  row-gap: 28px;
  column-gap: 28px;
}
.trust03_div-5 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  row-gap: 16px;
  column-gap: 16px;
}
.trust03_div-3 {
  display: flex;
  flex-direction: column;
  row-gap: 14px;
  column-gap: 14px;
  max-width: 620px;
}
.trust03_div-1 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5B616B;
}
.trust03_heading {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: clamp(34px, 4.4vw, 56px);
  line-height: 1.02;
  letter-spacing: -0.04em;
  font-weight: 600;
}
.trust03_subheading {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  max-width: 340px;
  font-size: 16px;
  line-height: 1.55;
  color: #4E545D;
}
.trust03_div-70 {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  overflow-x: auto;
}
.trust03_div-69 {
  width: 100%;
  min-width: 640px;
  border-collapse: collapse;
  font-size: 15px;
  display: table;
}
.trust03_div-11 {
  display: table-header-group;
}
.trust03_div-10 {
  display: table-row;
}
.trust03_div-6 {
  text-align: left;
  padding-top: 16px;
  padding-right: 20px;
  padding-bottom: 16px;
  padding-left: 20px;
  background-color: #F4F5F1;
  font-weight: 500;
  color: #5B616B;
  display: table-cell;
  vertical-align: middle;
}
.trust03_div-7 {
  padding-top: 16px;
  padding-right: 16px;
  padding-bottom: 16px;
  padding-left: 16px;
  background-color: #F4F5F1;
  font-weight: 600;
  text-align: center;
  width: 160px;
  display: table-cell;
  vertical-align: middle;
}
.trust03_div-8 {
  padding-top: 16px;
  padding-right: 16px;
  padding-bottom: 16px;
  padding-left: 16px;
  background-color: #F4F5F1;
  font-weight: 600;
  text-align: center;
  width: 160px;
  display: table-cell;
  vertical-align: middle;
}
.trust03_div-9 {
  padding-top: 16px;
  padding-right: 16px;
  padding-bottom: 16px;
  padding-left: 16px;
  background-color: #F4F5F1;
  font-weight: 600;
  text-align: center;
  width: 160px;
  display: table-cell;
  vertical-align: middle;
}
.trust03_div-68 {
  display: table-row-group;
}
.trust03_div-19 {
  display: table-row;
}
.trust03_div-12 {
  text-align: left;
  padding-top: 0;
  padding-right: 20px;
  padding-bottom: 0;
  padding-left: 20px;
  height: 58px;
  font-weight: 500;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #ECEEE8;
  display: table-cell;
  vertical-align: middle;
}
.trust03_div-14 {
  text-align: center;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #ECEEE8;
  background-color: transparent;
  display: table-cell;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 0.35rem;
  vertical-align: middle;
}
.trust03_div-13 {
  width: 44px;
  height: 44px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  cursor: pointer;
  font-size: 17px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #C5CFFB;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #C5CFFB;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #C5CFFB;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #C5CFFB;
  background-color: #E8ECFE;
  color: #2D4BF0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  flex-shrink: 0;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.trust03_div-16 {
  text-align: center;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #ECEEE8;
  background-color: transparent;
  display: table-cell;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 0.35rem;
  vertical-align: middle;
}
.trust03_div-15 {
  width: 44px;
  height: 44px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  cursor: pointer;
  font-size: 17px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #C5CFFB;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #C5CFFB;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #C5CFFB;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #C5CFFB;
  background-color: #E8ECFE;
  color: #2D4BF0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  flex-shrink: 0;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.trust03_div-18 {
  text-align: center;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #ECEEE8;
  background-color: transparent;
  display: table-cell;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 0.35rem;
  vertical-align: middle;
}
.trust03_div-17 {
  width: 44px;
  height: 44px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  cursor: pointer;
  font-size: 17px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
  background-color: #FFFFFF;
  color: #9AA0A8;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  flex-shrink: 0;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.trust03_div-27 {
  display: table-row;
}
.trust03_div-20 {
  text-align: left;
  padding-top: 0;
  padding-right: 20px;
  padding-bottom: 0;
  padding-left: 20px;
  height: 58px;
  font-weight: 500;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #ECEEE8;
  display: table-cell;
  vertical-align: middle;
}
.trust03_div-22 {
  text-align: center;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #ECEEE8;
  background-color: transparent;
  display: table-cell;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 0.35rem;
  vertical-align: middle;
}
.trust03_div-21 {
  width: 44px;
  height: 44px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  cursor: pointer;
  font-size: 17px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #C5CFFB;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #C5CFFB;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #C5CFFB;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #C5CFFB;
  background-color: #E8ECFE;
  color: #2D4BF0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  flex-shrink: 0;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.trust03_div-24 {
  text-align: center;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #ECEEE8;
  background-color: transparent;
  display: table-cell;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 0.35rem;
  vertical-align: middle;
}
.trust03_div-23 {
  width: 44px;
  height: 44px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  cursor: pointer;
  font-size: 17px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #C5CFFB;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #C5CFFB;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #C5CFFB;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #C5CFFB;
  background-color: #E8ECFE;
  color: #2D4BF0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  flex-shrink: 0;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.trust03_div-26 {
  text-align: center;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #ECEEE8;
  background-color: transparent;
  display: table-cell;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 0.35rem;
  vertical-align: middle;
}
.trust03_div-25 {
  width: 44px;
  height: 44px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  cursor: pointer;
  font-size: 17px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
  background-color: #FFFFFF;
  color: #9AA0A8;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  flex-shrink: 0;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.trust03_div-35 {
  display: table-row;
}
.trust03_div-28 {
  text-align: left;
  padding-top: 0;
  padding-right: 20px;
  padding-bottom: 0;
  padding-left: 20px;
  height: 58px;
  font-weight: 500;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #ECEEE8;
  display: table-cell;
  vertical-align: middle;
}
.trust03_div-30 {
  text-align: center;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #ECEEE8;
  background-color: transparent;
  display: table-cell;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 0.35rem;
  vertical-align: middle;
}
.trust03_div-29 {
  width: 44px;
  height: 44px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  cursor: pointer;
  font-size: 17px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #C5CFFB;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #C5CFFB;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #C5CFFB;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #C5CFFB;
  background-color: #E8ECFE;
  color: #2D4BF0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  flex-shrink: 0;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.trust03_div-32 {
  text-align: center;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #ECEEE8;
  background-color: transparent;
  display: table-cell;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 0.35rem;
  vertical-align: middle;
}
.trust03_div-31 {
  width: 44px;
  height: 44px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  cursor: pointer;
  font-size: 17px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #C5CFFB;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #C5CFFB;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #C5CFFB;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #C5CFFB;
  background-color: #E8ECFE;
  color: #2D4BF0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  flex-shrink: 0;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.trust03_div-34 {
  text-align: center;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #ECEEE8;
  background-color: transparent;
  display: table-cell;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 0.35rem;
  vertical-align: middle;
}
.trust03_div-33 {
  width: 44px;
  height: 44px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  cursor: pointer;
  font-size: 17px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #C5CFFB;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #C5CFFB;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #C5CFFB;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #C5CFFB;
  background-color: #E8ECFE;
  color: #2D4BF0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  flex-shrink: 0;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.trust03_div-43 {
  display: table-row;
}
.trust03_div-36 {
  text-align: left;
  padding-top: 0;
  padding-right: 20px;
  padding-bottom: 0;
  padding-left: 20px;
  height: 58px;
  font-weight: 500;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #ECEEE8;
  display: table-cell;
  vertical-align: middle;
}
.trust03_div-38 {
  text-align: center;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #ECEEE8;
  background-color: transparent;
  display: table-cell;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 0.35rem;
  vertical-align: middle;
}
.trust03_div-37 {
  width: 44px;
  height: 44px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  cursor: pointer;
  font-size: 17px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #C5CFFB;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #C5CFFB;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #C5CFFB;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #C5CFFB;
  background-color: #E8ECFE;
  color: #2D4BF0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  flex-shrink: 0;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.trust03_div-40 {
  text-align: center;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #ECEEE8;
  background-color: transparent;
  display: table-cell;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 0.35rem;
  vertical-align: middle;
}
.trust03_div-39 {
  width: 44px;
  height: 44px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  cursor: pointer;
  font-size: 17px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #C5CFFB;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #C5CFFB;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #C5CFFB;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #C5CFFB;
  background-color: #E8ECFE;
  color: #2D4BF0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  flex-shrink: 0;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.trust03_div-42 {
  text-align: center;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #ECEEE8;
  background-color: transparent;
  display: table-cell;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 0.35rem;
  vertical-align: middle;
}
.trust03_div-41 {
  width: 44px;
  height: 44px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  cursor: pointer;
  font-size: 17px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
  background-color: #FFFFFF;
  color: #9AA0A8;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  flex-shrink: 0;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.trust03_div-51 {
  display: table-row;
}
.trust03_div-44 {
  text-align: left;
  padding-top: 0;
  padding-right: 20px;
  padding-bottom: 0;
  padding-left: 20px;
  height: 58px;
  font-weight: 500;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #ECEEE8;
  display: table-cell;
  vertical-align: middle;
}
.trust03_div-46 {
  text-align: center;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #ECEEE8;
  background-color: transparent;
  display: table-cell;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 0.35rem;
  vertical-align: middle;
}
.trust03_div-45 {
  width: 44px;
  height: 44px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  cursor: pointer;
  font-size: 17px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #C5CFFB;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #C5CFFB;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #C5CFFB;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #C5CFFB;
  background-color: #E8ECFE;
  color: #2D4BF0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  flex-shrink: 0;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.trust03_div-48 {
  text-align: center;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #ECEEE8;
  background-color: transparent;
  display: table-cell;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 0.35rem;
  vertical-align: middle;
}
.trust03_div-47 {
  width: 44px;
  height: 44px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  cursor: pointer;
  font-size: 17px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
  background-color: #FFFFFF;
  color: #9AA0A8;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  flex-shrink: 0;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.trust03_div-50 {
  text-align: center;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #ECEEE8;
  background-color: transparent;
  display: table-cell;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 0.35rem;
  vertical-align: middle;
}
.trust03_div-49 {
  width: 44px;
  height: 44px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  cursor: pointer;
  font-size: 17px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #C5CFFB;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #C5CFFB;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #C5CFFB;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #C5CFFB;
  background-color: #E8ECFE;
  color: #2D4BF0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  flex-shrink: 0;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.trust03_div-59 {
  display: table-row;
}
.trust03_div-52 {
  text-align: left;
  padding-top: 0;
  padding-right: 20px;
  padding-bottom: 0;
  padding-left: 20px;
  height: 58px;
  font-weight: 500;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #ECEEE8;
  display: table-cell;
  vertical-align: middle;
}
.trust03_div-54 {
  text-align: center;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #ECEEE8;
  background-color: transparent;
  display: table-cell;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 0.35rem;
  vertical-align: middle;
}
.trust03_div-53 {
  width: 44px;
  height: 44px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  cursor: pointer;
  font-size: 17px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #C5CFFB;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #C5CFFB;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #C5CFFB;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #C5CFFB;
  background-color: #E8ECFE;
  color: #2D4BF0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  flex-shrink: 0;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.trust03_div-56 {
  text-align: center;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #ECEEE8;
  background-color: transparent;
  display: table-cell;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 0.35rem;
  vertical-align: middle;
}
.trust03_div-55 {
  width: 44px;
  height: 44px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  cursor: pointer;
  font-size: 17px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
  background-color: #FFFFFF;
  color: #9AA0A8;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  flex-shrink: 0;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.trust03_div-58 {
  text-align: center;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #ECEEE8;
  background-color: transparent;
  display: table-cell;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 0.35rem;
  vertical-align: middle;
}
.trust03_div-57 {
  width: 44px;
  height: 44px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  cursor: pointer;
  font-size: 17px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
  background-color: #FFFFFF;
  color: #9AA0A8;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  flex-shrink: 0;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.trust03_div-67 {
  display: table-row;
}
.trust03_div-60 {
  text-align: left;
  padding-top: 0;
  padding-right: 20px;
  padding-bottom: 0;
  padding-left: 20px;
  height: 58px;
  font-weight: 500;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #ECEEE8;
  display: table-cell;
  vertical-align: middle;
}
.trust03_div-62 {
  text-align: center;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #ECEEE8;
  background-color: transparent;
  display: table-cell;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 0.35rem;
  vertical-align: middle;
}
.trust03_div-61 {
  width: 44px;
  height: 44px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  cursor: pointer;
  font-size: 17px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #C5CFFB;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #C5CFFB;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #C5CFFB;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #C5CFFB;
  background-color: #E8ECFE;
  color: #2D4BF0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  flex-shrink: 0;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.trust03_div-64 {
  text-align: center;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #ECEEE8;
  background-color: transparent;
  display: table-cell;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 0.35rem;
  vertical-align: middle;
}
.trust03_div-63 {
  width: 44px;
  height: 44px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  cursor: pointer;
  font-size: 17px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
  background-color: #FFFFFF;
  color: #9AA0A8;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  flex-shrink: 0;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.trust03_div-66 {
  text-align: center;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #ECEEE8;
  background-color: transparent;
  display: table-cell;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 0.35rem;
  vertical-align: middle;
}
.trust03_div-65 {
  width: 44px;
  height: 44px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  cursor: pointer;
  font-size: 17px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E4DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E2E4DE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E4DE;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E2E4DE;
  background-color: #FFFFFF;
  color: #9AA0A8;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  flex-shrink: 0;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.trust03_div-73 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  row-gap: 14px;
  column-gap: 14px;
}
.trust03_div-71 {
  font-size: 15px;
  color: #4E545D;
}
.trust03_div-72 {
  height: 40px;
  padding-top: 0;
  padding-right: 14px;
  padding-bottom: 0;
  padding-left: 14px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  background-color: #FFFFFF;
  cursor: pointer;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.section_trust03.is-dark {
  background-color: var(--blok-saas-ink);
  color: var(--blok-saas-canvas);
}
.section_trust03.is-accent {
  background-color: var(--blok-saas-blue);
  color: var(--blok-saas-white);
}

/* Generated by Blokset from components/work-04.js. Edit the spec, not this file. */
.section_work4 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.work4_component {
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
}
.work4_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: left;
}
.work4_header-title {
  max-width: 40rem;
}
.work4_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.work4_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-ink);
}
.work4_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.work4_list {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: var(--blok-line);
}
.work4_row {
  display: flex;
  flex-direction: row;
  align-items: center;
  column-gap: 1rem;
  row-gap: 0.35rem;
  padding-top: 0.85rem;
  padding-bottom: 0.85rem;
  border-top-width: 1px;
  border-top-style: solid;
  text-decoration: none;
  color: var(--blok-ink);
  border-top-color: var(--blok-line);
}
.work4_thumb {
  display: block;
  width: 4.25rem;
  height: 4.25rem;
  object-fit: cover;
  flex-shrink: 0;
  border-top-left-radius: var(--blok-radius);
  border-top-right-radius: var(--blok-radius);
  border-bottom-left-radius: var(--blok-radius);
  border-bottom-right-radius: var(--blok-radius);
}
.work4_copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  column-gap: 0rem;
  row-gap: 0.2rem;
  flex-grow: 1;
  min-width: 0;
}
.work4_title {
  flex-grow: 1;
  min-width: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  font-size: 1.25rem;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: -0.02em;
}
.work4_client {
  width: 100%;
  flex-shrink: 0;
  font-size: 0.9375rem;
  line-height: 1.4;
  color: var(--blok-ink-muted);
}
.work4_year {
  width: 4rem;
  flex-shrink: 0;
  font-size: 0.9375rem;
  line-height: 1.4;
  color: var(--blok-ink-muted);
}
.section_work4.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.work4_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.work4_heading.is-dark {
  color: var(--blok-surface);
}
.work4_description.is-dark {
  color: var(--blok-surface-muted);
}
.work4_list.is-dark {
  border-bottom-color: var(--blok-line-inverse);
}
.work4_row.is-dark {
  color: var(--blok-surface);
  border-top-color: var(--blok-line-inverse);
}
.work4_client.is-dark {
  color: var(--blok-surface-muted);
}
.work4_year.is-dark {
  color: var(--blok-surface-muted);
}
.section_work4.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.work4_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.work4_heading.is-accent {
  color: var(--blok-ink);
}
.work4_description.is-accent {
  color: var(--blok-ink-soft);
}
.work4_list.is-accent {
  border-bottom-color: var(--blok-line);
}
.work4_row.is-accent {
  color: var(--blok-ink);
  border-top-color: var(--blok-line);
}
.work4_client.is-accent {
  color: var(--blok-ink-soft);
}
.work4_year.is-accent {
  color: var(--blok-ink-soft);
}

@media (min-width: 768px) {
  .work4_heading {
    font-size: 3rem;
  }
  .work4_row {
    column-gap: 1.5rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .work4_thumb {
    width: 5rem;
    height: 5rem;
  }
  .work4_copy {
    flex-direction: row;
    align-items: baseline;
    column-gap: 1.5rem;
  }
  .work4_title {
    font-size: 1.5rem;
  }
  .work4_client {
    width: 11rem;
  }
}

@media (min-width: 992px) {
  .work4_component {
    row-gap: 3.5rem;
  }
  .work4_header {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    column-gap: 4rem;
  }
  .work4_heading {
    font-size: 3.5rem;
  }
}

/* Generated by Blokset from components/work-05.js. Edit the spec, not this file. */
.section_work5 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.work5_component {
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
}
.work5_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: left;
}
.work5_header-title {
  max-width: 40rem;
}
.work5_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.work5_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-ink);
}
.work5_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.work5_feature {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 1rem;
  text-decoration: none;
  color: var(--blok-ink);
}
.work5_feature-image {
  display: block;
  width: 100%;
  height: 16rem;
  object-fit: cover;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.work5_feature-title {
  margin-top: 0.25rem;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  font-size: 2rem;
  line-height: 1.05;
  font-weight: 600;
  letter-spacing: -0.03em;
}
.work5_summary {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 36rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.work5_list {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: var(--blok-line);
}
.work5_row {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  justify-content: space-between;
  column-gap: 1.5rem;
  padding-top: 1.1rem;
  padding-bottom: 1.1rem;
  border-top-width: 1px;
  border-top-style: solid;
  text-decoration: none;
  color: var(--blok-ink);
  border-top-color: var(--blok-line);
}
.work5_title {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  font-size: 1.35rem;
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: -0.02em;
}
.work5_year {
  flex-shrink: 0;
  font-size: 0.9375rem;
  line-height: 1.4;
  color: var(--blok-ink-muted);
}
.section_work5.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.work5_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.work5_heading.is-dark {
  color: var(--blok-surface);
}
.work5_description.is-dark {
  color: var(--blok-surface-muted);
}
.work5_feature.is-dark {
  color: var(--blok-surface);
}
.work5_summary.is-dark {
  color: var(--blok-surface-muted);
}
.work5_list.is-dark {
  border-bottom-color: var(--blok-line-inverse);
}
.work5_row.is-dark {
  color: var(--blok-surface);
  border-top-color: var(--blok-line-inverse);
}
.work5_year.is-dark {
  color: var(--blok-surface-muted);
}
.section_work5.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.work5_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.work5_heading.is-accent {
  color: var(--blok-ink);
}
.work5_description.is-accent {
  color: var(--blok-ink-soft);
}
.work5_feature.is-accent {
  color: var(--blok-ink);
}
.work5_summary.is-accent {
  color: var(--blok-ink-soft);
}
.work5_list.is-accent {
  border-bottom-color: var(--blok-line);
}
.work5_row.is-accent {
  color: var(--blok-ink);
  border-top-color: var(--blok-line);
}
.work5_year.is-accent {
  color: var(--blok-ink-soft);
}

@media (min-width: 768px) {
  .work5_heading {
    font-size: 3rem;
  }
  .work5_title {
    font-size: 1.6rem;
  }
}

@media (min-width: 992px) {
  .work5_component {
    row-gap: 3.5rem;
  }
  .work5_heading {
    font-size: 3.5rem;
  }
  .work5_feature-image {
    height: 28rem;
  }
  .work5_feature-title {
    font-size: 2.75rem;
  }
}

/* Generated by Blokset from components/work-06.js. Edit the spec, not this file. */
.section_work6 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.work6_component {
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
}
.work6_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: left;
}
.work6_header-title {
  max-width: 40rem;
}
.work6_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.work6_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-ink);
}
.work6_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.work6_list {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: var(--blok-line);
}
.work6_row {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  column-gap: 1rem;
  padding-top: 1.15rem;
  padding-bottom: 1.15rem;
  border-top-width: 1px;
  border-top-style: solid;
  text-decoration: none;
  color: var(--blok-ink);
  border-top-color: var(--blok-line);
}
.work6_index {
  width: 2.5rem;
  flex-shrink: 0;
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blok-ink-muted);
}
.work6_title {
  flex-grow: 1;
  min-width: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  font-size: 1.5rem;
  line-height: 1.15;
  font-weight: 500;
  letter-spacing: -0.03em;
}
.work6_year {
  flex-shrink: 0;
  font-size: 0.9375rem;
  line-height: 1.4;
  color: var(--blok-ink-muted);
}
.section_work6.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.work6_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.work6_heading.is-dark {
  color: var(--blok-surface);
}
.work6_description.is-dark {
  color: var(--blok-surface-muted);
}
.work6_list.is-dark {
  border-bottom-color: var(--blok-line-inverse);
}
.work6_row.is-dark {
  color: var(--blok-surface);
  border-top-color: var(--blok-line-inverse);
}
.work6_index.is-dark {
  color: var(--blok-surface-muted);
}
.work6_year.is-dark {
  color: var(--blok-surface-muted);
}
.section_work6.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.work6_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.work6_heading.is-accent {
  color: var(--blok-ink);
}
.work6_description.is-accent {
  color: var(--blok-ink-soft);
}
.work6_list.is-accent {
  border-bottom-color: var(--blok-line);
}
.work6_row.is-accent {
  color: var(--blok-ink);
  border-top-color: var(--blok-line);
}
.work6_index.is-accent {
  color: var(--blok-ink-soft);
}
.work6_year.is-accent {
  color: var(--blok-ink-soft);
}

@media (min-width: 768px) {
  .work6_heading {
    font-size: 3rem;
  }
}

@media (min-width: 992px) {
  .work6_component {
    row-gap: 3.5rem;
  }
  .work6_heading {
    font-size: 3.5rem;
  }
  .work6_row {
    column-gap: 1.5rem;
    padding-top: 1.35rem;
    padding-bottom: 1.35rem;
  }
  .work6_title {
    font-size: 2.25rem;
  }
}

/* Generated by Blokset from components/work-07.js. Edit the spec, not this file. */
.section_work7 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.work7_component {
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
}
.work7_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: left;
}
.work7_header-title {
  max-width: 40rem;
}
.work7_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.work7_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-ink);
}
.work7_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.work7_list {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: var(--blok-line);
}
.work7_row {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  column-gap: 1rem;
  row-gap: 0.25rem;
  padding-top: 1.1rem;
  padding-bottom: 1.1rem;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: var(--blok-line);
}
.work7_client {
  width: 100%;
  flex-shrink: 0;
  font-size: 0.9375rem;
  line-height: 1.4;
  color: var(--blok-ink-muted);
}
.work7_title-wrap {
  flex-grow: 1;
  min-width: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  font-size: 1.35rem;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: -0.02em;
}
.work7_title {
  text-decoration: none;
  color: var(--blok-ink);
}
.work7_year {
  width: 4.5rem;
  flex-shrink: 0;
  font-size: 0.9375rem;
  line-height: 1.4;
  color: var(--blok-ink-muted);
}
.work7_role {
  width: 100%;
  flex-shrink: 0;
  font-size: 0.9375rem;
  line-height: 1.4;
  color: var(--blok-ink-muted);
}
.section_work7.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.work7_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.work7_heading.is-dark {
  color: var(--blok-surface);
}
.work7_description.is-dark {
  color: var(--blok-surface-muted);
}
.work7_list.is-dark {
  border-bottom-color: var(--blok-line-inverse);
}
.work7_row.is-dark {
  border-top-color: var(--blok-line-inverse);
}
.work7_client.is-dark {
  color: var(--blok-surface-muted);
}
.work7_title.is-dark {
  color: var(--blok-surface);
}
.work7_year.is-dark {
  color: var(--blok-surface-muted);
}
.work7_role.is-dark {
  color: var(--blok-surface-muted);
}
.section_work7.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.work7_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.work7_heading.is-accent {
  color: var(--blok-ink);
}
.work7_description.is-accent {
  color: var(--blok-ink-soft);
}
.work7_list.is-accent {
  border-bottom-color: var(--blok-line);
}
.work7_row.is-accent {
  border-top-color: var(--blok-line);
}
.work7_client.is-accent {
  color: var(--blok-ink-soft);
}
.work7_title.is-accent {
  color: var(--blok-ink);
}
.work7_year.is-accent {
  color: var(--blok-ink-soft);
}
.work7_role.is-accent {
  color: var(--blok-ink-soft);
}

@media (min-width: 768px) {
  .work7_heading {
    font-size: 3rem;
  }
  .work7_row {
    flex-direction: row;
    align-items: baseline;
    column-gap: 1.5rem;
  }
  .work7_client {
    width: 11rem;
  }
  .work7_title-wrap {
    font-size: 1.5rem;
  }
  .work7_role {
    width: 14rem;
  }
}

@media (min-width: 992px) {
  .work7_component {
    row-gap: 3.5rem;
  }
  .work7_heading {
    font-size: 3.5rem;
  }
}

/* Generated by Blokset from components/work-08.js. Edit the spec, not this file. */
.section_work8 {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.work8_component {
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
}
.work8_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1.25rem;
  column-gap: 0rem;
  text-align: left;
}
.work8_header-title {
  max-width: 40rem;
}
.work8_eyebrow {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--blok-ink-muted);
}
.work8_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
  color: var(--blok-ink);
}
.work8_description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 28rem;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--blok-ink-muted);
}
.work8_stage {
  display: grid;
  grid-template-columns: 1fr;
  align-items: start;
  grid-column-gap: 0rem;
  grid-row-gap: 1.5rem;
}
.work8_names {
  display: flex;
  flex-direction: column;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 2;
  grid-row-end: 3;
  border-bottom-color: var(--blok-line);
}
.work8_tab {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0.95rem;
  padding-bottom: 0.95rem;
  border-top-width: 1px;
  border-top-style: solid;
  cursor: pointer;
  font-family: var(--blok-font-display);
  font-size: 1.35rem;
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: -0.02em;
  color: var(--blok-ink);
  border-top-color: var(--blok-line);
}
.work8_panels {
  display: flex;
  flex-direction: column;
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 2;
}
.work8_panel-body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 0.85rem;
}
.work8_preview {
  display: block;
  width: 100%;
  height: 16rem;
  object-fit: cover;
  border-top-left-radius: var(--blok-radius-card);
  border-top-right-radius: var(--blok-radius-card);
  border-bottom-left-radius: var(--blok-radius-card);
  border-bottom-right-radius: var(--blok-radius-card);
}
.work8_line {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 32rem;
  font-size: 1.0625rem;
  line-height: 1.55;
  color: var(--blok-ink-muted);
}
.section_work8.is-dark {
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.work8_eyebrow.is-dark {
  color: var(--blok-surface-muted);
}
.work8_heading.is-dark {
  color: var(--blok-surface);
}
.work8_description.is-dark {
  color: var(--blok-surface-muted);
}
.work8_names.is-dark {
  border-bottom-color: var(--blok-line-inverse);
}
.work8_tab.is-dark {
  color: var(--blok-surface);
  border-top-color: var(--blok-line-inverse);
}
.work8_line.is-dark {
  color: var(--blok-surface-muted);
}
.section_work8.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.work8_eyebrow.is-accent {
  color: var(--blok-ink-soft);
}
.work8_heading.is-accent {
  color: var(--blok-ink);
}
.work8_description.is-accent {
  color: var(--blok-ink-soft);
}
.work8_names.is-accent {
  border-bottom-color: var(--blok-line);
}
.work8_tab.is-accent {
  color: var(--blok-ink);
  border-top-color: var(--blok-line);
}
.work8_line.is-accent {
  color: var(--blok-ink-soft);
}

@media (min-width: 768px) {
  .work8_heading {
    font-size: 3rem;
  }
}

@media (min-width: 992px) {
  .work8_component {
    row-gap: 3.5rem;
  }
  .work8_heading {
    font-size: 3.5rem;
  }
  .work8_stage {
    grid-template-columns: 0.85fr 1.15fr;
    grid-column-gap: 3rem;
    grid-row-gap: 0rem;
  }
  .work8_names {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 2;
  }
  .work8_tab {
    padding-top: 1.15rem;
    padding-bottom: 1.15rem;
    font-size: 1.75rem;
  }
  .work8_panels {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 2;
  }
  .work8_preview {
    height: 24rem;
  }
}

/* Generated by Blokset from components/footer-04.js. Edit the spec, not this file. */
.section_footer4 {
  overflow: hidden;
  background-color: var(--blok-ink);
  color: var(--blok-surface);
}
.footer4_component {
  display: flex;
  flex-direction: column;
  row-gap: 3rem;
}
.footer4_top {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  row-gap: 3rem;
  column-gap: 0rem;
  padding-bottom: 3rem;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: var(--blok-line-inverse);
}
.footer4_brand {
  max-width: 34rem;
}
.footer4_logo {
  display: block;
  height: 2.5rem;
  width: auto;
  margin-bottom: 2rem;
}
.footer4_tagline {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--blok-font-display);
  font-size: 2rem;
  line-height: 1.08;
  font-weight: 600;
  letter-spacing: -0.03em;
}
.footer4_actions {
  display: flex;
  flex-wrap: wrap;
  column-gap: 0.75rem;
  row-gap: 0.75rem;
  margin-top: 2rem;
}
.footer4_columns {
  display: flex;
  flex-wrap: wrap;
  column-gap: 3rem;
  row-gap: 2.5rem;
}
.footer4_col-1 {
  display: flex;
  flex-direction: column;
  row-gap: 0.75rem;
  min-width: 9rem;
}
.footer4_col-1-title {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
  color: var(--blok-surface-muted);
}
.footer4_col-1-links {
  display: flex;
  flex-direction: column;
  row-gap: 0.625rem;
}
.footer4_col-1-link {
  color: inherit;
  text-decoration: none;
  font-size: 1.0625rem;
  line-height: 1.3;
}
.footer4_col-2 {
  display: flex;
  flex-direction: column;
  row-gap: 0.75rem;
  min-width: 9rem;
}
.footer4_col-2-title {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
  color: var(--blok-surface-muted);
}
.footer4_col-2-links {
  display: flex;
  flex-direction: column;
  row-gap: 0.625rem;
}
.footer4_col-2-link {
  color: inherit;
  text-decoration: none;
  font-size: 1.0625rem;
  line-height: 1.3;
}
.footer4_col-3 {
  display: flex;
  flex-direction: column;
  row-gap: 0.75rem;
  min-width: 9rem;
}
.footer4_col-3-title {
  font-family: var(--blok-font-mono);
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
  color: var(--blok-surface-muted);
}
.footer4_col-3-links {
  display: flex;
  flex-direction: column;
  row-gap: 0.625rem;
}
.footer4_col-3-link {
  color: inherit;
  text-decoration: none;
  font-size: 1.0625rem;
  line-height: 1.3;
}
.footer4_wordmark-wrap {
  width: 100%;
  padding-top: 0.5rem;
}
.footer4_wordmark {
  display: inline-block;
  font-family: var(--blok-font-display);
  font-size: 22vw;
  line-height: 0.86;
  font-weight: 700;
  letter-spacing: -0.06em;
  white-space: nowrap;
  color: var(--blok-surface);
}
.footer4_bottom {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  row-gap: 1rem;
  column-gap: 0rem;
  font-size: 0.875rem;
  color: var(--blok-surface-muted);
}
.footer4_legal {
  display: flex;
  flex-wrap: wrap;
  column-gap: 1.5rem;
  row-gap: 0.5rem;
}
.footer4_legal-link {
  color: inherit;
  text-decoration: none;
}
.section_footer4.is-light {
  background-color: var(--blok-surface);
  color: var(--blok-ink);
}
.footer4_col-1-title.is-light {
  color: var(--blok-ink-muted);
}
.footer4_col-2-title.is-light {
  color: var(--blok-ink-muted);
}
.footer4_col-3-title.is-light {
  color: var(--blok-ink-muted);
}
.footer4_wordmark.is-light {
  color: var(--blok-ink);
}
.footer4_bottom.is-light {
  color: var(--blok-ink-muted);
}
.footer4_top.is-light {
  border-bottom-color: var(--blok-line);
}
.section_footer4.is-accent {
  background-color: var(--blok-accent);
  color: var(--blok-ink);
}
.footer4_col-1-title.is-accent {
  color: var(--blok-ink-soft);
}
.footer4_col-2-title.is-accent {
  color: var(--blok-ink-soft);
}
.footer4_col-3-title.is-accent {
  color: var(--blok-ink-soft);
}
.footer4_wordmark.is-accent {
  color: var(--blok-ink);
}
.footer4_bottom.is-accent {
  color: var(--blok-ink-soft);
}
.footer4_top.is-accent {
  border-bottom-color: var(--blok-line);
}
.footer4_wordmark.is-ghost {
  opacity: 0.14;
}
.footer4_wordmark.is-glyph {
  color: var(--blok-accent);
}

@media (min-width: 768px) {
  .footer4_bottom {
    flex-direction: row;
    justify-content: space-between;
    row-gap: 0rem;
    column-gap: 2rem;
  }
}

@media (min-width: 992px) {
  .footer4_component {
    row-gap: 4rem;
  }
  .footer4_top {
    flex-direction: row;
    justify-content: space-between;
    row-gap: 0rem;
    column-gap: 4rem;
    padding-bottom: 4rem;
  }
  .footer4_tagline {
    font-size: 2.75rem;
  }
  .footer4_columns {
    flex-wrap: nowrap;
    column-gap: 4rem;
  }
  .footer4_col-1 {
    min-width: 0rem;
  }
  .footer4_col-2 {
    min-width: 0rem;
  }
  .footer4_col-3 {
    min-width: 0rem;
  }
}

/* Generated by Blokset from components/footer-05.js. Edit the spec, not this file. */
.section_footer05 {
  font-family: var(--blok-font-saas);
  color: #F4F5F1;
  background-color: #0F1115;
  padding-top: clamp(48px, 6vw, 80px);
  padding-right: clamp(20px, 4vw, 48px);
  padding-bottom: 32px;
  padding-left: clamp(20px, 4vw, 48px);
}
.footer05_div-40 {
  max-width: 1200px;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  row-gap: 48px;
  column-gap: 48px;
}
.footer05_div-32 {
  display: flex;
  flex-wrap: wrap;
  row-gap: 40px;
  column-gap: 56px;
}
.footer05_div-12 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 280px;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  column-gap: 16px;
  max-width: 340px;
}
.footer05_div-4 {
  display: flex;
  align-items: center;
  row-gap: 10px;
  column-gap: 10px;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.02em;
}
.footer05_div-2 {
  width: 26px;
  height: 26px;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
  background-color: #2D4BF0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer05_div-1 {
  width: 10px;
  height: 10px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  background-color: #FFFFFF;
}
.footer05_div-5 {
  font-size: 15px;
  line-height: 1.6;
  color: #A7ADB6;
}
.footer05_div-10 {
  display: flex;
  flex-direction: column;
  row-gap: 6px;
  column-gap: 6px;
  font-size: 13px;
  color: #A7ADB6;
}
.footer05_select-6 {
  height: 44px;
  max-width: 240px;
  padding-top: 0;
  padding-right: 12px;
  padding-bottom: 0;
  padding-left: 12px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #3A3F47;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #3A3F47;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #3A3F47;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #3A3F47;
  background-color: #181B20;
  color: #F4F5F1;
  font-size: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.footer05_div-11 {
  font-size: 13px;
  color: #A7ADB6;
}
.footer05_div-19 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 160px;
  display: flex;
  flex-direction: column;
  row-gap: 12px;
  column-gap: 12px;
}
.footer05_div-13 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #8C929B;
}
.footer05_a-14 {
  font-size: 15px;
  padding-top: 2px;
  padding-right: 0;
  padding-bottom: 2px;
  padding-left: 0;
  color: #C9CDD4;
  text-decoration: none;
}
.footer05_a-15 {
  font-size: 15px;
  padding-top: 2px;
  padding-right: 0;
  padding-bottom: 2px;
  padding-left: 0;
  color: #C9CDD4;
  text-decoration: none;
}
.footer05_a-16 {
  font-size: 15px;
  padding-top: 2px;
  padding-right: 0;
  padding-bottom: 2px;
  padding-left: 0;
  color: #C9CDD4;
  text-decoration: none;
}
.footer05_a-17 {
  font-size: 15px;
  padding-top: 2px;
  padding-right: 0;
  padding-bottom: 2px;
  padding-left: 0;
  color: #C9CDD4;
  text-decoration: none;
}
.footer05_a-18 {
  font-size: 15px;
  padding-top: 2px;
  padding-right: 0;
  padding-bottom: 2px;
  padding-left: 0;
  color: #C9CDD4;
  text-decoration: none;
}
.footer05_div-25 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 160px;
  display: flex;
  flex-direction: column;
  row-gap: 12px;
  column-gap: 12px;
}
.footer05_div-20 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #8C929B;
}
.footer05_a-21 {
  font-size: 15px;
  padding-top: 2px;
  padding-right: 0;
  padding-bottom: 2px;
  padding-left: 0;
  color: #C9CDD4;
  text-decoration: none;
}
.footer05_a-22 {
  font-size: 15px;
  padding-top: 2px;
  padding-right: 0;
  padding-bottom: 2px;
  padding-left: 0;
  color: #C9CDD4;
  text-decoration: none;
}
.footer05_a-23 {
  font-size: 15px;
  padding-top: 2px;
  padding-right: 0;
  padding-bottom: 2px;
  padding-left: 0;
  color: #C9CDD4;
  text-decoration: none;
}
.footer05_a-24 {
  font-size: 15px;
  padding-top: 2px;
  padding-right: 0;
  padding-bottom: 2px;
  padding-left: 0;
  color: #C9CDD4;
  text-decoration: none;
}
.footer05_div-31 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 160px;
  display: flex;
  flex-direction: column;
  row-gap: 12px;
  column-gap: 12px;
}
.footer05_div-26 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #8C929B;
}
.footer05_a-27 {
  font-size: 15px;
  padding-top: 2px;
  padding-right: 0;
  padding-bottom: 2px;
  padding-left: 0;
  color: #C9CDD4;
  text-decoration: none;
}
.footer05_a-28 {
  font-size: 15px;
  padding-top: 2px;
  padding-right: 0;
  padding-bottom: 2px;
  padding-left: 0;
  color: #C9CDD4;
  text-decoration: none;
}
.footer05_a-29 {
  font-size: 15px;
  padding-top: 2px;
  padding-right: 0;
  padding-bottom: 2px;
  padding-left: 0;
  color: #C9CDD4;
  text-decoration: none;
}
.footer05_a-30 {
  font-size: 15px;
  padding-top: 2px;
  padding-right: 0;
  padding-bottom: 2px;
  padding-left: 0;
  color: #C9CDD4;
  text-decoration: none;
}
.footer05_div-39 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  row-gap: 16px;
  column-gap: 16px;
  padding-top: 24px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #2C3037;
  font-size: 14px;
  color: #A7ADB6;
}
.footer05_div-38 {
  display: flex;
  flex-wrap: wrap;
  row-gap: 20px;
  column-gap: 20px;
}
.footer05_a-34 {
  color: #C9CDD4;
  text-decoration: none;
}
.footer05_a-35 {
  color: #C9CDD4;
  text-decoration: none;
}
.footer05_a-36 {
  color: #C9CDD4;
  text-decoration: none;
}
.footer05_a-37 {
  color: #C9CDD4;
  text-decoration: none;
}
.section_footer05.is-light {
  background-color: var(--blok-saas-canvas);
  color: var(--blok-saas-ink);
}
.section_footer05.is-accent {
  background-color: var(--blok-saas-blue);
  color: var(--blok-saas-white);
}

/* Generated by Blokset from components/footer-06.js. Edit the spec, not this file. */
.section_footer06 {
  font-family: var(--blok-font-saas);
  color: #0F1115;
  background-color: #FFFFFF;
  padding-top: clamp(48px, 6vw, 72px);
  padding-right: clamp(20px, 4vw, 48px);
  padding-bottom: 0;
  padding-left: clamp(20px, 4vw, 48px);
  overflow: hidden;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #ECEEE8;
}
.footer06_div-35 {
  max-width: 1200px;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  row-gap: 40px;
  column-gap: 40px;
}
.footer06_div-27 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 40px;
  column-gap: 40px;
}
.footer06_div-8 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 360px;
  max-width: 440px;
  display: flex;
  flex-direction: column;
  row-gap: 14px;
  column-gap: 14px;
}
.footer06_div-1 {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.02em;
}
.footer06_div-2 {
  font-size: 15px;
  line-height: 1.55;
  color: #4E545D;
}
.footer06_div-6 {
  display: flex;
  row-gap: 6px;
  column-gap: 6px;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  background-color: #F4F5F1;
}
.footer06_div-3 {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}
.footer06_div-4 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  min-width: 0;
  height: 44px;
  padding-top: 0;
  padding-right: 10px;
  padding-bottom: 0;
  padding-left: 10px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  outline: none;
  background-color: transparent;
  font-size: 15px;
  color: #0F1115;
}
.footer06_div-5 {
  height: 44px;
  padding-top: 0;
  padding-right: 16px;
  padding-bottom: 0;
  padding-left: 16px;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  cursor: pointer;
  font-weight: 500;
  background-color: #0F1115;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer06_div-7 {
  min-height: 18px;
  font-size: 13px;
  color: #B4521A;
}
.footer06_div-26 {
  display: flex;
  flex-wrap: wrap;
  row-gap: 40px;
  column-gap: 64px;
}
.footer06_div-14 {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  column-gap: 10px;
  min-width: 120px;
}
.footer06_div-9 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #7A808A;
}
.footer06_a-10 {
  font-size: 15px;
  padding-top: 2px;
  padding-right: 0;
  padding-bottom: 2px;
  padding-left: 0;
  color: #4E545D;
  text-decoration: none;
}
.footer06_a-11 {
  font-size: 15px;
  padding-top: 2px;
  padding-right: 0;
  padding-bottom: 2px;
  padding-left: 0;
  color: #4E545D;
  text-decoration: none;
}
.footer06_a-12 {
  font-size: 15px;
  padding-top: 2px;
  padding-right: 0;
  padding-bottom: 2px;
  padding-left: 0;
  color: #4E545D;
  text-decoration: none;
}
.footer06_a-13 {
  font-size: 15px;
  padding-top: 2px;
  padding-right: 0;
  padding-bottom: 2px;
  padding-left: 0;
  color: #4E545D;
  text-decoration: none;
}
.footer06_div-20 {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  column-gap: 10px;
  min-width: 120px;
}
.footer06_div-15 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #7A808A;
}
.footer06_a-16 {
  font-size: 15px;
  padding-top: 2px;
  padding-right: 0;
  padding-bottom: 2px;
  padding-left: 0;
  color: #4E545D;
  text-decoration: none;
}
.footer06_a-17 {
  font-size: 15px;
  padding-top: 2px;
  padding-right: 0;
  padding-bottom: 2px;
  padding-left: 0;
  color: #4E545D;
  text-decoration: none;
}
.footer06_a-18 {
  font-size: 15px;
  padding-top: 2px;
  padding-right: 0;
  padding-bottom: 2px;
  padding-left: 0;
  color: #4E545D;
  text-decoration: none;
}
.footer06_a-19 {
  font-size: 15px;
  padding-top: 2px;
  padding-right: 0;
  padding-bottom: 2px;
  padding-left: 0;
  color: #4E545D;
  text-decoration: none;
}
.footer06_div-25 {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  column-gap: 10px;
  min-width: 120px;
}
.footer06_div-21 {
  font-family: var(--blok-font-saas-mono);
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #7A808A;
}
.footer06_a-22 {
  font-size: 15px;
  padding-top: 2px;
  padding-right: 0;
  padding-bottom: 2px;
  padding-left: 0;
  color: #4E545D;
  text-decoration: none;
}
.footer06_a-23 {
  font-size: 15px;
  padding-top: 2px;
  padding-right: 0;
  padding-bottom: 2px;
  padding-left: 0;
  color: #4E545D;
  text-decoration: none;
}
.footer06_a-24 {
  font-size: 15px;
  padding-top: 2px;
  padding-right: 0;
  padding-bottom: 2px;
  padding-left: 0;
  color: #4E545D;
  text-decoration: none;
}
.footer06_div-33 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 12px;
  column-gap: 12px;
  font-size: 14px;
  color: #5B616B;
}
.footer06_div-32 {
  display: flex;
  row-gap: 18px;
  column-gap: 18px;
}
.footer06_a-29 {
  color: #4E545D;
  text-decoration: none;
}
.footer06_a-30 {
  color: #4E545D;
  text-decoration: none;
}
.footer06_a-31 {
  color: #4E545D;
  text-decoration: none;
}
.footer06_div-34 {
  font-size: clamp(64px, 15vw, 210px);
  line-height: 0.78;
  letter-spacing: -0.065em;
  font-weight: 700;
  color: #0F1115;
  white-space: nowrap;
  margin-bottom: -0.08em;
}
.section_footer06.is-dark {
  background-color: var(--blok-saas-ink);
  color: var(--blok-saas-canvas);
}
.section_footer06.is-accent {
  background-color: var(--blok-saas-blue);
  color: var(--blok-saas-white);
}

/* Generated by Blokset from components/footer-07.js. Edit the spec, not this file. */
.section_footer07 {
  font-family: var(--blok-font-saas);
  color: #0F1115;
  background-color: #F4F5F1;
  padding-top: clamp(48px, 6vw, 72px);
  padding-right: clamp(20px, 4vw, 48px);
  padding-bottom: 28px;
  padding-left: clamp(20px, 4vw, 48px);
}
.footer07_div-61 {
  max-width: 1200px;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  row-gap: 28px;
  column-gap: 28px;
}
.footer07_div-14 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  row-gap: 16px;
  column-gap: 16px;
  padding-bottom: 24px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
}
.footer07_div-4 {
  display: flex;
  align-items: center;
  row-gap: 10px;
  column-gap: 10px;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.02em;
}
.footer07_div-2 {
  width: 26px;
  height: 26px;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
  background-color: #0F1115;
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer07_div-1 {
  width: 10px;
  height: 10px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  background-color: #FFFFFF;
}
.footer07_div-13 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  row-gap: 10px;
  column-gap: 10px;
}
.footer07_a-7 {
  display: flex;
  align-items: center;
  row-gap: 8px;
  column-gap: 8px;
  height: 40px;
  padding-top: 0;
  padding-right: 14px;
  padding-bottom: 0;
  padding-left: 14px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  background-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  font-size: 14px;
  color: #0F1115;
  text-decoration: none;
}
.footer07_div-5 {
  width: 8px;
  height: 8px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #2F9E5B;
}
.footer07_div-12 {
  display: flex;
  align-items: center;
  row-gap: 8px;
  column-gap: 8px;
  font-size: 14px;
  color: #4E545D;
}
.footer07_div-8 {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}
.footer07_select-9 {
  height: 40px;
  padding-top: 0;
  padding-right: 10px;
  padding-bottom: 0;
  padding-left: 10px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DDE0D8;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DDE0D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DDE0D8;
  background-color: #FFFFFF;
  font-size: 14px;
  color: #0F1115;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.footer07_div-55 {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 0;
  column-gap: 32px;
}
.footer07_div-24 {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
}
.footer07_div-17 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: 56px;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: transparent;
  cursor: pointer;
  text-align: left;
  color: #0F1115;
}
.footer07_div-15 {
  font-size: 16px;
  font-weight: 600;
}
.footer07_div-16 {
  font-size: 18px;
  color: #5B616B;
}
.footer07_div-22 {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  column-gap: 10px;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 18px;
  padding-left: 0;
}
.footer07_a-18 {
  font-size: 15px;
  color: #4E545D;
  text-decoration: none;
}
.footer07_a-19 {
  font-size: 15px;
  color: #4E545D;
  text-decoration: none;
}
.footer07_a-20 {
  font-size: 15px;
  color: #4E545D;
  text-decoration: none;
}
.footer07_a-21 {
  font-size: 15px;
  color: #4E545D;
  text-decoration: none;
}
.footer07_div-34 {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
}
.footer07_div-27 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: 56px;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: transparent;
  cursor: pointer;
  text-align: left;
  color: #0F1115;
}
.footer07_div-25 {
  font-size: 16px;
  font-weight: 600;
}
.footer07_div-26 {
  font-size: 18px;
  color: #5B616B;
}
.footer07_div-32 {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  column-gap: 10px;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 18px;
  padding-left: 0;
}
.footer07_a-28 {
  font-size: 15px;
  color: #4E545D;
  text-decoration: none;
}
.footer07_a-29 {
  font-size: 15px;
  color: #4E545D;
  text-decoration: none;
}
.footer07_a-30 {
  font-size: 15px;
  color: #4E545D;
  text-decoration: none;
}
.footer07_a-31 {
  font-size: 15px;
  color: #4E545D;
  text-decoration: none;
}
.footer07_div-44 {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
}
.footer07_div-37 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: 56px;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: transparent;
  cursor: pointer;
  text-align: left;
  color: #0F1115;
}
.footer07_div-35 {
  font-size: 16px;
  font-weight: 600;
}
.footer07_div-36 {
  font-size: 18px;
  color: #5B616B;
}
.footer07_div-42 {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  column-gap: 10px;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 18px;
  padding-left: 0;
}
.footer07_a-38 {
  font-size: 15px;
  color: #4E545D;
  text-decoration: none;
}
.footer07_a-39 {
  font-size: 15px;
  color: #4E545D;
  text-decoration: none;
}
.footer07_a-40 {
  font-size: 15px;
  color: #4E545D;
  text-decoration: none;
}
.footer07_a-41 {
  font-size: 15px;
  color: #4E545D;
  text-decoration: none;
}
.footer07_div-54 {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDE0D8;
}
.footer07_div-47 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: 56px;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  border-top-width: 0;
  border-top-style: none;
  border-top-color: transparent;
  border-right-width: 0;
  border-right-style: none;
  border-right-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-left-width: 0;
  border-left-style: none;
  border-left-color: transparent;
  background-color: transparent;
  cursor: pointer;
  text-align: left;
  color: #0F1115;
}
.footer07_div-45 {
  font-size: 16px;
  font-weight: 600;
}
.footer07_div-46 {
  font-size: 18px;
  color: #5B616B;
}
.footer07_div-52 {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  column-gap: 10px;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 18px;
  padding-left: 0;
}
.footer07_a-48 {
  font-size: 15px;
  color: #4E545D;
  text-decoration: none;
}
.footer07_a-49 {
  font-size: 15px;
  color: #4E545D;
  text-decoration: none;
}
.footer07_a-50 {
  font-size: 15px;
  color: #4E545D;
  text-decoration: none;
}
.footer07_a-51 {
  font-size: 15px;
  color: #4E545D;
  text-decoration: none;
}
.footer07_div-60 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 12px;
  column-gap: 12px;
  font-size: 14px;
  color: #5B616B;
}
.footer07_div-59 {
  display: flex;
  row-gap: 18px;
  column-gap: 18px;
}
.footer07_a-57 {
  color: #4E545D;
  text-decoration: none;
}
.footer07_a-58 {
  color: #4E545D;
  text-decoration: none;
}
.section_footer07.is-dark {
  background-color: var(--blok-saas-ink);
  color: var(--blok-saas-canvas);
}
.section_footer07.is-accent {
  background-color: var(--blok-saas-blue);
  color: var(--blok-saas-white);
}

@media (min-width: 768px) {
  .footer07_div-55 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 992px) {
  .footer07_div-55 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}