.xlv-page {
  --xlv-accent:var(--accent);
  --xlv-accent-soft:var(--accent-soft);
  --xlv-panel:#1d211c;
  --xlv-panel-ink:#f3f1e9;
  --xlv-panel-muted:#b8bcb1;
  background:var(--paper);
}

:root[data-theme="dark"] .xlv-page {
  --xlv-accent:var(--accent);
  --xlv-accent-soft:var(--accent-soft);
  --xlv-panel:#e7e7df;
  --xlv-panel-ink:#171916;
  --xlv-panel-muted:#5e6259;
}

.xlv-case {
  overflow:clip;
}

.xlv-case [lang="en"] {
  color:var(--muted);
}

.xlv-case button {
  appearance:none;
  border:0;
  border-radius:0;
  padding:0;
  color:inherit;
  background:transparent;
  font:inherit;
}

.xlv-case button[data-lightbox] {
  display:block;
  width:100%;
  cursor:zoom-in;
}

.xlv-case button[data-lightbox]:focus-visible,
.xlv-case a:focus-visible,
.xlv-case summary:focus-visible {
  outline:2px solid var(--xlv-accent);
  outline-offset:4px;
}

.xlv-case img {
  display:block;
  width:100%;
}

.xlv-case figure,
.xlv-case blockquote,
.xlv-case dl,
.xlv-case ol,
.xlv-case ul,
.xlv-case p {
  margin-top:0;
}

.xlv-kicker,
.xlv-proof-label {
  margin-bottom:1.35rem;
  color:var(--xlv-accent);
  font-size:var(--type-context-label);
  font-weight:var(--weight-semibold);
  letter-spacing:.09em;
  line-height:1.4;
  text-transform:uppercase;
}

.xlv-kicker span,
.xlv-proof-label span {
  color:inherit;
  font-size:var(--type-micro);
  letter-spacing:.04em;
}

.xlv-hero-media button {
  overflow:hidden;
  aspect-ratio:.78;
  background:var(--paper-strong);
}

.xlv-hero-media img {
  height:100%;
  object-fit:cover;
  transition:transform .6s cubic-bezier(.2,.7,.2,1);
}

.xlv-hero-media button:hover img {
  transform:scale(1.018);
}

.xlv-hero-media figcaption,
.xlv-case figcaption {
  margin-top:.75rem;
  color:var(--muted);
  font-size:var(--type-caption);
  line-height:1.55;
}

.xlv-hero-media figcaption span,
.xlv-case figcaption span {
  display:block;
  margin-top:.12rem;
  font-size:var(--type-micro);
}

.xlv-section {

  padding:var(--section-space) 0;
}

.xlv-section + .xlv-section {
  border-top:1px solid var(--line);
}

.xlv-section-head {
  margin-bottom:var(--space-8);
}

.xlv-chapter-number {
  display:flex;
  align-items:center;
  gap:.7rem;
  margin-bottom:1.3rem;
  color:var(--xlv-accent);
  font-size:var(--type-context-label);
  font-weight:var(--weight-semibold);
  letter-spacing:.1em;
}

.xlv-chapter-number::after {
  width:2.75rem;
  height:1px;
  background:currentColor;
  content:"";
}

.xlv-chapter-number span {
  order:2;
  color:inherit;
  font-size:var(--type-caption);
  font-weight:var(--weight-regular);
  letter-spacing:.06em;
}

.xlv-title-pair {
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(18rem,.68fr);
  align-items:end;
  gap:clamp(2rem,7vw,7rem);
}

.xlv-title-pair h2 {
  margin:0;
  color:var(--ink);
  font-size:var(--type-heading-1);
  font-weight:var(--weight-medium);
  letter-spacing:var(--tracking-heading);
  line-height:var(--leading-heading);
}

.xlv-title-pair > p {
  max-width:28rem;
  margin-bottom:.22rem;
  font-size:var(--type-small);
  line-height:1.55;
}

.xlv-section-intro {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:clamp(2rem,5vw,5rem);
  max-width:60rem;
  margin:2.6rem 0 0 auto;
  padding-top:1.4rem;
  border-top:1px solid var(--line);
}

.xlv-section-intro p {
  margin-bottom:0;
  color:var(--body);
  font-size:var(--type-body);
  line-height:1.75;
}

.xlv-section-intro p[lang="en"] {
  font-size:var(--type-translation-body);
  line-height:1.65;
}

.xlv-question-stage {
  display:grid;
  grid-template-columns:minmax(17rem,.65fr) minmax(0,1.35fr);
  align-items:center;
  gap:clamp(3rem,8vw,8rem);
  max-width:64rem;
  margin:0 auto clamp(6rem,10vw,9rem);
}

.xlv-question-poster button {
  overflow:hidden;
  background:#050505;
}

