.XiocDa_page {
  --ink: #172e30;
  --muted: #496768;
  --paper: #f8f4e9;
  --mist: #dfe9e2;
  --coral: #ff735f;
  --blue: #1649c6;
  --yellow: #ffcb67;
  background: var(--mist);
  min-height: 100vh;
  color: var(--ink);
  font-family: Avenir Next, Avenir, system-ui, sans-serif;
}

.XiocDa_shell {
  width: min(1180px, 100% - 48px);
  margin-inline: auto;
}

.XiocDa_eyebrow {
  color: #c74837;
  letter-spacing: .1em;
  text-transform: uppercase;
  margin: 0;
  font: 900 11px / 1.2 ui-monospace, SFMono-Regular, Menlo, monospace;
}

.XiocDa_hero {
  padding-block: 112px 100px;
}

.XiocDa_hero h1, .XiocDa_catalogHero h1 {
  letter-spacing: -.07em;
  max-width: 1000px;
  margin: 22px 0 30px;
  font-size: clamp(54px, 7.3vw, 96px);
  line-height: .95;
}

.XiocDa_lede {
  max-width: 760px;
  color: var(--muted);
  margin: 0;
  font-size: clamp(18px, 2vw, 22px);
  line-height: 1.6;
}

.XiocDa_heroLinks {
  align-items: center;
  gap: 25px;
  margin-top: 38px;
  display: flex;
}

.XiocDa_primaryButton {
  background: var(--blue);
  border: 2px solid var(--ink);
  color: #fff;
  min-height: 52px;
  box-shadow: 4px 4px 0 var(--ink);
  justify-content: center;
  align-items: center;
  padding: 0 22px;
  font-size: 14px;
  font-weight: 900;
  display: inline-flex;
}

.XiocDa_primaryButton:hover {
  background: #0e3aaa;
}

.XiocDa_textLink {
  color: var(--blue);
  border-bottom: 2px solid;
  font-weight: 900;
}

.XiocDa_methodSection {
  border-top: 1px solid #172e303d;
  padding-block: 96px 115px;
}

.XiocDa_sectionHeading {
  grid-template-columns: 1.2fr .8fr;
  align-items: end;
  gap: 80px;
  margin-bottom: 54px;
  display: grid;
}

.XiocDa_sectionHeading h2, .XiocDa_embeddingCopy h2, .XiocDa_limitsGrid h2, .XiocDa_nextSection h2, .XiocDa_catalogIntro h2, .XiocDa_catalogCta h2 {
  letter-spacing: -.055em;
  margin: 15px 0 0;
  font-size: clamp(38px, 5vw, 64px);
  line-height: 1;
}

.XiocDa_sectionHeading > p, .XiocDa_catalogIntro p {
  color: var(--muted);
  margin: 0;
  line-height: 1.7;
}

