/* Hallmark · genre: modern-minimal · macrostructure: Split Studio · theme: OXUS brand · tone: technical · anchor hue: red · enrichment: none · nav: N1b · footer: Ft5 · contrast: pass (40–41) · slop: pass (42–45) · honest: pass (46) · chrome: pass (47) · tokens: pass (48) · responsive: pass (49) · icons: pass (30) · mobile: pass (34, 49, 50–57) */
/* Hallmark · pre-emit critique: P5 H5 E5 S5 R5 V4 */

[data-page="xapads"] .analytics-header {
  background: var(--analytics-paper);
}

[data-page="xapads"] .analytics-hero .analytics-eyebrow,
.xapads-hero-brief dt {
  color: var(--analytics-paper-soft);
}

.xapads-hero-layout,
.xapads-diptych,
.xapads-section-head,
.xapads-capabilities,
.xapads-steps,
.xapads-boundary-list {
  min-inline-size: 0;
}

.xapads-hero-layout {
  display: grid;
  gap: var(--analytics-space-10);
  inline-size: min(100%, var(--analytics-max));
  margin-inline: auto;
}

.xapads-hero-brief {
  align-self: start;
  border-block: var(--analytics-rule-width) solid var(--analytics-muted);
}

.xapads-brief-title {
  padding-block: var(--analytics-space-4);
  color: var(--analytics-paper-soft);
  font-family: var(--analytics-font-display);
  font-weight: 700;
}

.xapads-hero-brief dl {
  display: grid;
  margin: 0;
}

.xapads-hero-brief dl > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--analytics-space-4);
  padding-block: var(--analytics-space-4);
  border-block-start: var(--analytics-rule-width) solid var(--analytics-muted);
}