.xlv-question-poster img {
  height:auto;
}

.xlv-question-copy blockquote {
  max-width:16ch;
  margin-bottom:1.1rem;
  color:var(--ink);
  font-size:var(--type-title);
  font-weight:var(--weight-medium);
  letter-spacing:-.045em;
  line-height:1.28;
}

.xlv-quote-en {
  max-width:32rem;
  margin-bottom:3rem;
  font-size:var(--type-translation-body);
  line-height:1.6;
}

.xlv-console-proof {
  padding:clamp(1rem,2vw,1.5rem);
  border:1px solid var(--line);
  background:var(--surface);
}

.xlv-evidence-heading {
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:2rem;
  margin-bottom:1.1rem;
}

.xlv-evidence-heading p {
  margin-bottom:0;
  color:var(--ink);
  font-size:var(--type-small);
  font-weight:var(--weight-medium);
}

.xlv-evidence-heading p span {
  color:var(--muted);
  font-size:var(--type-caption);
}

.xlv-evidence-heading > span {
  color:var(--muted);
  font-size:var(--type-micro);
  line-height:1.45;
  text-align:right;
}

.xlv-evidence-heading i {
  color:inherit;
  font-style:normal;
}

.xlv-media-button {
  overflow:hidden;
  background:var(--paper-strong);
}

.xlv-media-button img {
  height:auto;
  object-fit:contain;
  transition:opacity .2s ease;
}

.xlv-media-button:hover img {
  opacity:.92;
}

.xlv-accuracy-layers {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:0;
  margin:0 0 5rem;
  padding:0;
  border-top:1px solid var(--line);
  list-style:none;
}

.xlv-accuracy-layers li {
  min-height:17rem;
  padding:1.25rem clamp(1.1rem,2.5vw,2.25rem) 1.5rem 0;
  border-bottom:1px solid var(--line);
}

.xlv-accuracy-layers li + li {
  padding-left:clamp(1.1rem,2.5vw,2.25rem);
  border-left:1px solid var(--line);
}

.xlv-accuracy-layers b {
  color:var(--xlv-accent);
  font-size:var(--type-micro);
}

.xlv-accuracy-layers h3 {
  margin:4rem 0 1.4rem;
  color:var(--ink);
  font-size:var(--type-heading-2);
  letter-spacing:-.03em;
}

.xlv-accuracy-layers h3 span {
  display:block;
  margin-top:.35rem;
  font-size:var(--type-translation-body);
  font-weight:var(--weight-regular);
}

.xlv-accuracy-layers p {
  margin-bottom:.45rem;
  color:var(--body);
  font-size:var(--type-small);
  line-height:1.65;
}

.xlv-accuracy-layers p[lang="en"] {
  font-size:var(--type-translation-body);
  line-height:1.55;
}

.xlv-system-line {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr) auto) minmax(0,1fr);
  align-items:center;
  margin-bottom:5rem;
  padding:1.5rem 0;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}

.xlv-system-line > span {
  color:var(--ink);
  font-size:var(--type-small);
  text-align:center;
}

.xlv-system-line small {
  display:block;
  margin-top:.25rem;
  color:var(--muted);
  font-size:var(--type-caption);
}

.xlv-system-line i {
  color:var(--xlv-accent);
  font-style:normal;
}

.xlv-console-proof {
  display:grid;
  grid-template-columns:minmax(0,1.5fr) minmax(15rem,.5fr);
  column-gap:2rem;
  align-items:start;
  margin-bottom:0;
}

.xlv-console-proof .xlv-evidence-heading {
  grid-column:1/-1;
}

.xlv-console-proof figcaption {
  margin-top:0;
  padding-top:.15rem;
  font-size:var(--type-small);
  line-height:1.75;
}

.xlv-console-proof figcaption span {
  margin-top:.65rem;
}

.xlv-boundary {
  border-top:0 !important;
  color:var(--xlv-panel-ink);
  background:var(--xlv-panel);
}

.xlv-boundary .xlv-title-pair h2,
.xlv-boundary .xlv-section-intro p,
.xlv-boundary .xlv-test-intro h3,
.xlv-boundary .xlv-test-intro p,
.xlv-boundary .xlv-finding-grid h3 {
  color:var(--xlv-panel-ink);
}

.xlv-boundary .xlv-title-pair > p,
.xlv-boundary .xlv-section-intro p[lang="en"],
.xlv-boundary .xlv-proof-label [lang="en"],
.xlv-boundary .xlv-test-intro p[lang="en"],
.xlv-boundary .xlv-finding-grid p {
  color:var(--xlv-panel-muted);
}