.XiocDa_methodGrid {
  border-top: 3px solid var(--ink);
  grid-template-columns: repeat(4, 1fr);
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.XiocDa_methodGrid li {
  flex-direction: column;
  min-height: 350px;
  padding: 25px 24px 25px 0;
  display: flex;
}

.XiocDa_methodGrid li + li {
  border-left: 1px solid #172e303d;
  padding-left: 24px;
}

.XiocDa_methodGrid span {
  color: var(--coral);
  font: 900 12px ui-monospace, SFMono-Regular, Menlo, monospace;
}

.XiocDa_methodGrid h3 {
  letter-spacing: -.035em;
  margin: 58px 0 16px;
  font-size: 25px;
}

.XiocDa_methodGrid p {
  color: var(--muted);
  margin: 0;
  font-size: 14px;
  line-height: 1.65;
}

.XiocDa_methodGrid b {
  color: var(--blue);
  margin-top: auto;
  font-size: 12px;
  line-height: 1.45;
}

.XiocDa_embeddingSection {
  background: var(--ink);
  color: var(--paper);
  padding-block: 110px;
}

.XiocDa_embeddingLayout {
  grid-template-columns: .78fr 1.22fr;
  align-items: center;
  gap: 76px;
  display: grid;
}

.XiocDa_embeddingCopy .XiocDa_eyebrow {
  color: var(--yellow);
}

.XiocDa_embeddingCopy h2 {
  margin-top: 20px;
}

.XiocDa_embeddingCopy > p:not(.XiocDa_eyebrow) {
  color: #bfd0cc;
  font-size: 17px;
  line-height: 1.7;
}

.XiocDa_dimensionFlow {
  grid-template-columns: 1fr auto 1fr auto 1fr;
  align-items: center;
  gap: 10px;
  margin-top: 38px;
  display: grid;
}

.XiocDa_dimensionFlow span {
  color: #a9bfbb;
  border: 1px solid #537071;
  min-height: 96px;
  padding: 17px 14px;
  font-size: 11px;
  line-height: 1.45;
}

.XiocDa_dimensionFlow b {
  color: var(--paper);
  margin-bottom: 12px;
  font-size: 13px;
  display: block;
}

.XiocDa_dimensionFlow i {
  color: var(--coral);
  font-style: normal;
}

.XiocDa_embeddingFigure {
  border: 2px solid var(--paper);
  box-shadow: 8px 8px 0 var(--coral);
  background: #102426;
  margin: 0;
}

.XiocDa_embeddingFigure svg {
  width: 100%;
  display: block;
}

.XiocDa_gridLines {
  fill: none;
  stroke: #f8f4e921;
  stroke-width: 1px;
}

.XiocDa_pointCoral {
  fill: var(--coral);
  opacity: .85;
}

.XiocDa_pointBlue {
  fill: #6ca4ff;
  opacity: .9;
}

.XiocDa_pointYellow {
  fill: var(--yellow);
  opacity: .9;
}

.XiocDa_mapLabels {
  fill: #e8e5dc;
  font: 700 12px ui-monospace, SFMono-Regular, Menlo, monospace;
}

.XiocDa_embeddingFigure figcaption {
  color: #a9bfbb;
  border-top: 1px solid #537071;
  padding: 22px 24px;
  font-size: 12px;
  line-height: 1.6;
}

.XiocDa_embeddingFigure figcaption b {
  color: var(--paper);
  display: block;
}

.XiocDa_interpretSection {
  padding-block: 110px;
}

.XiocDa_resultGrid {
  border: 2px solid var(--ink);
  background: var(--paper);
  grid-template-columns: repeat(3, 1fr);
  display: grid;
  box-shadow: 7px 8px #172e3033;
}

.XiocDa_resultGrid article {
  min-height: 260px;
  padding: 28px;
}

.XiocDa_resultGrid article + article {
  border-left: 2px solid var(--ink);
}

.XiocDa_resultGrid small {
  color: #c74837;
  letter-spacing: .08em;
  text-transform: uppercase;
  font: 900 10px ui-monospace, SFMono-Regular, Menlo, monospace;
}

.XiocDa_resultGrid h3 {
  letter-spacing: -.04em;
  margin: 48px 0 15px;
  font-size: 26px;
}

.XiocDa_resultGrid p {
  color: var(--muted);
  font-size: 14px;
  line-height: 1.65;
}

.XiocDa_limitsSection {
  background: var(--yellow);
  border-block: 3px solid var(--ink);
  padding-block: 95px;
}

.XiocDa_limitsGrid {
  grid-template-columns: .9fr 1.1fr;
  gap: 90px;
  display: grid;
}

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

.XiocDa_limitsGrid li {
  border-top: 1px solid #172e3059;
  padding: 18px 0;
  font-weight: 800;
  line-height: 1.45;
}

.XiocDa_limitsGrid li:before {
  content: "—";
  color: var(--blue);
  margin-right: 14px;
}

.XiocDa_nextSection {
  text-align: center;
  padding-block: 110px;
}

.XiocDa_nextSection h2 {
  max-width: 720px;
  margin-inline: auto;
}

.XiocDa_nextSection > p:not(.XiocDa_eyebrow) {
  max-width: 680px;
  color: var(--muted);
  margin: 25px auto 32px;
  line-height: 1.65;
}

.XiocDa_technicalDetails {
  text-align: left;
  border-top: 1px solid #172e304d;
  border-bottom: 1px solid #172e304d;
  max-width: 740px;
  margin: 55px auto 0;
}

.XiocDa_technicalDetails summary {
  cursor: pointer;
  color: var(--blue);
  padding: 20px 0;
  font-weight: 900;
}

.XiocDa_technicalDetails p {
  color: var(--muted);
  line-height: 1.65;
}

.XiocDa_technicalDetails a {
  color: var(--blue);
  border-bottom: 1px solid;
  margin-bottom: 24px;
  font-weight: 900;
  display: inline-block;
}

.XiocDa_catalogHero {
  grid-template-columns: 1fr 260px;
  align-items: end;
  gap: 80px;
  padding-block: 96px 76px;
  display: grid;
}

.XiocDa_catalogHero h1 {
  font-size: clamp(54px, 6.8vw, 88px);
}

.XiocDa_catalogHero aside {
  background: var(--paper);
  border: 2px solid var(--ink);
  box-shadow: 6px 7px 0 var(--coral);
  grid-template-columns: auto 1fr;
  gap: 12px 18px;
  padding: 24px;
  display: grid;
}

.XiocDa_catalogHero aside strong {
  color: var(--blue);
  font-size: 35px;
  line-height: 1;
}

.XiocDa_catalogHero aside span {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.4;
}

.XiocDa_catalogIntro {
  border-block: 1px solid #172e3040;
  grid-template-columns: 1.2fr .8fr;
  align-items: end;
  gap: 80px;
  padding-block: 58px;
  display: grid;
}

.XiocDa_catalogIntro h2 {
  max-width: 680px;
  font-size: clamp(34px, 4vw, 52px);
}

.XiocDa_catalogIntro p {
  max-width: 720px;
  margin-top: 22px;
}

.XiocDa_catalogLegend {
  color: var(--muted);
  gap: 14px;
  font-size: 13px;
  font-weight: 800;
  display: grid;
}

.XiocDa_catalogLegend span {
  align-items: center;
  gap: 10px;
  display: flex;
}

.XiocDa_catalogLegend i {
  border: 2px solid var(--ink);
  width: 13px;
  height: 13px;
}

.XiocDa_legendCoral {
  background: var(--coral);
}

.XiocDa_legendBlue {
  background: #88b6ff;
}

.XiocDa_catalogSection {
  padding-block: 62px 120px;
}

.XiocDa_catalogControls {
  grid-template-columns: 1fr 300px;
  gap: 14px;
  display: grid;
}

.XiocDa_catalogControls label {
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: .06em;
  gap: 8px;
  font-size: 11px;
  font-weight: 900;
  display: grid;
}

.XiocDa_catalogControls input, .XiocDa_catalogControls select {
  border: 2px solid var(--ink);
  background: var(--paper);
  width: 100%;
  min-height: 52px;
  color: var(--ink);
  font: inherit;
  border-radius: 0;
  padding: 0 16px;
  font-size: 15px;
  font-weight: 700;
}

.XiocDa_catalogTabs {
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 24px;
  display: flex;
}

.XiocDa_catalogTabs button {
  border: 2px solid var(--ink);
  min-height: 43px;
  color: var(--ink);
  cursor: pointer;
  background: none;
  padding: 0 15px;
  font-weight: 900;
}

.XiocDa_catalogTabs button:hover, .XiocDa_catalogTabs .XiocDa_activeTab {
  background: var(--ink);
  color: var(--paper);
}

.XiocDa_catalogTabs b {
  color: var(--coral);
  margin-left: 6px;
}

.XiocDa_catalogCount {
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: .07em;
  margin: 35px 0 14px;
  font: 800 11px ui-monospace, SFMono-Regular, Menlo, monospace;
}

.XiocDa_catalogGrid {
  gap: 14px;
  display: grid;
}

.XiocDa_faultCard {
  background: var(--paper);
  border: 2px solid var(--ink);
  padding: 30px;
}

.XiocDa_faultTop {
  justify-content: space-between;
  align-items: flex-start;
  gap: 28px;
  display: flex;
}

.XiocDa_faultTop small {
  color: #c74837;
  letter-spacing: .07em;
  text-transform: uppercase;
  font: 900 10px ui-monospace, SFMono-Regular, Menlo, monospace;
}

.XiocDa_faultTop h2 {
  letter-spacing: -.045em;
  margin: 9px 0 0;
  font-size: clamp(24px, 3vw, 34px);
}

.XiocDa_audibleBadge, .XiocDa_notAudibleBadge {
  border: 1px solid var(--ink);
  text-transform: uppercase;
  letter-spacing: .04em;
  flex: none;
  padding: 8px 10px;
  font-size: 10px;
  font-weight: 900;
}

.XiocDa_audibleBadge {
  background: var(--coral);
}

.XiocDa_notAudibleBadge {
  background: #88b6ff;
}

.XiocDa_faultCard > p {
  max-width: 850px;
  color: var(--muted);
  line-height: 1.65;
}

.XiocDa_faultCard dl {
  border-top: 1px solid #172e3047;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  margin: 26px 0 0;
  display: grid;
}

.XiocDa_faultCard dl > div {
  padding: 20px 25px 0 0;
}

.XiocDa_faultCard dl > div + div {
  border-left: 1px solid #172e3033;
  padding-left: 25px;
}

.XiocDa_faultCard dt {
  color: var(--blue);
  text-transform: uppercase;
  margin-bottom: 8px;
  font-size: 11px;
  font-weight: 900;
}

.XiocDa_faultCard dd {
  color: var(--muted);
  margin: 0;
  font-size: 13px;
  line-height: 1.6;
}

.XiocDa_faultFooter {
  border-top: 1px solid #172e3047;
  justify-content: space-between;
  align-items: end;
  gap: 24px;
  margin-top: 25px;
  padding-top: 20px;
  display: flex;
}

.XiocDa_modeList {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}

.XiocDa_modeList span {
  background: var(--mist);
  color: var(--ink);
  padding: 6px 9px;
  font-size: 10px;
  font-weight: 800;
}

.XiocDa_sampleCount {
  text-align: right;
  grid-template-columns: auto auto;
  align-items: center;
  gap: 9px;
  display: grid;
}

.XiocDa_sampleCount b {
  color: var(--blue);
  font-size: 25px;
}

.XiocDa_sampleCount span {
  max-width: 130px;
  color: var(--muted);
  font-size: 10px;
  line-height: 1.3;
}

.XiocDa_catalogEmpty {
  background: var(--paper);
  border: 2px solid var(--ink);
  text-align: center;
  color: var(--muted);
  padding: 50px;
}

.XiocDa_catalogCta {
  background: var(--ink);
  color: var(--paper);
  padding-block: 82px;
}

.XiocDa_catalogCta > div {
  grid-template-columns: 1fr 1fr auto;
  align-items: center;
  gap: 60px;
  display: grid;
}

.XiocDa_catalogCta .XiocDa_eyebrow {
  color: var(--yellow);
}

.XiocDa_catalogCta h2 {
  font-size: clamp(34px, 4vw, 52px);
}

.XiocDa_catalogCta p {
  color: #b8cbc7;
  line-height: 1.65;
}

.XiocDa_catalogCta .XiocDa_primaryButton {
  background: var(--yellow);
  color: var(--ink);
  white-space: nowrap;
}

@media (width <= 900px) {
  .XiocDa_methodGrid {
    grid-template-columns: 1fr 1fr;
  }

  .XiocDa_methodGrid li:nth-child(3) {
    border-left: 0;
  }

  .XiocDa_methodGrid li {
    border-bottom: 1px solid #172e303d;
    min-height: 300px;
  }

  .XiocDa_embeddingLayout, .XiocDa_catalogHero {
    grid-template-columns: 1fr;
  }

  .XiocDa_catalogHero aside {
    max-width: 400px;
  }

  .XiocDa_catalogCta > div {
    grid-template-columns: 1fr 1fr;
  }

  .XiocDa_catalogCta .XiocDa_primaryButton {
    width: fit-content;
  }
}

@media (width <= 700px) {
  .XiocDa_shell {
    width: calc(100% - 32px);
  }

  .XiocDa_hero, .XiocDa_catalogHero {
    padding-block: 68px 60px;
  }

  .XiocDa_hero h1, .XiocDa_catalogHero h1 {
    font-size: clamp(45px, 14vw, 68px);
  }

  .XiocDa_sectionHeading, .XiocDa_catalogIntro, .XiocDa_limitsGrid, .XiocDa_embeddingLayout {
    grid-template-columns: 1fr;
    gap: 30px;
  }

  .XiocDa_methodGrid, .XiocDa_resultGrid {
    grid-template-columns: 1fr;
  }

  .XiocDa_methodGrid li {
    min-height: 270px;
    padding-inline: 0;
  }

  .XiocDa_methodGrid li + li {
    border-top: 1px solid #172e303d;
    border-left: 0;
    padding-left: 0;
  }

  .XiocDa_methodGrid h3 {
    margin-top: 35px;
  }

  .XiocDa_resultGrid article + article {
    border-left: 0;
    border-top: 2px solid var(--ink);
  }

  .XiocDa_dimensionFlow {
    grid-template-columns: 1fr;
  }

  .XiocDa_dimensionFlow i {
    text-align: center;
    transform: rotate(90deg);
  }

  .XiocDa_catalogControls {
    grid-template-columns: 1fr;
  }

  .XiocDa_faultTop, .XiocDa_faultFooter {
    flex-direction: column;
    align-items: flex-start;
  }

  .XiocDa_faultCard dl {
    grid-template-columns: 1fr;
  }

  .XiocDa_faultCard dl > div {
    padding-right: 0;
  }

  .XiocDa_faultCard dl > div + div {
    border-left: 0;
    padding-left: 0;
  }

  .XiocDa_sampleCount {
    text-align: left;
  }

  .XiocDa_catalogCta > div {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}

.Nlu73W_appBar {
  background: var(--service-header);
  color: var(--service-ink);
  border-bottom: 3px solid var(--service-ink);
  font-family: Avenir Next, Avenir, system-ui, sans-serif;
}

.Nlu73W_shell {
  width: min(1180px, 100% - 48px);
  margin-inline: auto;
}

.Nlu73W_header {
  justify-content: space-between;
  align-items: center;
  height: 74px;
  display: flex;
}

.Nlu73W_brand {
  color: var(--service-ink);
  letter-spacing: -.045em;
  align-items: center;
  gap: 10px;
  font-size: 20px;
  font-weight: 900;
  display: inline-flex;
}

.Nlu73W_mark {
  background: var(--service-coral);
  width: 38px;
  height: 38px;
  color: var(--service-ink);
  border-radius: 50%;
  place-items: center;
  display: grid;
}

.Nlu73W_mark svg {
  width: 24px;
}

.Nlu73W_nav {
  color: var(--service-ink);
  align-items: center;
  gap: 26px;
  font-size: 14px;
  font-weight: 800;
  display: flex;
}

.Nlu73W_nav > a:hover, .Nlu73W_researchMenu > summary:hover {
  color: var(--service-blue);
}

.Nlu73W_signIn {
  border: 2px solid var(--service-ink);
  color: var(--service-ink);
  padding: 9px 14px;
}

.Nlu73W_nav > .Nlu73W_signIn:hover {
  background: var(--service-ink);
  color: var(--service-surface);
}

.Nlu73W_launchApp {
  background: var(--service-blue);
  border: 2px solid var(--service-ink);
  color: #fff;
  box-shadow: 3px 3px 0 var(--service-ink);
  padding: 10px 16px;
}

.Nlu73W_nav > .Nlu73W_launchApp:hover {
  color: #fff;
  background: #0f3dae;
}

@media (width <= 620px) {
  .Nlu73W_shell {
    width: calc(100% - 32px);
  }

  .Nlu73W_nav {
    gap: 16px;
    font-size: 13px;
  }

  .Nlu73W_nav > a:nth-child(-n+2) {
    display: none;
  }
}

@media (width <= 430px) {
  .Nlu73W_brand {
    gap: 0;
    font-size: 0;
  }

  .Nlu73W_nav > a:not(.Nlu73W_launchApp):not(.Nlu73W_signIn) {
    display: none;
  }
}