.sensor-system-proof {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(var(--ts-space-100), 2.4vw, var(--ts-space-160));
  max-width: var(--ts-container-page);
  margin: clamp(var(--ts-space-180), 4vw, var(--ts-space-250)) auto 0;
}

.sensor-system-proof__card,
.sensor-comparison__summary article,
.appcloud-integration-card {
  background: var(--ts-surface);
  border: 1px solid var(--ts-rule);
  border-radius: var(--ts-radius-lg);
  box-shadow: var(--ts-shadow-sm);
  overflow: hidden;
}

.sensor-system-proof__visual {
  min-height: 14rem;
  padding: var(--ts-space-120);
  background:
    radial-gradient(circle at 20% 12%, var(--ts-accent-a30), transparent 36%),
    linear-gradient(135deg, var(--ts-instrument-surface), var(--ts-surface));
  position: relative;
}

.sensor-system-proof__card--setup .sensor-system-proof__visual {
  background:
    radial-gradient(circle at 82% 8%, var(--ts-ramp-teal), transparent 30%),
    linear-gradient(135deg, var(--ts-instrument-surface), var(--ts-surface));
}

.sensor-system-proof__card--evidence .sensor-system-proof__visual {
  background:
    radial-gradient(circle at 50% 0%, var(--ts-ramp-amber), transparent 28%),
    linear-gradient(135deg, var(--ts-instrument-surface), var(--ts-surface));
}

.sensor-system-proof__mock {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--ts-space-60);
  max-width: 22rem;
}

.sensor-system-proof__mock span {
  min-height: 3.5rem;
  padding: var(--ts-space-70);
  border: 1px solid var(--ts-rule);
  border-radius: var(--ts-radius-md);
  background: var(--ts-surface);
  font: 700 0.68rem/1.2 var(--ts-font-mono);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--ts-muted);
  display: flex;
  align-items: end;
}

.sensor-system-proof__callout {
  position: absolute;
  right: var(--ts-space-100);
  bottom: var(--ts-space-100);
  width: min(18rem, 70%);
  padding: var(--ts-space-90);
  border: 1px solid var(--ts-rule);
  border-radius: var(--ts-radius-md);
  background: var(--ts-surface);
  box-shadow: var(--ts-shadow-md);
}

.sensor-system-proof__callout strong,
.sensor-system-proof__kicker {
  font: 800 0.68rem/1 var(--ts-font-mono);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--ts-accent);
}

.sensor-system-proof__kicker {
  display: inline-flex;
  align-items: center;
  gap: var(--ts-space-40);
}

.sensor-system-proof__kicker .ti {
  color: var(--sensor-icon-color, currentColor);
  font-size: 1em;
  line-height: 1;
}

.sensor-system-proof__callout strong {
  display: block;
  margin-bottom: var(--ts-space-40);
}

.sensor-system-proof__callout span {
  display: block;
  font: 650 0.9rem/1.25 var(--ts-font-sans);
  color: var(--ts-ink);
}

.sensor-system-proof__body {
  padding: var(--ts-space-120);
}

.sensor-system-proof__kicker {
  margin: 0 0 var(--ts-space-40);
}

.sensor-system-proof__body h3,
.sensor-comparison__summary h3,
.appcloud-integration-card h3 {
  margin: 0;
  font: 750 1.05rem/1.2 var(--ts-font-sans);
  letter-spacing: -0.01em;
}

.sensor-system-proof__body p:not(.sensor-system-proof__kicker),
.sensor-comparison__summary p,
.appcloud-integration-card span {
  margin: var(--ts-space-70) 0 0;
  color: var(--ts-muted);
  font-size: 0.92rem;
}

.sensor-system-proof__body a {
  display: inline-flex;
  margin-top: var(--ts-space-90);
  font-weight: 750;
}

.sensor-comparison__summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--ts-space-100);
  max-width: var(--ts-container-page);
  margin: 0 auto clamp(var(--ts-space-140), 3vw, var(--ts-space-200));
}

.sensor-comparison__summary article {
  padding: var(--ts-space-120);
}

.sensor-buybox__links {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--ts-space-50);
  margin-top: var(--ts-space-70);
  inline-size: min(100%, 22rem);
  margin-inline: auto;
}

.sensor-buybox__secondary {
  inline-size: 100%;
  min-height: 2.55rem;
  justify-content: center;
  padding-inline: var(--ts-space-50);
  font-size: var(--ts-text-md);
  line-height: 1;
  text-align: center;
  white-space: nowrap;
}

.appcloud-integration-grid__wide {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  gap: clamp(var(--ts-space-120), 3vw, var(--ts-space-200));
  align-items: center;
}

