/* Desktop chapters share the hero's graphite, indigo and verified cyan. */
#main,
.site-footer {
  --story-width: min(calc(100% - clamp(72px, 8vw, 148px)), 1320px);
  --story-bg: #0a0c15;
  --story-alt: #0e101c;
  --story-layer: #13151f;
  --story-text: #eef0fa;
  --story-muted: #b0b7ce;
  --story-line: #8c91c13b;
  --story-accent: #c1b4fc;
  --story-beam: #9a81f2;
  --story-verified: #9aebef;
  --story-warning: #e9bc84;
  --story-action: #5850dc;
  --story-globe: url("/assets/hero-network-dark.webp?v=coat");
}

[data-theme="light"] :is(#main, .site-footer) {
  --story-bg: #f6f6fb;
  --story-alt: #eeeff8;
  --story-layer: #fff;
  --story-text: #212238;
  --story-muted: #515771;
  --story-line: #4c477a35;
  --story-accent: #503b9e;
  --story-beam: #6850bc;
  --story-verified: #19666c;
  --story-warning: #82501d;
  --story-action: #4d43cf;
  --story-globe: url("/assets/hero-network-light.webp?v=coat");
}

#main > :is(.closer-look, .diagnostics-sec, .features, .ribbon, .details-sec, .changes, .download, .faq, .final-cta),
.site-footer {
  background: var(--story-bg);
  color: var(--story-text);
}

#main > :is(.closer-look, .diagnostics-sec, .features, .details-sec, .changes, .download, .faq) {
  position: relative;
  padding-block: clamp(70px, 7.3vw, 112px);
  scroll-margin-block-start: 0;
}

#main > :is(.closer-look, .diagnostics-sec, .features, .ribbon, .details-sec, .changes, .download, .faq, .final-cta) > .wrap,
.site-footer > .wrap {
  width: var(--story-width);
}

#main > :is(.closer-look, .diagnostics-sec, .features, .details-sec, .changes, .download, .faq) :is(.section-cinematic-title, .section-title) {
  max-width: 18ch;
  margin: 0;
  color: var(--story-text);
  font-size: clamp(2.65rem, 4.1vw, 4rem);
  font-weight: 700;
  line-height: 1.02;
  letter-spacing: -0.05em;
  text-wrap: balance;
}

html[dir="rtl"] #main > section:not(#top) :is(.section-cinematic-title, .section-title) {
  line-height: 1.23;
  letter-spacing: 0;
}

#main > section:not(#top) :is(.section-cinematic-sub, .section-sub) {
  max-width: 54ch;
  margin: 18px 0 0;
  color: var(--story-muted);
  font-size: clamp(1rem, 1.2vw, 1.13rem);
  line-height: 1.65;
  text-wrap: pretty;
}

#main :is(.section-cinematic-head, .faq-head) {
  max-width: none;
  margin: 0 0 38px;
  text-align: start;
}

.desktop-chapter-label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-block-end: 17px;
  color: var(--story-accent);
  font: 500 0.73rem/1.5 var(--font-mono);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.desktop-chapter-label::before {
  content: "";
  inline-size: 18px;
  block-size: 1px;
  background: var(--story-beam);
}

html[dir="rtl"] .desktop-chapter-label {
  font-family: Vazirmatn, sans-serif;
  letter-spacing: 0;
}

.showcase-intro > .cinematic-eyebrow,
.diag-intro > .cinematic-eyebrow,
.workflows-intro > .cinematic-eyebrow,
.details-sec .cinematic-eyebrow {
  display: none;
}

/* Windows showcase */
#main > .closer-look {
  background: radial-gradient(ellipse at 74% 45%, #6560a019, transparent 58%), var(--story-bg);
  overflow: clip;
}

.showcase-layout {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(0, 0.53fr) minmax(0, 1fr);
  align-items: center;
  gap: 24px clamp(32px, 5vw, 76px);
}

.showcase-layout::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset-block: 0 36px;
  inset-inline: 32% 3%;
  border: 1px solid var(--story-line);
  border-radius: 50%;
  box-shadow: inset 0 0 0 12px #7964bb0b, 0 0 0 8px #7964bb0b, 0 0 0 9px #9b88db19;
  transform: rotate(-24deg);
  pointer-events: none;
}

