@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 200 700;
  font-display: swap;
  src: url(geist-latin-ext.woff2) format("woff2");
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 200 700;
  font-display: swap;
  src: url(geist-latin.woff2) format("woff2");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

body.cx-page {
  --cx-paper: #f4f3ef;
  --cx-white: #fbfbfa;
  --cx-ice: #e9eef6;
  --cx-night: #171a20;
  --cx-ink: #151d2e;
  --cx-muted: #48576d;
  --cx-cobalt: #294294;
  --cx-line: #bfc8d6;
  --cx-margin: clamp(20px, 3.2vw, 58px);
  --cx-font: Geist, "Rekon Sans", Arial, sans-serif;
  --rk-paper: var(--cx-paper);
  --rk-canvas: var(--cx-ice);
  --rk-ink: var(--cx-ink);
  --rk-muted: var(--cx-muted);
  --rk-rust: var(--cx-cobalt);
  --rk-line: var(--cx-line);
  --display: var(--cx-font);
  --body: var(--cx-font);
  --font-body: var(--cx-font);
  --font-display: var(--cx-font);
  margin: 0;
  background: var(--cx-paper);
  color: var(--cx-ink);
}
.cx-page *, .cx-page *::before, .cx-page *::after { box-sizing: border-box; }
.cx-page :where(a,button,summary):focus-visible { outline: 2px solid #3657b0; outline-offset: 4px; }
.cx-page :where([hidden]) { display: none !important; }
html:has(body.cx-page) { scroll-padding-top: 76px; }
.cx-page .cx-main [id] { scroll-margin-top: 0; }
.cx-main, .cx-page main { min-inline-size: 0; font-family: var(--cx-font); }
.cx-page :is(.rk-header,.rk-dock,.rk-footer) { color: var(--cx-ink); }
.cx-page .rk-header { background: var(--cx-paper); border-color: var(--cx-line); }
.cx-product .rk-header {
  margin-bottom: calc(-1 * var(--rk-nav-height, 76px));
  background: transparent;
  border-color: transparent;
  transition: background 220ms, border-color 220ms;
}
.cx-product.cx-scrolled .rk-header {
  background: color-mix(in srgb, var(--cx-paper) 91%, transparent);
  border-color: var(--cx-line);
  backdrop-filter: blur(14px);
}
.cx-page .rk-dock { background: #f4f3eff5; border-color: var(--cx-line); }
.cx-page :is(.rk-dock > a[aria-current], .rk-more[data-current] > summary) {
  background: #dde5f4;
  color: var(--cx-cobalt);
}
.cx-page .rk-footer { background: var(--cx-paper); border-color: var(--cx-line); }
.cx-page .rk-contact-launch { background: var(--cx-night); }
.cx-page .rk-contact-dialog { border-color: var(--cx-line); }
.cx-wrap { width: min(100%, 1680px); margin-inline: auto; padding-inline: var(--cx-margin); }
.cx-page .cx-main :is(h1,h2,h3,h4,p,ol,dl,dd,figure) { margin: 0; }
.cx-page .cx-main :is(h1,h2,h3,h4),
.cx-page main :is(.article-hero,.console-header,.brief-main,.article-body,.console-view) :is(h1,h2,h3) {
  font-family: var(--cx-font);
  text-wrap: balance;
}
.cx-page .cx-main h2 {
  font-size: clamp(2.6rem, 6.1vw, 7rem);
  font-weight: 260;
  line-height: .98;
  letter-spacing: -.054em;
  color: inherit;
}
.cx-page .cx-main h3 {
  font-size: clamp(1.25rem, 2.6vw, 2.8rem);
  font-weight: 370;
  line-height: 1.08;
  letter-spacing: -.046em;
  color: inherit;
}
.cx-page .cx-kicker {
  font-family: var(--cx-font);
  font-size: .75rem;
  font-weight: 590;
  letter-spacing: .075em;
  line-height: 1.35;
  text-transform: uppercase;
  color: var(--cx-muted);
}
.cx-button, .cx-link, .cx-back {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-block-size: 44px;
  color: inherit;
  font-family: var(--cx-font);
  font-size: .89rem;
  font-weight: 570;
  text-decoration: none;
  line-height: 1.25;
}
.cx-button {
  background: var(--cx-cobalt);
  color: #fff;
  padding: 10px 16px;
  border: 1px solid var(--cx-cobalt);
  border-radius: 3px;
  transition: background 170ms, border-color 170ms;
}
.cx-button:hover { background: #1e3279; color: #fff; }
.cx-link, .cx-back {
  width: fit-content;
  text-decoration: underline;
  text-decoration-color: currentColor;
  text-decoration-thickness: 1px;
  text-underline-offset: .32em;
}
.cx-page :is(.cx-link,.cx-back):hover { color: var(--cx-cobalt); }
.cx-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 7px 18px; }

.cx-hero {
  isolation: isolate;
  overflow: clip;
  background: linear-gradient(161deg,#8c9dca 0%,#b2c2e0 43%,#e2e8f0 76%,#f1ede4 100%);
  color: var(--cx-ink);
}
.cx-hero-inner {
  position: relative;
  min-height: max(700px, 100svh);
  padding-top: max(116px, 14svh);
  padding-bottom: clamp(32px, 6svh, 68px);
  display: flex;
  flex-direction: column;
}
.cx-page .cx-hero-label {
  z-index: 3;
  font-size: .75rem;
  font-weight: 570;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.cx-page .cx-main h1.cx-title {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
  justify-content: center;
  font-size: clamp(112px, 14vw, 268px);
  font-weight: 240;
  line-height: .83;
  letter-spacing: -.072em;
  text-wrap: nowrap;
  margin-top: 13px;
  margin-bottom: 24px;
}
.cx-title > span { position: relative; z-index: 3; align-self: flex-start; }
.cx-title > span:nth-child(2) { align-self: flex-end; margin-right: .04em; }
.cx-period { color: var(--cx-cobalt); }
.cx-hero-art {
  position: absolute;
  z-index: 2;
  left: 48%;
  top: 7%;
  width: min(44vw, 664px);
  height: 89%;
  transform: translateX(-50%) translateY(var(--cx-hero-drift, 0px));
  pointer-events: none;
}
.cx-hero-art img { width: 100%; height: 100%; object-fit: contain; object-position: center; display: block; }
.cx-hero-copy {
  position: relative;
  z-index: 4;
  max-width: 25rem;
  display: grid;
  gap: 18px;
  font-size: clamp(1rem, 1.45vw, 1.25rem);
  font-weight: 390;
  line-height: 1.45;
}
.cx-hero-copy p {
  padding-left: 15px;
  border-left: 1px solid #3e568a;
  max-width: 33ch;
}
.cx-hero-index {
  position: absolute;
  z-index: 4;
  right: calc(var(--cx-margin) + 8rem);
  bottom: clamp(32px, 6svh, 68px);
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  gap: 12px;
  text-decoration: none;
  font-size: .84rem;
  font-weight: 560;
}
.cx-hero-index:hover { color: var(--cx-cobalt); }
.cx-chapters {
  display: block;
  border-bottom: 1px solid var(--cx-line);
  background: var(--cx-paper);
}
.cx-chapters .cx-wrap { display: flex; flex-wrap: wrap; gap: 0 clamp(14px, 4vw, 66px); }
.cx-chapters a {
  display: inline-flex;
  align-items: center;
  min-height: 51px;
  color: var(--cx-ink);
  font-size: .875rem;
  text-decoration: none;
}
.cx-chapters a:hover { color: var(--cx-cobalt); box-shadow: 0 -2px var(--cx-cobalt) inset; }
.cx-section { position: relative; padding-block: clamp(68px, 10vw, 152px); }
.cx-anchor { position: absolute; inset: 0 auto auto 0; }
.cx-intro { background: var(--cx-white); }
.cx-intro-grid, .cx-chapter-split {
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
  gap: clamp(28px, 8vw, 130px);
  align-items: start;
}
.cx-intro-grid { grid-template-columns: minmax(105px, .34fr) minmax(0, 1.66fr); }
.cx-intro .cx-kicker { padding-top: 8px; }
.cx-page .cx-intro h2 { font-size: clamp(2.4rem, 5.3vw, 6.3rem); max-width: 19ch; }
.cx-main :is(.cx-intro,.cx-chapter-head,.cx-chapter-split header) h2 + p {
  margin-top: clamp(17px, 3vw, 31px);
  font-size: clamp(1.04rem, 1.65vw, 1.36rem);
  line-height: 1.55;
  max-width: 41ch;
}
.cx-chapter-head { max-width: 1150px; margin-bottom: clamp(34px, 6vw, 80px); }
.cx-chapter-head .cx-kicker, .cx-chapter-split .cx-kicker { margin-bottom: 18px; }
.cx-chapter-split header .cx-actions { margin-top: 24px; }
.cx-chapter-split header > .cx-link { margin-top: 18px; }

.cx-anatomy { background: var(--cx-ice); overflow: clip; }
.cx-anatomy .cx-chapter-head { margin-inline: auto; text-align: center; }
.cx-anatomy .cx-chapter-head > p:last-child { margin-inline: auto; }
.cx-stack {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(255px,1.5fr) minmax(0,1fr);
  align-items: center;
  gap: clamp(13px, 3vw, 48px);
  min-width: 0;
  --cx-spread: 1;
}
.cx-stack-model { grid-column: 2; grid-row: 1; position: relative; aspect-ratio: 1064 / 1478; min-width: 0; }
.cx-layer-static, .cx-layer-animation, .cx-layer { position: absolute; inset: 0; width: 100%; height: 100%; }
.cx-layer-static img, .cx-layer { display: block; width: 100%; height: 100%; object-fit: contain; }
.cx-layer-animation { display: none; }
.cx-stack.cx-animated .cx-layer-animation { display: block; }
.cx-stack.cx-animated .cx-layer-static { visibility: hidden; }
.cx-layer { transform: translateY(calc((1 - var(--cx-spread)) * var(--cx-shift))); }
.cx-layer-0 { z-index: 4; --cx-shift: 24%; clip-path: inset(0 0 70.7%); }
.cx-layer-1 { z-index: 3; --cx-shift: 8%; clip-path: inset(29.3% 0 48.5%); }
.cx-layer-2 { z-index: 2; --cx-shift: -8%; clip-path: inset(51.5% 0 27.1%); }
.cx-layer-3 { z-index: 1; --cx-shift: -24%; clip-path: inset(72.9% 0 0); }
.cx-layer-labels {
  grid-area: 1 / 1 / 2 / -1;
  align-self: stretch;
  padding: 0;
  display: grid;
  grid-template-columns: subgrid;
  grid-template-rows: 1fr 1fr;
  list-style: none;
  min-width: 0;
}
.cx-layer-labels li { position: relative; align-self: center; border-top: 1px solid #aebbd1; padding-top: 14px; min-width: 0; }
.cx-layer-labels li:nth-child(1) { grid-area: 1 / 1; align-self: start; margin-top: clamp(32px,10vw,150px); }
.cx-layer-labels li:nth-child(2) { grid-area: 1 / 3; align-self: end; margin-bottom: 12px; }
.cx-layer-labels li:nth-child(3) { grid-area: 2 / 1; align-self: start; margin-top: clamp(16px,6vw,96px); }
.cx-layer-labels li:nth-child(4) { grid-area: 2 / 3; align-self: end; margin-bottom: clamp(10px,6vw,74px); }
.cx-page .cx-layer-labels h3 { font-size: clamp(1.16rem, 2.05vw, 2rem); }
.cx-page .cx-layer-labels li p { margin-top: 8px; color: var(--cx-muted); font-size: clamp(.875rem, 1.2vw, 1.05rem); }
.cx-stack figcaption { grid-column: 1 / -1; text-align: center; font-size: .82rem; color: var(--cx-muted); }
.cx-stack.cx-animated li.cx-current { border-top-color: var(--cx-cobalt); }
.cx-stack.cx-animated li.cx-current::before {
  content: "";
  position: absolute;
  top: -3px;
  inset-inline-start: 0;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--cx-cobalt);
}
.cx-stack.cx-animated li.cx-current h3 { color: var(--cx-cobalt); }

.cx-dark {
  --cx-ink: #f4f6fb;
  --cx-muted: #b9c5dc;
  --cx-line: #485165;
  background: var(--cx-night);
  color: var(--cx-ink);
}
.cx-dark .cx-link:hover { color: #b5c8fb; }
.cx-page .cx-dark :where(a,button,summary):focus-visible { outline-color: #9cb6ff; }
.cx-demo {
  padding-top: clamp(40px, 6vw, 90px);
  --paper: #e8edf6;
  --graphite: #162239;
  --line: #43506a;
  --muted: #b8c3d8;
  --soft: #222a36;
  --rust: #7695e4;
  --cta: #294294;
  --burgundy: #314a9b;
}
.cx-demo .cx-chapter-head { margin-bottom: clamp(23px, 3.2vw, 50px); }
.cx-page .cx-demo .demo-controls {
  padding: 0;
  gap: 5px;
  width: fit-content;
  flex-wrap: wrap;
  border: 0;
  margin-bottom: 16px;
}
.cx-page .cx-demo .demo-controls button {
  min-height: 44px;
  border: 1px solid #556682;
  border-radius: 3px;
  background: transparent;
  color: #edf2ff;
  padding: 7px 13px;
}
.cx-page .cx-demo .demo-controls button[aria-pressed="true"] {
  background: #e1e9fb;
  color: #1b2b50;
  border-color: #e1e9fb;
}
.cx-page .cx-demo .demo-shell { background: #212734; border-radius: 5px; }
.cx-page .cx-demo .demo-panel { position: relative; min-height: 0; padding: clamp(18px, 3.7vw, 52px); }
.cx-page .cx-demo .ops-intro { align-items: start; }
.cx-page .cx-demo .ops-app { background: #f3f5fa; color: #18243a; border-radius: 4px; }
.cx-page .cx-demo .mini-top { color: #e9effd; background: #202c44; border-color: #52617c; }
.cx-page .cx-demo .mini-top .tag { color: #dce7ff; border-color: #7185ae; }
.cx-page .cx-demo .ops-label { color: #455777; }
.cx-page .cx-demo .ops-signals button, .cx-page .cx-demo .ops-filters button {
  background: #f8f9fd;
  color: #192844;
  border-color: #b4c0d4;
}
.cx-page .cx-demo .ops-signals button[aria-pressed="true"], .cx-page .cx-demo .ops-filters button[aria-pressed="true"] {
  background: #e4ebfb;
  color: #16274b;
  border-color: #526aa7;
}
.cx-page .cx-demo .ops-bars i { background: #4b65b0; }
.cx-page .cx-demo .ops-app h4 { color: #17263e; }
.cx-page .cx-demo .ops-app .ops-signals :focus-visible,
.cx-page .cx-demo .ops-app :where(a,button):focus-visible { outline-color: #294294; }
.cx-page .cx-demo .ops-metric { margin-top: 15px; }
.cx-page .cx-demo .ops-chart { margin: 15px 0 20px; }
.cx-page .cx-demo .ops-dependencies { margin-top: 15px; }
.cx-page .cx-demo .ops-demo-note { color: #465575; }
.cx-page .cx-demo .ops-selection-status { margin-top: 13px; }
.cx-page .cx-demo .demo-aside > :is(p,h3) + p { margin-top: 14px; }
.cx-page .cx-demo .demo-aside .source-note { color: #bcc8df; }
.cx-page .cx-demo .brief-example, .cx-page .cx-demo .review-example { background: #f3f5fa; color: #18243a; }
.cx-page .cx-demo .cx-demo-note { margin-top: 16px; color: var(--cx-muted); font-size: .9rem; }

.cx-decision { border-top: 1px solid #394256; }
.cx-decision .rk-editorial-steps { border-color: #566480; background: transparent; }
.cx-page .cx-decision .rk-editorial-tabs { border-color: #566480; }
.cx-page .cx-decision .rk-editorial-tabs button {
  min-height: 44px;
  color: #edf2fb;
  background: transparent;
  border-color: #657491;
  font-family: var(--cx-font);
}
.cx-page .cx-decision .rk-editorial-tabs button[aria-selected="true"] { background: #e1e9fb; color: #1b2b50; }
.cx-page .cx-decision .rk-editorial-panel { background: #202837; color: #edf2fb; border-color: #556484; }
.cx-page .cx-decision .rk-editorial-panel p { color: #dae3f7; margin-top: 10px; }
.cx-page .cx-decision .rk-editorial-panel h3 { color: inherit; }

.cx-research { background: var(--cx-white); }
.cx-need-history, .cx-decision-path { padding: clamp(21px, 4vw, 52px); border: 1px solid var(--cx-line); background: #eef1f7; }
.cx-need-history ol, .cx-decision-path ol { list-style: none; padding: 0; }
.cx-need-history li, .cx-decision-path li { padding-block: 20px; border-top: 1px solid #aebbd1; }
.cx-page :is(.cx-need-history,.cx-decision-path) li h3 { font-size: clamp(1.19rem, 2vw, 1.9rem); margin-bottom: 7px; }
.cx-need-history li span { display: block; font-size: .8rem; color: var(--cx-cobalt); font-weight: 550; margin-bottom: 6px; }
.cx-page :is(.cx-need-history,.cx-decision-path) li p,
.cx-page :is(.cx-need-history,.cx-decision-path) figcaption { font-size: .92rem; color: var(--cx-muted); line-height: 1.55; }
.cx-need-history figcaption, .cx-decision-path figcaption { border-top: 1px solid #aebbd1; padding-top: 14px; }
.cx-practice { background: #f2efe8; }
.cx-pilot { background: linear-gradient(135deg,#c0cce3,#e9eef6 74%); }
.cx-pilot-facts { display: grid; }
.cx-pilot-facts div { padding-block: 21px; border-top: 1px solid #a6b3cc; }
.cx-pilot-facts dt { margin-bottom: 7px; font-weight: 580; }
.cx-pilot-facts dd { font-size: clamp(.96rem, 1.3vw, 1.15rem); color: var(--cx-muted); line-height: 1.5; }
.cx-exhibits { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: clamp(14px, 3vw, 36px); }
.cx-exhibit { min-width: 0; }
.cx-exhibit-image { display: block; overflow: hidden; aspect-ratio: 1.35; background: #252d3b; }
.cx-exhibit img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 360ms ease-out; }
.cx-exhibit-image:is(:focus-visible,:hover) img { transform: scale(1.035); }
.cx-exhibit > div { padding-top: 18px; }
.cx-page .cx-exhibit h3 { margin-block: 7px 10px; }
.cx-exhibit p:not(.cx-kicker) { color: var(--cx-muted); max-width: 32ch; }
.cx-exhibit .cx-link { margin-top: 9px; }
.cx-faq { background: var(--cx-paper); }
.cx-faq-list { border-top: 1px solid var(--cx-line); }
.cx-faq-list details { border-bottom: 1px solid var(--cx-line); }
.cx-faq-list summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  min-height: 58px;
  cursor: pointer;
  font-size: clamp(1.04rem, 1.55vw, 1.35rem);
  list-style: none;
}
.cx-faq-list summary::-webkit-details-marker { display: none; }
.cx-faq-list summary::after { content: "+"; color: var(--cx-cobalt); font-weight: 400; }
.cx-faq-list details[open] summary::after { content: "−"; }
.cx-page .cx-faq-list p { margin-bottom: 20px; color: var(--cx-muted); max-width: 62ch; }

.cx-page .cx-back { color: var(--cx-cobalt); margin-bottom: 20px; }
.cx-page :is(.article-hero,.console-header) {
  background: linear-gradient(145deg,#9cadd4,#dfe7f4 67%,#f2f0e9);
  color: var(--cx-ink);
  padding: clamp(35px, 6vw, 94px) 0;
}
.cx-page :is(.article-hero,.console-header) :is(.eyebrow,.muted,.byline,.lead) { color: #344563; }
.cx-page :is(.article-hero,.console-header) h1 {
  font-size: clamp(2.65rem, 7.7vw, 8.4rem);
  font-weight: 255;
  line-height: .94;
  letter-spacing: -.055em;
  margin-block: 15px 22px;
  max-width: 16ch;
  color: inherit;
}
.cx-page .article-hero .lead { max-width: 52ch; font-size: clamp(1.02rem,1.6vw,1.3rem); }
.cx-page :is(.brief-main,.reading-layout,.console-layout) { color: var(--cx-ink); }
.cx-page :is(.brief-main,.reading-layout,.console-layout) :is(h2,h3) { color: var(--cx-ink); }
.cx-page :is(.article-body,.brief-row) :is(p,li) { color: #35445c; }
.cx-page .brief-row { border-color: var(--cx-line); }
.cx-page .brief-row h2 { font-size: clamp(1.5rem,3.3vw,3rem); font-weight: 300; }
.cx-page .cx-brief-index { display: flex; gap: 10px 20px; flex-wrap: wrap; width: min(100%, 1328px); margin: 25px auto 0; padding-inline: var(--cx-margin); }
.cx-page .cx-brief-index a { min-height: 44px; display: inline-flex; align-items: center; color: #243b79; text-decoration: underline; text-underline-offset: 5px; }
.cx-article :is(.article-toc,.mobile-toc) { background: #e8edf5; border-color: #c1cada; color: var(--cx-ink); }
.cx-article :is(.article-toc,.mobile-toc) :is(h2,a,summary) { color: #22365f; }
.cx-article .article-body a { color: #294294; }
.cx-console .console-header { margin-top: 15px; padding: clamp(24px,4vw,64px) var(--cx-margin); }
.cx-page.cx-console .console-header h1 { font-size: clamp(2.65rem,6.7vw,7rem); }
.cx-console .console-layout { margin-top: 26px; }
.cx-console :is(.console-nav,.console-content,.console-view,.metric,.queue-item,.setup-detail,.export-box) { border-color: #bdc9dd; color: #1d2b45; }
.cx-console :is(.console-nav,.console-content,.console-view,.setup-detail) { background: #f6f8fc; }
.cx-console .console-nav a { color: #253b6b; }
.cx-console .console-nav a:is(.active,[aria-current]) { color: #fff; background: #294294; }
.cx-console :is(.metric,.queue-item,.export-box) { background: #e8eef8; }
.cx-console :is(.metric,.queue-item,.console-content) .muted { color: #40516f; }
.cx-console .console-view h2 { font-size: clamp(1.9rem,3.6vw,3.5rem); font-weight: 320; letter-spacing: -.05em; }
.cx-console .console-view :is(.filter,.button.secondary) { border-color: #6279ab; color: #213869; background: #eef3ff; }
.cx-console .console-view :is(.filter,.button.secondary)[aria-pressed="true"] { color: #fff; background: #294294; }
.cx-console .console-view .note { border-color: #8196bf; color: #35445c; background: #e3eaf7; }
.cx-console .console-view .tag { border-color: #8797b8; color: #233754; }
.cx-console .console-view .business-table :is(th,td) { border-color: #c1cce0; color: #263756; }

@media (max-width: 930px) {
  .cx-page .cx-main h1.cx-title { font-size: clamp(94px, 15vw, 145px); }
  .cx-hero-art { width: min(52vw, 560px); }
  .cx-chapter-split { gap: clamp(24px, 5vw, 58px); }
  .cx-exhibits { gap: 16px; }
}
@media (max-width: 700px) {
  .cx-hero-inner { min-height: 670px; padding-top: 112px; padding-bottom: 28px; }
  .cx-page .cx-hero-label { font-size: .66rem; }
  .cx-page .cx-main h1.cx-title {
    font-size: clamp(69px, 18vw, 127px);
    flex: 0 1 auto;
    min-height: clamp(290px, 80vw, 385px);
    justify-content: space-between;
    margin-block: 19px 16px;
  }
  .cx-title > span:nth-child(2) { z-index: 3; }
  html:has(body.cx-page) { scroll-padding-top: 65px; }
  .cx-hero-art { top: 19%; left: 56%; width: min(78vw,380px); height: 42%; }
  .cx-hero-copy { margin-top: auto; max-width: min(100%, 370px); gap: 13px; }
  .cx-hero-index { display: none; }
  .cx-chapters .cx-wrap { gap: 0 16px; }
  .cx-chapters a { font-size: .79rem; min-height: 44px; }
  .cx-intro-grid, .cx-chapter-split { grid-template-columns: minmax(0,1fr); gap: 22px; }
  .cx-section { padding-block: clamp(55px, 10vw, 84px); }
  .cx-page .cx-main h2 { font-size: clamp(2.47rem, 10.2vw, 4.5rem); }
  .cx-stack { grid-template-columns: minmax(0,1fr); gap: 14px; }
  .cx-stack-model { grid-column: 1; grid-row: auto; width: min(88%, 340px); margin-inline: auto; }
  .cx-layer-labels { grid-area: auto; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 15px 18px; }
  .cx-stack .cx-layer-labels li { grid-area: auto; margin: 0; align-self: start; }
  .cx-exhibits { grid-template-columns: minmax(0,1fr); gap: 34px; }
  .cx-exhibit-image { aspect-ratio: 1.57; }
  .cx-page .cx-demo .demo-panel { padding: 14px; }
  .cx-page .cx-demo .ops-app { margin-inline: -3px; }
  .cx-page .cx-demo .ops-app .ops-summary { padding-inline: 12px; gap: 12px; }
  .cx-page .cx-demo .ops-app :is(.ops-list,.ops-detail) { padding-inline: 12px; }
  .cx-page .cx-demo .ops-dependencies ol { flex-wrap: wrap; }
  .cx-console .console-layout { margin-top: 12px; }
}
@media (max-width: 365px) {
  .cx-hero-inner { min-height: 650px; }
  .cx-page .cx-main h1.cx-title { font-size: 66px; min-height: 260px; }
  .cx-hero-art { top: 19%; height: 39%; }
  .cx-page .cx-demo .demo-panel { padding: 11px; }
  .cx-page .cx-demo .ops-filters button { padding-inline: 5px; }
  .cx-chapters .cx-wrap { gap: 0 11px; }
}
@media (prefers-reduced-motion: no-preference) {
  .cx-hero-art img { animation: cx-object-arrive 560ms cubic-bezier(.2,.75,.2,1) both; }
}
@keyframes cx-object-arrive {
  from { opacity: .65; transform: translateY(13px); }
  to { opacity: 1; transform: translateY(0); }
}
@media (prefers-reduced-motion: reduce) {
  html:has(body.cx-page) { scroll-behavior: auto; }
  .cx-page .cx-exhibit img { transform: none; }
  .cx-page .cx-hero-art { transform: translateX(-50%); }
  .cx-page .cx-stack.cx-animated .cx-layer-animation { display: none; }
  .cx-page .cx-stack.cx-animated .cx-layer-static { visibility: visible; }
  .cx-page :is(.rk-header,.cx-button,.cx-exhibit img) { transition: none; }
}