/* Product page layout, illustration, shadow, and animation styles. */

@charset "UTF-8";
@layer reset, base, app.base;
@keyframes _5pslva_fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@charset "UTF-8";
@layer reset, base, app.base;

@charset "UTF-8";
@layer reset, base, app.base;
.marketing-decoration-root {
  --grid-columns: 12;
  --grid-gap: 32px;
  grid-template-columns: repeat(var(--grid-columns), minmax(0, 1fr));
  gap: var(--grid-gap);
  grid-template-areas: var(--grid-areas-default);
  display: grid;
}
@media (max-width: 1024px) {
  .marketing-decoration-root {
    grid-template-areas: var(--grid-areas-laptop, var(--grid-areas-default));
  }
}
@media (max-width: 768px) {
  .marketing-decoration-root {
    --grid-columns: 8;
    grid-template-areas: var(--grid-areas-tablet, var(--grid-areas-default));
  }
}
@media (max-width: 640px) {
  .marketing-decoration-root {
    --grid-columns: 4;
    grid-template-areas: var(--grid-areas-mobile, var(--grid-areas-default));
  }
}
.marketing-decoration-a {
  margin: var(--grid-a-margin, 0px);
  grid-area: a;
}
.marketing-decoration-b {
  margin: var(--grid-b-margin, 0px);
  grid-area: b;
}
.marketing-decoration-c {
  margin: var(--grid-c-margin, 0px);
  grid-area: c;
}

@charset "UTF-8";
@layer reset, base, app.base;
.marketing-footer-footer {
  max-width: 100%;
  z-index: var(--layer-footer);
  background: var(--color-bg-primary);
  border-top: 1px solid var(--color-border-primary);
  position: relative;
}
.marketing-footer-wrapper {
  max-width: var(--homepage-max-width);
  margin-inline: auto;
}
.marketing-footer-inner {
  padding: 56px var(--homepage-outer-padding);
  grid-template-columns: repeat(6, var(--1fr));
  place-items: start;
  gap: 0;
  display: grid;
}
@media (max-width: 1024px) {
  .marketing-footer-inner {
    grid-template-columns: repeat(4, var(--1fr));
    row-gap: 48px;
  }
}
@media (max-width: 768px) {
  .marketing-footer-inner {
    column-gap: 16px;
  }
}
@media (max-width: 640px) {
  .marketing-footer-inner {
    grid-template-columns: repeat(2, var(--1fr));
    padding-bottom: 24px;
  }
}
.marketing-footer-section {
  width: 100%;
  font-size: var(--text-mini-size);
  line-height: var(--text-mini-line-height);
  letter-spacing: var(--text-mini-letter-spacing);
  padding-inline: var(--homepage-padding-inset);
}
.marketing-footer-logoWrapper {
  display: flex;
}
@media (max-width: 768px) {
  .marketing-footer-logoWrapper {
    grid-area: 1/1/1/-1;
  }
}
.marketing-footer-sectionTitle {
  font: inherit;
  letter-spacing: inherit;
  font-weight: var(--font-weight-medium);
  color: var(--color-text-primary);
  margin-bottom: 24px;
}
@media (max-width: 768px) {
  .marketing-footer-sectionTitle {
    margin-bottom: 16px;
  }
}
.marketing-footer-sectionList {
  flex-direction: column;
  gap: 2px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}
.marketing-footer-sectionItem {
  margin: 0;
}
.marketing-footer-sectionLink {
  white-space: nowrap;
  align-items: center;
  min-height: 28px;
  display: inline-flex;
}
@media (max-width: 768px) {
  .marketing-footer-sectionLink {
    white-space: initial;
  }
}
.marketing-footer-legal {
  grid-column: 2;
  align-self: center;
  margin-top: 80px;
}
@media (max-width: 768px) {
  .marketing-footer-legal {
    grid-column: 1/-1;
  }
}
.marketing-footer-legalLinks {
  gap: 20px;
  display: flex;
}
.marketing-footer-legalLink {
  font-size: var(--text-mini-size);
  line-height: var(--text-mini-line-height);
  letter-spacing: var(--text-mini-letter-spacing);
  color: var(--color-text-quaternary);
  text-decoration: none;
}
.marketing-footer-legalLink:hover {
  color: var(--color-text-tertiary);
}
.marketing-footer-logoColumn {
  margin-left: var(--homepage-padding-inset);
}
@media (max-width: 1024px) {
  .marketing-footer-logoColumn {
    grid-row: 1/3;
  }
}
.marketing-footer-themeSwitcher {
  padding-inline: var(--homepage-padding-inset);
  grid-column: -2/-1;
  align-self: center;
  margin-top: 80px;
}
@media (max-width: 1024px) {
  .marketing-footer-themeSwitcher {
    grid-column: -2/-1;
    margin-top: 0;
  }
}
@media (max-width: 768px) {
  .marketing-footer-themeSwitcher {
    grid-column: 1;
    margin-top: 0;
  }
}
.marketing-skip-link-root {
  top: var(--header-height);
  background: var(--color-brand-bg);
  color: var(--color-brand-text);
  font-size: 14px;
  font-weight: var(--font-weight-medium);
  z-index: var(--layer-skip-nav);
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  opacity: 0;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 32px;
  padding: 0 16px;
  display: flex;
  position: fixed;
  left: 0;
  right: 0;
}
.marketing-skip-link-root:focus {
  box-shadow:
    0 0 0 2px var(--color-bg-primary),
    0 0 0 4px var(--color-brand-bg);
  pointer-events: all;
  opacity: 1;
  transform: none;
}
.marketing-page-container {
  flex-direction: column;
  width: 100%;
  display: flex;
}
.marketing-page-content {
  min-height: calc(100 * var(--dvh));
  flex-direction: column;
  flex: 1;
  display: flex;
}

@charset "UTF-8";
@layer reset, base, app.base;
.marketing-link-root {
  cursor: pointer;
  text-decoration: none;
}