.xlv-boundary .xlv-section-intro,
.xlv-boundary .xlv-boundary-scale,
.xlv-boundary .xlv-test-loop,
.xlv-boundary .xlv-finding-grid article {
  border-color:color-mix(in srgb,var(--xlv-panel-ink) 25%,transparent);
}

.xlv-boundary .xlv-chapter-number,
.xlv-boundary .xlv-proof-label {
  color:var(--xlv-panel-ink);
}

.xlv-boundary-scale {
  position:relative;
  display:grid;
  grid-template-columns:1fr 1.35fr 1fr;
  margin-bottom:clamp(5rem,9vw,8rem);
  border-top:1px solid;
  border-bottom:1px solid;
}

.xlv-boundary-scale::before {
  position:absolute;
  top:-.28rem;
  left:50%;
  width:.55rem;
  height:.55rem;
  border-radius:50%;
  background:var(--xlv-accent);
  content:"";
  transform:translateX(-50%);
}

.xlv-boundary-scale div {
  padding:1.4rem 1rem;
  text-align:center;
}

.xlv-boundary-scale div + div {
  border-left:1px solid color-mix(in srgb,var(--xlv-panel-ink) 25%,transparent);
}

.xlv-boundary-scale span,
.xlv-boundary-scale small {
  display:block;
}

.xlv-boundary-scale span {
  font-size:var(--type-small);
}

.xlv-boundary-scale small {
  margin-top:.25rem;
  color:var(--xlv-panel-muted);
  font-size:var(--type-caption);
}

.xlv-boundary-scale .is-target {
  color:var(--xlv-panel-ink);
  background:color-mix(in srgb,var(--xlv-accent) 18%,transparent);
}

.xlv-test-intro {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:clamp(2.5rem,7vw,7rem);
  align-items:end;
  margin-bottom:4rem;
}

.xlv-test-intro h3 {
  max-width:13ch;
  margin:0;
  font-size:var(--type-title);
  font-weight:var(--weight-medium);
  letter-spacing:-.05em;
  line-height:1.12;
}

.xlv-test-intro > div:last-child p {
  margin-bottom:.75rem;
  font-size:var(--type-body);
  line-height:1.75;
}

.xlv-test-intro > div:last-child p[lang="en"] {
  font-size:var(--type-translation-body);
  line-height:1.65;
}

.xlv-test-loop {
  display:grid;
  grid-template-columns:repeat(5,1fr);
  margin:0 0 5rem;
  padding:0;
  border-top:1px solid;
  border-bottom:1px solid;
  list-style:none;
}

.xlv-test-loop li {
  min-width:0;
  padding:1.2rem;
}

.xlv-test-loop li + li {
  border-left:1px solid color-mix(in srgb,var(--xlv-panel-ink) 25%,transparent);
}

.xlv-test-loop b,
.xlv-test-loop span,
.xlv-test-loop small {
  display:block;
}

.xlv-test-loop b {
  margin-bottom:2.5rem;
  color:var(--xlv-accent);
  font-size:var(--type-micro);
}

.xlv-test-loop span {
  font-size:var(--type-small);
  line-height:1.45;
}

.xlv-test-loop small {
  margin-top:.25rem;
  color:var(--xlv-panel-muted);
  font-size:var(--type-caption);
}

.xlv-eval-proof {
  display:grid;
  grid-template-columns:.7fr 1.3fr;
  gap:clamp(1.25rem,3vw,3rem);
  margin-bottom:5rem;
}

.xlv-eval-proof figure button {
  height:34rem;
  overflow:hidden;
  background:#111;
}

.xlv-eval-proof figure img {
  height:100%;
  object-fit:cover;
  object-position:top;
  transition:filter .25s ease,transform .5s ease;
}

.xlv-eval-proof figure button:hover img {
  filter:brightness(1.08);
  transform:scale(1.01);
}

.xlv-boundary .xlv-eval-proof figcaption,
.xlv-boundary .xlv-eval-proof figcaption span {
  color:var(--xlv-panel-muted);
}

.xlv-finding-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  margin-bottom:3rem;
  border-top:1px solid;
}

.xlv-finding-grid article {
  padding:1.35rem 2rem 2rem 0;
  border-bottom:1px solid;
}

.xlv-finding-grid article + article {
  padding-left:2rem;
  border-left:1px solid color-mix(in srgb,var(--xlv-panel-ink) 25%,transparent);
}

.xlv-finding-grid article > span {
  display:block;
  margin-bottom:5rem;
  color:var(--xlv-accent);
  font-size:var(--type-micro);
}

.xlv-finding-grid article > span i {
  display:block;
  margin-top:.16rem;
  color:inherit;
  font-style:normal;
}

.xlv-finding-grid h3 {
  margin:0 0 1.2rem;
  font-size:var(--type-heading-3);
  font-weight:var(--weight-medium);
  letter-spacing:-.025em;
  line-height:1.5;
}

