:host {
  display: block;
  isolation: isolate;
}
.marketing-body {
  background: var(--ds-background-200);
  color: var(--ds-gray-1000);
  font-family: "Geist Variable", Arial, sans-serif;
  --font-geist: "Geist Variable", Arial, sans-serif;
  --font-geist-sans: "Geist Variable", Arial, sans-serif;
  --font-sans: "Geist Variable", Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Consolas, monospace;
  --geist-font: "Geist Variable", Arial, sans-serif;
  --geist-font-mono: ui-monospace, Consolas, monospace;
}
.marketing-body * {
  box-sizing: border-box;
}
.marketing-body .AMTIxG_gridSystemLazyContent {
  content-visibility: visible !important;
}
.marketing-body .AMTIxG_page {
  padding-top: 90px !important;
}
.marketing-body a:focus-visible,
.marketing-body button:focus-visible,
.marketing-body [tabindex]:focus-visible {
  outline: 2px solid var(--ds-blue-700);
  outline-offset: 4px;
}
.marketing-switch {
  width: 40px;
  height: 24px;
  border-radius: 14px;
  background: var(--ds-gray-300);
  border: 0;
  padding: 0;
  cursor: pointer;
  position: relative;
  transition: background 0.15s cubic-bezier(0, 0, 0.2, 1);
}
.marketing-switch[aria-checked="true"] {
  background: var(--geist-success, #0070f3);
}
.marketing-switch span {
  width: 21px;
  height: 21px;
  position: absolute;
  left: 1.5px;
  top: 1.5px;
  background: var(--ds-background-100);
  border-radius: 50%;
  box-shadow: 0 0 3px #0004;
  transition: transform 0.15s ease-in-out;
}
.marketing-switch[aria-checked="true"] span {
  transform: translateX(16px);
}
.c3R0yG_graph {
  touch-action: pan-y;
}
.c3R0yG_tooltip {
  pointer-events: none;
}
.c3R0yG_graph1 g,
.c3R0yG_graph2 g {
  opacity: 1 !important;
}
.marketing-body .AMTIxG_gridSystemLazyContent [style*="opacity:0"] {
  opacity: 1;
}
.marketing-body .vmBC9q_primary {
  min-height: 180px;
}
.marketing-body [data-resolved="false"] img {
  opacity: 1;
}
.marketing-body .AMTIxG_gridSystemLazyContent > div:first-child {
  min-height: 0;
}
.marketing-body .geist-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
@media (max-width: 600px) {
  .marketing-body .AMTIxG_page {
    padding-top: 40px !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .marketing-body *,
  .marketing-body *:before,
  .marketing-body *:after {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
}

.marketing-body {
  container-type: inline-size;
}
.marketing-body .jd-module-name,.previews-body .jd-module-name {font-size:22px;font-weight:600;letter-spacing:-.04em;color:var(--ds-gray-1000)}
.previews-body .jd-connection-badge {display:flex;align-items:center;justify-content:center;width:80px;height:48px;background:var(--ds-background-100);border:1px solid var(--ds-gray-400);border-radius:10px;font-size:12px;font-weight:600;color:var(--ds-gray-1000)}
.jd-word-art {display:inline-flex;position:relative;align-items:center;justify-content:center;width:100%;height:1em}
.jd-original-word {position:absolute;inset:0;pointer-events:none}
.jd-original-word .EwR1lq_word,.jd-original-word .EwR1lq_personalized,.jd-original-word .EwR1lq_dynamic,.jd-original-word .EwR1lq_faster {visibility:hidden}
.jd-original-word .EwR1lq_fun > svg {visibility:hidden}
.jd-word-label {display:inline-block;position:relative;font-size:inherit;font-weight:600;letter-spacing:-.06em;line-height:1;white-space:nowrap}
.jd-word-personalized .jd-word-label {width:100%;height:1.2em}
.jd-word-dynamic .jd-word-label {animation:jd-word-float 5s ease-in-out infinite;color:var(--ds-blue-700)}
.jd-word-faster .jd-word-label {font-style:italic;text-shadow:-5px 0 3px var(--ds-gray-alpha-200),-10px 0 4px var(--ds-gray-alpha-100)}
.jd-word-fun .jd-word-label {color:var(--ds-purple-700)}
@keyframes jd-word-float {0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-5px) rotate(2deg)}}
@media(max-width:600px){.jd-word-label {font-size:.8em}}