html[dir="rtl"] .showcase-layout::before { transform: rotate(24deg); }

#main .showcase-intro {
  margin: 0;
}

.showcase-deck {
  position: relative;
  min-inline-size: 0;
  padding: 17px;
  border: 1px solid var(--story-line);
  border-radius: 18px;
  background: linear-gradient(145deg, #7d73ae1a, transparent 55%), var(--story-layer);
  box-shadow: 0 28px 75px #05061335, inset 0 1px #d4ccff18;
  backdrop-filter: none;
  transition: none;
}

.showcase-deck:hover {
  transform: none;
  border-color: var(--story-line);
  box-shadow: 0 28px 75px #05061335, inset 0 1px #d4ccff18;
}

.showcase-deck .showcase-toolbar { margin-block-end: 14px; }
.showcase-deck .zoom-trigger-btn { min-height: 40px; }
.showcase-deck .stage-glow { opacity: 0.4; }

.showcase-deck .window-showcase {
  border-color: var(--story-line);
  border-radius: 10px;
  box-shadow: 0 18px 35px #06071245;
  will-change: auto;
}

.showcase-deck .showcase-caption {
  padding: 12px 14px;
  background: var(--story-layer);
  color: var(--story-muted);
}

.showcase-deck .caption-indicator { background: var(--story-beam); }

.is-showcase-arriving .window-showcase {
  --arrival-y: -13deg;
  animation: glide-window-arrive 830ms var(--ease-cinematic);
}

html[dir="rtl"] .is-showcase-arriving .window-showcase { --arrival-y: 13deg; }

@keyframes glide-window-arrive {
  from {
    opacity: 0.62;
    transform: translateY(18px) rotateX(9deg) rotateY(var(--arrival-y)) scale(0.96);
  }
  to { opacity: 1; }
}

.story-disclosure { grid-column: 1 / -1; }

.story-disclosure > summary {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 48px;
  margin: 0;
  padding-inline: 2px 28px;
  border-block-end: 1px solid var(--story-line);
  color: var(--story-accent);
  font-size: 0.86rem;
  font-weight: 700;
  cursor: pointer;
}

.story-disclosure > summary::before,
.story-disclosure > summary::after {
  content: "";
  position: absolute;
  inset-block-start: 50%;
  border-radius: 2px;
  background: currentColor;
  transform: translateY(-50%);
}

.story-disclosure > summary::before { inset-inline-end: 5px; inline-size: 12px; block-size: 2px; }
.story-disclosure > summary::after {
  inset-inline-end: 10px;
  inline-size: 2px;
  block-size: 12px;
  transition: transform 180ms var(--ease);
}

.story-disclosure[open]:not([data-collapsing]) > summary::after { transform: translateY(-50%) scaleY(0); }
.story-disclosure-body { display: flow-root; min-inline-size: 0; }
.story-disclosure-body::before { content: ""; display: block; block-size: 20px; }
.story-disclosure[data-moving] > .story-disclosure-body { overflow: clip; }
.workflow-demos .tile .viz-chips .chip { opacity: 1; transform: none; transition: none; }

/* Six-step route simulator */
#main > .diagnostics-sec {
  background: radial-gradient(ellipse at 58% 88%, #6157a51b, transparent 64%), var(--story-alt);
  border-block: 1px solid var(--story-line);
}

#main .diag-layout {
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(22px, 3vw, 34px);
}

.diag-workbench {
  background: var(--story-layer);
  border-color: var(--story-line);
  border-radius: 16px;
  box-shadow: 0 20px 48px #0708152b;
}

.diag-workbench .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

.diag-workbench .workbench-header {
  padding: 12px clamp(14px, 2.4vw, 26px);
  border-color: var(--story-line);
}

.diag-workbench .workbench-title-group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.diag-workbench .workbench-title {
  color: var(--story-text);
  font: inherit;
  font-size: .93rem;
  font-weight: 680;
  letter-spacing: 0;
}