.xlv-finding-grid p {
  margin-bottom:0;
  font-size:var(--type-translation-body);
  line-height:1.55;
}

.xlv-build-sequence {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  grid-auto-rows:18rem;
  gap:0;
  padding-right:0;
  padding-left:0;
}

.xlv-build-sequence button {
  overflow:hidden;
}

.xlv-build-sequence button:first-child {
  grid-column:span 2;
  grid-row:span 2;
}

.xlv-build-sequence img {
  height:100%;
  object-fit:cover;
  transition:filter .25s ease,transform .5s ease;
}

.xlv-build-sequence button:hover img,
.xlv-design-wall button:hover img {
  filter:brightness(.92);
  transform:scale(1.012);
}

.xlv-build-caption {
  display:flex;
  justify-content:space-between;
  gap:2rem;
  padding-top:1rem;
  padding-bottom:clamp(5rem,8vw,8rem);
}

.xlv-build-caption p {
  margin-bottom:0;
  color:var(--body);
  font-size:var(--type-small);
}

.xlv-build-caption p[lang="en"] {
  font-size:var(--type-caption);
}

.xlv-hardware-proof {
  display:grid;
  grid-template-columns:.7fr .7fr 1.15fr;
  align-items:start;
  gap:clamp(1.4rem,3vw,3rem);
}

.xlv-hardware-proof figure button {
  height:min(58vw,37rem);
  overflow:hidden;
  background:var(--paper-strong);
}

.xlv-hardware-proof figure img {
  height:100%;
  object-fit:cover;
}

.xlv-hardware-copy {
  padding:clamp(1.5rem,4vw,4rem) 0 0 clamp(.5rem,3vw,3rem);
}

.xlv-hardware-copy h3 {
  max-width:15ch;
  margin:0 0 1.4rem;
  color:var(--ink);
  font-size:var(--type-heading-1);
  font-weight:var(--weight-medium);
  letter-spacing:-.04em;
  line-height:1.35;
}

.xlv-hardware-copy > p[lang="en"] {
  max-width:26rem;
  margin-bottom:2.5rem;
  font-size:var(--type-translation-body);
  line-height:1.6;
}

.xlv-flow-preview {
  display:grid !important;
  grid-template-columns:5.5rem 1fr;
  align-items:center;
  gap:1rem;
  padding:1rem !important;
  border:1px solid var(--line) !important;
  cursor:zoom-in;
  text-align:left;
}

.xlv-flow-preview img {
  aspect-ratio:1;
  object-fit:cover;
  object-position:top;
}

.xlv-flow-preview > span {
  color:var(--ink);
  font-size:var(--type-small);
  font-weight:var(--weight-medium);
}

.xlv-flow-preview small {
  display:block;
  margin-top:.25rem;
  color:var(--muted);
  font-size:var(--type-caption);
  font-weight:var(--weight-regular);
}

.xlv-product-intro {
  margin-top:clamp(7rem,12vw,12rem);
  padding-top:1.4rem;
  border-top:1px solid var(--line);
}

.xlv-product-intro-head {
  display:grid;
  grid-template-columns:minmax(9rem,.42fr) minmax(0,1.58fr);
  gap:clamp(2rem,5vw,6rem);
  align-items:start;
  margin-bottom:clamp(4rem,7vw,7rem);
}

.xlv-product-intro-head h3 {
  max-width:18ch;
  margin:0 0 .75rem;
  color:var(--ink);
  font-size:var(--type-heading-1);
  font-weight:var(--weight-medium);
  letter-spacing:-.05em;
  line-height:1.2;
}

.xlv-product-intro-head div > p {
  max-width:32rem;
  margin-bottom:0;
  font-size:var(--type-translation-body);
  line-height:1.6;
}

.xlv-product-deck-group + .xlv-product-deck-group {
  margin-top:clamp(5rem,8vw,8rem);
}

.xlv-product-deck-label {
  display:grid;
  grid-template-columns:minmax(12rem,.6fr) minmax(0,1.4fr);
  gap:clamp(2rem,5vw,6rem);
  align-items:baseline;
  margin-bottom:1.25rem;
  padding-top:.9rem;
  border-top:1px solid var(--line);
}

.xlv-product-deck-label h4,
.xlv-product-deck-label p {
  margin:0;
}

.xlv-product-deck-label h4 {
  color:var(--ink);
  font-size:var(--type-heading-3);
  font-weight:var(--weight-medium);
}

.xlv-product-deck-label h4 span {
  color:var(--muted);
  font-size:var(--type-small);
  font-weight:var(--weight-regular);
}

.xlv-product-deck-label p {
  color:var(--body);
  font-size:var(--type-small);
  line-height:1.6;
}