.xapads-hero-brief dt {
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.xapads-hero-brief dd {
  margin: 0;
  color: var(--analytics-paper-soft);
  font-size: 0.9375rem;
  line-height: 1.45;
}

.xapads-diptych {
  display: grid;
  gap: var(--analytics-space-10);
}

.xapads-diptych-copy,
.xapads-market-note {
  display: grid;
  align-content: start;
  gap: var(--analytics-space-6);
}

.xapads-diptych-copy > p,
.xapads-market-note > p,
.xapads-section-head > p,
.xapads-capabilities p,
.xapads-steps p,
.xapads-boundary-list p {
  color: var(--analytics-muted);
}

.xapads-fact-sheet {
  display: grid;
  border-block-end: var(--analytics-rule-width) solid var(--analytics-rule-color);
}

.xapads-fact-sheet article {
  display: grid;
  grid-template-columns: minmax(0, 7rem) minmax(0, 1fr);
  gap: var(--analytics-space-4);
  padding-block: var(--analytics-space-4);
  border-block-start: var(--analytics-rule-width) solid var(--analytics-rule-color);
}

.xapads-fact-sheet h3 {
  font-size: 1rem;
}

.xapads-fact-sheet p {
  color: var(--analytics-muted);
  font-size: 0.9375rem;
}

.xapads-scope {
  background: var(--analytics-ink-strong);
  color: var(--analytics-paper);
}

.xapads-section-head {
  display: grid;
  gap: var(--analytics-space-6);
  padding-block-end: var(--analytics-space-10);
}

.xapads-scope .xapads-section-head > p,
.xapads-scope .xapads-capabilities p {
  color: var(--analytics-paper-soft);
}

.xapads-capabilities {
  display: grid;
}

.xapads-capabilities article {
  display: grid;
  gap: var(--analytics-space-3);
  padding-block: var(--analytics-space-6);
  border-block-start: var(--analytics-rule-width) solid var(--analytics-muted);
}

.xapads-capabilities article:last-child {
  border-block-end: var(--analytics-rule-width) solid var(--analytics-muted);
}

.xapads-capabilities h3::before {
  display: inline-block;
  inline-size: var(--analytics-space-4);
  block-size: var(--analytics-space-4);
  margin-inline-end: var(--analytics-space-3);
  background: var(--analytics-accent);
  content: "";
}

.xapads-process {
  background: var(--analytics-paper-soft);
}

.xapads-steps {
  display: grid;
  margin: 0 auto;
  padding: 0;
  list-style: none;
}

.xapads-steps li {
  display: grid;
  grid-template-columns: minmax(0, 3rem) minmax(0, 1fr);
  gap: var(--analytics-space-3) var(--analytics-space-4);
  padding-block: var(--analytics-space-6);
  border-block-start: var(--analytics-rule-width) solid var(--analytics-rule-color);
}

.xapads-steps li:last-child {
  border-block-end: var(--analytics-rule-width) solid var(--analytics-rule-color);
}

.xapads-steps span {
  grid-row: 1 / span 2;
  color: var(--analytics-accent);
  font-size: 0.75rem;
  font-variant-numeric: tabular-nums;
  font-weight: 700;
  letter-spacing: 0.08em;
}

.xapads-market-note {
  padding: var(--analytics-space-6);
  border: var(--analytics-rule-width) solid var(--analytics-ink);
}

.xapads-boundaries {
  background: var(--analytics-ink-strong);
  color: var(--analytics-paper);
}

.xapads-boundaries .xapads-section-head > p,
.xapads-boundaries .xapads-boundary-list p {
  color: var(--analytics-paper-soft);
}

.xapads-boundary-list {
  display: grid;
}

.xapads-boundary-list article {
  display: grid;
  gap: var(--analytics-space-3);
  padding-block: var(--analytics-space-6);
  border-block-start: var(--analytics-rule-width) solid var(--analytics-muted);
}

.xapads-boundary-list article:last-child {
  border-block-end: var(--analytics-rule-width) solid var(--analytics-muted);
}

.xapads-contact h2 {
  max-inline-size: 16ch;
}

.xapads-footer {
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
}

.xapads-footer-statement {
  max-inline-size: 24ch;
  font-family: var(--analytics-font-display);
  font-size: clamp(1.75rem, 4vw, 3.5rem);
  font-weight: 700;
  letter-spacing: -0.04em;
  line-height: 1.04;
}

@media (hover: hover) and (pointer: fine) {
  [data-page="xapads"] .analytics-button:hover,
  [data-page="xapads"] .analytics-nav-cta:hover {
    transform: translateY(-1px);
  }
}

@media (min-width: 48rem) {
  .xapads-hero-brief dl > div {
    grid-template-columns: minmax(0, 7rem) minmax(0, 1fr);
  }

  [data-page="xapads"] .analytics-hero {
    grid-template-columns: minmax(0, 1fr);
  }

  .xapads-capabilities,
  .xapads-boundary-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 var(--analytics-space-10);
  }

  .xapads-capabilities article:nth-last-child(2),
  .xapads-boundary-list article:nth-last-child(2) {
    border-block-end: var(--analytics-rule-width) solid var(--analytics-muted);
  }
}

@media (min-width: 60rem) {
  .xapads-hero-layout,
  .xapads-diptych {
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
    align-items: start;
    gap: var(--analytics-space-16);
  }

  .xapads-diptych-reverse .xapads-diptych-copy {
    grid-column: 2;
  }

  .xapads-diptych-reverse .xapads-market-note {
    grid-column: 1;
    grid-row: 1;
  }

  .xapads-section-head {
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  }

  .xapads-steps li {
    grid-template-columns: minmax(0, 4rem) minmax(0, 4fr) minmax(0, 7fr);
    align-items: start;
  }

  .xapads-steps span {
    grid-row: auto;
  }

  .xapads-footer {
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: end;
  }
}

@media (prefers-reduced-motion: reduce) {
  [data-page="xapads"] .analytics-button,
  [data-page="xapads"] .analytics-nav-cta {
    transform: none !important;
  }
}