.workbench-icon,
.workflow-icon {
  display: grid;
  flex: none;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 9px;
  color: var(--story-accent);
  background: color-mix(in srgb, var(--story-beam) 13%, var(--story-layer));
}

.workbench-icon .icon { width: 17px; height: 17px; }

.workbench-demo {
  padding: 2px 6px;
  border: 1px solid var(--story-line);
  border-radius: 5px;
  color: var(--story-muted);
  font-size: .7rem;
  line-height: 1.35;
}

.diag-workbench .diag-rerun-btn {
  min-height: 44px;
  border-radius: 8px;
  border-color: var(--story-line);
  background: var(--story-alt);
  color: var(--story-text);
}

.diag-body {
  display: grid;
  grid-template-columns: minmax(12.5rem, .34fr) minmax(0, 1fr);
}

.diag-body .scenario-picker {
  min-inline-size: 0;
  margin: 0;
  padding: 18px clamp(12px, 1.7vw, 23px);
  border-inline-end: 1px solid var(--story-line);
  background: color-mix(in srgb, var(--story-bg) 55%, var(--story-layer));
}

.diag-body .scenario-label {
  margin: 0 0 10px;
  padding-inline: 5px;
  color: var(--story-muted);
  font-size: .75rem;
  font-weight: 650;
  letter-spacing: 0;
  text-transform: none;
}

.diag-body .scenario-buttons {
  grid-template-columns: minmax(0, 1fr);
  gap: 4px;
}

.diag-body .scenario-btn {
  gap: 9px;
  min-height: 44px;
  padding: 8px 9px;
  border: 1px solid transparent;
  border-radius: 8px;
  color: var(--story-muted);
  background: transparent;
  font-size: .85rem;
  line-height: 1.35;
  white-space: normal;
  text-align: start;
}

.diag-body .scenario-btn.is-active {
  background: color-mix(in srgb, var(--story-beam) 15%, var(--story-layer));
  border-color: color-mix(in srgb, var(--story-beam) 60%, var(--story-line));
  color: var(--story-text);
}

@media (hover: hover) and (pointer: fine) {
  .diag-body .scenario-btn:not(.is-active):hover { background: var(--story-layer); color: var(--story-text); }
}

.diag-inspector {
  min-inline-size: 0;
  padding: clamp(10px, 1.8vw, 20px);
}

.diag-stream {
  --route-node: 26px;
  --route-padding: 10px;
  --route-axis: calc(var(--route-padding) + var(--route-node) / 2 - 1px);
  --route-top: calc(var(--route-padding) + var(--route-node) / 2);
  padding: 0;
  gap: 0;
}

.diag-stream .diag-item {
  display: grid;
  grid-template-columns: minmax(10.5rem, .42fr) minmax(0, 1fr);
  align-items: start;
  gap: 7px 14px;
  min-block-size: 48px;
  padding: var(--route-padding);
  border: 0;
  border-radius: 7px;
  background: transparent;
  transition: background-color 180ms;
}

.diag-stream .diag-item:not(:last-child)::before,
.diag-stream .diag-item:not(:last-child)::after {
  content: "";
  position: absolute;
  display: block;
  z-index: 1;
  inset: auto;
  inset-inline-start: var(--route-axis);
  inset-block-start: var(--route-top);
  width: 2px;
  height: 100%;
  background: var(--story-line);
  pointer-events: none;
  transition: none;
}

.diag-stream .diag-item:last-child::before { display: none; }
.diag-stream .diag-item:not(:last-child)::after { background: transparent; }

.diag-stream .diag-item.is-done:has(+ .is-done)::after { background: var(--story-verified); }
.diag-stream .diag-item.is-done:has(+ .is-fail)::after { background: var(--story-warning); }

.diag-stream .diag-item.is-done:has(+ .is-checking)::after {
  background: linear-gradient(var(--story-accent), var(--story-verified));
  box-shadow: 0 0 9px color-mix(in srgb, var(--story-verified) 68%, transparent);
  transform-origin: top;
  animation: glide-route-leg 190ms linear both;
}

@keyframes glide-route-leg {
  from { transform: scaleY(.06); opacity: .55; }
  to { transform: scaleY(1); opacity: 1; }
}