.xlv-product-definition-grid,
.xlv-product-scenes,
.xlv-product-extensions {
  display:grid;
  gap:clamp(.5rem,1vw,.85rem);
}

.xlv-product-definition-grid {
  grid-template-columns:repeat(2,1fr);
}

.xlv-product-scenes {
  grid-template-columns:repeat(3,1fr);
}

.xlv-product-extensions {
  grid-template-columns:repeat(4,1fr);
}

.xlv-product-deck-group figure,
.xlv-product-deck-group button {
  min-width:0;
}

.xlv-product-deck-group figure {
  margin:0;
}

.xlv-product-deck-group button {
  overflow:hidden;
  background:#050505;
}

.xlv-product-deck-group img {
  height:auto;
  transition:filter .25s ease,transform .5s ease;
}

.xlv-product-deck-group button:hover img {
  filter:brightness(.92);
  transform:scale(1.008);
}

.xlv-design-route {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr) auto) minmax(0,1fr);
  align-items:center;
  margin-bottom:2rem;
  padding-top:1.1rem;
  padding-bottom:1.1rem;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}

.xlv-design-route span {
  color:var(--ink);
  font-size:var(--type-small);
  text-align:center;
}

.xlv-design-route small {
  display:block;
  margin-top:.2rem;
  color:var(--muted);
  font-size:var(--type-caption);
}

.xlv-design-route i {
  color:var(--xlv-accent);
  font-style:normal;
}

.xlv-design-wall {
  display:grid;
  grid-template-columns:repeat(12,1fr);
  grid-auto-flow:dense;
  grid-auto-rows:15rem;
  gap:0;
  padding-right:0;
  padding-left:0;
}

.xlv-design-wall button {
  grid-column:span 4;
  overflow:hidden;
}

.xlv-design-wall .xlv-wall-wide {
  grid-column:span 8;
}

.xlv-design-wall img {
  height:100%;
  object-fit:cover;
  transition:filter .25s ease,transform .5s ease;
}

.xlv-wall-caption {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:3rem;
  padding-top:1.25rem;
}

.xlv-wall-caption p {
  max-width:36rem;
  margin-bottom:0;
  color:var(--body);
  font-size:var(--type-small);
  line-height:1.65;
}

.xlv-wall-caption p[lang="en"] {
  font-size:var(--type-caption);
}

.xlv-market-block {
  margin-bottom:clamp(5rem,9vw,8rem);
  padding-top:1.25rem;
  border-top:1px solid var(--line);
}

.xlv-market-block-head {
  display:grid;
  grid-template-columns:minmax(9rem,.42fr) minmax(0,1.58fr);
  gap:clamp(2rem,5vw,6rem);
  align-items:start;
  margin-bottom:clamp(2rem,5vw,4rem);
}

.xlv-market-block-head > p {
  margin-bottom:0;
  color:var(--ink);
  font-size:var(--type-small);
  font-weight:var(--weight-medium);
}

.xlv-market-block-head > p b {
  margin-right:.7rem;
  color:var(--xlv-accent);
  font-size:var(--type-micro);
}

.xlv-market-block-head > p span {
  color:var(--muted);
  font-size:var(--type-caption);
}

.xlv-market-block-head h3 {
  max-width:22ch;
  margin:0 0 .7rem;
  color:var(--ink);
  font-size:var(--type-heading-1);
  font-weight:var(--weight-medium);
  letter-spacing:-.045em;
  line-height:1.28;
}

.xlv-market-block-head div p {
  max-width:38rem;
  margin-bottom:0;
  font-size:var(--type-translation-body);
  line-height:1.55;
}

.xlv-market-metrics {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  margin-bottom:clamp(6rem,10vw,10rem);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}

.xlv-market-metrics article {
  min-width:0;
  padding:1rem clamp(1rem,2.2vw,2rem) 1.4rem 0;
}

.xlv-market-metrics article + article {
  padding-left:clamp(1rem,2.2vw,2rem);
  border-left:1px solid var(--line);
}

.xlv-market-metrics span,
.xlv-market-metrics b,
.xlv-market-metrics small {
  display:block;
}

.xlv-market-metrics span {
  min-height:2.6rem;
  color:var(--body);
  font-size:var(--type-caption);
  line-height:1.45;
}

.xlv-market-metrics span i {
  display:block;
  color:var(--muted);
  font-size:var(--type-micro);
  font-style:normal;
}

.xlv-market-metrics b {
  margin:clamp(2.5rem,5vw,5rem) 0 1rem;
  color:var(--ink);
  font-size:var(--type-heading-1);
  font-weight:var(--weight-medium);
  letter-spacing:-.055em;
  line-height:1;
}

.xlv-market-metrics p,
.xlv-market-metrics small {
  margin:0;
  color:var(--body);
  font-size:var(--type-caption);
  line-height:1.5;
}