@charset "UTF-8";
@layer reset, base, app.base;
.marketing-utility-hideScrollbars {
  -ms-overflow-style: none !important;
  overflow: -moz-scrollbars-none !important;
  scrollbar-width: none !important;
}
.marketing-utility-hideScrollbars::-webkit-scrollbar {
  display: none;
}
.marketing-utility-edgeHighlight {
  isolation: isolate;
  border: var(--border-hairline) solid var(--color-border-translucent-strong);
  position: relative;
}
.marketing-utility-edgeHighlight:after {
  content: "";
  z-index: 1;
  pointer-events: none;
  border: inherit;
  border-color: var(--edge-highlight-color, #ffffff0f);
  border-radius: var(--edge-highlight-radius, inherit);
  position: absolute;
  inset: 0;
  -webkit-mask: radial-gradient(17.18% 28.57% at 0 0, #000 0%, #0000 90%);
  mask: radial-gradient(17.18% 28.57% at 0 0, #000 0%, #0000 90%);
}
.marketing-utility-visuallyHidden {
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}
.marketing-utility-slashedZero {
  font-feature-settings: var(--font-settings), "zero" !important;
  font-variant-numeric: lining-nums tabular-nums slashed-zero !important;
}
.marketing-utility-bottomGradientBorder {
  border-bottom: 1px solid var(--color-border-translucent);
  box-shadow: 0 1px #0006;
}
.marketing-utility-inset {
  padding-left: var(--homepage-padding-inset);
  padding-right: var(--homepage-padding-inset);
}
.marketing-utility-insetLarge {
  margin-left: -2px;
}
@media (max-width: 640px) {
  .marketing-utility-insetLarge {
    margin-left: -1px;
  }
}
.marketing-utility-insetSmall {
  margin-left: -1px;
}
@media (max-width: 640px) {
  .marketing-utility-insetSmall {
    margin-left: calc(-1 * var(--border-hairline));
  }
}

@charset "UTF-8";
@layer reset, base, app.base;
.marketing-button-root {
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: none;
  max-width: 100%;
  color: inherit;
  font: inherit;
  text-shadow: none;
  background: 0 0;
  border: none;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
  display: inline-flex;
  position: relative;
}
.marketing-button-root:disabled {
  cursor: not-allowed;
}
.marketing-button-variant {
  --button-corner-radius: var(--radius-rounded);
  font-weight: var(--font-weight-medium);
  font-size: var(--button-font-size);
  line-height: var(--button-height);
  height: var(--button-height);
  gap: var(--button-gap);
  padding: var(--button-padding);
  border-radius: var(--button-corner-radius);
  transition: 0.16s var(--ease-out-quad);
  transition-property:
    border, background-color, color, box-shadow, opacity, filter, transform;
}
.marketing-button-variant:disabled {
  opacity: 0.5;
}
.marketing-button-variant:active {
  will-change: transform;
}
.marketing-button-variant {
  --icon-replacement-color: currentColor;
}
.marketing-button-variant > svg {
  will-change: transform;
  fill: currentColor;
  width: var(--button-icon-size, 16px);
  height: var(--button-icon-size, 16px);
}
.marketing-button-variant > kbd {
  font-size: 0.8em;
  font-weight: var(--font-weight-medium);
  background: var(--kbd-bg);
  color: var(--kbd-text);
  margin-right: var(--kbd-offset);
  min-width: var(--kbd-size, 20px);
  height: var(--kbd-size, 20px);
  margin-left: var(--kbd-gap, 0px);
  box-shadow: none;
  border: none;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  padding: 0 4px;
  line-height: normal;
  display: inline-flex;
}
@media not (any-hover: hover) {
  .marketing-button-variant > kbd {
    display: none;
  }
}
@media (max-width: 640px) {
  .marketing-button-variant > kbd {
    display: none;
  }
}
.marketing-button-size-mini {
  --button-height: 24px;
  --button-icon-size: 12px;
  --button-font-size: 12px;
  --button-padding: 0 10px;
  --button-gap: 4px;
  --kbd-size: 16px;
  --kbd-offset: -6px;
}
.marketing-button-size-small {
  --button-height: 32px;
  --button-icon-size: 16px;
  --button-font-size: 13px;
  --button-padding: 0 12px;
  --button-gap: 8px;
  --kbd-offset: -5px;
  --kbd-size: 18px;
}
.marketing-button-size-default {
  --button-height: 40px;
  --button-icon-size: 18px;
  --button-font-size: 15px;
  --button-padding: 0 16px;
  --button-gap: 6px;
  --kbd-offset: -6px;
  --kbd-gap: 6px;
}
.marketing-button-size-large {
  --button-height: 44px;
  --button-icon-size: 18px;
  --button-font-size: 16px;
  --button-padding: 0 20px;
  --button-gap: 6px;
  --kbd-offset: -2px;
  --kbd-gap: 6px;
}
.marketing-button-variant-secondary {
  --kbd-bg: #ffffff26;
  background: var(--color-bg-translucent);
  color: var(--color-text-primary);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  border: none;
  box-shadow:
    inset 0 0 0 1px #ffffff08,
    inset 0 1px #ffffff0a,
    0 0 0 1px #0009,
    0 4px 4px #0000001a;
}
[data-theme="light"] .marketing-button-variant-secondary {
  --kbd-bg: #00000014;
  background: var(--color-bg-primary);
  box-shadow:
    0 0 0 1px #00000014,
    var(--shadow-low);
}
@media (any-hover: hover) {
  .marketing-button-variant-secondary:not([disabled]):hover {
    background: var(--color-bg-level-3);
  }
}
.marketing-button-variant-secondary:not([disabled]):active {
  background: var(--color-bg-level-3);
  transform: scale(0.97);
}
.marketing-button-variant-invert {
  background: var(--color-button-invert-bg);
  border: 1px solid var(--color-button-invert-bg);
  color: var(--color-bg-primary);
  box-shadow: var(--shadow-stack-low);
}
[data-theme="light"] .marketing-button-variant-invert {
  box-shadow: none;
}
@media (any-hover: hover) {
  .marketing-button-variant-invert:not([disabled]):hover {
    background: var(--color-button-invert-bg-hover);
  }
}
.marketing-button-variant-invert:not([disabled]):active {
  transform: scale(0.97);
}
.marketing-button-variant-invert > kbd {
  --kbd-bg: #00000014;
  --kbd-text: var(--color-bg-primary);
}
[data-theme="light"] :is(.marketing-button-variant-invert > kbd) {
  --kbd-bg: #3b3d45;
}
.marketing-button-variant-ghost {
  color: var(--color-text-tertiary);
  background: 0 0;
}
@media (any-hover: hover) {
  .marketing-button-variant-ghost:not([disabled]):hover {
    color: var(--color-text-primary);
    background: var(--color-bg-quaternary);
  }
}
.marketing-button-variant-ghost:not([disabled]):active {
  color: var(--color-text-primary);
  background: var(--color-bg-quinary);
  transform: scale(0.97);
}

@charset "UTF-8";
@layer reset, base, app.base;
@keyframes WinFxq_contextMenuIn {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes WinFxq_contextMenuOut {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(0.9);
  }
}
@layer web.utils {
  .marketing-reset-reset-button {
    color: inherit;
    outline: none;
  }
  .marketing-reset-reset-button {
    cursor: var(--cursor-pointer);
    -webkit-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    appearance: none;
    font: inherit;
    -webkit-tap-highlight-color: transparent;
    background: 0 0;
    border: none;
    margin: 0;
    padding: 0;
  }

  .marketing-reset-reset-ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
}
.marketing-utility-hideScrollbars {
  -ms-overflow-style: none !important;
  overflow: -moz-scrollbars-none !important;
  scrollbar-width: none !important;
}
.marketing-utility-hideScrollbars::-webkit-scrollbar {
  display: none;
}
.marketing-utility-edgeHighlight {
  isolation: isolate;
  border: var(--border-hairline) solid var(--color-border-translucent-strong);
  position: relative;
}
.marketing-utility-edgeHighlight:after {
  content: "";
  z-index: 1;
  pointer-events: none;
  border: inherit;
  border-color: var(--edge-highlight-color, #ffffff0f);
  border-radius: var(--edge-highlight-radius, inherit);
  position: absolute;
  inset: 0;
  -webkit-mask: radial-gradient(17.18% 28.57% at 0 0, #000 0%, #0000 90%);
  mask: radial-gradient(17.18% 28.57% at 0 0, #000 0%, #0000 90%);
}
.marketing-utility-visuallyHidden {
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}
.marketing-utility-slashedZero {
  font-feature-settings: var(--font-settings), "zero" !important;
  font-variant-numeric: lining-nums tabular-nums slashed-zero !important;
}
.marketing-utility-bottomGradientBorder {
  border-bottom: 1px solid var(--color-border-translucent);
  box-shadow: 0 1px #0006;
}
.marketing-utility-inset {
  padding-left: var(--homepage-padding-inset);
  padding-right: var(--homepage-padding-inset);
}
.marketing-utility-insetLarge {
  margin-left: -2px;
}
@media (max-width: 640px) {
  .marketing-utility-insetLarge {
    margin-left: -1px;
  }
}
.marketing-utility-insetSmall {
  margin-left: -1px;
}
@media (max-width: 640px) {
  .marketing-utility-insetSmall {
    margin-left: calc(-1 * var(--border-hairline));
  }
}
.marketing-navigation-header {
  -webkit-user-select: none;
  user-select: none;
  isolation: isolate;
  z-index: var(--layer-header);
  transform: translateX(
    calc(-1 * var(--removed-body-scroll-bar-size, 0px) / 2)
  );
  -webkit-backdrop-filter: blur(var(--header-blur));
  backdrop-filter: blur(var(--header-blur));
  background: linear-gradient(
    180deg,
    var(--header-bg) 0%,
    color-mix(in oklab, var(--header-bg) 100%, transparent 5%) 100%
  );
  border-bottom: 1px solid var(--header-border);
  transition: var(--speed-quickTransition) var(--ease-out-quad);
  top: 0;
  margin-inline: auto;
  transition-property: border-color, background;
  position: fixed;
  inset-inline: 0;
}
.marketing-navigation-header:before {
  content: "";
  pointer-events: none;
  background: linear-gradient(
    180deg,
    var(--color-bg-primary) 0%,
    transparent 100%
  );
  position: absolute;
  inset: 0;
}
[data-theme="light"] .marketing-navigation-header:after {
  content: none;
}
[data-transparent-header] .marketing-navigation-header {
  --header-border: transparent;
  --header-bg: transparent;
}
html[data-scrolled]
  [data-transparent-header][data-header]
  .marketing-navigation-header {
  --header-border: #ffffff14;
  --header-bg: var(--color-bg-primary);
}
html[data-scrolled][data-theme="light"]
  [data-transparent-header][data-header]
  .marketing-navigation-header {
  --header-border: #00000014;
  --header-bg: #fffc;
}
.marketing-navigation-header:has(
  .marketing-navigation-mobileMenuTrigger[data-state="open"]
) {
  --header-border: #ffffff14;
}
[data-theme="light"]
  .marketing-navigation-header:has(
    .marketing-navigation-mobileMenuTrigger[data-state="open"]
  ) {
  --header-border: #00000014;
}
.marketing-navigation-innerWrapper {
  height: var(--header-height);
  width: 100%;
  max-width: var(--homepage-max-width);
  padding-left: calc(
    var(--homepage-padding-inset) + var(--homepage-outer-padding) - 1px
  );
  padding-right: calc(
    var(--homepage-padding-inset) + var(--homepage-outer-padding) - 1px
  );
  align-items: center;
  margin-inline: auto;
  display: flex;
}
.marketing-navigation-innerWrapper > div {
  width: 100%;
}
.marketing-navigation-menuRoot {
  align-items: center;
  height: 100%;
  display: flex;
}
@media (max-width: 768px) {
  .marketing-navigation-menuRoot {
    flex-direction: column;
  }
}
.marketing-navigation-list {
  min-height: var(--header-height);
  align-items: center;
  gap: 8px;
  list-style: none;
  display: flex;
}
@media (max-width: 768px) {
  .marketing-navigation-list {
    justify-content: flex-start;
    gap: 16px;
  }
}
.marketing-navigation-buttonItem {
  justify-content: center;
  align-items: center;
  display: flex;
}
.marketing-navigation-buttonItem a,
.marketing-navigation-buttonItem span {
  width: 100%;
}
.marketing-navigation-item {
  white-space: nowrap;
  margin: 0;
}
.marketing-navigation-anchor {
  height: 32px;
  color: var(--color-text-tertiary);
  border-radius: var(--radius-rounded);
  transition: var(--speed-quickTransition) var(--ease-out-quad);
  --anchor-glass-bg: #ffffff14;
  background: 0 0;
  justify-content: center;
  align-items: center;
  padding: 0 12px;
  font-size: 13px;
  transition-property: color, background;
  display: flex;
  position: relative;
}
[data-theme="light"] .marketing-navigation-anchor {
  --anchor-glass-bg: #00000014;
}
.marketing-navigation-anchor[data-state="open"] {
  color: var(--color-text-primary);
  background: var(--anchor-glass-bg);
}
.marketing-navigation-anchor[data-active] {
  color: var(--color-text-primary);
}
@media (any-hover: hover) {
  .marketing-navigation-anchor:hover {
    color: var(--color-text-primary);
    background: var(--anchor-glass-bg);
  }
}
.marketing-navigation-item {
  list-style: none;
  display: grid;
}
.marketing-navigation-item[data-state="open"] {
  color: var(--color-text-primary);
  background: var(--color-bg-quaternary);
}
[data-theme="light"] .marketing-navigation-item {
  color: #000c;
}
.marketing-navigation-logoItem {
  color: var(--color-text-primary);
  flex: 1;
  justify-content: flex-start;
  display: flex;
}
.marketing-navigation-navItems {
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}
.marketing-navigation-buttons {
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}
.marketing-navigation-navDivider {
  background: var(--color-border-primary);
  width: 1px;
  height: 16px;
  margin-inline: 8px;
}
.marketing-navigation-logoLink {
  border-radius: 6px;
  justify-content: flex-start;
  align-items: center;
  height: 32px;
  margin-left: -8px;
  padding: 0 8px;
  display: flex;
}
.marketing-navigation-mobileItem {
  display: none;
}
.marketing-navigation-mobileItem.marketing-navigation-mobileItem {
  margin-left: calc(-1 * var(--page-padding-right) + 8px);
}
@media (max-width: 768px) {
  .marketing-navigation-mobileItem {
    display: block;
  }
}
.marketing-navigation-mobileMenuTrigger {
  height: var(--header-height);
  aspect-ratio: 1;
  outline: none;
  justify-content: center;
  align-items: center;
  margin-right: -28px;
  display: flex;
}
.marketing-navigation-mobileMenuTrigger[data-state="open"]
  > svg
  > rect:first-of-type {
  transform: rotate(45deg) !important;
}
.marketing-navigation-mobileMenuTrigger[data-state="open"]
  > svg
  > rect:last-of-type {
  transform: rotate(-45deg) !important;
}
.marketing-navigation-mobileMenuContent {
  top: calc(var(--header-height) + 1px);
  height: calc(100 * var(--dvh) - var(--header-height) - 1px);
  background: var(--header-bg);
  -webkit-backdrop-filter: blur(var(--header-blur));
  backdrop-filter: blur(var(--header-blur));
  z-index: var(--layer-dialog);
  outline: none;
  flex-grow: 1;
  padding-block: 32px;
  padding-inline: 24px;
  display: none;
  position: fixed;
  inset-inline: 0;
  overflow-y: auto;
}
@media (max-width: 768px) {
  .marketing-navigation-mobileMenuContent {
    flex-direction: column;
    display: flex;
  }
}
@media (prefers-reduced-motion: no-preference) {
  .marketing-navigation-mobileMenuContent[data-state="open"] {
    animation: 0.18s both marketing-navigation-mobileMenuIn;
  }
  .marketing-navigation-mobileMenuContent[data-state="closed"] {
    animation: 0.18s both marketing-navigation-mobileMenuOut;
  }
}
@keyframes marketing-navigation-mobileMenuIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes marketing-navigation-mobileMenuOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.marketing-navigation-mobileMenuList {
  flex-direction: column;
  gap: 12px;
  margin-top: 20px;
  list-style-type: none;
  display: flex;
}
.marketing-navigation-mobileMenuList li {
  margin: 0;
}
.marketing-navigation-mobileMenuList li a:active {
  color: var(--color-text-tertiary);
}
@media (any-hover: hover) {
  .marketing-navigation-mobileMenuList li a:hover {
    color: var(--color-text-tertiary);
  }
}
.marketing-navigation-trigger {
  isolation: isolate;
  position: relative;
}
.marketing-navigation-trigger:before {
  content: "";
  z-index: 0;
  position: absolute;
  inset: 0 -8px;
}
.marketing-navigation-trigger[data-state="open"]:after {
  content: "";
  height: 32px;
  position: absolute;
  top: 100%;
  left: -32px;
  right: -32px;
}
.marketing-navigation-content {
  transform-origin: top;
  will-change: transform;
  padding: 8px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.marketing-navigation-content.marketing-navigation-productNav,
.marketing-navigation-content.marketing-navigation-resourcesNav {
  width: fit-content;
}
.marketing-navigation-content.marketing-navigation-resourcesNav {
  max-width: 856px;
}
.marketing-navigation-content > div {
  height: 100%;
}
@media (max-width: 640px) {
  .marketing-navigation-content {
    display: none;
  }
}
@media (prefers-reduced-motion: no-preference) {
  .marketing-navigation-content {
    animation: var(--duration) var(--ease-in-out-quad) both;
    --duration: 0.18s;
    --anim-amount: 48px;
  }
  .marketing-navigation-content[data-motion="from-start"] {
    animation-name: marketing-navigation-enterFromLeft;
  }
  .marketing-navigation-content[data-motion="from-end"] {
    animation-name: marketing-navigation-enterFromRight;
  }
  .marketing-navigation-content[data-motion="to-start"] {
    animation-name: marketing-navigation-exitToLeft;
  }
  .marketing-navigation-content[data-motion="to-end"] {
    animation-name: marketing-navigation-exitToRight;
  }
}
.marketing-navigation-viewport {
  --inner-card-border: 1px;
  height: max(var(--radix-navigation-menu-viewport-height), 236px);
  width: var(--radix-navigation-menu-viewport-width);
  max-width: calc(100vw - var(--page-padding-left) - var(--page-padding-right));
  -webkit-backdrop-filter: blur(32px);
  backdrop-filter: blur(32px);
  transform-origin: top;
  background: #08090ae6;
  border: 1px solid #ffffff14;
  border-radius: 14px;
  padding: 8px;
  transition:
    height 0.22s,
    width 0.22s;
  position: relative;
  overflow: hidden;
  box-shadow: 0 8px 32px #08090a;
}
[data-theme="light"] .marketing-navigation-viewport {
  background: #ffffffe6;
  border: 1px solid #00000014;
  box-shadow: 0 8px 32px #08090a0d;
}
.marketing-navigation-viewport:before {
  content: "";
  height: var(--inner-card-height);
  background: var(--color-bg-translucent);
  border: var(--inner-card-border) solid var(--color-border-translucent);
  border-radius: 6px;
  transition: height 0.22s;
  position: absolute;
  top: 8px;
  left: 8px;
  right: 8px;
}
@media (prefers-reduced-motion: no-preference) {
  .marketing-navigation-viewport {
    animation: 0.18s both marketing-navigation-scaleIn;
  }
  .marketing-navigation-viewport[data-state="closed"] {
    animation: 0.18s both marketing-navigation-scaleOut;
  }
}
.marketing-navigation-viewportPosition {
  top: calc(var(--header-height) - 8px);
  z-index: var(--layer-max);
  pointer-events: none;
  max-width: var(--homepage-max-width);
  padding-right: calc(
    var(--homepage-padding-inset) + var(--homepage-outer-padding) - 1px
  );
  justify-content: flex-end;
  margin-inline: auto;
  display: flex;
  position: fixed;
  left: 0;
  right: 0;
}
.marketing-navigation-viewportPosition > * {
  pointer-events: auto;
}
.marketing-navigation-contentFooter {
  justify-content: space-between;
  max-width: 100%;
  padding: 16px 16px 11px;
  display: flex;
}
@keyframes marketing-navigation-enterFromRight {
  0% {
    opacity: 0;
    transform: translateX(var(--anim-amount));
  }
  to {
    opacity: 1;
    transform: translate(0);
  }
}
@keyframes marketing-navigation-enterFromLeft {
  0% {
    opacity: 0;
    transform: translateX(calc(-1 * var(--anim-amount)));
  }
  to {
    opacity: 1;
    transform: translate(0);
  }
}
@keyframes marketing-navigation-exitToRight {
  0% {
    opacity: 1;
    transform: translate(0);
  }
  to {
    opacity: 0;
    transform: translateX(var(--anim-amount));
  }
}
@keyframes marketing-navigation-exitToLeft {
  0% {
    opacity: 1;
    transform: translate(0);
  }
  to {
    opacity: 0;
    transform: translateX(calc(-1 * var(--anim-amount)));
  }
}
@keyframes marketing-navigation-scaleIn {
  0% {
    opacity: 0;
    transform: scale(0.98);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes marketing-navigation-scaleOut {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(0.98);
  }
}
@keyframes marketing-navigation-fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes marketing-navigation-fadeOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.marketing-navigation-subnav {
  height: 100%;
}
.marketing-navigation-subItems {
  grid-template-columns: 256px 256px 256px;
  column-gap: 24px;
  padding: 12px;
  display: grid;
}
.marketing-navigation-inlineLink {
  border-radius: 6px;
  padding: 12px 16px;
  transition: none;
  position: relative;
}
.marketing-navigation-inlineLink:after {
  content: "";
  background: var(--color-border-translucent);
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -12px;
}
@media (any-hover: hover) {
  .marketing-navigation-inlineLink:hover {
    color: var(--color-text-primary);
    background: #ffffff08;
  }
  [data-theme="light"] .marketing-navigation-inlineLink:hover {
    background: #00000008;
  }
}
.marketing-navigation-inlineLink:active:after {
  opacity: 1;
}
.marketing-navigation-featureGrid {
  margin: 0;
}
.marketing-navigation-resourcesNav {
  grid-template-columns: 256px 256px 256px;
}
.marketing-navigation-rightSideWrapper {
  flex-shrink: 0;
  align-items: center;
  width: 100%;
  max-width: 620px;
  margin: 0;
  display: flex;
}
@media (max-width: 1024px) {
  .marketing-navigation-rightSideWrapper {
    width: auto;
  }
}
.marketing-navigation-changelogLink:hover {
  background: #818fff26 !important;
}
.marketing-navigation-changelogSingleLink:hover {
  background: #ffffff12 !important;
}

@charset "UTF-8";
@layer reset, base, app.base;
.marketing-flex-root {
  min-width: 0;
  display: flex;
}
.marketing-flex-column {
  flex-direction: column;
}
.marketing-flex-align-center {
  align-items: center;
}
.marketing-flex-align-baseline {
  align-items: baseline;
}
.marketing-flex-justify-space-between {
  justify-content: space-between;
}

@charset "UTF-8";
@layer reset, base, app.base;
@keyframes SjJXIW_fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@charset "UTF-8";
@layer reset, base, app.base;
.marketing-icon-button-root {
  width: var(--button-height);
}

@charset "UTF-8";
@layer reset, base, app.base;

@charset "UTF-8";
@layer reset, base, app.base;
@keyframes _6QN9Vq_tooltipOpen {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes _6QN9Vq_tooltipClose {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(0.9);
  }
}

@charset "UTF-8";
@layer reset, base, app.base;

@charset "UTF-8";
@layer reset, base, app.base;
.marketing-vertical-spacer-root {
  -webkit-user-select: none;
  user-select: none;
  width: 1px;
  min-width: 1px;
  height: 1px;
  min-height: 1px;
  margin-top: calc(var(--height, 0px) - 1px);
  margin-left: calc(var(--width, 0px) - 1px);
  display: block;
}

@charset "UTF-8";
@layer reset, base, app.base;
@keyframes wOrUyW_scaleIn {
  0% {
    opacity: 0;
    transform: translate(-50%) scale(0.96);
  }
  to {
    opacity: 1;
    transform: translate(-50%) scale(1);
  }
}
@keyframes wOrUyW_scaleOut {
  0% {
    opacity: 1;
    transform: translate(-50%) scale(1);
  }
  to {
    opacity: 0;
    transform: translate(-50%) scale(0.96);
  }
}
@keyframes wOrUyW_fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes wOrUyW_fadeOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes wOrUyW_dialogBounce {
  50% {
    transform: translate(-50%) scale(0.98);
  }
}

@charset "UTF-8";
@layer reset, base, app.base;
.marketing-responsive-image-root {
  max-width: 100%;
  height: auto;
}
@supports (font: -apple-system-body) and
  ((-webkit-appearance: none) or (appearance: none)) {
  .marketing-responsive-image-root[loading="lazy"]:not([data-loaded="true"]) {
    clip-path: inset(0.6px);
  }
}
html.js .marketing-responsive-image-root[data-fade="true"] {
  opacity: 0;
  -webkit-mask: var(--mask-start);
  -webkit-mask: var(--mask-start);
  mask: var(--mask-start);
  --mask-start: linear-gradient(to right, #000 25%, #000000e6 50%, #0000) 150%
    0 / 400% no-repeat;
  --mask-end: linear-gradient(to right, #000 25%, #000000e6 50%, #0000) 0 / 400%
    no-repeat;
}
html.js .marketing-responsive-image-root[data-fade="true"][data-loaded="true"] {
  animation: 0.8s both marketing-responsive-image-load;
}
html.js
  [data-rmiz-modal-content]
  .marketing-responsive-image-root[data-fade="true"] {
  opacity: 1;
  animation: none;
  -webkit-mask: none;
  mask: none;
}
@keyframes marketing-responsive-image-load {
  to {
    opacity: 1;
    -webkit-mask: var(--mask-end);
    -webkit-mask: var(--mask-end);
    mask: var(--mask-end);
  }
}

@charset "UTF-8";
@layer reset, base, app.base;

@charset "UTF-8";
@layer reset, base, app.base;
.marketing-utility-hideScrollbars {
  -ms-overflow-style: none !important;
  overflow: -moz-scrollbars-none !important;
  scrollbar-width: none !important;
}
.marketing-utility-hideScrollbars::-webkit-scrollbar {
  display: none;
}
.marketing-utility-edgeHighlight {
  isolation: isolate;
  border: var(--border-hairline) solid var(--color-border-translucent-strong);
  position: relative;
}
.marketing-utility-edgeHighlight:after {
  content: "";
  z-index: 1;
  pointer-events: none;
  border: inherit;
  border-color: var(--edge-highlight-color, #ffffff0f);
  border-radius: var(--edge-highlight-radius, inherit);
  position: absolute;
  inset: 0;
  -webkit-mask: radial-gradient(17.18% 28.57% at 0 0, #000 0%, #0000 90%);
  mask: radial-gradient(17.18% 28.57% at 0 0, #000 0%, #0000 90%);
}
.marketing-utility-visuallyHidden {
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}
.marketing-utility-slashedZero {
  font-feature-settings: var(--font-settings), "zero" !important;
  font-variant-numeric: lining-nums tabular-nums slashed-zero !important;
}
.marketing-utility-bottomGradientBorder {
  border-bottom: 1px solid var(--color-border-translucent);
  box-shadow: 0 1px #0006;
}
.marketing-utility-inset {
  padding-left: var(--homepage-padding-inset);
  padding-right: var(--homepage-padding-inset);
}
.marketing-utility-insetLarge {
  margin-left: -2px;
}
@media (max-width: 640px) {
  .marketing-utility-insetLarge {
    margin-left: -1px;
  }
}
.marketing-utility-insetSmall {
  margin-left: -1px;
}
@media (max-width: 640px) {
  .marketing-utility-insetSmall {
    margin-left: calc(-1 * var(--border-hairline));
  }
}
.product-hero-hero {
  flex-direction: column;
  align-items: center;
  gap: 96px;
  padding: 160px 0 0;
  display: flex;
}
@media (max-width: 640px) {
  .product-hero-hero {
    gap: 48px;
    padding: 72px 0 40px;
  }
}
.product-hero-heroBlock {
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  width: 794px;
  max-width: 100%;
  display: flex;
}
@media (max-width: 640px) {
  .product-hero-heroBlock {
    gap: 12px;
  }
}
.product-hero-title {
  max-width: 22ch;
}
.product-hero-titleText {
  text-shadow: 0 0 2px #ffffff4d;
}
.product-hero-copy {
  max-width: 66ch;
}
@media (max-width: 640px) {
  .product-hero-copy {
    margin-top: 8px;
  }
}
.product-hero-ctas {
  gap: 24px;
  padding-top: 12px;
  display: flex;
  transform: translate(-4px);
}
.product-hero-assetContainer {
  justify-content: center;
  width: 100%;
  display: flex;
}

@charset "UTF-8";
@layer reset, base, app.base;

@charset "UTF-8";
@layer reset, base, app.base;
.marketing-utility-hideScrollbars {
  -ms-overflow-style: none !important;
  overflow: -moz-scrollbars-none !important;
  scrollbar-width: none !important;
}
.marketing-utility-hideScrollbars::-webkit-scrollbar {
  display: none;
}
.marketing-utility-edgeHighlight {
  isolation: isolate;
  border: var(--border-hairline) solid var(--color-border-translucent-strong);
  position: relative;
}
.marketing-utility-edgeHighlight:after {
  content: "";
  z-index: 1;
  pointer-events: none;
  border: inherit;
  border-color: var(--edge-highlight-color, #ffffff0f);
  border-radius: var(--edge-highlight-radius, inherit);
  position: absolute;
  inset: 0;
  -webkit-mask: radial-gradient(17.18% 28.57% at 0 0, #000 0%, #0000 90%);
  mask: radial-gradient(17.18% 28.57% at 0 0, #000 0%, #0000 90%);
}
.marketing-utility-visuallyHidden {
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}
.marketing-utility-slashedZero {
  font-feature-settings: var(--font-settings), "zero" !important;
  font-variant-numeric: lining-nums tabular-nums slashed-zero !important;
}
.marketing-utility-bottomGradientBorder {
  border-bottom: 1px solid var(--color-border-translucent);
  box-shadow: 0 1px #0006;
}
.marketing-utility-inset {
  padding-left: var(--homepage-padding-inset);
  padding-right: var(--homepage-padding-inset);
}
.marketing-utility-insetLarge {
  margin-left: -2px;
}
@media (max-width: 640px) {
  .marketing-utility-insetLarge {
    margin-left: -1px;
  }
}
.marketing-utility-insetSmall {
  margin-left: -1px;
}
@media (max-width: 640px) {
  .marketing-utility-insetSmall {
    margin-left: calc(-1 * var(--border-hairline));
  }
}
@layer web.utils {
  .marketing-reset-reset-button {
    color: inherit;
    outline: none;
  }
  .marketing-reset-reset-button {
    cursor: var(--cursor-pointer);
    -webkit-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    appearance: none;
    font: inherit;
    -webkit-tap-highlight-color: transparent;
    background: 0 0;
    border: none;
    margin: 0;
    padding: 0;
  }

  .marketing-reset-reset-ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
}

@charset "UTF-8";
@layer reset, base, app.base;
@keyframes PSAPAG_dialogOpen {
  0% {
    opacity: 0;
    transform: translate(-50%, -49%) scale(0.95);
  }
  to {
    opacity: 1;
    transform: translate(-50%, -50%);
  }
}
@keyframes PSAPAG_dialogClose {
  0% {
    opacity: 1;
    transform: translate(-50%, -50%);
  }
  to {
    opacity: 0;
    transform: translate(-50%, -49%) scale(0.95);
  }
}
@keyframes PSAPAG_fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes PSAPAG_fadeOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@charset "UTF-8";
@layer reset, base, app.base;
.marketing-utility-hideScrollbars {
  -ms-overflow-style: none !important;
  overflow: -moz-scrollbars-none !important;
  scrollbar-width: none !important;
}
.marketing-utility-hideScrollbars::-webkit-scrollbar {
  display: none;
}
.marketing-utility-edgeHighlight {
  isolation: isolate;
  border: var(--border-hairline) solid var(--color-border-translucent-strong);
  position: relative;
}
.marketing-utility-edgeHighlight:after {
  content: "";
  z-index: 1;
  pointer-events: none;
  border: inherit;
  border-color: var(--edge-highlight-color, #ffffff0f);
  border-radius: var(--edge-highlight-radius, inherit);
  position: absolute;
  inset: 0;
  -webkit-mask: radial-gradient(17.18% 28.57% at 0 0, #000 0%, #0000 90%);
  mask: radial-gradient(17.18% 28.57% at 0 0, #000 0%, #0000 90%);
}
.marketing-utility-visuallyHidden {
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}
.marketing-utility-slashedZero {
  font-feature-settings: var(--font-settings), "zero" !important;
  font-variant-numeric: lining-nums tabular-nums slashed-zero !important;
}
.marketing-utility-bottomGradientBorder {
  border-bottom: 1px solid var(--color-border-translucent);
  box-shadow: 0 1px #0006;
}
.marketing-utility-inset {
  padding-left: var(--homepage-padding-inset);
  padding-right: var(--homepage-padding-inset);
}
.marketing-utility-insetLarge {
  margin-left: -2px;
}
@media (max-width: 640px) {
  .marketing-utility-insetLarge {
    margin-left: -1px;
  }
}
.marketing-utility-insetSmall {
  margin-left: -1px;
}
@media (max-width: 640px) {
  .marketing-utility-insetSmall {
    margin-left: calc(-1 * var(--border-hairline));
  }
}
.product-app-preview-root {
  justify-content: center;
  width: 100%;
  display: flex;
}
.product-app-preview-stage {
  --px: calc(100cqw / var(--design-width));
  --token-comment: #62666d;
  --token-string: #ffdf9f;
  --token-constant: #8fa6ff;
  --token-variable: #f7bf8b;
  --token-keyword: #e391cf;
  --token-entity: #83dcdc;
  --token-punctuation: #d0d6e0;
  --token-text: #d0d6e0;
  --diff-char-added-bg: #27a6442e;
  --diff-char-removed-bg: #fc31422e;
  width: 100%;
  aspect-ratio: var(--design-width) / var(--design-height);
  background:
    radial-gradient(ellipse 19.59% 32.57% at 0 0, #ffffff05, #fff0) padding-box,
    var(--color-bg-panel);
  color: var(--color-text-secondary);
  font-size: calc(13 * var(--px));
  -webkit-user-select: none;
  user-select: none;
  border-bottom: none;
  border-radius: 12px 12px 0 0;
  flex-direction: column;
  display: flex;
  overflow: hidden;
  container-type: inline-size;
}
@media (max-width: 640px) {
  .product-app-preview-stage {
    --px: calc(100cqw / 390);
    aspect-ratio: 390/560;
    background: 0 0;
    border: none;
    border-radius: 0;
    width: 100%;
  }
}

@charset "UTF-8";
@layer reset, base, app.base;

@charset "UTF-8";
@layer reset, base, app.base;
@keyframes gli-sprite {
  0% {
    transform: translate(0);
  }
  5% {
    transform: translate(-100%);
  }
  5.0001% {
    transform: translate(0);
  }
  10% {
    transform: translate(-100%);
  }
  10.0001% {
    transform: translate(0);
  }
  15% {
    transform: translate(-100%);
  }
  15.0001% {
    transform: translate(0);
  }
  20% {
    transform: translate(-100%);
  }
  20.0001% {
    transform: translate(0);
  }
  25% {
    transform: translate(-100%);
  }
  25.0001% {
    transform: translate(0);
  }
  30% {
    transform: translate(-100%);
  }
  30.0001% {
    transform: translate(0);
  }
  35% {
    transform: translate(-100%);
  }
  35.0001% {
    transform: translate(0);
  }
  40% {
    transform: translate(-100%);
  }
  40.0001% {
    transform: translate(0);
  }
  45% {
    transform: translate(-100%);
  }
  45.0001% {
    transform: translate(0);
  }
  50% {
    transform: translate(-100%);
  }
  50.0001% {
    transform: translate(0);
  }
  55% {
    transform: translate(-100%);
  }
  55.0001% {
    transform: translate(0);
  }
  60% {
    transform: translate(-100%);
  }
  60.0001% {
    transform: translate(0);
  }
  65% {
    transform: translate(-100%);
  }
  65.0001% {
    transform: translate(0);
  }
  70% {
    transform: translate(-100%);
  }
  70.0001% {
    transform: translate(0);
  }
  75% {
    transform: translate(-100%);
  }
  75.0001% {
    transform: translate(0);
  }
  80% {
    transform: translate(-100%);
  }
  80.0001% {
    transform: translate(0);
  }
  85% {
    transform: translate(-100%);
  }
  85.0001% {
    transform: translate(0);
  }
  90% {
    transform: translate(-100%);
  }
  90.0001% {
    transform: translate(0);
  }
  95% {
    transform: translate(-100%);
  }
  95.0001% {
    transform: translate(0);
  }
  to {
    transform: translate(-100%);
  }
}

@charset "UTF-8";
@layer reset, base, app.base;
@media (max-width: 640px) {
  .marketing-utility-insetLarge {
    margin-left: -1px;
  }
}
@media (max-width: 640px) {
  .marketing-utility-insetSmall {
    margin-left: calc(-1 * var(--border-hairline));
  }
}
@layer web.utils {
  .marketing-reset-reset-button {
    color: inherit;
    outline: none;
  }
  .marketing-reset-reset-button {
    cursor: var(--cursor-pointer);
    -webkit-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    appearance: none;
    font: inherit;
    -webkit-tap-highlight-color: transparent;
    background: 0 0;
    border: none;
    margin: 0;
    padding: 0;
  }

  .marketing-reset-reset-ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
}
.product-showcase-subsection {
  flex-direction: column;
  align-items: center;
  display: flex;
}
@media (max-width: 640px) {
  .product-showcase-subsection {
    padding: 40px 0;
  }
  .product-showcase-heroFlush {
    padding-bottom: 0;
  }
}
.product-showcase-assetContainer {
  justify-content: center;
  width: 100%;
  display: flex;
}
.product-showcase-asset {
  --edge-highlight-radius: 8px;
  aspect-ratio: 1400/700;
  width: 926px;
  max-width: 100%;
  box-shadow: inset 0 0 0 1px var(--color-border-translucent);
  background: #0e1010;
  border-radius: 8px;
  grid-template: 1fr/1fr;
  place-items: stretch stretch;
  display: grid;
  overflow: hidden;
}
@media (max-width: 640px) {
  .product-showcase-asset {
    aspect-ratio: 390/440;
    margin: 24px 0;
  }
}
.product-showcase-description {
  width: var(--prose-max-width);
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  margin-top: 96px;
  display: flex;
}
@media (max-width: 640px) {
  .product-showcase-description {
    margin-top: 24px;
  }
}
.product-showcase-descriptionLabel {
  flex-shrink: 0;
  width: 335px;
}
@media (max-width: 640px) {
  .product-showcase-descriptionLabel {
    display: none;
  }
}
.product-showcase-descriptionList {
  flex-direction: column;
  flex: 1 0 0;
  gap: 4px;
  min-width: 0;
  display: flex;
}
.product-showcase-descriptionItem {
  text-align: left;
  transition: color var(--speed-highlightFadeOut) var(--ease-out-quad);
  align-self: flex-start;
}
.product-showcase-descriptionItem:not(
    .product-showcase-descriptionItemActive
  ):hover {
  color: var(--color-text-tertiary);
  transition: none;
}
.product-showcase-descriptionItemActive {
  transition-duration: var(--speed-highlightFadeIn);
}
.marketing-utility-hideScrollbars {
  -ms-overflow-style: none !important;
  overflow: -moz-scrollbars-none !important;
  scrollbar-width: none !important;
}
.marketing-utility-hideScrollbars::-webkit-scrollbar {
  display: none;
}
.marketing-utility-edgeHighlight {
  isolation: isolate;
  border: var(--border-hairline) solid var(--color-border-translucent-strong);
  position: relative;
}
.marketing-utility-edgeHighlight:after {
  content: "";
  z-index: 1;
  pointer-events: none;
  border: inherit;
  border-color: var(--edge-highlight-color, #ffffff0f);
  border-radius: var(--edge-highlight-radius, inherit);
  position: absolute;
  inset: 0;
  -webkit-mask: radial-gradient(17.18% 28.57% at 0 0, #000 0%, #0000 90%);
  mask: radial-gradient(17.18% 28.57% at 0 0, #000 0%, #0000 90%);
}
.marketing-utility-visuallyHidden {
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}
.marketing-utility-slashedZero {
  font-feature-settings: var(--font-settings), "zero" !important;
  font-variant-numeric: lining-nums tabular-nums slashed-zero !important;
}
.marketing-utility-bottomGradientBorder {
  border-bottom: 1px solid var(--color-border-translucent);
  box-shadow: 0 1px #0006;
}
.marketing-utility-inset {
  padding-left: var(--homepage-padding-inset);
  padding-right: var(--homepage-padding-inset);
}
.marketing-utility-insetLarge {
  margin-left: -2px;
}
@media (max-width: 640px) {
  .marketing-utility-insetLarge {
    margin-left: -1px;
  }
}
.marketing-utility-insetSmall {
  margin-left: -1px;
}
@media (max-width: 640px) {
  .marketing-utility-insetSmall {
    margin-left: calc(-1 * var(--border-hairline));
  }
}
.product-section-heading-sectionHero {
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-bottom: 96px;
  display: flex;
}
@media (max-width: 640px) {
  .product-section-heading-sectionHero {
    padding-bottom: 24px;
  }
}
.product-section-heading-sectionTitle {
  width: var(--prose-max-width);
  max-width: 100%;
}

@charset "UTF-8";
@layer reset, base, app.base;
.workflow-diagram-root {
  -webkit-user-select: none;
  user-select: none;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  width: 100%;
  display: flex;
}
@media (max-width: 640px) {
  .workflow-diagram-root {
    padding-block: 40px;
  }
}
.workflow-diagram-stage {
  --px: calc(100cqw / var(--design-width));
  max-width: 100%;
  margin: 0 auto;
  position: relative;
  container-type: inline-size;
}
.workflow-diagram-card {
  z-index: 1;
  gap: calc(8 * var(--px));
  padding: calc(12 * var(--px)) calc(16 * var(--px));
  border-radius: calc(8 * var(--px));
  background:
    linear-gradient(var(--color-bg-panel), var(--color-bg-panel)) padding-box,
    linear-gradient(
        135deg,
        var(--color-border-translucent-strong),
        var(--color-border-translucent) 50%,
        transparent
      )
      border-box;
  border: 1px solid #0000;
  flex-direction: column;
  display: flex;
  position: absolute;
}
.workflow-diagram-row {
  align-items: center;
  gap: calc(8 * var(--px));
  color: var(--color-text-quaternary);
  display: flex;
}
.workflow-diagram-iconWrap {
  flex-shrink: 0;
  display: inline-flex;
}
.workflow-diagram-icon {
  width: calc(16 * var(--px));
  height: calc(16 * var(--px));
  transition: fill 0.3s;
  display: block;
}
.workflow-diagram-card[data-role="pr"]
  .workflow-diagram-row[data-active="true"]
  .workflow-diagram-icon {
  fill: var(--color-green);
}
.workflow-diagram-label {
  font-family: var(--font-monospace);
  font-size: calc(11 * var(--px));
  line-height: calc(20 * var(--px));
  text-transform: uppercase;
  white-space: nowrap;
}
.workflow-diagram-labelPrefix {
  margin-right: calc(8 * var(--px));
  opacity: 0.6;
}
.workflow-diagram-sandbox {
  z-index: 1;
  place-items: center;
  display: grid;
  position: absolute;
}
.workflow-diagram-caption {
  font-family: var(--font-monospace);
  font-size: calc(11 * var(--px));
  line-height: calc(20 * var(--px));
  text-transform: uppercase;
  white-space: nowrap;
  color: var(--color-text-quaternary);
  position: absolute;
  left: 50%;
  transform: translate(-50%);
}
.workflow-diagram-caption[data-side="top"] {
  bottom: calc(100% + 8 * var(--px));
}
.workflow-diagram-caption[data-side="bottom"] {
  top: calc(100% + 8 * var(--px));
}
.workflow-diagram-sandboxBorder {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}
.workflow-diagram-sandboxBorder rect {
  stroke: var(--color-text-quaternary);
  stroke-width: 1px;
  stroke-dasharray: 4 4;
}
.workflow-diagram-wires {
  z-index: 0;
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}
.workflow-diagram-wire path {
  stroke: var(--color-border-primary);
  stroke-width: 1px;
  fill: none;
}
.workflow-diagram-endpoint {
  fill: var(--color-text-quaternary);
  stroke: none;
}

@charset "UTF-8";
@layer reset, base, app.base;
.marketing-utility-hideScrollbars {
  -ms-overflow-style: none !important;
  overflow: -moz-scrollbars-none !important;
  scrollbar-width: none !important;
}
.marketing-utility-hideScrollbars::-webkit-scrollbar {
  display: none;
}
.marketing-utility-edgeHighlight {
  isolation: isolate;
  border: var(--border-hairline) solid var(--color-border-translucent-strong);
  position: relative;
}
.marketing-utility-edgeHighlight:after {
  content: "";
  z-index: 1;
  pointer-events: none;
  border: inherit;
  border-color: var(--edge-highlight-color, #ffffff0f);
  border-radius: var(--edge-highlight-radius, inherit);
  position: absolute;
  inset: 0;
  -webkit-mask: radial-gradient(17.18% 28.57% at 0 0, #000 0%, #0000 90%);
  mask: radial-gradient(17.18% 28.57% at 0 0, #000 0%, #0000 90%);
}
.marketing-utility-visuallyHidden {
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}
.marketing-utility-slashedZero {
  font-feature-settings: var(--font-settings), "zero" !important;
  font-variant-numeric: lining-nums tabular-nums slashed-zero !important;
}
.marketing-utility-bottomGradientBorder {
  border-bottom: 1px solid var(--color-border-translucent);
  box-shadow: 0 1px #0006;
}
.marketing-utility-inset {
  padding-left: var(--homepage-padding-inset);
  padding-right: var(--homepage-padding-inset);
}
.marketing-utility-insetLarge {
  margin-left: -2px;
}
@media (max-width: 640px) {
  .marketing-utility-insetLarge {
    margin-left: -1px;
  }
}
.marketing-utility-insetSmall {
  margin-left: -1px;
}
@media (max-width: 640px) {
  .marketing-utility-insetSmall {
    margin-left: calc(-1 * var(--border-hairline));
  }
}

@charset "UTF-8";
@layer reset, base, app.base;
.marketing-utility-hideScrollbars {
  -ms-overflow-style: none !important;
  overflow: -moz-scrollbars-none !important;
  scrollbar-width: none !important;
}
.marketing-utility-hideScrollbars::-webkit-scrollbar {
  display: none;
}
.marketing-utility-edgeHighlight {
  isolation: isolate;
  border: var(--border-hairline) solid var(--color-border-translucent-strong);
  position: relative;
}
.marketing-utility-edgeHighlight:after {
  content: "";
  z-index: 1;
  pointer-events: none;
  border: inherit;
  border-color: var(--edge-highlight-color, #ffffff0f);
  border-radius: var(--edge-highlight-radius, inherit);
  position: absolute;
  inset: 0;
  -webkit-mask: radial-gradient(17.18% 28.57% at 0 0, #000 0%, #0000 90%);
  mask: radial-gradient(17.18% 28.57% at 0 0, #000 0%, #0000 90%);
}
.marketing-utility-visuallyHidden {
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}
.marketing-utility-slashedZero {
  font-feature-settings: var(--font-settings), "zero" !important;
  font-variant-numeric: lining-nums tabular-nums slashed-zero !important;
}
.marketing-utility-bottomGradientBorder {
  border-bottom: 1px solid var(--color-border-translucent);
  box-shadow: 0 1px #0006;
}
.marketing-utility-inset {
  padding-left: var(--homepage-padding-inset);
  padding-right: var(--homepage-padding-inset);
}
.marketing-utility-insetLarge {
  margin-left: -2px;
}
@media (max-width: 640px) {
  .marketing-utility-insetLarge {
    margin-left: -1px;
  }
}
.marketing-utility-insetSmall {
  margin-left: -1px;
}
@media (max-width: 640px) {
  .marketing-utility-insetSmall {
    margin-left: calc(-1 * var(--border-hairline));
  }
}
.marketing-section-layout-root {
  overflow: hidden;
}
.marketing-section-layout-content {
  overscroll-behavior-x: contain;
  scroll-snap-stop: always;
  padding-block: calc(var(--focus-ring-width) + var(--focus-ring-offset));
  overflow: scroll hidden;
}
.marketing-section-layout-inner {
  gap: var(--Carousel-gap);
  grid-auto-flow: column;
  min-width: fit-content;
  display: grid;
}
.marketing-section-layout-item {
  scroll-snap-align: var(--align);
}
.marketing-section-layout-variant-inset {
  --edge: calc((100vw - var(--page-max-width)) / 2);
  --min-edge: calc(var(--edge) - var(--Carousel-gap));
  --min-padding: calc(var(--page-padding-left) - var(--Carousel-gap));
}
.marketing-section-layout-variant-inset.marketing-section-layout-align-start
  .marketing-section-layout-content {
  scroll-padding-inline-start: calc(
    max(var(--min-edge), var(--min-padding)) + var(--Carousel-gap)
  );
}
.marketing-section-layout-variant-inset .marketing-section-layout-inner:before,
.marketing-section-layout-variant-inset .marketing-section-layout-inner:after {
  content: "";
  min-width: max(var(--min-edge), var(--min-padding));
  display: block;
}
.marketing-section-layout-align-start {
  --align: start;
}

@charset "UTF-8";
@layer reset, base, app.base;
.marketing-call-to-action-root {
  width: 100vw;
  margin-left: -50vw;
  position: relative;
  left: 50%;
  overflow: hidden;
}
.marketing-call-to-action-canvas {
  pointer-events: none;
  position: absolute;
  inset: 0;
  -webkit-mask-image: radial-gradient(480px at 50% 100%, #000 0%, #0000 70%);
  mask-image: radial-gradient(480px at 50% 100%, #000 0%, #0000 70%);
}
.marketing-call-to-action-content {
  position: relative;
}

@charset "UTF-8";
@layer reset, base, app.base;
@charset "UTF-8";
@layer reset, base, app.base;
@layer reset,base,app.base;
@layer web {
  @layer reset,fonts,base,utils;
}
@layer web.reset {
  *,
  :before,
  :after {
    box-sizing: border-box;
  }
  html,
  body,
  div,
  span,
  applet,
  object,
  iframe,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  blockquote,
  pre,
  a,
  abbr,
  acronym,
  address,
  big,
  cite,
  code,
  del,
  dfn,
  em,
  img,
  ins,
  kbd,
  q,
  s,
  samp,
  small,
  strike,
  strong,
  sub,
  sup,
  tt,
  var,
  b,
  u,
  i,
  center,
  dl,
  dt,
  dd,
  ol,
  ul,
  li,
  fieldset,
  form,
  label,
  legend,
  table,
  caption,
  tbody,
  tfoot,
  thead,
  tr,
  th,
  td,
  article,
  aside,
  canvas,
  details,
  embed,
  figure,
  figcaption,
  footer,
  header,
  hgroup,
  menu,
  nav,
  output,
  ruby,
  section,
  summary,
  time,
  mark,
  audio,
  video {
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    vertical-align: baseline;
    border: 0;
    margin: 0;
    padding: 0;
  }
  div,
  span,
  applet,
  object,
  iframe,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  blockquote,
  pre,
  a,
  abbr,
  acronym,
  address,
  big,
  cite,
  code,
  del,
  dfn,
  em,
  img,
  ins,
  kbd,
  q,
  s,
  samp,
  small,
  strike,
  strong,
  sub,
  sup,
  tt,
  var,
  b,
  u,
  i,
  center,
  dl,
  dt,
  dd,
  ol,
  ul,
  li,
  fieldset,
  form,
  label,
  legend,
  table,
  caption,
  tbody,
  tfoot,
  thead,
  tr,
  th,
  td,
  article,
  aside,
  canvas,
  details,
  embed,
  figure,
  figcaption,
  footer,
  header,
  hgroup,
  menu,
  nav,
  output,
  ruby,
  section,
  summary,
  time,
  mark,
  audio,
  video {
    font-family: inherit;
  }
  article,
  aside,
  details,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  menu,
  nav,
  section {
    display: block;
  }
  body {
    line-height: 1;
  }
  blockquote,
  q {
    quotes: none;
  }
  blockquote:before,
  blockquote:after,
  q:before,
  q:after {
    content: "";
    content: none;
  }
  cite {
    font-style: normal;
  }
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }
}
@layer web.fonts {
  @font-face {
    font-family: Inter Variable;
    font-weight: 100 900;
    font-display: swap;
    font-style: normal;
    src: url(/fonts/marketing-sans.woff2) format("woff2");
  }
  @font-face {
    font-family: Inter Variable;
    font-weight: 100 900;
    font-display: swap;
    font-style: italic;
    src: url(/fonts/marketing-sans-italic.woff2) format("woff2");
  }
  @font-face {
    font-family: Berkeley Mono;
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(/fonts/marketing-mono.woff2) format("woff2");
  }
}
:root {
  --header-height: 72px;
  --header-blur: 20px;
  --page-padding-inline: 24px;
  --page-padding-block: 64px;
  --page-padding-left: max(
    env(safe-area-inset-left),
    var(--page-padding-inline)
  );
  --page-padding-right: max(
    env(safe-area-inset-right),
    var(--page-padding-inline)
  );
  --page-max-width: 1024px;
  --prose-max-width: 624px;
  --homepage-outer-padding: 46px;
}
@media (max-width: 1280px) {
  :root {
    --homepage-outer-padding: 10px;
  }
}
@media (max-width: 1024px) {
  :root {
    --homepage-outer-padding: 28px;
  }
}
@media (max-width: 640px) {
  :root {
    --homepage-outer-padding: 16px;
    --header-height: 64px;
  }
}
:root {
  --homepage-max-width: calc(1344px + var(--homepage-outer-padding) * 2);
  --homepage-padding-inset: 32px;
}
@media (max-width: 1024px) {
  :root {
    --homepage-padding-inset: 8px;
  }
}
:root {
  --grid-columns: 12;
  --page-inset: 32px;
  --layer-max: 10000;
  --layer-debug: 5100;
  --layer-skip-nav: 5000;
  --layer-context-menu: 1200;
  --layer-tooltip: 1100;
  --layer-toasts: 800;
  --layer-dialog: 700;
  --layer-dialog-overlay: 699;
  --layer-command-menu: 650;
  --layer-popover: 600;
  --layer-overlay: 500;
  --layer-header: 100;
  --layer-scrollbar: 75;
  --layer-footer: 50;
  --layer-3: 3;
  --layer-2: 2;
  --layer-1: 1;
  --radius-4: 4px;
  --radius-6: 6px;
  --radius-8: 8px;
  --radius-12: 12px;
  --radius-16: 16px;
  --radius-24: 24px;
  --radius-32: 32px;
  --radius-rounded: 9999px;
  --radius-circle: 50%;
  --border-hairline: 1px;
}
@media only screen and ((min-device-pixel-ratio: 2) or (-webkit-min-device-pixel-ratio:2)),
  only screen and ((min-device-pixel-ratio: 2) or (min-resolution:192dpi)) {
  :root {
    --border-hairline: 0.5px;
  }
}
:root {
  --font-serif-display:
    "Tiempos Headline", ui-serif, Georgia, Cambria, "Times New Roman", Times,
    serif;
  --font-monospace:
    "Berkeley Mono", ui-monospace, "SF Mono", "Menlo", monospace;
  --font-regular:
    "Inter Variable", "SF Pro Display", -apple-system, BlinkMacSystemFont,
    "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Open Sans",
    "Helvetica Neue", sans-serif;
  --font-emoji:
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Segoe UI",
    "Twemoji Mozilla", "Noto Color Emoji", "Android Emoji";
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-medium: 510;
  --font-weight-semibold: 590;
  --font-weight-bold: 680;
  --underline-thickness: clamp(1px, 0.0625em, 3px);
  --underline-offset: clamp(2px, 0.225em, 6px);
}
@supports (text-decoration-thickness: from-font) {
  :root {
    --underline-thickness: from-font;
  }
}
:root {
  --speed-highlightFadeIn: 0s;
  --speed-highlightFadeOut: 0.15s;
  --speed-quickTransition: 0.1s;
  --speed-regularTransition: 0.25s;
  --mask-visible: black;
  --mask-on: black;
  --mask-ease: #0003;
  --mask-invisible: transparent;
  --mask-off: transparent;
  --shadow-none: 0px 0px 0px transparent;
  --shadow-tiny: var(--shadow-none);
  --shadow-low: var(--shadow-none);
  --shadow-medium: var(--shadow-none);
  --shadow-high: var(--shadow-none);
  --rounded-full: 9999px;
  --transparent: #fff0;
  --min-tap-size: 44px;
  --dvh: 1vh;
  --100dvh: calc(100 * var(--dvh));
  --svh: 1vh;
  --100svh: calc(100 * var(--svh));
  --1fr: minmax(0, 1fr);
  --scrollbar-color: #ffffff1a;
  --scrollbar-color-hover: #fff3;
  --scrollbar-color-active: #fff6;
  --scrollbar-size: 6px;
  --scrollbar-size-active: 10px;
  --scrollbar-gap: 4px;
  --ease-in-quad: cubic-bezier(0.55, 0.085, 0.68, 0.53);
  --ease-in-cubic: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  --ease-in-quart: cubic-bezier(0.895, 0.03, 0.685, 0.22);
  --ease-in-quint: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  --ease-in-expo: cubic-bezier(0.95, 0.05, 0.795, 0.035);
  --ease-in-circ: cubic-bezier(0.6, 0.04, 0.98, 0.335);
  --ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ease-out-cubic: cubic-bezier(0.215, 0.61, 0.355, 1);
  --ease-out-quart: cubic-bezier(0.165, 0.84, 0.44, 1);
  --ease-out-quint: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-out-expo: cubic-bezier(0.19, 1, 0.22, 1);
  --ease-out-circ: cubic-bezier(0.075, 0.82, 0.165, 1);
  --ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  --ease-in-out-cubic: cubic-bezier(0.645, 0.045, 0.355, 1);
  --ease-in-out-quart: cubic-bezier(0.77, 0, 0.175, 1);
  --ease-in-out-quint: cubic-bezier(0.86, 0, 0.07, 1);
  --ease-in-out-expo: cubic-bezier(1, 0, 0, 1);
  --ease-in-out-circ: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  --color-white: #fff;
  --color-black: #000;
  --color-blue: #4ea7fc;
  --color-red: #eb5757;
  --color-green: #27a644;
  --color-orange: #fc7840;
  --color-yellow: #f0bf00;
  --color-indigo: #5e6ad2;
  --color-teal: #00b8cc;
  --color-product-plan: #68cc58;
  --color-product-build: #d4b144;
  --color-product-security: #7a7fad;
  --focus-ring-color: var(--color-indigo);
  --focus-ring-width: 2px;
  --focus-ring-offset: 2px;
  --focus-ring-outline: var(--focus-ring-width) solid var(--focus-ring-color);
  --pointer: pointer;
  --cursor-pointer: pointer;
  --cursor-disabled: not-allowed;
  --cursor-tooltip: help;
  --font-size-micro: 0.6875rem;
  --font-size-microPlus: 0.6875rem;
  --font-size-mini: 0.75rem;
  --font-size-miniPlus: 0.75rem;
  --font-size-small: 0.8125rem;
  --font-size-smallPlus: 0.8125rem;
  --font-size-regular: 0.9375rem;
  --font-size-regularPlus: 0.9375rem;
  --font-size-large: 1.125rem;
  --font-size-largePlus: 1.125rem;
  --font-size-title1: 2.25rem;
  --font-size-title2: 1.5rem;
  --font-size-title3: 1.25rem;
  --title-1: var(--font-weight-semibold) var(--title-1-size) /
    var(--title-1-line-height) var(--font-regular);
  --title-1-size: 1.0625rem;
  --title-1-line-height: 1.4;
  --title-1-letter-spacing: -0.012em;
  --title-2: var(--font-weight-semibold) var(--title-2-size) /
    var(--title-2-line-height) var(--font-regular);
  --title-2-size: 1.25rem;
  --title-2-line-height: 1.33;
  --title-2-letter-spacing: -0.012em;
  --title-3: var(--font-weight-semibold) var(--title-3-size) /
    var(--title-3-line-height) var(--font-regular);
  --title-3-size: 1.5rem;
  --title-3-line-height: 1.33;
  --title-3-letter-spacing: -0.012em;
  --title-4: var(--font-weight-semibold) var(--title-4-size) /
    var(--title-4-line-height) var(--font-regular);
  --title-4-size: 2rem;
  --title-4-line-height: 1.125;
  --title-4-letter-spacing: -0.022em;
  --title-5: var(--font-weight-semibold) var(--title-5-size) /
    var(--title-5-line-height) var(--font-regular);
  --title-5-size: 2.5rem;
  --title-5-line-height: 1.1;
  --title-5-letter-spacing: -0.022em;
  --title-6: var(--font-weight-semibold) var(--title-6-size) /
    var(--title-6-line-height) var(--font-regular);
  --title-6-size: 3rem;
  --title-6-line-height: 1;
  --title-6-letter-spacing: -0.022em;
  --title-7: var(--font-weight-semibold) var(--title-7-size) /
    var(--title-7-line-height) var(--font-regular);
  --title-7-size: 3.5rem;
  --title-7-line-height: 1.1;
  --title-7-letter-spacing: -0.022em;
  --title-8: var(--font-weight-semibold) var(--title-8-size) /
    var(--title-8-line-height) var(--font-regular);
  --title-8-size: 4rem;
  --title-8-line-height: 1.06;
  --title-8-letter-spacing: -0.022em;
  --title-9: var(--font-weight-semibold) var(--title-9-size) /
    var(--title-9-line-height) var(--font-regular);
  --title-9-size: 4.5rem;
  --title-9-line-height: 1;
  --title-9-letter-spacing: -0.022em;
  --text-large: var(--text-large-size) / var(--text-large-line-height)
    var(--font-regular);
  --text-large-size: 1.0625rem;
  --text-large-line-height: 1.6;
  --text-large-letter-spacing: 0;
  --text-regular: var(--text-regular-size) / var(--text-regular-line-height)
    var(--font-regular);
  --text-regular-size: 0.9375rem;
  --text-regular-line-height: 1.6;
  --text-regular-letter-spacing: -0.011em;
  --text-small: var(--text-small-size) / var(--text-small-line-height)
    var(--font-regular);
  --text-small-size: 0.875rem;
  --text-small-line-height: calc(21 / 14);
  --text-small-letter-spacing: -0.013em;
  --text-mini: var(--text-mini-size) / var(--text-mini-line-height)
    var(--font-regular);
  --text-mini-size: 0.8125rem;
  --text-mini-line-height: 1.5;
  --text-mini-letter-spacing: -0.01em;
  --text-micro: var(--text-micro-size) / var(--text-micro-line-height)
    var(--font-regular);
  --text-micro-size: 0.75rem;
  --text-micro-line-height: 1.4;
  --text-micro-letter-spacing: 0;
  --text-tiny: var(--text-tiny-size) / var(--text-tiny-line-height)
    var(--font-regular);
  --text-tiny-size: 0.625rem;
  --text-tiny-line-height: 1.5;
  --text-tiny-letter-spacing: -0.015em;
  --cursor-none: none !important;
}
@media (dynamic-range: high) or (color-gamut: p3) {
  :root {
    --color-blue: #5eb0ff;
  }
  @supports (color: color(display-p3 0 0 0)) {
    :root {
      --color-blue: color(display-p3 0.431 0.6816 0.9988);
    }
  }
}
@supports (height: 1dvh) {
  :root {
    --dvh: 1dvh;
  }
}
@supports (height: 1svh) {
  :root {
    --svh: 1svh;
  }
}
@media (max-width: 768px) {
  :root {
    --page-padding-y: 48px;
    --grid-columns: 8;
  }
}
@media (max-width: 640px) {
  :root {
    --grid-columns: 4;
  }
}
[data-theme="dark"],
[data-theme="light"],
[data-theme="glass"] {
  color: var(--color-text-primary);
}
[data-theme="dark"] {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  --header-bg: #0b0b0bcc;
  --header-border: #ffffff14;
  --color-bg-primary: #08090a;
  --color-bg-secondary: #1c1c1f;
  --color-bg-tertiary: #232326;
  --color-bg-quaternary: #28282c;
  --color-bg-marketing: #010102;
  --color-bg-translucent: #ffffff0d;
  --color-bg-quinary: #282828;
  --color-bg-panel: #0f1011;
  --color-border-primary: #23252a;
  --color-border-secondary: #34343a;
  --color-border-tertiary: #3e3e44;
  --color-border-translucent: #ffffff0d;
  --color-border-translucent-strong: #ffffff14;
  --color-text-primary: #f7f8f8;
  --color-text-secondary: #d0d6e0;
  --color-text-tertiary: #8a8f98;
  --color-text-quaternary: #62666d;
  --color-link-primary: #828fff;
  --color-link-hover: #fff;
  --color-brand-bg: #5e6ad2;
  --color-brand-text: #fff;
  --color-button-invert-bg: #e5e5e6;
  --color-button-invert-bg-hover: #fff;
  --color-selection-text: var(--color-white);
  --color-selection-bg: color-mix(in lch, var(--color-brand-bg), black 10%);
  --color-selection-dim: color-mix(
    in lch,
    var(--color-brand-bg),
    transparent 80%
  );
  --color-overlay-dim-rgb: 255, 255, 255;
  --color-overlay-primary: #000000d9;
  --color-alpha: 255;
  --shadow-low: 0px 2px 4px #0000001a;
  --shadow-medium: 0px 4px 24px #0003;
  --shadow-high: 0px 7px 32px #00000059;
  --shadow-stack-low:
    0px 8px 2px 0px #0000, 0px 5px 2px 0px #00000003, 0px 3px 2px 0px #0000000a,
    0px 1px 1px 0px #00000012, 0px 0px 1px 0px #00000014;
  --icon-grayscale-image-filter: grayscale(100%) brightness(400%);
  --color-bg-level-0: #08090a;
  --color-bg-level-1: #0f1011;
  --color-bg-level-2: #141516;
  --color-bg-level-3: #191a1b;
  --color-bg-tint: #141516;
  --color-line-primary: #37393a;
  --color-line-secondary: #202122;
  --color-line-tertiary: #18191a;
  --color-line-quaternary: #141515;
  --color-line-tint: #141516;
  --color-fg-primary: #f7f8f8;
  --color-fg-secondary: #d0d6e0;
  --color-fg-tertiary: #8a8f98;
  --color-fg-quaternary: #62666d;
  --color-accent: #7170ff;
  --color-accent-hover: #828fff;
  --color-accent-tint: #18182f;
}
[data-theme="glass"] {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  --header-bg: var(--color-bg-primary);
  --header-border: #ffffff14;
  --color-bg-primary: #000212;
  --color-bg-secondary: #ffffff08;
  --color-bg-tertiary: #ffffff12;
  --color-bg-quaternary: #ffffff26;
  --color-bg-quinary: #fff3;
  --color-border-primary: #ffffff14;
  --color-border-secondary: #ffffff1f;
  --color-border-tertiary: #ffffff26;
  --color-text-primary: #f7f8f8;
  --color-text-secondary: #b4bcd0;
  --color-text-tertiary: #b4bcd099;
  --color-text-quaternary: #b4bcd066;
  --color-link-primary: #828fff;
  --color-link-hover: var(--color-text-primary);
  --color-brand-bg: #5e6ad2;
  --color-brand-text: #fff;
  --color-selection-text: var(--color-white);
  --color-selection-bg: color-mix(
    in lch,
    var(--color-brand-bg),
    transparent 30%
  );
  --color-selection-dim: color-mix(
    in lch,
    var(--color-brand-bg),
    transparent 80%
  );
  --color-overlay-dim-rgb: 255, 255, 255;
  --color-overlay-primary: #000000d9;
  --color-alpha: 255;
  --color-bg-level-0: #08090a;
  --color-bg-level-1: #0f1011;
  --color-bg-level-2: #141516;
  --color-bg-level-3: #191a1b;
  --color-bg-tint: #141516;
  --shadow-low: 0px 2px 4px #0000001a;
  --shadow-medium: 0px 4px 24px #0003;
  --shadow-high: 0px 7px 32px #00000059;
  --icon-grayscale-image-filter: grayscale(100%) brightness(400%);
}
[data-theme="light"] {
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
  --header-bg: var(--color-bg-primary);
  --header-border: #00000014;
  --color-bg-primary: #fff;
  --color-bg-secondary: #f9f8f9;
  --color-bg-tertiary: #f4f2f4;
  --color-bg-quaternary: #eeedef;
  --color-bg-quinary: #e9e8ea;
  --color-bg-translucent: #00000005;
  --color-border-primary: #e9e8ea;
  --color-border-secondary: #e4e2e4;
  --color-border-tertiary: #dcdbdd;
  --color-border-translucent: #0000000d;
  --color-border-translucent-strong: #00000014;
  --color-text-primary: #282a30;
  --color-text-secondary: #3c4149;
  --color-text-tertiary: #6f6e77;
  --color-text-quaternary: #86848d;
  --color-link-primary: #7070ff;
  --color-link-hover: var(--color-text-primary);
  --color-brand-bg: #7070ff;
  --color-brand-text: #fff;
  --color-button-invert-bg: #282a30;
  --color-button-invert-bg-hover: #1f2024;
  --color-selection-text: currentColor;
  --color-selection-bg: color-mix(
    in lch,
    var(--color-brand-bg),
    transparent 64%
  );
  --color-selection-dim: color-mix(
    in lch,
    var(--color-brand-bg),
    transparent 80%
  );
  --focus-ring-color: #0006;
  --focus-ring-width: 2px;
  --focus-ring-offset: 2px;
  --focus-ring-outline: var(--focus-ring-width) solid var(--focus-ring-color);
  --color-overlay-dim-rgb: 0, 0, 0;
  --color-overlay-primary: #ffffffa6;
  --color-alpha: 0;
  --shadow-tiny: 0px 1px 1px 0px #00000017;
  --shadow-low: 0px 1px 4px -1px #00000017;
  --shadow-medium: 0px 3px 12px #00000017;
  --shadow-high: 0px 7px 24px #0000000f;
  --shadow-stack-low:
    0px -1px 1px 0px #0000001c inset, 0px 8px 2px 0px #0000,
    0px 5px 2px 0px #00000003, 0px 3px 2px 0px #0000000a,
    0px 1px 1px 0px #00000012, 0px 0px 1px 0px #00000014;
  --font-weight-normal: 400;
  --font-weight-medium: 510;
  --font-weight-semibold: 590;
  --font-weight-bold: 680;
  --scrollbar-color: #0000001a;
  --scrollbar-color-hover: #0003;
  --scrollbar-color-active: #0000004d;
  --icon-grayscale-image-filter: grayscale(100%) brightness(0%);
  --color-bg-level-0: #fff;
  --color-bg-level-1: #f8f8f8;
  --color-bg-level-2: #f4f4f4;
  --color-bg-level-3: #f0f0f0;
  --color-bg-tint: #f4f4f5;
  --color-line-primary: #d4d4d6;
  --color-line-secondary: #eaeaeb;
  --color-line-tertiary: #f0f0f0;
  --color-line-quaternary: #f4f4f4;
  --color-line-tint: #f4f4f5;
  --color-fg-primary: #282a2f;
  --color-fg-secondary: #3c4149;
  --color-fg-tertiary: #6f6e77;
  --color-fg-quaternary: #86848d;
  --color-accent: #7170ff;
  --color-accent-hover: #8989f0;
  --color-accent-tint: #f1f1ff;
}
::selection {
  color: var(--color-selection-text);
  background: var(--color-selection-bg);
}
img::selection {
  color: var(--color-selection-text);
  background: var(--color-selection-dim);
}
* {
  outline-color: #0000;
}
:focus:not(:focus-visible) {
  outline: none;
}
:focus-visible {
  outline-style: solid;
  outline-color: var(--focus-ring-color);
  outline-width: var(--focus-ring-width);
  outline-offset: var(--focus-ring-offset);
}
html,
body {
  background: var(--color-bg-primary);
  min-height: 100vh;
  color: var(--color-text-primary);
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  --font-settings: "cv01", "ss03";
  font-feature-settings: var(--font-settings);
  --font-variations: "opsz" auto;
  font-variation-settings: var(--font-variations);
  margin: 0;
  padding: 0;
}
html {
  font-size: 100%;
  font-weight: var(--font-weight-normal);
  scroll-padding-top: calc(var(--header-height) + 36px);
  scroll-padding-bottom: 32px;
}
body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizelegibility;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
  line-height: 1.5;
  overflow-x: hidden;
}
html.logged-in [data-hide="logged-in"],
html:not(.logged-in) [data-show="logged-in"],
html:not(.js) button[data-rmiz-btn-open] {
  display: none;
}
@media (max-width: 640px) {
  [data-hide="mobile"],
  .hide-mobile {
    display: none !important;
  }
}
@media (min-width: 641px) {
  [data-show="mobile"],
  .show-mobile {
    display: none !important;
  }
}
@media (max-width: 768px) {
  [data-hide="tablet"],
  .hide-tablet {
    display: none !important;
  }
}
@media (min-width: 769px) {
  [data-show="tablet"],
  .show-tablet {
    display: none !important;
  }
}
@media (max-width: 1024px) {
  [data-hide="laptop"],
  .hide-laptop {
    display: none !important;
  }
}
@media (min-width: 1025px) {
  [data-show="laptop"],
  .show-laptop {
    display: none !important;
  }
}
@media (max-width: 1280px) {
  [data-hide="desktop"],
  .hide-desktop {
    display: none !important;
  }
}
@media (min-width: 1281px) {
  [data-show="desktop"],
  .show-desktop {
    display: none !important;
  }
}
@media (any-hover: hover) {
  [data-hide="hover"] {
    display: none !important;
  }
}
@media not (any-hover: hover) {
  [data-show="hover"] {
    display: none !important;
  }
}
@layer web.base {
  body,
  html,
  button,
  input,
  optgroup,
  select,
  textarea {
    font-family: var(--font-regular);
  }
  a {
    cursor: pointer;
    color: inherit;
    text-decoration: none;
  }
  a:not([class]) {
    color: var(--color-text-primary);
    text-decoration: underline;
    text-decoration-thickness: var(--underline-thickness);
    text-underline-offset: var(--underline-offset);
    -webkit-text-decoration-color: var(--color-text-quaternary);
    -webkit-text-decoration-color: var(--color-text-quaternary);
    text-decoration-color: var(--color-text-quaternary);
    transition: var(--speed-regularTransition);
    transition-property: color, text-decoration-color, background;
  }
  @media (any-hover: hover) {
    a:not([class]):hover {
      -webkit-text-decoration-color: var(--color-text-primary);
      -webkit-text-decoration-color: var(--color-text-primary);
      text-decoration-color: var(--color-text-primary);
    }
  }
  svg,
  img {
    flex-shrink: 0;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  li {
    margin: 0;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: 1rem;
    font-weight: var(--font-weight-semibold);
    color: var(--color-text-primary);
  }
  li {
    margin-bottom: 8px;
    margin-left: 24px;
  }
  hr {
    border: 0;
    border-top: 1px solid var(--color-border-primary);
    height: 0;
  }
  b,
  strong {
    font-weight: var(--font-weight-semibold);
  }
  kbd {
    background: var(--color-bg-primary);
    min-width: 24px;
    box-shadow:
      var(--shadow-tiny, var(--shadow-none)),
      0 0 0 1px var(--color-border-tertiary);
    font-size: 0.8em;
    line-height: normal;
    font-weight: var(--font-weight-medium);
    text-align: center;
    border-radius: 5px;
    margin: 0 1px;
    padding: 3px 6px;
    display: inline-block;
  }
  kbd:first-letter {
    text-transform: uppercase;
  }
  pre,
  code {
    font-variation-settings: normal;
    font-feature-settings: normal;
    font-family: var(--font-monospace);
  }
  code:not(pre code) {
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    background-color: var(--color-bg-secondary);
    border: 1px solid var(--color-border-secondary);
    border-radius: 0.3em;
    padding: 0.1em 0.25em;
    font-size: 0.875em;
    line-height: 1.3;
  }
  pre {
    background: var(--color-bg-secondary);
    border: 1px solid var(--color-border-translucent);
    font-family: var(--font-monospace);
    text-align: left;
    tab-size: 4;
    -webkit-hyphens: none;
    hyphens: none;
    color: var(--color-text-secondary);
    border-radius: 8px;
    padding: 16px;
    font-size: 14px;
    line-height: 1.5;
    position: relative;
    overflow-x: auto;
  }
  [data-custom-scrollbar]::-webkit-scrollbar {
    width: 12px;
    height: 12px;
  }
  [data-custom-scrollbar]::-webkit-scrollbar-track {
    background: 0 0;
    transition: background 0.12s;
  }
  [data-custom-scrollbar]::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar-color);
    border-radius: var(--radius-rounded);
    background-clip: content-box;
    border: 3px solid #0000;
  }
  [data-custom-scrollbar]::-webkit-scrollbar-thumb:hover {
    --scrollbar-color: var(--scrollbar-color-hover);
  }
  [data-custom-scrollbar]::-webkit-scrollbar-thumb:active {
    --scrollbar-color: var(--scrollbar-color-active);
  }
}
::view-transition-old(root) {
  mix-blend-mode: normal;
  animation: none;
}
::view-transition-new(root) {
  mix-blend-mode: normal;
  animation: none;
}
@media (prefers-reduced-motion: reduce) {
  ::view-transition-group(*) {
    animation: none !important;
  }
  ::view-transition-old(*) {
    animation: none !important;
  }
  ::view-transition-new(*) {
    animation: none !important;
  }
}

@charset "UTF-8";
@layer reset, base, app.base;
@charset "UTF-8";
@layer reset, base, app.base;
@media (max-width: 640px) {
  .marketing-utility-insetLarge {
    margin-left: -1px;
  }
}
@media (max-width: 640px) {
  .marketing-utility-insetSmall {
    margin-left: calc(-1 * var(--border-hairline));
  }
}
.product-detail-subsection {
  flex-direction: column;
  align-items: center;
  display: flex;
}
@media (max-width: 640px) {
  .product-detail-subsection {
    padding: 40px 0;
  }
}
.product-detail-bleedAsset {
  width: 100%;
}
.product-detail-caption {
  width: var(--prose-max-width);
  max-width: calc(100vw - var(--homepage-outer-padding) * 2);
  text-align: left;
  margin: 96px auto 0;
}
@media (max-width: 640px) {
  .product-detail-caption {
    margin-top: 24px;
  }
}
@media (max-width: 640px) {
  .marketing-utility-insetLarge {
    margin-left: -1px;
  }
}
@media (max-width: 640px) {
  .marketing-utility-insetSmall {
    margin-left: calc(-1 * var(--border-hairline));
  }
}
.marketing-utility-hideScrollbars {
  -ms-overflow-style: none !important;
  overflow: -moz-scrollbars-none !important;
  scrollbar-width: none !important;
}
.marketing-utility-hideScrollbars::-webkit-scrollbar {
  display: none;
}
.marketing-utility-edgeHighlight {
  isolation: isolate;
  border: var(--border-hairline) solid var(--color-border-translucent-strong);
  position: relative;
}
.marketing-utility-edgeHighlight:after {
  content: "";
  z-index: 1;
  pointer-events: none;
  border: inherit;
  border-color: var(--edge-highlight-color, #ffffff0f);
  border-radius: var(--edge-highlight-radius, inherit);
  position: absolute;
  inset: 0;
  -webkit-mask: radial-gradient(17.18% 28.57% at 0 0, #000 0%, #0000 90%);
  mask: radial-gradient(17.18% 28.57% at 0 0, #000 0%, #0000 90%);
}
.marketing-utility-visuallyHidden {
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}
.marketing-utility-slashedZero {
  font-feature-settings: var(--font-settings), "zero" !important;
  font-variant-numeric: lining-nums tabular-nums slashed-zero !important;
}
.marketing-utility-bottomGradientBorder {
  border-bottom: 1px solid var(--color-border-translucent);
  box-shadow: 0 1px #0006;
}
.marketing-utility-inset {
  padding-left: var(--homepage-padding-inset);
  padding-right: var(--homepage-padding-inset);
}
.marketing-utility-insetLarge {
  margin-left: -2px;
}
@media (max-width: 640px) {
  .marketing-utility-insetLarge {
    margin-left: -1px;
  }
}
.marketing-utility-insetSmall {
  margin-left: -1px;
}
@media (max-width: 640px) {
  .marketing-utility-insetSmall {
    margin-left: calc(-1 * var(--border-hairline));
  }
}
.product-section-heading-sectionHero {
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-bottom: 96px;
  display: flex;
}
@media (max-width: 640px) {
  .product-section-heading-sectionHero {
    padding-bottom: 24px;
  }
}
.product-section-heading-sectionTitle {
  width: var(--prose-max-width);
  max-width: 100%;
}
.marketing-multi-panel-root {
  justify-content: center;
  display: flex;
}
.marketing-multi-panel-frame {
  width: 100%;
  max-width: 926px;
  height: 640px;
  margin: 0 auto;
}
.marketing-multi-panel-stage {
  isolation: isolate;
  width: 100%;
  height: 100%;
  position: relative;
}
.marketing-multi-panel-panel {
  background: var(--color-bg-panel);
  box-shadow:
    inset 0 1px 0 0 var(--color-border-translucent),
    inset 1px 0 0 0 var(--color-border-translucent),
    inset -1px 0 0 0 var(--color-border-translucent);
  position: absolute;
  overflow: hidden;
}
.marketing-multi-panel-secondary {
  z-index: 1;
  border-radius: 12px 0 0;
  width: 355px;
  height: 584px;
  top: 56px;
  left: 0;
}
.marketing-multi-panel-shadow {
  z-index: 2;
  width: 160px;
  height: 584px;
  position: absolute;
  top: 56px;
  right: 571px;
}
.marketing-multi-panel-primary {
  z-index: 3;
  border-radius: 12px 12px 0 0;
  width: 571px;
  height: 616px;
  top: 24px;
  right: 0;
}
.marketing-multi-panel-mobile {
  width: 100%;
  padding: 24px 0;
}
.marketing-multi-panel-mobileImage {
  width: 100%;
}
.product-page-shell-root {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
}
.product-page-shell-sections {
  --prose-max-width: 754px;
  flex-direction: column;
  display: flex;
}

@charset "UTF-8";
@layer reset, base, app.base;
@charset "UTF-8";
@layer reset, base, app.base;
.marketing-section-separator-keyline {
  background: var(--color-border-translucent-strong);
  width: 100%;
  height: 1px;
}
.marketing-section-separator-shadow {
  background: var(--color-black);
  width: 100%;
  height: 1px;
}

@charset "UTF-8";
@layer reset, base, app.base;
.marketing-section-divider {
  width: 100vw;
  margin-left: -50vw;
  margin-right: -50vw;
  position: relative;
  left: 50%;
  right: 50%;
}

@charset "UTF-8";
@layer reset, base, app.base;
@charset "UTF-8";
@layer reset, base, app.base;
.marketing-vertical-spacer-root {
  -webkit-user-select: none;
  user-select: none;
  width: 1px;
  min-width: 1px;
  height: 1px;
  min-height: 1px;
  margin-top: calc(var(--height, 0px) - 1px);
  margin-left: calc(var(--width, 0px) - 1px);
  display: block;
}

@charset "UTF-8";
@layer reset, base, app.base;
@keyframes dYXc1G_fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@media (max-width: 640px) {
  .marketing-final-cta-heading {
    text-align: center;
    font-size: 38px !important;
  }
}
.marketing-final-cta {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 40px;
  width: 100%;
  margin-block: 224px;
  display: flex;
}
@media (max-width: 768px) {
  .marketing-final-cta {
    margin-block: 128px;
  }
}
@media (max-width: 640px) {
  .marketing-final-cta {
    margin-block: 96px;
  }
}

@charset "UTF-8";
@layer reset, base, app.base;
@charset "UTF-8";
@layer reset, base, app.base;
@layer web.utils {
  .marketing-reset-reset-button {
    color: inherit;
    outline: none;
  }
  .marketing-reset-reset-button {
    cursor: var(--cursor-pointer);
    -webkit-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    appearance: none;
    font: inherit;
    -webkit-tap-highlight-color: transparent;
    background: 0 0;
    border: none;
    margin: 0;
    padding: 0;
  }

  .marketing-reset-reset-ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
}
.marketing-utility-hideScrollbars {
  -ms-overflow-style: none !important;
  overflow: -moz-scrollbars-none !important;
  scrollbar-width: none !important;
}
.marketing-utility-hideScrollbars::-webkit-scrollbar {
  display: none;
}
.marketing-utility-edgeHighlight {
  isolation: isolate;
  border: var(--border-hairline) solid var(--color-border-translucent-strong);
  position: relative;
}
.marketing-utility-edgeHighlight:after {
  content: "";
  z-index: 1;
  pointer-events: none;
  border: inherit;
  border-color: var(--edge-highlight-color, #ffffff0f);
  border-radius: var(--edge-highlight-radius, inherit);
  position: absolute;
  inset: 0;
  -webkit-mask: radial-gradient(17.18% 28.57% at 0 0, #000 0%, #0000 90%);
  mask: radial-gradient(17.18% 28.57% at 0 0, #000 0%, #0000 90%);
}
.marketing-utility-visuallyHidden {
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}
.marketing-utility-slashedZero {
  font-feature-settings: var(--font-settings), "zero" !important;
  font-variant-numeric: lining-nums tabular-nums slashed-zero !important;
}
.marketing-utility-bottomGradientBorder {
  border-bottom: 1px solid var(--color-border-translucent);
  box-shadow: 0 1px #0006;
}
.marketing-utility-inset {
  padding-left: var(--homepage-padding-inset);
  padding-right: var(--homepage-padding-inset);
}
.marketing-utility-insetLarge {
  margin-left: -2px;
}
@media (max-width: 640px) {
  .marketing-utility-insetLarge {
    margin-left: -1px;
  }
}
.marketing-utility-insetSmall {
  margin-left: -1px;
}
@media (max-width: 640px) {
  .marketing-utility-insetSmall {
    margin-left: calc(-1 * var(--border-hairline));
  }
}
.marketing-navigation-header {
  -webkit-user-select: none;
  user-select: none;
  isolation: isolate;
  z-index: var(--layer-header);
  transform: translateX(
    calc(-1 * var(--removed-body-scroll-bar-size, 0px) / 2)
  );
  -webkit-backdrop-filter: blur(var(--header-blur));
  backdrop-filter: blur(var(--header-blur));
  background: linear-gradient(
    180deg,
    var(--header-bg) 0%,
    color-mix(in oklab, var(--header-bg) 100%, transparent 5%) 100%
  );
  border-bottom: 1px solid var(--header-border);
  transition: var(--speed-quickTransition) var(--ease-out-quad);
  top: 0;
  margin-inline: auto;
  transition-property: border-color, background;
  position: fixed;
  inset-inline: 0;
}
.marketing-navigation-header:before {
  content: "";
  pointer-events: none;
  background: linear-gradient(
    180deg,
    var(--color-bg-primary) 0%,
    transparent 100%
  );
  position: absolute;
  inset: 0;
}
[data-theme="light"] .marketing-navigation-header:after {
  content: none;
}
[data-transparent-header] .marketing-navigation-header {
  --header-border: transparent;
  --header-bg: transparent;
}
html[data-scrolled]
  [data-transparent-header][data-header]
  .marketing-navigation-header {
  --header-border: #ffffff14;
  --header-bg: var(--color-bg-primary);
}
html[data-scrolled][data-theme="light"]
  [data-transparent-header][data-header]
  .marketing-navigation-header {
  --header-border: #00000014;
  --header-bg: #fffc;
}
.marketing-navigation-header:has(
  .marketing-navigation-mobileMenuTrigger[data-state="open"]
) {
  --header-border: #ffffff14;
}
[data-theme="light"]
  .marketing-navigation-header:has(
    .marketing-navigation-mobileMenuTrigger[data-state="open"]
  ) {
  --header-border: #00000014;
}
.marketing-navigation-innerWrapper {
  height: var(--header-height);
  width: 100%;
  max-width: var(--homepage-max-width);
  padding-left: calc(
    var(--homepage-padding-inset) + var(--homepage-outer-padding) - 1px
  );
  padding-right: calc(
    var(--homepage-padding-inset) + var(--homepage-outer-padding) - 1px
  );
  align-items: center;
  margin-inline: auto;
  display: flex;
}
.marketing-navigation-innerWrapper > div {
  width: 100%;
}
.marketing-navigation-menuRoot {
  align-items: center;
  height: 100%;
  display: flex;
}
@media (max-width: 768px) {
  .marketing-navigation-menuRoot {
    flex-direction: column;
  }
}
.marketing-navigation-list {
  min-height: var(--header-height);
  align-items: center;
  gap: 8px;
  list-style: none;
  display: flex;
}
@media (max-width: 768px) {
  .marketing-navigation-list {
    justify-content: flex-start;
    gap: 16px;
  }
}
.marketing-navigation-buttonItem {
  justify-content: center;
  align-items: center;
  display: flex;
}
.marketing-navigation-buttonItem a,
.marketing-navigation-buttonItem span {
  width: 100%;
}
.marketing-navigation-item {
  white-space: nowrap;
  margin: 0;
}
.marketing-navigation-anchor {
  height: 32px;
  color: var(--color-text-tertiary);
  border-radius: var(--radius-rounded);
  transition: var(--speed-quickTransition) var(--ease-out-quad);
  --anchor-glass-bg: #ffffff14;
  background: 0 0;
  justify-content: center;
  align-items: center;
  padding: 0 12px;
  font-size: 13px;
  transition-property: color, background;
  display: flex;
  position: relative;
}
[data-theme="light"] .marketing-navigation-anchor {
  --anchor-glass-bg: #00000014;
}
.marketing-navigation-anchor[data-state="open"] {
  color: var(--color-text-primary);
  background: var(--anchor-glass-bg);
}
.marketing-navigation-anchor[data-active] {
  color: var(--color-text-primary);
}
@media (any-hover: hover) {
  .marketing-navigation-anchor:hover {
    color: var(--color-text-primary);
    background: var(--anchor-glass-bg);
  }
}
.marketing-navigation-item {
  list-style: none;
  display: grid;
}
.marketing-navigation-item[data-state="open"] {
  color: var(--color-text-primary);
  background: var(--color-bg-quaternary);
}
[data-theme="light"] .marketing-navigation-item {
  color: #000c;
}
.marketing-navigation-logoItem {
  color: var(--color-text-primary);
  flex: 1;
  justify-content: flex-start;
  display: flex;
}
.marketing-navigation-navItems {
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}
.marketing-navigation-buttons {
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}
.marketing-navigation-navDivider {
  background: var(--color-border-primary);
  width: 1px;
  height: 16px;
  margin-inline: 8px;
}
.marketing-navigation-logoLink {
  border-radius: 6px;
  justify-content: flex-start;
  align-items: center;
  height: 32px;
  margin-left: -8px;
  padding: 0 8px;
  display: flex;
}
.marketing-navigation-mobileItem {
  display: none;
}
.marketing-navigation-mobileItem.marketing-navigation-mobileItem {
  margin-left: calc(-1 * var(--page-padding-right) + 8px);
}
@media (max-width: 768px) {
  .marketing-navigation-mobileItem {
    display: block;
  }
}
.marketing-navigation-mobileMenuTrigger {
  height: var(--header-height);
  aspect-ratio: 1;
  outline: none;
  justify-content: center;
  align-items: center;
  margin-right: -28px;
  display: flex;
}
.marketing-navigation-mobileMenuTrigger[data-state="open"]
  > svg
  > rect:first-of-type {
  transform: rotate(45deg) !important;
}
.marketing-navigation-mobileMenuTrigger[data-state="open"]
  > svg
  > rect:last-of-type {
  transform: rotate(-45deg) !important;
}
.marketing-navigation-mobileMenuContent {
  top: calc(var(--header-height) + 1px);
  height: calc(100 * var(--dvh) - var(--header-height) - 1px);
  background: var(--header-bg);
  -webkit-backdrop-filter: blur(var(--header-blur));
  backdrop-filter: blur(var(--header-blur));
  z-index: var(--layer-dialog);
  outline: none;
  flex-grow: 1;
  padding-block: 32px;
  padding-inline: 24px;
  display: none;
  position: fixed;
  inset-inline: 0;
  overflow-y: auto;
}
@media (max-width: 768px) {
  .marketing-navigation-mobileMenuContent {
    flex-direction: column;
    display: flex;
  }
}
@media (prefers-reduced-motion: no-preference) {
  .marketing-navigation-mobileMenuContent[data-state="open"] {
    animation: 0.18s both marketing-navigation-mobileMenuIn;
  }
  .marketing-navigation-mobileMenuContent[data-state="closed"] {
    animation: 0.18s both marketing-navigation-mobileMenuOut;
  }
}
@keyframes marketing-navigation-mobileMenuIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes marketing-navigation-mobileMenuOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.marketing-navigation-mobileMenuList {
  flex-direction: column;
  gap: 12px;
  margin-top: 20px;
  list-style-type: none;
  display: flex;
}
.marketing-navigation-mobileMenuList li {
  margin: 0;
}
.marketing-navigation-mobileMenuList li a:active {
  color: var(--color-text-tertiary);
}
@media (any-hover: hover) {
  .marketing-navigation-mobileMenuList li a:hover {
    color: var(--color-text-tertiary);
  }
}
.marketing-navigation-trigger {
  isolation: isolate;
  position: relative;
}
.marketing-navigation-trigger:before {
  content: "";
  z-index: 0;
  position: absolute;
  inset: 0 -8px;
}
.marketing-navigation-trigger[data-state="open"]:after {
  content: "";
  height: 32px;
  position: absolute;
  top: 100%;
  left: -32px;
  right: -32px;
}
.marketing-navigation-content {
  transform-origin: top;
  will-change: transform;
  padding: 8px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.marketing-navigation-content.marketing-navigation-productNav,
.marketing-navigation-content.marketing-navigation-resourcesNav {
  width: fit-content;
}
.marketing-navigation-content.marketing-navigation-resourcesNav {
  max-width: 856px;
}
.marketing-navigation-content > div {
  height: 100%;
}
@media (max-width: 640px) {
  .marketing-navigation-content {
    display: none;
  }
}
@media (prefers-reduced-motion: no-preference) {
  .marketing-navigation-content {
    animation: var(--duration) var(--ease-in-out-quad) both;
    --duration: 0.18s;
    --anim-amount: 48px;
  }
  .marketing-navigation-content[data-motion="from-start"] {
    animation-name: marketing-navigation-enterFromLeft;
  }
  .marketing-navigation-content[data-motion="from-end"] {
    animation-name: marketing-navigation-enterFromRight;
  }
  .marketing-navigation-content[data-motion="to-start"] {
    animation-name: marketing-navigation-exitToLeft;
  }
  .marketing-navigation-content[data-motion="to-end"] {
    animation-name: marketing-navigation-exitToRight;
  }
}
.marketing-navigation-viewport {
  --inner-card-border: 1px;
  height: max(var(--radix-navigation-menu-viewport-height), 236px);
  width: var(--radix-navigation-menu-viewport-width);
  max-width: calc(100vw - var(--page-padding-left) - var(--page-padding-right));
  -webkit-backdrop-filter: blur(32px);
  backdrop-filter: blur(32px);
  transform-origin: top;
  background: #08090ae6;
  border: 1px solid #ffffff14;
  border-radius: 14px;
  padding: 8px;
  transition:
    height 0.22s,
    width 0.22s;
  position: relative;
  overflow: hidden;
  box-shadow: 0 8px 32px #08090a;
}
[data-theme="light"] .marketing-navigation-viewport {
  background: #ffffffe6;
  border: 1px solid #00000014;
  box-shadow: 0 8px 32px #08090a0d;
}
.marketing-navigation-viewport:before {
  content: "";
  height: var(--inner-card-height);
  background: var(--color-bg-translucent);
  border: var(--inner-card-border) solid var(--color-border-translucent);
  border-radius: 6px;
  transition: height 0.22s;
  position: absolute;
  top: 8px;
  left: 8px;
  right: 8px;
}
@media (prefers-reduced-motion: no-preference) {
  .marketing-navigation-viewport {
    animation: 0.18s both marketing-navigation-scaleIn;
  }
  .marketing-navigation-viewport[data-state="closed"] {
    animation: 0.18s both marketing-navigation-scaleOut;
  }
}
.marketing-navigation-viewportPosition {
  top: calc(var(--header-height) - 8px);
  z-index: var(--layer-max);
  pointer-events: none;
  max-width: var(--homepage-max-width);
  padding-right: calc(
    var(--homepage-padding-inset) + var(--homepage-outer-padding) - 1px
  );
  justify-content: flex-end;
  margin-inline: auto;
  display: flex;
  position: fixed;
  left: 0;
  right: 0;
}
.marketing-navigation-viewportPosition > * {
  pointer-events: auto;
}
.marketing-navigation-contentFooter {
  justify-content: space-between;
  max-width: 100%;
  padding: 16px 16px 11px;
  display: flex;
}
@keyframes marketing-navigation-enterFromRight {
  0% {
    opacity: 0;
    transform: translateX(var(--anim-amount));
  }
  to {
    opacity: 1;
    transform: translate(0);
  }
}
@keyframes marketing-navigation-enterFromLeft {
  0% {
    opacity: 0;
    transform: translateX(calc(-1 * var(--anim-amount)));
  }
  to {
    opacity: 1;
    transform: translate(0);
  }
}
@keyframes marketing-navigation-exitToRight {
  0% {
    opacity: 1;
    transform: translate(0);
  }
  to {
    opacity: 0;
    transform: translateX(var(--anim-amount));
  }
}
@keyframes marketing-navigation-exitToLeft {
  0% {
    opacity: 1;
    transform: translate(0);
  }
  to {
    opacity: 0;
    transform: translateX(calc(-1 * var(--anim-amount)));
  }
}
@keyframes marketing-navigation-scaleIn {
  0% {
    opacity: 0;
    transform: scale(0.98);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes marketing-navigation-scaleOut {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(0.98);
  }
}
@keyframes marketing-navigation-fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes marketing-navigation-fadeOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.marketing-navigation-subnav {
  height: 100%;
}
.marketing-navigation-subItems {
  grid-template-columns: 256px 256px 256px;
  column-gap: 24px;
  padding: 12px;
  display: grid;
}
.marketing-navigation-inlineLink {
  border-radius: 6px;
  padding: 12px 16px;
  transition: none;
  position: relative;
}
.marketing-navigation-inlineLink:after {
  content: "";
  background: var(--color-border-translucent);
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -12px;
}
@media (any-hover: hover) {
  .marketing-navigation-inlineLink:hover {
    color: var(--color-text-primary);
    background: #ffffff08;
  }
  [data-theme="light"] .marketing-navigation-inlineLink:hover {
    background: #00000008;
  }
}
.marketing-navigation-inlineLink:active:after {
  opacity: 1;
}
.marketing-navigation-featureGrid {
  margin: 0;
}
.marketing-navigation-resourcesNav {
  grid-template-columns: 256px 256px 256px;
}
.marketing-navigation-rightSideWrapper {
  flex-shrink: 0;
  align-items: center;
  width: 100%;
  max-width: 620px;
  margin: 0;
  display: flex;
}
@media (max-width: 1024px) {
  .marketing-navigation-rightSideWrapper {
    width: auto;
  }
}
.marketing-navigation-changelogLink:hover {
  background: #818fff26 !important;
}
.marketing-navigation-changelogSingleLink:hover {
  background: #ffffff12 !important;
}

@charset "UTF-8";
@layer reset, base, app.base;
.marketing-section-stack {
  padding-left: var(--page-padding-left);
  padding-right: var(--page-padding-right);
  max-width: var(--page-max-width);
  width: 100%;
  margin-inline: auto;
}
.marketing-homepage-sections {
  max-width: var(--homepage-max-width);
  padding: 0 var(--homepage-outer-padding);
}

@charset "UTF-8";
@layer reset, base, app.base;
@charset "UTF-8";
@layer reset, base, app.base;
.marketing-footer-footer {
  max-width: 100%;
  z-index: var(--layer-footer);
  background: var(--color-bg-primary);
  border-top: 1px solid var(--color-border-primary);
  position: relative;
}
.marketing-footer-wrapper {
  max-width: var(--homepage-max-width);
  margin-inline: auto;
}
.marketing-footer-inner {
  padding: 56px var(--homepage-outer-padding);
  grid-template-columns: repeat(6, var(--1fr));
  place-items: start;
  gap: 0;
  display: grid;
}
@media (max-width: 1024px) {
  .marketing-footer-inner {
    grid-template-columns: repeat(4, var(--1fr));
    row-gap: 48px;
  }
}
@media (max-width: 768px) {
  .marketing-footer-inner {
    column-gap: 16px;
  }
}
@media (max-width: 640px) {
  .marketing-footer-inner {
    grid-template-columns: repeat(2, var(--1fr));
    padding-bottom: 24px;
  }
}
.marketing-footer-section {
  width: 100%;
  font-size: var(--text-mini-size);
  line-height: var(--text-mini-line-height);
  letter-spacing: var(--text-mini-letter-spacing);
  padding-inline: var(--homepage-padding-inset);
}
.marketing-footer-logoWrapper {
  display: flex;
}
@media (max-width: 768px) {
  .marketing-footer-logoWrapper {
    grid-area: 1/1/1/-1;
  }
}
.marketing-footer-sectionTitle {
  font: inherit;
  letter-spacing: inherit;
  font-weight: var(--font-weight-medium);
  color: var(--color-text-primary);
  margin-bottom: 24px;
}
@media (max-width: 768px) {
  .marketing-footer-sectionTitle {
    margin-bottom: 16px;
  }
}
.marketing-footer-sectionList {
  flex-direction: column;
  gap: 2px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}
.marketing-footer-sectionItem {
  margin: 0;
}
.marketing-footer-sectionLink {
  white-space: nowrap;
  align-items: center;
  min-height: 28px;
  display: inline-flex;
}
@media (max-width: 768px) {
  .marketing-footer-sectionLink {
    white-space: initial;
  }
}
.marketing-footer-legal {
  grid-column: 2;
  align-self: center;
  margin-top: 80px;
}
@media (max-width: 768px) {
  .marketing-footer-legal {
    grid-column: 1/-1;
  }
}
.marketing-footer-legalLinks {
  gap: 20px;
  display: flex;
}
.marketing-footer-legalLink {
  font-size: var(--text-mini-size);
  line-height: var(--text-mini-line-height);
  letter-spacing: var(--text-mini-letter-spacing);
  color: var(--color-text-quaternary);
  text-decoration: none;
}
.marketing-footer-legalLink:hover {
  color: var(--color-text-tertiary);
}
.marketing-footer-logoColumn {
  margin-left: var(--homepage-padding-inset);
}
@media (max-width: 1024px) {
  .marketing-footer-logoColumn {
    grid-row: 1/3;
  }
}
.marketing-footer-themeSwitcher {
  padding-inline: var(--homepage-padding-inset);
  grid-column: -2/-1;
  align-self: center;
  margin-top: 80px;
}
@media (max-width: 1024px) {
  .marketing-footer-themeSwitcher {
    grid-column: -2/-1;
    margin-top: 0;
  }
}
@media (max-width: 768px) {
  .marketing-footer-themeSwitcher {
    grid-column: 1;
    margin-top: 0;
  }
}
.marketing-skip-link-root {
  top: var(--header-height);
  background: var(--color-brand-bg);
  color: var(--color-brand-text);
  font-size: 14px;
  font-weight: var(--font-weight-medium);
  z-index: var(--layer-skip-nav);
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  opacity: 0;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 32px;
  padding: 0 16px;
  display: flex;
  position: fixed;
  left: 0;
  right: 0;
}
.marketing-skip-link-root:focus {
  box-shadow:
    0 0 0 2px var(--color-bg-primary),
    0 0 0 4px var(--color-brand-bg);
  pointer-events: all;
  opacity: 1;
  transform: none;
}
.marketing-page-container {
  flex-direction: column;
  width: 100%;
  display: flex;
}
.marketing-page-content {
  min-height: calc(100 * var(--dvh));
  flex-direction: column;
  flex: 1;
  display: flex;
}

@charset "UTF-8";
@layer reset, base, app.base;
.marketing-masked-image-wrapper {
  pointer-events: none;
  display: inline-block;
  position: relative;
  overflow: hidden;
}
.marketing-masked-image-image {
  width: 100%;
  height: auto;
  display: block;
}
.marketing-masked-image-mask {
  pointer-events: none;
  z-index: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

@charset "UTF-8";
@layer reset, base, app.base;
@charset "UTF-8";
@layer reset, base, app.base;
.homepage-feature-root {
  margin-inline: auto;
  padding-top: 128px;
  padding-bottom: 128px;
}
@media (max-width: 768px) {
  .homepage-feature-root {
    padding-top: 48px;
    padding-bottom: 96px;
  }
}
@media (max-width: 640px) {
  .homepage-feature-root {
    padding-top: 0;
    padding-bottom: 0;
  }
  .homepage-feature-rootHomepage {
    flex-direction: column-reverse;
    display: flex;
  }
}
.homepage-feature-illustration {
  max-width: var(--homepage-max-width);
  width: 100%;
  position: relative;
}
.homepage-feature-actionWrapper {
  margin-top: 48px;
}
@media (max-width: 1024px) {
  .homepage-feature-actionWrapper {
    margin-top: 24px;
  }
}
.homepage-feature-action {
  transition:
    filter 0.16s var(--ease-out-quad),
    transform 0.16s var(--ease-out-quad);
  display: inline-block;
}
@media (any-hover: hover) {
  .homepage-feature-action:hover {
    filter: brightness(1.4);
  }
}
.homepage-feature-action:active {
  transform: scale(0.97);
}
.homepage-feature-header {
  grid-template-columns: 1fr 1fr;
  align-items: start;
  padding-bottom: 96px;
  display: grid;
}
@media (max-width: 1024px) {
  .homepage-feature-header {
    grid-template-columns: 1fr;
    padding-bottom: 64px;
  }
}
@media (max-width: 640px) {
  .homepage-feature-header {
    padding-top: 40px;
    padding-bottom: 48px;
  }
}
.homepage-feature-titleContainer {
  padding-right: 32px;
}
@supports (text-box: trim-both cap alphabetic) {
  .homepage-feature-title {
    text-box: trim-both cap alphabetic;
  }
}
.homepage-feature-descriptionContainer {
  padding-right: var(--homepage-padding-inset);
  padding-left: var(--homepage-padding-inset);
}
@media (max-width: 1024px) {
  .homepage-feature-descriptionContainer {
    margin-top: 24px;
  }
}
.homepage-feature-descriptionText {
  color: var(--color-text-secondary);
  max-width: 38ch;
}
@supports (text-box: trim-both cap alphabetic) {
  .homepage-feature-descriptionText {
    text-box: trim-both cap alphabetic;
  }
}
@media (max-width: 640px) {
  .homepage-feature-descriptionText {
    color: var(--color-text-tertiary);
  }
}
@charset "UTF-8";
@layer reset, base, app.base;
.marketing-utility-hideScrollbars {
  -ms-overflow-style: none !important;
  overflow: -moz-scrollbars-none !important;
  scrollbar-width: none !important;
}
.marketing-utility-hideScrollbars::-webkit-scrollbar {
  display: none;
}
.marketing-utility-edgeHighlight {
  isolation: isolate;
  border: var(--border-hairline) solid var(--color-border-translucent-strong);
  position: relative;
}
.marketing-utility-edgeHighlight:after {
  content: "";
  z-index: 1;
  pointer-events: none;
  border: inherit;
  border-color: var(--edge-highlight-color, #ffffff0f);
  border-radius: var(--edge-highlight-radius, inherit);
  position: absolute;
  inset: 0;
  -webkit-mask: radial-gradient(17.18% 28.57% at 0 0, #000 0%, #0000 90%);
  mask: radial-gradient(17.18% 28.57% at 0 0, #000 0%, #0000 90%);
}
.marketing-utility-visuallyHidden {
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}
.marketing-utility-slashedZero {
  font-feature-settings: var(--font-settings), "zero" !important;
  font-variant-numeric: lining-nums tabular-nums slashed-zero !important;
}
.marketing-utility-bottomGradientBorder {
  border-bottom: 1px solid var(--color-border-translucent);
  box-shadow: 0 1px #0006;
}
.marketing-utility-inset {
  padding-left: var(--homepage-padding-inset);
  padding-right: var(--homepage-padding-inset);
}
.marketing-utility-insetLarge {
  margin-left: -2px;
}
@media (max-width: 640px) {
  .marketing-utility-insetLarge {
    margin-left: -1px;
  }
}
.marketing-utility-insetSmall {
  margin-left: -1px;
}
@media (max-width: 640px) {
  .marketing-utility-insetSmall {
    margin-left: calc(-1 * var(--border-hairline));
  }
}
.marketing-card-grid-root {
  max-width: 100%;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .marketing-card-grid-root {
    width: 100vw;
    max-width: none;
    margin-left: -50vw;
    margin-right: -50vw;
    position: relative;
    left: 50%;
    right: 50%;
  }
}
.marketing-card-grid-gridContainer {
  border: 1px solid var(--color-border-translucent-strong);
  border-radius: 8px;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .marketing-card-grid-gridContainer {
    border: none;
    border-radius: 0;
  }
  .marketing-card-grid-gridContainer .marketing-card-grid-grid {
    border: none;
    border-radius: 0;
    grid-template-columns: var(--1fr) !important;
  }
}
.marketing-card-grid-card {
  isolation: isolate;
  border-right: 1px solid var(--color-border-translucent-strong);
  border-bottom: 1px solid var(--color-border-translucent-strong);
  margin: 0;
  padding: 0;
  position: relative;
  overflow: hidden;
}
.marketing-card-grid-card:nth-child(2n) {
  border-right: none;
}
@media (max-width: 1024px) {
  .marketing-card-grid-card {
    border: none;
    border-bottom: 1px solid var(--color-border-translucent-strong);
    border-radius: 0;
  }
}
.marketing-card-grid-illustration {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  flex: 1;
  place-items: center;
  width: 100%;
  height: 100%;
  display: grid;
  position: relative;
}
.marketing-card-grid-illustration svg {
  width: 100%;
  max-width: 100%;
}
.marketing-card-grid-caption {
  padding: 32px var(--homepage-padding-inset);
  z-index: var(--layer-2);
  position: relative;
}
@media (max-width: 1024px) {
  .marketing-card-grid-caption {
    padding: 32px
      calc(var(--homepage-outer-padding) + var(--homepage-padding-inset));
  }
}
.marketing-card-grid-caption {
  background: var(--color-bg-primary);
}
@media (max-width: 1024px) {
  .marketing-card-grid-caption {
    padding-bottom: 40px;
  }
}
.marketing-card-grid-captionText {
  text-wrap: balance;
  max-width: var(--prose-max-width);
}

@charset "UTF-8";
@layer reset, base, app.base;
@charset "UTF-8";
@layer reset, base, app.base;
@keyframes _4YXZSa_pillarHeroPulse {
  to {
    box-shadow: 0 0 0 10px #f34f5200;
  }
}
.product-navigation-root {
  grid-template-columns: repeat(4, 1fr);
  margin-block: 200px;
  display: grid;
}
@media (max-width: 1024px) {
  .product-navigation-root {
    grid-template-columns: repeat(2, 1fr);
    gap: 64px 0;
    margin-block: 64px;
    padding-inline: 8px;
  }
}
@media (max-width: 640px) {
  .product-navigation-root {
    grid-template-columns: 1fr;
    gap: 0;
    margin-block: 48px;
  }
}
.product-navigation-card {
  border-right: 1px solid var(--color-border-translucent-strong);
  flex-direction: column;
  height: 256px;
  padding-left: 32px;
  padding-right: 40px;
  text-decoration: none;
  display: flex;
}
.product-navigation-card:last-child {
  border-right: none;
}
@media (max-width: 1024px) {
  .product-navigation-card {
    border-right: none;
    height: 136px;
    padding: 0;
  }
  .product-navigation-card:nth-child(2),
  .product-navigation-card:nth-child(4) {
    border-left: 1px solid var(--color-border-translucent-strong);
    padding-left: 24px;
  }
}
@media (max-width: 640px) {
  .product-navigation-card {
    height: auto;
  }
  .product-navigation-card:nth-child(n) {
    border: none;
    padding: 0 8px 56px;
  }
  .product-navigation-card:first-child {
    padding-top: 0;
  }
  .product-navigation-card:nth-child(4) {
    padding-bottom: 0;
  }
}
.product-navigation-eyebrow {
  transition: filter 0.16s var(--ease-out-quad);
  margin-bottom: 8px;
}
@media (any-hover: hover) {
  .product-navigation-card:hover .product-navigation-eyebrow {
    filter: brightness(1.3);
    transition-duration: 0s;
  }
}
@media (max-width: 640px) {
  .product-navigation-eyebrow {
    display: none;
  }
}
.product-navigation-bottom {
  flex-direction: column;
  gap: 24px;
  margin-top: auto;
  display: flex;
}
@media (max-width: 640px) {
  .product-navigation-bottom {
    gap: 0;
    margin-top: 0;
  }
  .product-navigation-description {
    max-width: none;
    color: var(--color-text-primary);
    font-size: 26px;
    font-weight: 400;
    letter-spacing: -0.02em;
    line-height: 1.25;
  }
}
.product-navigation-learnMore {
  transition: filter 0.16s var(--ease-out-quad);
}
@media (any-hover: hover) {
  .product-navigation-card:hover .product-navigation-learnMore {
    filter: brightness(1.3);
    transition-duration: 0s;
  }
}
@media (max-width: 640px) {
  .product-navigation-learnMore {
    display: none;
  }
}
.product-navigation-mobileLink {
  transition: filter 0.16s var(--ease-out-quad);
  align-items: center;
  display: none;
}
@media (any-hover: hover) {
  .product-navigation-card:hover .product-navigation-mobileLink {
    filter: brightness(1.3);
    transition-duration: 0s;
  }
}
@media (max-width: 640px) {
  .product-navigation-mobileLink {
    gap: 12px;
    margin-top: 32px;
    color: var(--color-text-quaternary);
    display: flex;
    font-size: 16px;
    line-height: 1.5;
  }
}