.diag-stream .diag-item.is-checking { background: color-mix(in srgb, var(--story-beam) 10%, var(--story-layer)); }
.diag-stream .diag-item.is-fail { background: color-mix(in srgb, var(--story-warning) 8%, var(--story-layer)); }
.diag-stream .diag-item.is-skipped { opacity: 1; }

.diag-stream .diag-left {
  display: grid;
  grid-template-columns: var(--route-node) minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  min-inline-size: 0;
}

.diag-stream .diag-check-badge {
  z-index: 2;
  width: var(--route-node);
  height: var(--route-node);
  border-color: var(--story-line);
  color: var(--story-muted);
  background: var(--story-layer);
  font-size: .74rem;
  box-shadow: none;
  transition: none;
}

.diag-stream .diag-item.is-checking .diag-check-badge {
  border-color: var(--story-beam);
  color: var(--story-accent);
  background: color-mix(in srgb, var(--story-beam) 16%, var(--story-layer));
  animation: none;
}

.diag-stream .diag-item.is-done .diag-check-badge {
  border-color: color-mix(in srgb, var(--story-verified) 48%, var(--story-line));
  color: var(--story-verified);
  background: color-mix(in srgb, var(--story-verified) 10%, var(--story-layer));
}

.diag-stream .diag-item.is-fail .diag-check-badge {
  border-color: var(--story-warning);
  color: var(--story-warning);
  background: var(--story-layer);
}

.diag-stream .diag-name {
  color: var(--story-text);
  font-size: .89rem;
  font-weight: 650;
  line-height: 1.35;
}

.diag-stream .diag-meta {
  align-self: center;
  min-inline-size: 0;
  max-inline-size: none;
  margin: 0;
  padding: 0;
  color: var(--story-muted);
  font-size: .81rem;
  line-height: 1.48;
  text-align: start;
  overflow-wrap: anywhere;
}

.diag-stream .diag-item.is-fail .diag-meta { color: var(--story-warning); }
.diag-stream .diag-item:is(.is-pending, .is-skipped) .diag-name { color: var(--story-muted); }

.diag-workbench .diag-verdict {
  min-block-size: 75px;
  margin: 8px 0 0;
  padding: 12px 14px;
  border-radius: 8px;
  background: color-mix(in srgb, var(--story-verified) 8%, var(--story-layer));
  border-color: color-mix(in srgb, var(--story-verified) 36%, transparent);
}

.diag-workbench .diag-verdict.is-checking { background: var(--story-layer); border-color: var(--story-line); }
.diag-stream .diag-verdict.is-warn {
  grid-column: 1 / -1;
  flex-wrap: wrap;
  gap: 8px 12px;
  margin-block: 0 3px;
  margin-inline: calc(var(--route-node) + 10px) 0;
  background: var(--story-layer);
  border-color: color-mix(in srgb, var(--story-warning) 48%, var(--story-line));
}

.diag-workbench .diag-verdict .verdict-title { color: var(--story-verified); }
.diag-workbench .diag-verdict.is-checking .verdict-title { color: var(--story-accent); }
.diag-workbench .diag-verdict.is-warn .verdict-title { color: var(--story-warning); }
.diag-workbench .diag-verdict .verdict-body { color: var(--story-muted); }
.diag-workbench .verdict-action-btn { min-height: 44px; white-space: normal; }
.diag-workbench .verdict-action-btn[hidden] { display: none; }

/* Everyday workflows */
.desktop-workflows {
  display: grid;
  margin-block-end: 14px;
  border: 1px solid var(--story-line);
  border-radius: 14px;
  background: var(--story-layer);
}

.workflow {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) minmax(9rem, .43fr);
  align-items: center;
  gap: clamp(10px, 2.2vw, 28px);
  min-inline-size: 0;
  padding: clamp(15px, 2.3vw, 28px);
}

.workflow + .workflow { border-block-start: 1px solid var(--story-line); }
.workflow-icon { width: 42px; height: 42px; }
.workflow-icon .icon { width: 20px; height: 20px; }