.xlv-market-metrics small {
  color:var(--muted);
  font-size:var(--type-micro);
}

.xlv-xhs-card {
  position:relative;
  display:grid;
  grid-template-columns:1fr auto;
  gap:1rem 2rem;
  margin-bottom:1.25rem;
  color:var(--ink);
  text-decoration:none;
}

.xlv-xhs-card > img {
  grid-column:1/-1;
  aspect-ratio:16/9;
  object-fit:cover;
  object-position:center top;
  transition:filter .25s ease;
}

.xlv-xhs-card:hover > img {
  filter:brightness(.92);
}

.xlv-link-card-copy b,
.xlv-link-card-copy small {
  display:block;
}

.xlv-link-card-copy b {
  margin-bottom:.28rem;
  font-size:var(--type-small);
  font-weight:var(--weight-medium);
}

.xlv-link-card-copy small,
.xlv-xhs-card > i {
  color:var(--muted);
  font-size:var(--type-caption);
  font-style:normal;
}

.xlv-xhs-card > i {
  padding-top:.15rem;
  text-align:right;
}

.xlv-commerce-proof {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:clamp(2rem,5vw,5rem);
  margin-bottom:1.6rem;
}

.xlv-commerce-proof > p {
  max-width:38rem;
  margin-bottom:0;
  color:var(--body);
  font-size:var(--type-body);
  line-height:1.75;
}

.xlv-commerce-proof > p[lang="en"] {
  color:var(--muted);
  font-size:var(--type-translation-body);
  line-height:1.65;
}

.xlv-commerce-proof aside {
  display:grid;
  grid-template-columns:minmax(9rem,.42fr) minmax(0,1.2fr) minmax(15rem,.65fr);
  grid-column:1/-1;
  gap:clamp(1.5rem,4vw,4rem);
  align-items:start;
  margin-top:1rem;
  padding:1.25rem 0;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}

.xlv-commerce-proof aside span {
  color:var(--body);
  font-size:var(--type-caption);
}

.xlv-commerce-proof aside span i {
  display:block;
  margin-top:.15rem;
  color:var(--muted);
  font-size:var(--type-micro);
  font-style:normal;
}

.xlv-commerce-proof aside h4 {
  max-width:22ch;
  margin:0;
  color:var(--ink);
  font-size:var(--type-heading-3);
  font-weight:var(--weight-medium);
  letter-spacing:-.035em;
  line-height:1.4;
}

.xlv-commerce-proof aside p {
  margin:0;
  font-size:var(--type-translation-body);
  line-height:1.6;
}

.xlv-market-note {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:clamp(2rem,5vw,5rem);
  padding-top:1.25rem;
  border-top:1px solid var(--line);
}

.xlv-market-note p {
  max-width:38rem;
  margin-bottom:0;
  color:var(--body);
  font-size:var(--type-body);
  line-height:1.7;
}

.xlv-market-note p[lang="en"] {
  color:var(--muted);
  font-size:var(--type-translation-body);
  line-height:1.6;
}

.xlv-market-learnings {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-top:1px solid var(--line);
}

.xlv-market-learnings article {
  padding:1.4rem 2rem 0 0;
}

.xlv-market-learnings article + article {
  padding-left:2rem;
  border-left:1px solid var(--line);
}

.xlv-market-learnings h3 {
  margin:0 0 var(--space-5);
  color:var(--ink);
  font-size:var(--type-heading-3);
  font-weight:var(--weight-medium);
  line-height:1.4;
}

.xlv-market-learnings p {
  margin-bottom:.7rem;
  color:var(--body);
  font-size:var(--type-body);
  line-height:1.7;
}

.xlv-market-learnings p[lang="en"] {
  font-size:var(--type-translation-body);
  line-height:1.6;
}

.xlv-reflection-label {
  margin:0;
  padding:1.15rem 0;
  border-top:1px solid var(--line);
  color:var(--accent);
  font-size:var(--type-heading-3);
  font-weight:var(--weight-medium);
}

.xlv-reflection-label span {
  color:var(--muted);
  font-size:var(--type-heading-en);
  font-weight:var(--weight-regular);
}

.xlv-sources {
  background:var(--paper-strong);
}

.xlv-external-surfaces {
  border-top:1px solid var(--line);
}

.xlv-external-surfaces > header {
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:2rem;
  padding:1.1rem 0 2rem;
}

.xlv-external-surfaces > header p,
.xlv-external-surfaces > header > span {
  margin-bottom:0;
  color:var(--ink);
  font-size:var(--type-small);
}

.xlv-external-surfaces > header p span,
.xlv-external-surfaces > header > span,
.xlv-external-surfaces > header i {
  color:var(--muted);
  font-size:var(--type-caption);
  font-style:normal;
}