.appcloud-integration-map {
  min-height: 18rem;
  padding: var(--ts-space-130);
  border: 1px solid var(--ts-rule);
  border-radius: var(--ts-radius-lg);
  background:
    radial-gradient(circle at 18% 10%, var(--ts-accent-a30), transparent 34%),
    linear-gradient(135deg, var(--ts-instrument-surface), var(--ts-surface));
  position: relative;
  overflow: hidden;
}

.appcloud-integration-map__device {
  width: min(15rem, 72%);
  padding: var(--ts-space-100);
  border: 1px solid var(--ts-rule);
  border-radius: var(--ts-radius-md);
  background: var(--ts-surface);
  box-shadow: var(--ts-shadow-md);
}

.appcloud-integration-map__device span,
.appcloud-integration-card p {
  display: inline-flex;
  align-items: center;
  gap: var(--ts-space-40);
  margin: 0 0 var(--ts-space-40);
  font: 800 0.68rem/1 var(--ts-font-mono);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--ts-accent);
}

.appcloud-integration-map__device span {
  display: block;
}

.appcloud-integration-card p .ti {
  color: var(--app-icon-color, currentColor);
  font-size: 1em;
  line-height: 1;
}

.appcloud-integration-map__device strong {
  font: 750 1.25rem/1.1 var(--ts-font-sans);
}

.appcloud-integration-map__routes {
  display: grid;
  gap: var(--ts-space-50);
  width: min(16rem, 68%);
  margin: var(--ts-space-110) 0 0 auto;
}

.appcloud-integration-map__routes span {
  padding: var(--ts-space-60) var(--ts-space-80);
  border: 1px solid var(--ts-rule);
  border-radius: var(--ts-radius-pill);
  background: var(--ts-surface);
  color: var(--ts-muted);
  font: 700 0.72rem/1 var(--ts-font-mono);
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.appcloud-integration-map__logos {
  display: flex;
  gap: var(--ts-space-60);
  position: absolute;
  left: var(--ts-space-130);
  bottom: var(--ts-space-130);
}

.appcloud-integration-map__logos img {
  width: 2rem;
  height: 2rem;
  object-fit: contain;
}

.appcloud-integration-card {
  padding: var(--ts-space-120);
}

.appcloud-integration-stack {
  display: grid;
  gap: var(--ts-space-50);
  margin: 0 0 var(--ts-space-100);
  padding: var(--ts-space-70);
  list-style: none;
  border: 1px solid var(--ts-rule-soft);
  border-radius: var(--ts-radius-md);
  background:
    linear-gradient(135deg, var(--ts-accent-a10), transparent 60%),
    var(--ts-instrument-surface);
}

.appcloud-integration-stack li {
  display: flex;
  align-items: center;
  gap: var(--ts-space-60);
  min-height: 2.45rem;
  padding: var(--ts-space-45, var(--ts-space-40)) var(--ts-space-60);
  border: 1px solid var(--ts-rule-soft);
  border-radius: var(--ts-radius-sm);
  background: var(--ts-surface);
  color: var(--ts-ink);
  font: 750 var(--ts-text-sm)/1 var(--ts-font-mono);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.appcloud-integration-stack .ti {
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  width: 1.65rem;
  height: 1.65rem;
  border-radius: var(--ts-radius-sm);
  background: var(--ts-accent-a10);
  color: var(--ts-accent);
  font-size: 1rem;
}

@media (max-width: 860px) {
  .sensor-system-proof,
  .sensor-comparison__summary,
  .appcloud-integration-grid__wide {
    grid-template-columns: 1fr;
  }

  .sensor-system-proof__visual {
    min-height: 12rem;
  }
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .sensor-system-proof__mock span,
  :root:not([data-theme="light"]) .sensor-system-proof__callout,
  :root:not([data-theme="light"]) .sensor-system-proof__card,
  :root:not([data-theme="light"]) .sensor-comparison__summary article,
  :root:not([data-theme="light"]) .appcloud-integration-card,
  :root:not([data-theme="light"]) .appcloud-integration-map,
  :root:not([data-theme="light"]) .appcloud-integration-map__device,
  :root:not([data-theme="light"]) .appcloud-integration-map__routes span,
  :root:not([data-theme="light"]) .appcloud-integration-stack li {
    background-color: var(--ts-surface-raised);
  }
}

:root[data-theme="dark"] .sensor-system-proof__mock span,
:root[data-theme="dark"] .sensor-system-proof__callout,
:root[data-theme="dark"] .sensor-system-proof__card,
:root[data-theme="dark"] .sensor-comparison__summary article,
:root[data-theme="dark"] .appcloud-integration-card,
:root[data-theme="dark"] .appcloud-integration-map,
:root[data-theme="dark"] .appcloud-integration-map__device,
:root[data-theme="dark"] .appcloud-integration-map__routes span,
:root[data-theme="dark"] .appcloud-integration-stack li {
  background-color: var(--ts-surface-raised);
}