.workflow-tag {
  display: block;
  margin-block-end: 4px;
  color: var(--story-accent);
  font: 0.72rem/1.5 var(--font-mono);
}

html[dir="rtl"] .workflow-tag { font-family: Vazirmatn, sans-serif; }

.workflow h3 {
  margin: 0;
  color: var(--story-text);
  font-size: clamp(1.13rem, 1.8vw, 1.65rem);
  line-height: 1.23;
  letter-spacing: -.02em;
}

html[dir="rtl"] .workflow h3 { letter-spacing: 0; }

.workflow p {
  max-inline-size: 55ch;
  margin: 5px 0 0;
  color: var(--story-muted);
  font-size: .9rem;
  line-height: 1.55;
}

.workflow-media {
  position: relative;
  display: block;
  inline-size: 100%;
  max-inline-size: 15rem;
  min-inline-size: 0;
  aspect-ratio: 2.5;
  justify-self: end;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--story-line);
  border-radius: 8px;
  background: var(--story-bg);
  cursor: zoom-in;
}

.workflow-media img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center top; }
.workflow-server .workflow-media img { object-position: center 35%; }
.workflow-routing .workflow-media img { object-position: center 60%; }

.workflow-media:focus-visible,
.story-disclosure summary:focus-visible {
  outline: 2px solid var(--story-accent);
  outline-offset: 3px;
}

/* Technical reference and comparison */
#main > .ribbon {
  padding-block: 34px;
  background: var(--story-alt);
  border-block: 1px solid var(--story-line);
  scroll-margin-block-start: 0;
}

.ribbon .stat-grid { border-color: var(--story-line); }
.ribbon .stat-num { color: var(--story-text); }
.ribbon :is(.stat-label, .stat-val) { color: var(--story-muted); }

#main > .details-sec { padding-block-end: 56px; }
.details-sec .details-tabs-bar { margin-inline: 0; }
.details-sec .details-grid { border-color: var(--story-line); background: var(--story-layer); }
.details-sec .detail-item { border-color: var(--story-line); }
.details-sec .detail-item h3 { color: var(--story-text); }
.details-sec .detail-item p { color: var(--story-muted); }

#main > .changes { padding-block-start: 32px; }
.changes .cinematic-eyebrow { color: var(--story-accent); background: transparent; border-color: var(--story-line); }
.changes .table-scroll-wrap {
  border-color: var(--story-line);
  border-radius: 12px;
  background: var(--story-layer);
}

.changes .vs-table thead .th-glide,
.changes .vs-table .td-glide {
  background: color-mix(in srgb, var(--story-beam) 10%, var(--story-layer));
  border-color: var(--story-line);
  color: var(--story-text);
}

/* Windows packages and the closing section */
#main > .download {
  background: var(--story-alt);
  border-block: 1px solid var(--story-line);
}

.download .download-panel {
  grid-template-columns: minmax(0, 1.55fr) minmax(0, 0.85fr);
  gap: clamp(30px, 5vw, 70px);
  padding: clamp(32px, 4vw, 62px);
  border-color: var(--story-line);
  border-radius: 18px;
  background: var(--story-layer);
  box-shadow: 0 24px 65px #0708162e;
}

.download .download-glow {
  inset: 0;
  width: auto;
  aspect-ratio: auto;
  border-radius: 0;
  background: var(--story-globe) no-repeat;
  background-size: clamp(290px, 34vw, 490px);
  background-position: right -130px bottom -182px;
  opacity: 0.12;
  filter: none;
  animation: none;
  pointer-events: none;
}

html[dir="rtl"] .download .download-glow { transform: scaleX(-1); }
.download .dl-packages { margin-block-start: 24px; }
.download .dl-secondary-label {
  margin: 10px 0 0;
  color: var(--story-muted);
  font-size: .77rem;
  font-weight: 680;
}

.download .dl-secondary-row {
  display: grid;
  gap: 0;
  border: 1px solid var(--story-line);
  border-radius: 10px;
  overflow: hidden;
}

.download .dl-pkg-row {
  border-radius: 9px;
  border-color: var(--story-line);
  background: var(--story-bg);
}