.xlv-external-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(1.25rem,2.5vw,2.5rem);
}

.xlv-external-grid > a {
  display:flex;
  min-width:0;
  flex-direction:column;
  color:var(--ink);
  text-decoration:none;
}

.xlv-external-grid figure {
  aspect-ratio:3/2;
  margin:0;
  overflow:hidden;
  background:var(--surface);
}

.xlv-external-grid img {
  height:100%;
  object-fit:cover;
  object-position:top center;
  transition:filter .25s ease,transform .5s ease;
}

.xlv-external-grid > a:hover img {
  filter:brightness(.92);
  transform:scale(1.012);
}

.xlv-external-grid > a > div {
  display:flex;
  flex:1;
  flex-direction:column;
  padding:1rem 0 0;
}

.xlv-external-grid small {
  margin-bottom:2.25rem;
  color:var(--xlv-accent);
  font-size:var(--type-caption);
  font-weight:var(--weight-semibold);
  letter-spacing:.035em;
}

.xlv-external-grid h3 {
  margin:0 0 .75rem;
  color:var(--ink);
  font-size:var(--type-heading-3);
  font-weight:var(--weight-medium);
  line-height:1.45;
}

.xlv-external-grid p {
  margin-bottom:.55rem;
  color:var(--body);
  font-size:var(--type-small);
  line-height:1.65;
}

.xlv-external-grid p[lang="en"] {
  color:var(--muted);
  font-size:var(--type-caption);
  line-height:1.55;
}

.xlv-external-grid div > span {
  margin-top:auto;
  padding-top:1.2rem;
  color:var(--ink);
  font-size:var(--type-caption);
}

.xlv-external-grid div > span i {
  color:var(--muted);
  font-style:normal;
}

@media (max-width:1024px) {

.xlv-build-sequence {
    grid-auto-rows:14rem;
  }

.xlv-design-wall {
    grid-auto-rows:13rem;
  }

.xlv-hardware-proof {
    grid-template-columns:.7fr .7fr;
  }

.xlv-hardware-copy {
    grid-column:1/-1;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:1rem 3rem;
    padding-left:0;
  }

.xlv-hardware-copy .xlv-proof-label {
    grid-column:1/-1;
  }

.xlv-hardware-copy h3 {
    margin-bottom:0;
  }

.xlv-flow-preview {
    grid-column:2;
    grid-row:2/span 2;
  }
}