.download .dl-pkg-row.is-primary {
  background: var(--story-action);
  border-color: transparent;
}

.download .dl-pkg-row.is-primary :is(.dl-pkg-ico, .dl-pkg-info strong, .dl-pkg-btn) { color: #fff; }
.download .dl-pkg-row.is-primary .dl-pkg-info > span { color: #eeecff; }
.download .dl-pkg-row.is-primary :is(.dl-pkg-ico, .dl-pkg-btn) {
  background: #fff2;
  border-color: #fff4;
}

.download .dl-secondary-row .dl-pkg-row {
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.download .dl-secondary-row .dl-pkg-row + .dl-pkg-row { border-block-start: 1px solid var(--story-line); }
.download .dl-secondary-row .dl-pkg-row:focus-visible { outline-offset: -3px; }
.download .dl-secondary-row .dl-pkg-btn { padding-inline: 0; border: 0; background: transparent; color: var(--story-accent); }
.download .checksum-details { margin-block-start: 12px; border-color: var(--story-line); border-radius: 9px; background: var(--story-layer); }

@media (hover: hover) and (pointer: fine) {
  .download .dl-pkg-row.is-primary:hover { background: color-mix(in srgb, var(--story-action) 86%, #161139); }
  .download .dl-secondary-row .dl-pkg-row:hover { background: var(--story-alt); }
}

.download .quickstart-col { border-inline-start: 1px solid var(--story-line); padding-inline-start: clamp(20px, 3vw, 44px); }

.checksum-copy-status { margin: 8px 0 0; color: var(--story-text); }
.checksum-copy-status:empty { margin: 0; }

.download .qs-steps > li { padding-inline-start: 30px; }

.download .qs-steps > li::before {
  content: "";
  inset-inline-start: 3px;
  top: 8px;
  width: 12px;
  height: 12px;
  background: var(--story-layer);
  border-color: var(--story-line);
}

.download .qs-steps > li::after {
  inset-inline-start: 8px;
  top: 20px;
  background: var(--story-line);
}

.download .qs-steps > li.fx-lit::before {
  background: var(--story-beam);
  border-color: var(--story-beam);
}

.download .qs-steps > li.fx-lit::after {
  background: linear-gradient(var(--story-beam), var(--story-line));
}

#main > .faq { padding-block-end: clamp(70px, 8vw, 114px); }
.faq .faq-list {
  gap: 0;
  border: 1px solid var(--story-line);
  border-radius: 13px;
  background: var(--story-layer);
}

.faq .faq-item { border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.faq .faq-item:first-child { border-start-start-radius: inherit; border-start-end-radius: inherit; }
.faq .faq-item:last-child { border-end-start-radius: inherit; border-end-end-radius: inherit; }
.faq .faq-item + .faq-item { border-block-start: 1px solid var(--story-line); }
.faq .faq-item[open] { background: color-mix(in srgb, var(--story-beam) 7%, var(--story-layer)); }
.faq .faq-item summary { min-height: 54px; color: var(--story-text); }
.faq .faq-item summary:focus-visible { outline-offset: -3px; }
.faq .faq-item[open] summary { color: var(--story-accent); }
.faq .faq-a { color: var(--story-muted); }

#main > .final-cta {
  padding-block: clamp(92px, 10vw, 145px);
  border-color: var(--story-line);
  background: radial-gradient(ellipse at center bottom, #6d58b437, transparent 70%), var(--story-alt);
}

.final-cta > .aurora-foot { display: none; }
.final-cta .final-title { color: var(--story-text); }
.final-cta .final-sub { color: var(--story-muted); }
.site-footer { border-color: var(--story-line); }

/* Keep atmospheric motion on the route and state changes. */
.closer-look .feature-shot.fx-seen,
.features :is(.vr-halo, .vr-arc, .vr-icon, .vp-caret, .viz-steps i, .chip.busy i),
.download .download-glow,
.download .dl-pkg-row.is-primary::before {
  animation: none;
}

@media (prefers-reduced-motion: reduce) {
  .is-showcase-arriving .window-showcase,
  .diag-stream .diag-item.is-done:has(+ .is-checking)::after {
    animation: none;
  }

}