@media (max-width:768px) {

.xlv-hero-media {
    margin:var(--space-3) 0;
  }

.xlv-hero-media button {
    aspect-ratio:.84;
  }

.xlv-title-pair {
    grid-template-columns:1fr;
    gap:var(--space-3);
  }

.xlv-title-pair > p {
    max-width:24rem;
  }

.xlv-section-intro {
    grid-template-columns:1fr;
    gap:1rem;
    margin-top:2rem;
  }

.xlv-question-stage {
    grid-template-columns:1fr;
    gap:3rem;
  }

.xlv-question-poster {
    max-width:28rem;
  }

.xlv-question-copy blockquote {
    max-width:18ch;
  }

.xlv-test-intro,
  .xlv-wall-caption,
  .xlv-market-block-head,
  .xlv-market-note {
    grid-template-columns:1fr;
  }

.xlv-wall-caption {
    gap:.45rem;
  }

.xlv-evidence-heading {
    align-items:start;
    flex-direction:column;
    gap:.35rem;
  }

.xlv-evidence-heading > span {
    text-align:left;
  }

.xlv-accuracy-layers,
  .xlv-finding-grid,
  .xlv-market-learnings {
    grid-template-columns:1fr;
  }

.xlv-accuracy-layers li {
    display:grid;
    grid-template-columns:3rem 1fr;
    min-height:0;
    padding:1.2rem 0 1.4rem !important;
    border-left:0 !important;
  }

.xlv-accuracy-layers h3 {
    margin:0 0 1rem;
  }

.xlv-accuracy-layers li p {
    grid-column:2;
  }

.xlv-system-line,
  .xlv-design-route {
    grid-template-columns:1fr;
    gap:0;
  }

.xlv-system-line span,
  .xlv-design-route span {
    padding:.8rem 0;
    border-bottom:1px solid var(--line);
  }

.xlv-system-line span:last-child,
  .xlv-design-route span:last-child {
    border-bottom:0;
  }

.xlv-system-line i,
  .xlv-design-route i {
    height:0;
    font-size:0;
  }

.xlv-console-proof {
    grid-template-columns:1fr;
    gap:1.2rem;
  }

.xlv-boundary-scale {
    grid-template-columns:1fr;
  }

.xlv-boundary-scale::before {
    top:50%;
    left:-.25rem;
    transform:translateY(-50%);
  }

.xlv-boundary-scale div + div {
    border-top:1px solid color-mix(in srgb,var(--xlv-panel-ink) 25%,transparent);
    border-left:0;
  }

.xlv-test-loop {
    grid-template-columns:1fr;
  }

.xlv-test-loop li {
    display:grid;
    grid-template-columns:3rem 1fr;
    padding:1rem 0;
  }

.xlv-test-loop li + li {
    border-top:1px solid color-mix(in srgb,var(--xlv-panel-ink) 25%,transparent);
    border-left:0;
  }

.xlv-test-loop b {
    margin-bottom:0;
  }

.xlv-finding-grid article {
    min-height:0;
    padding:1.25rem 0 1.8rem !important;
    border-left:0 !important;
  }

.xlv-finding-grid article > span {
    margin-bottom:2.5rem;
  }

.xlv-eval-proof {
    grid-template-columns:1fr;
  }

.xlv-eval-proof figure button {
    height:22rem;
  }

.xlv-build-sequence {
    grid-template-columns:1fr 1fr;
    grid-auto-rows:12rem;
  }

.xlv-build-sequence button:first-child {
    grid-column:span 2;
    grid-row:span 2;
  }

.xlv-build-caption {
    flex-direction:column;
    gap:.4rem;
  }

.xlv-hardware-proof {
    grid-template-columns:1fr 1fr;
  }

.xlv-hardware-proof figure button {
    height:70vw;
  }

.xlv-hardware-copy {
    display:block;
    grid-column:1/-1;
    padding-top:3rem;
  }

.xlv-hardware-copy h3 {
    margin-bottom:1rem;
  }

.xlv-flow-preview {
    margin-top:2rem;
  }

.xlv-product-intro-head,
  .xlv-product-deck-label {
    grid-template-columns:1fr;
    gap:1rem;
  }

.xlv-product-definition-grid,
  .xlv-product-scenes,
  .xlv-product-extensions {
    display:flex;
    overflow-x:auto;
    margin-right:calc(var(--gutter) * -1);
    padding-right:var(--gutter);
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
  }

.xlv-product-definition-grid::-webkit-scrollbar,
  .xlv-product-scenes::-webkit-scrollbar,
  .xlv-product-extensions::-webkit-scrollbar {
    display:none;
  }

.xlv-product-deck-group figure {
    flex:0 0 min(72vw,28rem);
    scroll-snap-align:start;
  }

.xlv-design-wall {
    grid-template-columns:1fr 1fr;
    grid-auto-rows:12rem;
  }

.xlv-design-wall button,
  .xlv-design-wall .xlv-wall-wide {
    grid-column:span 1;
  }

.xlv-design-wall .xlv-wall-wide {
    grid-column:span 2;
  }

.xlv-market-metrics {
    grid-template-columns:1fr 1fr;
  }

.xlv-market-metrics article:nth-child(3) {
    border-left:0;
  }

.xlv-market-metrics article:nth-child(n+3) {
    border-top:1px solid var(--line);
  }

.xlv-commerce-proof,
  .xlv-commerce-proof aside {
    grid-template-columns:1fr;
  }

.xlv-commerce-proof aside {
    gap:1rem;
  }

.xlv-market-learnings article {
    padding:1.25rem 0 2rem !important;
    border-bottom:1px solid var(--line);
    border-left:0 !important;
  }

.xlv-market-learnings h3 {
    margin-bottom:1.5rem;
  }

.xlv-external-grid {
    grid-template-columns:1fr;
    gap:3.5rem;
  }

.xlv-external-grid small {
    margin-bottom:1.1rem;
  }
}

@media (max-width:480px) {

.xlv-section {

  }

.xlv-section-head {
    margin-bottom:var(--space-7);
  }

.xlv-question-poster {
    width:86%;
  }

.xlv-build-sequence {
    grid-auto-rows:10rem;
  }

.xlv-build-sequence button:first-child {
    grid-row:span 2;
  }

.xlv-hardware-proof {
    grid-template-columns:1fr;
  }

.xlv-hardware-proof figure button {
    height:112vw;
  }

.xlv-design-wall {
    grid-auto-rows:10rem;
  }

.xlv-xhs-card {
    grid-template-columns:1fr;
    gap:.55rem;
  }

.xlv-xhs-card > i {
    text-align:left;
  }

.xlv-external-surfaces > header {
    align-items:start;
    flex-direction:column;
    gap:.35rem;
  }
}

@media (prefers-reduced-motion:reduce) {

.xlv-case *,
  .xlv-case *::before,
  .xlv-case *::after {
    scroll-behavior:auto !important;
    transition-duration:.01ms !important;
    animation-duration:.01ms !important;
  }
}